/*
Theme Name: Fector
Theme URI: https://demo.wphash.com/fector/
Author: Prime-Themes
Author URI: http://wphash.com/
Description: Factory & Industrial Wordpress Theme
Requires at least: 5.0
Requires PHP: 7.3
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fector
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
fector is based on fector Starter theme https://demo.wphash.com/fector/.


    CSS INDEX fector
    ===================

    a)  Theme default css
    b)  Header css
    c)  Navigation css
    d)  Blog Css
    e)  Footer Css
    f)  UnitTest Css

    CSS INDEX Fector
    ===================

    01. Template default css
    02. Header css
    03. Slider css
    04. About area
    05. Feature area
    06. Services area
    07. Contact area
    08. Latest work area
    09. Fun fact area
    10. Testimonial area
    11. Brand area
    12. Team area
    13. Newsletter area
    14. Footer area
    15. Mobile menu
    16. Breadcrumbs 
    17. Contact us
    18. Blog
    19. Blog details
    20. Custom Css

-----------------------------------------------------------------------------------*/
/*========================

   a. Theme default css

=======================*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    overflow-x: hidden;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a,
a:hover {
    outline: 0;
    text-decoration: none;
}

a,
img,
input {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 36px;
    margin: 25px 0;
}

h2 {
    font-size: 30px;
    margin: 25px 0;
}

h3 {
    font-size: 22px;
    margin: 22px 0;
}

h4 {
    font-size: 20px;
    margin: 20px 0;
}

h5 {
    font-size: 18px;
    margin: 20px 0;
}

h6 {
    font-size: 16px;
    margin: 20px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.3;
    font-weight: bold;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

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

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

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

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

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

big {
    font-size: 125%;
}

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

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

blockquote,
q {
    quotes: """";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.4em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */

    max-width: 100%;
    /* Adhere to container width. */
}

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

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* button */

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

select {
    border: 1px solid #ccc;
    height: 36px;
    width: 100%;
}

textarea {
    padding: 10px;
    width: 100%;
}

a {
    color: #555;
}

a:visited {
    color: #555;
}

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

