/*
Theme Name: Globalhub
Theme URI: 
Author: 
Author URI: 
Description: Custom WordPress Framework and Theme developed by the 
Version: 1.0.0
Text Domain:
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
5.1 Links
5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
10.1 Posts and pages
10.2 Asides
10.3 Comments
11.0 Infinite scroll
12.0 Media
12.1 Captions

13.0 Miscellaneous
13.1 Basic Styles
14.0 Extra Styles


--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
span,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    /*font-family: inherit;*/
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing ospanly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing: border-box;
    /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

*,
*: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 {
    color: var(--text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    font-family: 'Roboto', sans-serif;
    background: var(--white);
    /* Fallback for when there is no custom background color defined. */
}

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

ol,
ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote,
blockquote p {
    font-style: italic;
}

blockquote p {
    margin-bottom: 0;
    padding: 5px 0;
}

blockquote {
    background: #f5f5f5;
    border-left: 4px solid;
    margin: 20px 0px 20px 25px;
    padding: 15px;
    position: relative;
}

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

a {
    color: var(--primary);
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
    color: #324B7D
}

a img {
    border: 0;
}


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--primary);
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 400;
}

p,
li {
    color: var(--text-color);
    margin-bottom: 20px;
}

p {
    line-height: 1.5;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

b,
strong {
    font-weight: bold;
}

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

address {
    margin: 0 0 15px;
}

pre {
    background: #eee;
    font-size: 15px;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-size: 15px;
    margin-bottom: 15px;
}

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

mark,
ins {
    background: var(--white);
    9c0;
    margin-bottom: 15px;
    text-decoration: none;
}

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

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

caption,
th,
td {
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    font-weight: 400;
    padding: 5px;
    text-align: center;
}

caption {
    border: 1px solid #dedede;
    margin-bottom: 15px;
}

.gallery-caption {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

.gallery img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

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

ul,
ol {
    margin: 10px 0 15px 25px;
}

ul li {
    list-style: disc;
}

ol li {
    list-style: decimal;
}

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

li {
    list-style-type: none;
}

dt {
    font-weight: bold;
}

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

figure {
    margin: 0 auto 15px;
    position: relative;
}

table {
    width: 100%;
    margin: 15px 0;
    width: 100%;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

th {
    font-weight: bold;
}


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /*background-color: #fed136;*/
    background: #222B33;
    border-radius: 0;
    border: none;
    color: var(--white);
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*opacity: 0.7;*/
}

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

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Aspanresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* Aspanresses appearance set to searchfield in S5, Chrome */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed ospanly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

div.wpcf7-validation-errors {
    border: 2px solid #004A80;
    bottom: -51px;
    clear: both;
    color: #E90838;
    margin: 0;
    padding: 15px;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    clear: both;
    color: #398f14;
    margin: 0;
    padding: 15px;
}

span.wpcf7-not-valid-tip {
    bottom: -16px;
    color: #ff0000;
    display: block;
    font-size: 14px;
    position: absolute;
}

input[type="text"],
input[type="password"],
textarea,
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
select {
    -moz-border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 6px;
    border: 1px solid #E9E9E9;
    box-sizing: border-box;
    color: #828282;
    padding: 10px;
    width: 100%;
    background: #F7F7F7;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
textarea:focus {
    border-color: #222B33;
}

span.wpcf7-form-control-wrap {
    display: block;
    margin-top: 3px;
}

.wpcf7 label {
    width: 100%;
    font-size: 18px;
    margin-bottom: 0px;
    color: #252525;
}

.wpcf7 .wpcf7-list-item label {
    margin-bottom: 0;
}

.sidebar .wpcf7 input {
    background: var(--white);
    border: 1px solid #DDE2EA;
    padding-left: 12px;
}

::-webkit-input-placeholder {
    color: #828282;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #828282;
    opacity: 1;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #828282;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #828282;
    opacity: 1;
}


/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/


/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a:focus {
    outline: none;
}

a {
    text-decoration: none;
}

a,
a:hover {
    text-decoration: none;
}

:root {
    --primary: #243665;
    --secondary: #e8412c;
    --bg: #a3988c;
    --white: #fff;
    --text-color: #B1B1B1;
}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/


/*--------------------------------------------------------------
Menu Start
--------------------------------------------------------------*/

.menu-top-menu-container>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

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

.main-navigation li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}

.main-navigation li li {
    border-bottom: 1px solid #e7e7e7;
    display: block;
    float: none;
    padding: 0;
    text-align: left;
}

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

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

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

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

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

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

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

.menu-top-menu-container>ul>li {
    margin: 0px 20px 0px;
    padding-bottom: 33px;
    padding-top: 33px;
}

.sticky-header .menu-top-menu-container>ul>li {
    padding-bottom: 24px;
    padding-top: 24px;
}

.sticky-header .main-navigation li.contact-btn {
    padding-top: 13px;
    padding-bottom: 13px;
}

.menu-top-menu-container>ul>li:first-child {
    margin-left: 0
}

.menu-top-menu-container>ul>li:last-child {
    margin-right: 0
}

.main-navigation ul>li>a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}

.main-navigation ul>li>a::after {
    position: absolute;
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    background: var(--secondary);
    right: 0;
    opacity: 0;
    bottom: -8px;
    left: auto;
}

.main-navigation ul ul>li>a::after {
    display: none
}

.main-navigation ul>li:hover>a::after {
    opacity: 1;
    left: 0;
    width: 100%;
    right: auto;
}

.main-navigation ul>li.current-menu-item>a::after {
    opacity: 1;
    width: 100%;
    background: var(--secondary);
}

.main-navigation ul li a {
    position: relative;
    font-weight: 700;
    color: var(--primary);
    font-size: 16px;
}

.main-navigation ul>li>a:hover,
.site-footer ul li,
.site-header ul li:hover>a,
.main-navigation ul>li.current-menu-item>a {
    color: var(--secondary);
}

.main-navigation ul ul>li>a {
    padding: 10px 25px;
}

.main-navigation ul ul li a {
    font-size: 16px
}

.main-navigation ul li ul li a:hover {
    box-shadow: none;
    background: var(--secondary);
    color: var(--white);
}

.main-navigation li li.current_page_item a:after,
.main-navigation ul li li a:hover:after {
    display: none;
}

.main-navigation .menu>li:hover:after,
.main-navigation li.current-menu-item:after,
.main-navigation .menu ul>li:hover:after,
.main-navigation li.current_page_item:after {
    width: 100%;
}

.main-navigation .menu>li:after,
.main-navigation ul li:after,
.main-navigation li.current-menu-item:after,
.main-navigation .menu ul>li:after,
.main-navigation li.current_page_item:after {
    bottom: 0px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    transition: width 0.25s ease 0s;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    width: 0;
    z-index: 88;
}

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

.main-navigation li.current-menu-item:after,
.main-navigation ul li.current_page_item:after {
    width: 100%;
}

.main-navigation ul li.menu-item-has-children>ul>li.menu-item-has-children>a:before {
    content: "\f0d7";
    display: inline-block;
    font-size: 12px;
    right: 5px;
    position: absolute;
    left: auto;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 19px;
}

.main-navigation ul li.menu-item-has-children>a::before {
    content: "\f0d7";
    display: inline-block;
    font-size: 12px;
    font-family: FontAwesome;
    right: -12px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 17px;
    font-size: 14px;
}

.main-navigation ul ul {
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    margin: 0;
    position: absolute;
    top: 86px;
    z-index: 999;
    background: var(--white);
    min-width: 200px;
    box-shadow: 1px 8px 16px 0 rgba(0, 0, 0, 0.4);
}

.sticky-header .main-navigation ul ul {
    top: 68px;
}

.main-navigation ul li:hover ul {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

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

.main-navigation li.contact-btn {
    margin-left: 50px;
    padding-top: 22px;
    padding-bottom: 22px;
}

.main-navigation li.contact-btn a {
    background: var(--secondary);
    padding: 11px 16px;
    font-weight: 400;
    color: var(--white);
}

.main-navigation li.contact-btn a:hover {
    background: var(--primary);
    color: var(--white);
}

.main-navigation li.contact-btn a:after {
    display: none;
}


/*--------------------------------------------------------------
Menu End
--------------------------------------------------------------*/


/*   -- "Inline Social Profiles" (These are the styles for the Social Site section) --   */

.inline-social-icons ul,
.block-social-icons ul,
.widget ul {
    margin: 0;
}

.inline-social-icon {
    padding: 15px 0;
    text-align: center;
}

.inline-social-icon .entry-title {
    font-size: 22px;
    color: var(--white);
    margin-bottom: 60px;
}

.inline-social-icon li {
    display: inline-block;
    margin: 0 8px 4px;
    list-style: none
}

.inline-social-icon li:last-child {
    margin-right: 0;
}

.inline-social-icon li:first-child {
    margin-left: 0;
}

.inline-social-icon li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.inline-social-icon li a[href*="gmail.com"]::before,
.inline-social-icon li a[href*="yahoo.com"]::before,
.inline-social-icon li a[href*="hotmail.com"]::before {
    content: "\f0e0";
}

.inline-social-icon li a[href*="twitter.com"]::before {
    content: "\f099";
}

.inline-social-icon li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.inline-social-icon li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.inline-social-icon li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.inline-social-icon li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.inline-social-icon li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.inline-social-icon li a[href*="youtube.com"]::before {
    content: "\f167";
}

.inline-social-icon li a[href*="tiktok"]::before {
    content: "\e07b";
    visibility: visible;
    font-family: "Font Awesome 5 Brands";
}

.inline-social-icon li a {
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: var(--white);
    display: inline-block;
    font-size: 0px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    background: #505E84;
}

.inline-social-icon li a:hover {
    background: var(--secondary);
    color: var(--white)
}

.inline-social-icon li a::before {
    font-family: "FontAwesome";
    color: var(--primary);
    font-size: 14px;
    text-align: center;
}

.inline-social-icon li a:hover:before {
    color: var(--white);
}

.inline-social-icon li a:hover:before {
    color: #918781;
}


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/


/* 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:hover,
.screen-reader-text:active,
.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: 1.4rem;
    font-size: 14px;
    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 */
}


/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

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

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

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}


