Edited style sheet

/*
Theme Name: Trade Treasury Payments Theme
Template: inovado
Version: undefined
Updated: 2018-05-29 14:08:04
*
*/
body:not(.wp-admin){

:root {
    --background: #FFF1E8; /* Light peach background */
    --background-light-blue: #FDECE1; /* Softer warm tone instead of light blue */
    --background-blue: #FCD9B7; /* Warm beige replacing the old blue */
    --article-blue: #F16814; /* Orange as the primary CTA and article highlight */
    --video-green: #167B7D; /* Keeping this for consistency */
    --podcast-blue: #188FD9; /* Brighter blue from the new branding */
    --90-brand: #3E3D4C; /* Dark grey replaces old dark blue */
    --90-gray: #3E3D4C; /* Adjusted to match branding */
    --80-gray: #504F60; /* Warmer deep grey */
    --70-gray: #5B7282; /* Keeping close to original but slightly refined */
    --60-gray: #9FB1BD; /* Lighter grey for readability */
    --40-gray: #BFCAD4; /* Softened for UI elements */
    --80-blue: #188FD9; /* New secondary blue from branding */
    --font-size: 13px;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-century-gothic: 'Century Gothic', Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------ */
/* CSS Reset v2.0 by http://meyerweb.com/eric/tools/css/reset/
/* ------------------------------------------------------------------------ */
html {
    background-color: transparent !important;
}

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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

/* Basic WordPress Classes */
.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

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

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

.wp-caption {
    max-width: 100%;
    padding: 0;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    color: #888888;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

/* ------------------------------------------------------------------------ */
/* 02. Skeleton Grid 960px / 16 Columns */
/* ------------------------------------------------------------------------ */

.container {
    position: relative;
    max-width: 1312px;
    margin: 0 auto;
    padding: 0;
}


.row {
    margin-bottom: 20px
}

/* Nested Column Classes */
.column.alpha,
.columns.alpha,
.column.first,
.columns.first {
    margin-left: 0
}

.column.omega,
.columns.omega,
.column.last,
.columns.last {
    margin-right: 0
}

.row {
    margin-bottom: 20px;
}


/* Nested Column Classes */
.column.alpha,
.columns.alpha,
.column.first,
.columns.first {
    margin-left: 0;
}

.column.omega,
.columns.omega,
.column.last,
.columns.last {
    margin-right: 0;
}

/* Base Grid */
.container .one.column,
.container .one.columns {
    width: 40px;
}

.container .two.columns {
    width: 100px;
}

.container .three.columns {
    width: 160px;
}

.container .four.columns {
    width: 220px;
}

.container .five.columns {
    width: 280px;
}

.container .six.columns {
    width: 340px;
}

.container .seven.columns {
    width: 400px;
}


.container .nine.columns {
    width: 520px;
}

.container .ten.columns {
    width: 580px;
}

.container .eleven.columns {
    width: 640px;
}

.container .twelve.columns {
    width: 700px;
}

.container .thirteen.columns {
    width: 760px;
}

.container .fourteen.columns {
    width: 820px;
}

.container .fifteen.columns {
    width: 880px;
}

.container .sixteen.columns {
    width: 940px;
}

.container .one-third.columns {
    width: 300px;
}

.container .two-thirds.column {
    width: 620px;
}

.container .one-fifth.columns {
    width: 172px;
}

.container .one-sixth.columns {
    width: 140px;
}

.container .one-seventh.columns {
    width: 117px;
}

/* Offsets */
.container .offset-by-one {
    padding-left: 60px;
}

.container .offset-by-two {
    padding-left: 120px;
}

.container .offset-by-three {
    padding-left: 180px;
}

.container .offset-by-four {
    padding-left: 240px;
}

.container .offset-by-five {
    padding-left: 300px;
}

.container .offset-by-six {
    padding-left: 360px;
}

.container .offset-by-seven {
    padding-left: 420px;
}

.container .offset-by-eight {
    padding-left: 480px;
}

.container .offset-by-nine {
    padding-left: 540px;
}

.container .offset-by-ten {
    padding-left: 600px;
}

.container .offset-by-eleven {
    padding-left: 660px;
}

.container .offset-by-twelve {
    padding-left: 720px;
}

.container .offset-by-thirteen {
    padding-left: 780px;
}

.container .offset-by-fourteen {
    padding-left: 840px;
}

.container .offset-by-fifteen {
    padding-left: 900px;
}

/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after {
    clear: both
}

.row,
.clearfix {
    zoom: 1
}

.clear {
    clear: both;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* ------------------------------------------------------------------------ */
/* 03. General Styles
/* ------------------------------------------------------------------------ */

@font-face {
    font-family: 'Century Gothic';
    src: url('./css/font/CenturyGothic.eot');
    src: local('Century Gothic'), local('CenturyGothic'),
        url('./css/font/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('./css/font/CenturyGothic.woff2') format('woff2'),
        url('./css/font/CenturyGothic.woff') format('woff'),
        url('./css/font/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('./css/font/CenturyGothic-Bold.eot');
    src: local('Century Gothic Bold'), local('CenturyGothic-Bold'),
        url('./css/font/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('./css/font/CenturyGothic-Bold.woff2') format('woff2'),
        url('./css/font/CenturyGothic-Bold.woff') format('woff'),
        url('./css/font/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('./css/font/CenturyGothic-BoldItalic.eot');
    src: local('Century Gothic Bold Italic'), local('CenturyGothic-BoldItalic'),
        url('./css/font/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./css/font/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('./css/font/CenturyGothic-BoldItalic.woff') format('woff'),
        url('./css/font/CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('./css/font/CenturyGothic-Italic.eot');
    src: local('Century Gothic Italic'), local('CenturyGothic-Italic'),
        url('./css/font/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
        url('./css/font/CenturyGothic-Italic.woff2') format('woff2'),
        url('./css/font/CenturyGothic-Italic.woff') format('woff'),
        url('./css/font/CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


body {
    background: var(--background);
    font-family: var(--font-family-century-gothic);
    font-size: var(--font-size);
    line-height: 1.7;
    color: var(--80-blue);
    /* -webkit-font-smoothing: antialiased; Fix for webkit rendering
    -webkit-text-size-adjust: 100%; */
    / / border-top: 3 px solid var(--80-blue);
}

/* For Footer fill */
.wrapall {
    background: var(--background);
}

::selection {
    background: #F16814;
    color: #ffffff;
}

::-moz-selection {
    background: #F16814;
    color: #ffffff;
}

img.scale-with-grid {
    max-width: 100%;
    height: auto;
}

/* ------------------------------------------------------------------------ */
/* 04. Typography
/* ------------------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--80-blue);
    font-family: var(--font-family-century-gothic);
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit
}

h1 {
    font-size: 48px;
    line-height: 1.5;
}

h2 {
    font-size: 32px;
    line-height: 1.25;
}

h3 {
    font-size: 24px;
    line-height: 1.25;
}

h4 {
    font-size: 20px;
    line-height: 1.4;
}

h5 {
    font-size: 16px;
    line-height: 1.4;
}

h6 {
    font-size: 14px;
    line-height: 1.4;
}

.highlight {
    color: #F16814;
}

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

p img {
    margin: 0
}

em {
    font-style: italic
}

strong {
    font-weight: bold
}

small {
    font-size: 80%;
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}

pre {
    height: auto;
    font-family: Consolas, monospace;
    border: 1px solid #e2e2e2;
    background: #f7f7f7;
    padding: 20px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 20px 0;
    overflow-x: auto;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.hidden {
    display: none !important
}

/* Links ---------------------------------------------------- */
/*
a,
a:visited {
    color: #049ABA;
    text-decoration: none;
    outline: 0;
}
*/
/* Transisiton for Links */
#sidebar a,
#footer a,
#infobar a,
#title a,
#alt-title a,
#no-title a,
#header a,
#page-wrap a,
#copyright .copyright-text a {
    -webkit-transition: all 0.07s ease-in;
    -moz-transition: all 0.07s ease-in;
    -ms-transition: all 0.07s ease-in;
    -o-transition: all 0.07s ease-in;
    transition: all 0.07s ease-in;
}

#page-wrap .portfolio-item-one a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

a:hover,
a:focus {
    color: #666666
}

p a,
p a:visited {
    line-height: inherit
}

/* Lists ---------------------------------------------------- */

ul,
ol {
    margin-bottom: 20px
}

ul {
    list-style: none outside
}

ol,
ul {
    margin-left: 30px
}

ol {
    list-style: decimal
}

ul {
    list-style: disc outside
}

ul li ul,
ol li ul,
ol li ul,
ol li ol {
    margin-bottom: 0
}

/* ------------------------------------------------------------------------ */
/* 05. Forms
/* ------------------------------------------------------------------------ */

form,
fieldset {
    margin-bottom: 20px
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    background: #fff;
    border: 1px solid transparent;
    padding: 8px 8px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: var(--font-family-century-gothic);
    font-size: 13px;
    color: var(--90-brand);
    margin: 0;
    width: 200px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    -moz-box-shadow: 0 1px 2px 0 rgba(180, 180, 180, 0.2);
    -webkit-box-shadow: 0 1px 2px 0 rgba(180, 180, 180, 0.2);
    box-shadow: 0 1px 2px 0 rgba(180, 180, 180, 0.2);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #1AA6FF;
    color: #333;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

textarea {
    min-height: 60px
}

select {
    width: 220px;
    padding: 5px;
}

label,
legend {
    cursor: pointer;
    display: block;
}

label span,
legend span {
    font-weight: bold
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    font-weight: bold;
    font-family: var(--font-family-century-gothic);
    cursor: pointer;
}

button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}

/* Contactform 7 Specific Styling ---------------------------------------------------- */

.wpcf7-form input[type="text"] {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    width: 400px;
    max-width: 100%;
    margin: 5px 0 0 0;
}

.wpcf7-form textarea {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    width: 100%;
    max-width: 100%;
    margin: 5px 0 0 0;
}

.wpcf7-form select {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    width: 400px;
    max-width: 100%;
    margin: 5px 0 0 0;
    padding: 8px;
}

.wpcf7-form {
    margin: 0;
    padding: 0;
}

.wpcf7-form input[type="checkbox"] {
    width: auto
}

.wpcf7 form.wpcf7-form p {
    font-weight: 600;
    margin: 0 0 20px 0 !important;
}

.wpcf7-list-item-label {
    font-weight: normal
}

.wpcf7-response-output {
    display: none
}

.wpcf7-form .invalid {
    color: #bf1515 !important
}

.wpcf7-not-valid {
    border: 1px solid #bf1515 !important;
}

.wpcf7 span.wpcf7-not-valid-tip {
    display: none
}

div.wpcf7-response-output {
    margin: 0px !important;
    padding: 5px 10px !important;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
    position: relative;
    border: 1px solid #ddd !important;
    display: block;
    background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-color: #F7F7F7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    font-weight: 600;
    padding: 10px 40px !important;
    text-align: center;
}


div.wpcf7-mail-sent-ok {
    background-image: linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%);
    background-color: #e9f2d2;
    border-color: #c0da66 !important;
    color: #88b12b;
}

/*div.wpcf7-mail-sent-ng {
    background-image: linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%);
    background-color: #ffe9e9;
    border-color: #e99f9f !important;
    color: #d25c5a;
}

div.wpcf7-spam-blocked {
    background-image: linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
    background-color: #fbf6e3;
    border-color: #efd877 !important;
    color: #c4a80a;
}

div.wpcf7-validation-errors {
    background-image: linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
    background-color: #fbf6e3;
    border-color: #efd877 !important;
    color: #c4a80a;
}*/

/* ------------------------------------------------------------------------ */
/* 06. Boxed Layout */
/* ------------------------------------------------------------------------ */

#boxed-layout {
    width: 1000px;
    margin: 0px auto;
    background: #f8f9fa;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);

}

#boxed-layout .container {}

#background {
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

/* ------------------------------------------------------------------------ */
/* 07. Infobar (Toggle Bar)
/* ------------------------------------------------------------------------ */

#infobar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3000;
    background: var(--80-blue);
    color: #999999;
    border-top: 5px solid #333333;
    width: 100%;
    padding: 20px 0 35px 0;
    display: none;
    border-bottom: 5px solid var(--80-blue);
}

#infobar .widget h3 {
    border-bottom: 1px solid #555555;
    color: #ffffff;
    padding: 0 0 5px 0;
    margin: 0 0 20px 0;
}

#infobar a {
    color: #999999;
}

#infobar a:hover {
    color: #ffffff;
}

.close-infobar {
    position: absolute;
    bottom: -40px;
    right: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #444444 transparent transparent;
    z-index: 999;
}

.close-infobar:after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: -40px;
    background: url(framework/images/toggle.png) no-repeat 0px 0px;
}

#infobar .close-infobar.open {}

.close-infobar.open:after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0;
    right: -40px;
    background: url(framework/images/toggle.png) no-repeat -40px 0px;
}

#infobar .no-widgets {
    color: #aaaaaa;
    margin-bottom: -15px;
    text-align: center;
}

/* Infobar Widgets ---------------------------------------------------- */

#infobar .widget {}

#infobar .widget h3 {
    font-size: 15px;
    color: #ffffff;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #555555;
    margin: 0 0 20px 0;
}

/* ------------------------------------------------------------------------ */
/* 08. Topbar */
/* ------------------------------------------------------------------------ */

#topbar {
    height: 39px;
    font-size: 10px;
    background: #f8f9fa;
    border-bottom: 1px solid #efefef;
}

#topbar .callus {
    line-height: 39px;
    color: #999999;
}

#topbar .callus a {
    color: #999999
}

#topbar .callus a:hover {
    color: #666666
}

#topbar .social-icons ul {
    list-style: none;
    margin: 0 0 -1px 0;
    float: right;
}

/* ------------------------------------------------------------------------ */
/* 09. Social Icons */
/* ------------------------------------------------------------------------ */

#topbar .social-icons ul {
    list-style: none;
    margin: 0 0 -1px 0;
    float: right;
}

.social-icons ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0 10px;
}

.social-icons ul li a {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    opacity: 0.6;
}

#footer .social-icons ul li a {
    -webkit-transition: background 0s ease 0s;
    -moz-transition: background 0s ease 0s;
    -o-transition: background 0s ease 0s;
    transition: background 0s ease 0s;
    background-size: 90%;
    background-position: center center;
}

.social-icons ul li a {
    opacity: 1;
}

/*.social-icons a:hover {*/
/*    background-color: #cccccc;*/
/*    background-position: 0px -40px !important;*/
/*    opacity: 1;*/
/*}*/

.social-email a {
    background: url(framework/images/icons/email.png) no-repeat 0 0
}

.social-email a:hover {
    background-color: #666666
}

.social-aim a {
    background: url(framework/images/icons/aim.png) no-repeat 0 0
}

.social-aim a:hover {
    background-color: #e95a00
}

.social-apple a {
    background: url(framework/images/icons/apple.png) no-repeat 0 0
}

.social-apple a:hover {
    background-color: #606060
}

.social-behance a {
    background: url(framework/images/icons/behance.png) no-repeat 0 0
}

.social-behance a:hover {
    background-color: #18a3fe
}

.social-blogger a {
    background: url(framework/images/icons/blogger.png) no-repeat 0 0
}

.social-blogger a:hover {
    background-color: #fb913f
}

.social-cargo a {
    background: url(framework/images/icons/cargo.png) no-repeat 0 0
}

.social-cargo a:hover {
    background-color: #00c462
}

.social-delicious a {
    background: url(framework/images/icons/delicious.png) no-repeat 0 0
}

.social-delicious a:hover {
    background-color: #3274d1
}

.social-deviantart a {
    background: url(framework/images/icons/deviantart.png) no-repeat 0 0
}

.social-deviantart a:hover {
    background-color: #d0de21
}

.social-digg a {
    background: url(framework/images/icons/digg.png) no-repeat 0 0
}

.social-digg a:hover {
    background-color: #2882c6
}

.social-dopplr a {
    background: url(framework/images/icons/dopplr.png) no-repeat 0 0
}

.social-dopplr a:hover {
    background-color: #99cc66
}

.social-dribbble a {
    background: url(framework/images/icons/dribbble.png) no-repeat 0 0
}

.social-dribbble a:hover {
    background-color: #ef5b92
}

.social-ember a {
    background: url(framework/images/icons/ember.png) no-repeat 0 0
}

.social-ember a:hover {
    background-color: #fb9d00
}

.social-evernote a {
    background: url(framework/images/icons/evernote.png) no-repeat 0 0
}

.social-evernote a:hover {
    background-color: #77ba2f
}

.social-facebook a {
    background: url(framework/images/icons/facebook02.png) no-repeat 0 0
}

#footer .social-facebook a {
    background: url(framework/images/icons/facebook02.png) no-repeat 0 0
}

/*.social-facebook a:hover {*/
/*    background-color: #3b5998*/
/*}*/

.social-flickr a {
    background: url(framework/images/icons/flickr.png) no-repeat 0 0
}

.social-flickr a:hover {
    background-color: #f1628b
}

.social-forrst a {
    background: url(framework/images/icons/forrst.png) no-repeat 0 0
}

.social-forrst a:hover {
    background-color: #5b9a68
}

.social-github a {
    background: url(framework/images/icons/github.png) no-repeat 0 0
}

.social-github a:hover {
    background-color: #7292a2
}

.social-google a {
    background: url(framework/images/icons/google.png) no-repeat 0 0
}

.social-google a:hover {
    background-color: #dd4b39
}

.social-googleplus a {
    background: url(framework/images/icons/googleplus.png) no-repeat 0 0
}

.social-googleplus a:hover {
    background-color: #d94a39
}

.social-gowalla a {
    background: url(framework/images/icons/gowalla.png) no-repeat 0 0
}

.social-gowalla a:hover {
    background-color: #ff920d
}

.social-grooveshark a {
    background: url(framework/images/icons/grooveshark.png) no-repeat 0 0
}

.social-grooveshark a:hover {
    background-color: #f88e00
}

.social-html5 a {
    background: url(framework/images/icons/html5.png) no-repeat 0 0
}

.social-html5 a:hover {
    background-color: #f3642c
}

.social-icloud a {
    background: url(framework/images/icons/icloud.png) no-repeat 0 0
}

.social-icloud a:hover {
    background-color: #fb913f
}

