/*
Theme Name: Corporate Key
Theme URI: https://axlethemes.com/wordpress-themes/corporate-key/
Author: Axle Themes
Author URI: https://axlethemes.com/
Description: Corporate Key is a beautiful, creative and Elementor compatible WordPress theme with mezmerizing design. It is easy to use and can be use efficiently which helps you compete in your niche market. Corporate Key is woocommerce compatible and user can easily install an unrestricted and change it to anything they like as it is an multipurpose theme. If you are looking to conduct some real business and want to put it online, Corporate Key is the theme made specifically to suit your needs. Demo - https://axlethemes.com/theme-demo/?demo=corporate-key
Version: 2.0.2
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: corporate-key
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, footer-widgets, custom-logo, blog

Corporate Key WordPress Theme, Copyright 2019 Axle Themes
Corporate Key is distributed under the terms of the GNU GPL

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.

This theme is based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*=========================================================

****************** TABLE OF CONTENTS: *********************

===========================================================
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries


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

/*===========================================================
# Normalize
===========================================================*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
}

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

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

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

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

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

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

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

/*===========================================================
# Typography
===========================================================*/

button,
input,
select,
textarea {
    color: #737272;
    font-size: 14px;
    line-height: 1.5;
}

body {
    font-size: 15px;
    line-height: 1.7;
    color: #444;
    font-family: 'Open Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 15px 0;
}
h1, h2, h3, h4, h5, h6 {
    color: #4e5052;
    font-weight: 500;
    font-family: 'Roboto Condensed', sans-serif;
}
h1 {
    font-size: 30px;
}

h2 {
    font-size: 22px;
}

h3{
    font-size: 18px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}
p {
    color:#666;
}
dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

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

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

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

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

big {
    font-size: 125%;
}

/*===========================================================
**************************Elements *************************
===========================================================*/

html {
    box-sizing: border-box;
}

*,
*::before,
*::after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
        background-color: #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.5em;
}
ul, ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}
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. */
}

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

td, th,
.mce-item-table td,
.mce-item-table th {
    border: 1px solid #ddd;
    padding: 5px;
}
blockquote, q {
    quotes: "" "";
    padding-left: 15px;
    border-left: 5px solid #f0632b;
    display: block;
    margin-bottom: 15px;
}

/*===========================================================
**************************** Forms *************************
===========================================================*/
.woocommerce #primary .button {
    background: #f0632b;
    font-weight: normal;
    border-radius: 0;
    color: #fff;
}
 .woocommerce #primary .button:hover {
    background-color: #f0632b;
}

button,
.comment-reply-link,
.comment-reply-link:visited,
 a.button,
 a.button:visited, input[type="button"],
 input[type="reset"],
 input[type="submit"] {
    background: #f0632b none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 15px;
    border-radius: 27px;
}


button:hover,
.comment-reply-link:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #EE3B24 ;
}

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;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
    color: #666;
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline:none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"]{
    padding: 6px 0 6px 9px;
}

select {
    width: 100%;
    padding:5px;
}

textarea {
    padding:10px 20px;
    width: 100%;
}
a.button:hover{
    color:#fff;
}

a.button::after,
a.read-more::after,
a.view-more::after,
a.more-link::after{
    content: "\f0a9";
    font-family: FontAwesome;
    margin-left: 6px;
    font-size: 14px;
    font-weight: 100;
}



a.view-more {
    border-radius: 0;
    color: #ffffff;
    padding: 8px 20px;
    transition: all 0.2s ease 0s;
    display: inline-block;
    margin: 0 5px;
    background: #f0632b;
    font-size: 15px;
    margin-top: 25px;
}

.view-more-wrapper {
    clear: both;
    text-align: center;
}

/*===========================================================
**************************** Links *************************
===========================================================*/

a {
    color: #f0632b;
    text-decoration: inherit;
}

a:visited {
    color: #f0632b;
}

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

a:focus {
    outline:inherit;
}

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


/*===========================================================
*************comment and post navigation ********************
===========================================================*/


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



.post-title {
    font-size: 17px;
    margin-top: 15px;
}

.meta-nav {
    background: #f0632b none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    margin-right: 15px;
    padding: 7px 10px;
    text-align: center;
    width: 115px;
}

.navigation .nav-links .nav-next,
.navigation .nav-links .nav-next{
    float: right;
}

.navigation .nav-links .nav-previous,
.navigation .nav-links .nav-previous {
    float: left;
}


.post-navigation a, .posts-navigation a {
    background: #f0632b none repeat scroll 0 0;
    border-radius: 27px;
    color: #ffffff;
    display: block;
    font-weight: 500;
    padding: 6px 15px;
}

.navigation, .pagination {
    margin-top: 15px;
    clear: both;
    text-align: center;
}


.post-navigation .nav-links .nav-next a::after,
.posts-navigation  .nav-next a:after{
    content: "\f0a9";
    font-family: FontAwesome;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 100;
}
.post-navigation .nav-links .nav-previous a::before,
.posts-navigation  .nav-previous a:before {
    content: "\f0a8";
    font-family: FontAwesome;
    margin-right: 6px;
    font-size: 12px;
    font-weight: 100;
}

.navigation.pagination .nav-links .page-numbers {
    padding: 5px 10px;
    text-align: center;
    background-color: #f9f9f9;
}
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover {
    background: #f0632b  none repeat scroll 0 0;
    color: #ffffff;
}

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

/*===========================================================
*************Accessibility ********************
===========================================================*/

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;/* It should be ablolute */
    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; /* It should be clip auto */
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */

}

/*===========================================================
********************** Alignments ********************
===========================================================*/


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

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

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

.alignnone{
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;

}

/*===========================================================
********************** Clearings ********************
===========================================================*/

.clear-fix::before,
.clear-fix::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,
#sidebar-front-page-widget-area::after,
#sidebar-front-page-widget-area::before,
#featured-slider::after,
#featured-slider::before,
.widget::after,
.widget::before,
.inner-wrapper::before,
.inner-wrapper::after {
    content: "";
    display: table;
    clear:both;
}


/*===========================================================
********************** Widgets ********************
===========================================================*/

.widget {
    margin:30px 0 0;
}
.widget:first-child {
    margin: 0;
}

/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}




/*==========================================================
********************** Content ********************
===========================================================*/

    /*==========================================================
    ********************** Posts and pages ********************
    ===========================================================*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

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

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

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


.entry-meta > span, .entry-footer > span, .single-post-meta > span {
    margin: 0 10px 0 0;
    float: left;
    margin-bottom: 15px;
}

.entry-meta > span a ,
.single-post-meta > span a,
.entry-footer > span a{
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}
footer.entry-footer {
    margin-top: 15px;
    overflow: hidden;
}
.entry-meta > span::before,
.entry-footer > span::before{
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "";
    color: #666;
    float: left;
}

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

.entry-footer span {
    margin-right: 15px;
    float: left;
    display: block;
}
span.comments-link::before {
    content: "\f086";
}

.entry-meta .posted-on::before,
.entry-footer .posted-on::before {
    content: "\f017 ";
}

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


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

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

.entry-footer .tags-links::before{
    content: "\f02c";
}

/*==========================================================
********************** Asides ********************
===========================================================*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*==========================================================
********************** Comments ********************
===========================================================*/


