/*
Theme Name: Finance
Theme URI: https://financetheme.themesawesome.com
Author: Themes Awesome
Author URI: https://www.themesawesome.com
Text Domain: finance
Description: Finance is Financial and Business WordPress Theme
Tags: custom-colors, custom-menu, featured-images, theme-options
Version: 1.5
License:      GNU General Public License V2
License URI:      license.txt
-----------------------------------------------------------------------------------
    1. BASE
    2. HEADER
    3. MOBILE NAVIGATION
    4. CONTENT
    5. HOME SECTION
    6. ABOUT PAGE
    7. SERVICES PAGE
    8. CASE STUDIES PAGE
    9. TEAM PAGE
    10. CONTACT PAGE
    11. SIDEBAR
    12. FOOTER
-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*  1. BASE
/*-----------------------------------------------------------------------------------*/

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

body {
    font-family: 'open_sansregular';
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    font-size: 15px;
    color: #333333;
    line-height: 22px;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'loveloblack';
    margin-bottom: 20px;
    margin-top: 0;
}

h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1;
}

h2 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1;
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.11111;
}

h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.125;
}

h5 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.125;
}

h6 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
}

a {
    font-family: 'open_sansbold';
    cursor: pointer;
    outline: none;
    color: #333;
    text-decoration: none !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:active,
a:focus {
    color: #034153;
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 0;
}

p {
    margin: 0 0 20px;
    color: #333333;
}

table {
    width: 100%;
    margin-bottom: 20px;
}

th,
td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #ddd;
    letter-spacing: 1px;
}

th {
    font-weight: bold;
    border-bottom: 2px solid;
    text-align: center;
}

*::-moz-selection {
    background: #000;
    color: #fff;
}

*::selection {
    background: #000;
    color: #fff;
}

button {
    background-image: none;
    background: transparent;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

blockquote {
    margin: 1.5em 0;
    border: 5px solid #f2f2f2;
    padding: 15px;
    display: inline-block;
    font-family: "finance" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

blockquote:before {
    color: #999;
    content: "\2c";
    font-size: 2em;
    margin-right: 0.4em;
}

blockquote p {
    font-family: 'open_sansregular';
    font-size: 20px;
    line-height: 32px;
    display: inline;
}

.bypostauthor {
    background: #ffffff;
}

.bypostauthor > .comment .comment-author cite:after {
    content: "post author";
    font-size: 14px;
    margin-left: 6px;
    color: #e65454;
}

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

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

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

img.aligncenter,
img.alignnone {
    margin-bottom: 12px;
    margin: 0 auto;
}

img.alignleft {
    margin: 12px 24px 12px 0;
    margin: 10px 20px 10px 0;
}

img.alignright {
    margin: 12px 0 12px 24px;
    margin: 10px 0 10px 20px;
}

pre {
    white-space: pre;
    word-wrap: normal;
    overflow-x: scroll;
    line-height: 1.3;
    margin: 1em 0;
}

figure,
select {
    max-width: 100%;
    height: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    line-height: 2;
    color: #757575;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
}

.sticky .post-title:before {
    content: "Featured Post";
    padding: 0px 10px;
    color: #034153;
    background-color: #fed100;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 10;
    font-size: 12px;
}


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

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


/*custom base*/

input {
    width: 100%;
    height: 50px;
    background-color: #f2f2f2;
    border: none;
    padding: 0 15px;
}

textarea {
    width: 100%;
    background-color: #f2f2f2;
    border: none;
    padding: 15px;
}

input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    outline: 0;
}


/* button */

.button {
    font-family: 'open_sansbold';
    display: inline-block;
    margin-top: 30px;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    border-radius: 3px;
}

a.button-normal {
    border: 1px solid #034153;
    background-color: #034153;
    color: #ffffff;
}

.button-white {
    color: #ffffff;
    border: 2px solid #ffffff;
}

a.button-normal:hover {
    background-color: #fed100;
    border: 1px solid #fed100;
    color: #034153;
}

.button-white:hover {
    background-color: #fed100;
    border: 2px solid #fed100;
    color: #034153;
}


/* padding */

.more-padding {
    padding: 80px 0;
}


/* overlay */

.overlay {
    bottom: 0px;
    left: 0px;
    padding-top: 0px !important;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
}

.overlay.dark {
    background: rgba(23, 25, 30, 0.6);
}


/* equal */

.equal-text {
    position: relative;
    padding: 0 100px;
}

.equal-text .vertical-center {
    position: relative;
}

.equal-text-album {
    position: relative;
    padding: 0 100px;
}

.equal-text-album .vertical-center {
    position: relative;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
}

#status {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(./img/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
}


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

#header {
    position: relative;
    z-index: 1000;
}

.site-title {
    margin: 10px 0;
}


/* top bar */

.top-bar {
    background-color: #034153;
}

.address-bar {
    line-height: 52px;
}

.address-bar i {
    float: left;
    color: #fed100;
    margin-right: 10px;
    font-size: 20px;
    line-height: 52px;
}

.address-bar p {
    color: #ffffff;
    margin: 0;
    font-size: 13px;
}

.quote-link {
    float: right;
}

.quote-link a {
    font-family: 'open_sansbold';
    background-color: #fed100;
    color: #034153;
    padding: 15px 30px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
}


/* top header */

.top-header {
    background: #ffffff;
    padding: 30px 0;
}

.top-header .logo-image {
    max-width: 160px;
}