/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget {
    margin-bottom: 30px
}


/* Make sure select elements fit in widgets */

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


/* Search widget */


/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

.entry-content img {
    margin-bottom: 15px;
}

.entry-content {
    margin-bottom: 15px;
}


/*--------------------------------------------------------------
10.1 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;
    margin: 0;
}

.page-content,
.entry-content,
.entry-summary,
.entry-header {
    /*margin:0 0 15px;*/
}

.entry-content img,
.page-content img,
.entry-summary img {
    margin-bottom: 15px;
}

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


/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

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


/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

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

.byblog-postauthor {
    display: block;
}


/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-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;
}


/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

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


/* Make sure embeds and iframes fit their containers */

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


/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

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

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

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

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


/*--------------------------------------------------------------
13 Miscellaneous
--------------------------------------------------------------*/


/*-------------------------------------- 
13.1 Basic Styles
----------------------------------------*/


/*-------------------------------------- 
14.0 Extra Styles
----------------------------------------*/

.back-to-top {
    bottom: 70px;
    position: fixed;
    right: 30px;
    z-index: 99;
}

.back-to-top a {
    color: var(--white);
    display: block;
    font-family: "FontAwesome";
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background: var(--secondary);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
}

.back-to-top a:hover {
    color: var(--white);
    background: var(--primary);
    border-color: var(--white);
}