#respond {
    clear: both;
    display: block;
    float: left;
    width: 97%;
}

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

.bypostauthor {
    display: block;
}

.comments-area form#commentform p {
    float: left;
    width:100%;
}

.comments-area #commentform p.comment-notes,
.comments-area #commentform p.comment-form-comment {
    width: 100%;
}

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

.bypostauthor {
    display: block;
}


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

.comments-area form#commentform p.logged-in-as {
    width: 100%;
}

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

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

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

.comment {
    background-position: 0 -74px;
    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: 15px 0 15px 15px;
    width: 98%;
}

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

.comment .comment-body {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-bottom: 15px !important;
    margin-top: 5px;
    padding: 20px 20px 10px;
    position: relative;
    text-align: left;
    width: 100%;
}

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

.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}

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

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

.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}

.comment-metadata {

    margin-bottom: 10px;
}

.comment-reply-link {
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
    padding: 1px 15px 3px;
}

a.comment-reply-link:hover {
    color: #fff;
}

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

.comment-respond label {
    display: block;
    font-weight: normal;
}

.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}

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

.bypostauthor {
    display: block;
}

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

#commentform  p.form-submit {
    margin-top: 30px;
}
#commentform  span.required {
    color: #f0632b;
}

/*==========================================================
********************** Infinite scroll ********************
===========================================================*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*==========================================================
********************** Media ********************
===========================================================*/

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*==========================================================
********************** Captions ********************
===========================================================*/

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

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

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

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


/*==========================================================
********************** Galleries ********************
===========================================================*/

.gallery {
    margin-bottom: 1.5em;
    margin-left: -5px;
    margin-right: -5px;
}

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

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

.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;
}
/*===========================================================
**************************** Social Links *********************
===========================================================*/

.corporate_key_widget_social {
    clear: both;
    overflow: hidden;
}

.corporate_key_widget_social ul {
    margin: 0;
}

.corporate_key_widget_social li a {
    background-color: #333;
    border: medium none;
    display: inline-block;
    height: 38px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 38px;
    margin-bottom: 5px;
}

.corporate_key_widget_social li {
    display: block;
    float: left;
    margin-right: 5px;
}

.widget-area .corporate_key_widget_social li,
#footer-widgets .corporate_key_widget_social li {
    padding: 0;
}
.widget-area .corporate_key_widget_social li::before,
#footer-widgets .corporate_key_widget_social li::before {
    display: none;
}


.corporate_key_widget_social li a i {
    color:#cacad8;
    font-size: 18px;
    font-weight: normal;
}

.corporate_key_widget_social ul li a::before {
    color: #ffffff;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 2.8;
    font-size: 14px;
}

.corporate_key_widget_social ul li a:hover {
    background-color:#cacad8;
}

.corporate_key_widget_social ul li a:hover::before {
    color: #fff;
}

.corporate_key_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.corporate_key_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.corporate_key_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.corporate_key_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.corporate_key_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.corporate_key_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.corporate_key_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.corporate_key_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.corporate_key_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}

.corporate_key_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.corporate_key_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.corporate_key_widget_social ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

.corporate_key_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.corporate_key_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.corporate_key_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.corporate_key_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.corporate_key_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.corporate_key_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.corporate_key_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.corporate_key_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.corporate_key_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.corporate_key_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}
.corporate_key_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}
.corporate_key_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}
.corporate_key_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.corporate_key_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.corporate_key_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.corporate_key_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.corporate_key_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.corporate_key_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}

/*social links hover effect */

.corporate_key_widget_social ul li a[href*="facebook.com"]:hover {
    background-color: #3b5998;
}

.corporate_key_widget_social ul li a[href*="twitter.com"]:hover {
    background-color: #00aced;
}

.corporate_key_widget_social ul li a[href*="plus.google.com"]:hover {
    background-color: #dd4b39;
}

.corporate_key_widget_social ul li a[href*="/feed/"]:hover  {
    background-color: #dc622c;
}

.corporate_key_widget_social ul li a[href*="wordpress.org"]:hover {
    background-color: #21759b;
}

.corporate_key_widget_social ul li a[href*="github.com"]:hover {
    background-color: #4183c4;
}

.corporate_key_widget_social ul li a[href*="linkedin.com"]:hover {
    background-color: #007bb6;
}

.corporate_key_widget_social ul li a[href*="pinterest.com"]:hover {
    background-color: #cb2027;
}

.corporate_key_widget_social ul li a[href*="flickr.com"]:hover {
    background-color: #ff0084;
}

.corporate_key_widget_social ul li a[href*="vimeo.com"]:hover {
    background-color: #aad450;
}

.corporate_key_widget_social ul li a[href*="youtube.com"]:hover {
    background-color: #bb0000;
}

.corporate_key_widget_social ul li a[href*="instagram.com"]:hover {
    background-color: #517fa4;
}

.corporate_key_widget_social ul li a[href*="dribbble.com"]:hover {
    background-color: #ea4c89;
}

.corporate_key_widget_social ul li a[href*="skype.com"]:hover {
    background-color: #12a5f4;
}

.corporate_key_widget_social ul li a[href*="digg.com"]:hover {
    background-color: #333;
}

.corporate_key_widget_social ul li a[href*="codepen.io"]:hover {
    background-color: #000;
}

.corporate_key_widget_social ul li a[href*="reddit.com"]:hover {
    background-color: #ff4500;
}

.corporate_key_widget_social ul li a[href*="mailto:"]:hover {
    background-color: #1d62f0;
}

.corporate_key_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}

.corporate_key_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.corporate_key_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.corporate_key_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.corporate_key_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color: #f94877;
}

.corporate_key_widget_social ul li a[href*="stumbleupon.com"]:hover {
    background-color: #eb4924;
}

.corporate_key_widget_social ul li a[href*="twitch.tv"]:hover {
    background-color: #6441a5;
}

.corporate_key_widget_social ul li a[href*="tumblr.com"]:hover {
    background-color: #32506d;
}

.corporate_key_widget_social ul li a[href*="soundcloud.com"]:hover {
    background-color: #ff5500;
}

.corporate_key_widget_social ul li a[href*="wordpress.org"]:hover {
    background-color:#21759b;
}

.corporate_key_widget_social ul li a[href*="jsfiddle.net"]:hover {
    background-color:#4679bd;
}

.corporate_key_widget_social ul li a[href*="tripadvisor.com"]:hover {
    background-color:#86c171;
}