.social-instagram a {
    background: url(framework/images/icons/instagram02.png) no-repeat 0 0
}

#footer .social-instagram a {
    background: url(framework/images/icons/instagram02.png) no-repeat 0 0
}

/*.social-instagram a:hover {*/
/*    background-color: #46759c*/
/*}*/

.social-lastfm a {
    background: url(framework/images/icons/lastfm.png) no-repeat 0 0
}

.social-lastfm a:hover {
    background-color: #d21309
}

.social-linkedin a {
    background: url(framework/images/icons/linkedin02.png) no-repeat 0 0
}

#footer .social-linkedin a {
    background: url(framework/images/icons/linkedin02.png) no-repeat 0 0
}

/*.social-linkedin a:hover {*/
/*    background-color: #71b2d0*/
/*}*/

.social-metacafe a {
    background: url(framework/images/icons/metacafe.png) no-repeat 0 0
}

.social-metacafe a:hover {
    background-color: #ef4035
}

.social-mixx a {
    background: url(framework/images/icons/mixx.png) no-repeat 0 0
}

.social-mixx a:hover {
    background-color: #d80330
}

.social-myspace a {
    background: url(framework/images/icons/myspace.png) no-repeat 0 0
}

.social-myspace a:hover {
    background-color: #003398
}

.social-netvibes a {
    background: url(framework/images/icons/netvibes.png) no-repeat 0 0
}

.social-netvibes a:hover {
    background-color: #629e61
}

.social-newsvine a {
    background: url(framework/images/icons/newsvine.png) no-repeat 0 0
}

.social-newsvine a:hover {
    background-color: #5b965a
}

.social-orkut a {
    background: url(framework/images/icons/orkut.png) no-repeat 0 0
}

.social-orkut a:hover {
    background-color: #ed2590
}

.social-paypal a {
    background: url(framework/images/icons/paypal.png) no-repeat 0 0
}

.social-paypal a:hover {
    background-color: #32689a
}

.social-picasa a {
    background: url(framework/images/icons/picasa.png) no-repeat 0 0
}

.social-picasa a:hover {
    background-color: var(--80-blue);
}

.social-pinterest a {
    background: url(framework/images/icons/pinterest.png) no-repeat 0 0
}

.social-pinterest a:hover {
    background-color: #cb2027
}

.social-plurk a {
    background: url(framework/images/icons/plurk.png) no-repeat 0 0
}

.social-plurk a:hover {
    background-color: #f35b36
}

.social-posterous a {
    background: url(framework/images/icons/posterous.png) no-repeat 0 0
}

.social-posterous a:hover {
    background-color: #f9d560
}

.social-reddit a {
    background: url(framework/images/icons/reddit.png) no-repeat 0 0
}

.social-reddit a:hover {
    background-color: #cde2f9
}

.social-rss a {
    background: url(framework/images/icons/rss02.png) no-repeat 0 0
}

#footer .social-rss a {
    background: url(framework/images/icons/rss02.png) no-repeat 0 0
}


/*.social-rss a:hover {*/
/*    background-color: #fe9900*/
/*}*/

.social-skype a {
    background: url(framework/images/icons/skype.png) no-repeat 0 0
}

.social-skype a:hover {
    background-color: #18b7f1
}

.social-stumbleupon a {
    background: url(framework/images/icons/stumbleupon.png) no-repeat 0 0
}

.social-stumbleupon a:hover {
    background-color: #eb4924
}

.social-technorati a {
    background: url(framework/images/icons/technorati.png) no-repeat 0 0
}

.social-technorati a:hover {
    background-color: #7ac84f
}

.social-tumblr a {
    background: url(framework/images/icons/tumblr.png) no-repeat 0 0
}

.social-tumblr a:hover {
    background-color: #3a5976
}

.social-twitter a {
    background: url(images/twitter.png);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6;
}

#footer .social-twitter a {
    background: url(images/twitter.png);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.6;
}

/*.social-twitter a:hover {*/
/*    background-color: #48c4d2*/
/*}*/
.dark-mode .social-twitter a,
#footer.dark-mode .social-twitter a {
    background-image: url(images/twitter-white.svg);
    background-size: 25px;
    opacity: 1;
}

.social-vimeo a {
    background: url(framework/images/icons/vimeo.png) no-repeat 0 0
}

.social-vimeo a:hover {
    background-color: #62a0ad
}

.social-wordpress a {
    background: url(framework/images/icons/wordpress.png) no-repeat 0 0
}

.social-wordpress a:hover {
    background-color: #464646
}

.social-yahoo a {
    background: url(framework/images/icons/yahoo.png) no-repeat 0 0
}

.social-yahoo a:hover {
    background-color: #ab64bc
}

.social-yelp a {
    background: url(framework/images/icons/yelp.png) no-repeat 0 0
}

.social-yelp a:hover {
    background-color: #c41200
}

.social-youtube a {
    background: url(framework/images/icons/youtube02.png) no-repeat 0 0;
    background-position: center 8px !important;
}

#footer .social-youtube a {
    background: url(framework/images/icons/youtube02.png) no-repeat 0 0;
    background-position: center 8px !important;
}

/*.social-youtube a:hover {*/
/*    background-color: #f45750*/
/*}*/

.social-zerply a {
    background: url(framework/images/icons/zerply.png) no-repeat 0 0
}

.social-zerply a:hover {
    background-color: #8db259
}

.social-zootool a {
    background: url(framework/images/icons/zootool.png) no-repeat 0 0
}

.social-zootool a:hover {
    background-color: #262626
}

.social-xing a {
    background: url(framework/images/icons/xing.png) no-repeat 0 0
}

.social-xing a:hover {
    background-color: #006466
}

/* ------------------------------------------------------------------------ */
/* 10. Header */
/* ------------------------------------------------------------------------ */

.header {
    background: var(--background);
}

.header .logo {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 0 !important;
}

.header .logo img {
    max-width: 100px;
    height: auto;
}

.header .logo .logo_standard {}

.header .logo .logo_retina {
    display: none;
}

/* ------------------------------------------------------------------------ */
/* 12. Header - Searchform */
/* ------------------------------------------------------------------------ */

#header-searchform {
    float: right;
    margin: 0px 0 0 10px;
    display: contents;
}

#header-searchform input {
    margin: 0;
    padding: 8px 0 8px 34px;
    width: 0px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    content: "";
    display: inline-block;
    height: 21px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1617 13.3333H15.0833L20.905 19.1667L19.1667 20.905L13.3333 15.0833V14.1617L13.0183 13.835C11.6883 14.9783 9.96167 15.6667 8.08333 15.6667C3.895 15.6667 0.5 12.2717 0.5 8.08333C0.5 3.895 3.895 0.5 8.08333 0.5C12.2717 0.5 15.6667 3.895 15.6667 8.08333C15.6667 9.96167 14.9783 11.6883 13.835 13.0183L14.1617 13.3333ZM2.83333 8.08333C2.83333 10.9883 5.17833 13.3333 8.08333 13.3333C10.9883 13.3333 13.3333 10.9883 13.3333 8.08333C13.3333 5.17833 10.9883 2.83333 8.08333 2.83333C5.17833 2.83333 2.83333 5.17833 2.83333 8.08333Z' fill='%23002E4B'%3E%3C/path%3E%3C/svg%3E");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 10px center;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    transition: all 0.4s linear;
    position: absolute;
    right: 15px;
}

#header-searchform input {
    background-image: url('./images/search.svg') !important;
    background-size: 16px 16px;
}

#header-searchform input:hover {
    opacity: 1;
}

#header-searchform input:focus {
    opacity: 1;
    font-size: 12px;
    padding: 8px 0 8px 34px;
    width: 120px;
    border: none;
    color: var(--80-blue);
    background-color: #E6FAFE;
    cursor: text;
    background-position: 10px center;
}

#header-searchform #header-searchsubmit {
    display: none;
}

/* Hide Search Submit button */

/* ------------------------------------------------------------------------ */
/* 12. Header - Cart */
/* ------------------------------------------------------------------------ */

#header-cart {
    float: right;
    display: block;
    height: 30px;
    width: 16px;
    line-height: 30px;
    padding: 5px 0 0 0;
    margin: 0px 2px 0 18px;
    opacity: 0.5;
    background: url(framework/images/cart.png) no-repeat 0 8px;
}

#header-cart:hover {
    opacity: 1;
}

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

.nopadding {
    padding: 0;
}

#content.sidebar-left {
    float: right
}

/* Striped Border under Title and above Footer */
.hr-border {
    height: 8px;
    width: 100%;
    background: url(framework/images/stripes.png);
    margin-top: 0px;
}


/* Alternative Title (with Image) ---------------------------------------------------- */

#alt-title {
    width: 100%;
    height: 159px;
    position: relative;
    overflow: hidden;
    margin-top: 0px;
    -webkit-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.12);
    -moz-box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.12);
    box-shadow: inset 0px 0px 3px rgba(50, 50, 50, 0.12);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    image-rendering: optimizeQuality;
}

#alt-title .grid {
    background: url(framework/images/grid.png);
    width: 100%;
    height: 159px;
    position: absolute;
    top: 0;
    left: 0;
}

#alt-title h1,
#alt-title .blog-h1 {
    top: 42px;
    left: 10px;
    position: absolute;
    background: #F16814;
    display: inline-block;
    padding: 14px 20px;
    color: #ffffff;
    font-size: 18px;
    line-height: 18px;
}

#alt-title h2,
#alt-title .blog-h2 {
    position: absolute;
    top: 88px;
    left: 10px;
    color: #999999;
    display: inline-block;
    background: #f8f9fa;
    padding: 8px 20px;
    font-size: 15px;
    line-height: 15px;
    font-weight: normal;
}

#alt-breadcrumbs {
    border-bottom: 1px solid #e4e4e4;
    padding: 20px 0 19px 0;
    font-size: 11px;
    line-height: 0px;
    color: #999999;
}

#alt-breadcrumbs a {
    color: #999999
}

#alt-breadcrumbs a:hover {
    color: #F16814
}

#alt-breadcrumbs .container {
    padding-left: 20px
}

/* Alt Title 2 ---------------------------------------------------- */

#alt-title-2 {
    width: 100%;
    height: 90px;
    position: relative;
    overflow: hidden;
    margin-top: 0px;
    background-position: top center;
    background-repeat: no-repeat;
}

#alt-title-2 h1,
#alt-title-2 .blog-h1 {
    line-height: 90px;
}

#alt-title-2 .five {
    background: red !important;
}

#alt-title-2 #breadcrumbs {
    font-size: 11px;
    text-align: right;
    color: #aaaaaa;
    line-height: 90px;
    padding: 0px 0 0 0;
    margin: 0;
}

#alt-title-2 #breadcrumbs a {
    color: #aaaaaa;
}

#alt-title-2 #breadcrumbs a:hover {
    color: #F16814;
}

/* No Title ---------------------------------------------------- */

#no-title {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

#no-title .no-title-border {
    border-top: 1px solid #e4e4e4;
}

#no-title #breadcrumbs {
    padding: 20px 0 19px 0;
    font-size: 11px;
    line-height: 0px;
    color: #999999;
}

#no-title #breadcrumbs a {
    color: #999999
}

#no-title #breadcrumbs a:hover {
    color: #F16814
}

#no-title #breadcrumbs .container {
    padding-left: 20px
}

#no-title-divider {
    border-top: 1px solid #e4e4e4;
}


/* Sharebox ---------------------------------------------------- */

.sharebox {
    margin-left: 55px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    margin-bottom: 40px;
    padding: 10px 0 10px 0;
}

.sharebox h4 {
    float: left;
    margin: 11px 0 0 10px;
    color: #777777;
    font-size: 13px;
}

.sharebox .social-icons {
    float: right;
    list-style: none;
    margin: 0;
}

.sharebox .social-icons a {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    opacity: 0.6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sharebox .social-icons a:hover {
    background-color: #666666 !important;
    background-position: 0px -40px !important;
    opacity: 1;
}

/* Related Posts ---------------------------------------------------- */

#related-posts {
    margin-top: 60px;
}

#related-posts ul {
    list-style: none;
    margin: 0px 0 0 0;
}

#related-posts ul li {
    background: url(framework/images/arrow4.png) no-repeat 0px 9px;
    padding: 2px 0 2px 12px;
}

#related-posts ul li a span {
    color: #cccccc;
    font-size: 11px;
    margin: 0 0 0 8px;
}

/* ------------------------------------------------------------------------ */
/* 17. Pagination */
/* ------------------------------------------------------------------------ */

#pagination {}

#pagination a,
#pagination span {
    display: block;
    float: left;
    margin: 0 7px 0 0;
    padding: 7px 10px 6px 10px;
    border: 1px solid #cccccc;
    font-size: 12px;
    line-height: 12px;
    color: #a8a8a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#pagination a:hover {
    color: #ffffff;
    border-color: #F16814;
    background: #F16814;
}

#pagination span.current {
    background: #333333;
    border-color: #333333;
    color: #ffffff;
    font-weight: bold;
}

/* ------------------------------------------------------------------------ */
/* 18. Comments - List */
/* ------------------------------------------------------------------------ */

.comments {
    margin-top: 50px;
}

.commentlist {
    list-style: none;
    margin: 30px 0 0 0;
}

.commentlist li {
    border-bottom: 1px solid #efefef;
    margin: 0 0 40px 0;
    padding: 0 0 16px 0;
}

.commentlist li:last-child {
    border-bottom: none;
}

.commentlist li ul {
    list-style: none;
    margin: 0 0 0 80px;
}

.commentlist li ul li {
    border-top: 1px solid #efefef;
    border-bottom: none;
    margin: 16px 0 0 0;
    padding: 40px 0 0 0;
}

.commentlist li .avatar {
    float: left;
    margin-right: 10px;
}

.commentlist li .avatar img {
    display: block;
    border: 4px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.commentlist li .comment-text {
    overflow: hidden;
    position: relative;
}

.commentlist li .author {
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 17px;
}

.commentlist li .author span {
    display: inline;
    font-weight: bold;
}

.commentlist li .date {
    font-size: 11px;
    color: #999999;
}

.commentlist li .date a {
    color: #999999
}

.commentlist li .date a:hover {
    color: #333333
}

.commentlist li em {
    font-size: 11px;
    color: #cccccc;
    font-style: normal;
    margin-bottom: 20px;
    display: block;
}

/* ------------------------------------------------------------------------ */
/* 19. Comments - Respond */
/* ------------------------------------------------------------------------ */

#respond {
    margin-bottom: 40px
}

#respond form {
    margin-top: 30px;
}

#respond .required {
    color: #c82929;
    display: inline-block;
    margin: 3px 0 0 6px;
    font-size: 14px;
    font-weight: normal;
}

/*#respond p { clear: both }*/

#respond-inputs p {
    width: 220px;
    margin-right: 20px;
    float: left;
}

#respond-inputs p.last {
    margin: 0;
}

#respond input {
    display: block;
    width: 203px;
    margin: 0;
}

#respond textarea {
    display: block;
    width: 683px;
}

#respond p.comment-notes,
#respond p.form-allowed-tags {
    display: none
}

#respond input#submit {}

#respond .headline-title-wrap {
    margin-top: 20px;
}

#cancel-comment-reply-link {
    font-size: 13px;
}

#commentform input.error,
#commentform textarea.error {
    border-color: #c82929;
    background: #fbf2f2;
}

#commentform div.error,
#commentform label.error {
    color: red;
    display: none !important;
}

/* ------------------------------------------------------------------------ */
/* 20. Portfolio - Overview */
/* ------------------------------------------------------------------------ */

#portfolio-wrap {
    width: 100%;
    margin-bottom: -30px;
}

.embedd-video {
    display: none
}

.portfolio #pagination {
    margin-top: 40px
}

/* Filters ---------------------------------------------------- */

#filters {
    margin-top: 0px;
    margin-bottom: 40px;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-color: #F9F9F9;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
}

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

#filters ul li {
    display: block;
    float: left;
}

#filters ul li a {
    display: block;
    float: left;
    border-right: 1px solid #dddddd;
    color: #999999;
    padding: 6px 20px 6px 20px;
    background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-color: #F9F9F9;
}

#filters ul li a:hover {
    color: #F16814
}

#filters ul li a.active {
    background: #f8f9fa;
    color: #F16814;
}

/* Portfolio Filter Transitions ---------------------------------------------------- */

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* Portfolio Items ---------------------------------------------------- */

.portfolio-item {
    width: 220px;
    height: 202px;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
}

.portfolio-item .portfolio-pic {
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    display: block;
    position: relative;
}

.portfolio-item img {
    display: block;
    width: 220px;
    height: 143px;
}