.back-to-top a::before {
    content: "\f106";
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.box-button,
input[type="submit"],
.wpcf7 input[type="submit"] {
    display: inline-block;
    font-size: 15px;
    padding: 12px 24px;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    z-index: 1;
    background: var(--secondary);
    color: var(--white);
    font-weight: 500;
    margin-bottom: 2px;
    text-transform: uppercase
}

.box-button:hover,
.box-button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    color: var(--white);
    background: var(--primary)
}

.wpcf7 input[type="submit"],
input[type="submit"] {
    margin-bottom: 0;
    border: none;
    padding: 11px 30px;
}


/*............................main styling from here*/


/* header-section starts*/

.site-header {
    padding-top: 126px;
}

.header-wrapper {
    background: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 9;
}

.sticky-header .header-wrapper {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
    z-index: 9999;
    -webkit-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}


/* animation */

@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-o-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.site-branding img {
    max-width: 225px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sticky-header .site-branding img {
    max-width: 190px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.hgroup-wrap .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hgroup-right {
    width: 79%;
    width: calc(100% - 225px);
    width: -webkit-calc(100% - 225px);
    padding-left: 25px;
}

.site-branding {
    width: 225px;
}

.site-branding h1 {
    margin-bottom: 0;
}

.site-branding a:hover img {
    opacity: 0.6;
}

.navbar {
    min-height: auto;
    border: none;
    margin: 0;
    display: block;
    padding: 0
}

.top-header .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.top-header .container>div {
    width: 50%;
}

.top-header .container>div:first-child {
    padding-right: 15px;
}

.top-header .container>div:last-child {
    padding-left: 15px;
    text-align: right;
}

.top-header ul li {
    display: inline-block;
    margin-bottom: 4px
}

.top-header-left ul li {
    margin-right: 10px;
    font-weight: 700;
}

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

.top-header-right ul li {
    margin-left: 10px;
}

.top-header-right ul li:first-child {
    margin-left: 0;
}

.top-header {
    background: #243665;
    padding: 9px 0 5px;
}

.sticky-header .top-header {
    display: none;
}

.top-header ul li,
.top-header ul li a {
    color: var(--white)
}

.language-menu a {
    text-transform: capitalize;
    vertical-align: middle;
}

.language-menu a span {
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}


/* page title styling from here */

.page-title-wrap {
    padding: 150px 0 140px;
    position: relative;
    text-align: center;
    background-attachment: fixed !important;
    background-position: 50% 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.page-title-wrap::before {
    position: absolute;
    display: block;
    content: "";
    background: rgba(42, 62, 107, 0.7);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.page-title-wrap * {
    position: relative;
    color: var(--white)
}

.page-title {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.breadcrumbs a,
.breadcrumbs span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.breadcrumbs a {
    opacity: 0.5;
}

.breadcrumbs a:hover {
    opacity: 1;
}

.breadcrumbs li {
    display: inline-block;
    margin: 0 10px 5px;
    position: relative;
}

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

.breadcrumbs li:last-child {
    margin-right: 0;
}

.breadcrumbs li::before {
    position: absolute;
    display: block;
    content: "\f105";
    font-family: "FontAwesome";
    color: var(--white);
    opacity: 0.4;
    right: -15px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 23px;
    font-size: 18px;
}

.breadcrumbs li:last-child:before {
    display: none;
}


/*header-section ends*/


/* site main styling from here */

.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6 {
    padding-bottom: 10px
}

.site-content section {
    padding: 80px 0 80px;
    position: relative;
}

.entry-header.heading {
    margin-bottom: 35px;
    text-align: center
}

.entry-header.heading figure {
    max-width: 100px;
}

.entry-title a:hover {
    color: var(--secondary);
}


/* features slider styling from here */

.featured-slider {
    position: relative;
}

.banner-slider .slider-image::before {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(36, 54, 101, 0.55);
    z-index: 1;
}

.banner-slider.slick-dotted.slick-slider {
    margin: 0;
    line-height: 0;
}

.banner-slider .slider-image {
    position: relative;
    overflow: hidden;
    margin: 0
}

.slider-image img {
    width: 100%;
}

.banner-slider .slick-active .slider-image img {
    -webkit-animation: 6s linear 0.5s normal forwards 1 running pop-in;
    animation: 6s linear 0.5s normal forwards 1 running pop-in;
}

@-webkit-keyframes pop-in {
    0% {}
    100% {
        transform: scale(1.1);
    }
}

@-moz-keyframes pop-in {
    0% {}
    100% {
        transform: scale(1.1);
    }
}

@-o-keyframes pop-in {
    0% {}
    100% {
        transform: scale(1.1);
    }
}

@keyframes pop-in {
    0% {}
    100% {
        transform: scale(1.1);
    }
}

.featured-slider .slider-text {
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 10%;
    top: 50%;
    position: absolute;
    max-width: 650px;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 2;
    line-height: 1.3;
}

.slider-title {
    font-size: 30px;
    color: var(--white);
    margin-bottom: 25px;
    position: relative;
    letter-spacing: 1px;
    font-weight: 400;
}

.slider-subtitle {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-weight: 600;
    color: var(--white);
}

.slick-prev,
.slick-next {
    width: 30px;
    height: 30px;
    background: rgba(232, 65, 44, 0.64);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    z-index: 9;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    background: rgba(232, 65, 44, 1);
    color: #fff
}

.slick-prev {
    left: 20px;
}

.slick-next {
    right: 20px;
}

.slick-prev::before {
    content: '\f104';
}

.slick-next::before {
    content: '\f105';
}

.slick-prev::before,
.slick-next::before {
    font-family: "FontAwesome";
    color: #fff;
    font-size: 16px;
}

.slick-prev:hover:before,
.slick-next:hover:before {
    color: #fff;
}

.featured-slider .box-button:hover {
    background: var(--white);
    color: var(--secondary);
}


/*home about section starting from here*/

.post:after,
.post:before,
.contact-detail-item:before,
.contact-detail-item:after,
.contact-content-wrapper:before,
.contact-content-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

.post {
    margin-bottom: 30px;
}

.featured-image {
    overflow: hidden;
}


/*site information section starting from here*/

.site-information-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.site-information-item {
    position: relative;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    min-width: 22.2%;
    min-width: calc(25% - 30px);
    min-width: -webkit-calc(25% - 30px);
    text-align: center;
    background: var(--white);
    margin: 0 15px;
    padding: 50px 25px 12px;
    border-bottom: 5px solid var(--secondary);
    box-shadow: 0px 7px 21px -2px rgba(36, 54, 101, 0.29);
}

.site-content section.site-information-section {
    padding-top: 0;
    margin-top: -42px;
    z-index: 9;
    padding-bottom: 30px;
}

.site-information-item .entry-title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.site-information-item .featured-image img {
    max-width: 50px;
}

.site-information-item .featured-image {
    margin-bottom: 25px;
}

.site-content section.duet-info-section,
.site-content section.trading-section,
.site-content section.recruitment-service-section {
    padding-bottom: 50px;
}


/*recruitment service section starting from here*/

.recruitment-service-section .post .featured-image {
    width: 45%;
    float: right;
}

.recruitment-service-section .post .post-content-wrap {
    width: 55%;
    float: left;
    padding-right: 60px;
}

.entry-title {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}


/*trading section starting from here*/

.trading-section .post .featured-image {
    width: 50%;
    float: left;
    padding-right: 25px;
}

.trading-section .post .post-content-wrap {
    width: 50%;
    float: right;
    padding-left: 25px;
}

.trading-section {
    background-attachment: fixed !important;
    background-position: 50% 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.trading-section::before {
    display: block;
    content: "";
    position: absolute;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 54, 101, 0.82)), to(#243665));
    background-image: -o-linear-gradient(top, rgba(36, 54, 101, 0.82) 0%, #243665 100%);
    background-image: linear-gradient(180deg, rgba(36, 54, 101, 0.82) 0%, #243665 100%);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.trading-section .container {
    position: relative;
    z-index: 9;
}

.trading-section .entry-title {
    color: var(--white);
}

.trading-section .box-button {
    border: 1px solid rgba(0, 0, 0, 0);
}

.trading-section .box-button:hover {
    border-color: var(--white);
}


/*duet info section starting from here*/

.duet-info-section .post .featured-image {
    max-width: 290px;
    margin: 0 0 20px;
}

.duet-info-section .row .col-sm-6:nth-child(2n+1) .post {
    padding-right: 20px;
}

.duet-info-section .row .col-sm-6:nth-child(2n+2) .post {
    padding-left: 20px;
}


/*home about section starting from here*/

.home-about-section {
    background: rgba(110, 193, 228, 0.05);
}

.home-about-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home-about-content {
    width: 60%;
    padding-right: 50px;
}

.contact-icon .fa {
    font-size: 25px;
}

.contact-icon {
    margin-bottom: 8px;
}

.contact-icon img {
    max-width: 35px;
}

.contact-heading {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
}

.site-content h4.contact-heading {
    padding-bottom: 5px;
}

.about-contact-text {
    font-size: 20px;
    margin-bottom: 5px;
}

.about-contact-content {
    width: 40%;
    background: var(--primary);
    padding: 30px;
}

.about-contact-item {
    padding-bottom: 15px;
}


/*contact page section starts*/

.contact-form-wrapper {
    float: left;
    width: 60%;
    padding-right: 15px;
}

.contact-detail-wrapper {
    float: right;
    width: 40%;
    padding-left: 15px;
}

.wpcf7-form p label {
    position: absolute;
    width: 68px;
    height: 100%;
    background: var(--primary);
    top: 0;
    margin: 0;
    z-index: 1;
    left: 0;
}

.wpcf7-form p label[for="name"]::before {
    content: "\f007";
}

.wpcf7-form p label[for="email"]::before {
    content: "\f0e0";
}

.wpcf7-form p label[for="subject"]::before {
    content: "\f040 ";
    font-size: 20px;
    line-height: 20px;
}

.wpcf7-form p label::before {
    position: absolute;
    display: block;
    font-family: "FontAwesome";
    font-size: 18px;
    color: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 21px;
    height: 26px;
    margin: auto;
    text-align: center;
}

.wpcf7 input,
.wpcf7 textarea {
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #B9C5D1;
    font-weight: 400;
    padding: 13px 12px 13px;
    background: #F5F6F6;
    font-family: 'DM Sans', sans-serif;
}

.wpcf7 input {
    padding-left: 82px;
}

.wpcf7-form p {
    position: relative;
}

.comments-area p {
    margin-bottom: 20px;
}

.comments-area .comment-content p:last-child {
    margin-bottom: 10px;
}

.comment-reply-link {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    background-color: var(--primary);
    border-radius: 40px;
    padding: 10px 22px 10px 22px;
    display: inline-block;
}

.comment-reply-link:hover {
    background: var(--secondary);
    color: #fff
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border-color: var(--primary);
}

.contact-detail-icon {
    width: 44px;
    height: 44px;
    background: var(--primary);
    border-radius: 50px;
    text-align: center;
    float: left;
    margin-right: 10px;
}

.contact-detail-icon .fa {
    font-size: 24px;
    line-height: 44px;
    color: #fff;
}

.contact-detail-content {
    width: 87%;
    width: calc(100% - 54px);
    width: -webkit-calc(100% - 54px);
    float: right;
}

.contact-detail-content a,
.contact-detail-content span {
    color: var(--primary);
    font-size: 20px;
    font-weight: 500;
}

.contact-detail-content a:hover {
    color: var(--secondary);
}

.contact-detail-content h4 {
    color: var(--secondary);
    font-size: 16px;
    font-weight: 700;
    margin: 5px 0 5px;
    letter-spacing: 0.5px;
    text-transform: uppercase
}

.contact-detail-item {
    margin-bottom: 15px;
}

.contact-content-wrapper {
    padding-top: 40px;
}

.entry-header.heading .entry-subtitle {
    font-size: 30px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--secondary)
}

.wpcf7 input[type="submit"] {
    background: var(--primary)
}

.wpcf7 input[type="submit"]:hover {
    background: var(--secondary)
}


/*footer section starts*/

.site-footer {
    position: relative;
    background: #313E72;
    z-index: 9;
}

.footer-contact-section {
    text-align: center;
    padding: 100px 0 55px;
    position: relative;
    background-attachment: fixed !important;
    background-position: 50% 0 !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.footer-contact-section::before {
    position: absolute;
    display: block;
    content: "";
    background: rgba(42, 62, 107, 0.9);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.footer-contact-section .container {
    position: relative;
    z-index: 9;
}

.footer-branding,
.footer-branding>.featured-image,
.footer-contact-item-wrap {
    margin-bottom: 40px;
}

.footer-contact-item-wrap,
.site-generator .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-contact-item {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    min-width: 33.3333%;
    padding: 0 15px;
    margin-bottom: 10px;
}

.footer-contact-item h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.site-footer ul li,
.site-header ul li {
    list-style: none;
}

.site-footer ul,
.site-header ul,
.team-item ul {
    margin: 0
}

.widget ul li {
    margin-bottom: 18px
}

.site-footer .inline-social-icon {
    text-align: left;
    padding: 0 15px
}

.site-footer .inline-social-icon ul li {
    margin-bottom: 4px;
}

.site-footer li {
    line-height: 1;
}

.site-footer .inline-social-icon li a::before {
    color: var(--white);
}

.home-about-section .about-contact-content a,
.home-about-section .contact-icon .fa,
.home-about-section .contact-heading,
.home-about-section .about-contact-text,
.site-generator *,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer a,
.site-footer p,
.site-footer span {
    color: var(--white);
}

.site-footer a:hover,
.home-about-section .about-contact-content a:hover {
    color: var(--secondary)
}

.site-generator {
    background: var(--primary);
    padding: 13px 0;
}

.site-generator .container>div,
.site-generator .container>span {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    min-width: 50%;
}

.site-generator .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-generator .copy-right {
    padding: 6px 15px 6px 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    text-transform: capitalize;
    line-height: 1.3;
    font-style: italic;
}

.copy-right P {
    margin: 0;
}

.site-generator .inline-social-icon {
    padding-left: 15px;
    text-align: right;
    padding-right: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: #828282;
    background-image: url("assets/images/select-arrow.png");
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: 13px;
}

.posts-navigation .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.posts-navigation .nav-links>div {
    width: 48%;
}

.nav-next {
    text-align: right;
}

.nav-links a {
    padding: 15px;
    background: var(--primary);
    color: var(--white);
    display: inline-block;
}

.nav-links a:hover {
    background: var(--secondary);
}

a,
a:hover,
.main-navigation ul>li:hover>a::after,
.main-navigation ul>li>a::after {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pages {
    margin: 2em;
}

.pages p {
    color: #545353;
    text-align: justify;
}