.eb-event-box .eb-event-price{
      background-color: #007237 !important;
}
.eb-event-title{
  color:#007237 !important;
}
.eb-slider-container .eb-event-price{
  background-color: #007237 !important;
}
.convertforms .cf-control-input-desc{
      color: #bd0000 !important;
}
.entry-audio.ratio.ratio-16x9{
    height: 80px !important;
}
/*#tabs {
    margin-top: 90px !important;
}*/

div#sp-search input#mod-finder-searchword225{
  height: 38px;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    padding-top: 5px;
}
/*.section-video { 
  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}*/
label#jform_captcha-lbl{
  display:none !important;
}
#jform_captcha{
  	position: absolute !important;
    margin-top: 550px !important;
}
.register-group{
  margin-top: 120px;
}
.featured-page-grid-text-content .wordwrap-readmore a {
    margin: 0px;
    text-align: left !important;
    margin-bottom: 15px;
}
.vp-player-ui-container {
		--video--width: 1296;
		--video--height: 540;
  
		position: relative;
		padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
		overflow: hidden;
		max-width: 100%;
		background: black;
	  }
  
	  .vp-player-ui-container iframe,
	  .vp-player-ui-container object,
	  .evp-player-ui-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	  }
.section-video iframe{
  width: 100% !important;
    height: 400px !important;
    position: absolute;
    max-width: 2000px !important;
    left: 0;
 /*background-color: black;*/
}
label#jform_spacer-lbl{
  color:red;
}
button.btn.btn-secondary {
    color: #fff;
    background-color: #007237;
}
fieldset#users-profile-core { 
  border: none; 
  margin: 0; 
  padding: 30px 0; }
.input-group .btn { 
  position: relative; 
  z-index: 2; 
  /*font-size: 12px !important; */
}
.system-unpublished .featured-page-grid-text-content-wrapper-noimg{
  	    padding-top: 20px;
    height: 200px !important;
}
.system-unpublished .featured-page-grid-text-content-wrapper-noimg>.merch{
  	    padding-top: 20px;
    height: auto !important;
}
.sample-layout .pull-left.entry-image.full-image{
      height: 350px;

}
.embed-container {
      --video--width: 1296;
      --video--height: 540;

      position: relative;
      padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
      overflow: hidden;
      max-width: 100%;
      background: black;
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

.eb-columns-layout-container .eb-event-wrapper .eb-taskbar {
      padding-bottom: 15px;

}
.featured-page-grid-text-content ul{
  margin: 0px;
    text-align: left !important;
    margin-bottom: 15px;
}
.inner-ul{
  padding-left: 40px !important;
}
li.sp-menu-item.user-icon-img a {
    line-height: 12px;
}
 
.featured-page-grid-section{
	margin-top: 0% !important;
}
.featured-page-grid-text-content h4{
  margin: 0px;
  text-align: left !important;
  margin-bottom: 15px;
}
.featured-page-grid-text-content { text-align: left !important; }

ul.language-ul li a{
  display:inline-block !important;
}
.footer-link{
  margin-top:30px;
}
.footer-bottom {
    padding: 14px 0px 0px;
    background: #000;
    border-top: 1px solid #c1c1c12e;
}
        
        .footer-bottom .copyright-text {
            float: left;
        }
        
        .footer-bottom .copyright-text p {
            font-size: 14px;
            font-weight: 400;
            color: #ababab;
            line-height: 35px;
            margin-bottom: 0px;
            letter-spacing: 0.5px;
            text-transform: capitalize;
        }
 .footer-bottom ul li a {
    font-size: 14px !important;
    color: #ccccccb8 !important;
}
        
        .footer-bottom .copyright-text a {
            color: #ababab;
        }
        
        .footer-bottom-link-left {
            float: left;
            margin-bottom: 0px;
            padding-left: 0;
        }
        
        .footer-bottom-link-left li {
            display: inline-block !important;
            margin-left: 32px;
        }
        
        .footer-bottom-link-left li a {
            font-size: 15px;
            line-height: 26px;
            color: #ababab;
            font-weight: 400;
        }
        
        .footer-bottom .footer-bottom-link {
            float: right;
            margin-bottom: 0px;
            padding-left: 0;
        }
        
        .footer-bottom .footer-bottom-link li {
            display: inline-block !important;
            margin-left: 32px;
        }
        
        .footer-bottom .footer-bottom-link li a {
            font-size: 15px;
            line-height: 26px;
            color: #ababab;
            font-weight: 400;
        }

html[lang="hy"] .sp-megamenu-parent > li > a, html[lang="hy"] .sp-megamenu-parent > li > span {
    font-size: 14px !important;
    padding: 5px 2px;
    letter-spacing: 0px !important;
}
 
html[lang="hy"] .sp-megamenu-parent > li > a.shop--main-menu-item {
    margin-left: 70px !important;
}

.watch-gs-language-list{
column-count: 3;
    text-align: center;
}
.country_name{
  display:none;
}
.country-badge
{
  background-color: #007237 !important;
}
.page-header-country a{
  color: #323232 !important;
}
#mod-custom206{
  width: 100% !important;
}
.list-group-item{
  border:none !important;
}
.sp-watch-gs-video-custom{
  padding-bottom:20px;
}
/*.tab-content-wrapper .img-square-wrapper img {
    height: 100% !important;
    width: 100% !important;
}
.tab-content-wrapper .img-square-wrapper {
    width: 100%;
}*/

#sp-tabs{
  margin-top:20px;
}
ul.tabs{
   border-bottom: 1px solid #3db166;
}
   

.sp-module ul > li > a{
  padding: 0px  4px !important;
  font-size: 16px;
}
#sp-header .container {

    width: 1300px !important;

}

.watch-video-btn{
      color: #ffff !important;
}

.wordwrap-readmore-language{
  overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.fields-container{
  display:none;
}
.tab-content-wrapper .img-square-wrapper {
    max-width: 30%;
    flex: 0 0 30%;
}

@media only screen and (max-width: 479px)
{
  .card-horizontal{
    display:block !important;
  }
  .tab-content-wrapper .img-square-wrapper {
    max-width: 100%;
    flex: 0 0 30%;
	}
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.dropdown-item.active{
  background-color: #007237 !important;
}

.cat-children{
  display:none !important;
}
body {
    margin: 0;
    word-wrap: break-word;
}

.watch-gs-video{
	width: 100% !important;
    height: 600px !important;
}
.watch-gs-picker, .bootstrap-select .dropdown-menu{
  width:100% !important;
  min-width:100% !important;
}
.bootstrap-select > select{
  display:none !important;
  left:0% !important;
}
/*added by ag*/
.eb-search-bar-container{
  background-color:#ffff !important;
}
.float-start{
      margin-right: 10px!important;
}

/*.background-img-watch-gs.overlay-enabled-watch-gs:after {
        content: "";
        display: block;
        background: rgb(0, 0, 0);
        height: 30%;
        width: 100%;
        top: 0;
        position: absolute;
        z-index: -1;
        left: 0;
        opacity: 0.3;
    }*/

.eb-search-bar-container .float-start #search_eb_box{
      width: 300px;
  display:none !important;
}
.eb-search-bar-container .float-start #category_id , .eb-search-bar-container #filter_duration, .eb-search-bar-container #location_id{
      width: 200px;
  height:34px !important;
}

.eb-search-bar-container .float-start .search_button{
      padding: 5px 35px !important;

}

.splide__arrow svg{
  fill: #007237 !important;
}
.splide__arrow:hover svg{
  fill: #007237 !important;
}

.splide__arrow splide__arrow--prev:hover{
  background-color:#ffff !important;
}
.splide__arrow splide__arrow--next:hover{
  background-color:#ffff !important;
}

.switcher{
 position: absolute;
}
#filter_from_date_btn{
      height: 34px !important;
}
#filter_to_date_btn{
      height: 34px !important;
}
/*.sharing{
  display:none !important;
}

.eb-btn-linkedin ,.eb-btn-delicious , .eb-btn-digg , .eb-btn-pinterest{
  display:none !important;
}*/

#filter_from_date_btn , #filter_to_date_btn{
  border-color: #007237 !important;
    background-color: #007237 !important;

}
.calendar-container table tbody td.day.selected{
      background: #007237 !important;

}
.calendar-container table tbody td.day:hover{
  background: #007237 !important;

}
.buttons-wrapper .btn:hover{
  background: #007237 !important;
  
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
}

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;
}

q {
    font-style: italic;
    font-weight: bold;
    letter-spacing: 1px;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 5px;
    border: 2px double #f9f9f9;
    text-align: center;
}

/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
    font-size: 16px;
    color: #3a405b;
    line-height: 1.8em;
    font-weight: 400;
    background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
    font-family: 'Roboto', sans-serif;
}

h1 {
    font-size: 34px;
}

h2 {
   font-size: 24px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: 0 0 15px;
    background: none;
    line-height: 1.4;
    /* font-family: 'Roboto Condensed', sans-serif; */
    color: #000;
    font-weight: 600;
}

p {
    margin: 0 0 15px 0;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    text-align: center;
    position: relative;
    margin: 0 0 25px;
    font-size: 27px;
    font-weight: 100;
}

    blockquote cite {
        font-size: 18px;
        line-height: 1.89;
        color: #888888;
    }

    blockquote cite {
        display: block;
        margin-top: 7px;
    }

address {
    margin: 0 0 15px;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #dc4357;
    background-color: #00723712;
    border-radius: 4px;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
3. 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. */
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote:before {
    content: "\201c";
    font-family: "Times New Roman";
    display: block;
    font-size: 93px;
    line-height: 50px;
    font-weight: 700;
}

blockquote:before {
    color: #007237;
}

hr {
    background-color: #ECECEE;
    border: 0;
    height: 1px;
    margin: 60px 0;
    clear: both;
}

ul,
ol {
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
}

ul {
    list-style: none;
    padding-left: 0;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}

ul.list-col-3 li {
    width: 33.33%;
    float: left;
    font-weight: bold;
}

    ul.list-col-3 li i {
        color: #007237;
        margin-right: 5px;
    }

.list-icon li:before {
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    margin-right: 15px;
    color: #007237;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}

figure {
    margin: 15px 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 15px;
    width: 100%;
}

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

/*--------------------------------------------------------------
4. Forms
--------------------------------------------------------------*/

input[type="button"],
input[type="reset"],
input[type="submit"],
button {
    background: transparent ;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 35px;
    border: none;
    height: auto;
    width: auto;
    cursor: pointer;
    display: inline-block;
}

    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    button:hover,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus,
    button:focus,
    input[type="button"]:active,
    input[type="reset"]:active,
    input[type="submit"]:active,
    button:active {
        background-color: #222;
        color: #fff;
        outline: none;
    }


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, select {
    color: #272727;
    border: 1px solid #c2cacd;
    padding: 7px 10px 7px 15px;
    background: #fff;
}


select {
    border: 1px solid #f5f5f5;
    width: 100%;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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 {
    outline: none;
}

textarea {
  height: auto !important;
    resize: none;
    border-bottom: 1px solid #c2cacd !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    background-color: #fff !important;
    color: #272727;
    width: 100%;
}

/*--------------------------------------------------------------
4.1. Search Forms
--------------------------------------------------------------*/

form.search-form {
    position: relative;
}

input.search-field {
    width: 100%;
    border: 2px solid #f7f7f7;
    padding: 12px 25px;
}

.search-submit {
    width: 100%;
    margin-top: 15px;
}

.searchform {
    width: 430px;
    margin: 0 auto;
    max-width: 100%;
}

.searchform-inner {
    position: relative;
}

input.search-submit, input.search-submit:visited {
    position: absolute;
    top: 0;
    margin: 0;
    right: 0;
    font-size: 17px;
    padding: 15px 20px;
}
/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #272727;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #272727;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #272727;
}

:-moz-placeholder { /* Firefox 18- */
    color: #272727;
}

#footer-widgets ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #222;
}

#footer-widgets ::-moz-placeholder { /* Firefox 19+ */
    color: #222;
}

#footer-widgets :-ms-input-placeholder { /* IE 10+ */
    color: #222;
}

#footer-widgets :-moz-placeholder { /* Firefox 18- */
    color: #222;
}

.text-alignleft {
    text-align: left;
}

.text-alignright {
    text-align: right;
}

.text-aligncenter {
    text-align: center;
}


/*--------------------------------------------------------------
5. Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 50px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 50px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.text-alignleft {
    text-align: left;
}

.text-alignright {
    text-align: right;
}

.text-aligncenter {
    text-align: center;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.pull-none {
    margin: 0 auto;
    float: none;
    display: inline-block;
}

.clear-fix {
    clear: both;
}

    .clear-fix:after,
    .clear-fix:before {
        content: "";
        display: table;
        clear: both;
    }
/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
7. 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%;
}
/**
* Print
*/

@media print {
    form,
    button,
    input,
    select,
    textarea,
    .navigation,
    .main-navigation,
    .social-navigation,
    .sidebar,
    .content-bottom-sections,
    .header-image,
    .page-links,
    .edit-link,
    .comment-respond,
    .comment-edit-link,
    .comment-reply-link,
    .comment-metadata .edit-link,
    .pingback .edit-link {
        display: none;
    }
}
/**
* Media Queries
*/

/**
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}


/*--------------------------------------------------------------
7.1. Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    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;
}

/*--------------------------------------------------------------
8. Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
20. Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin: 0;
    padding: 5px;
    float: left;
}

    .gallery-item img {
        vertical-align: middle;
    }

    .gallery-item:hover {
        opacity: 0.7;
    }

.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;
}

.gallery-caption {
    display: block;
    background: #f9f8f8;
    padding: 8px;
    font-size: 18px;
}

.gallery-columns-3 .gallery-item:nth-child(3n+1) {
    clear: both;
}

/*--------------------------------------------------------------
9. Custom Button
--------------------------------------------------------------*/

.custom-button,
.custom-button:visited,
a.button, .custom-button.custom-primary-button,
.custom-button.custom-primary-button:visited {
    transition: all 0.3s ease 0s;
    background: #000;
    color: #fff;
    font-size: 14px;
    padding: 8px 35px;
    border: none;
    height: auto;
    width: auto;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    margin: 0;
    position: relative;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    /*margin-top: 20px;*/
    border-radius: 5px;
}

/*Circle button style*/

.button-curved .custom-button,
.button-curved .custom-button:visited,
.button-curved a.button.custom-button,
.button-curved a.button.custom-button:visited
.button-curved .custom-button.custom-primary-button,
.button-curved .custom-button.custom-primary-button:visited,
.button-curved input[type="button"],
.button-curved input[type="reset"],
.button-curved input[type="submit"],
.button-curved a.scrollup, a.scrollup:visited,
.button-curved {
    border-radius: 50px;
}

.custom-button.button-curved {
    border-radius: 50px;
}

.button-semi-curved {
    border-radius: 5px;
}

.button-circle, .button-circle-enabled .slick-arrow {
    border-radius: 100%;
}

.section-carousel-enabled.button-circle .slick-prev.slick-arrow,
.section-carousel-enabled.button-circle .slick-next.slick-arrow {
    border-radius: 100%;
}

.custom-button:hover,
.button:hover, button:focus,
.button:focus,
.custom-button:focus,
.custom-button:active,
.custom-button.custom-primary-button:hover,
.custom-button.custom-primary-button:active,
.custom-button.custom-primary-button:focus {
    background-color: #007237;
    color: #fff;
}

.overlay-enabled .custom-button:hover,
.overlay-enabled a.button:hover,
.overlay-enabled button:focus,
.overlay-enabled a.button:focus,
.overlay-enabled .custom-button:focus,
.overlay-enabled .custom-button:active,
.overlay-enabled .custom-button.custom-primary-button:hover,
.overlay-enabled .custom-button.custom-primary-button:active,
.overlay-enabled .custom-button.custom-primary-button:focus,
.dark-background .custom-button:hover,
.dark-background a.button:hover,
.dark-background button:focus,
.dark-background a.button:focus,
.dark-background .custom-button:focus,
.dark-background .custom-button:active,
.dark-background .custom-button.custom-primary-button:hover,
.dark-background .custom-button.custom-primary-button:active,
.dark-background .custom-button.custom-primary-button:focus {
    background-color: #fff;
    color: #222;
}

a.custom-button.custom-wire {
    color: #fff;
    background: none;
    border: 2px solid #fff;
    padding: 8px 40px;
}

.custom-button.custom-gray:hover {
    background: #007237;
    color: #fff;
}
/*custom-secondary*/

.custom-button.custom-secondary-button,
.custom-button.custom-secondary-button:active,
.custom-button.custom-secondary-button:visited {
    background-color: #000;
    color: #fdfdfd;
    margin-left: 15px;
}

    .custom-button.custom-secondary-button:hover,
    a.custom-button.custom-wire:hover {
        background: #007237;
        color: #fff;
        border-color: #007237;
    }


.more-link:after {
    content: "\f30b";
    font-family: 'Font Awesome 5 Free';
    padding-left: 6px;
    font-size: 11px;
    font-weight: 900;
}

a.more-link:hover::after {
    content: "\f00c";
}

.custom-button.custom-default {
    background: #ddd;
    color: #222;
}

.custom-button.custom-success {
    background: #0fb661;
}

.custom-button.custom-info {
    background: #30b4da;
}

.custom-button.custom-warning {
    background: #f0b02f;
}

.custom-button.custom-danger {
    background: #ff4f39;
}

.custom-button.custom-dark {
    background: #222222;
}

.custom-button.custom-purple {
    background: #9261c6;
}

.custom-button.custom-pink {
    background: #ff6b98;
}

.custom-button.custom-gray {
    background: #f7f9f8;
    color: #222;
}

.custom-button.custom-default:hover,
.custom-button.custom-pink:hover,
.custom-button.custom-purple:hover,
.custom-button.custom-dark:hover,
.custom-button.custom-danger:hover,
.custom-button.custom-warning:hover,
.custom-button.custom-info :hover,
.custom-button.custom-success:hover,
.custom-button.custom-default:hover {
    opacity: 0.8;
}

.custom-button-demo h4 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.custom-button.button-large {
    padding: 20px 50px;
    font-size: 20px;
}

.custom-button.button-medium {
    padding: 10px 45px;
}

button.custom-button.button-extra-small {
    padding: 5px 15px;
    font-size: 13px;
}

/*--------------------------------------------------------------
10. Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1. Links
--------------------------------------------------------------*/
a {
    color: #0e2551;
    text-decoration: inherit;
}

    a:visited {
        color: #323232;
    }

    a:focus {
        outline: none;
    }

    a:hover,
    a:focus,
    a:active {
        color: #007237;
    }

    a:hover,
    a:active {
        outline: 0;
    }

/*--------------------------------------------------------------
9.2. Menus
--------------------------------------------------------------*/

div#mob-menu-quick,
#mobile-trigger-quick {
    display: none;
}

#mob-menu2,
#mobile-trigger-quick {
    display: none;
}

.nav-inner-wrapper {
    background: #fff;
    padding: 13px 20px;
    box-shadow: 0 0 10px 1px #0000000f;
    position: relative;
}

    .nav-inner-wrapper.nav-color-bg {
        background: #007237;
    }

        .nav-inner-wrapper.nav-color-bg .main-navigation ul li a {
            color: #f1f1f1;
        }

        .nav-inner-wrapper.nav-color-bg .main-navigation ul li li a {
            color: #222;
        }

        .nav-inner-wrapper.nav-color-bg .hearder-min-cart .cart-button a,
        .nav-inner-wrapper.nav-color-bg #header-search a.search-icon {
            color: #fff;
        }

        .nav-inner-wrapper.nav-color-bg #sidebar-trigger span,
        .nav-inner-wrapper.nav-color-bg #sidebar-trigger span:before,
        .nav-inner-wrapper.nav-color-bg #sidebar-trigger span:after {
            background: #fff;
        }

.main-navigation ul {
    display: block;
    margin: 0;
    padding: 0;
}

    .main-navigation ul ul.sub-menu {
        background-color: #fff;
        text-align: left;
        visibility: hidden;
        opacity: 0;
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        top: 60px;
        left: 0;
        -webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
        -moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
        box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
        width: 225px;
        position: absolute;
        z-index: 999;
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        display: block;
        opacity: 0;
        border-radius: 5px;
    }



    .main-navigation ul li:hover > ul.sub-menu {
        display: block;
        opacity: 1;
        z-index: 1000;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        transition: transform 0.3s ease, opacity 0.2s ease .1s;
        -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s;
        visibility: visible;
    }

    .main-navigation ul ul ul {
        left: 100%;
        top: 0;
        box-shadow: 2px 1px 2px #222;
    }

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

.main-navigation ul ul ul.sub-menu {
    left: 100%;
    top: 0;
}

.main-navigation ul > li:hover > ul {
    opacity: 1;
    left: 0;
    z-index: 9999;
}

.main-navigation ul ul ul ul {
    display: none;
}

.main-navigation ul ul ul li:hover > ul {
    display: block;
}

.main-navigation ul ul li:hover > ul {
    opacity: 1;
    left: 100%;
}

.main-navigation li li {
    float: none;
    display: block;
}

.main-navigation ul li li:last-child > a {
    border: none;
}

.main-navigation ul li a {
    color: #121432;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 3px;
    position: relative;
    z-index: 99;
    margin: 0 13px 0 0;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
}

.main-navigation ul ul a {
    border-left: medium none;
    border-right: medium none;
    transition: padding 0.2s ease-in-out 0s;
    height: auto;
    padding: 10px 15px;
    text-align: left;
    width: 100%;
    margin: 0;
    color: #666666;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    border-bottom: 1px solid #f1f1f1;
    background-color:#fff;
}

.main-navigation ul li.menu-item-has-children > a,
.main-navigation ul li.page-item-has-children > a {
    padding-right: 30px;
}

.main-navigation li > a {
    position: relative;
}

.main-navigation li.current-menu-item > a,
.main-navigation li.current-page-item > a:after,
.main-navigation ul li a:hover {
    color: #007237;
}

.main-navigation ul ul::before,
.flat-mega-memu::before {
    content: "";
    height: 25px;
    display: block;
    position: absolute;
    top: -25px;
    background: transparent;
    z-index: 9999;
    width: 100%;
    left: 0;
}

.main-navigation ul ul::after {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    z-index: 9999;
    left: 20px;
    transform: rotate(45deg);
    background: #fff;
    height: 12px;
    width: 12px;
}

.main-navigation li li.current-menu-item > a:after,
.main-navigation li li.current-page-item > a:after,
.main-navigation ul li li a:hover:after {
    display: none;
}

.main-navigation li li > a:hover,
.main-navigation li li.current-menu-item > a,
.main-navigation li li.current-page-item > a,
.main-navigation li li:hover > a {
    color: #007237;
}

.main-navigation ul li.menu-item-has-children > a::before,
.main-navigation ul li.page-item-has-children > a::before {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: 5px;
    top: 6px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-size: 12px;
    font-weight: 900;
}

.main-navigation ul li li.menu-item-has-children > a::before,
.main-navigation ul li li.page-item-has-children > a::before {
    right: 20px;
    top: 10px;
}

#main-navigation ul ul ul::after {
    display: none;
}

.main-navigation ul li.menu-item-has-children a,
.main-navigation ul li.page-item-has-children a {
    padding-right: 20px;
}

.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle {
    display: none;
}

#mobile-trigger {
    display: none;
}

#mob-menu {
    display: none;
}

.sub-menu li a:hover {
    background-color: #007237 !important;
    color: #fff !important;
}

/*Mega Menu*/

.site-header .container {
    position: relative;
}

.main-navigation ul li.has-mega-menu {
    position: inherit;
}

    .main-navigation ul li.has-mega-menu .flat-mega-memu ul {
        float: left;
        width: 25%;
        padding: 0 20px;
        border-right: 1px solid #f5f5f5;
        margin: 30px 0;
    }

#main-navigation ul li.has-mega-menu ul::after {
    display: none;
}

.main-navigation ul li.has-mega-menu .flat-mega-memu {
    width: 1170px;
    left: 0;
    background-color: #fff;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    top: 60px;
    -webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
    -moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
    box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
    position: absolute;
    z-index: 999;
    overflow: hidden;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    display: block;
    opacity: 0;
}

.main-navigation ul li.has-mega-menu:hover .flat-mega-memu {
    display: block;
    opacity: 1;
    z-index: 1000;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: transform 0.3s ease, opacity 0.2s ease .1s;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s;
    visibility: visible;
}