.corporate_key_widget_social ul li a[href*="foursquare.com"]:hover {
    background-color:#2d5be3;
}

.corporate_key_widget_social ul li a[href*="angel.co"]:hover {
    background-color:#000;
}

.corporate_key_widget_social ul li a[href*="slack.com"]:hover {
    background-color:#56b68b;
}


/*==========================================================
********************** Page ********************
===========================================================*/

#page {
    position: relative;
    margin: 0 auto;
}



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

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


/*==========================================================
********************** Header Style ********************
===========================================================*/


.right-head {
    float: right;
    margin-left: 15px;
    padding: 20px 0;
}
.cart-section {
    float: right;
    margin-right: 20px;
    position: relative;
}
.cart-section i.fa.fa-shopping-cart {
    font-size: 22px;
}
.cart-section span.cart-value {
    position: absolute;
    top: -18px;
    left: 3px;
    background: #f0632b;
    color: #fff;
    border-radius: 100%;
    min-height: 20px;
    min-width: 20px;
    font-size: 12px;
    text-align: center;
}
.cart-section a, .header-search-box a {
    color: #444;
}
.header-social {
    float: right;
    margin-top: 20px;
    padding: 0 15px;
}

.home.header-overlap-enabled #masthead {
    position: absolute;
    top: 0;
    background-color:inherit;

}

#masthead {
    clear: both;
    top: 15px;
    width: 100%;
    z-index: 99999;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    top: 0;
    padding: 15px 0;
    background: #fff;
}
/*sticky menu*/
.enabled-sticky-primary-menu #masthead.fixed {
    background: #fff  none repeat scroll 0 0;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    left: 0;
    padding: 5px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.home.header-overlap-enabled #masthead a,
.home.header-overlap-enabled #masthead .site-description {
    color: #fff;
}
.home.header-overlap-enabled #masthead .cart-section a{
    color:#fff;
}



.home.header-overlap-enabled #masthead.fixed .site-branding a:hover,
.home.header-overlap-enabled #masthead .site-branding a:hover{
    color: #f0632b;
}



.home.header-overlap-enabled #masthead.fixed a,
.home.header-overlap-enabled #masthead.fixed .site-description {
    color: #444;
}

.home.header-overlap-enabled #masthead.fixed .cart-section a{
    color:#444;
}

/*hover*/
#site-identity {
    float: left;
}

#custom-logo-link {
    max-width: 300px;
}

.site-branding {
    float: left;
    margin-bottom: 0;
    margin-right: 30px;
    margin-top: 10px;
}

#site-identity {
    float: left;
}

.site-branding a {
    color: #222;
}

.site-branding a:hover {
    color: #f0632b;
}

.custom-logo-link {
    float: left;
    max-width: 280px;
    margin-right: 15px;
}

.site-title {
    float: left;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 1px;
}
.site-description {
    clear: both;
    color: #222;
    font-size: 14px;
    font-style: inherit;
    font-weight: 400;
    margin: 0;
}


.header-search-box {
    float: right;
    position: relative;
}

.header-search-box > a {
    display: block;
}

.header-search-box > a i {
    font-size: 17px;
}

.header-search-box > a:hover {
    color: #f0632b;
}

.header-search-box .search-box-wrap {
    background: rgb(243, 243, 243) none repeat scroll 0 0;
    top: 54px;
    display: none;
    padding: 12px;
    position: absolute;
    right: 7%;
    width: 300px;
    z-index: 9999;
    right: 3%;
}

.right-head .header-search-box .search-box-wrap {
    width:300px;
}

.search-form input.search-field,
.woocommerce-product-search .search-field  {
    border: 1px solid #dddddd;
    height: 15px;
    padding: 10px 9% 10px 10px;
    width: 86%;
}

.search-box-wrap .search-form input.search-field,
.woocommerce-product-search .search-field {
    color: #222222;
}

.search-form,
.woocommerce-product-search {
    position: relative;
}

.search-form .search-submit,
.woocommerce-product-search button {
    border: medium none;
    border-radius: 0;
    font-size: 13px;
    height: 37px;
    line-height: 1.8;
    padding: 0 20px;
    position: absolute;
    right: 0;
    top: 0;
    font-family: FontAwesome;
}
.woocommerce-product-search button {
	font-family: inherit;
}

/*===========================================================
**************************** Navigation *********************
===========================================================*/

#main-nav {
    float: right;
    padding-top: 15px;
    width: auto;
}

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

.main-navigation ul ul {
    animation-fill-mode: forwards;
    background-color: #444444;
    box-shadow: 1px 1px 2px #000000;
    display: block;
    left: 0;
    min-width: 200px;
    opacity: 0;
    position: absolute;
    top: 116%;
    transform: scale(1, 0);
    transform-origin: center top 0;
    transition: transform 0.5s ease 0s, opacity 0.2s ease 0s;
    z-index: 1000;
}

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

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

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

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

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

.main-navigation ul li a {
    color: #444;
    display: block;
    font-size: 14px;
    padding: 5px 15px;
    position: relative;
    z-index: 99;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;

}
.main-navigation ul ul a,
.home.header-overlap-enabled #masthead.fixed .main-navigation ul ul a{
    border-bottom: 1px solid rgba(221, 221, 221, 0.34);
    border-left: medium none;
    border-right: medium none;
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    height: auto;
    padding: 10px 20px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
}

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

.main-navigation ul li.menu-item-has-children > a::after,
.main-navigation ul li.page_item_has_children > a::after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
    right: 10px;
    top: 5px;

}

.main-navigation ul li li.menu-item-has-children > a::after,
.main-navigation ul li li.page_item_has_children > a::after {
    content: "\f105";
    top: 10px;
}

.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::before,
.main-navigation li.current-menu-item > a::before,
.main-navigation li.current_page_item > a::before {
    background: #f0632b none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 35px;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.main-navigation li li a::before,
.main-navigation li li.current-menu-item > a::before,
.main-navigation li li.current_page_item > a::before  {
    display: none;
}

.main-navigation li a:hover::before,
.main-navigation li.current-menu-item > a::before,
.main-navigation li.current_page_item > a::before,
.main-navigation li:hover > a::before {
    position: absolute;
    width: 80%;
    opacity: 1;
    left: 10%;
}
.main-navigation ul ul li a:hover,
.main-navigation ul ul li.current-menu-item a,
.main-navigation ul ul li.current_page_item a,
.main-navigation ul ul li:hover > a,
.home.header-overlap-enabled #masthead .main-navigation ul ul li a:hover,
.home.header-overlap-enabled #masthead.fixed .main-navigation ul ul li a:hover {
    color: #fff;
    background-color:inherit;
}

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


/*==========================================================
********************** Main slider ********************
===========================================================*/

#featured-slider {
    overflow: hidden;
    position: relative;
    clear: both;
}

#main-slider {
    clear: both;
    position: relative;
    z-index: 999;
}

#main-slider img {
    width: 100%;
    vertical-align: middle;
}