a:focus {
    outline: thin dotted;
}

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

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation li:hover>a,
.main-navigation ul ul:hover>a,
.main-navigation ul ul a:hover,
.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    left: 100%;
}

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 37.5em) {
    .menu-toggle {
        display: none;
    }

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

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

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

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

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

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

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

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

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

.widget {
    margin: 0 0 1.5em;
}

.widget select {
    height: 36px;
    width: 100%;
}

.sticky {
    display: block;
}

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

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

.bypostauthor {
    display: block;
}

.infinite-scroll.neverending .site-footer {
    display: none;
}

.infinity-end.neverending .site-footer {
    display: block;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

embed,
iframe,
object {
    max-width: 100%;
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

a,
img,
.img,
.btn,
input,
select,
textarea {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

*::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #444;
}

::-moz-placeholder {
    color: #444;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*--------------------------------------------------------------*/
html,
body {
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

a {
    text-decoration: none;
}

a:hover,
a:active {
    color: #F8C12C;
    text-decoration: none;
    outline: 0 none;
}

a:focus {
    outline: none !important
}

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

p {
    margin: 0 0 15px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

.page-header {
    margin: 0 0 20px;
}

.clear {
    clear: both
}

.fix {
    overflow: hidden;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px
}

.aligncenter {
    display: block;
    margin: 0 auto 15px
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

img,
.img {
    max-width: 100%;
    height: auto;
}

.mark,
mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #ffffff;
}

/*========================
   b. Header css
=======================*/

.header-top-area {
    padding: 15px 0;
    background: #444 none repeat scroll 0 0;
}

.header-info span {
    font-weight: 500;
}

.top-bar-left-content a,
.header-info a {
    color: #fff;
}

.header-info span {
    position: relative;
}

.header-info span+span {
    margin-left: 8px;
    padding-left: 8px;
}

.header-info span+span:before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    content: "";
    height: 20px;
    left: -2px;
    position: absolute;
    top: 0;
    width: 1px;
}

.top-bar-left-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-bar-left-menu ul li {
    display: inline-block;
}

.top-bar-left-menu ul li a {
    padding: 5px 10px;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 14px;
    color: #fff;
}

.top-bar-left-content a:hover,
.header-info a:hover,
.header-social ul li a:hover,
.top-bar-left-menu ul li a:hover {
    color: #f8c12c;
}

.top-bar-left-content {
    padding: 10px 0;
}

.top-bar-left-content p {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 0;
}

.header-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-social ul li {
    display: inline-block;
}

.header-social ul li a {
    border-left: 1px solid #ececec;
    color: #555;
    display: inline-block;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 40px;
}

.header-social ul li:last-child a {
    border-right: 1px solid #ececec;
}

.header-social.text-white>a {
    color: #fff;
}

.menu-middle-area {
    border-top: 1px solid #ddd;
}

.header-search {
    margin: 29px 0;
}

.header-search form {
    display: block;
    position: relative;
}

.header-search form input {
    border: 1px solid #ddd;
    height: 40px;
    line-height: 24px;
    padding: 7px 40px 7px 15px;
    width: 250px;
}

.header-search form button {
    background-color: transparent;
    border: 0 none;
    color: #999;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.header-search form button i {
    display: block;
    line-height: 38px;
}

.header-search form button:hover {
    color: #26c7cc;
}

.site-logo a {
    color: #333;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
}

.site-logo h3 {
    margin-bottom: 0;
    margin-top: 25px;
}

.header-menu-wrap {
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-menu-wrap.logo-left {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.header-menu-wrap.logo-center {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.header-menu-wrap.logo-center>div:nth-child(2) {
    -ms-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.header-menu-wrap.logo-right {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.header-menu-wrap.logo-left-top {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
}

.header-menu-wrap.logo-center-top {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.header-menu-wrap.logo-right-top {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.header-menu-wrap.logo-center,
.header-menu-wrap.logo-left-top,
.header-menu-wrap.logo-center-top,
.header-menu-wrap.logo-right-top {
    padding-top: 15px;
}

.primary-nav-wrap ul {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.header_1 .primary-nav-wrap ul.menu>li:first-child {
    padding-left: 0;
}

.header_1 .primary-nav-wrap ul.menu>li:last-child {
    padding-right: 0;
}

.primary-nav-wrap ul li {
    list-style: outside none none;
}

.header-menu-box .primary-nav-wrap ul li+li {
    margin-left: 30px;
}

.primary-nav-wrap.nav-effect-1>nav>ul>li>a:before {
    background-color: #f8c12c;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.primary-nav-wrap.nav-effect-1>nav>ul>li>a:before {
    bottom: 0;
}

.primary-nav-wrap.nav-effect-1>nav>ul>li:hover>a:before,
.primary-nav-wrap.nav-effect-1>nav>ul>li.active>a:before,
.primary-nav-wrap.nav-effect-1>nav>ul>li.current_page_item>a:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.primary-nav-wrap>nav>ul>li:hover>a,
.primary-nav-wrap>nav>ul>li.current_page_item>a {
    color: #f8c12c;
}

.header-style-2 .header-menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.header-style-2 .header-menu-wrap>div {
    width: 100%;
}

.header-style-2 .header-menu-wrap .site-logo {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-mid-inner.logo-left-search-right {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-menu-wrap .site-description {
    line-height: 1;
    margin: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.header-menu-wrap .site-logo h3 {
    line-height: 1;
    margin-bottom: 7px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Separetor */

.hr-style-1 {
    border-bottom: 1px solid #e7e7e7;
}

/* Header Transparent */

.header-area.header-transparent {
    background: transparent none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 9999;
}

.header-area.header-transparent {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0);
}

.header-area {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
    padding-bottom: 73px;
    position: relative;
}

.header-area.sticky {
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}

.logged-in .header-area.sticky {
    top: 32px;
}

.header-area.header-style-2.header-sticky.sticky {
    left: inherit;
    position: static;
    top: inherit;
    width: auto;
}

.header-area.header-style-2.header-sticky.sticky .header-buttom {
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.1);
}

.logged-in .header-area.header-style-2.header-sticky.sticky .header-buttom {
    top: 32px;
}

.header-area.header-style-2.header-sticky.sticky .header-buttom .site-logo.hidden {
    display: block !important;
}

.header-area.header-style-2.header-sticky.sticky .header-buttom .sticky_menu_logo {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.sticky_menu_logo .site-logo.hidden {
    padding: 0;
    padding-right: 50px;
}

/*========================
   c. Navigation css
=======================*/

.primary-nav-wrap ul>li:hover>.sub-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    z-index: 550;
}

.primary-nav-wrap ul li {
    position: relative;
}

.primary-nav-wrap ul.sub-menu {
    display: block;
}

.primary-nav-wrap ul.sub-menu li {
    display: block;
}

.primary-nav-wrap ul.sub-menu li+li {
    border-top: 1px solid #333;
}

.primary-nav-wrap ul.sub-menu li .sub-menu {
    left: 100%;
    top: 5px !important;
}

.primary-nav-wrap ul>li.last-elements ul.sub-menu li .sub-menu {
    left: auto;
    right: 100%;
    top: 0 !important;
}

.mean-bar {
    background-color: transparent;
    min-height: auto;
    padding: 0;
    z-index: 9;
}

a.meanmenu-reveal:hover,
a.meanmenu-reveal:focus {
    color: #555;
    outline: medium none;
}

a.meanmenu-reveal i {
    display: block;
    font-size: 30px;
    line-height: 30px;
    width: 30px;
}

.mean-nav {
    background-color: transparent;
    margin: 0;
}

.mean-nav a.mean-expand {
    border: medium none !important;
    color: #464646 !important;
    font-size: 18px !important;
    height: 36px;
    line-height: 36px;
    padding: 0 !important;
    text-align: center;
    width: 30px !important;
}

.mean-nav a.mean-clicked {
    font-size: 22px !important;
}

.mean-nav>ul {
    float: left;
    padding: 15px 0;
}

.mean-nav>ul>li>a {
    border-color: #eee;
    color: #464646;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    padding: 6px 30px 6px 0;
}

.mean-nav>ul>li>a:hover,
.mean-nav>ul>li.current_page_item>a {
    color: #f8c12c;
}

.mean-nav .sub-menu,
.mean-nav .mega-menu {
    box-shadow: none;
    float: left;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: static;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    visibility: visible;
    z-index: 1;
}

.mean-nav ul li li {
    margin: 0;
    padding: 0;
}

.mean-nav ul li li a {
    border-color: #eee;
    color: #464646;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding: 6px 30px 6px 15px;
    text-transform: uppercase;
    width: 100% !important;
}

.mean-nav .sub-menu li:hover>a {
    color: #464646;
}

.mean-nav .sub-menu li.current_page_item:hover>a {
    color: #26c7cc;
}

.mean-nav ul li li.current_page_item>a,
.mean-nav ul li li>a:hover,
.mean-nav .sub-menu li>a:hover {
    color: #26c7cc;
}

.mean-nav ul li li li a {
    padding: 6px 30px 6px 25px;
}

.mean-nav ul li li li li a {
    padding: 6px 30px 6px 35px;
}

.mean-nav ul li li li li li a {
    padding: 6px 30px 6px 45px;
}

.mean-nav ul li li li li li li a {
    padding: 6px 30px 6px 55px;
}

/*========================
   d. Blog css
=======================*/

.our-blog-area {
    padding: 80px 0;
}

.single-blog {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.bolg-img a {
    display: inline-block;
    position: relative;
}

.bolg-img a:before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-blog:hover .bolg-img a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.blog-text {
    padding: 25px 15px 25px 25px;
}

.blog-text h2 a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 0 0 20px;
}

.blog-text h2 {
    line-height: 15px;
    margin-bottom: 10px;
    margin-top: 0;
    word-break: break-all;
}

.blog-text h2 a:hover {
    color: #f8c12c;
}

.blog-text h4 a:hover {
    color: #03A9F4;
}

.blog-date span {
    font-size: 12px;
    font-weight: 400;
    margin-right: 10px;
    font-family: "Poppins", sans-serif;
    color: #555;
}

.blog-date span a {
    font-size: 13px;
    font-weight: 500;
    color: #555;
}

.blog-text>a:hover {
    background-color: #f2bd2e;
    color: #fff !important;
}

.blog-text>a {
    border: 1px solid #f2bd2e;
    color: #464646;
    display: inline-block;
    font-size: 12px;
    margin-top: 14px;
    padding: 10px 30px 8px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-date span a:hover {
    color: #f8c12c;
}

.blog-date span i {
    font-size: 14px;
    margin-right: 8px;
}

.blog-text p {
    margin-bottom: 12px;
    margin-top: 6px;
    word-break: break-word;
}

.blog-text a:hover {
    color: #f2bd2e;
}

.single-blog {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-blog:hover {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}

.post-breadcrumb-banner-area {
    background: #f6f6f6;
}

.bg-opacity {
    position: relative;
}

.single-blog.mb-30 {
    margin-bottom: 45px;
}

.bg-opacity:before {
    background: #f6f6f6 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.breadcrumb-text {
    position: relative;
    z-index: 1;
    padding: 100px 0;
    text-align: center;
}

.breadcrumb-text h1 {
    color: #5b5b5b;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

.post-breadcrumb-banner-area h3 {
    color: #fefefe;
}

.breadcrumb-menu ul li {
    display: inline-block;
    padding: 0 5px;
    text-transform: capitalize;
}

.breadcrumb-menu ul li:after {
    color: #fff;
    content: "/";
    display: inline-block;
    float: right;
    position: relative;
    right: -6px;
    top: 2px;
}

.breadcrumb-menu ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

.breadcrumbs-area {
    padding: 100px 0;
    background-color: #ededed;
}

.breadcrumbs-area-default .breadcrumbs .page-title,
.breadcrumbs-area-default .breadcrumbs ul,
.breadcrumbs-area-default .breadcrumbs ul li,
.breadcrumbs-area-default .breadcrumbs ul li a {
    color: #555;
}

.breadcrumbs-area-default .breadcrumbs ul li a:hover {
    color: #26c7cc;
}

.breadcrumbs-area-default .breadcrumbs ul li,
.breadcrumbs ul li {
    padding-left: 5px;
    padding-right: 5px;
}

.breadcrumbs-area-default .breadcrumbs ul li:last-child,
.breadcrumbs ul li:last-child {
    padding-right: 0px;
}

.breadcrumbs-area-default .breadcrumbs ul li:first-child,
.breadcrumbs ul li:first-child {
    padding-left: 0px;
}

.page-title-search-box.search-left {
    float: left;
}

.page-title-bar {
    overflow: hidden;
    text-align: center;
}

.page-title-bar.right-title {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page-title-bar.left-title {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.breadcrumbs h1.page-title {
    color: #333;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 38px;
    margin: 0 0 10px;
    text-align: center;
    font-size: 30px;
    word-break: break-all;
}

.page-title-bar-center h2.page-title {
    margin-bottom: 20px;
}

.breadcrumbs ul {
    color: #333;
}

.breadcrumbs li {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
}

.breadcrumbs ul li a {
    color: #333;
}

.breadcrumbs ul li a:hover,
.breadcrumbs ul li {
    color: #f8c12c;
}

.breadcrumbs ul li {
    font-weight: 600;
}

.breadcrumbs ul li a,
.breadcrumbs ul li {
    color: #f8c12c;
    font-size: 16px;
    word-break: break-all;
}

article .single-blog ul li {
    list-style: none;
}

.breadcrumbs ul li a.active:after {
    color: #03a9f4;
}

.page-title-bar-center .page-title {
    float: inherit;
}

.page-title-bar-center .page-title-search-box>form {
    margin: auto;
}

.pattern-bread h2.page-title {
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-top: 0;
}

.pattern-bread .breadcrumbs>ul {
    display: inline-block;
    float: right;
    margin-top: 5px;
    color: #fff;
}

.border-bread {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}

.bg-2.bread-bg {
    background-attachment: fixed;
    background-position: center center;
}

.breadcrumbs-img h2.page-title {
    color: #000;
}

.breadcrumbs-img .breadcrumbs>ul li a {
    color: #fff;
}

.breadcrumbs-img .breadcrumbs>ul li {
    color: #fff;
}

.breadcrumbs-img .breadcrumbs ul li a:after {
    background-color: #000;
}

.page-title-bar.right-title .page-title-search-box,
.page-title-bar.right-title ul {
    float: left;
}

.page-title-search-box button {
    background-color: #f2bd2e;
    border: 0 none;
    border-radius: 0;
    color: #fff;
    height: 100%;
    line-height: 15px;
    padding: 0;
    position: absolute;
    right: 0;
    width: 40px;
}

.page-title-search-box>form {
    width: 250px;
    position: relative;
}

.page-title-search-box input {
    border: 0 none;
    height: 35px;
    padding: 0 10px;
    width: 100%;
}

section.breadcrumbs-area {
    position: relative;
    z-index: 1;
}

section.breadcrumbs-area:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.breadcrumbs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.breadcrumbs.breadcrumbs-title-left {
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.breadcrumbs.breadcrumbs-title-right {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.breadcrumbs.breadcrumbs-title-center {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.breadcrumbs-title-center .page-title,
.breadcrumbs-title-center .page-title-bar {
    padding: 5px 0;
}

.breadcrumbs-title-center .page-title-search-box {
    margin-top: 10px;
}

.redux-active .page-area {
    padding: 0;
}

.page-area {
    padding: 80px 0;
}

.blog-story-area {
    padding: 80px 0;
}

.blog-img-2 {
    margin-bottom: 30px;
}

.blog-header h1 {
    font-size: 48px;
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 20px;
}

.story-hbtitle p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.story-hbtitle blockquote {
    background: #eeeeee none repeat scroll 0 0;
    border-left: 2px solid #f8c12c;
    font-size: 14px;
    margin: 10px 0 18px 55px;
}

.tab-info p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
}

.meta-info {
    background-color: #ededed;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.meta-info span {
    margin-left: 5px;
}

.meta-info span:first-child {
    margin-left: 0;
}

.meta-info span a {
    font-size: 13px;
    font-weight: 500;
    color: #404040;
}

.meta-item i {
    margin-right: 5px;
}

.contact-form p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

.contact-form label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}

.contact-form textarea {
    border: 1px solid #e8e8e8;
    font-size: 12px;
    font-weight: 500;
    height: 168px;
    margin-bottom: 20px;
    padding: 8px 15px;
    width: 100%;
}

.section-small-title h3 {
    color: #555;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.logged-in-as>a {
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
}

.btn {
    background: #03a9f4 none repeat scroll 0 0;
}

.contact-form input {
    border: 1px solid #e8e8e8;
    color: #8f8f8f;
    font-size: 12px;
    font-weight: 500;
    height: 36px;
    margin-bottom: 15px;
    padding: 8px 15px;
    width: 100%;
}

.contact-form button {
    background: #f2bd2e none repeat scroll 0 0;
    border: 1px solid #f2bd2e;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 20px;
    text-transform: uppercase;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.contact-form button:hover {
    background: #26ccff none repeat scroll 0 0;
    border-color: #26ccff;
}

.post-pagination .pagination {
    margin: 0;
}

.post-pagination ul {
    border-radius: 4px;
    display: inline-block;
}

.post-pagination ul li {
    display: inline;
}

.post-pagination ul li {
    background-color: #fff;
    color: #464646;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    position: relative;
    text-decoration: none;
    font-weight: 600;
}

.page-title,
.entry-title {
    margin-top: 0;
}

.post-pagination ul li a {
    border: 1px solid #ddd;
    color: #464646;
    display: block;
    padding: 0 15px;
}

.post-pagination ul li .current {
    cursor: no-drop;
    display: block;
    padding: 0 15px;
    border: 1px solid #ccc;
}

.post-pagination ul li:hover a,
.post-pagination ul li .current {
    background: #464646;
    color: #fff;
    border: 1px solid #464646;
}

.comment-list {
    list-style: none;
}

.author-top {
    display: block;
    margin-bottom: 15px;
    position: relative;
}

.author-top .author-comment {
    overflow: hidden;
    padding: 5px 0;
}

.author-top .author-comment .author-name {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: capitalize;
}

.comment-list .author-img {
    float: left;
    margin-right: 10px;
    max-width: 64px;
}

.copy.small a:hover {
    color: #404040;
}

.copy.small a {
    color: #f2bd2e;
    text-decoration: underline;
}

.comment-list .author-comment a {
    margin-right: 5px;
    color: #000;
}

.comment-list .children {
    list-style: none;
}

.comment-list .children {
    margin-left: 35px;
}

.sidebar-widget {
    overflow: hidden;
    margin-bottom: 35px;
}

aside.widget-area .sidebar-widget:last-child {
    margin-bottom: 0px
}

.sidebar-widget a {
    color: #555;
    font-weight: 500;
}

.sidebar-widget.widget_rss ul li a.rsswidget {
    display: block;
    font-weight: 600;
    font-size: 14px;
}

.sidebar-widget.widget_rss ul li .rssSummary,
.single-footer.widget_rss ul li .rssSummary {
    padding: 5px 0;
}

.single-footer.widget_rss ul li {
    padding-bottom: 20px;
}

.single-footer.widget_rss ul li:last-child {
    padding-bottom: 0;
}

.sidebar-widget.widget_rss ul li a.rsswidget,
.single-footer.widget_rss ul li a.rsswidget {
    display: block;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 3px;
}

.tagcloud a {
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 14px !important;
    font-weight: normal;
    margin: 0 6px 10px 0;
    padding: 4px 7px;
}

.tagcloud a:hover {
    color: #F2BD2E;
    border-color: #F2BD2E;
}

.sidebar-widget li a:hover {
    color: #f8c12c;
}

form#search {
    position: relative;
}

form#search input {
    border: 1px solid #f2bd2e;
    border-radius: 0;
    color: #666;
    float: left;
    height: 40px;
    padding-left: 10px;
    width: 100%;
}

form#search button {
    background: #f2bd2e none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-search button:hover {
    background: #26CCFF;
    border-color: #26CCFF;
    color: #999;
}

.sidebar-title {
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 30px;
    margin-top: 0;
    padding-bottom: 13px;
    position: relative;
    text-transform: capitalize;
}

.sidebar-widget ul li:first-child {
    padding-top: 12px;
}

.sidebar-widget ul li {
    list-style: outside none none;
    margin-bottom: 12px;
}

ul.sidebar-link li:last-child {
    margin-bottom: 0
}

ul.sidebar-link li a {
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 300;
    position: relative;
}

ul.sidebar-link li a:hover {
    color: #f2bd2e;
}

.Tags {
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 17px;
    padding-bottom: 13px;
    padding-top: 40px;
    text-transform: capitalize;
    position: relative;
}

.Tags:before {
    background: #03a9f4 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50%;
}

ul.tag li {
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 8px;
}

ul.tag li a {
    border: 1px solid #e8e8e8;
    color: #333333;
    display: inline-block;
    font-size: 13px;
    padding: 3px 17px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
}

.sidebar-widget .product-item {
    overflow: hidden;
}

.sidebar-widget .product-img {
    float: left;
    margin-right: 15px;
}

.sidebar-widget h6.product-title {
    font-size: 16px;
}

.sidebar-widget .product-info>p {
    margin: 0;
}

.sidebar-widget .product-item {
    overflow: hidden;
    margin: 20px 0;
}

.product-item .product-img {
    float: left;
    margin-right: 15px;
    width: 70px;
}

.product-item h6.multi-line {
    line-height: 10px;
    margin-bottom: 5px;
}

.product-item h6.multi-line a:hover {
    color: #f8c12c;
}

.product-item .product-info {
    overflow: hidden;
}

.widget_fector_recent_post .product-item+.product-item {
    margin-top: 15px;
}

.sidebar-widget h6.product-title {
    font-size: 16px;
}

.sidebar-widget .product-info>p {
    margin: 0 0 5px;
}

.sidebar-widget .product-info>p:last-child {
    margin: 0;
}

.product-item .product-img a {
    display: block;
}

/*========================
   e. Footer css
=======================*/

.footer-top-area {
    background: #252830;
    position: relative;
    z-index: 1;
}

.footer-top-area:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.single-footer {
    color: #fff;
    margin: 50px 0;
    overflow: hidden;
}

.single-footer a,
.single-footer p {
    color: #ffffff;
}

.single-footer .product-item h6.multi-line {
    line-height: 20px;
}

.footer-title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase;
}

.single-footer .footer-social {
    list-style: none;
    margin: 0;
    padding: 0;
}

.single-footer .footer-social li {
    display: inline-block;
}

.single-footer .footer-social li a {
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
}

.single-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-footer ul li ul li:first-child {
    margin-top: 10px;
}

.single-footer ul li ul {
    margin-left: 15px;
}

.single-footer:not(.widget_rss) ul li {
    margin-bottom: 10px;
}

.single-footer ul li a {
    color: #ddd;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-size: 14px;
    font-weight: 400;
}

.single-footer ul li a:hover {
    color: #f8c12c;
}

.single-footer .footer-social {
    float: left;
    margin-top: 18px;
}

.single-footer input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #5a5a5a;
    color: #fff;
    font-size: 13px;
    height: 32px;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 0px;
}

.single-footer textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #5a5a5a;
    color: #fff;
    font-size: 13px;
    padding-left: 20px;
    width: 100%;
    height: 80px;
}

.single-footer .submit-btn-1 {
    font-size: 14px;
    margin-top: 10px;
    padding: 12px 15px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: inherit;
}

.single-footer .submit-btn-1:hover {
    color: #ff0300;
    border: 1px solid#ff0300;
}

.footer-bottom {
    background: #1e2127 none repeat scroll 0 0;
    padding: 20px 0;
}

.copyright-text {
    margin-top: 6px;
}

.copyright-text p {
    color: #fff;
    margin-bottom: 0;
}

.copyright-text a {
    color: #fff;
}

.footer-social {
    float: right;
}

.footer-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-bottom ul li {
    display: inline-block;
}

.footer-bottom ul li a {
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.footer-bottom ul li a:hover {
    color: #ff0300;
}

.footer-bottom .col-sm-6:first-child .copyright-text,
.footer-bottom .col-sm-6:first-child .footer-social {
    float: left;
}

.footer-bottom .col-sm-6:last-child .copyright-text,
.footer-bottom .col-sm-6:last-child .footer-copyright-menu,
.footer-bottom .col-sm-6:last-child .footer-social {
    float: right;
}

.footer-all .footer-icon {
    margin-bottom: 40px;
}

.solical-links {
    display: block;
}

.solical-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.solical-links ul li {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 10px;
}

.solical-links ul li a {
    display: block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid;
    text-align: center;
}

.footer-bottom .footer-social ul li a:hover {
    color: #3399ff;
}

.site-wrapper.boxed-layout {
    box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
    margin: auto;
    position: relative;
    max-width: 1240px;
    width: 100%;
    background: #fff;
}

.boxed-layout .sticky {
    left: auto;
    margin: auto;
    width: 1240px;
}

.boxed-layout .header-area,
.boxed-layout .header-bottom {
    left: auto;
    max-width: 1240px;
    right: auto;
    width: 100%;
    z-index: 9999999;
}

a#scrollUp {
    background-color: #f8c12c;
    border: 1px solid #f8c12c;
    bottom: 30px;
    color: #fff;
    font-size: 24px;
    height: 40px;
    line-height: 38px;
    right: 30px;
    text-align: center;
    width: 40px;
}

a#scrollUp:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

/*========================
   f. Unittest css
=======================*/

.entry-content ul {
    list-style: outside none disc;
    margin: 0 0 26px 35px;
}

.entry-content ul li {
    list-style: outside none disc;
}

.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ol,
.entry-content ol ul {
    margin-bottom: 0;
}

article.sticky .single-blog,
article.tag-sticky-2 .single-blog {
    border: 1px solid #f2bd2e;
}

.story-hbtitle li {
    margin-bottom: 10px;
}

table {
    border: 2px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
}

table th {
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    border-right: 2px solid rgba(0, 0, 0, 0.08);
    color: #454545;
    font-weight: 700;
    padding: 10px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}

table td {
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    border-right: 2px solid rgba(0, 0, 0, 0.08);
    padding: 10px;
    vertical-align: top;
    text-align: center;
}

table th a,
table th a:hover {
    text-decoration: underline;
}

.story-hbtitle a:not(.button),
.entry-content a:not(.button) {
    text-decoration: underline;
}

.post-password-form input[type="submit"] {
    background: #f2bd2e none repeat scroll 0 0;
    border: 1px solid #f2bd2e;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    padding: 5px 10px;
    width: auto;
}

.post-password-form input[type="submit"]:hover {
    background: transparent none repeat scroll 0 0;
    color: #f2bd2e;
}

.post-password-form input[type="password"] {
    border-radius: 0;
}

#wp-calendar tbody tr td {
    border-right: 1px solid #ebebeb;
}

#wp-calendar tbody tr td#today {
    background: #f2bd2e none repeat scroll 0 0;
    color: #fff;
}

.copy ul li,
.copy ol li {
    padding: 0;
}

.copy ul li {
    list-style: outside none disc;
    margin: 0 0 6px 30px;
}

.copy ul {
    list-style: outside none disc;
    margin: 0 0 26px;
}

.copy ol {
    list-style: outside none decimal;
    margin: 0 0 26px;
}

.copy ol li {
    list-style: outside none decimal;
    margin: 0 0 6px 20px;
}

.copy ul ul,
.copy ul ol,
.copy ol ol,
.copy ol ul {
    margin-bottom: 0;
}

.wp-audio-shortcode {
    margin-bottom: 15px;
}

.story-hbtitle ol li {
    list-style: outside none decimal;
    margin: 0 0 6px;
}

.story-hbtitle ol {
    list-style: outside none decimal;
    margin: 0 0 26px 35px;
}

.story-hbtitle ul {
    list-style: outside none disc;
    margin: 0 0 26px 35px;
}

.story-hbtitle ul li {
    list-style: outside none disc;
    margin: 0 0 6px;
}

.story-hbtitle ul ul,
.story-hbtitle ul ol,
.story-hbtitle ol ol,
.story-hbtitle ol ul {
    margin-bottom: 0;
}

.entry-content ol {
    list-style: outside none decimal;
    margin: 0 0 26px 35px;
}

.entry-content ol li {
    list-style: outside none decimal;
    margin: 0 0 6px;
}

.footer-area table {
    border: 1px solid #fff;
}

.footer-area caption {
    color: #fff;
}

.footer-area table th {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #fff;
}

.footer-area table td {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.footer-area table#wp-calendar a {
    color: #fff;
}

.footer-area .widget_tag_cloud .tagcloud a:hover {
    color: #f2bd2e;
}

.footer-area .widget_tag_cloud .tagcloud a {
    color: #fff;
}

.shopping-button button[type="submit"] {
    background: #f8c12c none repeat scroll 0 0;
    border: 1px solid #f8c12c;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    padding: 8px 14px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.shopping-button button[type="submit"]:hover {
    background: transparent none repeat scroll 0 0;
    color: #fff;
    background: #404040;
    border-color: #404040;
}

.blog-text img {
    display: block;
}

.comment-list li {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 5px;
    margin-bottom: 25px;
    padding: 15px;
}

.page-not-found-wrap {
    height: 750px;
    width: 100%;
    background: #f1f1f1;
}

.page-not-found-wrap .container,
.page-not-found-wrap .container .row,
.page-not-found-wrap .container .pnf-inner-wrap,
.page-not-found-wrap .container [class*="col-"] {
    height: 100%;
}

.page-not-found-wrap .container .pnf-inner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pnf-inner img {
    max-height: 350px;
    margin-bottom: 30px;
}

.pnf-inner>h1 {
    color: #333;
    font-size: 150px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.pnf-inner>h2 {
    color: #333;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
}

.pnf-inner>p {
    color: #333;
    font-size: 24px;
    line-height: 1.4;
    margin: 0;
}

.pnf-inner a.btn {
    color: #fff;
    height: 50px;
    line-height: 50px;
    margin-top: 50px;
    padding: 0 30px;
    text-transform: uppercase;
}

.no-comments {
    background: #f5f5f5 none repeat scroll 0 0;
    padding: 5px 10px;
}

/*========================
   2. Header css
=======================*/

.welcome-info p {
    color: #333;
    font-size: 13px;
    line-height: 44px;
    margin: 0;
    text-transform: capitalize;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
}

.header-social {
    float: right;
}

.header-social>a {
    border-left: 1px solid #ececec;
    color: #b7b7b7;
    display: inline-block;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 40px;
}

.header-social>a:last-child {
    border-right: 1px solid #ececec;
}

.header-top {
    border-bottom: 1px solid #ececec;
}

.header-social>a:hover {
    color: #f8c12c;
}

.header-social {
    float: right;
}

.header-social>a {
    border-left: 1px solid #ececec;
    color: #555;
    display: inline-block;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 40px;
}

.header-social>a:last-child {
    border-right: 1px solid #ececec;
}

.header-top {
    border-bottom: 1px solid #ececec;
}

.header-social>a:hover {
    color: #f8c12c;
}

.info-icon>a {
    background: #565656 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    width: 43px;
}

.info-icon,
.info-desc,
.info-box {
    display: inline-block;
}

.info-box {
    margin-right: 28px;
}

.header-right-box {
    float: right;
    margin-top: 10px;
}

.info-icon {
    float: left;
    margin-right: 16px;
}

.info-desc h4 {
    color: #5e5e5e;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 0;
    text-transform: capitalize;
}

.info-desc h5 {
    color: #737373;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
}

.header-menu-box .menu ul li {
    display: inline-block;
    margin-left: 54px;
    position: relative;
}

.header-menu-box .menu ul>li>ul {
    background: #fff none repeat scroll 0 0;
    border-bottom: 2px solid #f8c12c;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    left: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: left;
    top: 105px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 240px;
    z-index: 999;
}

.header-menu-box .menu ul>li:hover>ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 100%;
    visibility: visible;
}

.header-menu-box .menu ul>li>ul>li {
    display: block;
    margin-left: 0px;
    display: block;
}

.header-menu-box .menu ul>li>ul>li a {
    color: #313131;
    display: block;
    padding: 10px;
    text-transform: capitalize;
}

.header-menu-box .menu ul>li>ul>li:first-child {
    margin-left: 0;
}

.header-menu-box .menu,
.header-menu-box .get-quout {
    display: inline-block;
}

.get-quout {
    float: right;
    margin-right: 21px;
    padding: 19px 0;
}

.header-menu-box {
    background: #313131 none repeat scroll 0 0;
    border-bottom: 2px solid #f8c12c;
    margin-top: 27px;
}

.header-menu-box .menu ul li a {
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: 31px 0;
    text-transform: uppercase;
}

.header-menu-box .menu ul.sub-menu li a {
    font-size: 14px;
}

.header-menu-box .menu ul li:first-child {
    margin-left: 42px;
}

.header-menu-box .menu ul li a:hover {
    color: #f8c12c;
}

.get-quout>a {
    background: #f8c12c none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0);
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    line-height: 45px;
    padding: 0 42px;
    text-transform: uppercase;
}

.get-quout>a:hover {
    border-color: #f8c12c;
    color: #f8c12c;
    background: none;
}

.header-bottom {
    padding-top: 28px;
    z-index: 9999;
    position: relative;
}

.header {
    padding-bottom: 73px;
    position: relative;
}

.header-menu {
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.section-title {
    margin-bottom: 90px;
}

.section-title h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 0;
    text-transform: uppercase;
    position: relative;
}

.section-title.white h2 {
    color: #fff;
}

.section-title h2 {
    color: #565656;
}

.section-title h2:before {
    background: rgba(0, 0, 0, 0) url("img/bg/section-title-1.png") no-repeat scroll center center;
    content: "";
    height: 80px;
    left: 50%;
    margin-left: -40px;
    pointer-events: none;
    position: absolute;
    top: -36px;
    width: 80px;
}

.section-title.white h2:before {
    background: rgba(0, 0, 0, 0) url("img/bg/section-title-2.png") no-repeat scroll center center;
}

.section-title h2 span {
    color: #f2bd2e;
}

/*========================
   6. Services Area
=======================*/

.services-area .section-title {
    margin-bottom: 80px;
}

.single-services h3 {
    color: #696969;
    font-size: 26px;
    margin: 0 0 10px;
    text-transform: capitalize;
}

.single-services p {
    color: #8c8c8c;
    margin-bottom: 0;
}

.single-services {
    background: rgba(0, 0, 0, 0) url("img/services/1.png") no-repeat scroll 96% 90%;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 30px 35px 38px 30px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-services:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/*========================
   14. Footer Area
=======================*/

.footer-area {
    background: #2c2c2c none repeat scroll 0 0;
}

.footer-top .col-md-1.links {
    padding: 0;
}

.footer-top {
    padding: 93px 0;
}

.f-logo {
    margin-bottom: 21px;
}

.single-footer .footer-brief>p {
    color: #ddd;
    font-weight: 300;
    margin-bottom: 0;
}

.single-footer-company .footer-social {
    margin-top: 18px;
}

.footer-social>li>a {
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    margin-left: 15px;
    text-align: center;
    width: 26px;
}

.footer-social>li>a:hover {
    background: #f8c12c none repeat scroll 0 0;
}

.footer-social>li>a:first-child {
    margin-left: 0;
}

.single-footer-title>h3 {
    color: #ffffff;
    font-size: 20px;
    line-height: 16px;
    text-transform: uppercase;
}

.single-footer-title>h3 span {
    color: #f2bd2e;
    display: inline-block;
    margin-bottom: 15px;
}

.single-footer.contact,
.single-footer.link,
.single-footer.contact-form {
    margin-top: 35px;
}

.single-footer-contact {
    margin-top: 17px;
}

.single-footer-contact>p {
    color: #ddd;
    font-weight: 300;
    margin-bottom: 0;
}

.single-footer-contact>p span {
    color: #ddd;
    font-size: 13px;
}

.single-footer-contact>p a {
    color: #a5a5a5 !important;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.single-footer-contact>p a:hover {
    color: #f2bd2e !important;
}

.single-footer-desc li a {
    color: #ddd;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
}

.single-footer-desc li {
    margin-bottom: 7px;
}

.single-footer-desc li:last-child {
    margin-bottom: 0;
}

.single-footer-desc li a:hover {
    color: #ffffff;
}

.input-field {
    float: left;
    width: 50%;
}

.form-top .input-field:first-child {
    padding-right: 7px;
}

.form-top .input-field:last-child {
    padding-left: 8px;
}

.form-top {
    overflow: hidden;
    padding-bottom: 12px;
}

.input-field input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #5a5a5a;
    color: #aaa;
    height: 32px;
    padding-left: 14px;
    border-radius: 0px;
}

.form-bottom textarea::-moz-placeholder {
    color: #fff;
}

.form-bottom textarea::-webkit-textarea-placeholder {
    color: #fff;
}

.form-bottom textarea::-ms-textarea-placeholder {
    color: #fff;
}

.input-field input::-moz-placeholder {
    color: #aaa;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.input-field textarea::-moz-placeholder {
    color: #aaa;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.input-field input::-webkit-input-placeholder {
    color: #aaa;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.input-field input::-ms-input-placeholder {
    color: #aaa;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.form-bottom textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #5a5a5a;
    color: #aaa;
    height: 51px;
    resize: none;
    border-radius: 0px;
}

.send input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #f8c12c;
    color: #f8c12c;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    height: 32px;
    padding: 0 37px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 50%;
    border-radius: 0px;
    margin-top: 10px;
}

.send input[type="submit"]:hover {
    background: #f8c12c none repeat scroll 0 0;
    color: #ffffff;
}

.footer-bottom {
    background: #373737 none repeat scroll 0 0;
}

.footer-logo {
    margin-bottom: 20px;
}

.copyright>p {
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 0;
    padding: 12px 0;
}

.form-messege.success {
    color: green;
    text-transform: uppercase;
    font-style: italic;
}

.form-messege.error {
    color: #fc713f;
    text-transform: capitalize;
    font-style: italic;
}

.single-footer-contact>p a,
.single-footer-text p {
    color: #ddd;
}

/*========================
   14. About Area
=======================*/

.about-img,
.about-text {
    float: left;
    width: 50%;
}

.about-text>h1 {
    color: #5b5b5b;
    font-size: 36px;
    margin-bottom: 13px;
    margin-top: 0;
    text-transform: capitalize;
}

.about-text>h1 span {
    color: #f8c12c;
}

.about-text {
    margin-top: 35px;
    padding-left: 70px;
}

.about-desc p {
    color: #7b7b7b;
}

.about-desc p.text2 {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 10px;
}

.about-action {
    background: #4d4d4d none repeat scroll 0 0;
    border-left: 4px solid #f8c12c;
    bottom: 0;
    display: inline-block;
    left: 70px;
    padding: 50px 0;
    position: absolute;
}

.about-description {
    overflow: hidden;
    position: relative;
}

.about-action .single-action {
    display: inline-block;
    padding-left: 57px;
}

.about-action .single-action:last-child {
    padding-right: 57px;
}

.about-action p {
    border-left: 3px solid #f8c12c;
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 0;
    padding-left: 13px;
}

.about-action p span:last-child {
    display: inline-block;
    margin-top: 5px;
}

.about-action:before {
    background: rgba(0, 0, 0, 0) url("img/about/2.png") no-repeat scroll 29% center;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    pointer-events: none;
}

/*========================
   14. Subscribe Area
=======================*/

.subscribe-text {
    float: left;
}

.subscribe-input {
    overflow: hidden;
    position: relative;
}

.mc-form input {
    background-color: inherit;
    border: 1px solid #f2bd2e;
    box-shadow: inherit;
    color: #888;
    font-size: 14px;
    height: 50px;
    outline: medium none;
    padding: 0 132px 0 20px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    font-family: "Ubuntu", sans-serif;
}

.subscribe-input input[type="submit"] {
    background: #f2bd2e none repeat scroll 0 0;
    color: #ffffff;
    font-size: 16px;
    height: 50px;
    line-height: 51px;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    border: 1px solid #f2bd2e;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 20%;
    font-family: "Poppins";
    font-weight: 600;
}

.subscribe-input input[type="submit"]:hover {
    background: #565656 none repeat scroll 0 0;
    border: 1px solid #565656;
}

.subscribe-input.second input[type="submit"]:hover {
    background: #565656 none repeat scroll 0 0;
    border: 1px solid #565656;
    color: #fff;
}

.subscribe-text>h3 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 8px;
    text-transform: capitalize;
    color: #565656;
    font-weight: 500;
}

.subscribe .col-md-7 {
    padding-left: 0;
}

.subscribe-input input::-webkit-input-placeholder {
    /* Chrome */
    color: #888;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.subscribe-input input::-moz-placeholder {
    /* Firefox 19+ */
    color: #888;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*========================
   14. Slider Area
=======================*/

.slider-overlay:before {
    background: #2a2a2a;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.porject-overlay:before {
    background: #2a2a2a;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.testimonial-overlay:before {
    background: #2a2a2a;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.slider-container {
    position: relative;
}

.nivo-caption {
    z-index: 99;
}

.nivo-directionNav a {
    background: #f8c12c none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    cursor: pointer;
    font-size: 24px;
    font-weight: 500;
    height: 62px;
    line-height: 62px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 62px;
    z-index: 9999;
    border: 1px solid transparent;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.slider-container:hover .nivo-directionNav a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.nivo-directionNav a:hover {
    background: none;
    border-color: #f8c12c;
}

.nivo-directionNav a.nivo-nextNav {
    right: 35px;
}

.nivo-directionNav a.nivo-prevNav {
    left: 35px;
}

.slider-caption-img img {
    margin-top: 110px;
    position: inherit !important;
    width: 350px;
}

.slide1-text {
    position: relative;
    top: 252px;
}

.middle-text .title-1 h2 {
    color: #ffffff;
    font-size: 32px;
    margin-bottom: 0;
}

.middle-text .title-2 h1 {
    color: #ffffff;
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 0;
}

.middle-text .desc p {
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 35px;
    margin-top: 19px;
    padding: 0;
}

.middle-text .contact-us a {
    border: 2px solid #f8c12c;
    border-radius: 25px;
    color: #f8c12c;
    display: inline-block !important;
    font-size: 15px;
    font-weight: 500;
    height: 45px;
    line-height: 41px;
    padding: 0 50px;
    text-transform: uppercase;
}

.middle-text .contact-us a:hover {
    background: #f8c12c none repeat scroll 0 0;
    color: #ffffff;
}

/*========================
  05. Feature Area
=======================*/

.feature-list.owl-carousel .col-md-4 {
    width: 100%;
}

.feature-project.overlay:before {
    z-index: inherit;
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.feature-project {
    position: relative;
}

.feature-project .section-title {
    margin-bottom: 98px;
}

.section-title h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
}

.section-title.white h2 {
    color: #fff;
}

.section-title h2 {
    color: #565656;
}

.section-title h2:before {
    background: rgba(0, 0, 0, 0) url("img/bg/section-title-1.png") no-repeat scroll center center;
    content: "";
    height: 80px;
    left: 50%;
    margin-left: -40px;
    pointer-events: none;
    position: absolute;
    top: -36px;
    width: 80px;
}

.section-title.white h2:before {
    background: rgba(0, 0, 0, 0) url("img/bg/section-title-2.png") no-repeat scroll center center;
}

.section-title h2 span {
    color: #f2bd2e;
}

.single-feature {
    position: relative;
}

.feature-desc {
    background: #26aa70 none repeat scroll 0 0;
    bottom: 0;
    height: 55px;
    padding-left: 25px;
    position: absolute;
    width: 100%;
}

.feature-desc>p {
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 55px;
    margin-bottom: 0;
}

.feature-desc a {
    background: #1f915d none repeat scroll 0 0;
    color: #ffffff;
    font-size: 24px;
    height: 100%;
    line-height: 55px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 59px;
}

.feature-list.owl-carousel .owl-controls {
    margin: 0;
}

.feature-list.owl-carousel .owl-controls .owl-buttons>div,
.testimonial-list.owl-carousel .owl-buttons>div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #f2bd2e;
    border-radius: 50%;
    font-size: 24px !important;
    height: 54px;
    left: -120px;
    line-height: 48px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 54px;
    color: #fff;
}

.feature-list.owl-carousel .owl-controls .owl-buttons .owl-next {
    left: auto;
    right: -120px;
}

.feature-list.owl-carousel .owl-controls .owl-buttons>div:hover,
.testimonial-list.owl-carousel .owl-buttons>div:hover {
    color: #fff;
    background: #f2bd2e none repeat scroll 0 0;
    border: 1px solid #f2bd2e;
}

.feature-list.owl-carousel .owl-controls .owl-buttons .owl-next:hover i,
.testimonial-list.owl-carousel .owl-buttons .owl-next:hover i {
    margin-left: 15px;
}

.feature-list.owl-carousel .owl-controls .owl-buttons>div i,
.testimonial-list.owl-carousel .owl-buttons>div i {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.feature-list.owl-carousel .owl-controls .owl-buttons .owl-prev:hover i,
.testimonial-list.owl-carousel .owl-buttons .owl-prev:hover i {
    margin-right: 15px;
}

.feature-project:hover .owl-controls .owl-buttons>div,
.testimonial:hover .owl-controls .owl-buttons>div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*========================
  07. Feature Area
=======================*/

.contact_us {
    position: relative;
}

.overlay-white:before {
    background: #efefef;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    left: 0;
    top: 0;
    position: absolute;
}

.contact-text,
.contact-us-button {
    display: inline-block;
}

.contact-text>h3 {
    color: #585858;
    font-size: 26px;
    line-height: 20px;
    margin-bottom: 4px;
    margin-top: 0;
}

.contact-text h2 {
    color: #585858;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}

.contact-us-button a {
    background: #f0bc2e none repeat scroll 0 0;
    border-radius: 25px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    padding: 0 58px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    font-size: 14px;
}

.contact-us-button a:hover {
    background: #565656 none repeat scroll 0 0;
    color: #ffffff;
}

.contact-us-button a:hover {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.contact-us-button {
    position: absolute;
    right: 0;
    top: 12px;
}

.contact-us-desc {
    position: relative;
}

/*========================
  12. Team Area
=======================*/

.single-team {
    border: 1px solid #ddd;
}

.team-text>h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: capitalize;
}

.team-text>h5 {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 0;
}

.team-area .team-text ul {
    list-style: outside none none;
    margin: 0;
}

.team-text {
    padding: 27px 0 30px;
}

.team-text ul li {
    display: inline-table;
    margin: 0 5px;
}

.team-text ul li a {
    border: 1px solid #f2bd2e;
    border-radius: 50%;
    color: #f2bd2e;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    vertical-align: middle;
    width: 30px;
}

.team-text ul li a:hover {
    border: 1px solid #f2bd2e;
    color: #fff;
    background-color: #f2bd2e;
}

.team-img>img {
    width: 100%;
}

/*========================
  08. Latest Work Area
=======================*/

.our-latest-work .section-title,
.team-area .section-title {
    margin-bottom: 60px;
}

.latest-work-menu li {
    border-right: 1px solid #c8c8c8;
    display: inline-block;
    position: relative;
}

.latest-work-menu li.active span,
.latest-work-menu li span:hover {
    color: #f0bc2e
}

.latest-work-menuli:last-child {
    border-right: medium none;
}

.latest-work-menu li span {
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 300;
    height: 31px;
    line-height: 31px;
    padding: 0 36px;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 99999;
}

.latest-work-menu.text-center ul {
    border: 1px solid #c8c8c8;
    display: inline-block;
}

.latest-work-menu {
    margin-bottom: 58px;
}

.work-hover {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-work {
    margin-bottom: 30px;
    position: relative;
}

.single-work:before {
    background: rgba(250, 194, 68, 0.85) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-work:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.single-work:hover .work-hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.work-hover>h5:before {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-bottom: 8px;
    margin-left: -51px;
    position: absolute;
    width: 102px;
}

.work-hover>h5 {
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 22px;
}

.work-hover>h5,
.work-hover h6 {
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.work-hover h6 {
    font-size: 12px;
    line-height: 12px;
}

.latest-work-btn a {
    border: 1px solid #bbb;
    color: #444;
    display: inline-block;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    text-transform: uppercase;
    font-size: 14px;
}

.latest-work-btn a:hover {
    border-color: #f2bd2e;
    color: #f2bd2e;
}

/*========================
  08. Fun Fact Area
=======================*/

.funt-fact {
    position: relative;
    background: url(img/bg/bg-2.jpg)no-repeat scroll center center / cover;
    padding: 90px 0;
}

.fun-fact-desc>h3,
.fun-fact-desc>h2 {
    color: #656565;
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: 500;
}

.single-fun-fact h2 {
    margin-bottom: 0;
}

.fun-fact-desc>h3 {
    margin-bottom: 15px;
}

.latest-work-btn {
    margin-top: 50px;
}

/*========================
  10. Testimonial Area
=======================*/

.testimonial {
    padding: 180px 0 170px;
    position: relative;
}

.testimonial.overlay:before {
    z-index: inherit;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.testimonial-desc>p {
    color: #ffffff;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
}

.testimonial-title>h2 {
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.testimonial-title>p {
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0;
}

.testimonial-desc {
    margin-bottom: 72px;
    position: relative;
}

.testimonial-desc:before {
    background: #ffffff none repeat scroll 0 0;
    bottom: -57px;
    content: "";
    height: 41px;
    position: absolute;
    width: 2px;
}

.testimonial-list.owl-carousel .owl-buttons>div {
    left: -354px;
}

.testimonial-list.owl-carousel .owl-buttons .owl-next {
    left: auto;
    right: -354px;
}

/*========================
  10. Contact Us
=======================*/

#hastech2 {
    height: 402px;
    width: 100%;
}

h3.main-contact {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 32px;
    text-transform: uppercase;
    color: #5b5b5b;
}

.main-input input {
    background-color: transparent;
    border: 1px solid #ddd;
    color: #888;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    height: 45px;
    padding-left: 20px;
    padding-right: 20px;
}

.text-leave2 textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #888;
    height: 150px;
    margin-bottom: 40px;
    font-family: "Ubuntu", sans-serif;
    padding: 14px 20px;
    font-size: 14px;
}

.text-leave2 input[type="submit"] {
    background-color: #f2bd2e;
    border: 1px solid #f2bd2e;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 50px;
    font-weight: 500;
    width: 20%;
}

.text-leave2 input[type="submit"]:hover {
    background-color: #464646;
    border: 1px solid #464646;
    color: #fff;
}

.conract-area-bottom {
    margin-top: 50px;
}

.main-input input::-webkit-input-placeholder,
.text-leave2 textarea::-webkit-input-placeholder {
    /* Chrome */
    color: #888;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.main-input input::-moz-placeholder,
.text-leave2 textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #888;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.conract-area-bottom .wpcf7-form-control.wpcf7-submit {
    width: 160px;
}

/*-----------
    Mobile menu css 
---------*/
.primary-nav-wrap .sub-menu>li:hover>a {
    background-color: #333;
    color: #F8C12C;
}

.header-menu .primary-nav-wrap .sub-menu>li>a,
.header-menu.header-sticky.sticky .primary-nav-wrap ul li a,
.header-menu .primary-nav-wrap ul li a {
    visibility: inherit;
}

.mean-container .mean-bar {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    top: 20px;
}

.mean-bar {
    background-color: transparent;
    min-height: auto !important;
    padding: 0;
    z-index: 9;
}

.mean-container a.meanmenu-reveal {
    text-indent: inherit;
}

a.meanmenu-reveal {
    height: auto !important;
    line-height: 1 !important;
    padding: 0 !important;
    top: -70px !important;
    width: auto !important;
}

.mean-container .mean-nav ul li a:hover {
    color: #f8c12c;
}

.mean-container .mean-nav ul li a {
    background: #fff none repeat scroll 0 0;
}

.mean-container .mean-nav ul li:first-child a {
    border: none;
}

.mean-container .mean-nav ul li {
    border-top: medium none;
}

.mobile-menu .menu ul li:first-child {
    margin-left: 0;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
    box-sizing: inherit;
}

/* portfolio details */

.portfolio-meta ul {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    margin: 0;
    padding: 0 20px;
}

.portfolio-meta ul li {
    border-bottom: 1px solid #e5e5e5;
    color: #666;
    padding: 15px 0;
}

.portfolio-meta ul li:last-child {
    border-bottom: 0 none;
}

.portfolio-meta ul>li i {
    color: #444;
    font-size: 16px;
    line-height: normal;
    margin-right: 20px;
}

.portfolio-meta ul li span {
    color: #444;
    font-weight: bold;
    margin-right: 5px;
}

.portfolio-meta ul li {
    list-style: none;
}

.project-desc {
    margin-bottom: 30px;
}

.project-desc h3 {
    border-bottom: 1px solid #e5e5e5;
    color: #444;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 22px;
    margin: 0 0 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.post-share ul {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    overflow: hidden;
    padding: 10px 0;
}

.post-share li {
    float: left;
    margin-right: 18px;
}

.post-share li a {
    display: block;
    font-size: 16px;
}

.portfolio-img>img {
    width: 100%;
}

#latest-news .meta-title .post-meta a {
    color: #fff;
}

.single-brand img,
.owl-wrapper-outer .item>img {
    -webkit-filter: grayscale(100%);
    -mz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%);
}

.single-brand img:hover,
.owl-wrapper-outer .item>img:hover {
    -webkit-filter: none;
    -mz-filter: none;
    -o-filter: none;
    filter: none;
}

.primary-nav-wrap ul li a {
    -webkit-transition: all 0.5s ease 0s !important;
    transition: all 0.5s ease 0s !important;
}

.feature-desc a:hover span i {
    margin-left: 28px;
}

.feature-desc a i {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.work-hover>h5 a {
    color: #fff;
}

.work-hover>h5 a:hover {
    color: #333;
}

.meta-title {
    pointer-events: none;
}

.search-results article {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 45px;
    padding: 25px 15px 25px 25px;
}

.search-results span {
    margin-right: 8px;
}

.story-hbtitle>p span {
    display: block;
    margin-top: 15px;
    padding-bottom: 8px;
}

.primary-nav-wrap ul li ul li {
    border: medium none !important;
}

.primary-nav-wrap ul li ul li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 10px 0 10px 15px;
}

.primary-nav-wrap ul li ul li:last-child a {
    border-bottom: none;
}

.single-footer ul.footer-social li a:hover {
    color: #ffffff;
}

.header_1 .primary-nav-wrap ul.menu>li {
    display: inline-block;
    padding: 0 15px;
}

.header_1 .primary-nav-wrap ul.menu li ul.sub-menu,
.header-style-2 .primary-nav-wrap ul.menu>li ul.sub-menu {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    margin-left: 0;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 200px;
    z-index: 999;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.header_1 .primary-nav-wrap ul.menu>li>a {
    display: block;
    padding: 35px 0;
}

.header-area.header_1 {
    padding-bottom: 0;
}

.header_1 .header-menu-wrap .site-logo h3 {
    margin-top: 0;
}

.header_1 .primary-nav-wrap ul.sub-menu li>a {
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0 10px 15px;
}

.header_1 .primary-nav-wrap ul.menu li:hover ul.sub-menu,
.header-style-2 .primary-nav-wrap ul.menu>li:hover ul.sub-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.header_1 .primary-nav-wrap ul.menu li:hover ul.sub-menu li ul.sub-menu,
.header-style-2 .primary-nav-wrap ul.menu>li:hover ul.sub-menu li ul.sub-menu {
    opacity: 0;
    visibility: hidden;
}

.header_1 .primary-nav-wrap ul.menu li:hover ul.sub-menu li:hover ul.sub-menu,
.header-style-2 .primary-nav-wrap ul.menu>li:hover ul.sub-menu li:hover ul.sub-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.header-style-2 .primary-nav-wrap ul.menu>li {
    padding: 0 30px;
}

.header-style-2 .primary-nav-wrap ul.menu>li>a {
    display: block;
    padding: 30px 0;
    text-transform: uppercase;
}

.header-area.header-style-2 {
    padding-bottom: 0;
}

.header-style-2 .primary-nav-wrap ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-style-2 .primary-nav-wrap ul.menu>li ul li a {
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 16px 10px;
    text-transform: uppercase;
}

.mean-container .mean-nav ul li a {
    width: 100%;
}

.our_brand_logo .owl-item .item {
    text-align: center;
}

.mean-container .mean-nav ul li a.mean-expand {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 48px;
    line-height: 30px;
    width: 45px !important;
}

#call_to_action {
    box-sizing: inherit;
}