.portfolio-item .portfolio-title {
    height: 42px;
    padding: 8px 15px 8px 15px;
    background: #f8f9fa;
    display: block;
    border: 1px solid #e4e4e4;
    border-top: none;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.portfolio-item .portfolio-title h4 {
    margin: 0 0 -1px 0;
    padding: 0;
    font-size: 14px !important;
    font-weight: 600;
    color: #666666;
}

.portfolio-item .portfolio-title span {
    margin: 0;
    padding: 0;
    font-size: 12px !important;
    color: #999999;

    display: block;
}

.portfolio-item:hover .portfolio-title {
    color: #ffffff;
    background: #F16814;
    border-color: #F16814;
}

.portfolio-item:hover .portfolio-title h4,
.portfolio-item:hover .portfolio-title span {
    color: #ffffff;
}

.portfolio-item:hover .portfolio-title span {
    color: rgba(255, 255, 255, 0.7);
}

/* Portfolio Item Overlay ---------------------------------------------------- */

.portfolio-item .portfolio-pic .portfolio-overlay {
    display: block;
    width: 220px;
    height: 143px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.portfolio-item .portfolio-pic .portfolio-overlay .overlay-link,
.portfolio-item-one .portfolio-pic .portfolio-overlay .overlay-link {
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, 0.7) url(framework/images/overlay-link.png) no-repeat center center;
    position: absolute;
    top: -25px;
    left: 85px;
    display: block;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
}

.portfolio-item .portfolio-pic .portfolio-overlay .overlay-lightbox,
.portfolio-item-one .portfolio-pic .portfolio-overlay .overlay-lightbox {
    width: 48px;
    height: 48px;
    background: rgba(0, 0, 0, 0.7) url(framework/images/overlay-lightbox.png) no-repeat center center;
    position: absolute;
    top: -25px;
    left: 85px;
    display: block;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
}

/* Portfolio Items: 3 Columns ---------------------------------------------------- */

.portfolio-item.one-third {
    width: 300px;
    height: 255px;
}

.portfolio-item.one-third img {
    width: 300px;
    height: 196px;
}

.portfolio-item.one-third .portfolio-pic .portfolio-overlay {
    display: block;
    width: 300px;
    height: 196px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.portfolio-item.one-third .portfolio-pic .portfolio-overlay .overlay-link,
.portfolio-item.one-third .portfolio-pic .portfolio-overlay .overlay-lightbox {
    left: 125px
}

/* Portfolio Items: 2 Columns ---------------------------------------------------- */

.portfolio-item.eight {
    width: 460px;
    height: 359px;
}

.portfolio-item.eight img {
    width: 460px;
    height: 300px;
}

.portfolio-item.eight .portfolio-pic .portfolio-overlay {
    display: block;
    width: 460px;
    height: 300px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.portfolio-item.eight .portfolio-pic .portfolio-overlay .overlay-link,
.portfolio-item.eight .portfolio-pic .portfolio-overlay .overlay-lightbox {
    left: 205px
}

/* Portfolio Items: 1 Column ---------------------------------------------------- */

.portfolio-item-one {
    margin: 0 0 40px 0;
    padding: 0 0 41px 0;
    background: #f8f9fa;
    border-bottom: 1px solid #efefef;
}

.portfolio-item-one .portfolio-picwrap {
    width: 460px;
    height: 250px;
    float: left;
    margin: 0 30px 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.portfolio-item-one .portfolio-desc {
    width: 450px;
    float: left;
}

.portfolio-item-one .portfolio-picwrap img {
    display: block;
    width: 460px;
    height: 250px;
}

.portfolio-item-one .portfolio-desc .read-more-link {
    display: none;
}

.portfolio-item-one .portfolio-desc ul li {
    margin-left: 40px !important;
}

.portfolio-item-one h4 {
    font-size: 22px;
    margin: 20px 0 0 0;
}

.portfolio-tags {
    margin: 0px 0px 20px 0px;
    color: #999999;
}

.portfolio-item-one .portfolio-picwrap .portfolio-overlay {
    display: block;
    width: 460px;
    height: 300px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.portfolio-item-one .portfolio-picwrap .portfolio-overlay .overlay-link,
.portfolio-item-one .portfolio-picwrap .portfolio-overlay .overlay-lightbox {
    left: 205px
}

/* ------------------------------------------------------------------------ */
/* 21. Portfolio - Single */
/* ------------------------------------------------------------------------ */

.portfolio-wide #portfolio-slider,
.portfolio-wide #portfolio-video {
    margin: 0 0 40px 10px;
}

#portfolio-video iframe {
    max-width: 100%;
}

#portfolio-slider {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.portfolio-detail-description-text {}

.portfolio-sidebyside .portfolio-detail-description-text {
    margin-bottom: 30px;
}

.portfolio-detail-description .headline-title-wrap,
.portfolio-detail-attributes .headline-title-wrap {
    margin-bottom: 25px
}

.portfolio-detail-attributes ul {
    list-style: none;
    margin: -7px 0 0 0;
}

.portfolio-detail-attributes ul li {
    padding: 7px 0 6px 0;
    background: url(framework/images/dotted.png) repeat-x bottom left;
}

.portfolio-detail-attributes ul li strong {
    display: inline-block;
    width: 60px;
    font-size: 11px;
    text-transform: uppercase;
    color: #aeaeae;
}

.portfolio-detail-attributes .button {
    margin-top: 20px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    display: inline-block;
    background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
    background-color: #F9F9F9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
    -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
}

/* Related Portfolio Items ---------------------------------------------------- */

#portfolio-related-post {
    margin-top: 40px;
}

#portfolio-related-post h3 {
    margin-left: 10px;
    margin-right: 10px;
}

/* Portfolio Comments ---------------------------------------------------- */

.portfolio-detail .portfolio-comments {
    margin-top: 20px;
}

/* Projects Nav ---------------------------------------------------- */

.projects-nav {
    float: right;
    width: 100px;
    margin: 7px 5px 0 0;
}

.projectsnavpadding {
    padding: 0 !important;
    margin: 0px 0 0 0 !important;
}

.projects-nav a,
.post-navigation a {
    display: block;
    text-indent: -9999px;
    background: #cccccc;
    width: 35px;
    height: 35px;
    float: right;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.projects-nav .next a,
.post-navigation .next a {
    background-image: url(framework/images/slider-next.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.projects-nav .prev a,
.post-navigation .prev a {
    background-image: url(framework/images/slider-prev.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.projects-nav a:hover,
.post-navigation a:hover {
    background-color: #F16814
}

/* ------------------------------------------------------------------------ */
/* 22. Content Pages */
/* ------------------------------------------------------------------------ */

/* Revolution Slider ---------------------------------------------------- */

.tp-bannershadow {
    opacity: 0.7
}

/*.rev_slider {
    display: block !important;
    overflow: hidden !important;
    -webkit-border-radius: 6px !important;
       -moz-border-radius: 6px !important;
       		border-radius: 6px !important;
}

.fullwidthbanner-container .rev_slider {
    -webkit-border-radius: 0px !important;
       -moz-border-radius: 0px !important;
    		border-radius: 0px !important;
}*/

.tp-leftarrow.default {
    background: rgba(20, 20, 20, 0.5) url(framework/images/slider-prev.png) !important;
    background-repeat: no-repeat !important;
    background-position: 45% 50% !important;
    width: 44px !important;
    height: 56px !important;
    -webkit-border-radius: 0 3px 3px 0 !important;
    -moz-border-radius: 0 3px 3px 0 !important;
    border-radius: 0 3px 3px 0 !important;
}

.tp-rightarrow.default {
    background: rgba(20, 20, 20, 0.5) url(framework/images/slider-next.png) !important;
    background-repeat: no-repeat !important;
    background-position: 53% 50% !important;
    width: 44px !important;
    height: 56px !important;
    -webkit-border-radius: 3px 0 0 3px !important;
    -moz-border-radius: 3px 0 0 3px !important;
    border-radius: 3px 0 0 3px !important;
}

.tp-leftarrow:hover,
.tp-rightarrow:hover {
    background-color: #2da0ce !important;
}

.tp-bullets.simplebullets.round-old .bullet {
    cursor: pointer !important;
    position: relative !important;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 13px !important;
    height: 13px !important;
    margin-right: 6px !important;
    float: left !important;
    margin-top: -12px !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.tp-bullets.simplebullets.round-old .bullet:hover,
.tp-bullets.simplebullets.round-old .bullet.selected {
    background: rgba(0, 0, 0, 0.8) !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    .tp-leftarrow.default {
        background-image: url(framework/images/slider-prev@2x.png) !important;
        -webkit-background-size: 10px 15px;
        -moz-background-size: 10px 15px;
        -o-background-size: 10px 15px;
        background-size: 10px 15px;
    }

    .tp-rightarrow.default {
        background-image: url(framework/images/slider-next@2x.png) !important;
        -webkit-background-size: 10px 15px;
        -moz-background-size: 10px 15px;
        -o-background-size: 10px 15px;
        background-size: 10px 15px;
    }

}

/* 404 Page ---------------------------------------------------- */

#error-404 {
    text-align: center;
    margin-bottom: 40px;
    padding: 100px 0;
}

h2.error-404 {
    font-size: 108px;
    line-height: 108px;
    margin: 0 0 10px 0;
}

h3.error-404 {
    font-size: 22px;
    line-height: 22px;
    margin: 0;
    color: #999999;
}

/* ------------------------------------------------------------------------ */
/* 23. Sidebars */
/* ------------------------------------------------------------------------ */

#sidebar {}

#sidebar .widget {
    margin-bottom: 40px;
    color: #888888;
}

#sidebar .widget h3 {
    font-size: 15px;
    margin: 0 0 20px 0;
}

#sidebar .widget ul li {
    background: url(framework/images/arrow4.png) no-repeat 0px 9px;
    padding: 1px 0 1px 12px;
}

#sidebar .widget ul li.current_page_item,
#sidebar .widget ul li.current-menu-item {
    font-weight: bold
}

/* Side Navigation Template ---------------------------------------------------- */

#sidebar .widget.widget_wp_nav_menu_desc ul li {
    background: none;
    padding: 0;
}

.sidenav,
.widget_wp_nav_menu_desc {
    margin: 0;
    list-style: none;
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.08);
}

.sidenav {
    margin-bottom: 30px;
}

.sidenav li ul,
.widget_wp_nav_menu_desc li ul {
    margin: 0;
    list-style: none;
}

.sidenav li ul li a,
.widget_wp_nav_menu_desc li ul li a {
    background: #f9f9f9;
    color: #999999;
    padding: 10px 15px 10px 30px;
}

.sidenav li a,
.widget_wp_nav_menu_desc li a {
    display: block;
    margin: 0 0 -1px !important;
    padding: 10px 15px;
    border: 1px solid #dddddd;
    border-bottom-color: #efefef;
    border-top-color: #efefef;
    color: #777777;
    background: url(framework/images/arrow5.png) no-repeat 94% 15px;
}

.sidenav li:first-child a,
.widget_wp_nav_menu_desc li:first-child a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-top-color: #dddddd;
}

.sidenav li:last-child a,
.widget_wp_nav_menu_desc li:last-child a {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border-bottom-color: #dddddd;
}

.sidenav>li.current_page_item>a,
.sidenav>li.current_page_item>a:hover,
.widget_wp_nav_menu_desc>li.current_page_item>a,
.widget_wp_nav_menu_desc>li.current_page_item>a:hover {
    position: relative;
    z-index: 2;
    padding: 11px 15px;
    border: 0;
    font-weight: 700;
    background-color: #F16814;
    background-image: url(framework/images/arrow5_white.png);
    background-repeat: no-repeat;
    background-position: 94% 15px;
    color: #ffffff !important;
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
}

/*.sidenav li.current_page_item ul li:first-child a,*/
/*.sidenav li.current_page_item ul li:last-child a,*/
/*.widget_wp_nav_menu_desc li.current_page_item ul li:first-child a,*/
/*.widget_wp_nav_menu_desc li.current_page_item ul li:last-child a {*/
/*    -webkit-border-radius: none;*/
/*    -moz-border-radius: none;*/
/*    border-radius: none;*/
/*}*/

.sidenav li a:hover,
.widget_wp_nav_menu_desc li a:hover {
    background-color: #F9F9F9;
}

.sidenav ul.children>li.current_page_item>a {
    color: #F16814;
}


/* ------------------------------------------------------------------------ */
/* 24. Twitterbar
/* ------------------------------------------------------------------------ */

#twitterbar {
    color: #ffffff;
    background: #F16814;
    margin: 0;
    padding: 15px 0;
}

#twitterbar .twitterpost {
    background: url(framework/images/icons/twitter.png) no-repeat -10px -49px;
    padding: 0 0 0 30px;
    list-style: none;
    margin: 0;
}

#twitterbar .twitterpost .tweet_time {
    display: none;
}

#twitterbar .twitterpost ul {
    margin: 0;
    padding: 0;
}

#twitterbar .twitterpost a {
    color: #ffffff;
    display: inline;
}

#twitterbar .twitterpost li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline;
}

#twitterbar .twitterpost li b {
    display: none
}

/* ------------------------------------------------------------------------ */
/* 27. Back-To-Top Button
/* ------------------------------------------------------------------------ */

#back-to-top {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
    display: none !important;
}

#back-to-top a {
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5) url(framework/images/backtotop.png) no-repeat center center;
    text-indent: -9999px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    transition: 0.4s all ease;
    display: none !important;
}

#back-to-top a:hover {
    background-color: #F16814;
    display: none !important;
}

a.post-icon.standard {
    display: none !important;
}

body {
    margin: 0 auto !important;

}

/* ------------------------------------------------------------------------ */
/* 28. Widgets */
/* ------------------------------------------------------------------------ */

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

/* Search Widget /--------------------------------------------------------- */

.widget_search input {
    background: url(framework/images/search.png) no-repeat 10px 9px;
    padding: 8px 8px 8px 30px;
    width: 180px;
    color: #999999;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
    border: 1px solid #dddddd;
}

.widget_search input:focus {
    border-color: #c0c0c0
}

/* Calendar Widget /--------------------------------------------------------- */

#wp-calendar {
    width: 100%
}

#wp-calendar caption {
    padding: 0 10px;
    text-align: right;
    font-weight: bold;
    margin: -5px 0 5px 0;
}

#wp-calendar thead {
    font-size: 10px
}

#wp-calendar thead th {
    padding: 5px 10px;
    font-weight: bold;
    border-top: 1px solid #f5f5f5;
}

#wp-calendar tbody {
    color: #aaa
}

#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 5px 8px;
}

#wp-calendar tbody td:hover {
    background: #fff
}

#wp-calendar tbody .pad {
    background: none
}

#wp-calendar tfoot #next {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
    padding-top: 5px;
}

#wp-calendar tfoot #prev {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 5px;
}

/* Tag Cloud Widget /--------------------------------------------------------- */

.widget_tag_cloud a {
    display: inline-block;
    border: 1px solid #dddddd;
    font-size: 12px !important;
    line-height: 20px;
    color: #999999;
    margin: 0 5px 10px 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
    -moz-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
    box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.2);
}

.widget_tag_cloud a:hover {
    background: #F16814;
    border-color: #F16814;
    color: #ffffff !important;
}

/* Embed Widget /--------------------------------------------------------- */

.widget_embed p {
    margin-top: 10px
}

.widget_embed iframe {
    max-width: 100%
}

/* Flickr Widget /--------------------------------------------------------- */

.widget_flickr #flickr_tab {
    margin-right: -10px
}

.widget_flickr #flickr_tab img {
    display: block;
    width: 100%;
    height: 100%;
}

.widget_flickr #flickr_tab a {
    float: left;
    width: 56px;
    height: 56px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 4px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.widget_flickr #flickr_tab a:hover {
    background: #F16814;
    border-color: #F16814;
}

/* Sponsor Widget /--------------------------------------------------------- */

.widget_sponsor .sponsors {
    margin-right: -20px
}

.widget_sponsor a {
    display: block;
    float: left;
    margin: 0 12px 12px 0;
}

.widget_sponsor a img {
    display: block
}

/* Twitter Widget /--------------------------------------------------------- */

.widget_twitter ul {
    list-style: none;
}

.widget_twitter ul li {
    margin-bottom: 20px;
    background: url(framework/images/twitter.png) no-repeat 0px 4px;
    padding: 0 0 0 32px;
}

.widget_twitter ul li b a {
    display: block;
    font-size: 11px;
    color: #cccccc;
    font-weight: normal;
}

.widget_tp_widget_recent_tweets .tp_recent_tweets {
    margin-bottom: 30px !important;
}

.widget_tp_widget_recent_tweets ul {
    list-style: none
}

.widget_tp_widget_recent_tweets ul li {
    margin-bottom: 15px !important;
    background: url(framework/images/twitter.png) no-repeat 0px 4px !important;
    padding: 0 0 0 32px !important;
}

.twitter_time {
    font-size: 11px;
    font-weight: normal;
    color: #cccccc;
}

/* Contact Widget /--------------------------------------------------------- */

.widget_contact address {
    font-style: normal
}

.widget_contact address span {
    display: block
}

.widget_contact address span strong {
    display: inline-block;
    width: 52px;
}

/* Portfolio  Widget /--------------------------------------------------------- */

.widget_portfolio .portfolio-item:last-child {
    margin: 0
}

.widget_portfolio .portfolio-widget-item {
    float: left;
    padding: 0 0 0px 0;
    margin: 0 10px 10px 0;
}

.widget_portfolio .portfolio-widget-item:nth-child(3n) {
    border: none !important;
    padding: 0;
    margin-right: 0;
}

.widget_portfolio .portfolio-widget-item .portfolio-pic {
    float: left;
    display: block;
    overflow: hidden;
    width: 56px;
    height: 56px;
    position: relative;
    border: 1px solid #ddd;
    padding: 4px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.widget_portfolio .portfolio-widget-item .portfolio-pic:hover {
    background: #F16814;
    border-color: #F16814;
}

.widget_portfolio .portfolio-widget-item .portfolio-pic img {
    width: 100%;
    height: 100%;
    display: block;
}

/* Footer & Topbar Widgets (Color Change) ---------------------------------------------------- */

#footer .widget ul li,
#infobar .widget ul li {
    background: url(framework/images/arrow4.png) no-repeat 0px 9px;
    padding: 1px 0 1px 12px;
}

#footer .widget_contact,
#infobar .widget_contact {
    background: url(framework/images/map.png) no-repeat 0 50px;
}

#footer .widget_search input,
#infobar .widget_search input {
    color: #aaaaaa;
    background-color: #555555;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #555555;
}

#footer .widget_search input:focus,
#infobar .widget_search input:focus {
    color: #ffffff
}

#footer #wp-calendar thead th,
#infobar #wp-calendar thead th {
    border-top: 1px solid #555555
}

#footer #wp-calendar tbody,
#infobar #wp-calendar tbody {
    color: #aaa
}

#footer #wp-calendar tbody td,
#infobar #wp-calendar tbody td {
    background: #555555;
    border: 1px solid #444444;
}

#footer #wp-calendar tbody td:hover,
#infobar #wp-calendar tbody td:hover {
    background: var(--80-blue);
    color: #ffffff;
}

#footer #wp-calendar tbody .pad,
#infobar #wp-calendar tbody .pad {
    background: none
}

#footer .widget_tag_cloud a,
#infobar .widget_tag_cloud a {
    border: 1px solid #333333;
    background: #333333;
    color: #777777;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 1px 9px;
}

#footer .widget_tag_cloud a:hover,
#infobar .widget_tag_cloud a:hover {
    background: #F16814;
    border-color: #F16814;
    color: #ffffff !important;
}

#footer .widget_flickr #flickr_tab a,
#infobar .widget_flickr #flickr_tab a {
    border: 1px solid #333333;
    padding: 4px;
    background: #333333;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#footer .widget_flickr #flickr_tab a:hover,
#infobar .widget_flickr #flickr_tab a:hover {
    background: #F16814;
    border-color: #F16814;
}