.main-navigation ul li.has-mega-menu .flat-mega-memu ul li a {
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
/*Dark Sub Menu*/

.main-navigation.dark-submenu ul ul.sub-menu,
.main-navigation.dark-submenu ul ul::after,
.main-navigation.dark-submenu ul li.has-mega-menu .flat-mega-memu {
    background: #2e2d2f;
}

.main-navigation.dark-submenu ul ul a {
    color: #dadada;
    border-color: #424144;
}

.main-navigation.dark-submenu ul li.has-mega-menu .flat-mega-memu ul {
    border-color: #5f5b5b;
}

.main-navigation ul li.has-mega-menu .flat-mega-memu ul:last-child {
    border: none;
}
/*Page/Post Navigation*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    clear: both;
    overflow: hidden;
    padding: 0;
    border-bottom: 1px solid #f7f7f7;
    padding: 70px 0;
}

.nav-links a {
    display: inline-block;
}

.nav-links span.meta-nav {
    display: none;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

    .comment-navigation .nav-previous a::before,
    .posts-navigation .nav-previous a::before,
    .post-navigation .nav-previous a::before {
        content: "\f30a";
        display: inline-block;
        font-family: 'Font Awesome 5 Free';
        margin-right: 10px;
        font-weight: 900;
    }

.comment-navigation .nav-next a::after,
.posts-navigation .nav-next a::after,
.post-navigation .nav-next a::after {
    content: "\f30b";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    margin-left: 10px;
    font-weight: 900;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.pagination .nav-links .page-numbers {
    padding: 5px;
    background: #fff;
}

    .pagination .nav-links .page-numbers.dots {
        background-color: inherit;
        border: none;
        color: #272727;
    }

.pagination .nav-links .page-numbers {
    padding: 6px 18px;
    color: #272727;
    display: inline-block;
    background: #f5f5f5;
    margin: 5px;
}

.pagination .nav-links .current,
.pagination .nav-links a:hover,
.pagination .nav-links a:active,
.pagination .nav-links a:focus {
    background: #007237;
    color: #fff;
    border-color: #007237;
}

.pagination .nav-links {
    text-align: center;
    clear: both;
}




/*--------------------------------------------------------------
11. Header Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
11.1. Top Header
--------------------------------------------------------------*/

#tophead {
    background: #37363a;
    padding: 3px 0;
    color: #cecece;
}

    #tophead a {
        color: #cecece;
    }

    #tophead span.social-title {
        float: left;
        padding: 9px 20px;
        font-style: italic;
    }

    #tophead.lite-tophead {
        background: #eeeeef;
        color: #222;
    }

        #tophead.lite-tophead a,
        #tophead.lite-tophead .social-links li a::before {
            color: #222;
        }

    #tophead p {
        margin-bottom: 0;
    }

    #tophead .header-login {
        margin: 6px 0;
        margin-left: 10px;
    }

        #tophead .header-login i {
            font-size: 10px;
            margin-right: 9px;
        }
/*multi-language*/

.multi-language-current:after {
    content: "\f107";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    font-size: 12px;
}

a.multi-language-current {
    padding: 9px;
    position: relative;
    padding-right: 20px;
}

.multi-language {
    position: relative;
    padding-top: 7px;
    margin-left: 20px;
}

    .multi-language img {
        margin-right: 9px;
    }

.multi-language-sub {
    padding: 10px 20px;
    background-color: #ffffff;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    top: 127%;
    right: 0;
    -webkit-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
    -moz-box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
    box-shadow: 0 0px 20px rgba(166, 166, 166, 0.25);
    width: 170px;
    position: absolute;
    z-index: 999;
    margin: 0;
    border-radius: 5px;
}

    .multi-language-sub::after {
        content: "";
        display: block;
        position: absolute;
        top: -6px;
        z-index: 9999;
        right: 20px;
        transform: rotate(45deg);
        background: #fff;
        height: 12px;
        width: 12px;
    }

#tophead ul.multi-language-sub li a {
    color: #222;
}

.multi-language:hover .multi-language-sub {
    visibility: visible;
    opacity: 1;
    right: inherit;
    left: 0;
}

.multi-language-sub li {
    display: block;
    width: 100%;
    float: none;
    border: none;
    margin: 6px 0;
    border-top: 1px solid #f1f1f1;
    font-family: 'Hind', sans-serif;
    font-size: 14px;
}

.multi-language li img {
    max-width: 15px;
}

.multi-language-sub li:first-child {
    border: none;
}

.multi-language-sub ul li a {
    display: block;
    font-size: 13px;
    padding-left: 10px;
    position: relative;
    text-transform: capitalize;
    z-index: 99;
    margin-top: 5px;
}

#tophead .section {
    margin: 0;
}

#header-right {
    float: right;
    margin-top: 6px;
    margin-left: 6px;
    /*margin-right: 20px;*/
}

#main-header #header-right {
    float: right;
    margin-top: 25px;
}

#quick-link-buttons .cart-button i {
    margin-right: 10px;
}

div#quick-link-buttons {
    position: relative;
}

#quick-link-buttons .cart-button > span {
    min-width: 15px;
    min-height: 15px;
    border-radius: 100%;
    font-size: 11px;
    padding: 2px 0px 0;
    line-height: 1.2;
    position: absolute;
    top: 0;
    background: #e6e7e6;
    text-align: center;
    right: -7px;
    color: #000;
}

#tophead .social-links li a {
    border: none;
    margin: 0;
    width: 45px;
    height: initial;
    padding: 6px 0;
}

#tophead .social-links li {
    display: block;
    margin-right: 0;
    margin-top: 0;
    margin-left: 0px;
    float: left;
}

    #tophead .social-links li a::before {
        color: #cecece;
        line-height: 2.6;
        font-size: 12px;
        font-weight: 100;
        text-shadow: none;
    }

    #tophead .social-links li a:hover::before {
        color: #fff;
    }

#tophead a.search-icon {
    float: right;
    display: block;
    color: #928f8f;
    padding: 11px 15px;
    font-size: 13px;
}

#header-search {
    position: relative;
    float: right;
}

.search-box-wrap {
    background: #ffffff;
    display: none;
    position: absolute;
    right: -22px;
    top: 61px;
    padding: 25px 30px 25px;
    z-index: 9991;
    border-top: 2px solid #007237;
}

#header-search a.search-icon {
    padding: 1px 10px 0;
}

.header-social-wrapper .social-links ul li a::before {
    color: #fff;
}

span.social-tilte.pull-left {
    padding-top: 7px;
}

.notice-info p {
    margin-top: 7px;
    display: block;
    font-size: 17px;
}

/*--------------------------------------------------------------
11.1. Header
--------------------------------------------------------------*/

#masthead {
    clear: both;
    width: 100%;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    padding: 6px 0px;
    background: #fff;
}


    #masthead.dark-header,
    #masthead.dark-header.sticky-enabled.sticky-header {
        background: #37363a;
        border-top: 1px solid #737272;
    }

        #masthead.dark-header .site-title a,
        #masthead.dark-header .site-title a:visited,
        #masthead.dark-header .hearder-min-cart .cart-button > a,
        #masthead.dark-header .main-navigation ul li a,
        #masthead.dark-header #header-search a.search-icon {
            color: #eee;
        }

        #masthead.dark-headera #sidebar-trigger span,
        #masthead.dark-header a#sidebar-trigger span:after,
        #masthead.dark-header a#sidebar-trigger span:before {
            background: #eee;
        }

.site-branding {
    margin: 0;
    text-align: center;
    margin-bottom: 0px;
}

.site-title {
    font-size: 27px;
    margin: 0;
    line-height: 1.5;
}

    .site-title span {
        color: #007237;
    }

    .site-title a,
    .site-title a:visited {
        color: #191d3d;
    }

        .site-title a:hover,
        .site-title a:focus,
        .site-title a:active {
            color: #007237;
        }

.site-description {
    color: #777;
    font-size: 14px;
    font-style: inherit;
    font-weight: 300;
    letter-spacing: 1.5px;
    margin: 0;
    text-align: left;
}

#main-navigation .container {
    position: relative;
}


a.custom-button.quick-link-button {
    margin-left: 15px;
}
/*Quick Contact*/

.quick-contact ul {
    margin: 0;
    padding: 0;
}

.quick-contact li {
    clear: inherit;
    float: left;
    font-size: 14px;
    list-style: outside none none;
    text-align: left;
    font-weight: 400;
    padding: 0 25px;
}

    .quick-contact li:first-child {
        margin-left: 0;
    }

.quick-contact .header-box-icon {
    float: left;
    font-size: 34px;
    margin-right: 20px;
    line-height: 1.4;
    text-align: center;
    padding-top: 5px;
}

.quick-contact li i {
    font-size: 30px;
    margin: 0;
    display: block;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}

.quick-contact .header-box-info {
    float: left;
    font-size: 15px;
}

    .quick-contact .header-box-info strong {
        font-weight: 600;
        line-height: 1.5;
        display: block;
    }

.quick-contact a {
    display: block;
}

.quick-contact .header-box-info p {
    margin: 0;
}

/*Quick Contact 2*/

.quick-contact.quick-contact-2 li i {
    float: left;
    font-size: 16px;
    margin-right: 11px;
    line-height: 0.8;
}

.quick-contact.quick-contact-2 a {
    display: inline-block;
}

.quick-contact.quick-contact-2 li {
    padding-left: 0;
    padding-top: 15px;
    line-height: 0.8;
    padding-bottom: 15px;
}

.widget-quick-contact span {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 2;
    display: table;
    clear: both;
}

    .widget-quick-contact span i {
        font-size: 18px;
        padding-right: 10px;
        display: table-cell;
    }
/*--------------------------------------------------------------
11.2.1 Header v1
--------------------------------------------------------------*/

.sticky-enabled {
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
}

    #masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        background: #ffffff;
        box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
        animation: smoothScroll 1s forwards;
        z-index: 999;
        transition: all 0.2s ease-in-out 0s;
    }

#masthead.header-v1.sticky-enabled.sticky-header {
    padding: 0;
}

#main-navigation.sticky-enabled.sticky-header {
    padding: 0;
}

    #main-navigation.sticky-enabled.sticky-header .nav-inner-wrapper {
        box-shadow: none;
    }

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

header#masthead.header-v1 {
    position: absolute;
    z-index: 998;
    background: none;
    padding: 0;
}

.header-v1 .box-header-wrapper {
    background: #fff;
    padding: 20px 0;
    margin: 0 auto;
    width: 1170px;
    border-radius: 5px;
    max-width: 93%;
}

/*--------------------------------------------------------------
11.2.2. Header 2
--------------------------------------------------------------*/


/*--------------------------------------------------------------
11.2.2 Header v3
--------------------------------------------------------------*/


/*--------------------------------------------------------------
11.2.3. Home 4
--------------------------------------------------------------*/

#masthead.overlap-header.sticky-enabled.sticky-header {
    background: #222;
}

#masthead.overlap-header {
    position: absolute;
    background: none;
    z-index: 998;
    border-bottom: 1px solid #7b7979;
}

.overlap-header .main-navigation ul li li a {
    color: #222;
}

.overlap-header .main-navigation.dark-submenu ul li li a {
    color: #f1f1f1;
}

.overlap-header .main-navigation ul li a,
.overlap-header #header-search a.search-icon,
.overlap-header .main-navigation ul li a {
    color: #fff;
}

.overlap-header #quick-link-buttons .cart-button i,
.overlap-header .hearder-min-cart .cart-button > a,
.overlap-header .site-title a, .overlap-header .site-title a:visited {
    color: #fff;
}

.overlap-header #sidebar-trigger span,
.overlap-header #sidebar-trigger span:before,
.overlap-header #sidebar-trigger span:after {
    background: #fff;
}
/*--------------------------------------------------------------
11.2.3. Home 4
--------------------------------------------------------------*/


/*--------------------------------------------------------------
12. Custom Header
--------------------------------------------------------------*/

#custom-header {
    position: relative;
    background: url(images/custom-header/custom-header.jpg);
    padding: 150px 0 65px;
    clear: both;
    background-size: cover;
}

    #custom-header img {
        vertical-align: middle;
    }

    #custom-header::after {
        background: #000000;
        content: "";
        display: block;
        height: 100%;
        opacity: 0.5;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 8;
    }

.custom-header-content {
    position: relative;
    text-align: center;
    z-index: 9;
}

.page-title {
    color: #fff;
    text-transform: capitalize;
    font-size: 43px;
    margin: 0;
}

/*--------------------------------------------------------------
13. Content
--------------------------------------------------------------*/

.home-boxed #page {
    max-width: 1230px;
    margin: 50px auto;
    box-shadow: 0 0 53px #d8d8d8;
}

body.home-boxed {
    background: #fbfbfb;
}

#content {
    padding: 70px 0;
    background: #fff;
}

#primary {
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    width: 70%;
}

.site-layout-boxed .container {
    padding: 0 30px;
}

body.site-layout-boxed {
    background: rgb(234, 234, 234);
}

/*--------------------------------------------------------------
13.1. Custom Gird
--------------------------------------------------------------*/

.full-with-stretch .container {
    padding: 0;
    width: 100%;
}

.boxed-with {
    max-width: 1180px;
}

.container {
    width: 100%;
    padding: 0;
}

.container {
    width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
}

    .container::after,
    .inner-wrapper::after {
        clear: both;
        content: "";
        display: table;
    }

.boxed-layout #page {
    width: 1300px;
    margin: 30px auto;
    max-width: 100%;
    background: #fff;
    box-shadow: 0 0 26px #d8d7d7;
}

.inner-wrapper {
    margin-left: -20px;
    margin-right: -20px
}

    .inner-wrapper:before,
    .inner-wrapper:after {
        content: " ";
        display: table
    }

    .inner-wrapper:after {
        clear: both
    }

.wrapper-fluid {
    margin: 0;
    padding: 0;
}

    .wrapper-fluid .col-grid-1,
    .wrapper-fluid .col-grid-2,
    .wrapper-fluid .col-grid-3,
    .wrapper-fluid .col-grid-4,
    .wrapper-fluid .col-grid-5,
    .wrapper-fluid .col-grid-6,
    .wrapper-fluid .col-grid-7,
    .wrapper-fluid .col-grid-8,
    .wrapper-fluid .col-grid-9,
    .wrapper-fluid .col-grid-10,
    .wrapper-fluid .col-grid-11,
    .wrapper-fluid .col-grid-12 {
        margin: 0;
    }

.col-grid-1,
.col-grid-2,
.col-grid-3,
.col-grid-4,
.col-grid-5,
.col-grid-6,
.col-grid-7,
.col-grid-8,
.col-grid-9,
.col-grid-10,
.col-grid-11,
.col-grid-12 {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    transition: all 0.4s ease-in-out 0s;
    margin: 15px 0;
}

.col-grid-1 {
    width: 8.33333%
}

.col-grid-2 {
    width: 16.66667%
}

.col-grid-3 {
    width: 25%
}

.col-grid-4 {
    width: 33.33333%
}

.col-grid-5 {
    width: 41.66667%
}

.col-grid-6 {
    width: 50%
}

.col-grid-7 {
    width: 58.33333%
}

.col-grid-8 {
    width: 66.66667%
}

.col-grid-9 {
    width: 75%
}

.col-grid-10 {
    width: 83.33333%
}

.col-grid-11 {
    width: 91.66667%
}

.col-grid-12 {
    width: 100%
}

.grid-container {
    background: #f1f1f1;
    padding: 10px 15px;
    border-radius: 3px;
}

.col-grid-1 span {
    font-size: 12px;
    text-align: center;
}

.icon-list-demo i {
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    border: 1px solid #f9f9f9;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 12px;
    color: rgba(43, 61, 81, 0.7);
    border-radius: 3px;
    display: inline-block;
    transition: all 0.2s;
}

.img-circle {
    border-radius: 50%;
}

.img-rounded {
    border-radius: 6px;
}

img.img-border {
    border: 1px solid #ddd;
    padding: 5px;
}

img.img-shadow {
    box-shadow: 0px 8px 40px #bfc0c1;
}

::-moz-selection {
    color: #fff;
    background: #007237;
}

::selection {
    color: #fff;
    background: #007237;
}

.icon-social-demo .social-links {
    text-align: left;
}

.thumb-overlay .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 70%;
    display: block;
    opacity: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.74);
    transition: all 0.7s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.7s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 9;
}

.thumb-overlay {
    position: relative;
}

    .thumb-overlay:hover .overlay-box {
        opacity: 1;
        height: 100%;
    }

    .thumb-overlay i {
        position: relative;
        font-size: 30px;
        top: 45%;
        color: #ffffff;
    }

.image-hover-zoom img {
    margin: 0;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 1s ease;
    -moz-transition: -moz-transform 1s ease;
    transition: transform 1s ease;
    width: 100%;
}

a.image-hover-zoom {
    overflow: hidden;
    display: block;
}

.image-hover-zoom:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

/*--------------------------------------------------------------
13.2. Post And Single Post Meta
--------------------------------------------------------------*/

.sticky {
    display: block;
    position: relative;
}

.hentry {
    margin: 0 0 70px;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

.entry-meta {
    margin-top: 0;
    margin-bottom: 20px;
}

    .entry-meta > span {
        display: inline-block;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1;
        font-size: 15px;
        margin-right: 15px;
    }

.entry-header {
    margin-bottom: 5px;
}

.entry-meta > span:first-child {
    margin-left: 0;
    padding-left: 0;
    border: none;
}

.entry-title {
    font-size: 20px;
    margin-bottom: 15px;
}

    .entry-title a,
    .entry-title a:visited {
        color: #272727;
    }

        .entry-title a:hover,
        .entry-title a:focus,
        .entry-title a:active {
            color: #007237;
        }

.global-layout-right-sidebar .entry-content-wrapper,
.global-layout-left-sidebar .entry-content-wrapper,
.default-full-width.blog-full-width .entry-content-wrapper {
    padding: 35px 70px 0;
    background: #fff;
    position: relative;
}

article.hentry {
    padding-bottom: 70px;
    border-bottom: 1px solid #eee;
}

    article.hentry .custom-button {
        margin: 15px 0 0;
    }

.single article.hentry {
    border: none;
    padding-bottom: 0;
    margin: 0;
}

.entry-thumb.alignleft,
.entry-thumb.alignright {
    margin-bottom: 30px;
}

.entry-thumb.aligncenter {
    position: relative;
    margin-bottom: 25px;
    text-align: center;
}

.entry-thumb {
    position: relative;
}

    .entry-thumb img {
        vertical-align: middle;
        width: 100%;
    }

.entry-meta a,
.entry-meta a:visited {
    color: #ada9a9;
}

    .entry-meta a:hover,
    .entry-meta a:focus,
    .entry-meta a:active {
        color: #007237;
    }

.blog .entry-content-inner,
.archive .entry-content-inner,
.single .entry-content-inner {
    padding: 30px 40px 50px 140px;
    background: #fff;
    margin-left: 20px;
    margin-right: 20px;
}

.blog .has-post-thumbnail .entry-content-inner,
.archive .has-post-thumbnail .entry-content-inner,
.single .has-post-thumbnail .entry-content-inner {
    margin-top: -30px;
}

.page-header {
    background: #fff;
    padding: 30px 50px;
    margin-bottom: 30px;
}

.blog.archive-layout-simple article.hentry,
.archive.archive-layout-simple article.hentry {
    clear: both;
    display: block;
    overflow: hidden;
}

/* blog grid layout*/

.blog.archive-layout-simple .entry-content-wrapper,
.archive.archive-layout-simple .entry-content-wrapper {
    display: table;
}

.blog.archive-layout-grid .hentry.post .entry-header,
.archive.archive-layout-grid .hentry.post .entry-header {
    margin-bottom: 5px;
    clear: both;
}

.blog.archive-layout-grid .hentry.post .entry-thumb,
.archive.archive-layout-grid .hentry.post .entry-thumb {
    max-width: 100%;
    float: none;
    margin: 0;
}

    .blog.archive-layout-grid .hentry.post .entry-thumb.alignleft,
    .archive.archive-layout-grid .hentry.post .entry-thumb.alignleft {
        float: left;
        margin: 0;
    }

    .blog.archive-layout-grid .hentry.post .entry-thumb.alignright,
    .archive.archive-layout-grid .hentry.post .entry-thumb.alignright {
        float: right;
        margin: 0;
    }

.blog.archive-layout-grid .hentry.post, .archive.archive-layout-grid .hentry.post {
    width: 50%;
    float: left;
    padding: 0 20px;
    float: left;
    clear: none;
    border: none;
}

.blog.archive-layout-grid .masonry-wrapper,
.archive.archive-layout-grid .masonry-wrapper {
    overflow: hidden;
    height: 100%;
}

.blog.archive-layout-grid article.hentry:nth-child(2n+1),
.archive.archive-layout-grid article.hentry:nth-child(2n+1) {
    clear: both;
}

.blog.archive-layout-grid .hentry.post .entry-content-wrapper,
.archive.archive-layout-grid .hentry.post .entry-content-wrapper {
    padding: 30px 30px 5px;
    clear: both;
}

.blog.archive-layout-grid .entry-content-outer-wrapper,
.archive.archive-layout-grid .entry-content-outer-wrapper {
    box-shadow: 0 0 18px #f5eeee;
}

.blog .hentry.post a.more-link,
.archive .hentry.post a.more-link {
    clear: both;
    margin-top: 20px;
    display: block;
}

.blog.archive-layout-grid #main,
.archive.archive-layout-grid #main {
    margin: 0 -20px;
}

.sticky .entry-content-wrapper .entry-title::before {
    content: "\f08d";
    display: block;
    font-family: 'Font Awesome 5 Free';
    color: #000;
    text-align: center;
    font-size: 18px;
    float: left;
    margin-right: 15px;
    font-style: inherit;
    font-weight: 900;
    margin-top: 5px;
}

.blog article.hentry,
.archive article.hentry {
    padding-bottom: 10px;
}

.entry-header .entry-meta {
    position: absolute;
    left: 30px;
    top: 30px;
    text-align: center;
    margin: 0;
}

    .entry-header .entry-meta span::before {
        display: none;
    }

    .entry-header .entry-meta span.posted-on {
        background: #f5f5f5;
        display: block;
        margin: 0;
    }

    .entry-header .entry-meta span span {
        display: block;
        padding: 3px 25px;
    }

/*--------------------------------------------------------------
13.3. Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-notes {
    position: relative;
}

#respond {
    clear: both;
    display: block;
    background: #fcfcfc;
    padding: 40px;
}

#comments {
    margin-top: 40px;
}

#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}

.comment-list li.comment::after {
    content: inherit;
    display: none;
}

.comment-list li {
    padding-left: 0;
}

.comment {
    display: block;
    float: left;
    width: 100%;
}

ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}

    ol.comment-list .children {
        border: medium none;
        float: left;
        margin: 0;
        width: 100%;
    }

    ol.comment-list li {
        list-style: outside none none;
        margin-bottom: 15px;
    }

.authorbox {
    overflow: hidden;
    padding: 0 0 70px;
    border-bottom: 1px solid #f7f7f7;
}

    .authorbox h4.author-header {
        margin-bottom: 5px;
    }

.comment .comment-body {
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    padding: 30px 30px 30px 0;
    position: relative;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #f7f7f7;
}

.comments-title {
    padding: 0 0 45px;
    clear: both;
    border-bottom: 1px solid #f7f7f7;
    font-size: 25px;
}

.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}

.comment-list .children {
    padding-left: 40px;
}

#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url {
    width: 100%;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}

.comment-list li.comment > div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}

.vcard .avatar {
    float: left;
    margin-right: 35px;
    margin-bottom: 0;
    margin-top: 10px;
}

.comment-metadata {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}

    .comment-metadata > a {
        color: #ada9a9;
        margin-right: 30px;
    }

        .comment-metadata > a:before {
            content: "\f274";
            font-family: 'Font Awesome 5 Free';
            margin-right: 5px;
            font-size: 14px;
        }

.edit-link:before {
    content: "\f044";
    font-family: 'Font Awesome 5 Free';
    margin-right: 5px;
    font-size: 14px;
}

a.comment-reply-link:before {
    content: "\f3e5";
    font-family: 'Font Awesome 5 Free';
    margin-right: 7px;
    font-size: 14px;
    font-weight: 900;
}

.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.author-avatar {
    float: left;
    margin-right: 35px;
}

    .author-avatar img, .vcard .avatar {
        max-width: 100px;
    }

.comment p {
    font-size: 14px;
}

.reply {
    float: right;
    font-size: 16px;
}

.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

.entry-footer > span::before, .entry-meta > span::before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    height: 15px;
    margin-right: 8px;
    content: "";
    font-size: 13px;
}

.entry-meta span.comments-link::before {
    content: "\f086";
}

.entry-meta > .cat-links::before {
    content: "\f07c";
}

.entry-meta > .byline::before {
    content: "\f007";
}

.entry-meta .tags-links::before {
    content: "\f02c";
    font-weight: 900;
    font-size: 10px;
}

.entry-meta > .posted-on::before {
    content: "\f274";
}

.entry-footer .edit-link::before {
    content: "\f044";
}

#commentform label {
    display: inline;
    position: relative;
}

#commentform input[type="checkbox"],
#commentform input[type="radio"] {
    margin-right: 10px;
}

#commentform p.form-submit {
    margin-top: 30px;
}

#commentform span.required {
    color: #f0632b;
}

/*--------------------------------------------------------------
13.4. Blog
--------------------------------------------------------------*/

article.hentry.post.blog-grid .entry-thumb {
    max-width: 100%;
    float: none;
}

article.hentry.post.blog-grid {
    width: 33.33%;
    float: left;
    padding: 10px 30px;
    float: left;
    clear: none;
    border: none;
}

    article.hentry.post.blog-grid .entry-meta {
        margin-bottom: 10px;
    }

    article.hentry.post.blog-grid .entry-content-wrapper {
        background: #fdfdfd;
        padding: 30px;
        text-align: center;
        box-shadow: 0 0 33px #eaeaea;
    }

.entry-content a,
.entry-header a {
    display: inline-block;
}

/*--------------------------------------------------------------
13.5. Sidebar
--------------------------------------------------------------*/