#main-slider article {
    width: 100%;
    display: none;
}

#main-slider article.first {
    display: block;
}

#main-slider .cycle-slideshow {
    margin-bottom: 0;
    padding: 0;
}

#main-slider .cycle-caption {
    bottom: 36%;
    left: 20%;
    max-width: 100%;
    position: absolute;
    right: 0;
    white-space: normal;
    width: 60%;
    z-index: 9999;
    text-align: center;
}
#main-slider h3 {
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    margin-bottom: 20px;
    opacity: 0;
    padding-right: 100px;
    transition: all 0.5s linear 1s;
}
#main-slider p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
        opacity: 0;
    -webkit-transition: all 0.5s linear 1.5s;
    -moz-transition: all 0.5s linear 1.5s;
    -ms-transition: all 0.5s linear 1.5s;
    -o-transition: all 0.5s linear 1.5s;
    transition: all 0.5s linear 1.5s;
    padding-left: 100px;
}

#main-slider a,
#main-slider h3 {
    color: #ffffff;
}

#main-slider  .slider-buttons a{
   opacity: 0;
    -webkit-transition: opacity 0.5s linear 2s;
    -moz-transition: opacity 0.5s linear 2s;
    -ms-transition: opacity 0.5s linear 2s;
    -o-transition: opacity 0.5s linear 2s;
    transition: opacity 0.5s linear 2s;
}

#main-slider .cycle-slide-active h3,
#main-slider .cycle-slide-active p,
#main-slider .cycle-slide-active .slider-buttons a{
    opacity: 1;
}

#main-slider .cycle-slide-active h3 {
    padding-right: 0;
}
 #main-slider h3::first-letter {
    color: #f0632b;
    display: block;
}
#main-slider .cycle-slide-active p {
    padding-left: 0;
}

#main-slider .cycle-slide-active .slider-buttons {
    opacity: 1;
    padding-right: 0;
}


#main-slider article:before  {
    background: url('images/overlay.png');
    content: "";
    opacity: 0.6;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 991;
    width: 100%;
}

/*slider pager box*/

#main-slider .cycle-pager {
    bottom: 40px;
    left: 0;
    position: absolute;
    z-index: 999;
    width: 100%;
    text-align: center;
}

#main-slider .pager-box {
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    float: none;
    height: 15px;
    margin: 0 3px;
    width: 15px;
    z-index: 99;
    border-radius: 100%;
    border: 2px solid #fff;
}

#main-slider .pager-box.cycle-pager-active,
#main-slider .pager-box:hover {
    background-color: #f0632b ;
}

/*Slider cycle next / previous*/

#main-slider .cycle-prev,
#main-slider .cycle-next {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 0.8;
    padding: 5px 15px;
    text-align: center;
    z-index: 999;
    position: absolute;
    top: 48%;
    border-radius: 100%;
    background: rgba(241, 241, 241, 0.14) none repeat scroll 0 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out 0s;
    border: 2px solid #fff;
}

#main-slider .cycle-prev:hover,
#main-slider .cycle-next:hover {
    background: #f0632b none repeat scroll 0 0;
    color: #fff;
    border-color:#f0632b;
}

#main-slider .cycle-prev {
    left:-50px;
}

#main-slider .cycle-next {
    right:-50px;
}

#main-slider:hover .cycle-prev {
    left: 50px;
    visibility: visible;
}

#main-slider:hover .cycle-next {
    right:50px;
    visibility: visible;
}

#main-slider .cycle-prev i,
#main-slider .cycle-next i {
    font-size: 34px;
}

#main-slider .slider-buttons a {
    border: 2px solid rgba(255, 255, 255, 0.87);
    border-radius: 27px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    line-height: 1.5;
    margin: 4px 8px 0;
    min-width: 150px;
    padding: 10px 20px;
    text-transform: uppercase;
}

#main-slider .slider-buttons a.button-primary:hover {
    background: #EE3B24;
    color: #fff;
    border-color: #EE3B24;
}

#main-slider .slider-buttons a::after {
    content: "\f0a9";
    font-family: FontAwesome;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 100;
}

#main-slider  .slider-buttons {
    margin-top: 30px;
}

#main-slider .slider-buttons a.button-primary {
    background: #f0632b;
    border-color: #f0632b;
}

#main-slider  .slider-buttons a:hover {
    background: #f0632b;
    color: #fff;
    border-color: #f0632b;
}


/*===========================================================
**************************** Main Content *******************
===========================================================*/

#primary {
    width:75%;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
}

#content {
    padding: 40px 0;
    clear: both;
}

.page-template-front #content {
    display: none;
}

.elementor-template-full-width #content {
    padding: 0;
}

#primary img.corporate-key-post-thumb {
    margin: 0 auto;
    display: block;
    vertical-align: middle;
    width: 100%;
}

.page-header {
    background: #fff;
    padding: 15px 30px;
    border: 1px solid #f1f0f0;
}

.entry-header {
    margin-top: 15px;
}

#custom-header {
    background-size: 100% 100%;
    padding: 40px 0;
    position: relative;
    text-align: center;
    z-index: 99;
    background-color: #888;
}

#custom-header .custom-header-title{
    color:#fff;
}

#custom-header .custom-header-title::first-letter {
    color: #f0632b;
    display: block;
}

#custom-header:before {
    background-image: url(images/overlay.png);
    content: "";
    opacity: 0.6;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    z-index: -88;
    width: 100%;
    background-color: #000;
}

.page-header h1 {
    margin-bottom: 0;
    text-align: center;
}

#primary .site-main article {
    margin-bottom: 30px;
    background: #f9f9f9;
    padding: 20px;
}


.entry-title {
    margin-bottom: 0;
}

.entry-title a{
    color:#444;
}

.entry-title a:hover{
    color:#f0632b;
}

#primary .site-main article .entry-content {
    text-align: left;
}

#primary .site-main .entry-footer a.read-more {
    float: right;
}


body.blog #primary .site-main article:nth-child(2n+3),
body.archive #primary .site-main article:nth-child(2n+3) {
    clear: both;
}

body.blog #primary .site-main article.layout-grid:nth-child(2n+2),
body.archive #primary .site-main article.layout-grid:nth-child(2n+2) {
    margin-right: 0;
}

body.blog #primary .site-main article.layout-grid,
body.archive #primary .site-main article.layout-grid {
    width: 48%;
    padding: 15px;
    float: left;
    margin-right: 4%;
}


/*===========================================================
**************************** Sidebar *******************
===========================================================*/

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

.sidebar .widget-title {
    border-bottom: 1px solid #f1f0f0;
    padding-bottom: 10px;
    line-height: 1;
}


#sidebar-primary {
    float: right;
}


#sidebar-secondary {
    float: left;
}

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

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

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

.widget-area ul li {
    padding-bottom: 5px;
    padding-left: 15px;
    padding-top: 5px;
    position: relative;

}