#footer .widget_twitter ul li:last-child,
#infobar .widget_twitter ul li:last-child {
    margin: 0
}

#footer .widget_portfolio .portfolio-widget-item,
#infobar .widget_portfolio .portfolio-widget-item {}

#footer .widget_portfolio .portfolio-widget-item .portfolio-pic,
#infobar .widget_portfolio .portfolio-widget-item .portfolio-pic {
    border: 1px solid #222222;
    padding: 4px;
    background: #222222;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#footer .widget_portfolio .portfolio-widget-item .portfolio-pic:hover,
#infobar .widget_portfolio .portfolio-widget-item .portfolio-pic:hover {
    background: #F16814;
    border-color: #F16814;
}

/* ------------------------------------------------------------------------ */
/* Bootstrap - Glyph Icons */
/* ------------------------------------------------------------------------ */

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 1;
    vertical-align: middle;
    background-image: url("framework/images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: -1px;
}

/* White icons with optional class, or on hover/active states of certain elements */
a.button.black i,
a.button.alternative-1 i,
a.button.alternative-2 i,
a.button.alternative-3 i,
.icon-white,
.nav>.active>a>[class^="icon-"],
.nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"] {
    background-image: url("framework/images/glyphicons-halflings-white.png");
}

.icon-glass {
    background-position: 0 0;
}

.icon-music {
    background-position: -24px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-heart {
    background-position: -96px 0;
}

.icon-star {
    background-position: -120px 0;
}

.icon-star-empty {
    background-position: -144px 0;
}

.icon-user {
    background-position: -168px 0;
}

.icon-film {
    background-position: -192px 0;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-th {
    background-position: -240px 0;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-zoom-in {
    background-position: -336px 0;
}

.icon-zoom-out {
    background-position: -360px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-cog {
    background-position: -432px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -48px;
}

.icon-tags {
    background-position: -25px -48px;
}

.icon-book {
    background-position: -48px -48px;
}

.icon-bookmark {
    background-position: -72px -48px;
}

.icon-print {
    background-position: -96px -48px;
}

.icon-camera {
    background-position: -120px -48px;
}

.icon-font {
    background-position: -144px -48px;
}

.icon-bold {
    background-position: -167px -48px;
}

.icon-italic {
    background-position: -192px -48px;
}

.icon-text-height {
    background-position: -216px -48px;
}

.icon-text-width {
    background-position: -240px -48px;
}

.icon-align-left {
    background-position: -264px -48px;
}

.icon-align-center {
    background-position: -288px -48px;
}

.icon-align-right {
    background-position: -312px -48px;
}

.icon-align-justify {
    background-position: -336px -48px;
}

.icon-list {
    background-position: -360px -48px;
}

.icon-indent-left {
    background-position: -384px -48px;
}

.icon-indent-right {
    background-position: -408px -48px;
}

.icon-facetime-video {
    background-position: -432px -48px;
}

.icon-picture {
    background-position: -456px -48px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    background-position: -216px -120px;
    width: 16px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    background-position: -384px -120px;
}

.icon-folder-open {
    background-position: -408px -120px;
    width: 16px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-bell {
    background-position: -48px -144px;
}

.icon-certificate {
    background-position: -72px -144px;
}

.icon-thumbs-up {
    background-position: -96px -144px;
}

.icon-thumbs-down {
    background-position: -120px -144px;
}

.icon-hand-right {
    background-position: -144px -144px;
}

.icon-hand-left {
    background-position: -168px -144px;
}

.icon-hand-up {
    background-position: -192px -144px;
}

.icon-hand-down {
    background-position: -216px -144px;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-circle-arrow-up {
    background-position: -288px -144px;
}

.icon-circle-arrow-down {
    background-position: -312px -144px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-wrench {
    background-position: -360px -144px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-briefcase {
    background-position: -432px -144px;
}

.icon-fullscreen {
    background-position: -456px -144px;
}

.tooltip {
    position: absolute;
    z-index: 9999;
    display: block;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    line-height: 1;
    filter: alpha(opacity=0);
    visibility: visible;
}

.tooltip.in {
    opacity: 0.73;
    filter: alpha(opacity=73);
}

.tooltip.top {
    margin-top: 0;
}

.tooltip.right {
    margin-left: 2px;
}

.tooltip.bottom {
    margin-top: 6px;
}

.tooltip.left {
    margin-left: -2px;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top: 5px solid #000000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
    border-left: 5px solid transparent;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 6px 10px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9998;
    display: none;
    padding: 2px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 0.73;
}

/*new styles*/
/*base*/
.flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hr-line {
    height: 1px;
    background: #B3E1FF;
}

.to-right {
    text-align: right;
    justify-content: flex-end;
}

.background-blue {
    background-color: var(--background-blue);
}

.text-16 {
    font-size: 16px;
    line-height: 1.5;
}

.text-14 {
    font-size: 14px;
    line-height: 1.5;
}

/*header*/
.headerMain {
    font-size: 16px;
    color: var(--80-blue);

}

.for-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #DCE3E8;
    height: 79px;
}



.headerMain a {
    color: #002F4D;
    text-wrap: nowrap;
}

.headerMain a:hover {
    color: #00b0db;
}

#mainNavigation .sub-menu {
    padding: 1em;
}

#mainNavigation li>.sub-menu {}


#mainNavigation>li {
    margin: 0 20px;
}

#mainNavigation li a {
    white-space: nowrap;
}

#mainNavigation>li.menu-item {
    position: relative;
}

#mainNavigation>li.menu-item>a {
    height: 79px;
    display: flex;
    align-items: center;
}

#mainNavigation>li.menu-item-has-children {
    position: relative;
}

#mainNavigation>li.menu-item-has-children>.custom-sub-menu {
    position: fixed;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 999;
    background-color: #ffffff;
    opacity: 0;
    transition: all 0.5s ease;
    overflow: hidden;
}

#mainNavigation>li:hover .custom-sub-menu {
    opacity: 1 !important;
    height: 100% !important;
}


#mainNavigation>li.megamenu.menu-item-has-children>.sub-menu ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#mainNavigation>li.menu-item-has-children:not(.megamenu)>.sub-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#mainNavigation>li.menu-item-has-children>a {
    position: relative;
    cursor: pointer;
}

#mainNavigation>li.menu-item-has-children>a::after,
#mainNavigationMob li.menu-item-has-children>a::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 8px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59 0.294922L6 4.87492L1.41 0.294922L0 1.70492L6 7.70492L12 1.70492L10.59 0.294922Z' fill='%23002E4B'/%3E%3C/svg%3E");
    background-size: contain;
    vertical-align: middle;
    cursor: pointer;
    transition: transform 0.5s ease;
}

#mainNavigationMob li.menu-item>a::after {
    transform: rotate(270deg);
}

/* Change color of pseudo el on hover */
#mainNavigation>li.menu-item-has-children>a:hover::after {
    transform: rotate(180deg) scale(1.1) translateY(1px);
}

#mainNavigationMob>li.menu-item>a {
    position: relative;
}

#mainNavigation>li.menu-item::after,
#mainNavigationMob>li.menu-item>a::before {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    background-color: var(--80-blue);
    transition: width 0.5s ease;
}

#mainNavigationMob>li.menu-item>a::before {
    left: 0;
    transform: none;
}

#mainNavigation>li.menu-item:hover::after {
    width: calc(100% + 4px);
}

#mainNavigationMob>li.menu-item:hover>a::before {
    width: 100%;
}

#mainNavigationMob>li.menu-item>a::before {
    bottom: -4px;
}

#mainNavigation>li.menu-item>a:hover {
    color: var(--90-brand);
}


.headerMain_wrap {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    /* overflow: hidden; */
}

.headerMain_wrap>* {
    display: flex;
    align-items: center;
    height: 100%;
}

.headerMain_left {}

.headerMain_action {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#mainNavigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.headerMain_navigation ul {
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}


.headerSearch_form {
    display: flex;
    margin: 0 .75em 0 0;
}

#searchInput {
    width: 100%;
    max-width: 164px;
}

#searchBtn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.headerMain_log {
    margin-right: 2em;
}

.headerMain_log img {
    width: 85px;
    height: 48px;
}

.main_btn {
    font-weight: bold;
    padding: 8px 24px;
    background: transparent;
    border-radius: 4px;
}

.middle_btn {
    font-weight: bold;
    padding: 8px 16px;
    background: transparent;
    border-radius: 4px;
}

a.btnSecondary {
    background: #E6FAFE;
    color: var(--80-blue);
}

a.btnDark {
    background-color: var(--90-brand);
    color: #FFFFFF;
}


ul#mainNavigationMob {
    list-style: none;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

ul#mainNavigationMob>li>a {
    font-size: 20px;
    color: var(--80-blue);
    line-height: 1.4;
    font-weight: 700;
    display: flex;
    align-items: center;
    width: fit-content;
}

.GTF-AD-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    background-color: #F2F5F7;
    padding: 24px;
    border-radius: 6px;
}

.GTF-AD-wrap h4 {
    margin-bottom: 0;
}

.GTF-AD-text {
    font-size: 14px;
    line-height: 20px;
}

.GTF-AD-link {
    margin: 8px 0;
}

#mobileNavigation .Mobile-menu-footer {
    margin-top: auto;
}

.Mobile-menu-footer-buttons {
    margin-top: 24px;
    display: flex;
    column-gap: 24px;
}

.Mobile-menu-footer-buttons>a {
    flex: 1;
    text-align: center;
}

.sub-menu {
    position: absolute;
    top: 0px;
    right: 0;
    width: 100%;
    height: calc(100%);
    background-color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s ease-in-out;
    transform: translateX(100%);
    padding: 0 24px;
    list-style: none;
    overflow-x: hidden;
    overflow-y: scroll;
}

#mainNavigation>li:hover .custom-sub-menu .sub-menu,
.sub-menu.active {
    z-index: 9999;
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
}

.sub-menu li a {
    color: var(--80-blue);
}

.sub-menu>li:not(.sub__close) {
    padding: 18px 16px;
}

.sub-menu>li:not(.sub__close) a {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

.sub-menu>li.sub__close {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    padding: 28px 0;
    border-radius: 4px;
}

.sub-menu>li:not(.sub__close):hover {
    background-color: var(--background-blue);
}

#mainNavigationMob li.sub__close>a::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 8px;
    margin: 6px 6px 6px 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59 0.294922L6 4.87492L1.41 0.294922L0 1.70492L6 7.70492L12 1.70492L10.59 0.294922Z' fill='%23002E4B'/%3E%3C/svg%3E");
    background-size: contain;
    vertical-align: middle;
    cursor: pointer;
    transition: transform 0.5s ease;
    transform: rotate(90deg);
}

#mainNavigationMob li.sub__close>a::after {
    display: none;
}

.sub-menu .sub-menu-title {
    padding: 0 24px 24px 24px;
    border-bottom: 1px solid #DCE3E8;
    margin-bottom: 28px;
}




.headerMobile_navigation {
    display: flex;
    width: 100%;
    height: 0;
    z-index: 9998;
    position: fixed;
    background-color: #ffffff;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
    flex-direction: column;
}

.headerMobile_navigation-active {
    opacity: 1;
    height: calc(100vh - 49px);
    visibility: visible;
    overflow-x: hidden;
    overflow-y: scroll;
}

.headerMobile_navigation nav {}

.headerMobile_navigation-active nav {}

.headerMobile_navigation>* {
    margin: 30px 40px;
}

.hamburger {
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger.is-active:hover {
    opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #3E5463;
}

.hamburger-box {
    width: 18px;
    height: 14px;
    padding: 5px 3px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 18px;
    height: 2px;
    background-color: #3E5463;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -7px;
}

.hamburger-inner::after {
    bottom: -7px;
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*footer*/
#footer {
    background-color: var(--background-blue);
    color: var(--70-gray);
    font-size: 14px;
}

#footer a {
    color: var(--70-gray);
}

#footer a:hover {
    color: var(--article-blue);
}

#footer h3,
#footer h4 {
    color: var(--90-brand);
}

#footer .container {
    display: flex;
    justify-content: space-between;
}

#footer .container>* {
    flex-basis: 0;
    flex-grow: 1;
    /* max-width: 50%; */
}


.social-icons ul {
    margin-left: 0;
}

#footer-menu {
    padding-top: 40px;
    padding-bottom: 80px;
}

#footer-contact-us {
    padding-top: 48px;
    padding-bottom: 48px;
}

.footer-vertical {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-nav-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.footer-nav-menu .widget_nav_menu {
    width: auto;
    flex: 1;
    padding: 0 5px 5px 0;
}

#footer .footer-nav-menu h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
}

#footer .footer-nav-menu .widget ul li {
    background: none;
    background-image: none;
    padding: 8px 0;

}

#footer form {
    display: flex;
    margin: 0;
    gap: 0px;
    align-self: center;
}

#footer form input.boxing-input {
    border-radius: 4px 0px 0px 4px;
}

#footer form input.main_btn {
    border-radius: 0px 4px 4px 0px;
}

.get_touch2 {
    background-color: #fff;
    padding: 24px;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 50px;
}

.get_touch {
    background-color: #fff;
    padding: 24px;
}

.titele_touch {
    font-size: 16px;
    color: #002F4D;
    font-weight: 700;
    margin-bottom: 15px;
}

.button_touch {
    cursor: pointer;
    background: #E6FAFE;
    padding: 8px 16px 8px 16px;
    font-size: 14px;
    font-weight: 700;
    display: block;
    text-align: center;
}

.footer-menu {
    display: flex;
    justify-content: space-between;
    min-width: 75%;
    /*padding-top: 80px;*/
    /*padding-bottom: 40px;*/
}

.footer-menu ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.footer-menu ul li {
    padding: 0px 10px;
    position: relative;
    margin-right: 10px;
}

.footer-menu ul li:after {
    content: "·";
    position: absolute;
    right: -5px;
    line-height: 18px;
    font-size: 50px;
    color: #C1CCD6;
}

.footer-menu ul li:last-child:after {
    content: "";
}



input.boxing-input {
    margin: 0;
    padding: 12px 24px;
    font-size: 16px;
    border: 1px solid #C1CCD6;
    border-radius: 4px;
    background: none;
}

input.boxing-input::placeholder {
    color: #9FB1BD;
}

input.main_btn {
    padding: 12px 24px;
    font-weight: 700;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 0;
}

input.main_btn.white {
    background-color: #ffffff;
}


input.main_btn.white:hover {
    background-color: #f1f1f1;
}

input.main_btn.dark {
    color: #F2F5F7;
    background: #002F4D;
}

/*Copyright*/
#copyright {
    font-size: 12px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#copyright .social-icons {
    float: right;
    font-size: 11px;
}

.footer-menu {
    position: relative;
    display: flex;
    gap: 36px;
}

.footer-menu a {
    display: inline-block;
    position: relative;
}

.footer-menu a:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -18px;
    /* Смещение точки относительно ссылки */
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    background-color: #C1CCD6;
    border-radius: 50%;
}

/*home page*/
/*labels block*/
.block-labels .container {
    padding: 40px 0 40px 0;
}

.block-labels .flex-item {
    flex: 1;
    height: 152px;
    display: flex;
    justify-content: center;
}

.block-labels .label-item {
    text-align: center;
    align-items: center;
}

.block-labels .label-item img {
    max-height: 154px;
}

.block-labels .labels-title {
    flex-direction: column;
}

.small-link-arrow-right {
    margin-right: 1rem;
}

.small-link-arrow-right.wp-block-button a,
.small-link-arrow-right span {
    position: relative;
    font-weight: 700;
    color: var(--80-blue);
    font-size: 12px;
    margin-right: 18px;
}

.breadcrumd span {
    position: relative;
}

.breadcrumd span:not(:last-child):after,
.small-link-arrow-right.wp-block-button a:after,
.small-link-arrow-right span:after {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translate(100%, -50%);
    line-height: 1;
    cursor: pointer;
    background-image: url("./images/arrow-right-text.svg");
    background-position: center center;
    background-repeat: no-repeat;
}

.small-link-arrow-right.wp-block-button a:after {
    right: 8px;
}

.swiper-container-mobile {
    overflow: hidden;
}

/*counter block*/
.counter-grid {
    padding: 96px 0 96px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 32px;
}

.counter-grid b {
    font-weight: 700;
}

.counter-grid-block {
    flex: 1;
}

.counters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 32px;
    grid-row-gap: 24px;
}

.counters-block {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 30px 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 16px;
    align-self: center;
}

.counter-number {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
}

.counter-grid-block.column-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 16%;
}

/*columns block*/
.block-columns .container {
    padding: 100px 0;
}

.block-columns .flex-row {
    column-gap: 32px;
    align-items: stretch;
}

.block-columns .flex-item.column {
    flex: 1;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    height: auto;
}

.flex-item.author-item figure {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 24px;
}

.flex-item.author-item figure img {
    width: 100%;
    height: auto;
}

.block-columns .flex-item.author-item {
    display: flex;
}

.block-columns .small-link-arrow-right {
    margin-top: auto;
}

.block-columns .author-item-user-info h5 {
    margin-bottom: -2px;
}

.block-columns .author-item-user-info span {
    font-size: 12px;
}

/*block-slider_with_buttons*/
.block-slider_with_buttons {
    background-color: var(--background-blue);
}

.block-slider_with_buttons .container {
    padding: 80px 0;
}

.block-slider_with_buttons .slider-header {
    display: flex;
    align-items: center;
}

.block-slider_with_buttons .slider-header h3 {
    margin-bottom: 0;
}

.block-slider_with_buttons .desktop-title-only .small-link-arrow-right {
    background-color: #ffffff;
    margin-left: auto;
    padding: 10px 40px 10px 16px;
    line-height: 1.5;
    border-radius: 4px;
}

.block-slider_with_buttons .desktop-title-only .small-link-arrow-right span {
    font-size: 16px;
}

.block-slider_with_buttons .desktop-title-only .small-link-arrow-right span:after {
    width: 24px;
    height: 24px;
    right: -8px;
    background-size: 7px 12px;
}

.block-slider_with_buttons .swiper-container {
    overflow: hidden;
}

.block-slider_with_buttons .swiper-container .swiper-wrapper {
    padding: 30px 0;
}

.post-image .overlay {
    opacity: 0 !important;
}

.post-slide {
    padding: 15px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
}

.post-slide .post-image {
    margin-bottom: 24px;
}