#sidebar-primary {
    float: right;
}

#sidebar-secondary {
    float: left;
}

.sidebar {
    width: 30%;
    padding-left: 25px;
    padding-right: 25px;
    float: left;
}

    .sidebar .widget {
        margin-bottom: 40px;
        padding: 30px;
        box-shadow: 0 0 55px #f3f3f3;
    }

.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}

.sidebar .widget-title {
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

    .sidebar .widget-title:after {
        background: #007237;
        position: absolute;
        bottom: -2px;
        content: "";
        width: 20%;
        height: 3px;
        left: 0;
    }

.sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

    .sidebar ul ul {
        border-bottom: none;
        padding-bottom: 0;
    }

    .sidebar ul li {
        padding-bottom: 5px;
        padding-top: 5px;
        position: relative;
        font-size: 15px;
    }

        .sidebar ul li::before {
            content: "❖";
            display: inline-block;
            font-size: 15px;
            font-weight: 300;
            margin-right: 10px;
        }

.widget .tagcloud a:hover {
    border: 2px solid #007237;
    color: #007237;
}

.widget .tagcloud a {
    border: 2px solid #dddddd;
    display: inline-block;
    font-size: 14px !important;
    line-height: 1.5;
    margin: 5px;
    padding: 3px 15px;
    float: left;
    border-radius: 20px;
    color: #222;
}

.widget .tagcloud {
    text-align: center;
}

.sidebar ul li a,
.sidebar ul li a:visited {
    color: #272727;
}

    .sidebar ul li a:hover,
    .sidebar ul li a:focus,
    .sidebar ul li a:active {
        color: #007237;
    }

/*calendar section*/

.section-calendar {
    text-align: center;
}

    .section-calendar caption {
        border: 1px solid #ddd;
        margin-bottom: 15px;
        padding: 5px;
    }

.section .tagcloud a {
    border: 1px solid;
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}

.section-categories li > a,
.section-archive li > a {
    display: inline-block;
    min-width: 85%;
}

/*  layout sidebar*/

.global-layout-left-sidebar #primary {
    float: right;
}

.three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 46%;
}

.global-layout-three-columns .sidebar {
    float: right;
}

.three-columns-enabled .sidebar {
    width: 27%;
}

#content.global-layout-no-sidebar,
.global-layout-no-sidebar > .container {
    width: 100%;
    padding: 0;
}

.global-layout-no-sidebar-box > .container {
    padding: 0;
}

.global-layout-no-sidebar #primary {
    width: 100%;
}

.equal-three-columns-enabled #primary,
.equal-three-columns-enabled .sidebar {
    width: 33.33%;
}

#content.global-layout-no-sidebar > .container > .inner-wrapper {
    margin: 0;
}

.global-layout-no-sidebar #primary {
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Global layout sidebar*/

.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-cps #sidebar-primary,
.global-layout-three-columns-psc #sidebar-primary {
    float: left;
}

.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-cps #sidebar-secondary {
    float: right;
}

.global-layout-three-columns-cps #primary {
    float: left;
}

.default-full-width.blog-full-width #primary {
    width: 100%;
    max-width: 930px;
    margin: 0 auto;
    float: none;
}

.default-full-width.blog-grid-layout #primary,
.default-full-width #primary {
    width: 100%;
    max-width: 100%;
}

    .default-full-width.blog-grid-layout #primary article.hentry {
        border: none;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

article.hentry.post.col-grid-4:nth-child(3n+1) {
    clear: both;
}

.default-full-width.blog-grid-layout .entry-content,
.default-full-width.blog-grid-layout .entry-meta,
.default-full-width.blog-grid-layout .entry-header {
    padding: 0 35px;
}

.default-full-width.blog-grid-layout .entry-content {
    padding-bottom: 30px;
}


/*--------------------------------------------------------------
14. Widget
--------------------------------------------------------------*/

.section,
.widget {
    margin: 0 0 15px;
}

    /* Make sure select elements fit in widget. */
    .section select,
    .widget select {
        max-width: 100%;
        height: 45px;
        border-bottom: 1px solid #c2cacd !important;
        border-top: 0px !important;
        border-right: 0px !important;
        border-left: 0px !important;
        background-color: #fff !important;
        color: #272727;
    }

/*--------------------------------------------------------------
15. Footer
--------------------------------------------------------------*/

#colophon-top {
    padding: 15px 0 0;
    background: #161616;
}

    #colophon-top .social-links {
        float: right;
    }

#colophon {
    background-color: #0f192f;
    clear: both;
    font-size: 15px;
    text-align: center;
    padding: 20px 0;
    max-width: 1170px;
    margin: 0 auto 40px;
    color: #7c8392;
}

    #colophon p {
        margin: 0;
    }

    #colophon a,
    #colophon a:visited {
        color: #ccc;
    }

        #colophon a:hover,
        #colophon a:focus,
        #colophon a:active {
            color: #fff;
        }

.site-info {
    /* float: right; */
    display: inline-block;
}

.copyright {
    /* float: left; */
    display: inline-block;
    border-right: 1px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
    line-height: 1;
}


/*--------------------------------------------------------------
16. Footer Widgets
--------------------------------------------------------------*/
.footer-container {
    background-color: #000;
    overflow: hidden;
}

.mid-footer {
    padding: 30px 0;
}

.footer-v2 {
    background-color: #f5f5f5;
}

    .footer-v2 #footer-widgets a:hover,
    .footer-v2 #footer-widgets {
        color: #000;
    }

        .footer-v2 #footer-widgets .widget-title {
            color: #222;
        }

#footer-widgets {
    overflow: hidden;
    padding: 30px 0 20px;
    color: #7c8392;
    font-size: 16px;
    position: relative;
    z-index: 9;
    background-attachment: fixed;
    font-family:'Times New Roman';
}

    #footer-widgets ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-family: 'Times New Roman';
    }

        #footer-widgets ul li {
            font-size: 19px;
           /* padding-bottom: 10px;*/
            position: relative;
            font-family: 'Times New Roman';
        }

    /*#footer-widgets ul li::before {
	color: #727272;
	content: "\f105";
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-size: 13px;
	left: 3px;
	position: absolute;
	top: 2px;
	font-weight: 900;
}*/

    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0 20px;
        text-align: left;
       /* width: 25%;*/
    }

        #footer-widgets .footer-widget-area p {
            color: #fff;
           font-size: 14px;
    line-height: 27px;
        }

    #footer-widgets h3.site-title.footer-logo a {
        color: #fff;
        display: block;
        margin-bottom: 25px;
    }

    #footer-widgets a, #footer-widgets a:visited {
        color: #fff;
        font-family: 'Times New Roman';
    }

        #footer-widgets a:hover,
        #footer-widgets a:active,
        #footer-widgets a:focus {
            color: #ffffff;
            text-decoration: underline;
        }

    #footer-widgets .footer-active-1 {
        width: 100%;
    }

    #footer-widgets .footer-active-2 {
        width: 50%;
    }

    #footer-widgets .footer-active-3 {
        width: 33.33%;
    }

    #footer-widgets .footer-active-4 {
        width: 25%;
    }

    #footer-widgets .widget-title {
        color: #fff;
        font-weight: 400;
        margin-bottom: 40px;
        position: relative;
        font-size: 22px;
        border-bottom: 1px solid #f1f1f126;
        padding-bottom: 20px;
        text-transform: uppercase;
        font-family: 'Roboto Condensed', sans-serif;
    }

        #footer-widgets .widget-title:after {
            background: #007237;
            position: absolute;
            bottom: -2px;
            content: "";
            width: 20%;
            height: 3px;
            left: 0;
        }

    #footer-widgets .cat-count {
        float: right;
    }

#colophon-top .social-links li a {
    border: 2px solid transparent;
}

/*Footer Navigation*/



.quick-contact-widget {
    color: #fff;
}

    .quick-contact-widget h2, .quick-contact-widget h5 {
        color: #fff;
        margin-bottom: 20px;
    }

    /*Quick Contact Widget*/

    .quick-contact-widget span {
        display: block;
        font-size: 15px;
        clear: both;
        color: #fff;
    }

    .quick-contact-widget .quick-contact-item {
        float: left;
        width: 33.33%;
        text-align: center;
        padding: 15px 0;
    }

    .quick-contact-widget .quick-contact-widget {
        margin: 0 -15px;
        padding: 0;
        list-style: none;
    }

    .quick-contact-widget i {
        font-size: 19px;
        border: 2px solid #ddd;
        display: inline-block;
        text-align: center;
        padding: 15px;
        height: 55px;
        width: 55px;
        margin-bottom: 10px;
        border-radius: 100%;
    }

.inner-quick-contact-wrapper {
    text-align: left;
}

.contact-page .inner-quick-contact-wrapper {
    text-align: center;
}

.quick-contact-widget h3 {
    margin-bottom: 20px;
}

.recent-posts-widget p {
    margin-bottom: 10px;
    font-style: italic;
    font-size: 13px;
}

.recent-posts-widget ul li,
#footer-widgets .recent-posts-widget ul li {
    padding: 0;
}

    #footer-widgets .recent-posts-widget ul li:before,
    #footer-widgets .social-links ul li:before {
        display: none;
    }

.recent-posts-widget h4 {
    margin: 0;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    font-size: 16px;
}

.recent-post-item {
    clear: both;
    margin-bottom: 15px;
    overflow: hidden;
}

#footer-widgets .social-links ul li {
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    padding: 0;
}

#footer-widgets .social-links {
    float: left;
    margin-top: 20px;
}

.recent-posts-widget img {
    max-width: 80px;
    margin-right: 25px;
}

#footer-widgets #contactform textarea,
#footer-widgets #contactform input {
    margin-bottom: 10px;
    background: #2e363a;
    border: 1px solid #504b4b;
}

#footer-widgets #comments {
    height: 80px !important;
}

#footer-widgets #contactform button#submit {
    margin: 5px 0 0;
}

/*Footer Navigation*/

#footer-navigation {
    margin-top: 15px;
}

    #footer-navigation li {
        display: inline-block;
        list-style: outside none none;
    }

        #footer-navigation li a {
            display: block;
            padding: 5px 8px;
            text-transform: capitalize;
            color: #7c8392;
            font-family: 'Roboto Condensed', sans-serif;
            text-transform: uppercase;
        }

    #footer-navigation ul {
        margin: 0;
    }
/*--------------------------------------------------------------
### Address Widget
--------------------------------------------------------------*/

.address-info-wrapper {
    position: relative;
    margin-bottom: 15px;
}

.inner-wrap-address {
    position: relative;
}

    .inner-wrap-address::before {
        content: "\f277";
        font-size: 16px;
        font-family: 'Font Awesome 5 Free';
        margin-right: 5px;
        border: 2px solid #bdb3b3;
        width: 35px;
        text-align: center;
        margin-top: 3px;
        position: absolute;
        left: 0;
        height: 35px;
        line-height: 2;
        font-weight: 900;
        border-radius: 100%;
    }

.address-info-wrapper.info-contact .inner-wrap-address::before {
    content: "\f0e0";
}

.address-info-wrapper.info-phone .inner-wrap-address::before {
    content: "\f095";
}

.address-info-wrapper.info-fax .inner-wrap-address::before {
    content: "\f1ac";
}

.inner-wrap-address {
    padding-left: 50px;
}

span.contact-detail {
    clear: both;
    display: block;
    line-height: 1.2;
}

#sidebar-front-page-widget-area .address-info-wrapper {
    position: relative;
    margin-bottom: 0;
    float: left;
    width: 25%;
    text-align: center;
    padding: 25px;
}

#sidebar-front-page-widget-area .inner-wrap-address strong {
    font-size: 18px;
    color: #222;
}

#sidebar-front-page-widget-area .inner-wrap-address::before {
    display: block;
    margin: 0 auto 15px;
    position: inherit;
    background: #fff;
    border-radius: 100%;
    padding: 7px;
    height: 60px;
    width: 60px;
    font-size: 21px;
    border: 1px solid #f1f1f1;
}

#sidebar-front-page-widget-area .inner-wrap-address {
    -webkit-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.2);
    -ms-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.2);
    -o-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.2);
    box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.2);
    -webkit-transition: box-shadow 0.3s, transform 0.3s;
    -moz-transition: box-shadow 0.3s, transform 0.3s;
    -ms-transition: box-shadow 0.3s, transform 0.3s;
    -o-transition: box-shadow 0.3s, transform 0.3s;
    transition: box-shadow 0.3s, transform 0.3s;
    padding: 35px 20px;
    background: #f4f4f4;
}

    #sidebar-front-page-widget-area .inner-wrap-address:hover,
    #sidebar-front-page-widget-area .inner-wrap-address:focus,
    #sidebar-front-page-widget-area .inner-wrap-address:active {
        -webkit-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
        -ms-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
        -o-box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
        box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
        transform: translateY(-10px);
        background: #fff;
    }

/*--------------------------------------------------------------
17. Scrollup Style
--------------------------------------------------------------*/

#btn-scrollup {
    display: none;
}

a.scrollup, a.scrollup:visited {
    background-color: #007237;
    bottom: 50px;
    color: #ffffff !important;
    float: right;
    line-height: 1.2;
    padding: 12px 17px;
    position: fixed;
    right: 32px;
    text-align: center;
    z-index: 999;
    border-radius: 5px;
}

    a.scrollup:after {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 1;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
        background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    }

    a.scrollup:hover,
    a.scrollup:focus,
    a.scrollup:active {
        background-color: #333;
        color: #ffffff;
    }

.scrollup i {
    font-size: 20px;
}


/*--------------------------------------------------------------
18. Front page sections
--------------------------------------------------------------*/

#content {
    background: #fff;
}

    #content::after,
    #content::before {
        content: "";
        display: table;
        clear: both;
    }

    #content .section {
        margin-bottom: 0;
        padding: 30px 0;
        clear: both;
    }

        #content .section.no-padding-btm {
            padding-bottom: 0;
        }

        #content .section.no-padding-top {
            padding-top: 0;
        }

.top-space {
    padding-top: 40px;
}

#content .no-padding {
    padding: 0;
}

#content .overlap-top {
    margin-top: -160px;
    position: relative;
    z-index: 99;
}

#content .section.extra-space-btm {
    padding-bottom: 160px;
}

#content .no-margin,
.no-margin {
    margin: 0;
}

#content .section-title {
    position: relative;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

#content .section-title-wrap {
    text-align: center;
    width: 100%;
    display: table;
    /* margin-top: -10px; */
}

    #content .section-title-wrap span.divider {
        content: "";
        display: block;
        height: 2px;
        width: 41px;
        background-color: #007237;
        margin: -5px auto 5px;
        position: relative;
    }

        #content .section-title-wrap span.divider:after {
            content: "";
            width: 26px;
            background: #007237;
            display: block;
            margin: 0 auto;
            height: 2px;
            position: absolute;
            bottom: -4px;
            left: 7px;
        }

    #content .section-title-wrap.text-alignleft span.divider:after {
        left: 0;
    }

    #content .section-title-wrap.text-alignright span.divider:after {
        right: 0;
    }

@-webkit-keyframes animationborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}

@keyframes animationborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px)
    }
}

#content .section-title-wrap.text-alignleft span.divider:before,
#content .section-title-wrap.text-alignright span.divider:before {
    display: none;
}

#content .section-title-wrap.text-alignleft span.divider,
#content .section-title-wrap.text-alignright span.divider {
    margin: 0 0 25px;
}



#content .section-title-wrap.text-alignright .section-title {
    margin-bottom: 20px;
}

#content .section-title-wrap {
    margin-bottom: 30px;
}

#content .section-subtitle {
    margin: 0 auto;
    max-width: 815px;
    text-align: center;
    font-style: italic;
    font-size: 17px;
    line-height: 1.75;
    margin-top: 20px;
}

#content .section-top-subtitle {
    position: relative;
    color: #989090;
    font-style: italic;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 17px;
}

#content .full-width-stretch-section .container {
    max-width: 100%;
    width: 100%;
}

#content .boxed-width-section {
    max-width: 1180px;
    margin: 0 auto;
}

#content .minimal-padding {
    padding: 40px 0;
}

#content .section.dark-background .section-subtitle {
    color: #ddd;
}

#content .section-title-wrap.text-alignleft {
    text-align: left;
    margin-bottom: 10px;
}

#content .section-counter p.section-subtitle {
    margin: 0 !important;
}

#content .section-title-wrap.text-alignleft .section-subtitle {
    margin: 0 0 25px;
    text-align: left;
}

#content .section-title-wrap.text-alignright {
    text-align: right;
    margin-bottom: 10px;
}

    #content .section-title-wrap.text-alignright .section-subtitle {
        margin: 0 0 40px;
        float: right;
        clear: both;
    }

    #content .section-title-wrap.text-alignright span.divider {
        float: right;
    }

#content .section.dark-background {
    background-color: #25292f;
}

#content .section.lite-background {
    background-color: #f3f6f6;
}

    #content .section.lite-background .box-shadow-block,
    #content .background-img .box-shadow-block {
        border: none;
    }

#content .background-img {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 99;
}

    #content .background-img.overlay-enabled:after {
        content: "";
        display: block;
        background: rgb(0, 0, 0);
        height: 100%;
        width: 100%;
        top: 0;
        position: absolute;
        z-index: -1;
        left: 0;
        opacity: 0.3;
    }

#content .section.dark-background .section-title,
#content .section.background-img .section-title,
#content .section.dark-background .section-subtitle,
#content .section.background-img .section-subtitle,
#content .section.background-img.overlay-enabled p {
    color: #fff;
}

#content .section.background-img.overlay-enabled h1,
#content .section.background-img.overlay-enabled h2,
#content .section.background-img.overlay-enabled h3,
#content .section.background-img.overlay-enabled h4,
#content .section.background-img.overlay-enabled h5,
#content .section.background-img.overlay-enabled h6 {
    color: #fff;
}

.box-shadow-block {
    -webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -ms-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    -o-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    box-shadow: 0px 0px 0px 0px rgba(122, 122, 122, 0.3);
    -webkit-transition: box-shadow 0.3s, transform 0.3s;
    -moz-transition: box-shadow 0.3s, transform 0.3s;
    -ms-transition: box-shadow 0.3s, transform 0.3s;
    -o-transition: box-shadow 0.3s, transform 0.3s;
    transition: box-shadow 0.3s, transform 0.3s;
    padding: 0;
    background: #fff;
    position: relative;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
}

    .box-shadow-block:hover,
    .box-shadow-block:focus,
    .box-shadow-block:active,
    .box-shadow-block.active {
        -webkit-box-shadow: 0 20px 40px 0 rgba(28,30,35,0.2);
        box-shadow: 0 20px 40px 0 rgba(28,30,35,0.2);
        transform: translateY(-8px);
    }

.more-wrapper {
    display: block;
    text-align: center;
    margin-top: 20px;
    clear: both;
    width: 100%;
    overflow: hidden;
    float: left;
}


.box-shadow-block:hover, .box-shadow-block:focus, .box-shadow-block:active {
    /* -webkit-transform: translateY(-5px); */
    /* transform: translateY(-5px); */
}



/*--------------------------------------------------------------
12. Featured slider
--------------------------------------------------------------*/

#content .section.section-featured-slider {
    padding: 0;
}

.section-featured-slider {
    overflow: hidden;
    position: relative;
    z-index: 99;
}

    .section-featured-slider .featrued-slider {
        color: #686868;
        clear: both;
        position: relative;
        text-align: center;
        z-index: -1;
    }

    .section-featured-slider .overlay-enabled article::after {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 888;
        background-color: #000000;
        opacity: 0.65;
    }

    .section-featured-slider img {
        width: 100%;
        vertical-align: middle;
    }

    .section-featured-slider .cycle-slide {
        width: 100%;
    }

    .section-featured-slider article.first {
        display: block;
    }

    .section-featured-slider article {
        display: none;
    }

    .section-featured-slider .cycle-slideshow {
        margin-bottom: 0;
        padding: 0;
    }

    .section-featured-slider .cycle-caption {
        bottom: 26%;
        height: auto;
        left: 10%;
        max-width: 100%;
        padding: 0;
        position: absolute;
        width: 80%;
        z-index: 999;
    }

        .section-featured-slider .cycle-caption.text-alignleft {
            left: 15%;
        }

        .section-featured-slider .cycle-caption.text-alignright {
            right: 15%;
        }


    .section-featured-slider h3 {
        font-size: 65px;
        line-height: 1.1;
        margin-bottom: 20px;
        font-weight: 600;
        max-width: 100%;
        clear: both;
    }

    .section-featured-slider h4 {
        font-style: italic;
        font-family: 'Roboto Condensed', sans-serif;
        letter-spacing: 1px;
        clear: both;
    }

    .section-featured-slider p {
        font-size: 17px;
        font-weight: 400;
        width: 645px;
        max-width: 100%;
        clear: both;
    }

    .section-featured-slider .text-aligncenter p {
        margin: 0 auto;
    }

    .section-featured-slider h3 a {
        display: inline-block;
    }

    .section-featured-slider .slider-buttons {
        margin-top: 10px;
    }

    .section-featured-slider .text-alignleft .slider-buttons a.custom-button {
        margin-right: 15px;
    }

    .section-featured-slider .text-right .slider-buttons a.custom-button {
        margin-left: 15px;
    }

    .section-featured-slider .text-center .slider-buttons a.custom-button {
        margin-left: 15px;
        margin-right: 15px;
    }

    .section-featured-slider .overlay-enabled p,
    .section-featured-slider .overlay-enabled h4 {
        color: #f5f3f3;
    }

    .section-featured-slider .overlay-enabled h3 a {
        color: #fff;
    }
    /*slider pager box*/

    .section-featured-slider .cycle-pager span {
        background-color: #fff;
        cursor: pointer;
        display: inline-block;
        float: none;
        height: 12px;
        margin: 3px 5px;
        width: 12px;
        z-index: 99;
        border-radius: 30px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .section-featured-slider .cycle-pager {
        bottom: 10%;
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 999;
    }

        .section-featured-slider .cycle-pager .cycle-pager-active {
            background-color: #007237;
            border-color: #fff;
            width: 30px;
            border-radius: 5px;
        }
    /*Slider cycle next / previous*/

    .section-featured-slider .cycle-prev, .section-featured-slider .cycle-next {
        bottom: 45%;
        color: #ffffff;
        cursor: pointer;
        display: block;
        font-size: 20px;
        font-weight: normal;
        position: absolute;
        text-align: center;
        width: 55px;
        z-index: 999;
        height: 55px;
        padding: 5px;
        z-index: 999;
        line-height: 2.2;
        background: rgba(14, 14, 14, 0.26);
        transition: all 0.2s ease-in-out 0s;
        border-radius: 5px;
    }

    .section-featured-slider:hover .cycle-prev,
    .section-featured-slider:hover .cycle-next {
        opacity: 1;
    }

    .section-featured-slider .cycle-prev {
        left: 2%;
    }

    .section-featured-slider .cycle-next {
        right: 2%;
    }

        .section-featured-slider .cycle-prev:hover,
        .section-featured-slider .cycle-next:hover {
            background-color: #007237;
            border-color: #007237;
            color: #fff;
        }

/*Featured Banner */

.section-featured-banner {
    position: relative;
}

    .section-featured-banner .banner-caption {
        bottom: 28%;
        height: auto;
        left: 15%;
        max-width: 100%;
        padding: 0;
        position: absolute;
        transition: all 1s ease-in-out 0s;
        width: 70%;
        z-index: 99;
    }

    .section-featured-banner .featured-banner > a::after {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9;
        background-color: #007237;
        opacity: 0.9;
    }

    .section-featured-banner h3 {
        font-size: 50px;
    }

        .section-featured-banner h3 a {
            color: #fff;
        }

    .section-featured-banner p {
        font-size: 20px;
        color: #fff;
        margin-bottom: 45px;
    }

/*Sliderv2*/

.section-featured-slider.slider-2 .cycle-prev {
    left: 0;
}

.section-featured-slider.slider-2 .cycle-next {
    right: 0;
}

.section-featured-slider.slider-2 .cycle-prev,
.section-featured-slider.slider-2 .cycle-next {
    width: 40px;
}

/*Sliderv2*/

.section-featured-slider.slider-3 .cycle-caption,
.section-featured-slider.slider-3 .cycle-caption.text-alignleft {
    max-width: 500px;
    background: #ffffffb8;
    padding: 40px;
    left: 23%;
}

    .section-featured-slider.slider-3 .cycle-caption h3 a,
    .section-featured-slider.slider-3 .cycle-caption p,
    .section-featured-slider.slider-3 .cycle-caption h4 {
        color: #222;
    }

.section-featured-slider.slider-3 h3 {
    font-size: 35px;
    margin-bottom: 5px;
}

.section-featured-slider.slider-3 .overlay-enabled article::after {
    opacity: .3;
}
/*--------------------------------------------------------------
18.3. Post Gird
--------------------------------------------------------------*/

.section-latest-posts .latest-posts-thumb img {
    margin: 0;
    vertical-align: middle;
}

.section-latest-posts .latest-posts-thumb {
    overflow: hidden;
    position: relative;
}

.section-latest-posts .latest-posts-title {
    margin-bottom: 10px;
}

.new-cat {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

    .new-cat a {
        background: #007237;
        color: #fff;
        border-radius: 25px;
        padding: 4px 15px;
        display: inline-block;
        text-transform: uppercase;
        font-size: 11px;
        margin-right: 5px;
        line-height: 1.5;
    }

.section-latest-posts .latest-posts-thumb .custom-button {
    position: absolute;
    top: 0%;
    z-index: 9;
    left: 50%;
    margin-left: -70px;
    opacity: 0;
}

.section-latest-posts .latest-posts-wrapper:hover .latest-posts-thumb .custom-button {
    opacity: 1;
    top: 35%;
}

.section-latest-posts .latest-posts-thumb .custom-button::after,
.section-latest-posts .latest-posts-thumb .custom-button::before {
    display: none;
}


.section-latest-posts .latest-posts-text-content {
    background: #fff;
    overflow: hidden;
    padding: 30px 40px;
    position: relative;
    border-radius: 0 0 5px 5px;
}

.section-latest-posts .latest-posts-text-wrap {
    padding: 20px 0 0;
}

.latest-news-date {
    background: #007237;
    text-align: center;
    color: #fff;
    width: 70px;
    border-radius: 5px 5px 0 0;
}

.latest-news-meta {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 99;
}

    .latest-news-meta span.news-meta-date {
        font-weight: bold;
        font-size: 23px;
        background: #fff;
        color: #232323;
        padding: 5px 0;
        border-radius: 5px 5px 0 0;
    }

    .latest-news-meta span {
        display: block;
        line-height: 1.3;
        padding: 10px 0;
    }

/*--------------------------------------------------------------
18.4. Featured Page
--------------------------------------------------------------*/

.section-featured-page-grid .featured-page-grid-thumb img {
    margin: 0;
    vertical-align: middle;
}

.section-featured-page-grid .featured-page-grid-thumb {
    overflow: hidden;
    position: relative;
}

    .section-featured-page-grid .featured-page-grid-thumb .custom-button {
        position: absolute;
        top: 0%;
        z-index: 9;
        left: 50%;
        margin-left: -70px;
        opacity: 0;
    }

.section-featured-page-grid .featured-page-grid-wrapper:hover .featured-page-grid-thumb .custom-button {
    opacity: 1;
    top: 35%;
}

.section-featured-page-grid .featured-page-grid-thumb .custom-button::after,
.section-featured-page-grid .featured-page-grid-thumb .custom-button::before {
    display: none;
}

.section-featured-page-grid .featured-page-grid-thumb img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.section-featured-page-grid .featured-page-grid-text-content {
    background: #fcfdff;
    overflow: hidden;
    padding: 20px;
    position: relative; 
}

.section-featured-page-grid .featured-page-grid-text-wrap {
    padding: 20px 0 0;
}

/*Grid Layour 2*/
.section-featured-page-grid.featured-page-grid-2 .featured-page-grid-text-content {
    padding: 11px;
}

.section-featured-page-grid.featured-page-grid-2 .featured-page-grid-text-content {
    position: absolute;
    bottom: 10%;
    z-index: 9;
    left: 10%;
    right: 10%;
    background: #007237b5;
}

.section-featured-page-grid.featured-page-grid-2 h3.featured-page-grid-title {
    font-size: 19px;
    margin: 0;
}

.section-featured-page-grid.featured-page-grid-2 .featured-page-grid-section p,
.section-featured-page-grid.featured-page-grid-2 .featured-page-grid-section,
.section-featured-page-grid.featured-page-grid-2 .featured-page-grid-section a {
    color: #fff;
}

.section-featured-page-grid.featured-page-grid-2 .featured-page-grid-text-content:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(#00000000, #00000087); */
    /* left: 0; */
    z-index: -1;
}

.featured-page-grid-wrapper {
    position: relative; margin-bottom:15px;
}
/*--------------------------------------------------------------
18.4. Featured Projects
--------------------------------------------------------------*/

.section-featured-projects .featured-projects-thumb img {
    margin: 0;
    vertical-align: middle;
}

.section-featured-projects .featured-projects-thumb {
    overflow: hidden;
    position: relative;
}

    .section-featured-projects .featured-projects-thumb .custom-button {
        position: absolute;
        top: 0%;
        z-index: 9;
        left: 50%;
        margin-left: -70px;
        opacity: 0;
    }

.section-featured-projects .featured-projects-wrapper:hover .featured-projects-thumb .custom-button {
    opacity: 1;
    top: 35%;
}

.section-featured-projects .featured-projects-thumb .custom-button::after,
.section-featured-projects .featured-projects-thumb .custom-button::before {
    display: none;
}

.section-featured-projects .featured-projects-thumb img {
    width: 100%;
}

.section-featured-projects .featured-projects-text-content-wrapper {
    margin: -90px auto 0;
    position: relative;
    z-index: 9;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 16px #ddd;
    text-align: center;
    max-width: 85%;
}

.section-featured-projects .featured-projects-text-wrap {
    padding: 20px 0 0;
}

/*--------------------------------------------------------------
18.5. Call to action
--------------------------------------------------------------*/

.cta-background.background-img {
    background: url("/images/subsbg.jpg");
    padding: 30px 0px !important;
	 padding: 0px 0px !important;
}

.section-call-to-action {
    position: relative;
    position: relative;
}

#content .section-call-to-action p.section-subtitle {
    margin-bottom: 20px;
}

.section-call-to-action .cta-title {
    margin-bottom: 30px;
}

.section-call-to-action .call-to-action-description {
    margin: 0 auto 30px;
}

.call-to-action-content img {
    margin-top: 30px;
}

.section-call-to-action .section-title:after,
.section-call-to-action .section-title:before {
    display: none;
}

.section-call-to-action.cta-fluid-background .call-to-action-description {
    margin: 0 auto 30px;
    max-width: 900px;
}

.section-call-to-action.cta-fluid-background .call-to-action-description {
    margin: 0;
    max-width: inherit;
}

#content .section-call-to-action.cta-fluid-background .section-title {
    margin-bottom: 15px;
}