.top-header ul {
    float: right;
    margin: 0;
    padding: 0;
}

.top-header ul li {
    display: inline-block;
    margin: 0 20px;
}

.top-header ul li.last {
    margin-right: 0;
}

.top-header ul li i {
    margin-right: 5px;
    float: left;
    line-height: 42px;
    display: block;
    text-align: center;
    font-size: 38px;
    padding-right: 10px;
    color: #023669;
}

.top-header ul li p {
    float: right;
    overflow: hidden;
    margin: 0;
}

.top-header ul li p span {
    font-family: 'open_sansbold';
    display: block;
    font-size: 14px;
}

.top-header ul li p span.heading {
    font-family: 'open_sansregular';
}

.site-header .navigation {
    border-top: 1px solid #d9e3e5;
    border-bottom: 1px solid #d9e3e5;
}


/* main menu */

.main-menu {
    position: relative;
    z-index: 50;
}

.main-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1;
}

.main-menu > ul {
    position: relative;
    display: inline-block;
    z-index: 500;
    float: left;
    padding: 0 15px;
}

.main-menu:after,
.main-menu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.main-menu.align-right > ul > li {
    float: right;
}

.main-menu.align-center ul {
    text-align: center;
}

.main-menu.align-center ul ul {
    text-align: left;
}

.main-menu > ul > li {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

.main-menu > ul > #menu-button {
    display: none;
}

.main-menu ul li a {
    display: block;
    text-decoration: none;
}

.main-menu > ul > li > a {
    font-family: 'fira_sansbold';
    display: inline-block;
    padding: 0 30px;
    line-height: 60px;
    font-size: 19px;
    letter-spacing: -0.01em;
    color: #034153;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -ms-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}

.main-menu > ul > li > a:first-child {
    padding-left: 0;
}

.main-menu > ul > li:hover > a,
.main-menu > ul > li.current_page_item > a {
    opacity: 0.7;
}

.main-menu li.has-child::after,
.main-menu li.page_item_has_children::after,
.main-menu li.has-sub::after,
.main-menu li.menu-item-has-children::after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}

.main-menu ul ul.children,
.main-menu ul ul.child,
.main-menu ul ul.sub-menu {
    position: absolute;
    left: -9999px;
    top: 70px;
    opacity: 0;
    -webkit-transition: opacity .3s ease, top .25s ease;
    -moz-transition: opacity .3s ease, top .25s ease;
    -ms-transition: opacity .3s ease, top .25s ease;
    -o-transition: opacity .3s ease, top .25s ease;
    transition: opacity .3s ease, top .25s ease;
    z-index: 1000;
}

.main-menu ul ul ul {
    top: 37px;
    padding-left: 5px;
}

.main-menu ul ul li {
    position: relative;
}

.main-menu > ul > li:hover > ul {
    left: auto;
    top: 60px;
    opacity: 1;
}

.main-menu.align-right > ul > li:hover > ul {
    left: auto;
    right: 0;
    opacity: 1;
}

.main-menu ul ul li:hover > ul {
    left: 195px;
    top: 0;
    opacity: 1;
}

.main-menu.align-right ul ul li:hover > ul {
    left: auto;
    right: 170px;
    top: 0;
    opacity: 1;
    padding-right: 5px;
}

.main-menu ul ul li a {
    font-family: 'open_sansbold';
    width: 200px;
    border-bottom: 1px solid #003140;
    padding: 15px 18px;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    background: #034153;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.main-menu.align-right ul ul li a {
    text-align: right;
}

.main-menu ul ul li:hover > a {
    background: #fed100;
    color: #034153;
}

.main-menu ul ul li:last-child > a,
.main-menu ul ul li.last > a {
    border-bottom: 0;
}


/*-----------------------------------------------------------------------------------*/
/*  3. MOBILE NAVIGATION
/*-----------------------------------------------------------------------------------*/

.mobile-menu {
    display: block;
    text-align: right;
}

#slide-buttons {
    color: #034153;
    height: 63px;
    width: 50px;
    line-height: 72px;
    border: none;
    font-size: 28px;
    padding: 0;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#slide-buttons:hover,
#slide-buttons:focus,
#slide-buttons.active,
.c-menu__close:hover,
.c-menu__close:focus,
.c-menu__close.active {
    outline: 0;
}