.swiper-slide {
    display: flex !important;
    height: auto !important;
    justify-content: space-between;
}

.post-slide .post-title h4 {
    line-height: 1.4;
    margin-bottom: 8px;
}

.post-slide .post-title h4 a {
    color: var(--90-gray);
}

.post-meta-tags {
    margin-top: auto;
}

.post-meta-tags .meta {
    display: flex;
    flex-flow: wrap;
}

.post-meta-tags .meta-data {
    position: relative;
    font-size: 12px;
    color: var(--90-gray);
}

.post-meta-tags .meta-data:not(:first-child) {
    margin-left: 16px;
}

.post-meta-tags .meta-data:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    background-color: var(--80-gray);
    border-radius: 50%;
}

.swiper-control {
    position: relative;
    display: flex;
    height: 36px;
    align-items: center;
    gap: 32px;
}

.swiper-control>h3 {
    flex-shrink: 0;
}

.swiper-control .swiper-scrollbar {
    background-color: #F2F5F7;
}

.swiper-control .swiper-scrollbar-drag {
    background-color: var(--90-brand);
}

.swiper-control .swiper-buttons {
    display: flex;
    align-items: self-end;
    height: 36px;
    gap: 8px;
}

.swiper-control .swiper-buttons>div {
    width: 34px;
    height: 34px;
    border: 1px solid #DCE3E8;
    border-radius: 4px;
    background-color: #FFFFFF;
    color: var(--90-brand);
}

.swiper-control .swiper-buttons>div:after {
    font-size: 12px;
    font-weight: 900;
}

.swiper-control .swiper-button-next.swiper-button-disabled,
.swiper-control .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.swiper-control .swiper-scrollbar,
.swiper-control .swiper-scrollbar.swiper-scrollbar-horizontal,
.swiper-control .swiper-buttons,
.swiper-control .swiper-buttons>div {
    position: unset;
}

/*block-slider_with_image*/
.block-slider_with_image {
    padding: 90px 0;
}

.block-slider_with_image .container {
    background-color: var(--background-blue);
    border-radius: 12px;
    position: relative;
    display: flex;
}

.block-slider_with_image .swiper-container,
.block-slider_with_image .swiper-wrapper {
    display: flex;
}

.block-slider_with_image .slider-img img {
    display: block;
}

.block-slider_with_image .swiper-container {
    width: 100%;
    padding: 24px 0;
    margin-right: 32px;
    margin-bottom: auto;
    flex-direction: column;
    overflow: hidden;
}

.block-slider_with_image .swiper-control {
    margin-bottom: 30px;
}

.post-slide-small .post-card-meta {
    font-size: 14px;
    color: var(--90-gray);
    margin-top: auto;
}

.post-slide-small .post-card-meta a {
    font-size: 14px;
    color: var(--90-gray);
}


.post-slide.post-slide-small {
    display: flex;
    flex-direction: row;
    column-gap: 24px;
    border-radius: 6px;
}

.swiper-slide .post-slide.post-slide-small {
    padding: 0;
}

.post-slide-small>* {
    flex: 1;
}

.post-slide-small .post-information {
    display: flex;
    flex-direction: column;
    gap: 5px !important;
}

.post-slide-small .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.post-title h4 {
    margin-bottom: 0;
}

.post-slide-small .meta {
    display: flex;
    flex-flow: wrap;
    font-size: 12px;
}

.post-slide-small .meta .meta-data:not(:first-child) {
    margin-left: 14px;
    position: relative;
}

.post-slide-small .meta .meta-data:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translate(-50%, -50%);
    width: 2px;
    height: 2px;
    background-color: var(--80-gray);
    border-radius: 50%;
}

.post-slide.post-slide-small .post-image,
.post-slide.post-slide-small .post-image a {
    margin-bottom: 0;
    height: 100%;
}

.post-slide-small img {
    width: 100%;
    object-fit: cover;
    height: 150px !important;
    object-position: center center;
}

/*block-slider_featured_posts*/
.block-slider_featured_posts {
    background-color: var(--background-blue);
    overflow: hidden;
}

.block-slider_featured_posts .container {
    padding: 40px 0;
}

.block-slider_featured_posts .post-grid-title {
    padding: 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    border-radius: 6px !important;
    z-index: 1;
}

.block-slider_featured_posts .post-grid-title::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 6px !important;
    height: 100%;
    background-image: url("/wp-content/webp-express/webp-images/uploads/2024/08/image-20240819-160615.png.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.block-slider_featured_posts .post-grid-title::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 6px !important;
    height: 100%;
    background: linear-gradient(rgba(0, 47, 77, 1), rgba(0, 47, 77, 0.6));
}

.block-slider_featured_posts .post-grid-title .post-grid-title-cover {
    z-index: 5;
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-right: 40%;
}

.block-slider_featured_posts .post-grid-title .post-grid-title-cover h1 {
    color: #FFFFFF;
}

.block-slider_featured_posts .post-grid-title .post-grid-title-cover .banner-title {
    color: #C1CCD6;
}

.post-grid-title .buttons {
    margin-top: auto;
    display: inline-block;
}

a.button-standart {
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: 700;
}

a.button-standart-gray {
    background-color: #E6FAFE;
    color: #002F4D;
}

a.button-standart-blue {
    background-color: #002F4D;
    color: #F2F5F7;
}

.block-slider_featured_posts .swiper-control {
    margin-top: 30px;
}

/* .block-slider_featured_posts .swiper-slide{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 16px;
} */
.block-slider_featured_posts .post-grid-title {
    grid-column: 1 / 4;
    grid-row: 1 / 3;
}

.block-slider_featured_posts .post-slide-grid-1 {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
    display: flex;
    flex-direction: row-reverse;
}

.block-slider_featured_posts .post-slide-grid-2 {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}

.block-slider_featured_posts .post-slide-grid-3 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.block-slider_featured_posts .post-slide-grid-4 {
    grid-column: 2 / 4;
    grid-row: 1 / 2;
}

.block-slider_featured_posts .post-slide-grid-5 {
    grid-column: 1 / 3;
    grid-row: 2 / 4;
}

.block-slider_featured_posts .post-slide-grid-6 {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
}

.block-slider_featured_posts .post-slide-grid-7 {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}

.block-slider_featured_posts .post-slide-grid-8 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.block-slider_featured_posts .post-slide-grid-9 {
    grid-column: 2 / 4;
    grid-row: 1 / 3;
}

.block-slider_featured_posts .post-slide-grid-10 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.block-slider_featured_posts .post-slide-grid-11 {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
}

.block-slider_featured_posts .post-slide-grid-12 {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
}

.post-slide-grid-2 .post-image,
.post-slide-grid-3 .post-image,
.post-slide-grid-6 .post-image,
.post-slide-grid-7 .post-image,
.post-slide-grid-8 .post-image,
.post-slide-grid-10 .post-image,
.post-slide-grid-12 .post-image {
    display: none;
}

.post-slide.post-slide-small.post-slide-grid-1,
.post-slide.post-slide-small.post-slide-grid-4 {
    display: flex;
    flex-direction: row-reverse;
}

.post-slide.post-slide-small.post-slide-grid-5,
.post-slide.post-slide-small.post-slide-grid-9 {
    display: flex;
    flex-direction: column-reverse;
}

/*block-slider_with_text*/
.block-slider_with_text {
    padding: 90px 0;
}

.block-slider_with_text .container {
    background-color: var(--background-blue);
    overflow: hidden;
    position: relative;
    display: flex;
    border-radius: 12px;
}

.block-slider_with_text .swiper-container {
    display: flex;
    width: 100%;
    padding: 32px 0;
    flex-direction: column;
    overflow: hidden;
    flex: 2;
}

.block-slider_with_text .swiper-control {
    padding-right: 64px;
    padding-top: 24px;
}

.block-slider_with_text .slider-text-block {
    flex: 1;
}

.block-slider_with_text .slider-text-block-container {
    padding: 32px 64px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.block-slider_with_text .block-subtitle {
    font-size: 16px;
    line-height: 1.5;
}

.block-slider_with_text a.button-standart {
    font-size: 14px;
    margin-top: auto;
    align-self: flex-start;
    padding: 8px 16px;
}

.block-slider_with_text .post-slide-small .post-information {
    flex: 2;
}

.block-slider_with_text .swiper-container .post-slide.post-slide-small {
    column-gap: 16px;
    border-radius: 4px;
    padding: 16px;
}

.block-slider_with_text .post-card-meta {
    margin-top: 0;
}

.block-slider_with_text .post-slide .post-title h4 {
    margin-bottom: 0;
}

/*block-grid_topics*/
.block-grid_topics {
    background-color: var(--90-brand);
}

.block-grid_topics .block-topics {
    padding: 64px 0;
}

.block-grid_topics .block-labels .desktop-title-only.flex-item.labels-title {
    min-width: 180px;
}

.block-grid_topics .block-labels {
    padding: 0;
}

.block-grid_topics .block-labels .container {
    padding: 64px 0;
    border-top: 1px solid #004E80;
}

.block-grid_topics .block-labels .flex-item {
    height: auto;
}


/*cetegory.php*/
.category-videos .wrapall {
    background-color: var(--background-blue);
}

#title.background-image {
    background-color: #FFF1E8;
    background-repeat: no-repeat;
    background-position: right center;
    min-height: 343px;
}

#title.background-image {}

#title.background-image p {
    max-width: 700px;
}

#title .title-wrap-cat {
    padding: 48px 0;
}

.title-cat {
    margin-bottom: 24px;
}

.description-cat {
    width: 30vw;
}

.category-title {
    margin-top: 24px;
    margin-bottom: 48px;
}

#content {}

#content.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
}

#content .post:nth-child(5n) {
    grid-column-start: 1;
    grid-column-end: 3;
}

.category #content .post {
    background-color: var(--background-blue);
}

.blog .post {
    display: flex;
    padding: 24px 0;
    column-gap: 24px;
}

.blog .post>div {
    flex-basis: 50%;
}

.blog .post>div:first-child:last-child {
    flex-basis: 100%;
}

.post {
    font-size: 14px;
}

.post h4 {
    line-height: 1.4;
}

.post .post-information>* {
    margin-bottom: 1.3em;
}

.post .post-information>*:last-child {
    margin-bottom: 0;
}

.blog .post .post-image {}

.blog .post .post-image a {
    height: 100%;
}

.post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}

.d-grid .post-slide-grid-11 .post-image img {
    height: 100% !important;
}

.post-icon {
    display: block;
    width: 35px;
    height: 35px;
    float: left;
    margin: 10px 20px 0 0;
    background: #F16814;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.meta-author {
    display: flex;
    gap: 8px;
    align-items: center;
}

.meta-author a {
    font-weight: 700;
}

.meta-category {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    gap: 10px;
}

.meta-category a {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize;
    color: #fff !important;
    font-weight: 700;
    border-radius: 2px;
    background-color: #F16814;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meta-category span {
    max-width: calc(100% - 150px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.meta-category a.videos {
    background-color: #F16814;
}

.meta-category a.podcasts {
    background-color: #F16814;
}

.meta-category a.articles {
    background-color: #F16814;
}

.post .meta-author img {
    border-radius: 25px;
    border: 1px solid #ffffff;
}

.post-icon.standard {
    background-image: url(framework/images/postformat-standard.png)
}

.post-icon.imagegallery {
    background-image: url(framework/images/postformat-gallery.png)
}

.post-icon.link {
    background-image: url(framework/images/postformat-link.png)
}

.post-icon.quote {
    background-image: url(framework/images/postformat-quote.png)
}

.post-icon.video {
    background-image: url(framework/images/postformat-video.png)
}

.post-icon.audio {
    background-image: url(framework/images/postformat-audio.png)
}

.post-content {}

.blog .post-title {}

.post-title h2,
.post-title h1 {}

.post-title h2 a,
.post-title h1 a {}

.post-meta span {
    background: #f4f4f4;
    padding: 7px 15px 7px 10px;
    margin: 0 10px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999999;
    font-size: 11px;
}

.post-meta span a {
    color: #999999
}

.post-meta span a:hover {
    color: #666666
}

.post-meta span i {
    opacity: 0.4;
    filter: alpha(opacity=40);
    margin: -2px 10px 0 0;
}

.post-content a.read-more-link {
    display: inline-block;

}

.post-image a {
    display: block;
    position: relative;
}

.search-result {
    border-bottom: 1px solid #efefef;
    padding: 0 0 60px 0;
    margin: 0 0 50px 0;
}

.search-content a.read-more-link {}

.search-meta {}

.search-meta span {
    background: #f4f4f4;
    padding: 7px 15px 7px 10px;
    margin: 0 10px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #999999;
    font-size: 11px;
}

.search-meta span a {
    color: #999999
}

.search-meta span a:hover {
    color: #666666
}

.search-meta span i {
    opacity: 0.4;
    filter: alpha(opacity=40);
    margin: -2px 10px 0 0;
}

.search-meta span.meta-category {
    display: none;
}


.post-link {
    margin-top: -15px;
    margin-bottom: 10px;
    color: #cccccc;
}

.post-quote {
    background: #333333 url(framework/images/quote.png) no-repeat 15px 20px;
    position: relative;
    padding: 20px 30px 20px 50px;
    margin: 0 0 20px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.post-quote h2,
.post-quote h1 {
    margin: 0 0 0px 0;
    padding: 0;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: normal;
    font-style: italic;
    color: #ffffff;
}

.post-quote .quote-source a {
    font-size: 13px;
    font-weight: normal;
    color: #999999 !important;
    padding: 0;
}

/* Image Hover Overlay ---------------------------------------------------- */

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: url(framework/images/overlay-lightbox.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.post-image .overlay {
    background-image: url(framework/images/overlay-link.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.single .post-image .overlay {
    background-image: url(framework/images/overlay-lightbox.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.post-gallery .overlay {
    background-image: url(framework/images/overlay-link.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.single .post-gallery .overlay {
    background-image: url(framework/images/overlay-lightbox.png);
    background-position: center center;
    background-repeat: no-repeat;
}

/* ------------------------------------------------------------------------ */
/* 15. Blog Medium - Overview */
/* ------------------------------------------------------------------------ */

.blog-medium .post-video,
.blog-medium .post-gallery,
.blog-medium .post-image,
.blog-medium .post-quote,
.blog-medium .post-audio,
.blog-medium .post-link {
    width: 320px;
    float: left;
    margin-right: 20px;
}

.blog-medium .post-icon {
    margin: 0 0 0 -55px;
    position: relative;
    z-index: 999;
    border-radius: 0;
    display: none;
}

.blog-medium .post-title h2 {
    margin: 0px 0 15px 0;
}

.blog-medium .post-content {
    float: left;
    width: 320px;
}

.blog-medium .post-quote {
    width: 280px;
}

.blog-medium .post-meta {
    margin: 0px;
}

.blog-medium .no-post-image {
    display: block;
    width: 310px;
    height: 200px;
    border: 5px solid #efefef;
    background: #ffffff url(framework/images/noimage.png) no-repeat center center;
}

.post-slide .post-image .no-post-image {
    display: block;
    width: 100%;
    height: 100%;
    background: #ffffff url(framework/images/noimage.png) no-repeat center center;
}

.blog-medium .no-post-image-link {
    display: block;
    width: 310px;
    height: 200px;
    border: 5px solid #efefef;
    background: #ffffff url(framework/images/noimage-link.png) no-repeat center center;
}

.blog-medium .no-post-image-quote {
    display: block;
    width: 310px;
    height: 200px;
    border: 5px solid #efefef;
    background: #ffffff url(framework/images/noimage-quote.png) no-repeat center center;
}

.tabs.tabs-horizontal li {
    border-bottom-width: 2px;
}

.block-grid_topics.dark-mode .block-slider_featured_posts {
    background-color: var(--80-blue);
}

/*single.php*/

@media screen and (max-width: 767px) {
    .block-slider_featured_posts .post-grid-title .post-grid-title-cover {
        margin-right: 0;
    }

    a.button-standart {
        display: inline-block;
        margin-top: 15px;
    }

    .w-auto {
        width: auto !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 768px) {
    .daterangepicker {
        width: 340px;
    }

    .sorting-dropdown {
        top: -55px !important;
        right: 20px !important;
    }

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

    .xs-h-auto {
        height: auto !important;
    }

    .logged-in .for-header {
        top: 0 !important;
    }

    .site-logo-login {
        text-align: center;
        background: #fff;
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .login-page .container>.d-grid {
        grid-template-rows: 60px;
        /* first one 20px */
        grid-auto-rows: 1fr
    }

    .site-logo-login img {
        max-width: 100px;
    }

    .bg-light-blue-58:before {
        content: none;
        display: none;
    }

    .bg-light-blue-58 {
        background-color: var(--background-light-blue);
    }

    .h-100vh.logged-in {
        max-height: 100vh !important;
    }

    .block-grid_topics:not(.dark-mode) .tabs.tabs-horizontal li {
        background-color: #fff;
        border-bottom: 0 !important;
    }

    .block-grid_topics:not(.dark-mode) .tabs.tabs-horizontal li.active {
        font-weight: 700;
        background-color: var(--90-brand);
        color: #fff;
        border: 0;
    }

    .mt-xs--50 {
        margin-top: -50px !important;
    }

    html #wpadminbar {
        overflow: hidden;
    }

    .wrapall {
        margin-top: 30px !important;
    }

    html #wpadminbar {
        display: none;
    }

    .w-auto {
        width: auto !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #footer .footer-nav-menu .widget ul li {
        padding: 4px 0 !important;
    }

    #footer div#nav_menu-14 {
        margin-top: 20px;
    }

    #footer div#nav_menu-12 {
        order: 2;
    }

    #footer div#nav_menu-14 {
        order: 3;
    }

    #footer div#block-3 {
        order: 1;
    }

    #single-post-title.grid,
    #page-wrap.grid {
        display: flex !important;
        flex-direction: column-reverse;
    }

    #single-post-title.grid .title-text {
        padding: 0;
        margin-right: 0;
        margin-top: 20px;
    }

    #page-wrap.grid #single-page-sidebar .single-article-sidebar,
    #page-wrap.grid #single-page-sidebar {
        margin-right: 0;
    }

    #page-wrap.grid #single-page-sidebar #author-info .author-bio {
        width: 100%;
    }

    .block-slider_with_buttons .swiper-container.overflow-hidden {
        overflow: unset !important;
    }

    .search-results .d-grid .post-slide.post-slide-small {
        flex-direction: row-reverse !important;
    }

    .search-results .d-grid .post-slide.post-slide-small .post-image {
        flex: 1 1 33%;
        max-height: 100px;
        overflow: hidden;
    }

    .search-results .d-grid .post-slide.post-slide-small .post-information {
        flex: 1 1 60%;
        gap: 10px !important;
    }

    .search-results .d-grid .post-slide.post-slide-small .post-information .meta-author {
        display: none;
    }

    .search-results .d-grid .post-slide.post-slide-small .post-information .post-title a {
        font-size: 16px !important;
        line-height: 24px;
    }

    .search-results .d-grid .post-slide.post-slide-small .post-information .post-card-meta span {
        font-size: 14px;
    }

    .flex-auto.has-custom-font-size.ml-xs--0.mr-xs--12.small-link-arrow-right.wp-block-button a {
        padding: 0 12px !important;
        margin-right: 0 !important;
    }

    .list-question .single-anwser {
        flex: 0 0 60%;
    }

    /* .list-question .detail-question {
        position: relative;
    }
    .list-question .detail-question:before {
        content: '';
        position: absolute;
        right: 0;
        width: 12px;
        height: 12px;
        background-image: url(./images/arrow-down.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        top: 7px;
    } */
    .filter .results {
        position: fixed !important;
        left: 0 !important;
        padding-top: 60px;
        padding-left: 16px;
        height: calc(100vh - 60px);
    }
}

.search-results .d-grid .post-slide.post-slide-small {
    height: auto;
}

#single-post-title,
#single-post-title h1,
#single-post-title a {
    color: var(--90-gray);
}

#single-post-title.grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 20px;
}