/*CTA-fluid */

.section-call-to-action.cta-fluid .call-to-action-description {
    margin: 0;
    max-width: inherit;
}

#content .section-call-to-action.cta-fluid .section-title {
    margin-bottom: 15px;
}

/*CTA-boxed */

#content .section-call-to-action.cta-boxed {
    padding: 40px 35px;
}

.section-call-to-action.cta-boxed .call-to-action-content {
    padding-left: 10px;
}

.section-call-to-action.cta-boxed .call-to-action-description {
    float: left;
    text-align: left;
    width: 75%;
    margin: 0;
}

#content .section-call-to-action.cta-boxed .section-title {
    margin: 0;
}

.section-call-to-action.cta-boxed .call-to-action-buttons {
    float: right;
}

#content .section-call-to-action.cta-boxed .section-subtitle {
    text-align: left;
    margin-left: 0;
}

/*Video CTA*/

.video-widget {
    position: relative;
}

a.media-zoom-icon {
    display: inline-block;
    border-radius: 100%;
    position: relative;
    margin-top:180px;

}
    a.media-zoom-icon:hover {
        border-color: #007237;
    }

.video-widget a.media-zoom-icon {
    position: absolute;
    top: 38%;
    left: 43%;
}

a.media-zoom-icon i {
    height: 65px;
    width: 65px;
    text-align: center;
    padding: 20px;
    margin: 9px;
    border-radius: 100%;
    font-size: 19px;
    border: 3px solid #fff;
    background:#007237;
    color: #fff;
}

a.media-zoom-icon:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #fff;
    -webkit-border-radius: 50em;
    -khtml-border-radius: 50em;
    -moz-border-radius: 50em;
    -ms-border-radius: 50em;
    -o-border-radius: 50em;
    border-radius: 50em;
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    -khtml-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    animation: buttonRing 1.5s linear infinite;
    -webkit-animation: buttonRing 1.5s linear infinite;
}

@keyframes buttonRing {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -khtml-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        -o-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        opacity: 0.6;
    }

    85% {
        opacity: 0;
    }

    100% {
        -webkit-transform: scale3d(1.42, 1.42, 1.42);
        -khtml-transform: scale3d(1.42, 1.42, 1.42);
        -moz-transform: scale3d(1.42, 1.42, 1.42);
        -ms-transform: scale3d(1.42, 1.42, 1.42);
        -o-transform: scale3d(1.42, 1.42, 1.42);
        transform: scale3d(1.42, 1.42, 1.42);
        opacity: 0;
    }
}

.section-video {
    text-align: center;
}



.faq-section .faq-tilte.acc_head h4 {
    margin: 0;
}

.faq-main-wrapper a.custom-button {
    margin: 30px 0 0 0;
}

.faq-section .accordionjs .acc_section.acc_active > .acc_head, .faq-section .accordionjs .acc_section > .acc_head:hover {
    background: #007237;
    border-bottom: none;
}

    .faq-section .accordionjs .acc_section.acc_active > .acc_head h4,
    .faq-section .accordionjs .acc_section > .acc_head:hover h4 {
        color: #fff;
        font-weight: 400 !important;
        margin:0px;
    }

.faq-section .faq-section h4 {
    margin: 0;
    color: #3db166;
 }

a.read-more-faq {
    font-weight: 400 !important ;
    margin-left: 5px;
}

.faq-section h3.faq-content-title {
    margin: 0 0 25px;
    font-size: 35px;
    text-align: left;
    position: relative;
    font-weight: 400;
}

    .faq-section h3.faq-content-title span.divider {
        content: "";
        display: block;
        height: 2px;
        width: 41px;
        background-color: #0083ff;
        margin: 20px 0 0;
        position: relative;
        clear: both;
    }

        .faq-section h3.faq-content-title span.divider:after {
            content: "";
            width: 26px;
            background: #0083ff;
            display: block;
            height: 2px;
            position: absolute;
            bottom: 5px;
            left: 0;
        }

/*.faq-section .accordionjs .acc_section:first-of-type,
.faq-section .accordionjs .acc_section:first-of-type .acc_head {
    border: 0;
}*/

.faq-section .accordionjs .acc_section {
    border: none;
    position: relative;
    z-index: 10;
    margin-top: 0;
    overflow: hidden;
    margin-bottom: 19px;
    background: #f3f3f3;
}

    .faq-section .accordionjs .acc_section:first-of-type,
    .faq-section .accordionjs .acc_section:first-of-type .acc_head {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .faq-section .accordionjs .acc_section:last-of-type,
    .faq-section .accordionjs .acc_section:last-of-type .acc_content {
        border-radius: 0;
    }

    .faq-section .accordionjs .acc_section .acc_head {
        position: relative;
        padding: 10px;
        display: block;
        cursor: pointer;
        padding: 15px 35px ;
        color: #3db166;
    }

    .faq-section .accordionjs .acc_section .acc_head h4 {
        margin: 0px;
    }

.faq-section .faq-section a.read-more {
    padding: 0;
    border: none;
    margin: 0;
}

.faq-section .faq-section p {
    margin-bottom: 10px;
}

.faq-section .accordionjs .acc_section .acc_content {
    /*padding: 30px 35px 20px;*/
  padding: 15px 60px;
    background: #fff;
}

.faq-section .acc_section .faq-title.acc_head:after {
    content: "\f067";
    display: inline;
    position: absolute;
    height: 15px;
    width: 15px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 13px;
    right: 25px;
    color: #3db166;
}

.faq-section .acc_section .faq-title.acc_head:hover:after {
    color: #fff;
}

.faq-section .acc_section.acc_active .faq-title.acc_head:after {
    content: "\f068";
    color: #fff;
}

.accordionjs .acc_section {
    box-shadow: 0 0 14px #dddddd54;
}

/*Tabs*/
.entry-tab {
    margin: 30px 0;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.product-tabs ul.tabs li a {
   color: #7b7b7b !important;
}
   .product-tabs ul.tabs li {
        background: none;
        color: #7b7b7b;
        display: inline-block;
        padding: 10px 20px;
        cursor: pointer;
        background: #ececec;
        border-radius: 5px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        font-size:18px;
    }

.product-tabs ul.tabs li.current,.product-tabs ul.tabs li:hover {
            background: #3db166;
            color: #fff;
        }


.tab-content {
    display: none;
    background: #fff;
    padding-top:20px;
   /* border-top: 1px solid #3db166;*/
    width:100%;
}

    .tab-content.current {
        display: inline-block;
    }

/*--------------------------------------------------------------
18.5. Services
--------------------------------------------------------------*/

.section-services .service-block-inner {
    position: relative;
    z-index: 9;
    padding: 35px 30px;
    background-color: #fff;
    text-align: center;
}

.section-services .service-item-title {
    margin-bottom: 10px;
}

.section-services .service-block-item a.service-icon {
    background: #f5f5f5;
    line-height: 0.6;
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    font-size: 37px;
    color: #007237;
    text-align: center;
    border-radius: 100%;
    margin: 0 auto 20px;
    position: relative;
    display: inline-block;
    padding: 31px 0;
    height: 100px;
    width: 100px;
}

.section-services .service-icon-shadow {
    display: block;
    position: absolute;
    left: 30px;
    top: 10px;
    font-size: 140px;
    color: #f7f7f7;
    z-index: -1;
    line-height: 1;
}

.col-grid-4.service-block-item:nth-child(3n+1) {
    clear: both;
}
/*layout 3*/

.section-services.service-layout-3 .service-block-inner {
    padding: 40px;
}

.section-services.service-layout-3 .service-block-item a.service-icon {
    float: left;
    margin: 0 25px 0 0;
    background: #fbfbfb;
    font-size: 27px;
}

.section-services.service-layout-3 .service-block-inner-content {
    text-align: left;
    display: table;
}

.section-services.service-layout-3 h3.service-item-title {
    margin-bottom: 10px;
}

.section-services.service-layout-3 .service-item-4 {
    clear: both;
}

.section-services.service-layout-3 .service-block-item a.service-icon {
    float: left;
    margin: 0 25px 0 0;
    background: no-repeat;
    font-size: 32px;
    padding: 10px 0;
    border-radius: 0;
    text-shadow: none;
    width: auto;
    height: auto;
}

    .section-services.service-layout-3 .service-block-item a.service-icon:after {
        display: none;
    }

/*layout 2*/

.section-services.service-layout-2.background-img {
    background-image: url('images/service/features-background.html');
}

.section-services.service-layout-2 .service-block-inner {
    box-shadow: inherit;
    padding: 0;
    background: none;
    border: none;
}

.section-services.service-layout-2 .service-block-item a.service-icon {
    float: left;
    margin: 0 0 20px;
    background: #f5f5f5;
    color: #000000;
}

.section-services.service-layout-2 .service-block-inner:hover .service-icon {
    background: #007237;
    color: #fff;
    transition: .5s cubic-bezier(0.4, 0, 1, 1);
}

.section-services.service-layout-2 .box-shadow-block:before {
    display: none;
}

.section-services.service-layout-2 .service-block-inner-content {
    text-align: left;
    clear: both;
}

.section-services.service-layout-2 h3.service-item-title {
    margin-bottom: 10px;
}

.section-services.service-layout-2 .service-item-4 {
    clear: both;
}

.section-services.service-layout-2 .service-block-inner-content a.more-link {
    margin: 0;
    border: none;
    padding: 0;
    font-weight: bold;
}

.section-services.service-layout-2 .service-block-inner-content p {
    margin-bottom: 10px;
}

.section.section-services.service-layout-2 .service-block-item a.service-icon:hover {
    background: #007237;
    color: #fff;
}

/*layout 4*/

.service-layout-4 .container, .service-layout-4 .inner-wrapper {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.service-layout-4 .service-block-item {
    padding: 0;
    margin: 0;
}

.service-layout-4 .service-block-inner {
    text-align: left;
    padding: 90px 80px;
}

    .service-layout-4 .service-block-inner span.count {
        font-size: 45px;
        display: inline-block;
        text-align: center;
        margin-bottom: 20px;
    }

.service-layout-4 .service-item-title {
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 600;
}

.service-layout-4 .service-block-item a.service-icon {
    float: left;
    width: 100%;
    text-align: left;
}

.section .black-bg {
    background: #222;
    color: #fff;
}

.section .red-bg {
    background: #007237;
    color: #fff;
}

.section .green-bg {
    background: #23c495;
    color: #fff;
}

.section .blue-bg {
    background: #731fe3;
    color: #fff;
}

.section .black-bg a,
.section .green-bg a,
.section .red-bg a {
    color: #fff;
}

.icon-demo .col-grid-4 {
    margin-bottom: 20px;
}

.grid-structure .inner-wrapper > div {
    margin-bottom: 20px;
}

/*Featured pages*/

.featured-page-section .feature-thumb a img {
    margin: 0;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 1s ease;
    -moz-transition: -moz-transform 1s ease;
    transition: transform 1s ease;
}

.featured-page-section .feature-thumb a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

.featured-page-section .feature-thumb {
    overflow: hidden;
    position: relative;
}

.featured-page-section h3.feature-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: hidden;
    font-size: 22px;
    font-weight: 700;
    background: #fff;
    left: 5%;
    right: 5%;
    width: 90%;
    bottom: 0;
    padding: 12px;
    margin: 0;
}

.featured-page-section .feature-thumb:hover h3.feature-title {
    visibility: visible;
    bottom: 5%;
}

/*Key features*/
.section-key-features a.key-features-icon {
    font-size: 31px;
    float: left;
    margin-right: 30px;
    line-height: 1.7;
}

.section-key-features .key-features-block-inner-content {
    display: table;
}

.section-key-features .key-features-block-inner {
    margin: 20px 0;
}

.section-key-features .icon-right a.key-features-icon {
    float: right;
    margin: 0 0 0 30px;
}

.section-key-features .icon-right {
    text-align: right;
}
/*--------------------------------------------------------------
18.7. Plan
--------------------------------------------------------------*/

.section-plan .pricing-plan-item {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin: 30px 0;
    text-align: center;
    box-shadow: 0 0 3px #dddddd;
}

.section-plan .pricing-plan-item {
    width: 33.33%;
}

.section-plan .pricing-plan-header::after {
    background: #333333 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.85;
    border-radius: 5px;
}

.section-plan .pricing-plan-price {
    display: block;
    font-size: 50px;
    line-height: 1;
}

.section-plan .pricing-plan-header {
    background-color: #333333;
    background-size: 100% auto;
    color: #ffffff;
    padding: 50px 30px;
    position: relative;
    z-index: 88;
    border-radius: 5px;
}

    .section-plan .pricing-plan-header .pricing-plan-title h4 {
        background: #333333 none repeat scroll 0 0;
        border-radius: 34px;
        color: #ffffff;
        display: inline-block;
        margin-top: 21px;
        padding: 7px 30px;
    }

.section-plan .pricing-plan-title {
    bottom: -35px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.section-plan .pricing-plan-content {
    padding: 50px 30px 30px;
}

.section-plan .pricing-plan-footer {
    padding: 0 30px 30px;
}


.section-plan .pricing-plan-item {
    color: #000;
}

.section-plan .pricing-plan-feature {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.section-plan .pricing-plan-item.pricing-plan-recommended {
    box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    margin-top: 10px;
    padding-bottom: 40px;
    position: relative;
    z-index: 99;
}

.section-plan .pricing-plan-recommended .pricing-plan-header::after {
    background: #007237;
    opacity: 0.85;
}

.section-plan .pricing-plan-recommended .pricing-plan-title h4 {
    background: #ffffff none repeat scroll 0 0;
    color: #222;
}

/*sidebar and footer widget*/

.sidebar .section-plan,
#footer-widgets .section-plan {
    background: inherit;
}

    .sidebar .section-plan .pricing-plan-item,
    #footer-widgets .section-plan .pricing-plan-item {
        border: 1px solid #dddddd;
        width: 100%;
    }

form.news-letter-form {
    position: relative;
}

aside.section.section-news-letter.background-img {
    background: url(images/news-letter/bg.html);
}

input.news-letter-email {
    width: 100%;
    margin-bottom: 25px;
}

input.news-letter-submit {
    width: 100%;
}

/*--------------------------------------------------------------
18.7. Associate logo
--------------------------------------------------------------*/

.section-associate-logo .associate-logo-item {
    float: left;
    padding: 0 25px;
    margin-bottom: 0;
    text-align: center;
    width: 16%;
}

.section-associate-logo .section-carousel-enabled .slick-prev.slick-arrow,
.section-associate-logo .section-carousel-enabled .slick-next.slick-arrow {
    display: none !important;
}

.slick-slide img {
    display: block;
    margin: 0 auto;
}

.section-associate-logo .plan-col-4 .associate-logo-item {
    width: 25%;
}

.section-associate-logo .plan-col-5 .associate-logo-item {
    width: 20%;
}

.section-associate-logo .plan-col-6 .associate-logo-item {
    width: 16.66666667%;
}

/*--------------------------------------------------------------
18.9. Teams
--------------------------------------------------------------*/

.section-teams .social-links li a {
    border: 2px solid transparent;
}

.section-teams .social-links li {
    margin-left: 0;
    margin-right: 0;
}

    .section-teams .social-links li a:before {
        color: #fff;
    }

.section-teams .thumb-summary-wrap {
    background: #fff;
    padding: 0 0 20px;
    position: relative;
    z-index: 9;
}

.section-teams .team-item {
    text-align: center;
}

.section-teams .team-title {
    font-size: 18px;
    margin-bottom: 5px;
}

.section-teams .team-position {
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.section-teams .team-text-wrap {
    position: relative;
    background: #fff;
    padding-top: 25px;
}

.section-teams .team-item img {
    background: #fff;
}

.section-teams .team-item img {
    margin: 0;
    vertical-align: middle;
    width: 100%;
    /* border-radius: 5px; */
}

.section-teams .team-item .team-thumb {
    overflow: hidden;
    position: relative;
    background: #fff;
}


.section-teams .team-item .social-links {
    position: absolute;
    top: 45px;
    width: 100%;
    visibility: hidden;
    z-index: 999;
    left: -100%;
    -webkit-transition: -webkit-transform 1s ease;
    -moz-transition: -moz-transform 1s ease;
    transition: transform 1s ease;
    text-align: center;
    left: 0;
}

    .section-teams .team-item .social-links li {
        /* float: left; */
        /* clear: both; */
    }

.section-teams .team-thumb:hover .social-links {
    visibility: visible;
    left: 0;
    width: 100%;
    top: 45%;
}

/*--------------------------------------------------------------
18.10. Counter
--------------------------------------------------------------*/

.section.counter-bg.background-img {
    background-image: url(images/counter/counter-bg.jpg);
}

.section-counter .counter-icon i {
    font-size: 35px;
    color: #007237;
}

.section-counter .counter-title {
    font-size: 17px;
}

.counter-icon {
    float: left;
    margin-right: 25px;
}

.counter-content {
    float: left;
}

.section-counter .counter-nos {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
}

.counterup-2 .thumb-summary-wrap {
    background: #fff;
    overflow: hidden;
    padding: 30px 30px 15px;
}


/*--------------------------------------------------------------
18.11. Testimonial
--------------------------------------------------------------*/

.section.testimonials-bg {
    background-image: url(images/testimonials/testimonial-bg.jpg);
}

.section-testimonial .testimonial-thumb img {
    display: block;
    margin-right: 25px;
    max-width: 55px;
    position: relative;
    float: left;
}

.section-testimonial .testimonial-thumb {
    margin-left: 30px;
}

.section-testimonial .testimonial-summary .testimonial-position {
    color: #c1bdb5;
    font-style: normal;
    font-size: 14px;
}

.section-testimonial .testimonial-summary {
    padding-bottom: 30px;
}

.testimonial-summary {
    clear: both;
}

#content .section-testimonial .testimonial-summary h3 {
    color: #222 !important;
}

.section-testimonial .testimonial-summary {
    padding: 50px 40px 40px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 5px;
}

    .section-testimonial .testimonial-summary::after {
        content: "";
        display: block;
        height: 15px;
        border-top: 15px solid #fff;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        position: absolute;
        bottom: -15px;
    }

.section-testimonial .clinet-info h4 {
    margin-bottom: 0;
    font-size: 16px;
}

#content .section p.testimonial-position {
    margin: 0;
    font-size: 13px;
}

.section-testimonial .testimonial-rating {
    color: #ffc700;
    font-size: 10px;
}



.section-testimonial .testimonial-item img {
    border-radius: 100%;
}

.section-testimoniel .testimonial-summary::before {
    content: "\f10d";
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 30px;
    margin-right: 0;
    line-height: 1;
    margin: 0 0 15px;
    font-weight: 900;
    color: #e2e2e2;
    position: absolute;
    top: 35px;
    left: 25%;
}

.section-testimonial .testimonial-summary p {
    font-style: italic;
    color: #727272 !important;
}

/*Carousel*/

.section-carousel-enabled .slick-slide:focus,
.section-carousel-enabled .slick-slide.slick-active {
    outline: none !important;
}

.section-carousel-enabled .slick-list {
    text-align: left;
}


/* widget cycle pager */

.section-carousel-enabled .slick-dots {
    text-align: center;
    transition: all 1s ease-in-out 0s;
    width: 100%;
    z-index: 999;
}

    .section-carousel-enabled .slick-dots span {
        background-color: #686868;
        cursor: pointer;
        display: inline-block;
        float: none;
        height: 15px;
        margin: 5px 5px;
        width: 15px;
        z-index: 99;
    }

    .section-carousel-enabled .slick-dots li.slick-active span {
        background-color: #219fcd;
    }

    .section-carousel-enabled .slick-dots li {
        display: inline-block;
        line-height: 0;
        list-style: inherit;
        padding: 0;
    }

        .section-carousel-enabled .slick-dots li button {
            border-radius: 100%;
            height: 10px;
            width: 10px;
            padding: 0;
            margin: 5px;
            text-indent: 999px;
            overflow: hidden;
            background: #717171;
        }

            .section-carousel-enabled .slick-dots li.slick-active button, .section-carousel-enabled .slick-dots li button:hover {
                background: #007237;
            }

        .section-carousel-enabled .slick-dots li.slick-active button {
            width: 30px;
            border-radius: 8px;
        }

.section-carousel-enabled .slick-dots {
    margin-top: 15px;
    margin-bottom: 0;
}

    .section-carousel-enabled .slick-dots li::before {
        display: none;
    }

.section-carousel-enabled .testimonial-item.slick-slide > h4 {
    display: block;
    float: none;
    font-style: italic;
    margin-right: 30px;
    text-align: center;
}

/* cycle next / previous*/

.section-carousel-enabled .slick-prev.slick-arrow, .section-carousel-enabled .slick-next.slick-arrow {
    color: #000;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 0.8;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    top: 45%;
    z-index: 9;
    font-size: 17px;
    padding: 16px 20px;
    background: #ffffff;
    box-shadow: 0 0 40px #2422222b;
    border-radius: 100%;
}


    .section-carousel-enabled .slick-prev.slick-arrow:hover,
    .section-carousel-enabled .slick-next.slick-arrow:hover {
        background: #007237;
        color: #fff;
    }

.section-carousel-enabled .slick-prev.slick-arrow {
    left: -5px;
}

.section-carousel-enabled .slick-next.slick-arrow {
    right: -5px;
}

/*--------------------------------------------------------------
18.12.  Portfolio
--------------------------------------------------------------*/

.section-portfolio .portfolio-item {
    float: left;
    position: relative;
    padding: 0 15px;
    width: 33.33%;
}

.section-portfolio .portfolio-inner {
    position: relative;
    overflow: hidden;
}

.section-portfolio .portfolio-section img {
    vertical-align: middle;
}

.section-portfolio .portfolio-section .thumb-overlay {
    background: rgba(0,0,0,0.3);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
}

.section-portfolio .vmiddle-holder {
    display: table;
    height: 100%;
    width: 100%;
}

.section-portfolio .vmiddle {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.section-portfolio .portfolio-section h3 {
    font-size: 32px;
    padding: 15px;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #000;
}

    .section-portfolio .portfolio-section h3 a {
        color: #fff;
    }

.section-portfolio .portfolio-button {
    display: block;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    bottom: -400px;
    opacity: 0;
    -webkit-transition: opacity 0.7s ease, bottom 0.7s ease;
    -o-transition: opacity 0.7s ease, bottom 0.7s ease;
    transition: opacity 0.7s ease, bottom 0.7s ease;
}

.section-portfolio .portfolio-block:hover h3,
.section-portfolio .portfolio-block:focus h3,
.section-portfolio .portfolio-block:active h3 {
    margin-top: -100px;
}

.section-portfolio .portfolio-block:hover .portfolio-content,
.section-portfolio .portfolio-block:focus .portfolio-content,
.section-portfolio .portfolio-block:active .portfolio-content {
    bottom: 0;
    opacity: 1;
}

.section-portfolio .portfolio-block:hover .portfolio-button,
.section-portfolio .portfolio-block:focus .portfolio-button,
.section-portfolio .portfolio-block:active .portfolio-button {
    bottom: 0;
    opacity: 1;
}

.portfolio-wrapper {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .portfolio-wrapper .portfolio-item {
        padding: 15px !important;
    }

.portfolio-filter ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

#portfolio {
    margin-bottom: 20px;
}

.portfolio-filter {
    list-style: none;
    padding: 0;
    margin: 0 0 40px;
    text-align: center;
    cursor: default;
}

    .portfolio-filter ul li {
        display: inline-block;
        margin: 0;
        text-transform: uppercase;
        color: #444;
        text-decoration: none;
        font-weight: 400;
        font-size: 14px;
        -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
        cursor: pointer;
    }

        .portfolio-filter ul li a {
            color: #aba8a8;
            margin: 0 15px;
            display: block;
            font-weight: 600;
            font-size: 14px;
        }


        .portfolio-filter ul li:last-child:after {
            content: "";
        }

    .portfolio-filter a:hover {
        color: #007237;
        text-decoration: none;
    }

    .portfolio-filter a.active, .portfolio-filter a:hover {
        color: #007237;
        cursor: default;
        position: relative;
        cursor: pointer;
        border-bottom: 2px solid;
    }

.portfolio-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
}

.overlay:before {
    background: rgba(0, 0, 0, 0.76);
    bottom: 0;
    height: 100%;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.item-inner-wrapper:hover .overlay:before {
    bottom: 0;
    opacity: 0.9;
}

.item-inner-wrapper {
    position: relative;
    overflow: hidden;
    text-align: center;
    /* padding: 15px; */
}

    .item-inner-wrapper .portfolio-content {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        padding: 15px 15px 25px;
    }

    .item-inner-wrapper:hover .portfolio-content {
        opacity: 1;
        visibility: visible;
        bottom: 10px;
    }

a.zoom-icon i {
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    padding: 0;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    display: block;
}

a.zoom-icon {
    position: absolute;
    top: 30%;
    z-index: 999;
    width: 100%;
    text-align: center;
    left: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.item-inner-wrapper:hover a.zoom-icon {
    top: 45%;
    visibility: visible;
}



.portfolio-content p,
.portfolio-content h3 a {
    margin: 0;
}

.portfolio-content h3 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
}

    .portfolio-content h3 a:hover {
        color: #007237;
    }

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: 0 opacity;
        -moz-transition-property: 0 opacity;
        -ms-transition-property: 0 opacity;
        -o-transition-property: 0 opacity;
        transition-property: transform, opacity;
    }

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0;
            -moz-transition-duration: 0;
            -ms-transition-duration: 0;
            -o-transition-duration: 0;
            transition-duration: 0;
        }