.widget-area ul li::before {
    background: #aaaaaa none repeat scroll 0 0;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 9px;
    height: 6px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 6px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}



.widget-area ul ul ul ul ul > li {
    padding-left: 0;
}

.widget-area ul ul ul ul ul > li::before {
    left:-20px;
}

.widget_calendar caption {
    background: #f0632b none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}

.sidebar a.read-more {
    font-size: 13px;
}

.sidebar a.read-more::before {
    font-size: 10px;
}

/*===========================================================
**************************** Footer *******************
===========================================================*/

#colophon {
    background-color: #2a2a2a;
    clear: both;
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
}

#colophon a {
    color:#ccc;
}

#colophon a:hover {
    color:#f0632b;
}

#colophon .copyright {
    margin-bottom: 5px;
}


/*===========================================================
**************************** Footer Widgets *****************
===========================================================*/

#footer-widgets {
    background: #444;
    overflow: hidden;
    padding: 40px 0;
    color: rgba(255, 255, 255, 0.75);
    border-top: 3px solid #f0632b;
}

#footer-widgets ul {
    list-style: none;
    margin: 0;
}

#footer-widgets ul li {
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 0px 15px 0 20px;
    position: relative;
}

#footer-widgets ul li::before {
    background: #fff;
    top: 10px;
}

#footer-widgets a:hover {
    color:#fff;
}

#footer-widgets .widget-column {
    float: left;
    padding: 0 25px;
    width: 25%;
}

#footer-widgets a {
    color:rgba(255, 255, 255, 0.75);
}

#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-column {
    float: left;
    padding: 0 20px;
}

#footer-widgets .widget-title {
    color: #ffffff;
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
}

#footer-widgets .widget-title::after {
    content: "";
    display: block;
    background: #777;
    width: 100%;
    height: 1px;
    margin-top: 5px;
    margin-bottom: 20px;
}

/*===========================================================
*********************** Footer Navigation *****************
===========================================================*/

#footer-navigation li {
    display: inline-block;
    list-style: outside none none;
}
#footer-navigation li a {
    color: #ffffff;
    display: block;
    padding: 5px 10px;
}

#footer-navigation ul {
    margin: 0;
}

/*Scrollup Style*/

.scrollup {
    background-color: #f0632b;
    bottom: 50px;
    color: #ffffff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 5px 10px;
    position: fixed;
    right: 32px;
    text-align: center;
    border-radius: 100%;
    z-index: 999;
}

.scrollup:hover {
    background-color:#f0632b;
}

.scrollup i {
    color:#fff;
    font-size:32px;
}


/*===========================================================
*********************** layout sidebar *****************
===========================================================*/


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

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

.three-columns-enabled .sidebar {
    float: right;
    width: 25%;
}

.global-layout-no-sidebar #primary{
    width: 100%;
}
.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;
}


/*===========================================================
*********************** Inner Pages  *****************
===========================================================*/

/*===========================================================
*********************** Breadcrumb  *****************
===========================================================*/



#breadcrumb {
    overflow: hidden;
}

#breadcrumb li {
    display: inline-block;
    list-style: outside none none;
    padding-right: 10px;
    color: #fff;
    font-size: 17px;
}
#breadcrumb li a:hover {
    color:#fff;
}
#breadcrumb li.trail-item.trail-end::after,
#breadcrumb li:last-child::after {
    display: none;
}

#breadcrumb ul {
    margin:0;
    padding: 0;
}

#breadcrumb li::after {
    content: "/";
    margin-left: 10px;
}

#breadcrumb  .trail-items {
    margin: 0;
    padding: 0;
}

/*===========================================================
*********************** Error 404 Page  *****************
===========================================================*/


section.error-404 {
    text-align: center;
}

#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}

#quick-links-404 ul li a {
    color: #404040;
    display: block;
    padding: 5px 10px;
}

.error404 #primary {
    width: 100%;
}

.error404 .search-form {
    max-width: 300px;
    margin: 10px auto;
}

/*contact form 7*/

.wpcf7-form {
    max-width: 875px;
}

div.wpcf7 {
    margin: 0 auto;
    padding: 0;
}

.wpcf7 input {
    width: 100%;
}

.wpcf7 input.wpcf7-submit {
    width: auto;
}


/*===========================================================
*********************** Front Page Widget  *****************
===========================================================*/

#sidebar-front-page-widget-area {
    clear: both;
    background: #fff;
}

#sidebar-front-page-widget-area .widget {
    padding: 40px 0;
    margin-top: 0;
}

#sidebar-front-page-widget-area  .widget:first-child {
    margin-top: 0;
}

#sidebar-front-page-widget-area .widget-title {
    display: block;
}

#sidebar-front-page-widget-area .widget-title::first-letter {
    color: #f0632b;
    display: block;
}
#sidebar-front-page-widget-area .widget-title {
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}
#sidebar-front-page-widget-area .subtitle {
    font-size: 17px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto 30px;
}
.widget.widget_tag_cloud .tagcloud a {
    display: inline-block;
    font-size: 15px!important;
    border: 1px solid;
    margin-bottom: 5px;
    padding: 0 14px;
}
a.read-more {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
/*===========================================================
*********************** Service Widget  *****************
===========================================================*/

.corporate_key_widget_services .service-block-item {
    float: left;
    padding: 15px;
    transition: all 0s ease-in-out 0s;
    text-align: center;
    margin-top: 20px;
}
.corporate_key_widget_services .service-block-inner {
    padding: 20px 15px 15px;
    transition: all 0.2s ease 0s;
}
.corporate_key_widget_services .service-block-inner:hover a{
   color: #f0632b;
}

.corporate_key_widget_services .service-block-item i {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: normal;
    overflow: hidden;
    position: relative;
}
.corporate_key_widget_services .service-block-inner > a {
    display: block;
    height: 80px;
    padding: 25px 0;
    margin: 0 auto 0;
    overflow: hidden;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    width:80px;
    border-radius: 100%;
    background: #f0632b;
    position: relative;
    top: -35px;
    margin-bottom: -35px;
}
.corporate_key_widget_services .service-block-inner-content {
    display: table;
    padding: 15px 10px 15px;
}

.corporate_key_widget_services .service-item-title {
    margin-bottom: 10px;
}
.corporate_key_widget_services .service-item-title a {
    color:#444;
}
.corporate_key_widget_services .service-block-item .custom-button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #222222;
    margin: 0;
    padding: 0;
}

.corporate_key_widget_services .service-block-item .custom-button:hover {
    background:none;
}

.corporate_key_widget_services .service-block-inner{
    background: #f9f9f9;
}

.corporate_key_widget_services .service-block-inner {
    padding: 0 15px 30px;

}

.corporate_key_widget_services .service-col-4 .service-block-item {
    width: 25%;
}

.corporate_key_widget_services .service-col-3 .service-block-item {
    width: 33.33%;
}