#single-post-title .title-text {
    margin-right: 40px;
}

.single-post #single-post-title .title-text {
    border-bottom: 2px solid #C1CCD6;
}


.image-container {
    width: 100%;
    height: 100%;
}

.image-container img {
    width: 100%;
    height: 100%;
    /*object-fit: contain;*/
    object-fit: cover;
    object-position: right;
}

#single-post-title .title-text>* {
    margin-bottom: 1rem;
}

#single-post-title .title-text>*:last-child {
    margin-bottom: 0;
}

#single-post-title h1 {
    font-size: 40px;
    line-height: 1.3;
}

.subtitle-text {
    font-size: 20px;
}

#single-post-title .author,
#single-post-title .author a {
    font-size: 12px;
    text-transform: uppercase;
}

#single-post-title .author a {
    font-weight: 600;
}

#page-wrap.grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 20px;
}

.single-article-sidebar {
    background-color: var(--background-light-blue);
    font-size: 12px;
    padding: 2em;
    /* margin-right: 80px; */
    margin-bottom: 2em;
}

.single-article-sidebar~#sidebar {
    margin-right: 80px;
}

.single-post-content {
    color: var(--80-blue);
    text-align: justify;
    font-size: 16px;
}

#author-info .author-image img {
    border-radius: 40px;
    margin-bottom: 1em;
}

#author-info .bold:first-child {
    font-weight: 600;
    text-transform: uppercase;
}

.single-article-sidebar>*:not(:first-child) {
    margin-top: 40px;
    margin-bottom: 0;
}

.single-article-timeblock {
    padding: 32px 0;
    border-top: 1px solid #B3E1FF;
    border-bottom: 1px solid #B3E1FF;
}


.single-article-timeblock>div>*:not(:first-child) {
    position: relative;
    margin-left: 2em;
}

.single-article-timeblock>div>*:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1em;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    background-color: #2A3F4D;
    border-radius: 50%;
}

.post-adds .author-s-title {
    font-weight: 600;
    margin-bottom: 12px;
}

.post-tags {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
    white-space: nowrap;
}

.post-tags a {
    color: #7A909E;
    border: 1px solid #9FB1BD;
    border-radius: 2px;
    padding: 2px 8px;
    text-transform: capitalize;
}

.featured-posts,
#featured-posts {
    background-color: var(--background-light-blue);
    padding: 40px 0;
}

.single-page-block {
    padding: 40px 0;
}

.featured-posts .grid,
#featured-posts .grid {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 32px;
    margin-top: 48px;
    margin-bottom: 48px;
}

#featured-conferences .post-image img {
    height: 140px;
}

.post-image img {
    border-radius: 2px;
}

#featured-conferences .post-image a {
    height: 140px;
}

.grid {
    display: grid;
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-content .post {}

.grid-content.small .post .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog .post {
    color: var(--70-gray);
}

.blog .post a {
    color: var(--90-gray);
}

/* .featured-posts .post,
#featured-posts .post {
    background-color: #ffffff;
} */
.featured-posts .post-meta-date-time,
#featured-posts .post-meta-date-time {
    letter-spacing: -0.5px;
}

.featured-posts .post-information,
#featured-posts .post-information {
    display: flex;
    flex-direction: column;
}

.featured-posts .post-information .post-card-meta,
#featured-posts .post-information .post-card-meta {
    margin-top: auto;
}

.post-meta-date-time {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    gap: 14px;
}

.post-meta-date-time>* {
    position: relative;
}

.post-meta-date-time>*:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    background-color: #C1CCD6;
    border-radius: 50%;
}

.page-invitation {
    padding: 50px 0;
    border-top: 1px solid var(--40-gray);
    border-bottom: 1px solid var(--40-gray);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 2em;
}

.page-invitation h3 {
    font-weight: 400;
    font-size: 32px;
    margin: 0;
    line-height: 1;
}

.page-invitation>div {
    margin-left: auto;
}

.page-invitation>div a {
    font-size: 16px;
    margin-left: 1em;
}

.sign-in-button {
    background-color: var(--background-light-blue);
    color: var(--90-brand);
}

.sign-up-button {
    background-color: var(--90-brand);
    color: #ffffff;
}

.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.post-slider-wrap .post {
    flex-direction: column-reverse;
    row-gap: 24px;
    padding: 0 24px;
}

.single-page-block .post-slider-wrap .post {
    justify-content: start;
}

.post-slider-wrap .post .post-image a {
    height: 200px;
}

.post-slider-wrap .post .post-image img {
    height: 200px;
    object-position: right;
}

.post-slider-wrap .post-information {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.post-slider-wrap .post-card-meta {
    position: relative;
}

.post-slider-wrap .post-card-meta img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.post-slider-wrap .post-meta-date-time>*:not(:first-child)::before {
    width: 2px;
    height: 2px;
    background-color: var(--80-gray);
}

.post-slider-wrap .post-meta-date-time {
    color: var(--90-gray);
}

/*Article Feed*/
.recent-posts-main {
    padding: 60px 0 80px;
    border-bottom: 1px solid #DCE3E8;
}

h2.main-page-title {
    font-weight: 400;
    margin-bottom: 48px;
}

.recent-posts-main .recent-posts-main-wrap {
    display: grid;
    grid-template-columns: 4fr 1fr;
    gap: 24px;
    column-gap: 60px;
}

.recent-posts-main .recent-posts-main-wrap .post {
    background-color: #F2F5F7;
}

.recent-posts-main .recent-posts-main-wrap .post:first-child {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    padding: 0;
    column-gap: 0;
}

.recent-posts-main .recent-posts-main-wrap .post:first-child .post-image {
    flex-basis: 60%;
}

.recent-posts-main .recent-posts-main-wrap .post:first-child .post-image img {
    border-radius: 0 5px 5px 0;
}

.recent-posts-main .recent-posts-main-wrap .post .overlay {
    display: none;
}

.recent-posts-main .recent-posts-main-wrap .post:first-child .post-information {
    padding: 24px;
    flex-basis: 40%;
    display: flex;
    flex-direction: column;
}

.recent-posts-main .recent-posts-main-wrap .post-meta-date-time {
    font-size: 12px;
}

.recent-posts-main .recent-posts-main-wrap .post-meta-date-time>*:not(:first-child)::before {
    background-color: var(--80-gray);
}

.recent-posts-main .post-meta-date-time {
    gap: 16px;
}

.recent-posts-main .post .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content_btn {
    margin-top: auto;
    color: var(--90-brand);
    font-weight: 600;
    text-transform: capitalize;
    background-color: #F2F5F7;
    width: fit-content;
}

.post {
    border-radius: 6px;
}

#page-wrap {
    padding: 80px 5px 48px;
}

.single.single-post #page-wrap {
    padding-top: 20px;
}



/*slider*/
.post-slider {}

.all-posts-slider .post-image img {
    height: 170px;
}

.post-slider .post>div {
    flex-basis: unset;
}

.all-posts-slider .post {
    justify-content: flex-end;
}

.all-posts-slider .post-information {
    flex-grow: 1;
}


/*hub*/
#single-post-title .title-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
}

.title-image .image-container img {}

#single-post-title .title-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px;
}

.page-template-page-finance-products .inner-post-meta-new-single {
    font-size: 14px;
}

.page-template-page-finance-products .meta #author-info {
    display: flex;
    font-size: 12px;
}

.page-template-page-finance-products .meta .author-image {
    margin-right: 1em;
}

.post-page-num {
    font-size: 16px;
    margin-top: 1em;
}

.toggle {
    margin-bottom: 0;
    border-top: 2px solid #DCE3E8;
    padding: 32px 8px;
}

.toggle .toggle-title {
    border: none;
    padding: 0;
    background: none;
    color: var(--90-brand);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.toggle .toggle-title .icon-star {
    display: none;
}

.toggle .toggle-title.active {
    font-weight: 600;
    color: var(--90-brand);
}

.toggle .toggle-inner {
    border: none;
    font-weight: 400;
    color: var(--70-gray);
    padding: 16px 42px 0 0;
    text-align: justify;
}

.toggle .toggle-title span {
    width: 24px;
    height: 24px;
    border: none;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.toggle .toggle-title.active span {
    background-image: url(images/arrow-top.png);
    background-repeat: no-repeat;
    background-position: center;
}

/*hub sidebars*/
#single-page-sidebar .page-title {
    padding: 16px;
}

#single-page-sidebar .modules {
    padding: 16px;
}

#single-page-sidebar .modules.editor-box h4.title {
    display: none;
}

#single-page-sidebar a.button.small {
    font-size: 16px;
    line-height: 24px;
    color: var(--70-gray);
    background: transparent;
    padding: 6px;
    border: none;
    font-weight: 400;
    outline: none;
}

#single-page-sidebar a.button.small i {
    display: none;
}

#single-page-sidebar a.button.alternative-1 {
    background: transparent;
    color: #006DB3;
    border: none;
    border-left: 4px solid #006DB3;
    margin-left: -4px;
}



/*hub modules*/
.finance-template .paragraph {
    font-size: 16px;
    color: var(--60-gray);
}

.modules.block-paragraph p {
    background-color: #E6FAFE;
    color: var(--80-blue);
    font-size: 16px;
    font-weight: 400;
    padding: 1.5em;
    margin: 0;
}

.modules.paragraph h2,
.modules.paragraph h3 {
    font-weight: 700 !important;
}

.modules.paragraph img {}

#exampleModals,
.link-button[data-toggle="modal"] {
    display: none;
}

img.img-fluid.sidebar-image {
    width: 100%;
}

.display-posts-listing.grid {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 32px;
}

img.attachment-medium.size-medium.wp-post-image {
    width: 100%;
}

/* changes for categories*/
.category-videos #footer {
    background-color: var(--90-brand);
    color: var(--40-gray);
}

.category-videos #footer a {
    color: var(--40-gray);
}

.category-videos #footer h3,
.category-videos #footer h4 {
    color: #FFFFFF;
}

.category-videos #footer a:hover {
    color: var(--article-blue);
}

.category-videos #footer .social-icons ul li a:hover {
    scale: 0.9;
}

.category-videos #content .post {
    background-color: #ffffff;
}

.videos .post-image .overlay {
    background-image: url(framework/images/post-video-play.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.videos .post-image a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(framework/images/post-video-play.png);
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 900px) {
    #footer #footer-contact-us {
        display: none;
    }

    #footer .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #footer .container>* {
        max-width: 100%;
    }

    div#copyright {
        text-align: center;
        margin: 0 auto !important;
        padding-top: 0px !important;
        padding-bottom: 20px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #footer-menu {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    #footer-contact-us {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

section[data-theme="dark"] .container {
    background-color: var(--90-brand);
    color: #FFFFFF;
}

section[data-theme="dark"] .container a,
section[data-theme="dark"] h1,
section[data-theme="dark"] h2,
section[data-theme="dark"] h3,
section[data-theme="dark"] h4,
section[data-theme="dark"] h5 {
    color: #FFFFFF;
}

section[data-theme="dark"] a.button-standart-blue {
    background-color: var(--background-light-blue);
    color: #00263E;
}

.dark-mode .post-slide,
section[data-theme="dark"] .post-slide {
    background-color: #00263E;
}

section[data-theme="dark"] .meta-category {
    color: #DCE3E8;
}

.dark-mode .swiper-control .swiper-scrollbar,
section[data-theme="dark"] .swiper-control .swiper-scrollbar {
    background-color: #004E80;
}

.dark-mode .swiper-control .swiper-scrollbar-drag,
section[data-theme="dark"] .swiper-control .swiper-scrollbar-drag {
    background-color: var(--background-blue);
}

.dark-mode .swiper-control .swiper-buttons>div,
section[data-theme="dark"] .swiper-control .swiper-buttons>div {
    background-color: #004E80;
    border-color: #004E80;
    color: #E6FAFE;
}

.dark-mode .small-link-arrow-right span,
section[data-theme="dark"] .small-link-arrow-right span {
    color: #FFFFFF;
}

.dark-mode .small-link-arrow-right span:after,
.small-link-arrow-right span.text-white:after,
section[data-theme="dark"] .small-link-arrow-right span:after {
    background-image: url(./framework/images/arrow5_white.png);
}

.dark-mode .small-link-arrow-right span.dark\:text-black:after,
section[data-theme="dark"] .small-link-arrow-right span.dark\:text-black:after {
    background-image: url("./images/arrow-right-text.svg");
}

section .container .mobile-title-only {
    display: none;
}

.headerMobile {
    display: none;
}



@media (max-width: 1000px) {
    .block-slider_with_text.post-slide-small .post-title {
        -webkit-line-clamp: unset;
    }
}

@media only screen and (max-width: 960px) {}

@media (max-width: 960px) {
    #footer .footer-socials.d-block.sm\:d-hidden {
        display: block !important;
        visibility: visible;
        opacity: 1;
    }

    #footer #copyright {
        padding-top: 40px;
        padding-bottom: 10px;
    }

    #footer .footer-menu {
        min-width: auto;
    }

    #footer .footer-menu ul li {
        padding: 0 10px;
        margin-right: 0px;
    }

    #footer .social-icons {
        padding-bottom: 0px;
    }

    #footer .footer-nav-menu {
        flex-wrap: wrap;
        /*flex-direction: column;*/
        text-align: center;
    }

    #footer .footer-menu ul {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        margin-bottom: 10px;
    }

    #footer .to-right:not(form) {
        margin-bottom: 50px;
    }

    #footer .hr-line container {
        display: none;
    }

    #footer .container>* {
        max-width: 100%;
    }

    /*.get_touch{*/
    /*    display: none;*/
    /*}*/
    .social-icons ul {
        text-align: center;
        justify-content: center;
        display: flex;
        margin-bottom: 50px;
    }

    .footer-vertical {
        display: none;
    }

    .footer-menu ul li:after {
        /*content: "";*/
        right: 0px;
        line-height: 16px;
    }
}

@media (min-width: 767px) {
    .in_touch_mobile {
        display: none;
    }

    .block-labels>div>div>div.col-span-sm-1>div {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .sm\:d-flex {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #table-content-dropdown {
        display: none !important;
        visibility: hidden;
        opacity: 0;
    }
}

@media (min-width: 767px) and (max-width: 768px) {
    .block-labels>div>div>div.col-span-sm-1>div>a {
        text-align: left !important;
    }

    .block-labels>div>div>div.col-span-sm-1>div>h4 {
        font-size: 18px;
    }

    .block-slider_featured_posts .post-grid-title .post-grid-title-cover {
        margin-right: 30% !important;
    }

    #footer .footer-socials.d-block.sm\:d-hidden {
        display: block !important;
        visibility: visible;
        opacity: 1;
    }
}

@media (min-width: 824px) and (max-width: 868px) {
    .block-counter .counter-bottom {
        height: 60px;
    }
}