.portfolio-thumb-wrap {
    position: relative;
}
/*Portfolio single page*/

.list-check li:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    margin-right: 15px;
    color: #007237;
    font-size: 13px;
    display: inline-block;
    margin-top: 0px;
    font-weight: 900;
    float: left;
}

.list-check {
    padding-left: 0;
    margin-left: 0;
}

    .list-check li {
        list-style: none;
    }

.portfolio-info li strong {
    float: left;
    width: 50%;
}

.portfolio-single-main .social-links {
    text-align: left;
}


.section-recent-work .recent-work-section .recent-work-block {
    padding: 15px;
    width: 25%;
    float: left;
    position: relative;
}

    .section-recent-work .recent-work-section .recent-work-block.main-block {
        width: 50%;
    }

.section-recent-work .recent-work-inner {
    position: relative;
    overflow: hidden;
}

.section-recent-work .recent-work-section img {
    vertical-align: middle;
}

.section-recent-work .recent-work-section .thumb-overlay {
    background: rgba(0,0,0,0.3);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.section-recent-work .vmiddle-holder {
    display: table;
    height: 100%;
    width: 100%;
}

.section-recent-work .vmiddle {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.section-recent-work .recent-work-section h3 {
    padding: 15px;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}

    .section-recent-work .recent-work-section h3 a {
        color: #fff;
    }

.section-recent-work .recent-work-content {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    right: 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
}

.section-recent-work .recent-work-button {
    display: block;
    height: 100%;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    background-color: #ddd;
    bottom: -400px;
    opacity: 0;
    -webkit-transition: opacity 0.7s ease, bottom 0.7s ease;
    -o-transition: opacity 0.7s ease, bottom 0.7s ease;
    transition: opacity 0.7s ease, bottom 0.7s ease;
}

.section-recent-work .recent-work-block:hover h3,
.section-recent-work .recent-work-block:focus h3,
.section-recent-work .recent-work-block:active h3 {
    margin-top: -60px;
}

.section-recent-work .recent-work-block:hover .recent-work-content,
.section-recent-work .recent-work-block:focus .recent-work-content,
.section-recent-work .recent-work-block:active .recent-work-content {
    bottom: 0;
    opacity: 1;
}

.section-recent-work .recent-work-block:hover .recent-work-button,
.section-recent-work .recent-work-block:focus .recent-work-button,
.section-recent-work .recent-work-block:active .recent-work-button {
    bottom: 0;
    opacity: 1;
}

/*--------------------------------------------------------------
18.13 Featured Page
--------------------------------------------------------------*/

.featured-page-section.landing-features {
    padding-top: 50px;
}

    .featured-page-section.landing-features p {
        margin-bottom: 30px;
    }

.section-featured-page h5 {
    margin-bottom: 40px;
}

.section-featured-page img.alignleft {
    margin-right: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 47%;
    background: #fff;
}

.section-featured-page img.alignright {
    margin-left: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 47%;
    background: #fff;
}

.section-featured-page .entry-content {
    margin: 0;
}

.section-featured-page .section-title {
    text-align: left !important;
}

    .section-featured-page .section-title::after,
    .section-featured-page .section-title::before {
        display: none;
    }

.section.section-featured-page li {
    font-size: 15px;
    list-style: none;
    line-height: 2;
}

.section.section-featured-page ul {
    padding-left: 0;
}

.section.section-featured-page li:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    margin-right: 15px;
    color: #007237;
    font-size: 13px;
    display: inline-block;
    margin-top: 0px;
    font-weight: 900;
}

/*--------------------------------------------------------------
18.14. Skills
--------------------------------------------------------------*/

.section.section-skill-bar {
    background: #fff;
}

.section-skill-bar .entry-content {
    margin: 0;
}

.section-skill-bar .section-title {
    text-align: left !important;
}

    .section-skill-bar .section-title::after,
    .section-skill-bar .section-title::before {
        display: none;
    }

.section.section-skill-bar li {
    font-size: 17px;
    list-style: none;
    color: #191d3d;
}

.section.section-skill-bar ul {
    padding-left: 0;
}

.section.section-skill-bar li:before {
    content: "\f05d";
    font-family: 'Font Awesome 5 Free';
    margin-right: 15px;
    color: #007237;
    font-size: 20px;
}

.skillbar {
    position: relative;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    background: #f5f5f5;
    height: 10px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
    border-radius: 5px;
}

.skillbar-bar {
    height: 10px;
    width: 0px;
    background: #007237;
    position: relative;
    display: block;
    top: 0;
    left: 0;
    border-radius: 5px;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}

.skillbar-title {
    float: left;
}

.skill-bar-percent {
    float: right;
}

.skillbar-item h3 {
    font-size: 18px;
    margin-bottom: 5px;
}

.skillbar {
    clear: both;
}

.skillbar-item:last-child {
    margin: 0;
}

.skillbar-item {
    margin-bottom: 20px;
}
/*Home accordion*/


/*--------------------------------------------------------------
18.15. Quick Contact
--------------------------------------------------------------*/

#contactform input[type="text"],
#contactform input[type="email"] {
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 20px;
}

#content .section.contact-us {
    padding: 0;
}

#contactform input[type="text"],
#contactform input[type="email"] {
    width: 100%;
    margin-bottom: 30px;
}

#contactform #comments {
    margin-top: 0;
}

.contact-map iframe.googlemap {
    border: none;
}

#content aside.section.google-map {
    margin: 0;
    padding: 0;
}

#contactform button#submit {
    margin: 20px 0 0;
}

.contact-map .map-inner-wrapper {
    background: #ffffff;
    padding: 10px 10px 0;
    box-shadow: 0 0 29px #efeded;
}

    .contact-map .map-inner-wrapper p {
        color: #fff;
        margin: 0;
    }

.contact-form .error_message {
    color: red;
    padding: 0 0 10px 0;
}

.contact-form fieldset {
    padding: 20px;
    text-align: center;
    border: 5px solid #4def4d;
}

.contact-form-area.contactdesc {
    background: #fff;
    padding: 40px;
    box-shadow: 0 0 47px #dddddd75;
}

h3.contact-title {
    background: #007237;
    text-align: center;
    padding: 10px;
    margin: -40px -40px 40px;
    color: #fff;
}

aside.section.section-quick-contact.background-img.overlay-enabled {
    background-image: url(images/contact/contact-bg.jpg);
}

/*--------------------------------------------------------------
18.16. Social Links
--------------------------------------------------------------*/

.social-links {
    text-align: center;
}


    .social-links ul {
        margin: 0;
        padding: 0;
    }

    .social-links li a {
        border: 2px solid #cacaca;
        display: inline-block;
        height: 40px;
        line-height: 1.7;
        margin-right: 0;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        width: 40px;
        overflow: hidden;
    }

    .social-links.circle li a {
        border-radius: 100%;
    }

    .social-links li {
        display: inline-block;
        margin-right: 5px;
        margin-top: 5px;
        margin-left: 5px;
    }

    .social-links ul li::after {
        display: none;
    }

    .social-links li a i {
        color: #cacad8;
        font-size: 18px;
        font-weight: normal;
    }

    .social-links ul li a::before {
        color: #bdbdbd;
        content: "\f0c1";
        display: block;
        font-family: 'FontAwesome';
        font-weight: 400;
        line-height: 2.3;
        font-size: 15px;
    }

    .social-links ul li a:hover {
        background-color: #001837;
        border: 2px solid rgba(0, 0, 0, 0);
        -moz-transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }

        .social-links ul li a:hover::before {
            color: #fff;
        }

    .social-links ul li a[href*="facebook.com"]:before {
        content: "\f39e";
    }

    .social-links ul li a[href*="twitter.com"]:before {
        content: "\f099";
    }

    .social-links ul li a[href*="linkedin.com"]:before {
        content: "\f0e1";
    }

    .social-links ul li a[href*="plus.google.com"]:before {
        content: "\f0d5";
    }

    .social-links ul li a[href*="youtube.com"]:before {
        content: "\f167";
    }

    .social-links ul li a[href*="dribbble.com"]:before {
        content: "\f17d";
    }

    .social-links ul li a[href*="pinterest.com"]:before {
        content: "\f0d2";
    }

    .social-links ul li a[href*="bitbucket.org"]:before {
        content: "\f171";
    }

    .social-links ul li a[href*="github.com"]:before {
        content: "\f113";
    }

    .social-links ul li a[href*="codepen.io"]:before {
        content: "\f1cb";
    }

    .social-links ul li a[href*="flickr.com"]:before {
        content: "\f16e";
    }

    .social-links ul li a[href$="/feed/"]:before {
        content: "\f09e";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }

    .social-links ul li a[href*="foursquare.com"]:before {
        content: "\f180";
    }

    .social-links ul li a[href*="instagram.com"]:before {
        content: "\f16d";
    }

    .social-links ul li a[href*="tumblr.com"]:before {
        content: "\f173";
    }

    .social-links ul li a[href*="reddit.com"]:before {
        content: "\f1a1";
    }

    .social-links ul li a[href*="vimeo.com"]:before {
        content: "\f194";
    }

    .social-links ul li a[href*="digg.com"]:before {
        content: "\f1a6";
    }

    .social-links ul li a[href*="twitch.tv"]:before {
        content: "\f1e8";
    }

    .social-links ul li a[href*="stumbleupon.com"]:before {
        content: "\f1a4";
    }

    .social-links ul li a[href*="delicious.com"]:before {
        content: "\f1a5";
    }

    .social-links ul li a[href*="mailto:"]:before {
        content: "\f0e0";
        font-family: 'Font Awesome 5 Free';
    }

    .social-links ul li a[href*="soundcloud.com"]:before {
        content: "\f1be";
    }

    .social-links ul li a[href*="wordpress.org"]:before {
        content: "\f19a";
    }

    .social-links ul li a[href*="wordpress.com"]:before {
        content: "\f19a";
    }

    .social-links ul li a[href*="jsfiddle.net"]:before {
        content: "\f1cc";
    }

    .social-links ul li a[href*="tripadvisor.com"]:before {
        content: "\f262";
    }

    .social-links ul li a[href*="angel.co"]:before {
        content: "\f209";
    }

    .social-links ul li a[href*="slack.com"]:before {
        content: "\f198";
    }

    .social-links ul li a[href*="500px.com"]:before {
        content: "\f26e";
    }

    .social-links ul li a[href*="500px.com"]:hover {
        background: #0099e5;
    }

    .social-links ul li a[href*="amazon.com"]:before {
        content: "\f270";
    }

    .social-links ul li a[href*="amazon.com"]:hover {
        background: #f90;
    }

    .social-links ul li a[href*="amilia.com"]:before {
        content: "\f36d";
    }

    .social-links ul li a[href*="amilia.com"]:hover {
        background: #46aaf8;
    }

    .social-links ul li a[href*="gitlab.com"]:before {
        content: "\f09b";
    }

    .social-links ul li a[href*="gitlab.com"]:hover {
        background: #e65328;
    }

    .social-links ul li a[href*="ebay.com"]:before {
        content: "\f4f4";
    }

    .social-links ul li a[href*="ebay.com"]:hover {
        background: #0654ba;
    }

    .social-links ul li a[href*="dashcube.com"]:before {
        content: "\f210";
    }

    .social-links ul li a[href*="dashcube.com"]:hover {
        background: #f76707;
    }

    .social-links ul li a[href*="behance.net"]:before {
        content: "\f1b5";
    }

    .social-links ul li a[href*="behance.net"]:hover {
        background: #0052CC;
    }

    .social-links ul li a[href*="vk.net"]:before {
        content: "\f189";
    }

    .social-links ul li a[href*="vk.net"]:hover {
        background: #5181b8;
    }

    .social-links ul li a[href*="mastodon.social"]:before {
        content: "\f4f6";
    }

    .social-links ul li a[href*="mastodon.social"]:hover {
        background: #5181b8;
    }

    .social-links ul li a[href*="algolia.com"]:before {
        content: "\f36c";
    }

    .social-links ul li a[href*="algolia.com"]:hover {
        background: #5a6dff;
    }

    .social-links ul li a[href*="bandcamp.com"]:before {
        content: "\f2d5";
    }

    .social-links ul li a[href*="bandcamp.com"]:hover {
        background: #639aa9;
    }

    .social-links ul li a[href*="codiepie.com"]:before {
        content: "\f284";
    }

    .social-links ul li a[href*="codiepie.com"]:hover {
        background: #222222;
    }

    .social-links ul li a[href*="del.icio.us"]:before {
        content: "\f1a5";
    }

    .social-links ul li a[href*="del.icio.us"]:hover {
        background: #0076e8;
    }

    .social-links ul li a[href*="gitter.im"]:before {
        content: "\f426";
    }

    .social-links ul li a[href*="gitter.im"]:hover {
        background: #46bc99;
    }

    .social-links ul li a[href*="goodreads.com"]:before {
        content: "\f3a8";
    }

    .social-links ul li a[href*="goodreads.com"]:hover {
        background: #382110;
    }

    .social-links ul li a[href*="hireahelper.com"]:before {
        content: "\f3b0";
    }

    .social-links ul li a[href*="hireahelper.com"]:hover {
        background: #693238;
    }

    .social-links ul li a[href*="imdb.com"]:before {
        content: "\f2d8";
    }

    .social-links ul li a[href*="imdb.com"]:hover {
        background: #f5c518;
    }

    .social-links ul li a[href*="last.fm"]:before {
        content: "\f202";
    }

    .social-links ul li a[href*="last.fm"]:hover {
        background: #bb0000;
    }

    .social-links ul li a[href*="medium.com"]:before {
        content: "\f23a";
    }

    .social-links ul li a[href*="medium.com"]:hover {
        background: #693238;
    }

    .social-links ul li a[href*="meetup.com"]:before {
        content: "\f2e0";
    }

    .social-links ul li a[href*="meetup.com"]:hover {
        background: #f13a59;
    }

    .social-links ul li a[href*="mixcloud.com"]:before {
        content: "\f289";
    }

    .social-links ul li a[href*="mixcloud.com"]:hover {
        background: #693238;
    }

    .social-links ul li a[href*="quora.com"]:before {
        content: "\f3d2";
    }

    .social-links ul li a[href*="quora.com"]:hover {
        background: #b92b27;
    }

    .social-links ul li a[href*="us.napster.com"]:before {
        content: "\f2c4";
    }

    .social-links ul li a[href*="us.napster.com"]:hover {
        background: #49FFD0;
    }

    .social-links ul li a[href*="slideshare.net"]:before {
        content: "\f1e7";
    }

    .social-links ul li a[href*="slideshare.net"]:hover {
        background: #222222;
    }

    .social-links ul li a[href*="spotify.com"]:before {
        content: "\f1bc";
    }

    .social-links ul li a[href*="spotify.com"]:hover {
        background: #1ed760;
    }

    .social-links ul li a[href*="stackexchange.com"]:before {
        content: "\f18d";
    }

    .social-links ul li a[href*="stackexchange.com"]:hover {
        background: #12457C;
    }

    .social-links ul li a[href*="stackoverflow.com"]:before {
        content: "\f16c";
    }

    .social-links ul li a[href*="stackoverflow.com"]:hover {
        background: #f48024;
    }

    .social-links ul li a[href*="trello.com"]:before {
        content: "\f181";
    }

    .social-links ul li a[href*="trello.com"]:hover {
        background: #5aac44;
    }

    .social-links ul li a[href*="xing.com"]:before {
        content: "\f168";
    }

    .social-links ul li a[href*="xing.com"]:hover {
        background: #b0d400;
    }

    .social-links ul li a[href*="yelp.com"]:before {
        content: "\f1e9";
    }

    .social-links ul li a[href*="yelp.com"]:hover {
        background: #d32323;
    }
    /*social links hover effect */

    .social-links ul li a[href*="facebook.com"]:hover {
        background: #3b5998;
    }

    .social-links ul li a[href*="twitter.com"]:hover {
        background: #00aced;
    }

    .social-links ul li a[href*="plus.google.com"]:hover {
        background: #dd4b39;
    }

    .social-links ul li a[href*="/feed/"]:hover {
        background: #dc622c;
    }

    .social-links ul li a[href*="wordpress.org"]:hover,
    .social-links ul li a[href*="wordpress.com"]:hover {
        background: #45bbe6;
    }

    .social-links ul li a[href*="github.com"]:hover {
        background: #4183c4;
    }

    .social-links ul li a[href*="linkedin.com"]:hover {
        background: #007bb6;
    }

    .social-links ul li a[href*="pinterest.com"]:hover {
        background: #cb2027;
    }

    .social-links ul li a[href*="flickr.com"]:hover {
        background: #ff0084;
    }

    .social-links ul li a[href*="vimeo.com"]:hover {
        background: #aad450;
    }

    .social-links ul li a[href*="youtube.com"]:hover {
        background: #bb0000;
    }

    .social-links ul li a[href*="instagram.com"]:hover {
        background: #517fa4;
    }

    .social-links ul li a[href*="dribbble.com"]:hover {
        background: #ea4c89;
    }

    .social-links ul li a[href*="skype.com"]:hover {
        background: #12a5f4;
    }

    .social-links ul li a[href*="digg.com"]:hover {
        background: #333;
    }

    .social-links ul li a[href*="codepen.io"]:hover {
        background: #000;
    }

    .social-links ul li a[href*="reddit.com"]:hover {
        background: #ff4500;
    }

    .social-links ul li a[href*="mailto:"]:hover {
        background: #1d62f0;
    }

    .social-links ul li a[href*="twitch.tv"]:hover {
        background: #6441a5;
    }

    .social-links ul li a[href*="foursquare.com"]:hover {
        background: #f94877;
    }

    .social-links ul li a[href*="stumbleupon.com"]:hover {
        background: #eb4924;
    }

    .social-links ul li a[href*="twitch.tv"]:hover {
        background: #6441a5;
    }

    .social-links ul li a[href*="tumblr.com"]:hover {
        background: #32506d;
    }

    .social-links ul li a[href*="soundcloud.com"]:hover {
        background: #ff5500;
    }

    .social-links ul li a[href*="wordpress.org"]:hover {
        background: #45bbe6;
    }

    .social-links ul li a[href*="jsfiddle.net"]:hover {
        background: #4679bd;
    }

    .social-links ul li a[href*="tripadvisor.com"]:hover {
        background: #86c171;
    }

    .social-links ul li a[href*="foursquare.com"]:hover {
        background: #2d5be3;
    }

    .social-links ul li a[href*="angel.co"]:hover {
        background: #000;
    }

    .social-links ul li a[href*="slack.com"]:hover {
        background: #56b68b;
    }

    .social-links.brand-color ul li a[href*="500px.com"] {
        background: #0099e5;
    }

    .social-links.brand-color ul li a[href*="amazon.com"] {
        background: #f90;
    }

    .social-links.brand-color ul li a[href*="amilia.com"] {
        background: #46aaf8;
    }

    .social-links.brand-color ul li a[href*="gitlab.com"] {
        background: #e65328;
    }

    .social-links.brand-color ul li a[href*="ebay.com"] {
        background: #0654ba;
    }

    .social-links.brand-color ul li a[href*="dashcube.com"] {
        background: #f76707;
    }

    .social-links.brand-color ul li a[href*="behance.net"] {
        background: #0052CC;
    }

    .social-links.brand-color ul li a[href*="vk.net"] {
        background: #5181b8;
    }

    .social-links.brand-color ul li a[href*="mastodon.social"] {
        background: #5181b8;
    }

    .social-links.brand-color ul li a[href*="algolia.com"] {
        background: #5a6dff;
    }

    .social-links.brand-color ul li a[href*="bandcamp.com"] {
        background: #639aa9;
    }

    .social-links.brand-color ul li a[href*="codiepie.com"] {
        background: #222222;
    }

    .social-links.brand-color ul li a[href*="del.icio.us"] {
        background: #0076e8;
    }

    .social-links.brand-color ul li a[href*="gitter.im"] {
        background: #46bc99;
    }


    .social-links.brand-color ul li a[href*="goodreads.com"] {
        background: #382110;
    }


    .social-links.brand-color ul li a[href*="hireahelper.com"] {
        background: #693238;
    }


    .social-links.brand-color ul li a[href*="imdb.com"] {
        background: #f5c518;
    }


    .social-links.brand-color ul li a[href*="last.fm"] {
        background: #bb0000;
    }


    .social-links.brand-color ul li a[href*="medium.com"] {
        background: #693238;
    }


    .social-links.brand-color ul li a[href*="meetup.com"] {
        background: #f13a59;
    }


    .social-links.brand-color ul li a[href*="mixcloud.com"] {
        background: #693238;
    }


    .social-links.brand-color ul li a[href*="quora.com"] {
        background: #b92b27;
    }


    .social-links.brand-color ul li a[href*="us.napster.com"] {
        background: #49FFD0;
    }


    .social-links.brand-color ul li a[href*="slideshare.net"] {
        background: #222222;
    }


    .social-links.brand-color ul li a[href*="spotify.com"] {
        background: #1ed760;
    }


    .social-links.brand-color ul li a[href*="stackexchange.com"] {
        background: #12457C;
    }


    .social-links.brand-color ul li a[href*="stackoverflow.com"] {
        background: #f48024;
    }


    .social-links.brand-color ul li a[href*="trello.com"] {
        background: #5aac44;
    }


    .social-links.brand-color ul li a[href*="xing.com"] {
        background: #b0d400;
    }


    .social-links.brand-color ul li a[href*="yelp.com"] {
        background: #d32323;
    }

    .social-links.brand-color ul li a[href*="facebook.com"] {
        background: #3b5998;
    }

    .social-links.brand-color ul li a[href*="twitter.com"] {
        background: #00aced;
    }

    .social-links.brand-color ul li a[href*="plus.google.com"] {
        background: #dd4b39;
    }

    .social-links.brand-color ul li a[href*="/feed/"] {
        background: #dc622c;
    }

    .social-links.brand-color ul li a[href*="wordpress.org"],
    .social-links.brand-color ul li a[href*="wordpress.com"] {
        background: #45bbe6;
    }

    .social-links.brand-color ul li a[href*="github.com"] {
        background: #4183c4;
    }

    .social-links.brand-color ul li a[href*="linkedin.com"] {
        background: #007bb6;
    }

    .social-links.brand-color ul li a[href*="pinterest.com"] {
        background: #cb2027;
    }

    .social-links.brand-color ul li a[href*="flickr.com"] {
        background: #ff0084;
    }

    .social-links.brand-color ul li a[href*="vimeo.com"] {
        background: #aad450;
    }

    .social-links.brand-color ul li a[href*="youtube.com"] {
        background: #bb0000;
    }

    .social-links.brand-color ul li a[href*="instagram.com"] {
        background: #517fa4;
    }

    .social-links.brand-color ul li a[href*="dribbble.com"] {
        background: #ea4c89;
    }

    .social-links.brand-color ul li a[href*="skype.com"] {
        background: #12a5f4;
    }

    .social-links.brand-color ul li a[href*="digg.com"] {
        background: #333;
    }

    .social-links.brand-color ul li a[href*="codepen.io"] {
        background: #000;
    }

    .social-links.brand-color ul li a[href*="reddit.com"] {
        background: #ff4500;
    }

    .social-links.brand-color ul li a[href*="mailto:"] {
        background: #1d62f0;
    }

    .social-links.brand-color ul li a[href*="twitch.tv"] {
        background: #6441a5;
    }

    .social-links.brand-color ul li a[href*="foursquare.com"] {
        background: #f94877;
    }

    .social-links.brand-color ul li a[href*="stumbleupon.com"] {
        background: #eb4924;
    }

    .social-links.brand-color ul li a[href*="twitch.tv"] {
        background: #6441a5;
    }

    .social-links.brand-color ul li a[href*="tumblr.com"] {
        background: #32506d;
    }

    .social-links.brand-color ul li a[href*="soundcloud.com"] {
        background: #ff5500;
    }

    .social-links.brand-color ul li a[href*="wordpress.org"] {
        background: #45bbe6;
    }

    .social-links.brand-color ul li a[href*="jsfiddle.net"] {
        background: #4679bd;
    }

    .social-links.brand-color ul li a[href*="tripadvisor.com"] {
        background: #86c171;
    }

    .social-links.brand-color ul li a[href*="foursquare.com"] {
        background: #2d5be3;
    }

    .social-links.brand-color ul li a[href*="angel.co"] {
        background: #000;
    }

    .social-links.brand-color ul li a[href*="slack.com"] {
        background: #56b68b;
    }

    .social-links.brand-color ul li a:before {
        color: #fff;
    }

    .social-links.brand-color ul li a {
        border: 2px solid transparent;
    }