.corporate_key_widget_services .service-col-2 .service-block-item {
    width: 50%;
}

.corporate_key_widget_services .service-col-4 .service-block-item:nth-child(4n+1),
.corporate_key_widget_services .service-col-3 .service-block-item:nth-child(3n+1),
.corporate_key_widget_services .service-col-2 .service-block-item:nth-child(2n+1) {
    clear: both;
}

.sidebar .corporate_key_widget_services .service-block-item,
#footer-widgets  .service-block-item{
    width: 100%;
}

.sidebar .corporate_key_widget_services a.custom-button:hover {
    color: #fff;
}

/*===========================================================
*********************** call to action Widget  **************
===========================================================*/

 .corporate_key_widget_call_to_action {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 22;
    background: #444 none repeat scroll 0 0;
    padding: 70px 0;
    text-align: center;
}

#sidebar-front-page-widget-area  .widget.corporate_key_widget_call_to_action::before,
.widget.corporate_key_widget_call_to_action::before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    top:0;
    left: 0;
    z-index: -1;
    display: block;
}

#sidebar-front-page-widget-area  .corporate_key_widget_call_to_action {
     padding: 70px 0;
 }

.corporate_key_widget_call_to_action .widget-title {
    text-align: center;
    border: none;
    padding: 0;
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 10px!important;
    color: #fff;
}
.corporate_key_widget_call_to_action p {
    font-size: 17px;
    color: #fff;
}
 .corporate_key_widget_call_to_action .cta-content {
    max-width: 900px;
    margin: 0 auto;
}
.corporate_key_widget_call_to_action .call-to-action-buttons {
    margin-top: 30px;
}

.corporate_key_widget_call_to_action .call-to-action-buttons {
    margin-top: 25px;
    float: none;
    clear: both;
    display: block;
}
.corporate_key_widget_call_to_action a.button.cta-btn-secondary {
    background: #ffffff;
    color: #222;
}
.corporate_key_widget_call_to_action .button {
    color: #ffffff;
    padding: 10px 20px;
    transition: all 0.2s ease 0s;
    display: inline-block;
    margin: 0px 5px;
    font-size: 15px;
}
.corporate_key_widget_call_to_action .button.cta-button-secondary {
    background: #ffffff none repeat scroll 0 0;
    color: #444444;
}

.corporate_key_widget_call_to_action .button.cta-button-secondary:hover {
    background: #f0632b none repeat scroll 0 0;
    color: #fff;
}

.corporate_key_widget_call_to_action  .button.cta-btn-primary {
    background-color: #f0632b;
}

.corporate_key_widget_call_to_action  .button:hover  {
    color:#222;
    background-color: #fff;
}


.sidebar .corporate_key_widget_call_to_action .button,
#footer-widgets .corporate_key_widget_call_to_action .button{
    margin: 5px 3px;
    width: 100%;
    text-align: center;
    line-height: 1.5;
    border-radius: 0;
    padding: 10px 20px;
    font-weight: normal;
}

.sidebar .corporate_key_widget_call_to_action,
#footer-widgets .corporate_key_widget_call_to_action {
    padding: 30px;
}


/*--------------------------------------------------------------
### Featured Page
--------------------------------------------------------------*/

.corporate_key_widget_featured_page {
    background: #f9f9f9;
}

.corporate_key_widget_featured_page  img.alignleft {
    margin-right: 30px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;

}

.corporate_key_widget_featured_page img.alignright {
    margin-left: 30px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

.corporate_key_widget_featured_page .entry-content {
    margin: 0;
}

.corporate_key_widget_featured_page .widget-title {
    text-align: inherit!important;
}




/*--------------------------------------------------------------
### Latest News post widget
--------------------------------------------------------------*/
.corporate_key_widget_latest_news {
    background: #f9f9f9;
}

.corporate_key_widget_latest_news .latest-news-wrapper {
    background: #ffffff none repeat scroll 0 0;
    clear: both;
    overflow: hidden;
    padding: 15px;
    border: 1px solid #f1f1f1;
}

.corporate_key_widget_latest_news .latest-news-item {
    float: left;
    padding: 15px;
    margin-bottom: 0;
}

.corporate_key_widget_latest_news .latest-news-text-wrap {
    padding: 20px 0 0;
}

.corporate_key_widget_latest_news .latest-news-item img {
    margin: 0;
}

.corporate_key_widget_latest_news .latest-news-title {
    line-height: 1.2;
}

.corporate_key_widget_latest_news .latest-news-meta {
    bottom: 0;
    color: #ffffff;
    overflow: hidden;
    text-align: center;
    width: 100%;
    position: absolute;
}

.corporate_key_widget_latest_news .latest-news-thumb {
    position: relative;
    overflow: hidden;
    border-bottom: 2px solid #f0632b;
}

.corporate_key_widget_latest_news .latest-news-item img {
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    margin-bottom: 0;
}

.corporate_key_widget_latest_news .latest-news-item: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;
}

.corporate_key_widget_latest_news .latest-news-title a {
    color: #444444;
    display: block;
    display: inline-block;
    line-height: 1;
}

.corporate_key_widget_latest_news .latest-news-item img {
    vertical-align: middle;
}

.corporate_key_widget_latest_news .latest-news-title {
    font-weight: 500;
    font-size: 20px;
}

.corporate_key_widget_latest_news .latest-news-col-3 .latest-news-item {
    width: 33.33%;
}

.corporate_key_widget_latest_news .latest-news-col-4 .latest-news-item {
    width: 25%;
}

.corporate_key_widget_latest_news .latest-news-col-2 .latest-news-item {
    width: 50%;
}

.corporate_key_widget_latest_news .latest-news-col-1 .latest-news-item {
    width: 100%;
}

.corporate_key_widget_latest_news .latest-news-meta > span::before{
    display: none;
}

.corporate_key_widget_latest_news .latest-news-meta > span {
    float: left;
    min-width: 65px;
}

.corporate_key_widget_latest_news .latest-news-meta > span span {
    display: block;
    padding: 4px;
}

.corporate_key_widget_latest_news span.metadata-time-day{
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.corporate_key_widget_latest_news span.metadata-time-day{
    background: #f0632b;

}

.corporate_key_widget_latest_news .metadata-time-mon {
    background-color: #f9f9f9;
    color: #444;
}

.corporate_key_widget_latest_news .latest-news-widget a.button {
    display: block;
    clear: both;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 10px 5px;
    margin-top: 30px;
}

/*sidebar and footer widget area style*/

#footer-widgets .corporate_key_widget_latest_news  .latest-news-item,
.sidebar .corporate_key_widget_latest_news .latest-news-item{
    margin-bottom: 15px;
    width: 100%;
}


/*--------------------------------------------------------------
## Custom Woocommerce
--------------------------------------------------------------*/
.entry-content p.cart-empty {
    margin-bottom: 15px;
}

body.woocommerce #primary .button,
body.woocommerce #review_form #respond .form-submit input {
    background: #f0632b;
    font-weight: normal;
    border-radius: 27px;
    color: #fff;
}