@media (max-width: 768px) {
    html {
        margin-top: 0 !important;
    }

    .blog .d-grid .post-slide.post-slide-small>div {
        flex-grow: 1;
    }

    .xs-d-flex {
        display: flex !important;
    }

    .get_touch {
        width: 190px;
        margin: 40px auto 20px auto;
    }

    .wp-block-column.is-layout-flow.has-table-content {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-top: 20px;
    }

    #table-content-dropdown {
        display: block !important;
        visibility: visible;
        opacity: 1;
        position: relative;
        top: 0;
        left: 0;
        width: calc(100% - 55px);
        z-index: 999;
        font-size: 16px;
    }

    #table-content-dropdown:before {
        content: '';
        width: 18px;
        height: 18px;
        background-image: url(./images/arrow-down.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 20px;
        top: 35%;
    }

    #footer .footer-nav-menu {
        flex-direction: column;
        flex: 1 0 auto;
    }

    .block-table-content {
        position: fixed !important;
        top: 140px !important;
        width: calc(100% - 40px);
        left: 20px;
        border-radius: 6px;
        padding: 16px 0;
        display: none;
    }

    .block-table-content ul li {
        font-size: 16px;
    }

    .container .desktop-title-only,
    .block-slider_with_image .slider-img {
        display: none;
    }

    section .container .mobile-title-only {
        display: flex;
    }

    .counter-grid {
        display: flex;
        flex-direction: column;
        padding: 36px 0 60px 0;
        row-gap: 12px;
    }

    .block-labels {
        overflow: hidden;
    }

    .partners-sponsor.container {
        width: calc(100% - 40px) !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .block-labels .container {
        width: auto;
        margin-left: 30px;
        margin-right: 30px;
        overflow: initial;
    }

    .block-labels .flex-item {
        height: 100px;
    }

    .container .mobile-title-only {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 26px;
    }

    .block-counter h1,
    .block-counter h2 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .counter-grid-block.column-flex {
        margin-right: auto;
        row-gap: 32px;
    }

    .counter-grid-block .counter-up {
        font-size: 14px;
    }

    .counter-number {
        font-size: 24px;
        line-height: 32px;
    }

    .counters {
        grid-column-gap: 24px;
    }

    .block-columns {
        overflow: hidden;
    }

    .block-columns .container {
        padding: 45px 0;
        overflow: unset;
    }

    .block-columns .flex-row {
        column-gap: unset;
    }

    .block-columns .flex-item.column {
        box-sizing: border-box;
        flex: none;
    }

    .block-slider_with_text .slider-text-block-container {
        padding: 32px;
        margin-right: 20%;
    }

    .block-slider_with_text .container {
        width: auto;
        border-radius: 0;
    }

    .block-slider_with_text .block-subtitle {
        margin-bottom: 32px;
    }

    .block-slider_with_image .slider-img {
        display: none;
    }

    .block-slider_with_image,
    .block-slider_with_buttons {
        overflow: hidden;
    }

    .block-slider_with_image .container,
    .block-slider_with_button .container,
    .block-slider_with_image .swiper-container,
    .block-slider_with_buttons .swiper-container {
        overflow: unset;
    }

    .block-slider_with_image {
        background-color: var(--background-blue);
        padding: 0 0 24px;
    }

    .block-slider_with_image .swiper-container {
        margin-right: 0;
    }

    .container .mobile-title-only h4 {
        margin-bottom: 0;
        line-height: 1.2;
    }

    .mobile-title-only .small-link-arrow-right span {
        margin-right: 0;
    }

    .mobile-title-only .block-slider_with_buttons .small-link-arrow-right span:after {
        right: 0;
    }

    .block-slider_with_text {
        padding: 0;
    }

    .block-slider_with_buttons .container {
        padding: 46px 0;
    }

    .block-slider_with_image .swiper-container .post-slide.post-slide-small {
        padding: 0;
        flex-direction: column-reverse;
        row-gap: 24px;
        border-radius: 4px;
    }

    .block-slider_with_image .post-information {
        padding: 0 16px;
        gap: 12px;
        box-sizing: content-box;
    }

    .block-slider_with_image .post-slide-small .meta {
        padding-bottom: 16px;
    }

    .block-slider_with_image .post-image {
        max-width: 100%;
        overflow: hidden;
    }

    .block-slider_with_image .post-slide-small .post-title {
        -webkit-line-clamp: 2;
    }

    .block-slider_with_image .meta-author {
        display: none;
    }

    .block-slider_with_image .post-slide .post-title h4 {
        margin-bottom: 0;
        font-size: 16px;
    }

    .block-slider_with_image .post-image img {
        max-height: 150px;
    }

    .block-slider_with_buttons {
        background-color: transparent;
    }

    .block-slider_with_buttons .swiper-control {
        display: none;
    }

    .block-slider_with_buttons .swiper-container .swiper-wrapper {
        padding: 0;
    }

    .block-slider_with_buttons .swiper-container .post-slide {
        background-color: #EBF5F4;
    }

    .block-grid_topics a.button-standart {
        font-size: 14px;
        margin-top: auto;
        align-self: flex-start;
        padding: 8px 16px;
    }

    .block-grid_topics .labels-title {
        margin-bottom: 40px;
    }

    .block-grid_topics .block-labels .container {
        padding-top: 10px;
        border-top: none;
        margin-left: 0;
        margin-right: 0;
    }

    .block-slider_with_buttons .container a span,
    .block-grid_topics .block-labels .container a span {
        margin-right: 15px;
    }

    .edition-listing .edition-item:not(.col-span-2) .edition-categories {
        display: none;
    }

    .edition-listing .edition-item .edition-image {
        border-radius: 6px;
    }

    .edition-listing .edition-item.col-span-2 .edition-information {
        padding: 0 16px 16px 16px;
    }

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

.flex-direction-row {
    flex-direction: row !important;
}

.flex-direction-column {
    flex-direction: column !important;
}

@media (min-width: 1921px) {
    .lg-full-width {
        max-width: 80% !important;
    }

    section[data-theme="dark"].block-slider_with_text .container {
        border: 1px solid var(--90-brand);
    }
}

@media (max-width: 600px) {
    .block-slider_with_text .swiper-container {
        display: none;
    }

    .w-xs-100 {
        width: calc(100% - 40px) !important;
    }

    .d-xs-flex {
        display: flex !important;
    }

    .xs-flex-direction-row {
        flex-direction: row !important;
    }

    .xs-flex-direction-column {
        flex-direction: column !important;
    }

    .justify-content-xs-between {
        justify-content: space-between !important;
    }

    p.has-background {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 968px) and (max-width: 1332px) {
    .container {
        padding: 10px 20px !important;
    }

    .post-type-archive-conference .container.w-100 {
        width: calc(100% - 40px) !important;
    }
}

.bordered {
    border: 1px solid;
}

.justify-content-end {
    justify-content: end;
}

.justify-content-between {
    justify-content: space-between !important;
}

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

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.w-100 {
    width: 100%;
}

.rounded-md {
    border-radius: 4px;
}

.block-slider_with_text .slider-text-block-container {
    background-image: url(images/dash-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.custom-logo a img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.round-12 {
    border-radius: 12px;
}

.hover\:bg-anti-flash-white:hover,
.bg-anti-flash-white {
    background: #F2F5F7;
}

.bg-anti-flash-white-2 {
    background: #EBF5F4;
}

.bg-transparent {
    background-color: transparent !important;
}

.m-auto {
    margin: 0 auto;
}

.social-item {
    min-width: 50px;
    text-align: center;
}

.page-template-default p a,
.single-post .single-post-content .post-excerpt a,
.single-post .single-post-content p a,
.detail-anwser li a {
    color: #F16814;
}

.point-before {
    position: relative;
    margin-left: 10px;
}

.point-before::before {
    content: ".";
    position: absolute;
    left: -8px;
    top: -3px;
    font-weight: 900;
    display: block;
}

.border-light {
    border-color: #FFF1E8;
}

.border-lighter {
    border-color: #FFF1E8;
}

.pointer {
    cursor: pointer;
}

.filter .authors .author-avatar,
.filter .partners .partner-logo {
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    position: relative;
    border: 1px solid #DCE3E8;
}

.filter .authors .author-avatar img,
.filter .partners .partner-logo img {
    height: 24px;
    width: auto;
    position: absolute;
    left: -50%;
    top: 0;
}

.filter .authors .author-avatar img {
    left: 0;
}

.filter .results input,
.filter .search input {
    width: 75%;
    font-size: 14px;
    border: 1px solid #FFF1E8;
    box-shadow: none !important;
    padding: 10px 20px 10px 40px !important;
}

.filter .results {
    position: absolute;
    left: calc(100% / 3 + 10px);
    width: 100%;
    height: 100%;
    top: 0;
    max-width: 865px;
    background: #fff;
    z-index: 11;
}

/* .filter .results input {
    width: calc(100% - 60px);
} */
.filter .search {
    position: relative;
}

/* .filter .results:before, */
.filter .search:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url('./images/search.svg');
    background-position: center;
    background-size: cover;
    top: 10px;
    left: 12px;
    opacity: 0.4;
}

.edition-image {
    height: 190px;
    overflow: hidden;
}

.more-tag.active,
.filter-tag.active:not(.filter-tag-mobile) {
    background-color: var(--background-blue) !important;
    position: relative;
    padding-right: 40px !important;
}

.clear-all-selected {
    position: relative;
    height: 40px;
    width: 15px;
    float: left;
}

.filter-tag-mobile {
    border-bottom: 1px solid #DCE3E8;
}

.filter-tag-mobile.active {
    font-weight: 700;
    border-bottom-color: var(--80-blue);
}

.block-wrapper .loading {
    height: 300px;
    width: 100%;
    position: relative;
}

.edition-listing .loading {
    height: 50vh;
    position: relative;
}

.block-wrapper .loading::before,
.edition-listing .loading:before {
    content: '';
    width: 30px;
    height: 30px;
    border: 3px solid var(--80-blue);
    border-top-color: transparent;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.dark-mode .loading:before {
    border-color: #fff;
    border-top-color: transparent;
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg)
    }
}

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

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

.post-slide.post-slide-grid-11.edition-item {
    flex-direction: row-reverse;
}

.reset-filter span {
    position: relative;
}

.clear-all-selected:before,
.more-tag.active:before,
.filter-tag.active:not(.filter-tag-mobile):before,
.reset-filter span:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    right: 12px;
    display: block;
    background-image: url("./images/close.svg");
    background-position: center;
    background-size: cover;
}

#date-picker span.chevron {
    width: 14px;
    height: 8px;
    background-image: url(./images/arrow-down.svg);
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: -32px;
}

#date-picker span.chevron.up {
    background-image: url(./images/arrow-up.svg);
}

.bg-white .swiper-control .swiper-scrollbar {
    background-color: #F2F5F7;
}

.h-auto {
    height: auto;
}

/* Single post responsive */
@media only screen and (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column>div:not(.h-auto):not(.wp-block-spacer):not(.wp-block-columns) {
        height: 100%;
    }
}

@media only screen and (min-width: 1441px) {
    .swiper-slide.first-slide {
        width: 30vw !important;
    }
}