/*--------------------------------------------------------------
19. Inner Page Template
--------------------------------------------------------------*/

/*--------------------------------------------------------------
19.1 Basic Breadcrumb
--------------------------------------------------------------*/

#breadcrumb {
    color: #fff;
    text-align: center;
}

    #breadcrumb ul {
        margin: 0;
        padding: 0;
    }

    #breadcrumb li {
        display: inline-block;
        list-style: outside none none;
        padding-right: 10px;
    }

    #breadcrumb .breadcrumb-trail li.trail-item.trail-end::after {
        display: none;
    }

    #breadcrumb .breadcrumb-trail li::after {
        content: "\f105";
        margin-left: 10px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 11px;
    }

    #breadcrumb li a {
        color: #ddd;
        border-bottom: 1px solid #fff;
    }

        #breadcrumb li a:hover {
            color: #fff;
        }

.custom-header-2 #custom-header {
    padding: 15px 0;
}

#breadcrumb.breadcrumb-2 {
    background: #007237;
    padding: 15px 0;
}

.custom-header-3 #breadcrumb {
    float: right;
    margin-top: 30px;
}

.custom-header-3 h1.page-title {
    float: left;
}
/*--------------------------------------------------------------
19.2. Error 404 Page
--------------------------------------------------------------*/

section.error-404 {
    text-align: center;
    margin-bottom: 80px;
}

.error-404 h2 {
    font-size: 87px;
    font-weight: bold;
}

#quick-links-404 {
    margin-top: 30px;
}

    #quick-links-404 ul li {
        display: inline-block;
        list-style: outside none none;
    }

        #quick-links-404 ul li a {
            display: block;
            padding: 0 20px;
            color: #222;
            border-left: 1px solid #ddd;
            line-height: 1;
        }

        #quick-links-404 ul li:first-child a {
            border: none;
        }

.error404 #primary {
    width: 100%;
}

section.error-404 .search-form {
    position: relative;
    max-width: 480px;
    margin: 60px auto 0;
}

    section.error-404 .search-form input.search-field {
        width: 100%;
    }


.error404 h2 span {
    color: #007237;
    margin: 0 15px;
}

/*--------------------------------------------------------------
19.3. Project
--------------------------------------------------------------*/

.section.section-project {
    background: #fff;
}

    .section.section-project .custom-button {
        margin-top: 15px;
    }

.section-project .alignleft {
    margin-right: 70px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

.section-project img {
    vertical-align: middle;
}

.section-project .project-block {
    clear: both;
    overflow: hidden;
}

.section-project .alignright {
    margin-left: 70px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

.section-project .custom-button {
    margin-left: 0;
}

.section-project .entry-content {
    margin: 0;
}

.section-project .project-section {
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
    margin-top: 30px;
    display: block;
    overflow: hidden;
    float: left;
    width: 100%;
}

.section-project .featured-project-section {
    padding: 80px;
}

.section-project .featured-project-category {
    color: #aaa;
    font-style: italic;
    font-weight: 100;
    margin-bottom: 5px;
    display: block;
}

.project-section .alignleft:after {
    content: "";
    display: block;
    border-right: 25px solid #ffffff;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    right: 0;
    position: absolute;
    top: 43%;
}

.project-thumb {
    position: relative;
}

.project-section .alignright:after {
    content: "";
    display: block;
    border-left: 25px solid #ffffff;
    border-bottom: 25px solid transparent;
    border-top: 25px solid transparent;
    left: 0;
    position: absolute;
    top: 43%;
}


/*pull sidebar*/

#pull-sidebar {
    display: none;
}

#sidr-pull-sidebar {
    background: #fff;
    width: 350px;
    right: -350px;
    padding-top: 50px;
}

.sidr-pull-sidebar-open #sidr-pull-sidebar {
    box-shadow: 0 0 28px rgba(51, 51, 51, 0.15);
}

#sidr-pull-sidebar .widget-area {
    padding: 25px 35px;
    width: 100%;
    float: none;
}

#sidr-pull-sidebar .sidebar .widget {
    padding: 0;
    box-shadow: inherit;
}

.logged-in #sidr-pull-sidebar {
    padding-top: 90px;
}

.logged-in a.btn-close-sidebar {
    top: 32px;
}

a.btn-close-sidebar {
    display: block;
    font-size: 16px;
    text-align: center;
    background: #333;
    padding: 15px;
    height: auto;
    color: #fff;
    line-height: 1.4;
    position: fixed;
    width: 350px;
    z-index: 99;
    top: 0;
}

#sidebar-trigger span {
    float: right;
    height: 2px;
    width: 30px;
    background: #fff;
    margin-top: 17px;
    margin-left: 20px;
    position: relative;
}

    #sidebar-trigger span:before,
    #sidebar-trigger span:after {
        content: "";
        display: block;
        height: 2px;
        width: 20px;
        background: #fff;
        position: absolute;
        bottom: 7px;
        transition: all 0.2s ease-in-out 0s;
    }

a#sidebar-trigger:hover span:after,
a#sidebar-trigger:hover span:before {
    width: 30px;
}

#sidebar-trigger span {
    float: right;
    height: 2px;
    width: 30px;
    background: #222;
    margin-top: 17px;
    margin-left: 20px;
    position: relative;
}

    #sidebar-trigger span:before, #sidebar-trigger span:after {
        content: "";
        display: block;
        height: 2px;
        width: 20px;
        background: #222;
        position: absolute;
        bottom: 7px;
        transition: all 0.2s ease-in-out 0s;
    }

    #sidebar-trigger span:before {
        bottom: -7px;
    }

a#sidebar-trigger:hover span:after,
a#sidebar-trigger:hover span:before {
    width: 30px;
}

#sidebar-trigger span:before {
    bottom: -7px;
}

a#sidebar-trigger {
    display: block;
    height: 40px;
    width: 40px;
    float: right;
    margin-left: 20px;
    padding-top: 2px;
}


#mobile-trigger span:before,
#mobile-trigger span:after {
    content: "";
    display: block;
    height: 2px;
    width: 20px;
    background: #fff;
    position: absolute;
    bottom: 7px;
    transition: all 0.2s ease-in-out 0s;
}

a#mobile-trigger:hover span:after,
a#mobile-trigger:hover span:before {
    width: 30px;
}

#mobile-trigger span {
    float: right;
    height: 2px;
    width: 30px;
    background: #222;
    margin-top: 50px;
    margin-right: 20px;
    position: relative;
}

    #mobile-trigger span:before,
    #mobile-trigger span:after {
        content: "";
        display: block;
        height: 2px;
        width: 20px;
        background: #222;
        position: absolute;
        bottom: 7px;
        transition: all 0.2s ease-in-out 0s;
        right: 0;
    }

#mobile-trigger.white-icon span, #mobile-trigger.white-icon span:after, #mobile-trigger.white-icon span:before {
    background: #fff;
}

#mobile-trigger span:before {
    bottom: -7px;
}

a#mobile-trigger:hover span:after,
a#mobile-trigger:hover span:before {
    width: 30px;
}

.sidr {
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999;
    width: 260px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .sidr.right {
        left: auto;
        right: -260px;
    }

    .sidr.left {
        left: -260px;
        right: auto;
    }



a.btn-close-sidebar {
    display: block;
    font-size: 14px;
    text-align: center;
    background: #37363a;
    padding: 15px;
    height: auto;
    color: #fff;
    line-height: 1.4;
    position: fixed;
    width: 350px;
    z-index: 99;
    top: 0;
}

#search-button {
    float: right;
    padding: 7px 0 0 10px;
}

.custom-search-container {
    position: fixed;
    top: 0;
    left: 25%;
    text-align: center;
    z-index: 999;
    width: 50%;
    opacity: 0;
    visibility: hidden;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .custom-search-container.search-open {
        opacity: 1;
        visibility: visible;
        top: 45%;
    }

.search-box-blur.search-open {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom-search-container .search-form .search-submit {
    font-size: 20px;
    padding: 20px 45px;
}

.search-box-blur.search-open {
    cursor: url(images/cursor-close.png) 15 15, auto;
    opacity: 1;
    visibility: visible;
    content: "";
}

.search-box-blur.search-open {
    z-index: 999;
}

.search-box-blur.search-open {
    opacity: 1;
    visibility: visible;
}

.custom-search-container .search-form input.search-field {
    padding: 13px 35px;
    width: 100%;
    font-size: 22px;
}

.custom-search-container .search-form {
    position: relative;
    max-width: 100%;
    width: 700px;
}


/*--------------------------------------------------------------
18.10. Tooltip
--------------------------------------------------------------*/

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #ccc;
    color: #222;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        position: absolute;
        width: 115px;
        background-color: #ffffff;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.3s;
        color: #000;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 500;
        box-shadow: 0 0 40px #2422222b;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.tooltip-right {
    top: 2px;
    left: 125%;
}

    .tooltip-right::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #ffffff transparent transparent;
    }

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

    .tooltip-bottom::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
    }

.tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}

    .tooltip-top::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
    }

.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}

    .tooltip-left::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
    }

/*--------------------------------------------------------------
18.11. Instagram Sections
--------------------------------------------------------------*/

.instagram-inner-wrapper {
    position: relative;
}

.instagram-section .insta-item {
    float: left;
    width: 16.66667%;
    position: relative;
}

    .instagram-section .insta-item img {
        width: 100%;
    }

.instagram-section .instagram-caption {
    text-align: center;
    position: absolute;
    z-index: 99;
    bottom: 40%;
    left: 45%;
}

.instagram-section .instagram-cap-wrapper a.custom-button {
    font-size: 13px;
    letter-spacing: 2px;
    position: relative;
    display: block;
}

    .instagram-section .instagram-cap-wrapper a.custom-button:before {
        content: "\f16d";
        display: inline-block;
        font-family: FontAwesome;
        margin-right: 6px;
    }

.instagram-section {
    position: relative;
}

    .instagram-section .insta-item .instagram-hvr-content {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 98;
        color: #fff;
    }

    .instagram-section .insta-item:hover .instagram-hvr-content {
        opacity: 1;
        visibility: visible;
    }

.insta-item.thumb-overlay i {
    font-size: 13px;
}

.instagram-section .insta-item .instagram-hvr-content span {
    margin-right: 20px;
}

.instagram-section .insta-item span i.fa {
    margin-right: 5px;
}

.instagram-section .insta-item a:before {
    background-color: rgba(0, 0, 0, 0.4);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 100%;
    width: 100%;
    z-index: 9;
}

.instagram-section .insta-item a {
    display: block;
}

.instagram-section .insta-item:hover a:before {
    opacity: 1;
    visibility: visible;
}

.instagram-section .section-carousel-enabled .slick-prev.slick-arrow,
.instagram-section .section-carousel-enabled .slick-next.slick-arrow {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.instagram-section .section-carousel-enabled .slick-list {
    padding: 0;
}
/*--------------------------------------------------------------
18.5. NewsLetter
--------------------------------------------------------------*/

form.news-letter-form {
    position: relative;
    margin-top: 5px;
}

input.news-letter-email {
    width: 100%;
    margin-bottom: 25px;
    padding: 10px 20px;
    background: #fff;
}

input.news-letter-submit {
    position: absolute;
    width: auto;
    top: 0;
    right: 0;
    padding: 11px 28px;
    border: none;
    box-shadow: none;
}

.section input.news-letter-email {
    padding: 15px 30px;
    margin-bottom: 0;
}

.section input.news-letter-submit {
    padding: 18px 28px;
}

span.newsletter-icon.pull-left {
    margin-right: 30px;
    margin-top: 15px;
}

.news-letter-title {
    float: left;
}

    .news-letter-title h2 {
        margin: 0;
    }

    .news-letter-title p {
        margin: 0;
    }

.newsletter-icon i {
    font-size: 40px;
}

#footer-widgets input.news-letter-email {
    padding: 8px 20px;
}

#footer-widgets input.news-letter-submit {
    width: 100%;
    position: inherit;
    padding: 9px;
}





/*--------------------------------------------------------------
11.3. Header Min-cart
--------------------------------------------------------------*/

.hearder-min-cart > ul {
    margin: 0;
    padding: 0;
}

.hearder-min-cart .cart-button i {
    margin-right: 10px;
}

.hearder-min-cart {
    position: relative;
}


    .hearder-min-cart .cart-button a > span {
        min-width: 15px;
        min-height: 15px;
        border-radius: 100%;
        font-size: 11px;
        padding: 2px 0px 0;
        line-height: 1.2;
        position: absolute;
        top: -3px;
        background: #222222;
        text-align: center;
        right: -4px;
        color: #fff;
    }

    .hearder-min-cart .cart-button {
        position: relative;
    }

.mini-cart-wrap ul.cart-list {
    width: 300px;
    top: 13px;
    right: 0;
    background-color: #fff;
    position: absolute;
    padding: 25px 25px 5px;
    z-index: 1111111;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-shadow: 0 4px 6.65px 0.35px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 6.65px 0.35px rgba(0, 0, 0, 0.15);
    margin: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 3px;
}

.sticky-header .mini-cart-wrap ul.cart-list {
    top: 10px;
}

.mini-cart-wrap ul.cart-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-bottom: 20px;
}

    .mini-cart-wrap ul.cart-list li .cart-img {
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        max-width: 70px;
        position: relative;
        max-height: 90px;
    }

    .mini-cart-wrap ul.cart-list li .cart-info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 90px);
        flex: 0 0 calc(100% - 90px);
        padding-left: 15px;
        text-align: left;
    }

        .mini-cart-wrap ul.cart-list li .cart-info h4 {
            font-size: 15px;
            font-weight: 400;
            text-transform: capitalize;
        }

        .mini-cart-wrap ul.cart-list li .cart-info span {
            font-size: 15px;
            margin-top: 5px;
            display: block;
            line-height: 1.4;
            font-weight: 600;
        }

            .mini-cart-wrap ul.cart-list li .cart-info span.cart-qty {
                font-size: 12px;
                color: #666666;
                font-weight: 400;
            }

        .mini-cart-wrap ul.cart-list li .cart-info p {
            font-size: 12px;
            color: #666666;
            text-transform: capitalize;
        }

    .mini-cart-wrap ul.cart-list li .del-icon {
        max-width: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
        font-size: 15px;
        text-align: center;
        cursor: pointer;
        float: right;
    }

.mini-cart-button {
    width: 100%;
}

    .mini-cart-button .custom-button {
        padding: 3px 20px;
        margin: 0;
    }

.mini-cart-wrap ul.cart-list li .del-icon i {
    font-size: 11px;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    color: #ff0c4e;
    line-height: 2;
    display: block;
}

.mini-cart-wrap ul.cart-list li.mini-cart-price span {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.mini-cart-wrap ul.cart-list li:last-child {
    margin-top: -10px;
}

.mini-cart-wrap ul.cart-list.mobile-cart-list {
    opacity: 0;
    visibility: hidden;
}

    .mini-cart-wrap ul.cart-list.mobile-cart-list.open {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

.mini-cart-wrap:hover .cart-list {
    opacity: 1;
    visibility: visible;
}
/*--------------------------------------------------------------
20.7. Login/registor
--------------------------------------------------------------*/


.section-my-account {
    max-width: 390px;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
    box-shadow: 0 0 23px #ddd;
}

.user-account-popup .user-acc-header h3 {
    border: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.section-my-account .user-acc-header img,
.user-acc-header img {
    border-radius: 100%;
    margin: 0 auto 5px;
    display: block;
    max-width: 80px;
}

#login-popup .user-acc-header img {
    max-width: 160px;
    margin-bottom: 10px;
}

.section-my-account .content-body {
    text-align: left;
}

    .section-my-account .content-body label {
        font-weight: bold;
        margin-bottom: 5px;
        display: block;
    }

    .section-my-account .content-body p {
        margin-bottom: 5px;
    }

.section-my-account .register-account {
    display: block;
}

.user-acc-header h3 {
    padding: 5px 0;
    font-size: 21px;
    border-bottom: 1px dashed #ddd;
    text-align: left;
    margin-bottom: 20px;
}


.content-body form input {
    padding: 7px 15px;
    width: 100%;
    margin-bottom: 20px;
    font-size: 13px;
}

/*Popup*/

.white-popup-block {
    background: #FFF;
    padding: 20px;
    text-align: left;
    max-width: 780px;
    margin: 40px auto;
    position: relative;
}

.quick-view-content {
    max-width: 900px;
    padding: 30px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
    background: #fff;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 6px #ddd;
    position: absolute;
    top: -24px;
    background: #fff;
    opacity: 1;
    right: -17px;
    padding: 0;
    line-height: 1;
}

div#login-popup {
    padding: 52px;
}
/*===========================================================
						Style End
=============================================================*/


/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
/* Smaller than standard 1230(devices and browsers) */

@media only screen and (max-width:1230px) {

    .container {
        max-width: 97%;
    }

    .global-layout-no-sidebar > .container {
        margin: 0 auto;
        width: 100%;
        padding: 0;
        max-width: 100%;
    }
    #content .no-padding {
        padding: 0;
    }

    #content aside.section.section-featured-banner.no-padding {
        padding: 0;
    }

    .social-links li a {
        height: 30px;
        width: 30px;
    }

    .social-links ul li a::before {
        line-height: 2;
        font-size: 13px;
    }

    .section-featured-slider h3 {
        font-size: 45px;
    }

    .section-featured-slider p {
        font-size: 17px;
    }
}


/* Smaller  standard 1024 (devices and browsers) */