.c-menu {
    position: fixed;
    z-index: 200;
    padding: 50px 0 0 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.c-menu--slide-right {
    height: 100%;
}

.c-menu--slide-right {
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.c-menu--slide-right.is-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.c-menu__close {
    color: #333333;
    border: none;
    width: 100%;
    text-align: left;
    padding-left: 20px;
}

.c-menu__close:before {
    border: 1px solid #E4E4E4;
    border-radius: 50%;
    padding: 5px;
    font-size: 18px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.c-menu__close:hover:before {
    border: 1px solid #034153;
    background-color: #034153;
    color: #ffffff;
}

.c-menu--slide-right > ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
}

.c-menu--slide-right > ul li {
    position: relative;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 0 10px 20px;
    cursor: pointer;
    text-align: left;
}

.c-menu--slide-right > ul li.menu-selected ul {
    border-top: 1px solid #e8e8e8;
    margin-top: 10px;
}

.c-menu--slide-right > ul li.menu-item-has-children:after,
.c-menu--slide-right > ul li.page_item_has_children:after {
    display: inline-block;
    font-family: "finance" !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    position: absolute;
    content: "\67";
    top: 0px;
    right: 0;
    width: 45px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    border-left: 1px solid #e8e8e8;
}

.c-menu--slide-right > ul > li > ul.sub-menu,
.c-menu--slide-right > ul > li > ul.children {
    max-height: 0;
    overflow: hidden;
    list-style: none;
    padding-left: 25px;
}

.c-menu--slide-right > ul > li > ul.sub-menu li:last-child,
.c-menu--slide-right > ul > li > ul.children li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.c-menu--slide-right > ul > li.menu-selected > ul.sub-menu,
.c-menu--slide-right > ul > li.menu-selected > ul.children {
    max-height: 100%;
    padding-left: 0;
}

.c-menu--slide-right ul.menus li a {
    font-family: 'fira_sansregular';
    font-size: 16px;
    font-size: 1.6rem;
    color: #333333;
}

.slide-overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
    transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

.slide-overlay.is-active {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.navigation #main-menu {
    display: none;
}

#header .mobile-menu {
    display: block;
}

.c-menu--slide-right {
    width: 300px;
    height: 100%;
}


/*-----------------------------------------------------------------------------------*/
/*  4. CONTENT
/*-----------------------------------------------------------------------------------*/

#content {
    padding: 80px 0;
}

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


/* page title */

.page-title {
    background-color: #fed100;
    padding: 30px 0;
}

.page-title .left-side {
    float: left;
}

.page-title .right-side {
    float: right;
    margin-top: 20px;
}

.page-title h3 {
    margin-bottom: 5px;
    color: #034153;
    font-size: 32px;
    font-size: 3.2rem;
}

.page-title p {
    margin: 0;
    color: #034153;
    font-style: italic;
}


/* blog loop */

.blog-section .blog-item .post-content-wrap {
    padding: 50px 30px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.blog-section .blog-item:hover .post-content-wrap {
    -webkit-box-shadow: 0px 0px 30px 5px rgba(153, 153, 153, 0.15);
    -moz-box-shadow: 0px 0px 30px 5px rgba(153, 153, 153, 0.15);
    box-shadow: 0px 0px 30px 5px rgba(153, 153, 153, 0.15);
}

.post-thumb {
    margin-bottom: 20px;
}

.post-title {
    font-size: 25px;
    font-size: 2.5rem;
    margin: 0;
    color: #034153;
    line-height: 30px;
}

.post-meta {
    margin: 20px 0;
}

.author-img {
    float: left;
    margin-right: 10px
}

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

.author-name,
.post-date {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    letter-spacing: 0.1em;
    font-size: 12px;
    font-size: 1.2rem;
}

.author-name a {
    font-family: 'open_sansextrabold';
    color: #034153;
    font-weight: 900;
    text-transform: uppercase;
}

.post-date a {
    font-family: 'open_sansbold';
    text-transform: uppercase;
    color: #cfd5dd;
}

.excerpt p {
    margin: 0;
    color: #333333;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
}


/* single post */

.single-content {
    padding-right: 35px;
}

.single-content .post-thumb {
    margin: 0;
}

.single-content .post-title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 42px;
}

.single-content .post-title:after {
    content: "";
    background-image: url(./img/section-title.png);
    position: absolute;
    bottom: 0;
    height: 3px;
    background-size: 50px;
    width: 80px;
    background-repeat: no-repeat;
    left: 0;
}

.single-content .post-meta {
    margin: 18px 0px 20px;
    border-bottom: 1px solid #dddddd;
    padding: 0 0 15px 0;
}

.single-content .post-meta li {
    position: relative;
    float: left;
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    font-size: 14px;
}

.single-content .post-meta li:first-child {
    margin: 0;
    padding: 0;
}

.single-content .post-meta li:before {
    content: '';
    width: 1px;
    height: 15px;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 3px;
}

.tag-wrapper {
    margin: 20px 0 30px;
    padding: 15px;
    background-color: #f2f2f2;
    border-left: 4px solid #034153;
}

.tag-wrapper i {
    font-size: 18px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}

.tag-wrapper a {
    font-size: 14px;
}

.pagination span.current {
    font-family: 'open_sansbold';
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    font-size: 16px;
    border-radius: 3px;
    border: 2px solid #034153;
    background-color: transparent;
    color: #034153;
}

.pagination a {
    font-family: 'open_sansbold';
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    font-size: 16px;
    border-radius: 3px;
    border: 2px solid #034153;
    background-color: #034153;
    color: #ffffff;
}

.pagination a:hover {
    border: 2px solid #fed100;
    background-color: #fed100;
    color: #034153;
}


/* author */

.author-wrapper {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #dddddd;
}

.author-ava {
    float: left;
    margin-right: 20px;
}

.author-ava img {
    border-radius: 100%;
    margin: 0 auto;
}

.author-context {
    float: left;
    width: 80%;
}