@media only screen and (min-width: 1025px) {
    .post-type-archive-conference .sm-d-block {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .post-type-archive-conference .edition-image {
        max-height: 190px;
        height: auto !important;
    }

    .post-type-archive-conference .sm-d-hidden {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        position: absolute;
        z-index: -1;
        height: 0 !important;
    }

    .sm-overflow-hidden {
        overflow: hidden !important;
    }

    .sm-w-10 {
        width: 10%;
    }

    .sm-w-20 {
        width: 20%;
    }

    .sm-w-30 {
        width: 30%;
    }

    .sm-w-40 {
        width: 40%;
    }

    .sm-w-50 {
        width: 50%;
    }

    /* .sm-w-60 {
        width: 60%;
    } */
    .sm-w-70 {
        width: 70%;
    }

    .sm-w-80 {
        width: 80%;
    }

    .sm-w-90 {
        width: 90%;
    }

    .sm-w-100 {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .sm-d-block {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .sm-d-hidden {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        position: absolute;
        z-index: -1;
        height: 0 !important;
    }

    .fuzzy-bg {
        position: relative;
    }

    /*.fuzzy-bg:after {
        background: linear-gradient(270deg, rgb(229 245 255 / 90%) 10.64%, rgba(229, 245, 255, 0.00) 33.81%);
        content: '';
        position: absolute;
        width: 20%;
        height: 100%;
        top: 0;
        right: 0;
        display: block;
        z-index: 1;
    }*/

    .sm-mr-30 {
        margin-right: 45%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1332px) {
    .single-partner .block-slider_with_text .container {
        border-radius: 0;
    }

    .single-partner .block-grid_topics {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .sm-mr-30 {
        margin-right: 42%;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1024px) {
    .single-partner .block-grid_topics {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .single-post .d-grid.d-xs-flex.flex-column-reverse {
        display: flex !important;
    }

    #mainNavigation>li {
        margin: 0 15px !important;
    }

    .block-slider_with_text .slider-text-block-container {
        padding: 32px 24px !important;
    }

    .counter-grid {
        grid-column-gap: 0;
    }

    .home .container {
        width: auto;
        max-width: calc(100%);
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .sm-mr-30 {
        margin-right: 30%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 959px) {
    #footer-menu {
        padding-top: 40px;
    }

    .block-slider_featured_posts .post-grid-title .post-grid-title-cover {
        margin-right: 30%;
    }

    .single-post .d-grid.d-xs-flex.flex-column-reverse {
        display: flex !important;
    }

    .block-slider_with_text .slider-text-block-container {
        padding: 32px 24px !important;
    }

    .block-slider_with_text,
    .block-slider_with_image {
        padding-top: 0;
        padding-bottom: 0;
    }

    .block-slider_with_image .container,
    .block-slider_with_text .container {
        width: calc(100vw) !important;
        border-radius: 0;
    }

    .block-slider_with_text .container .slider-text-block-container,
    .block-slider_with_text .container .swiper-container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .block-slider_with_image .slider-img {
        display: none;
    }

    .block-grid_topics .block-topics .container,
    .block-grid_topics .block-labels .container,
    .block-slider_with_buttons .container,
    .block-counter .container.counter-grid,
    .block-labels .container {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
        width: auto !important;
    }

    .post-type-archive-conference .container,
    .author .block-grid_topics .container,
    .single.single-post #page-wrap.container,
    #footer .container,
    .single.single-post #featured-conferences .container {
        width: auto;
        max-width: 100vw;
        padding-left: 20px;
        padding-right: 20px;
    }

    .single .block-slider_with_text .container,
    .author .d-flex.flex-column-reverse .block-slider_with_text .container,
    .single-partner .block-slider_with_text .container {
        width: calc(100vw) !important;
        border-radius: 0;
    }

    .block-slider_with_image .swiper-container {
        padding: 50px 24px;
        margin-right: 0;
    }

    .block-slider_featured_posts .container {
        padding: 40px 20px;
    }

    #footer .container .four.columns {
        min-width: 220px;
    }

    .block-counter .container.counter-grid {
        grid-template-columns: 0.65fr 1fr;
    }

    .counter-grid-block.column-flex {
        margin-right: 0 !important;
    }

    .counters-block .counter-bottom {
        font-size: 18px;
    }

    .counters {
        grid-column-gap: 24px;
    }

    .block-slider_with_text .slider-text-block-container h2 {
        font-size: 27px;
    }

    /* .author .d-grid.grid-col-3 {
        grid-template-columns: repeat(2, 1fr);
    } */
    .author #title .container {
        width: calc(100vw - 32px);
    }

    .block-slider_featured_posts .post-slide-grid-11 {
        flex-direction: row !important;
    }

    .block-slider_featured_posts .d-grid .post-slide-grid-6 .post-image {
        display: none !important;
    }

    .post-slide.post-slide-small {
        column-gap: 16px;
        padding: 16px;
    }

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

    .wrapall {
        overflow-x: hidden;
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
    .block-slider_featured_posts .d-grid .post-slide-grid-6 .post-image {
        display: none !important;
    }

    .container {
        width: calc(100vw - 40px) !important;
    }

    .block-slider_with_image .container,
    .block-slider_with_text .container {
        width: auto !important;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .block-slider_with_text .swiper-container {
        display: none;
    }

    body {
        overflow-x: hidden;
    }

    .single-post .d-grid.d-xs-flex.flex-column-reverse {
        display: flex !important;
    }

    .author .d-flex.flex-column-reverse .block-slider_with_text .container {
        width: calc(100vw) !important;
        border-radius: 0;
    }

    .block-slider_with_text .slider-text-block-container {
        margin-right: 0;
        padding: 32px 24px;
    }

    .block-slider_with_text .slider-text-block-container h2 {
        font-size: 27px;
    }

    .block-slider_with_text .post-slide.post-slide-small .post-image, .post-slide.post-slide-small .post-image a {
        max-height: 100px;
    }

    .block-slider_featured_posts .post-slide.post-slide-small .post-image, .post-slide.post-slide-small .post-image a {
        margin-bottom: 5px;
    }

    .container .four.columns {
        width: auto;
    }

    #footer .container .four.columns {
        width: auto !important;
    }

    .swiper-slide.d-hidden {
        width: 0 !important;
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .block-labels .container {
        margin-left: 0;
        margin-right: 0;
    }

    .block-columns .container {
        width: calc(100vw - 40px) !important;
    }

    .author .d-flex.flex-column-reverse .block-slider_with_text .container {
        width: calc(100vw) !important;
        border-radius: 0;
    }

    body {
        overflow-x: hidden;
    }

    .block-slider_with_text .slider-text-block-container {
        margin-right: 0;
        padding: 32px 16px;
    }

    .block-slider_with_text .slider-text-block-container h2 {
        font-size: 27px;
    }

    .block-columns .container {
        max-width: 320px !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .swiper-slide.d-hidden {
        width: 0 !important;
        margin-right: 0 !important;
    }
}

.post-information .meta-author a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.border-0 {
    border: none;
}

.bg-prussian-blue {
    background: #002F4A;
}

.color-munsell {
    color: #F16814;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.bg-honeydew {
    background-color: #EBF7ED;
}

.hover\:bg-honeydew:hover {
    background-color: #EBF7ED;
}

.hover\:bg-white:hover {
    background-color: #fff;
}

.hover\:bg-honeydew:hover .hover\:bg-white {
    background-color: #fff !important;
}

.flex-shink-0 {
    flex-shrink: 0;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.grid-auto-rows {
    grid-auto-rows: auto !important;
}

.filter-mobile .filter .search>* {
    display: inline-block;
    float: left;
}

.filter-mobile .filter .search input {
    width: calc(100% - 155px);
    margin-right: 10px;
}

.featured-event span.flex-shink-0.bg-tale.fs-12.fw-400.py-8.px-16.rounded.hover\:bg-white {
    background: var(--90-brand) !important;
    color: #fff;
}

.single-conference .host-data>div {
    display: inline-block;
    float: left;
}

.single-conference .host-data>.host-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.single-conference .host-data>.host-des {
    width: calc(100% - 56px);
    margin-left: 16px;
}

.single-conference .single-speaker {
    width: 158px;
}

.mt-auto {
    margin-top: auto;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.dark-mode .hr-line {
    background: #2A3F4D;
}

.footerMain_log a img {
    width: 90px;
}

.bg-light-blue {
    background-color: var(--background-light-blue);
}

.dark-mode .dark\:bg-tale {
    background: var(--background-light-blue);
}

.dark-mode .active.tab-instance {
    background-color: #fff !important;
    color: var(--90-brand) !important;
}

.active.tab-instance {
    background-color: var(--90-brand);
    color: #fff;
}

.timeline-item {
    flex: 1 0 200px;
}

.box-shadow {
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
}

.bg-yankees-blue {
    background-color: #1C2B36 !important;
}

.align-flex-start {
    align-self: flex-start;
}

.align-flex-end {
    align-self: flex-end;
}

.wp-block-columns.container.w-auto br {
    display: none;
}

.h-100 {
    height: 100%;
}

.dark-mode .dark\:text-black {
    color: var(--90-brand) !important;
}

.word-break {
    word-break: break-word;
}

.text-elipsise {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.max-w-50 {
    max-width: 50%;
}

.wp-block-button__link {
    padding: 8px 20px !important
}

.ml--18 {
    margin-left: -18px !important;
}

html :where(.wp-block) {
    max-width: unset !important;
}

.wp-block-columns.container.w-auto:after {
    content: none;
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-family-century-gothic);
}

td.today.active.start-date.active.end-date.available {
    border-radius: 50%;
    background: var(--background-light-blue);
    color: #000;
    font-weight: 700;
}

.daterangepicker .calendar-table th {
    color: var(--40-gray);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.daterangepicker .calendar-table th.month {
    color: #000;
}

.daterangepicker {
    border: none;
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
    margin-top: -10px;
}

.daterangepicker:before,
.daterangepicker:after {
    content: none;
}

.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.right {
    padding: 24px 40px 24px 24px;
}

#date-picker input[value='Calendar'] {
    background-color: #F2F5F7;
}

#date-picker input:not([value='Calendar']) {
    background-color: var(--background-blue);
}

.custom-bg {
    background-image: url(./images/dash-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.block-content p {
    margin-bottom: 5px;
}

.block-content.wp-block-acf-block-content iframe:not(.hs-form-iframe),
.block-video iframe {
    max-width: 100% !important;
    width: 100% !important;
    height: auto;
    aspect-ratio: 16/9;
}

.hover\:bg-tale:hover {
    background: var(--background-blue) !important;
}

.post-grid-title .buttons a {
    display: inline-block;
}

.block-slider_featured_posts .post-grid-title .post-grid-title-cover.mr-0 {
    margin-right: 0 !important;
}

.block-table-content {
    position: sticky;
    top: 125px;
}

ul.table-content {
    list-style: none;
    font-size: 14px;
    margin: 0;
}

ul.table-content li {
    padding: 2px 14px;
    margin-bottom: 8px;
}

ul.table-content li a {
    color: var(--70-gray);
}

ul.table-content li.active a,
ul.table-content li:hover a {
    font-weight: 700;
    color: var(--article-blue);
}

ul.table-content li.active,
ul.table-content li:hover {
    border-left: 4px solid var(--article-blue);
}

ul.table-content .sub-menu li:hover {
    border-left: 0;
    background-color: transparent;
}

label.wpforms-field-label {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-bottom: 5px !important;
}

span.wpforms-required-label {
    display: none;
}

.wpforms-field {
    padding-top: 0 !important
}

.wpforms-field-medium {
    border-radius: 2px !important;
    width: 100% !important;
    border: none !important;
    padding: 12px !important;
    max-width: 100% !important;
    font-size: 14px !important;
    font-weight: 400;
    border-radius: 6px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit {
    background-color: transparent !important;
    color: var(--90-brand) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
    background-color: transparent !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container .wpforms-submit:after {
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translate(100%, -50%);
    line-height: 1;
    cursor: pointer;
    background-image: url("./images/arrow-right-text.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

div.wpforms-container-full input[type=checkbox]:before,
div.wpforms-container-full input[type=radio]:before {
    border-radius: 15px !important;
}

.dark-mode #mainNavigation>li.menu-item>a:hover,
.dark-mode .headerMain a:not(.btnSecondary),
.dark-mode .headerMain a:not(.btnSecondary):hover {
    color: #fff;
}

.for-header.dark-mode {
    border-bottom: 1px solid var(--90-brand);
}

.for-header.dark-mode #header-searchform input {
    background-color: transparent;
    background-image: url("./images/search-white.svg") !important;
    background-size: 20px 20px !important;
    right: 220px;
    transition: all 0.4s linear;
}

.for-header.dark-mode #header-searchform input:focus {
    background-color: #E6FAFE !important;
    color: var(--80-blue) !important;
    background-image: url("./images/search.svg") !important;
}

.wp-block-column.is-layout-flow>div.table p strong {
    display: table-cell;
    padding: 0 8px 15px 20px;
}

.wp-block-column.is-layout-flow>div.table p {
    display: table-row;
}

.block-info p {
    margin-bottom: 10px;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    display: inline !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation .mega-sub-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    margin-right: 40px !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation a.mega-menu-link {
    font-size: 16px !important;
}

.mega-sub-menu:not(.mega-menu-horizontal)>.mega-menu-megamenu:hover>a.mega-menu-link {
    background-color: #E6FAFE !important;
}

.for-header.bg-black.dark-mode #mega-menu-main_navigation>li.mega-menu-item>a.mega-menu-link {
    background-color: rgb(1 47 78) !important;
    color: #fff !important;
}

.for-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

header.headerMain.container {
    width: 100%;
}

.flex-auto {
    flex: 0 0 auto;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-megamenu.mega-menu-item.mega-toggle-on>a.mega-menu-link:before {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    background: var(--90-brand);
    bottom: -20px;
    left: -3px;
}

.for-header.bg-black.dark-mode #mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-megamenu.mega-menu-item.mega-toggle-on>a.mega-menu-link:before {
    background-color: #fff;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-megamenu.mega-menu-item.mega-toggle-on>a.mega-menu-link>span.mega-indicator:after {
    transform: rotate(180deg);
    transition: transform 300ms linear;
}

.no-underscored {
    text-decoration: none !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-tabbed>ul.mega-sub-menu>li:nth-child(2) {
    order: -1;
}

.border-bottom {
    border-bottom: 1px solid #DCE3E8 !important;
}

.wrapall {
    position: relative;
    margin-top: 79px;
}

.logged-in.administrator .wrapall {
    margin-top: 80px;
}

.for-header {
    position: fixed;
    z-index: 99;
    top: 0;
}

.logged-in.administrator .for-header {
    top: 32px;
}

form.header-searchform {
    position: relative;
    width: 100%;
}

form.header-searchform>input.header-s {
    position: absolute;
    width: 0px;
    background: #F2F5F7;
    padding: 15px;
    padding-left: 35px;
    background-image: url(./images/search.svg) !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat;
    background-position: 15px center;
    border-radius: 6px;
    transition: width 0.3s linear;
    right: 0;
}

form.header-searchform>input.header-s:focus,
form.header-searchform>input.header-s:active {
    width: 100px;
    padding-left: 45px;
    outline: none;
    border: none;
}

.dark-mode .hamburger-inner,
.dark-mode .hamburger-inner::before,
.dark-mode .hamburger-inner::after {
    background-color: #fff;
}

form.header-searchform>input.header-searchsubmit {
    display: none;
}

.headerMain_center {
    display: none;
}

@media screen and (min-width:1151px) {
    #mega-menu-wrap-main_navigation #mega-menu-main_navigation>.mega-menu-megamenu>ul.mega-sub-menu {
        display: flex !important;
        flex-direction: column;
        position: fixed !important;
        height: 100vh;
        top: 80px;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }

    .logged-in:not(.administrator) #mega-menu-wrap-main_navigation #mega-menu-main_navigation>.mega-menu-megamenu>.mega-sub-menu {
        top: 82px;
        max-height: calc(100vh - 82px);
    }
}

#mega-menu-wrap-main_navigation .mega-menu-toggle {
    background-color: transparent !important;
}

@media screen and (max-width:1150px) {
    .reset-filter span:before {
        content: none;
    }

    .headerMain {
        display: none;
    }

    .headerMobile_navigation-active {
        height: calc(100% - 48px);
    }

    .dark-mode .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
    .dark-mode .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
    .dark-mode .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
        background-color: #fff !important;
    }

    .logged-in #mega-menu-wrap-main_navigation #mega-menu-main_navigation>li.mega-menu-megamenu>ul.mega-sub-menu {
        top: 96px;
    }

    .for-header {
        height: auto;
        z-index: 9999;
        flex-direction: column;
    }

    .logged-in:not(.administrator) .for-header {
        top: 0
    }

    .headerMain_left .headerMain_log {
        display: none;
    }

    .headerMain_center {
        display: block;
    }

    .headerMain_log img {
        height: 24px;
        width: auto;
    }

    .headerMain_action .main_btn {
        display: none;
    }

    .headerMobile {
        display: block;
        height: 100%;
        position: relative;
    }

    .headerMobile_wrap {
        height: 100%;
        padding: 12px 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .headerMobile_wrap>div {
        height: 24px;
        flex: 1;
    }

    .headerMobile_middle a {
        justify-content: center;
    }

    #header-searchform {
        position: relative;
    }

    .headerMobile #header-searchform input {
        background-image: url('./images/search.svg') !important;
        background-size: 24px 24px;
        padding: 0 0 0 34px;
        height: 24px;
    }

    .headerMobile .headerMobile_middle a {
        display: flex;
    }

    .headerMobile .headerMobile_middle img {
        width: 44px;
        height: 24px;
    }

    .headerMobile_wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #header-searchform {
        display: block !important;
    }

    .container {
        max-width: 100%;
    }

    .sm-mr-30 {
        margin-right: 25%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .country-quick-link>.wp-block-column.is-layout-flow {
        flex-basis: 48% !important;
    }

    .country-quick-link {
        flex-wrap: wrap !important;
    }
}

.color-davy-grey {
    color: #5A595B;
}

.bg-davy-grey {
    background-color: #5A595B;
}

@media only screen and (min-width: 768px) {
    .list-question {
        max-height: 472px;
        overflow-y: auto;
    }

    .list-question .single-anwser {
        max-height: 75px;
    }
}

.list-question .single-anwser.active {
    background-color: var(--background-blue);
}

.detail-anwser-block {
    max-height: 425px;
    overflow-y: auto;
}

.more-data {
    position: relative;
}

.back-button:before,
.more-data:before {
    content: '';
    position: absolute;
    right: 16px;
    width: 12px;
    height: 12px;
    background-image: url(./images/arrow-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 14px;
    transform: rotate(-90deg);
    transition: transform 0.3s linear;
}

.more-data.open:before {
    transform: rotate(90deg);
}

.list-question .open .detail-question:before {
    transform: rotate(180deg);
}

/* .close-filter {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 30px;
    height: 24px;
}
.close-filter:before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url("./images/close.svg");
    background-position: center;
    background-size: cover;
} */
.main-summary ul li {
    line-height: 24px;
    margin-bottom: 6px;
}

.filter-mobile .filter .search>button.open {
    position: relative;
}

.filter-mobile .filter .search>button.open:before {
    content: "Close";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-weight: 700;
    background-color: var(--80-blue);
    color: #fff;
    text-align: center;
    border-radius: 4px;
    z-index: 9;
    line-height: 40px;
}

.user-card-image {
    min-height: 160px;
    aspect-ratio: 1;
}

.user-card-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.elipsise-3-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line-height-24 {
    line-height: 24px;
}

.block-grid_topics:not(.dark-mode) .tabs.tabs-horizontal li.active {
    border-bottom: 2px solid var(--90-brand);
}

.block-grid_topics:not(.dark-mode) a.button-standart-blue {
    background-color: #fff;
    color: var(--90-brand);
    border-radius: 6px;
    border: 1px solid #DCE3E8;
}

.color-70-gray {
    color: var(--70-gray);
}

.back-button {
    position: relative;
}

.back-button:before {
    left: 0;
    transform: rotate(90deg);
    width: 18px;
    height: 18px;
    top: 5px;
    opacity: 0.7;
}

.list-alphabet button {
    min-width: 45px;
    min-height: 45px;
}

.list-alphabet button.active {
    border-color: transparent;
    background-color: var(--background-light-blue);
}

.post-slide-grid-5 .post-image {
    height: 170px !important;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.topics-sort {
    top: 5px;
    right: 0;
    width: 90px;
    padding: 12px 10px;
    border: 1px solid var(--90-gray);
    border-radius: 4px;
    margin-bottom: 0;
}

.block-table-content .sub-menu li {
    padding: 5px 0;
    margin-bottom: 0;
}

.block-table-content .sub-menu {
    position: unset;
    opacity: 1;
    visibility: visible;
    transform: unset;
    width: auto;
    padding-left: 0;
    /* margin-left: 20px; */
}

.block-table-content .sub-menu li a {
    font-weight: normal;
}

.max-h-100 {
    max-height: 100%;
}

.sorting-dropdown {
    top: 0;
    right: 0;
    width: 70px;
}

.conference-sorting.sorting-dropdown {
    width: 170px;
}

.border-light-blue {
    border-color: #004E80
}

.sorting-dropdown .options-to-select {
    position: absolute;
    top: 50px;
    background: inherit;
    z-index: 10;
    left: 0;
}

.sorting-dropdown .options-to-select .single-option:first-child {
    border-bottom: 1px solid #004E80;
}

.sorting-dropdown .options-to-select .single-option {
    transition: background 0.3s linear;
}

.sorting-dropdown .options-to-select .single-option:hover {
    background-color: var(--background-light-blue);
    color: var(--90-brand)
}

.sorting-dropdown .display-value {
    position: relative;
}

.display-value:before {
    position: absolute;
    top: 4px;
    right: 0;
    width: 20px;
    height: 20px;
    z-index: 10;
    display: block;
    content: '';
    background-image: url(./images/arrow-down.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.2s linear;
}

.display-value.showed:before {
    transform: rotate(180deg);
}

.dark-mode .display-value:before {
    background-image: url(./images/arrow-down-white.svg);
}

.h-100vh {
    height: 100vh;
}

.h-100vh.logged-in {
    max-height: calc(100vh - 32px);
}

.bg-light-blue-58 {
    position: relative;
}

.bg-light-blue-58:before {
    position: fixed;
    content: '';
    width: 42vw;
    height: 100%;
    background-color: var(--background-light-blue);
    left: 58%;
    top: 0;
}

#login-register-password {
    max-width: 460px;
}

#login-register-password ul.tabs_login {
    display: inline-block;
    list-style: none;
    margin: 0;
    height: 48px;
    width: 100%;
}

#login-register-password ul.tabs_login li {
    display: inline-block;
    width: calc(50%);
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    color: var(--90-brand);
    float: left;
}

#login-register-password ul.tabs_login li.active_login {
    background-color: #F2F5F7;
}

#login-register-password ul.tabs_login li a {
    color: var(--90-brand);
    width: calc(100% - 48px);
    padding: 12px 24px;
    display: block;
    text-align: center;
}

#login-register-password .tab_container_login input:not([type='checkbox']) {
    width: calc(100% - 48px) !important;
    padding: 12px 24px;
    font-size: 16px;
    margin-bottom: 10px;
}

#login-register-password .tab_container_login label {
    font-size: 13px;
    width: 100%;
}

#login-register-password .tab_container_login input:disabled,
#login-register-password .tab_container_login .user-submit:disabled {
    background-color: #DCE3E8;
    color: #9FB1BD !important;
}

.text-red {
    color: #FF0000;
}

#resend-reset-code-email,
#resend-active-email {
    position: absolute;
    right: 15px;
    bottom: 20px;
    padding: 4px 12px;
    border: 1px solid var(--90-brand);
    background-color: var(--90-brand);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    border-radius: 2px;
}

.toggle-password {
    height: 24px;
    width: 24px;
    background-color: transparent;
    border: 0;
    background-image: url(./images/hide-pass.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 20px;
    right: 15px;
    cursor: pointer;
}

.toggle-password.active {
    background-image: url(./images/show-pass.png);
}

.dropdown-menu {
    position: absolute;
    right: 0px;
    background: var(--background-light-blue);
    top: 60px;
    padding: 12px 24px;
    border-radius: 3px;
    display: none;
    box-shadow: 0 0 10px;
}

.dropdown-menu.active {
    display: block;
}

.dark-mode .dark\:color-white {
    color: #fff;
}

.circle {
    border-radius: 50%;
    width: 44px;
    height: 44px;
}

.author-item-user-info {
    width: calc(100% - 56px);
}

.block-dropdown-menu .dropdown-title {
    width: calc(100% - 55px);
    position: relative;
}

.block-dropdown-menu * {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.block-dropdown-menu .dropdown-title.active:before {
    transform: rotate(180deg);
    transition: rotate 0.3s linear;
}

.block-dropdown-menu .dropdown-title:not(.dropdown-menu-icon):before {
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(./images/arrow-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 20px;
    top: 35%;
}

.block-dropdown-menu .dropdown-menu-item {
    width: calc(100% - 32px);
}

.block-dropdown-menu .dropdown-content {
    top: 80px;
    transition: all 0.3s linear;
}

.object-fit-contain {
    object-fit: contain;
}

.wp-block-image figure.aligncenter,
.wp-block-image figure.aligncenter.size-full a img {
    width: 100%;
}

.pagination-menu-authors ul.page-numbers {
    display: flex;
    list-style: none;
    margin-left: 0;
    gap: 24px;
    justify-content: center;
}

.pagination-menu-authors li a,
.pagination-menu-authors li span {
    padding: 12px 16px;
    border-radius: 4px;
    background-color: #F2F5F7;
    color: var(--90-brand);
    font-size: 14px;
    font-weight: 600;
}

.pagination-menu-authors li span.current {
    background-color: var(--background-light-blue);
}

.hbspt-form>iframe {
    background-color: var(--background-light-blue);
    padding: 32px;
    border-radius: 6px;
    max-width: calc(100% - 64px) !important;
}

.wp-block-separator {
    border: 0.5px solid !important;
}

.currency-after:after {
    content: attr(data-currency);
    margin-left: 10px;
}

.currency-before:before {
    content: attr(data-currency);
    margin-right: 10px;
}

.globe-icon {
    width: 24px;
    height: 24px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

#mega-menu-wrap-main_navigation {
    float: left !important;
    margin-right: 20px !important;
}

.dropdown-menu-icon.dropdown-title.active:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    background: var(--90-brand);
    top: 49px;
    left: -8px;
}

.wp-block-image .aligncenter {
    text-align: center;
}

.wp-block-image .alignleft {
    text-align: left;
}

.wp-block-image .alignright {
    text-align: right;
}

.lazybg,
.lazybg:before {
    background-image: none !important
}
.filter    .partners .partner-logo img {
    max-width: 100% !important;
    object-fit: contain !important;
    height: 100px !important;
    width: auto !important;
    /* position: absolute; */
     left: 0% !important; 
    top: 0;
}
.filter   .partners .partner-logo {
    /* border-radius: 50%; */
    display: inline-block;
    float: left;
    margin-right: 8px;
    width: 100px !important;
    height: 100px !important;
    position: relative;
    border: 1px solid #DCE3E8;
}
.partners span.filter-tag{
line-height: 100px !important;
}

}