@media only screen and (max-width:1024px) {
    #mobile-trigger,
    #mobile-trigger-quick {
        display: block;
        color: #fff;
        text-align: center;
        float: left;
    }
    .main-navigation{display:none}
    quick-link,
    .main-navigation {
        display: none;
    }

    #mob-menu {
        display: block;
    }

    .flat-mega-memu {
        display: none;
    }

    .logged-in.sidr-main-open #mobile-trigger {
        position: relative;
        z-index: 999999;
    }

    .logged-in.sidr-open.sidr-main-open {
        margin-top: -46px;
    }

    #mobile-trigger i,
    #mobile-trigger-quick i {
        font-size: 17px;
        line-height: 0;
        display: block;
    }

    #mobile-trigger-quick {
        float: right;
    }

    .sidr ul li a {
        padding-right: 50px;
    }

    .sidr ul li {
        position: relative;
    }

    .sidr .dropdown-icon {
        height: 50px;
        width: 50px;
        background: #333333;
        z-index: 999;
        display: block;
        box-shadow: 0 0 37px #464444 inset;
        cursor: pointer;
    }

    .sidr ul li ul .dropdown-icon {
        height: 41px;
    }

    .sidr .dropdown-icon::after {
        content: "\f107";
        display: block;
        text-align: center;
        font-family: 'Font Awesome 5 Free';
    }

    .sidr .toggle-on .dropdown-icon::after {
        content: "\f106";
    }

    .sidr .dropdown-toggle {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
    }

    .sidr ul li ul {
        display: none;
    }

    #mob-menu.sidr ul li.has-mega-menu ul {
        display: block;
    }

    #mob-menu ul {
        display: none;
    }

    .sidr-open #mob-menu .sidr-inner > ul {
        display: block;
    }

    #mobile-trigger i.fa {
        display: block;
        display: block;
        margin-right: 15px;
        padding: 14px 5px;
        background: #000000;
        height: 27px;
        width: 30px;
        text-align: center;
        margin: 6px 10px 0 0;
    }

    span.trigger-title {
        display: inline-block;
        position: relative;
        top: -2px;
        text-transform: uppercase;
    }

    #mobile-trigger i.fa.fa-times {
        display: none;
        font-size: 13px;
    }

    .sidr-open.sidr-main-open #mobile-trigger .fa.fa-times {
        display: inline-block;
    }

    .sidr-open.sidr-main-open #mobile-trigger .fa-list {
        display: none;
    }

    #sidr-main.sidr ul li a {
        padding-right: 50px;
    }

    #sidr-main.sidr ul li {
        position: relative;
    }

    #sidr-main.sidr .icon-dropdown {
        height: 50px;
        width: 50px;
        background: #333;
        z-index: 999;
        display: block;
        box-shadow: 0 0 37px #464444 inset;
        cursor: pointer;
    }

    #sidr-main.sidr ul li ul .icon-dropdown {
        height: 41px;
    }

    #sidr-main.sidr .icon-dropdown:after {
        content: "\f107";
        display: block;
        text-align: center;
        font-family: FontAwesome;
    }

    #sidr-main.sidr .toggle-on .icon-dropdown:after {
        content: "\f106";
    }

    #sidr-main.sidr .item-toggle {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
    }

    #sidr-main.sidr ul li ul {
        display: none;
    }

    #sidr-main.sidr {
        display: block;
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 999999;
        width: 260px;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 15px;
        background: #333;
        color: #fff;
        box-shadow: 0 0 5px 5px #222 inset;
    }

        #sidr-main.sidr .sidr-inner {
            padding: 0 0 15px;
        }

            #sidr-main.sidr .sidr-inner > p {
                margin-left: 15px;
                margin-right: 15px;
            }

        #sidr-main.sidr.right {
            left: auto;
            right: -260px;
        }

        #sidr-main.sidr.left {
            left: -260px;
            right: auto;
        }

        #sidr-main.sidr p {
            font-size: 13px;
            margin: 0 0 12px;
        }

        #sidr-main.sidr a {
            color: rgba(255, 255, 255, 0.9);
        }

        #sidr-main.sidr > p {
            margin-left: 15px;
            margin-right: 15px;
        }

        #sidr-main.sidr ul {
            display: block;
            margin: 0 0 15px;
            padding: 0;
            border-top: 1px solid #1a1a1a;
            border-bottom: 1px solid #4d4d4d;
        }

            #sidr-main.sidr ul li {
                display: block;
                margin: 0;
                line-height: 48px;
                border-top: 1px solid #4d4d4d;
                border-bottom: 1px solid #1a1a1a;
            }

                #sidr-main.sidr ul li:hover,
                .sidr ul li.active,
                #sidr-main.sidr ul li.sidr-class-active {
                    border-top: 0;
                    line-height: 49px;
                }

                    #sidr-main.sidr ul li:hover > a,
                    #sidr-main.sidr ul li:hover > span,
                    #sidr-main.sidr ul li.active > a,
                    #sidr-main.sidr ul li.active > span,
                    #sidr-main.sidr ul li.sidr-class-active > a,
                    #sidr-main.sidr ul li.sidr-class-active > span {
                        box-shadow: 0 0 15px 3px #222 inset;
                    }

                #sidr-main.sidr ul li a,
                #sidr-main.sidr ul li span {
                    padding: 0 15px;
                    display: block;
                    text-decoration: none;
                    color: #fff;
                }

                #sidr-main.sidr ul li ul {
                    border-bottom: 0;
                    margin: 0;
                }

                #sidr-main.sidr ul li.has-mega-menu ul {
                    display: block;
                }

                #sidr-main.sidr ul li ul li {
                    line-height: 40px;
                    font-size: 13px;
                }

                    #sidr-main.sidr ul li ul li:last-child {
                        border-bottom: 0;
                    }

                    #sidr-main.sidr ul li ul li:hover,
                    #sidr-main.sidr ul li ul li.active,
                    #sidr-main.sidr ul li ul li.sidr-class-active {
                        border-top: 0;
                        line-height: 41px;
                    }

                        #sidr-main.sidr ul li ul li:hover > a,
                        #sidr-main.sidr ul li ul li:hover > span,
                        #sidr-main.sidr ul li ul li.active > a,
                        #sidr-main.sidr ul li ul li.active > span,
                        #sidr-main.sidr ul li ul li.sidr-class-active > a,
                        #sidr-main.sidr ul li ul li.sidr-class-active > span {
                            box-shadow: 0 0 15px 3px #222 inset;
                        }

                    #sidr-main.sidr ul li ul li a,
                    #sidr-main.sidr ul li ul li span {
                        color: rgba(255, 255, 255, 0.8);
                        padding-left: 30px;
                    }

        #sidr-main.sidr form {
            margin: 0 15px;
        }

        #sidr-main.sidr label {
            font-size: 13px;
        }
    .section-project .featured-project-section {
        padding: 35px;
    }

    #content .section-title {
        font-size: 30px;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 20px !important ;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }
}


/* Smaller than standard 1024 (devices and browsers) */

@media only screen and (max-width:1023px) {

    .col-grid-3 {
        width: 50%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .col-grid-7,
    .col-grid-5 {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .col-grid-8 {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .col-grid-4.recent-events {
        width: 100%;
    }

    .section-plan .pricing-plan-price {
        font-size: 37px;
    }

    #tophead {
        padding: 0 15px;
    }

    .sidebar,
    #primary,
    .three-columns-enabled .sidebar,
    .three-columns-enabled #primary {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

    .three-columns-enabled .sidebar {
        width: 50%;
    }

    #primary .hentry.post.blog-gird {
        width: 50%;
        padding: 10px 15px;
    }

    .section-featured-slider .cycle-caption.text-alignleft {
        left: 10%;
    }

    .section-featured-slider .cycle-caption.text-alignright {
        right: 10%;
    }

    .section-featured-slider h3,
    .section-featured-banner h3 {
        font-size: 37px;
    }

    .section-featured-slider p,
    .section-featured-banner p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .section-featured-slider .slider-buttons .custom-button,
    .section-featured-banner .custom-button {
        padding: 9px 24px;
    }

    .section-featured-page img.alignleft,
    .section-featured-page img.alignright {
        max-width: 100%;
        text-align: inherit;
        display: block;
        margin: 0 auto 20px;
    }

    .custom-button,
    .custom-button:visited,
    a.button,
    .custom-button.custom-primary-button,
    .custom-button.custom-primary-button:visited {
        min-width: inherit;
        padding: 6px 23px;
        font-size: 14px;
    }

    .section-featured-slider .cycle-prev,
    .section-featured-slider .cycle-next {
        opacity: 1;
        height: 45px;
        width: 45px;
        line-height: 1.7;
    }
}


/* Smaller than standard 900 (devices and browsers) */

@media only screen and (max-width:767px) {

    .newsletter h3 {
        padding: 0px !important;
        border-right: 0px !important;
    }

    .subscribe {
        background-color: #7ac142 !important;
        color: #000 !important;
        border-radius: 0px 5px 5px 0px !important;
        padding: 17px 10px 18px 10px !important;
      height: 50px !important;
    }

    .newsletterinput {
        margin-top: 0px !important;
        width:auto !important ;
    }

    .section-project .alignleft {
        margin-right: 35px;
    }

    .section-project .alignright {
        margin-left: 35px;
    }

    .section-project .featured-project-section {
        padding: 25px;
    }

    .section.section-project .custom-button {
        margin-top: 0;
    }

    .section-plan .pricing-plan-header h3 {
        font-size: 16px;
    }

    #content aside.section.section-call-to-action.cta-fluid.no-padding-btm {
        padding-bottom: 0;
    }

    .service-layout-4 .service-block-inner span.count {
        margin-bottom: 5px;
    }

    .service-layout-4 .service-block-inner {
        padding: 35px;
        min-height: 383px;
    }

    .item-inner-wrapper:hover .portfolio-content {
        bottom: 10px;
    }

    .portfolio-content h3 {
        margin-bottom: 0;
        font-weight: 600;
        font-size: 18px;
    }

    .portfolio-content p {
        font-size: 13px;
    }

    a.zoom-icon i {
        font-size: 25px;
    }

    .more-wrapper {
        margin-top: 20px;
    }

    .section-featured-page h5 {
        margin-bottom: 20px;
    }

    .section-latest-posts .latest-posts-text-content,
    .section-services .service-block-inner {
        padding: 30px;
    }

    .col-grid-6 {
        width: 100%;
    }

        .col-grid-6.service-block-item {
            width: 50%;
        }

    #content .section-title-wrap {
        margin-bottom: 10px;
    }

    .inner-wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }

    .col-grid-1,
    .col-grid-2,
    .col-grid-3,
    .col-grid-4,
    .col-grid-5,
    .col-grid-6,
    .col-grid-7,
    .col-grid-8,
    .col-grid-9,
    .col-grid-10,
    .col-grid-11,
    .col-grid-12 {
        padding-left: 15px;
        padding-right: 15px;
        float: left;
        margin: 15px 0 15px 0;
        transition: all 0.4s ease-in-out 0s;
    }

    #content .section-subtitle {
        font-size: 14px;
        margin: 0 auto 20px;
        max-width: 700px;
    }

    .section-counter .counter-item {
        width: 50%;
    }

    #footer-widgets .footer-widget-area {
        width: 50%;
        padding: 15px 0;
    }

        #footer-widgets .footer-widget-area:nth-child(2n+1) {
            clear: both;
        }

    .section-associate-logo .associate-logo-item {
        width: 33.33%;
    }

    #footer-widgets {
        padding: 35px 0 0;
    }

    .section-skill-bar .col-grid-4 {
        width: 50%;
    }

        .section-skill-bar .col-grid-4:last-child {
            clear: both;
            width: 100%;
        }

    .quick-contact {
        text-align: center;
        margin-top: 0;
    }

    .sticky-header #masthead {
        position: inherit;
    }

    #tophead .social-links li {
        display: inline-block;
        float: none;
    }

    .social-links li {
        display: inline-block;
    }

    #mobile-trigger,
    #mobile-trigger-quick {
        display: block;
        color: #fff;
        text-align: center;
        float: left;
    }

    .sidr-open a#mobile-trigger {
        text-align: left;
    }

    .quick-contact .header-box-info strong {
        display: none;
    }

    .quick-contact li i {
        font-size: 20px;
    }

    .quick-contact .header-box-icon {
        margin-right: 10px;
    }

    #tophead {
        padding: 0;
        clear: both;
    }

    .nav-inner-wrapper {
        box-shadow: none;
        width: auto;
        float: right;
        margin-top: -55px;
    }

    .quick-contact.quick-contact-2 li {
        font-size: 14px;
    }

        .quick-contact.quick-contact-2 li i {
            float: left;
            font-size: 14px;
            margin-right: 7px;
            line-height: 0.7;
        }

    .header-v2 .nav-inner-wrapper {
        box-shadow: none;
        padding-right: 0;
        padding-left: 0;
        margin: 0;
        text-align: center;
        float: none;
        padding: 0;
        background: no-repeat;
    }

    .header-v2 #main-navigation {
        background: #e7e7e7;
        padding: 5px 0;
    }

    .header-v2 #header-search a.search-icon {
        padding: 5px 0;
    }

    .service-layout-3 .col-grid-4.service-block-item {
        width: 100%;
    }

    .header-v2 a.custom-button.pull-right.quick-link-button {
        margin-top: 0;
        float: none;
    }

    #header-search a.search-icon {
        padding: 5px 6px;
    }

    #header-right {
        margin-top: 7px;
    }

    img.alignnone {
        margin: 0 auto;
        display: block;
    }

    .featured-page-section .col-grid-4,
    .featured-page-section .col-grid-8 {
        width: 100%;
    }

    #content .section.no-padding-btm {
        padding-bottom: 40px;
    }

    .col-grid-6.no-margin.features-item {
        width: 50%;
    }

    #content .no-margin {
        margin: 15px 0;
    }

    #content .section-title-wrap.text-alignleft span.divider,
    #content .section-title-wrap.text-alignright span.divider {
        margin: 0 0 15px;
    }

    .top-space {
        padding-top: 0;
    }

    .section-featured-page-grid .featured-page-grid-text-content {
        padding: 25px;
    }

    #masthead {
        padding: 10px 0;
    }

    .quick-contact.quick-contact-1.pull-right {
        padding-top: 10px;
        float: left;
        clear: both;
        text-align: center;
        width: 100%;
    }

    .quick-contact.quick-contact-1 li {
        display: inline-block;
        float: none;
        margin: 0;
        padding: 0 10px;
    }

    #masthead.sticky-enabled.sticky-header,
    .sticky-enabled.sticky-header {
        padding: 0;
        position: inherit;
        padding: 15px 0;
    }

    .section-featured-slider .slider-buttons {
        margin-top: 0;
    }

    .section-featured-slider h3,
    .section-featured-banner h3 {
        font-size: 35px;
    }

    .quick-link,
    .main-navigation {
        display: none;
    }

    #mob-menu {
        display: block;
    }

    .flat-mega-memu {
        display: none;
    }

    .logged-in.sidr-main-open #mobile-trigger {
        position: relative;
        z-index: 999999;
    }

    .logged-in.sidr-open.sidr-main-open {
        margin-top: -46px;
    }

    #mobile-trigger i,
    #mobile-trigger-quick i {
        font-size: 17px;
        line-height: 0;
        display: block;
    }

    #mobile-trigger-quick {
        float: right;
    }

    .sidr ul li a {
        padding-right: 50px;
    }

    .sidr ul li {
        position: relative;
    }

    .sidr .dropdown-icon {
        height: 50px;
        width: 50px;
        background: #333333;
        z-index: 999;
        display: block;
        box-shadow: 0 0 37px #464444 inset;
        cursor: pointer;
    }

    .sidr ul li ul .dropdown-icon {
        height: 41px;
    }

    .sidr .dropdown-icon::after {
        content: "\f107";
        display: block;
        text-align: center;
        font-family: 'Font Awesome 5 Free';
    }

    .sidr .toggle-on .dropdown-icon::after {
        content: "\f106";
    }

    .sidr .dropdown-toggle {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
    }

    .sidr ul li ul {
        display: none;
    }

    #mob-menu.sidr ul li.has-mega-menu ul {
        display: block;
    }

    #mob-menu ul {
        display: none;
    }

    .sidr-open #mob-menu .sidr-inner > ul {
        display: block;
    }

    #mobile-trigger i.fa {
        display: block;
        display: block;
        margin-right: 15px;
        padding: 14px 5px;
        background: #000000;
        height: 27px;
        width: 30px;
        text-align: center;
        margin: 6px 10px 0 0;
    }

    span.trigger-title {
        display: inline-block;
        position: relative;
        top: -2px;
        text-transform: uppercase;
    }

    #mobile-trigger i.fa.fa-times {
        display: none;
        font-size: 13px;
    }

    .sidr-open.sidr-main-open #mobile-trigger .fa.fa-times {
        display: inline-block;
    }

    .sidr-open.sidr-main-open #mobile-trigger .fa-list {
        display: none;
    }

    #sidr-main.sidr ul li a {
        padding-right: 50px;
    }

    #sidr-main.sidr ul li {
        position: relative;
    }

    #sidr-main.sidr .icon-dropdown {
        height: 50px;
        width: 50px;
        background: #333;
        z-index: 999;
        display: block;
        box-shadow: 0 0 37px #464444 inset;
        cursor: pointer;
    }

    #sidr-main.sidr ul li ul .icon-dropdown {
        height: 41px;
    }

    #sidr-main.sidr .icon-dropdown:after {
        content: "\f107";
        display: block;
        text-align: center;
        font-family: FontAwesome;
    }

    #sidr-main.sidr .toggle-on .icon-dropdown:after {
        content: "\f106";
    }

    #sidr-main.sidr .item-toggle {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
    }

    #sidr-main.sidr ul li ul {
        display: none;
    }

    #sidr-main.sidr {
        display: block;
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 999999;
        width: 260px;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 15px;
        background: #333;
        color: #fff;
        box-shadow: 0 0 5px 5px #222 inset;
    }

        #sidr-main.sidr .sidr-inner {
            padding: 0 0 15px;
        }

            #sidr-main.sidr .sidr-inner > p {
                margin-left: 15px;
                margin-right: 15px;
            }

        #sidr-main.sidr.right {
            left: auto;
            right: -260px;
        }

        #sidr-main.sidr.left {
            left: -260px;
            right: auto;
        }

        #sidr-main.sidr p {
            font-size: 13px;
            margin: 0 0 12px;
        }

        #sidr-main.sidr a {
            color: rgba(255, 255, 255, 0.9);
        }

        #sidr-main.sidr > p {
            margin-left: 15px;
            margin-right: 15px;
        }

        #sidr-main.sidr ul {
            display: block;
            margin: 0 0 15px;
            padding: 0;
            border-top: 1px solid #1a1a1a;
            border-bottom: 1px solid #4d4d4d;
        }

            #sidr-main.sidr ul li {
                display: block;
                margin: 0;
                line-height: 48px;
                border-top: 1px solid #4d4d4d;
                border-bottom: 1px solid #1a1a1a;
            }

                #sidr-main.sidr ul li:hover,
                .sidr ul li.active,
                #sidr-main.sidr ul li.sidr-class-active {
                    border-top: 0;
                    line-height: 49px;
                }

                    #sidr-main.sidr ul li:hover > a,
                    #sidr-main.sidr ul li:hover > span,
                    #sidr-main.sidr ul li.active > a,
                    #sidr-main.sidr ul li.active > span,
                    #sidr-main.sidr ul li.sidr-class-active > a,
                    #sidr-main.sidr ul li.sidr-class-active > span {
                        box-shadow: 0 0 15px 3px #222 inset;
                    }

                #sidr-main.sidr ul li a,
                #sidr-main.sidr ul li span {
                    padding: 0 15px;
                    display: block;
                    text-decoration: none;
                    color: #fff;
                }

                #sidr-main.sidr ul li ul {
                    border-bottom: 0;
                    margin: 0;
                }

                #sidr-main.sidr ul li.has-mega-menu ul {
                    display: block;
                }

                #sidr-main.sidr ul li ul li {
                    line-height: 40px;
                    font-size: 13px;
                }

                    #sidr-main.sidr ul li ul li:last-child {
                        border-bottom: 0;
                    }

                    #sidr-main.sidr ul li ul li:hover,
                    #sidr-main.sidr ul li ul li.active,
                    #sidr-main.sidr ul li ul li.sidr-class-active {
                        border-top: 0;
                        line-height: 41px;
                    }

                        #sidr-main.sidr ul li ul li:hover > a,
                        #sidr-main.sidr ul li ul li:hover > span,
                        #sidr-main.sidr ul li ul li.active > a,
                        #sidr-main.sidr ul li ul li.active > span,
                        #sidr-main.sidr ul li ul li.sidr-class-active > a,
                        #sidr-main.sidr ul li ul li.sidr-class-active > span {
                            box-shadow: 0 0 15px 3px #222 inset;
                        }

                    #sidr-main.sidr ul li ul li a,
                    #sidr-main.sidr ul li ul li span {
                        color: rgba(255, 255, 255, 0.8);
                        padding-left: 30px;
                    }

        #sidr-main.sidr form {
            margin: 0 15px;
        }

        #sidr-main.sidr label {
            font-size: 13px;
        }

    span.social-tilte {
        display: none;
    }

    .quick-contact li {
        padding-left: 0;
    }

    .section-featured-slider .cycle-caption {
        bottom: 22%;
    }

    #custom-header {
        padding: 50px 0;
    }

    header#masthead {
        position: inherit;
        z-index: 998;
        background: none;
    }

    #masthead.overlap-header {
        position: relative;
        background: none;
        z-index: 998;
        border-bottom: none;
        background: #1d1e36;
    }

    .header-v1 .box-header-wrapper {
        background: #fff;
        padding: 10px 0;
    }

    .header-social-wrapper {
        width: 100%;
        text-align: center;
    }

        .header-social-wrapper .social-links {
            float: none;
        }

    .key-features-wrapper .col-grid-4 {
        width: 100%;
    }

    header#masthead.header-v1 {
        position: relative;
        z-index: 998;
        background: none;
    }

    #masthead.header-v1.sticky-enabled.sticky-header,
    #masthead.sticky-enabled.sticky-header,
    .sticky-enabled.sticky-header {
        padding: inherit;
        position: relative;
        transition: none;
        animation: inherit;
        width: 100%;
    }

    .section-featured-page-grid .col-grid-4 {
        width: 100%;
    }

    .section-project .project-thumb {
        margin: 0 0 20px 0;
        max-width: 100%;
    }

        .section-project .project-thumb:after {
            display: none;
        }

    .section.section-featured-slider.slider-2 .cycle-caption {
        bottom: 40px;
    }

    .section.section-featured-slider.slider-2 h3 {
        margin-bottom: 15px;
        font-size: 24px;
    }

    .section-featured-slider .cycle-pager {
        bottom: 2%;
    }

    .header-v5 .nav-inner-wrapper.nav-color-bg {
        float: none;
        margin: 0;
        padding: 5px 0;
    }

    .section-featured-slider.slider-3 .cycle-caption,
    .section-featured-slider.slider-3 .cycle-caption.text-alignleft {
        max-width: 60%;
        background: #ffffffb8;
        padding: 10px;
        left: 45px;
    }
}


/* Smaller than standard 768 (devices and browsers) */

@media only screen and (max-width:767px) {

    .toptitlebg h2 {
        font-size: 22px !important;
    }

    .tp-banner h2 {
        font-size: 18px !important;
        line-height: 20px !important;
    }

    .homeh3-maroon, .homeh3-green, .homeh3-yellow {
        font-size: 22px !important;
        text-align: left !important;
    }

    .homeh3-but-maroon, .homeh3-but-green, .homeh3-but-yellow {
        font-size: 18px !important;
        text-align: left !important;
        float: left !important;
    }

    .ptb-80 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .section-featured-slider.slider-3 h4 {
        display: none;
    }

    .inner-wrapper {
        margin-left: -15px;
        margin-right: -15px;
    }

    .col-grid-1,
    .col-grid-2,
    .col-grid-3,
    .col-grid-4,
    .col-grid-5,
    .col-grid-6,
    .col-grid-7,
    .col-grid-8,
    .col-grid-9,
    .col-grid-10,
    .col-grid-11,
    .col-grid-12 {
        padding-left: 15px;
        padding-right: 15px;
        float: left;
        margin: 15px 0 15px 0;
        transition: all 0.4s ease-in-out 0s;
    }

    .col-grid-4,
    .col-grid-3 {
        width: 50%;
    }

        .col-grid-4:nth-child(2n+1),
        .col-grid-3:nth-child(2n+1),
        .col-grid-5:nth-child(2n+1) {
            clear: both;
        }

    article.hentry.post.col-grid-4:nth-child(3n+1) {
        clear: none;
    }

    .col-grid-1,
    .col-grid-2,
    .col-grid-5,
    .col-grid-6,
    .col-grid-7,
    .col-grid-8,
    .col-grid-9,
    .col-grid-10,
    .col-grid-11,
    .col-grid-12 {
        width: 100%;
    }

    .slick-initialized .slick-slide {
        clear: none;
    }

    #content .section.no-padding-btm {
        padding: 30px 0;
    }

    #content .no-margin {
        margin: 15px 0;
    }

    .featured-page-section h3.feature-title {
        visibility: visible;
        font-size: 14px;
        padding: 5px;
        bottom: 0;
    }

    .section-project .project-thumb {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0;
    }

    .project-section .alignright:after,
    .project-section .alignleft:after {
        display: none;
    }

    /*#content .section-title {
		font-size: 26px;
	}*/

    #content .section-subtitle {
        font-size: 14px;
        margin-bottom: 20px;
    }

    footer.comment-meta {
        margin-bottom: 15px;
    }

    .sidr ul li ul.mega-menu-sub {
        display: block;
    }

    #masthead.fixed {
        position: inherit;
        top: inherit;
        width: 100%;
        left: inherit;
    }

    #masthead {
        padding: 6px 0;
    }

        #masthead:after,
        #masthead:before {
            visibility: visible;
            display: none;
        }

    #footer-widgets .footer-widget-area {
        width: 50%;
        margin-bottom: 15px;
    }

    #footer-contact .contact-title {
        display: block;
        margin: 0;
        margin-bottom: 15px;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
        border-bottom: 1px solid #50505059;
        padding: 0 15px 20px;
    }

        #footer-widgets .footer-widget-area:last-child {
            border: none;
        }

    .section-featured-slider .slider-buttons .custom-button,
    .section-featured-banner .custom-button {
        padding: 6px 20px;
        text-transform: capitalize;
        margin: 0;
    }

    .section-featured-slider .slider-buttons a.custom-button.custom-wire {
        padding: 4px 20px;
    }

    .section-featured-slider .cycle-prev {
        left: 0;
    }

    .section-featured-slider .cycle-next {
        right: 0;
    }

    .section-plan .pricing-plan-item,
    .section-plan .pricing-plan-item.pricing-plan-recommended {
        width: 100%;
        max-width: 400px;
        margin: 25px auto;
        float: none;
    }

    .pricing-plan-cost span.pricing-plan-price-currency {
        font-size: 20px;
        margin-top: 0;
        position: relative;
        top: -17px;
    }

    .site-title {
        font-size: 22px;
    }

    #quick-link-buttons .cart-button > span {
        margin-top: 2px;
    }

    #main-slider h3,
    .section-featured-banner h3 {
        font-size: 28px;
        padding: 0;
        margin-bottom: 15px;
    }

    #main-slider .cycle-caption {
        bottom: 50px;
    }

    .section-featured-banner .banner-caption {
        bottom: 20px;
    }

    #main-slider h3 a {
        display: block;
    }

    a.custom-button.custom-secondary-button {
        padding: 4px 15px;
    }

    .copyright {
        float: none;
    }

    .site-info {
        float: none;
    }

    #footer-contact {
        padding: 30px 0;
    }

    #tophead a.search-icon {
        background-color: inherit;
        color: #fff;
        border: none;
    }

    .entry-thumb.alignleft,
    .entry-thumb.alignright {
        max-width: 100%;
        margin: 0 0 20px;
    }

    #custom-header {
        padding: 20px 0;
    }

    .page-title {
        font-size: 22px;
    }

    .section-call-to-action.cta-boxed .call-to-action-description {
        float: inherit;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
    }

    .section-call-to-action.cta-boxed .call-to-action-buttons {
        float: none;
    }

    .section-featured-banner .banner-caption {
        left: 0;
        width: 100%;
    }

    .section-portfolio .portfolio-item {
        float: left;
        position: relative;
        margin: 0;
        width: 50%;
    }

    .section-portfolio .portfolio-item {
        width: 50%;
    }

    article.hentry {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    #content {
        padding: 30px 0;
    }

    .comments-title {
        padding: 15px 0;
        border-top: 1px solid #f7f7f7;
    }

    .section-recent-work .recent-work-section .recent-work-block.main-block {
        width: 100%;
    }

    .section-recent-work .recent-work-section .recent-work-block {
        width: 50%;
    }

    .quick-contact li {
        padding-left: 0;
        padding-right: 20px;
    }

    .section-featured-slider h4 {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .header-social-wrapper {
        width: 100%;
        text-align: center;
    }

    .header-v6 .header-social-wrapper {
        width: auto;
        text-align: center;
    }

    .header-social-wrapper .social-links.pull-right {
        float: none;
    }

    .nav-inner-wrapper {
        box-shadow: none;
        width: auto;
        float: right;
        margin-top: -50px;
        background: none;
    }
}