.author-context .author-name {
    float: none;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.user-social {
    list-style: none;
    padding: 0;
}

.user-social li {
    display: inline-block;
    margin-right: 5px;
}


/* tags */

.tag-wrapper {
    margin: 20px 0 30px;
}


/* comment section */

.comments-area {
    margin-top: 30px;
    padding-top: 30px;
}

.comments-title {
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 20px;
}

.comments-area ol.comment-list {
    list-style: none;
    padding: 0 0 10px 0;
    margin-bottom: 30px;
}

.comments-area ol.comment-list li article.comment {
    position: relative;
    padding: 20px;
}

.comments-area ol.comment-list li ul.children {
    position: relative;
    list-style: none;
}

.comments-area ol.comment-list li ul.children li article.comment {
    position: relative;
    overflow: visible;
}

.comments-area ol.comment-list li article.comment .avatar {
    margin-right: 20px;
    max-width: 75px;
}

.comments-area ol.comment-list li article.comment .avatar img {
    width: 100%;
    border-radius: 50%;
    min-width: 75px;
}

.comments-area ol.comment-list li article.comment .meta-comment {
    overflow: hidden;
}

.comments-area ol.comment-list li article.comment .meta-comment .comment-author cite {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
}

.comments-area ol.comment-list li article.comment .meta-comment .comment-meta {
    font-size: 14px;
    color: #999;
}

.comments-area ol.comment-list li article.comment .meta-comment .comment-content {
    margin-top: 10px;
}

.comments-area ol.comment-list li article.comment .meta-comment .comment-action {
    position: absolute;
    top: 20px;
    right: 20px;
}

.comments-area ol.comment-list li article.comment .meta-comment .comment-action a {
    color: #fff;
    background-color: #333;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.1em;
    border: 1px solid #333;
}

.comments-area ol.comment-list li article.comment .meta-comment .comment-action a:hover {
    color: #333;
    background-color: transparent;
    border: 1px solid #333;
}

.comments-area .comment-respond h3.comment-reply-title {
    letter-spacing: 0.05em;
    margin-bottom: 5px;
}

.comment-respond input,
.comment-respond textarea {
    background-color: #f2f2f2;
    padding: 15px 15px;
    width: 100%;
    border: none;
    width: 100%;
    margin-top: 5px;
}

.comment-respond input {
    padding: 0 15px;
    width: 100%;
    height: 45px;
    border: none;
    margin-bottom: 10px;
}

.comments-area .comment-respond form p.comment-form-author,
.comments-area .comment-respond form p.comment-form-email,
.comments-area .comment-respond form p.comment-form-url {
    width: 33.333%;
    padding: 0 15px;
    float: left;
}

.comments-area .comment-respond form p.comment-form-author {
    padding-left: 0;
}

.comments-area .comment-respond form p.comment-form-url {
    padding-right: 0;
}

.form-submit {
    float: right;
    position: relative;
    transition: opacity .4s ease-in-out;
    margin-top: 0;
}

.form-submit .submit {
    font-family: 'open_sansbold';
    background: transparent;
    color: #ffffff;
    background-color: #034153;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 20px;
    margin-top: 0;
    height: auto;
    width: inherit;
    outline: none;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    border-radius: 3px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.form-submit .submit:hover {
    background-color: #fed100;
    color: #034153;
}


/*-----------------------------------------------------------------------------------*/
/*  5. HOME SECTION
/*-----------------------------------------------------------------------------------*/


/* global style */

.section-title {
    position: relative;
    padding-bottom: 20px;
}

.section-title.white {
    color: #ffffff;
}

.section-title:after {
    content: "";
    background-image: url(./img/section-title.png);
    position: absolute;
    bottom: 0;
    height: 3px;
    background-size: 50px;
    width: 80px;
    background-repeat: no-repeat;
    left: 0;
}


/* about section */

.about-section {
    background-color: #fafafa;
}

.about-images {
    padding-right: 45px;
}

.about-image {
    margin-bottom: 30px;
}

.about-image-wrap .about-image:nth-child(2),
.about-image-wrap .about-image:nth-child(4) {
    position: relative;
    top: -40px;
}

.about-text strong {
    font-family: 'open_sansbold';
    margin-bottom: 15px;
    display: block;
}

.about-text ul {
    list-style: none;
    padding: 0
}

.about-text ul li {
    margin-bottom: 15px;
}

.about-text ul li i {
    font-size: 18px;
    margin-right: 10px;
    vertical-align: middle;
    color: #034153;
}


/* review section */

.counter-item {
    margin-top: 20px;
}

.review-text p {
    color: #ffffff;
}

.counter-text {
    text-align: right;
    margin-top: 10px;
    padding-right: 30px;
}

.counter-value {
    font-family: 'fira_sansbold';
    font-size: 40px;
    font-size: 4rem;
    margin-bottom: 10px;
    line-height: 30px;
    color: #ffffff;
}

.counter-text .counter-title {
    font-family: 'open_sansbold';
    color: #ffffff;
}

.counter-pic {
    float: left;
    text-align: center;
    line-height: 85px;
    height: 75px;
    width: 75px;
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.counter-item:hover .counter-pic {
    background-color: #fed100;
    border-radius: 3px;
}

.counter-pic i {
    font-size: 35px;
    font-size: 3.5rem;
}


/* testimonial section */

.testimonial-content {
    position: relative;
    padding-top: 80px;
}

.testimonial-content .testimonial-text {
    background-color: #ffffff;
    padding: 90px 50px 30px 30px;
    position: relative;
}

.testimonial-text i {
    font-size: 70px;
    position: absolute;
    top: 15px;
    left: 25px;
    color: #f2f2f2;
}

.testimonial-text h4 {
    margin: 0;
}

.testi-author-img {
    width: 150px;
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 100;
    border: 4px solid #ffffff;
    border-radius: 3px;
}

.testimonial-slider ul.slides {
    padding-bottom: 60px;
}

.testimonial-slider .flex-direction-nav a {
    background-color: #fed100;
    color: #034153;
    opacity: 1;
    text-align: center;
    bottom: 10px;
    width: 50px;
    height: 50px;
    right: 0;
    top: inherit;
}

.testimonial-slider .flex-direction-nav a:before {
    font-family: "finance" !important;
    line-height: 50px;
    font-size: 28px;
}

.testimonial-slider .flex-direction-nav a.flex-next:before {
    content: "\69";
}

.testimonial-slider .flex-direction-nav a.flex-prev:before {
    content: "\68";
}

.testimonial-slider .flexslider:hover .flex-direction-nav .flex-next {
    right: 0;
}

.testimonial-slider .flexslider .flex-direction-nav .flex-prev,
.testimonial-slider .flexslider:hover .flex-direction-nav .flex-prev {
    right: 50px;
    left: inherit;
}


/* Feature Section */

.feature .feature-content {
    border: 2px solid #034153;
    padding: 20px;
    border-radius: 5px;
    margin-top: 30px;
}

.feature .feature-pic {
    float: left;
    margin-right: 15px;
    border: 2px solid #034153;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 85px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.feature:hover .feature-pic {
    border: 2px solid #fed100;
    background-color: #fed100;
}

.feature .feature-pic i {
    font-size: 32px;
    font-size: 3.2rem;
    color: #034153;
}

.feature .feature-desc {
    overflow: hidden;
}

.feature .feature-desc h5 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    margin-bottom: 10px;
}

.feature .feature-desc p {
    margin-bottom: 0;
}


/* services section */

.service-section .service-post {
    margin-top: 40px;
}


/* form Section */

.form-html h2 {
    margin-top: 50px;
    color: #ffffff;
}

.form-html p {
    color: #ffffff;
}

.the-form form p.name,
.the-form form p.email {
    width: 49%;
    display: inline-block;
}

.the-form form p.name {
    margin-right: 6.25px;
}

.the-form form p.submit {
    margin: 0;
}

.the-form form p.submit input {
    display: inline-block;
    width: auto;
    height: auto;
    font-family: 'open_sansbold';
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    border-radius: 3px;
    color: #ffffff;
    border: 2px solid #ffffff;
    background-color: transparent;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.the-form form p.submit input:hover {
    color: #034153;
    border: 2px solid #fed100;
    background-color: #fed100;
}


/*-----------------------------------------------------------------------------------*/
/*  6. ABOUT PAGE
/*-----------------------------------------------------------------------------------*/

.about-view .view-video {
    position: relative;
}

.about-view .view-video .img-bord {
    position: absolute;
    bottom: -25px;
    right: -25px;
    width: 545px;
    height: 325px;
    border: 10px solid #f2f2f2;
    z-index: -1;
}

.faq-gallery .flex-direction-nav a {
    background-color: #fed100;
    color: #034153;
    opacity: 1;
    text-align: center;
    bottom: 0;
    width: 50px;
    height: 50px;
    right: 0;
    top: inherit;
}

.faq-gallery .flex-direction-nav a:before {
    font-family: "finance" !important;
    line-height: 50px;
    font-size: 28px;
}

.faq-gallery .flex-direction-nav a.flex-next:before {
    content: "\69";
}

.faq-gallery .flex-direction-nav a.flex-prev:before {
    content: "\68";
}

.faq-gallery .flexslider:hover .flex-direction-nav .flex-next {
    right: 0;
}

.faq-gallery .flexslider .flex-direction-nav .flex-prev,
.faq-gallery .flexslider:hover .flex-direction-nav .flex-prev {
    right: 50px;
    left: inherit;
}

.team-section .section-title {
    text-align: center;
}

.team-section .section-title:after {
    right: 0;
    width: 100px;
    margin: 0 auto;
}

.team-name {
    background-color: #034153;
    padding: 30px 0;
    text-align: center;
}

.team-name .name {
    color: #ffffff;
    margin-bottom: 10px;
}

.team-name .job {
    color: #ffffff;
    margin-bottom: 0;
}

.team-img {
    position: relative;
}

.team-img .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    text-align: center;
    background-color: rgba(3, 65, 83, 0.7);
    -webkit-transition: opacity .3s ease, top .25s ease;
    -moz-transition: opacity .3s ease, top .25s ease;
    -ms-transition: opacity .3s ease, top .25s ease;
    -o-transition: opacity .3s ease, top .25s ease;
    transition: opacity .3s ease, top .25s ease;
}

.team-img:hover .overlay {
    opacity: 1;
    -webkit-transition: opacity .3s ease, top .25s ease;
    -moz-transition: opacity .3s ease, top .25s ease;
    -ms-transition: opacity .3s ease, top .25s ease;
    -o-transition: opacity .3s ease, top .25s ease;
    transition: opacity .3s ease, top .25s ease;
}

.team-img .team-detail {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.team-img .team-detail .team-desc {
    padding: 0 5%;
    color: #ffffff;
}

.team-img .team-detail .team-desc p {
    color: #ffffff;
}

.team-social {
    margin-top: 30px;
    padding: 0;
    list-style: none;
}

.team-social li {
    display: inline-block;
    margin-right: 10px;
}

.team-social li a {
    color: #ffffff;
    border: 2px solid #ffffff;
    background-color: transparent;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    display: block;
    line-height: 42px;
    font-size: 18px;
}

.team-social li a:hover {
    color: #034153;
    border: 2px solid #fed100;
    background-color: #fed100;
}

.team-name h4.name a,
.team-text a {
    color: #ffffff;
}

.team-author-img {
    background-color: #f5f5f5;
}


/*-----------------------------------------------------------------------------------*/
/*  7. SERVICES PAGE
/*-----------------------------------------------------------------------------------*/

.service-page {
    background-color: #f2f2f2;
}

.service-item {
    margin-bottom: 30px;
}

.service-post-wrap {
    background-color: #ffffff;
}

.service-post-wrap .loop-content {
    padding: 2% 8%;
}

.service-item .view-more {
    float: right;
    overflow: hidden;
}

.service-item .view-more i {
    padding: 15px;
    background-color: #023544;
    color: #ffffff;
    font-size: 13px;
}

.service-item .view-more a {
    padding: 15px 20px;
    background-color: #034153;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 45px;
    font-size: 13px;
    letter-spacing: 0.01em;
}


/* single service */

.slogan-title,
.slogan-button {
    display: inline;
}

.single-service .post-thumb {
    margin-bottom: 20px;
}

.slogan-button {
    text-align: right;
}

.slogan-button a.button {
    margin: 0;
}

.slogan-button a.button:hover {
    background-color: #034153;
    border-color: 1px solid #034153;
    color: #ffffff;
    border-radius: 3px;
}


/*-----------------------------------------------------------------------------------*/
/*  8. CASE STUDIES PAGE
/*-----------------------------------------------------------------------------------*/

.project-page .project-item .project-post-wrap {
    padding: 30px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.project-page .project-item:hover .project-post-wrap {
    -webkit-box-shadow: 0px 0px 30px 5px rgba(153, 153, 153, 0.15);
    -moz-box-shadow: 0px 0px 30px 5px rgba(153, 153, 153, 0.15);
    box-shadow: 0px 0px 30px 5px rgba(153, 153, 153, 0.15);
}

.project-post-wrap .title {
    position: relative;
    padding: 20px 0;
    margin: 0;
}

.project-post-wrap .title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 10%;
    background-color: #fed100;
}

.project-post-wrap .view-more a {
    padding: 10px 30px;
    background-color: #034153;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 45px;
    font-size: 12px;
    border-radius: 5px;
}

.view-more a:hover {
    background-color: #fed100;
    color: #034153;
}


/* single case */

.single-project .post-thumb {
    margin-bottom: 20px;
}

.single-project .content-bottom {
    margin-top: 30px;
}

.faq-project {
    width: 50%;
    float: left;
    padding-right: 15px;
}

.team-project {
    width: 50%;
    float: left;
    padding-left: 15px;
}

.team-slider {
    position: relative;
}

.team-project .flexslider .slides img {
    width: auto;
    margin: 0 auto;
}

.team-text {
    background-color: #034153;
    padding: 4% 8%;
    color: #ffffff;
}

.team-text h4 {
    margin-bottom: 10px;
}

.team-slider .flex-direction-nav a {
    color: #ffffff;
    opacity: 1;
    text-align: center;
    bottom: 0;
    width: 60px;
    height: 85px;
    right: 0;
    top: inherit;
}

.team-slider .flex-direction-nav a:before {
    font-family: "finance" !important;
    line-height: 85px;
    font-size: 28px;
    color: #ffffff;
}

.team-slider .flex-direction-nav a.flex-next:before {
    content: "\69";
}

.team-slider .flex-direction-nav a.flex-prev:before {
    content: "\68";
}

.team-slider .flexslider:hover .flex-direction-nav .flex-next {
    right: 0;
}

.team-slider .flexslider .flex-direction-nav .flex-prev,
.team-slider .flexslider:hover .flex-direction-nav .flex-prev {
    right: 60px;
    left: inherit;
}


/*-----------------------------------------------------------------------------------*/
/*  9. TEAM PAGE
/*-----------------------------------------------------------------------------------*/

.team-profile .post-thumb {
    background-color: #f2f2f2;
    margin-bottom: 0;
}

.contact-team {
    border: 2px solid #f2f2f2;
    border-top: 0;
    padding: 20px;
}

.single-team-name {
    margin-bottom: 0;
}

.contact-team .job {
    color: #afafaf;
}

.contact-detail-info .phone {
    margin-bottom: 5px;
    font-size: 18px;
    font-size: 1.8rem;
}

.contact-detail-info .email {
    color: #fed100;
    font-size: 16px;
    font-size: 1.6rem;
}

.team-profile ul li a {
    color: #333333;
    border: 2px solid #333333;
}

.widget.pdf-download img,
.widget.download img {
    display: inline;
    margin-right: 5px;
}

.single-team .the-form form p.submit input {
    color: #ffffff;
    border: 2px solid #034153;
    background-color: #034153;
}

.single-team .the-form form p.submit input:hover {
    color: #034153;
    border: 2px solid #fed100;
    background-color: #fed100;
}


/*-----------------------------------------------------------------------------------*/
/*  10. CONTACT PAGE
/*-----------------------------------------------------------------------------------*/

.maps iframe {
    max-width: 100%;
    width: 100%;
    height: 450px;
    border: 0;
    outline: none;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.contact-form form p.submit input[type="submit"] {
    display: inline-block;
    width: auto;
    height: auto;
    font-family: 'open_sansbold';
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    border-radius: 3px;
    color: #ffffff;
    border: 2px solid #034153;
    background-color: #034153;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.contact-form form p.submit input[type="submit"]:hover {
    color: #034153;
    border: 2px solid #fed100;
    background-color: #fed100;
}


/*-----------------------------------------------------------------------------------*/
/*  11. SIDEBAR
/*-----------------------------------------------------------------------------------*/

.blog-sidebar .widget {
    position: relative;
    margin-bottom: 40px;
}

.blog-sidebar .widget .heading-block h4 {
    color: #333333;
    margin: 0;
}

.blog-sidebar .widget .heading-block h4 {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.blog-sidebar .widget .heading-block h4:after {
    content: "";
    background-image: url(./img/section-title.png);
    position: absolute;
    bottom: 0;
    height: 3px;
    background-size: 50px;
    width: 80px;
    background-repeat: no-repeat;
    left: 0;
}

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

.blog-sidebar .widget ul li {
    border-bottom: 2px solid #ffffff;
    background-color: #f2f2f2;
    padding: 10px 15px;
}

.sidebar .widget ul,
.sidebar .widget ul.children,
.sidebar .widget ul.sub-menu {
    padding: 0;
    list-style: none;
}

.sidebar .widget ul.children li,
.sidebar .widget ul.sub-menu li {
    padding-left: 8px;
    padding-right: 5px;
    border: none;
    padding-bottom: 0;
}

.blog-sidebar .widget.widget_calendar {
    padding: 0;
    max-width: 100%
}

.widget_calendar table {
    max-width: 100%;
}


/* widget search */

.blog-sidebar .widget.widget_search {
    border: none;
    padding: 0;
}

.sidebar .searchform {
    position: relative;
}

.sidebar .searchform input[type="search"] {
    border: 1px solid #f2f2f2;
    padding: 10px;
    font-size: 14px;
    width: 100%;
}

.sidebar .searchform .search-button {
    position: absolute;
    color: #afafaf;
    top: 8px;
    right: 8px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    background-color: transparent;
    border: 0;
    line-height: 30px;
    padding: 5px 5px;
    background-repeat: no-repeat;
}


/* widget categories */

.widget.widget_categories ul li,
.widget.widget_archive ul li,
.widget.widget_meta ul li,
.widget.widget_nav_menu ul#menu-service-menu li,
.widget.widget_nav_menu ul#menu-project li,
.widget.widget_nav_menu ul#menu-team li {
    background: #f2f2f2;
    border-bottom: 1px solid #ffffff;
    margin: 0;
    padding: 10px 10px 10px 0;
    clear: both;
    text-align: right;
    overflow: hidden;
}

.widget.widget_categories ul li a,
.widget.widget_archive ul li a,
.widget.widget_meta ul li a,
.widget.widget_nav_menu ul#menu-service-menu li a,
.widget.widget_nav_menu ul#menu-project li a,
.widget.widget_nav_menu ul#menu-team li a {
    font-family: 'open_sansbold';
    color: #333333;
    padding: 0 0 0 20px;
    display: block;
    transition: 200ms;
    float: left;
}

.widget.widget_categories ul li:hover,
.widget.widget_archive ul li:hover,
.widget.widget_meta ul li:hover,
.widget.widget_nav_menu ul#menu-service-menu li:hover,
.widget.widget_nav_menu ul#menu-project li:hover,
.widget.widget_nav_menu ul#menu-team li:hover {
    border-left: 4px solid #034153;
    transition: 100ms;
}


/* widget latest post */

.widget.recent-post .post-item {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #edf1fa;
}

.widget.recent-post .post-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.widget.recent-post .post-thumb {
    float: left;
    margin-right: 10px;
}

.widget.recent-post .post-content {
    overflow: hidden;
}

.widget.recent-post .post-content h4 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    margin-bottom: 0;
}

.widget.recent-post .post-content .meta span {
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #afafaf;
}


/* widget social box */

.socialbox-widget {
    padding-top: 15px;
    margin-top: 25px;
    border-top: 1px solid #045971;
}

.socialbox-widget ul {
    list-style: none;
    padding: 0;
}

.socialbox-widget ul li {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    display: inline-block;
    margin-right: 5px;
    margin-top: 20px;
}

.socialbox-widget ul li a {
    font-size: 15px;
    font-size: 1.5rem;
    color: #ffffff;
    background-color: #045971;
    padding: 10px 12px 7px;
    border-radius: 3px;
}

.socialbox-widget ul li:hover a {
    background-color: #fed100;
    color: #034153;
}


/* widget newsletter */

.widget_mc4wp_form_widget form p {
    margin-bottom: 15px;
    color: #ffffff;
}

.widget_mc4wp_form_widget form p input[type="email"] {
    color: #333333;
}

.widget_mc4wp_form_widget form p input[type="submit"] {
    border: 2px solid #ffffff;
    color: #fff;
    background-color: transparent;
    text-transform: uppercase;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 0.1em;
    width: 100%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.widget_mc4wp_form_widget form p input[type="submit"]:hover {
    border: 2px solid #fed100;
    background-color: #fed100;
    color: #034153;
}


/* widget tagcloud */

.tagcloud a {
    font-size: 13px !important;
    border: 1px solid #034153;
    padding: 5px 10px;
    margin-bottom: 5px;
    display: inline-block;
}

.tagcloud a:hover {
    border: 1px solid #fed100;
    background-color: #fed100;
    color: #034153;
}


/* widget contact */

.sidebar-contact {
    background-color: #034153;
    padding: 30px 20px;
}

.sidebar-contact h3 {
    color: #ffffff;
    font-size: 20px;
    font-size: 2.0rem;
}

.sidebar-contact p {
    color: #ffffff;
    margin-bottom: 0;
}


/*-----------------------------------------------------------------------------------*/
/*  12. FOOTER
/*-----------------------------------------------------------------------------------*/

.site-footer {
    background-color: #034153;
}

.footer-widget-areas {
    border-bottom: 1px solid #045971;
    padding: 80px 0 60px;
}

.footer-widget-areas .widget-footer {
    color: #ffffff;
}

.foot-copyright {
    padding: 30px 0;
}

.copyright-text,
.copyright-text a {
    color: #ffffff;
}


/* widget footer */

.footer-widget h2 {
    color: #ffffff;
    margin: 0;
}

.footer-widget h2 {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.footer-widget h2:after {
    content: "";
    background-image: url(./img/section-title.png);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-size: 50px;
    width: 80px;
    background-repeat: no-repeat;
}

.footer-widget .textwidget p {
    color: #ffffff;
    margin-bottom: 0;
}


/* widget menu */

.widget-footer.widget_nav_menu ul {
    list-style: none;
    padding: 0;
}

.widget-footer.widget_nav_menu ul li {
    width: 50%;
    display: inline-block;
    float: left;
    margin-bottom: 10px;
}

.widget-footer.widget_nav_menu ul li a {
    color: #ffffff;
}


/* widget newsletter */

.footer-widget .widget_mc4wp_form_widget form input {
    color: #333333;
    padding: 0 50px 0 10px;
}

.footer-widget .newsletter-form {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.footer-widget .newsletter-form button.submit-button {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background-color: #fed100;
    padding: 15px;
}

.footer-widget .newsletter-form button.submit-button i {
    color: #045971;
    font-size: 18px;
    font-size: 1.8rem;
}



/* widget contact us */

.widget-footer .contact-section i {
    float: left;
    margin-right: 10px;
    font-size: 24px;
    font-size: 2.4rem;
}

.widget-footer .contact-section {
    margin-bottom: 20px;
}

.widget-footer .contact-section .text-section {
    overflow: hidden;
    display: inline-block;
}

.widget-footer .contact-section .text-section h4 {
    margin-bottom: 5px;
}

.widget-footer .contact-section .text-section p {
    margin-bottom: 0;
    color: #ffffff;
}

/*Custom Style*/
.contact-author-details h5{
	margin-bottom:5px;
}

.tag-wrapper{
	border-left-color:#faa61a;
}

.form-html{
	color:#3a3a3a;
}

.form-html h2, .the-form form h2 {
    margin-top: 0px;
    color: #ffffff;
}

.form-html p, .form-html li{
	color:#ffffff;
}

.the-form form p.hpf_name,
.the-form form p.hpf_email {
    width: 49%;
    display: inline-block;
}

.the-form form p.hpf_name {
    margin-right: 1%;
}

.the-form form input[type=text], .the-form form input[type=email], .the-form form textarea{
	background-color:#ffffff;
}

.the-form form p.submit {
    margin: 0;
}

.the-form form p.submit input, .gaq p.submit input{
  color:#ffffff;
	background-color:transparent;
	border-radius:3px;
	border:2px solid #ffffff;
	outline:none;
}

.the-form form p.submit input:hover, .gaq p.submit input:hover {   
	border-color:#ffa919;
	background-color:#ffa919;
	color:#ffffff;
}

.site-header .navigation{
	border-bottom:0px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
    border: 2px solid #4c4d4f;
    background-color: #ffffff;
}

span.wpcf7-not-valid-tip{
	margin-top:3px;
	color:#ffbe4d;
}

div.wpcf7-mail-sent-ok{
	background-color:#ffffff;
}

div.wpcf7 .ajax-loader{
	/*background:none;*/
}

.hold-bsbg{
	z-index: 999999999;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	opacity:1;
}

.hold-bsbg img{
	position: fixed; 
	top: 50%; 
	left: 50%; 
	margin-left:-45px; 
	margin-top:-43px; 
	max-width:90px; 
	height:auto; 
}

.hold{
	border-radius: 50%; 
}

.hold {
	position: fixed; 
	text-indent: -9999em; 
	border-top: 1.0em solid rgba(250, 166, 26, 0.4);
	border-right: 1.0em solid rgba(250, 166, 26, 0.4);
	border-bottom: 1.0em solid rgba(250, 166, 26, 1); 
	border-left: 1.0em solid rgba(250, 166, 26, 0.4);
	-webkit-transform: translateZ(0); 
	-ms-transform: translateZ(0); 
	transform: translateZ(0); 
	-webkit-animation: loader 1.1s infinite linear; 
	animation: loader 1.1s infinite linear; 
	display: inline-block; 
	top: 50%; 
	margin-left:-30px; 
	margin-top:-30px; 
	width: 60px; 
	height: 60px; 
	left: calc(50% - 15px); 
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.gaq h4{
	margin-bottom:10px;
	font-weight:normal;
}

.gaq p.submit input{
	display:inline-block;
	border-color:#4c4d4f;
	color:#4c4d4f;
	width:auto;
	font-weight:600;
}

.c-menu__close{
	height:40px;
}
/*Custom Style*/