body.woocommerce #primary .button:hover,
body.woocommerce #review_form #respond .form-submit input:hover {
    background-color: #f0632b;
}

.woocommerce div#primary #main {
    background: #f9f9f9;
    border-top: inherit;
    margin-bottom: 30px;
    padding: 20px;
}
.woocommerce ul.products li.product h3 {

    font-size: 18px;
}
.woocommerce ul.products li.product .price {
    color: #111312;
    font-weight: 500;
    font-size: 14px;
}
 .authorbox {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}

.authorbox img {
    border-radius: 100%;
}

.authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}

.authorbox.no-author-avatar .author-info {
    margin-left: 0;
}

.authorbox .author-bio-posts-content {
    margin-top: 10px;
}

.authorbox .author-bio-posts-content p {
    margin: 0;
}

.authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}

.woocommerce .products .star-rating {
    display: inline-block;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    padding-bottom: 20px;
    background: rgb(255, 255, 255);
    /* box-shadow: 0 0 1px #DDD; */
    text-align: center;
}

.woocommerce .star-rating span:before {
    color: orange;
}

.woocommerce span.onsale {
    background-color: orange;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #35322c;
}
/*--------------------------------------------------------------
##  Media Queries By Axle Themes
--------------------------------------------------------------*/

/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1260px) {
    .site-layout-boxed #page,
    .container {
        width: 97%;
    }

    .comments-area form#commentform p {
        float: left;
        width: 100%;
    }

    #comments input#submit {
        width: auto;
    }

    #main-slider .cycle-caption {
        visibility: visible;
    }
}

/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) {

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3{
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }



    /*Main slider*/


    #main-slider .cycle-slide {
        width: 100%;
    }

    #main-slider h3 {
        margin-bottom:5px;
        font-size: 27px;
    }

    #main-slider .slider-buttons {
        margin-top: 10px;
    }

    #main-slider .cycle-pager {
        bottom: 10px;
    }

    td,
    th {
        font-size: 12px;
        padding: 2px;
        text-align: center;
    }


    .main-navigation ul ul a {
        padding-bottom: 5px;
        padding-top: 5px;
    }



}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:1000px) {
    .three-columns-enabled #primary {
        display: inline-block;
        float: none;
        width: 100%;
    }

    .global-layout-three-columns .sidebar {
        float: left;
        width: 50%;
    }

     body{
        padding-top: 0;
      }

    #page {
        padding-top:45px;
    }

    .site-layout-boxed #page {
        padding-top: 0;
    }

    #main-nav {
        display: none;
    }

    .home.header-overlap-enabled #masthead {
        background-color: inherit;
        position: inherit;
        top: 0;
    }

    .home.header-overlap-enabled #masthead.fixed {
        box-shadow: inherit;
    }

    .home.header-overlap-enabled #masthead a,
    .home.header-overlap-enabled #masthead .site-description,
    .home.header-overlap-enabled #masthead .cart-section a {
        color: #444444;
    }

    .enabled-sticky-primary-menu.sidr-open #masthead.fixed {
        position: relative;
        top: 89px;
    }

    .enabled-sticky-primary-menu #masthead.fixed {
        top: 0;
    }

    .enabled-sticky-primary-menu.admin-bar #masthead.fixed {
        top: 87px;
    }

    .sidr-open #mobile-trigger {
      transition: inherit;
    }

    #mobile-trigger {
        background: #222 none repeat scroll 0 0;
        display: block;
        left: 0;
        padding: 5px;
        position: fixed;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 999999;
    }

    .logged-in #mobile-trigger {
        top: 45px;
    }

    .sidr-open #mobile-trigger {
        padding-left: 275px;
        text-align: left;
        transition: inherit;
    }