/* Smaller than standard 460 (devices and browsers) */

@media only screen and (max-width:639px) {

    .section-featured-slider p,
    .section-featured-banner p {
        display: none;
    }

    #main-slider .cycle-caption {
        bottom: 60px;
    }

    .section-skill-bar .col-grid-4 {
        width: 100%;
    }

    .header-v6 .header-social-wrapper {
        width: auto;
        text-align: center;
    }
}


/* Smaller than standard 480 (devices and browsers) */

@media only screen and (max-width:479px) {
    .contact-form-area.contactdesc {
        padding: 25px;
    }

    h3.contact-title {
        margin: -25px -25px 24px;
    }

    #contactform input[type="text"],
    #contactform input[type="email"] {
        width: 100%;
        margin-bottom: 20px;
    }

    .recent-posts-widget h4 {
        font-size: 14px;
    }

    #content .section-title {
        font-size: 23px;
    }

    .section.section-services.service-layout-2 .service-block-item a.service-icon {
        float: left;
        margin: 0 30px 0 0;
        font-size: 23px;
        width: 70px;
        height: 70px;
        padding: 20px 0;
    }

    .header-v1 #tophead {
        clear: both;
    }

    .col-grid-1 .col-grid-2,
    .col-grid-4,
    .col-grid-3,
    .col-grid-5,
    .col-grid-6 .col-grid-7,
    .col-grid-8,
    .col-grid-9,
    .col-grid-10,
    .col-grid-11,
    .col-grid-12 {
        width: 100%;
    }

    .portfolio-filter ul {
        display: block;
        border: none;
    }

        .portfolio-filter ul li {
            border: none;
        }

    .section-portfolio .portfolio-item {
        width: 100%;
    }

    .item-inner-wrapper:hover .portfolio-content {
        bottom: 35px;
    }

    .quick-contact-widget {
        padding: 0;
    }

    .section-project .featured-project-section {
        padding: 40px;
    }

    .video-widget a.media-zoom-icon {
        position: absolute;
        top: 26%;
        left: 34%;
    }

    a.media-zoom-icon i {
        height: 50px;
        width: 50px;
        text-align: center;
        padding: 14px;
        margin: 9px;
        border-radius: 100%;
        font-size: 14px;
    }

    .portfolio-filter ul li:first-child a {
        border: none;
    }

    .counter-icon {
        display: block;
        margin-right: 25px;
        margin-bottom: 0;
    }

    .section-counter .counter-nos {
        font-size: 24px;
    }

    .section-counter .counter-title {
        font-size: 13px;
    }

    .entry-meta > span {
        margin-right: 10px;
    }

    #content .section-top-subtitle {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .faq-section .accordionjs .acc_section .acc_head {
        position: relative;
        padding: 10px;
        display: block;
        cursor: pointer;
        padding: 10px 35px 10px 25px;
    }

    .faq-section .accordionjs .acc_section .acc_content {
        padding: 20px 30px 10px;
    }

    .section-associate-logo .associate-logo-item {
        width: 50%;
    }

    .quick-contact .header-box-info strong {
        display: none;
    }

    .header-box-icon {
        margin-right: 15px;
    }

    .header-box-info {
        float: left;
        line-height: 1.5;
    }

    .quick-contact li i {
        border: none;
        height: auto;
        width: auto;
    }

    .quick-contact li {
        display: inline-block;
        float: none;
        padding: 0;
        width: 100%;
        text-align: left;
        font-size: 12px;
    }

    .quick-contact.quick-contact-1 li {
        display: inline-block;
        float: none;
        padding: 5px;
        width: auto;
        text-align: left;
        font-size: 12px;
    }

    .quick-contact {
        text-align: center;
        width: 100%;
        margin: 0;
    }

    #main-slider h3 br {
        display: none;
    }

    .site-branding {
        float: left;
        margin: 0;
    }

    a.custom-button:before {
        margin-right: 5px;
    }

    .quick-contact {
        text-align: center;
        width: 100%;
    }

    #main-slider h3,
    .section-featured-banner h3 {
        font-size: 19px;
        padding: 0;
        margin-bottom: 15px;
    }

    #main-slider .cycle-caption {
        bottom: 50px;
    }

    .searchform {
        width: 230px;
        margin: 0 auto;
        max-width: 100%;
    }

    .search-box-wrap {
        padding: 20px;
    }

    .section-featured-slider .slider-buttons .custom-button {
        padding: 6px 15px;
        text-transform: capitalize;
        font-size: 13px;
        margin: 0;
    }

    .section-featured-slider .cycle-prev,
    .section-featured-slider .cycle-next {
        visibility: visible;
        opacity: 1;
        display: block;
        width: 35px;
        height: 35px;
        bottom: 45%;
        font-size: 16px;
    }

    #tophead .social-links li a {
        border: none;
        margin: 0;
        width: 30px;
        height: initial;
        padding: 0;
        margin: 0;
    }

    .multi-language {
        padding-top: 2px;
    }

    .header-v4 .site-branding img,
    .header-v5 .site-branding img {
        max-width: 95px;
    }

    .portfolio-filter ul li a {
        border: none;
        display: block;
        padding: 5px;
    }

    .quick-contact-widget .quick-contact-item {
        width: 100%;
    }

    .inner-quick-contact-wrapper {
        text-align: center;
    }

    .global-layout-right-sidebar .entry-content-wrapper,
    .global-layout-left-sidebar .entry-content-wrapper,
    .default-full-width.blog-full-width .entry-content-wrapper {
        padding: 0;
        margin: 0;
    }

    #footer-navigation {
        text-align: center;
    }

        #footer-navigation li a {
            margin-right: 10px;
            padding: 0;
            font-size: 13px;
        }

    .recent-posts-widget img {
        margin: 0 20px 0 0;
    }

    .author-avatar {
        float: none;
        margin: 0 auto 20px;
        display: block;
        text-align: center;
    }

    .vcard .avatar {
        float: none;
        display: block;
        margin: 0 auto 30px;
    }

    .entry-title {
        font-size: 20px;
        margin-bottom: 0;
    }

    .entry-meta > span {
        font-size: 13px;
    }

    .authorbox {
        padding: 0 0 15px;
    }

    .site-main .comment-navigation,
    .site-main .posts-navigation,
    .site-main .post-navigation {
        padding: 15px 0;
    }

    .comments-title {
        padding: 10px 0;
    }

    ol.comment-list .children {
        border: medium none;
        float: left;
        margin: 0;
        width: 100%;
        padding: 0;
    }

    .sidebar input.search-submit {
        position: inherit;
        width: 100%;
        margin-top: 15px;
        padding: 8px;
    }

    .sidebar input.search-field {
        padding: 7px 25px;
    }

    .featured-page-section h3.feature-title {
        font-size: 18px;
        padding: 10px;
    }

    .col-grid-6.no-margin.features-item {
        width: 100%;
    }

    .quick-contact.quick-contact-2 li {
        font-size: 14px;
        width: auto;
        float: none;
        display: inline-block;
    }

    .site-branding {
        margin: 0;
        text-align: center;
        margin-bottom: 0px;
        float: none;
        margin-bottom: 15px;
    }

    .site-branding {
        float: left;
    }

    a.custom-button.quick-link-button {
        float: right;
    }

    .header-v5 a.custom-button.pull-right.quick-link-button {
        float: right;
    }

    .header-v5 .main-header-social-wrapper.pull-right {
        float: left;
        width: auto;
    }

    .header-v5 .nav-inner-wrapper {
        margin-top: -56px;
    }

    .notice-info.pull-left {
        float: none;
    }

    .notice-info p {
        margin-top: 0;
        display: block;
        font-size: 13px;
        text-align: center;
        width: 100%;
    }

    #masthead {
        padding: 15px 0;
        text-align: center;
    }

    .quick-contact .header-box-icon {
        margin-right: 10px;
        padding: 0;
    }

    .nav-inner-wrapper {
        box-shadow: none;
        width: auto;
        float: right;
        margin-top: -50px;
        background: none;
        padding-right: 0;
    }

    a.custom-button.quick-link-button {
        margin-left: 0;
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    #content .section {
        margin-bottom: 0;
        padding: 30px 0;
    }

    .section-counter .counter-item {
        width: 100%;
    }

    .section-testimonial .testimonial-thumb {
        position: relative;
        float: none;
        margin: 0 auto 25px;
    }

    .section-testimonial .clien-info-wrap {
        padding-top: 15px;
        overflow: hidden;
    }

    .section-testimonial .testimonial-summary {
        overflow: hidden;
        padding-bottom: 5px;
    }

    .section-featured-projects .featured-projects-text-content-wrapper {
        margin: -50px auto 0;
    }

    .quick-contact.quick-contact-2 li i {
        float: left;
        font-size: 13px;
        margin-right: 7px;
        line-height: 0.8;
    }

    .quick-contact.quick-contact-2 li {
        margin: 0 5px;
    }

    #content .no-padding {
        padding: 0;
    }

    #tophead {
        padding: 0;
        clear: both;
        padding-bottom: 5px;
    }

    .section-featured-slider .slider-buttons .custom-button {
        padding: 3px 15px;
    }

    .section-featured-slider .slider-buttons a.custom-button.custom-wire {
        padding: 2px 20px;
    }

    button.custom-primary-button,
    .custom-button.custom-primary-button:visited {
        min-width: inherit;
        padding: 3px 15px;
        font-size: 14px;
        text-transform: capitalize;
    }

    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    button {
        padding: 7px 20px;
    }

    .header-v4 .site-branding.pull-left {
        float: left;
        margin: 0;
    }

    .header-v4 #header-search a.search-icon {
        color: #fff;
        padding: 7px 0;
        font-size: 14px;
    }

    .header-v4 #main-slider .cycle-caption {
        bottom: 50px;
    }

    .section-recent-work .recent-work-section .recent-work-block {
        width: 100%;
    }

    #footer-widgets {
        padding-bottom: 10px;
    }

    .section input.news-letter-submit {
        padding: 8px 28px;
        position: inherit;
        margin-top: 15px;
        width: 100%;
    }

    .section input.news-letter-email {
        padding: 8px 30px;
        margin-bottom: 0;
    }

    .multi-language.pull-right {
        float: left;
        margin-left: 0;
    }

    a.multi-language-current {
        font-size: 14px;
    }

    span.header-text {
        font-size: 14px;
    }

    .site-header .container {
        position: relative;
        padding: 0;
    }

    a#sidebar-trigger {
        margin-left: 5px;
    }

    #sidebar-trigger span {
        float: right;
        height: 2px;
        width: 25px;
        background: #222;
        margin-top: 17px;
        margin-left: 10px;
        position: relative;
    }

    a#sidebar-trigger {
        margin-left: 5px;
        width: 35px;
    }

    #header-search a.search-icon {
        padding: 5px 0;
    }

    .site-branding {
        float: left;
        margin: 0;
    }

    #mobile-trigger span {
        float: right;
        height: 2px;
        width: 25px;
        background: #222;
        margin-top: 17px;
        margin-right: 10px;
        position: relative;
    }

    .custom-search-container {
        position: fixed;
        top: 0;
        left: 5%;
        width: 90%;
    }

        .custom-search-container .search-form .search-submit {
            font-size: 20px;
            padding: 20px 20px;
        }
}

/* Smaller than standard 340 (devices and browsers) */

@media only screen and (max-width:340px) {
    .site-title {
        max-width: 116px;
    }

    .section-featured-slider .text-alignleft .slider-buttons a.custom-button {
        margin-right: 5px;
    }

    .section-featured-slider .text-alignleft .slider-buttons a.custom-button {
        margin-right: 5px;
    }

    #main-slider .cycle-caption {
        bottom: 60px;
    }

    #content .section-title {
        font-size: 18px;
    }

    #content .section-title {
        font-size: 18px;
    }

    #tophead {
        padding: 0;
        clear: both;
        padding-bottom: 5px;
        text-align: center;
    }

    .multi-language {
        float: none;
        display: inline-block;
    }
}


/* Smaller than standard 320 (devices and browsers) */

@media only screen and (max-width:219px) {
    .container {
        width: 310px;
        max-width: 310px;
    }
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-130 {
    padding-left: 130px;
}

.pr-50 {
    padding-right: 35px;
}
.pb-30{
    padding-bottom:30px;
}
.toplink {
    font-size: 16px;
    font-weight: 500;
    padding: 5px 3px;
    z-index: 99;
    margin: 0 1px 0 0;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
}

.toptitlebg {
    background-color: #522020;
    padding: 8px !important;
}

    .toptitlebg h2 {
        color: #fff;
        font-weight: bold;
        font-size: 28px;
        text-align: center;
        margin-bottom: 0px;
        font-family: 'Barmeno';
    }

.bannermenubg {
    background-color: #007237;
    padding: 6px !important;
    color: #fff;
}

.tp-banner h2 {
    color: #007237;
    font-weight: bold;
    font-size: 24px;
    text-align: left;
    padding-bottom: 4px !important;
    font-family: 'Barmeno';
    text-shadow: 0 0 0 transparent, 1px 1px 1px #fff;
}

.tp-banner .bannerbtn {
    color: #007237;
    font-size: 16px !important;
    margin-bottom: 0px;
    background-color: #fff;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    float:right;
}

    .tp-banner .bannerbtn:hover {
        color: #fff;
        background-color: #007237;
    }

.homelist {
    padding-left: 1px;
}

    .homelist li {
        position: relative;
        padding-left: 30px;
        list-style: none;
        color: #333333 !important;
        font-size: 18px !important;
        font-weight: bold !important;
        margin-bottom: 5px;
    }

        .homelist li:before {
            content: "\f111" !important;
            font-family: FontAwesome;
            text-decoration: inherit;
            color: #333333 !important;
            font-size: 16px !important;
            position: absolute;
            left: 0px;
        }

.homeh3-yellow {
    color: #ec9006;
    text-align: right;
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 20px;
}

.homeh3-but-yellow {
    color: #ec9006 !important;
    text-align: right;
    font-size: 18px;
    float: right;
    font-weight: bold;
}
.homeh3-but-green {
    color: #007237 !important;
    text-align: right;
    font-size: 18px;
    float: right;
    font-weight: bold;
}
.homeh3-green {
    color: #0d612d;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 20px;
}

.homeh3-but-green {
    color: #0d612d !important;
    text-align: left !important;
    font-size: 18px;
    font-weight: bold;
}

.homeh3-maroon {
    color: #936d45;
    text-align: right;
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: 20px;
}

.homeh3-but-maroon {
    color: #936d45 !important;
    text-align: right !important;
    font-size: 18px;
    float: right;
    font-weight: bold;
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.text-center {
    text-align: center;
}

.newsletter h3 {
    font-size: 30px;
    color: #fff;
    width: 100%;
    border-right: 1px solid #fff;
    padding: 20px 25px;
    margin-bottom: 0px; text-align:right; 
}

.newsletterinput {
   background-color: #fff;
    color: #000;
    border-radius: 5px 0px 0px 5px !important;
    padding: 12px 20px 11px 20px !important;
    margin-top: 15px;
    width: 300px !important;
    display:inline-block !important;
      height: 50px !important;
}

.subscribe {
    background-color: #7ac142 !important;
    color: #000;
    border-radius: 0px 5px 5px 0px;
    padding: 17px 35px 18px 35px ;
}

.white {
    color: #fff !important;
}


@media (max-width:1000px) {

    .pl-130 {
        padding-left: 30px !important;
    }
    .pr-50 {
       padding-right: 5px !important ;
    }
}

@media (min-width:984px) and (max-width:1080px) {
    .main-navigation ul li a {
        font-size: 14px !important;
        margin-right: 8px !important;
    }

    .toplink {
        font-size: 14px !important;
    }
}

@media (min-width:984px) and (max-width:1150px) {
    .pr-50 {
        padding-right: 30px !important;
    }
}
.host-but {
    background-color: #e2e2e2;
    padding: 15px 25px;
    color: #6c6a6a !important;
    font-size: 16px !important;
    border-radius: 5px;
}
    .host-but:hover {
        background-color: #3db166;
        color: #fff !important;
    }
.innerpad{
   /* padding:30px !important ;
  padding: 30px 0px 30px 0px !important*/
}
.load-but {
    background-color: #3db166;
    padding: 15px 30px;
    color: #fff !important;
    font-size: 16px !important;
    margin: 20px 0px 40px;
    border-radius: 5px;
}

    .load-but:hover {
        background-color: #e2e2e2;
        color: #6c6a6a !important;
    }
	.godofstory{
		background-color:#c4c4c4;
	}
.search-select {
    border-bottom: 1px solid #646464 !important;
    background-color: #fff !important;
    color: #272727;
}
.searchbtn {
    background-color: #e2e2e2 !important;
    font-size: 16px;
    padding: 10px 25px;
    text-align: center;
    color: #6c6a6a !important;
    border-radius: 5px;
}
    .searchbtn:hover {
        background-color: #3db166 !important;
        color: #fff !important;
    }
.greenlink {
    color: #007237;
}
.boxshadow {
    margin: 15px auto;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 10%);
    background-color: #fff;
    padding: 15px;
    border-radius: 4px;
    transition-duration: .5s;
    border: 1px solid #efefef;
    display: flow-root; margin-bottom:30px;
}
    .boxshadow:hover {
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-box-shadow: 0px 42px 60px 0px rgb(0 0 0 / 15%);
        box-shadow: 0px 42px 60px 0px rgb(0 0 0 / 15%);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
.mylist li {
    position: relative;
    padding-left: 1px;
    list-style: none;
    color: #232323;
    font-size: 16px;
    margin-bottom: 15px;
}
.graybtn {
    background-color: #e2e2e2;
    padding: 10px 25px;
    color: #6c6a6a !important;
    font-size: 16px !important;
    float: left;
    border-radius: 5px;
}

    .graybtn:hover {
        background-color: #e2e2e2;
        padding: 10px 25px;
        color: #6c6a6a !important;
        font-size: 16px !important;
        float: left;
        border-radius: 5px;
    }
.dotlist {
    padding-left: 1px;
}
    .dotlist li {
        position: relative;
        padding-left: 22px;
        list-style: none;
        color: #3a405b !important;
        font-size: 16px !important;
        margin-bottom: 5px;
    }
        .dotlist li:before {
            content: "\f111" !important;
            font-family: FontAwesome;
            text-decoration: inherit;
            color: #3a405b !important;
            font-size: 12px !important;
            position: absolute;
            left: 0px;
        }
.formbox {
    border-bottom: 1px solid #c2cacd !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    background-color: #fff !important;
    color: #272727;
    width: 100%;
}
.text-right{
    text-align:right;
}
.bluebut {
    background-color: #007237;
    border-radius: 100px;
    font-size: 16px;
    padding: 15px 30px;
    color: #fff !important;
    border: 1px solid #007237;
}
    .bluebut:hover {
        background-color: #fff !important ;
        color: #007237 !important;
        border: 1px solid #007237;
    }
.mb-30 {
    margin-bottom:30px;
}
.mb-0 {
    margin-bottom:0px !important ;
}
.pb-0{
    padding-bottom:0px !important ;
}
.resource-icon {
    color: #521f1f;
    font-size: 42px;
}
.resource-title {
    color: #3db166;
    font-size:22px;
    font-weight:bold;
}
.resource-text {
    color: #521f1f;
}
.visionbox {
    background-color: #fff;
    padding: 30px;
    border-bottom: 2px solid #02b659; margin:50px 0px;
}
.stsflow-count {
    background-color: #02b659;
    border-radius:100px;
    padding:5px;
    text-align:center;
    color:#fff!important ;
    float:right;
    font-size:20px !important ;
    width:38px;
    height:38px;
}
.historymenu-bg {
    background-color: #f0f0f0;
    padding:30px 20px
}
    .historymenu-bg ul li {
        border-bottom: 1px solid #ababab;
        padding:30px 15px;
        color: #02b659;
        font-size:18px;
    }
        .historymenu-bg ul li:hover {
            background-color: #fff;
            font-weight:bold;
        }
        .fl-right{
            float:right;
        }
.dotlist-green {
    padding-left: 1px;
}

    .dotlist-green li {
        position: relative;
        padding-left: 22px;
        list-style: none;
        font-size: 16px !important;
        margin-bottom: 5px;
    }

        .dotlist-green li:before {
            content: "\f111" !important;
            font-family: FontAwesome;
            text-decoration: inherit;
            color: #02b659 !important;
            font-size: 12px !important;
            position: absolute;
            left: 0px;
        }
.green {
    color: #02b659 !important;
}
.storyform select, .storyform input{
    color: #7b7b7b;
    padding: 5px 10px;
    background: #ececec;
    border-radius: 5px;
    font-size: 14px;
    height:45px;
    width:100%;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7b7b7b; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7b7b7b;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #7b7b7b;
}
.leadership-thump{
    border-radius:100px;
    width:50px;
    height:50px;
    margin-right:15px;
}
.mt-30 {
    margin-top:30px;
}
.navy {
    color: #0e2551;
}
.serachwatch {
    background-color: #ececec !important ;
    padding: 0px !important ;
    border: 1px solid #ececec !important ;
    line-height:20px !important ;
}
.online {
    background-color: #522020 !important;
    color:#fff !important ;
}
.online i {
    color: #fff !important;
}
@media (max-width:767px) {
    .bannermenubg {
        display: none;
    }
    .home-desk {
        display:none;
    }
   
}
@media (min-width:768px) and (max-width:3000px) {
    .home-mob {
        display: none;
    }
}
@media (max-width:1023px) {

    .newsletterinput {
        width: auto !important;
    }
    .subscribe {
        padding: 17px 15px 18px 15px !important;
    }
}


.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        -o-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0)
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }

.modal-header {
    padding: 0px;
    border-bottom: 1px solid #e5e5e5
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 0px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px;
    filter: alpha(opacity=0);
    opacity: 0
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.top-left .tooltip-arrow {
        right: 5px;
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2)
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

    .popover > .arrow {
        border-width: 11px
    }

        .popover > .arrow, .popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid
        }

            .popover > .arrow:after {
                content: "";
                border-width: 10px
            }

    .popover.top > .arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999;
        border-top-color: rgba(0,0,0,.25);
        border-bottom-width: 0
    }

        .popover.top > .arrow:after {
            bottom: 1px;
            margin-left: -10px;
            content: " ";
            border-top-color: #fff;
            border-bottom-width: 0
        }

    .popover.right > .arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999;
        border-right-color: rgba(0,0,0,.25);
        border-left-width: 0
    }

        .popover.right > .arrow:after {
            bottom: -10px;
            left: 1px;
            content: " ";
            border-right-color: #fff;
            border-left-width: 0
        }

    .popover.bottom > .arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0,0,0,.25)
    }

        .popover.bottom > .arrow:after {
            top: 1px;
            margin-left: -10px;
            content: " ";
            border-top-width: 0;
            border-bottom-color: #fff
        }

    .popover.left > .arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999;
        border-left-color: rgba(0,0,0,.25)
    }

        .popover.left > .arrow:after {
            right: 1px;
            bottom: -10px;
            content: " ";
            border-right-width: 0;
            border-left-color: #fff
        }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}
.modal-header .close {
    margin-top: -5px;
}
.w-100{
    width:100%;
}

.accordion {
    background-color: #eee;
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-bottom: 10px;
  }
  
  .active, .accordion:hover {
    /*background-color: #007237; */
    color:#fff;
  }
  
  .panel {
   /* padding: 0 18px; */
    padding: 30px;
    display: none;
    background-color: white;
    overflow: hidden;
    box-shadow: 0 0 14px #dddddd54;
margin-bottom: 10px;
  }
  .accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color:#fff !important;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
   /* content: "\2796"; *//* Unicode character for "minus" sign (-) */
  }