.sidr-open #mobile-trigger {
    top: 0;
}
    #masthead {
        text-align: center;
    }

    .site-logo-link, .custom-logo-link {
        max-width: inherit;
    }

    #mobile-trigger i {
        background-color: #f0632b;
        box-shadow: 4px 3px 0 #000000;
        color: #ffffff;
        font-size: 24px;
        padding: 6px 8px;
    }

    .site-layout-boxed #page {
        margin-top: 70px;
    }

    .sidr ul li ul li a, .sidr ul li ul li span {
        line-height: 1.5;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-top: 10px !important;
    }

    body .sidebar,
    body #primary {
        width: 100%;
        padding-bottom: 30px;
        float: left;
        clear: both;
    }

    .corporate_key_widget_latest_news .latest-news-col-4 .latest-news-item {
        width: 50%;
    }

    .our-team-widget .our-team-summary {
        display: none!important;
    }

    .corporate_key_widget_services .service-block-item,
    .corporate_key_widget_latest_news .latest-news-item,
    .service-block-item,
    .our-team-item {
        padding: 10px;
    }

    .corporate_key_widget_services .service-item-title {
        font-size: 14px;
    }

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

    #primary,
    .sidebar,
    #colophon{
        padding-left: 10px;
        padding-right: 10px;
    }

    #sidebar-front-page-widget-area .corporate_key_widget_call_to_action .widget-title {
        font-size: 25px;
    }
    #sidebar-front-page-widget-area .corporate_key_widget_call_to_action {
        padding: 40px 0;
    }

}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
    .site-logo-link,
    .custom-logo-link,
    #site-identity {
        display: block;
        margin: 0;
        text-align: center;
        margin-bottom: 5px;
    }

    .site-branding {
        margin-right: 0;
        max-width: 80%;
        text-align: left;
    }

    .comment .comment-body {
        padding-left: 15px;
    }

    h1 {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    h3{
        font-size: 18px;
    }

    h4 {
        font-size:16px;
    }

    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }

    .enabled-sticky-primary-menu #masthead.fixed {
        position: inherit;
        top: inherit;
    }

    .widget.corporate_key_widget_call_to_action {
        display: block;
        margin-bottom: 25px;
        padding: 15px;
    }

    .site-layout-boxed #page {
        width: 90%;
        padding: 0 15px;
    }

    .container {
        padding: 0 15px;
    }

    #featured-slider,
    #footer-widgets,
    #colophon {
        margin-left: 0;
        margin-right: 0;
    }

    #sidebar-front-page-widget-area .corporate_key_widget_call_to_action {
        margin: 0;
        padding: 20px 0;
    }

    .site-branding {
        text-align: left;
    }

    .site-content {
        padding-top: 15px;
    }

    /*featured slider style*/

    #main-slider .cycle-caption h3 {
        font-size: 21px;
        font-weight: bold;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    #main-slider .cycle-caption {
        width: 80%;
        left: 10%;
        bottom: 27%;
    }

     #main-slider .cycle-next {
        right:15px;
        visibility: visible;
    }

    #main-slider .cycle-prev {
        left: 15px;
        visibility: visible;
    }

    #main-slider:hover .cycle-prev {
        left: 15px;
    }

    #main-slider:hover .cycle-next {
        right: 15px;
    }

    #main-slider .cycle-caption p {
        display: none;

    }

    #main-slider .cycle-prev, #main-slider .cycle-next {
        padding: 2px 10px;
    }

    #main-slider .cycle-prev i, #main-slider .cycle-next i {
        font-size: 24px;
    }
    #main-slider .slider-buttons a {
        font-size: 15px;
        line-height: 1.5;
        margin: 4px 5px 0;
        min-width: 120px;
        padding: 4px 10px;
        text-transform: uppercase;
    }

    #sidebar-front-page-widget-area .widget {
        margin-top: 15px;
    }
    #sidebar-front-page-widget-area .widget-title {
        font-size: 27px;

    }
    /*sidebar layout*/

    #primary,
    #sidebar-primary,
    #sidebar-secondary {
        width: 100%;
        clear: both;
        float: none;
    }

    .global-layout-three-columns #primary,
    .global-layout-three-columns .sidebar {
        display: inline-block;
        float: none;
        width: 100%;
    }

    /*footer widget area*/

    .sibebar {
        margin-top: 15px;
    }

    #footer-widgets .widget-column{
        float: left;
        padding: 0 15px 20px 0;
        width: 50%;
    }

    #footer-widgets .widget-column:nth-child(3n) {
        clear: both;
    }

    .corporate_key_widget_services .service-block-list .service-block-item{
        width: 100%;
    }

    .corporate_key_widget_featured_page img.alignright,
    .corporate_key_widget_featured_page img.alignleft {
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        vertical-align: middle;
    }

   .corporate_key_widget_teams .our-team-widget .our-team-item {
        width: 50%;
    }

    .corporate_key_widget_call_to_action .call-to-action-buttons {
        clear: both;
        display: block;
        float: none;
        margin-top: 15px;
    }

    #sidebar-front-page-widget-area .widget {
        margin-top: 0;
        padding: 20px 0;
    }

    .corporate_key_widget_call_to_action {
        padding: 15px;
    }

    .corporate_key_widget_services .service-item-title {
        font-size: 21px;
    }

    .widget {
        margin: 15px 0 0;
    }

    .corporate_key_widget_latest_news .latest-news-widget .latest-news-item {
        width: 50%;
    }


    #footer-widgets {
        padding: 30px 15px;
    }

    #colophon .copyright,
    #colophon .site-info {
        clear: both;
        text-align: center;
        width: 100%;
    }

    .site-logo-link,
    .custom-logo-link {
        margin-right: 12px;
        max-width: 44px;
    }

    #sidebar-front-page-widget-area .subtitle {
        font-size: 15px;
        line-height: 1.5;

    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
    .corporate_key_widget_latest_news .latest-news-widget .latest-news-item {
        width: 100%;
    }

    .corporate_key_widget_latest_news .latest-news-col-4 .latest-news-item {
        width: 100%;
    }

    .featured-page-widget {
        clear: both;
    }

    .corporate_key_widget_services .service-item-title {
        font-size: 18px;
    }

    .corporate_key_widget_teams .our-team-item {
        padding: 5px;
    }

    body.blog #primary .site-main article, body.archive #primary .site-main article {
        width: 100%;
    }

    #sidebar-front-page-widget-area .corporate_key_widget_call_to_action .widget-title {
        font-size: 22px;
    }

    #sidebar-front-page-widget-area .widget-title {
        font-size: 22px;
        margin-bottom: 5px;
        text-align: center;
    }

    #breadcrumb li {
        font-size: 14px;
    }

    #custom-header {
        padding: 20px 0;

    }
    .corporate_key_widget_call_to_action .button {
        border-radius: 0;
        color: #ffffff;
        display: inline-block;
        font-size: 13px;
        margin: 0 5px;
        padding: 5px 13px;
        transition: all 0.2s ease 0s;
    }

    .custom-logo-link,
    .site-logo-link,
    #site-identity,
    .site-title {
        display: block;
        float: none;
        margin-right: 0;
        text-align: center;
        width: 100%;
        max-width: inherit;
        margin-bottom: 5px;
    }

	a.custom-logo-link {
	    max-width: 120px;
	    margin: 0 auto 15px;
	}
    .site-branding {
        float: none;
        max-width: 100%;
        text-align: center;
    }

    #main-slider .slider-buttons a {
        font-size: 13px;
        line-height: 1.5;
        margin: 0 5px;
        min-width: inherit;
        padding: 0 10px;
        text-transform: capitalize;
    }

    #main-slider .cycle-caption {
        top:15%;
    }

    #main-slider .pager-box {
        margin: 0 3px;
        width: 15px;
        z-index: 99;
    }

    #main-slider .cycle-pager {
        bottom: 10px;
    }

    #main-slider .cycle-prev, #main-slider .cycle-next {
        padding: 0 10px;
        top: 33%;
    }

    #main-slider .cycle-prev i, #main-slider .cycle-next i {
        font-size: 28px;
    }

    #main-slider .cycle-caption h3 {
        font-size: 16px;
        height: auto;
        margin-bottom: 0;
        overflow: hidden;
    }

    #main-slider .cycle-caption p {
        display: none;
    }

    #footer-widgets .footer-widget-area {
        width: 100%;
    }

    #footer-widgets .footer-widget-area:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }

    #footer-widgets .widget-column {
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #fff;
        margin-top: 15px;
    }

    .site-description {
        margin-bottom: 0;
    }

    .corporate_key_widget_call_to_action p {
        color: #ffffff;
        font-size: 13px;
    }

    .corporate_key_widget_latest_news .latest-news-widget .latest-news-item {
        width: 100%;
    }

    .search-form input.search-field {
        width: 76%;
    }

    .search-box .search-box-wrap {
        right: 3%;
        width: 263px;
    }

    .social-links {
        float: right;
        max-width: 208px;
        text-align: right;
    }

    .search-box {
        float: right;
        position: relative;
        width: 33px;
    }


    .cart-section {
        float: left;
    }

    #masthead.fixed .right-head,
    #masthead .right-head {
        border-top: 1px solid #dddddd;
        clear: both;
        float: left;
        margin: 10px 0 0;
        padding: 23px 0 10px;
        width: 100%;
    }

    .right-head .header-search-box .search-box-wrap {
        top: 31px;
        width: 280px;
    }
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce-page[class*="columns-"] ul.products li.product,
    .woocommerce[class*="columns-"] ul.products li.product {
        clear: both;
        float: left;
        width: 100%;
    }
    body.blog #primary .site-main article.layout-grid,
    body.archive #primary .site-main article.layout-grid {
    	width:100%;
    	padding: 15px;
    	float: left;
    	margin-right: 0;
    }
}
