@font-face {
    font-family: 'Futura', Arial, sans-serif;
    src: url("./futurah.ttf") format("truetype")
}

@font-face {
    font-family: "Segoe UI", Arial, sans-serif;
    src: url("./segoeui.ttf") format("truetype")
}

body {
    overflow: hidden;
    font-weight: 300 !important
}



hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}



body {
    font: 13px/1.231 sans-serif;
    /* font-size: small */
}

nav ul,
nav li {
    margin: 0;
    list-style: none;
    list-style-image: none
}

small {
    font-size: 85%
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font: inherit;
    vertical-align: baseline;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 400;
}

html,
body {
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch
}

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

blockquote,
q {
    quotes: none
}

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

ins {
    color: #364352;
    text-decoration: none;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

input,
select {
    vertical-align: middle
}

select,
input,
textarea,
button {
    /* font: 99% sans-serif */
}

pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif
}

:disabled {
    cursor: not-allowed
}

a:hover,
a:active {
    outline: none
}
b,
strong,
th {
    font-weight: 700
}

td {
    vertical-align: top
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px
}

textarea {
    overflow: auto
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: middle
}

label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0;
    box-shadow: none;
    border-radius: 0
}

button {
    padding: 0
}

button,
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    background-image: none
}

button {
    width: auto;
    overflow: visible
}

select,
input,
textarea {
    color: #444
}

.row,
.clearfix {
    clear: both
}

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

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

.row .row {
    margin-left: -15px;
    margin-right: -15px
}

.grid-1-1,
.grid-1-2,
.grid-1-3 {
    position: relative;
    padding: 0;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 15px
}

.grid-1-1 {
    width: 100%
}

.grid-1-2 {
    width: 50%
}

.grid-1-3 {
    width: 33.33333333%
}

.hidden {
    display: none;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

img.lazy,
.loading {
    background: url(../wpv_theme/assets/images/loader.gif) center center no-repeat;
    background-image: url(../wpv_theme/assets/images/loader.gif), url(../wpv_theme/assets/images/loader_bg.png);
    background-position: center center, center center;
    background-color: #fff
}

img.loaded,
img.lazy.no-animation,
.loading.no-animation {
    background-image: none
}

.boxed .boxed-layout {
    width: 1140px;
    max-width: 1140px
}

.vamtam-cubeportfolio.cbp-slider-edge.vamtam-cube-narrow .cbp-nav {
    display: none
}

.vamtam-cubeportfolio.cbp-slider-edge.vamtam-cube-narrow .cbp-wrapper {
    position: relative;
    margin: auto
}

.vamtam-cubeportfolio.cbp-slider-edge .cbp-nav-next,
.vamtam-cubeportfolio.cbp-slider-edge .cbp-nav-prev {
    display: block;
    margin-top: -26px;
    border-radius: 0;
    top: 50%;
    transition: all .3s;
    opacity: .8;
    text-align: center
}

.vamtam-cubeportfolio.cbp-slider-edge .cbp-nav-next:hover,
.vamtam-cubeportfolio.cbp-slider-edge .cbp-nav-prev:hover {
    opacity: 1
}

.vamtam-cubeportfolio.cbp-slider-edge .cbp-nav-next:after,
.vamtam-cubeportfolio.cbp-slider-edge .cbp-nav-prev:after {
    display: block;
    font: 25px/25px theme;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 10px;
    background: #364352;
    color: #ededed;
    box-sizing: content-box
}

.vamtam-cubeportfolio.cbp-slider-edge .cbp-nav-prev {
    right: auto;
    left: 20px
}

.vamtam-cubeportfolio.cbp-slider-edge .cbp-nav-prev:after {
    font-family: theme;
    content: "\e607"
}

.vamtam-cubeportfolio.cbp-slider-edge .cbp-nav-next {
    right: 20px
}

.vamtam-cubeportfolio.cbp-slider-edge .cbp-nav-next:after {
    font-family: theme;
    content: "\e606"
}

.vamtam-cubeportfolio .cbp-slider-inline .cbp-slider-prev,
.vamtam-cubeportfolio .cbp-slider-inline .cbp-slider-next {
    width: 32px;
    height: 32px;
    text-align: center;
    transition: all .3s;
    color: #fff;
    background: 0 0
}

.vamtam-cubeportfolio .cbp-slider-inline .cbp-slider-prev:after,
.vamtam-cubeportfolio .cbp-slider-inline .cbp-slider-next:after {
    font-size: 32px;
    line-height: 32px;
    width: 32px;
    height: 32px;
    font-style: normal;
    background: 0 0;
    font-family: theme
}

.vamtam-cubeportfolio .cbp-slider-inline .cbp-slider-prev:hover,
.vamtam-cubeportfolio .cbp-slider-inline .cbp-slider-next:hover {
    opacity: 1;
    color: #f0542d
}

.vamtam-cubeportfolio .cbp-slider-inline .cbp-slider-prev:after {
    content: "\e607"
}

.vamtam-cubeportfolio .cbp-slider-inline .cbp-slider-next:after {
    content: "\e606"
}

html,
body,
th,
td,
p {
    color: #000000
}

*,
p,
.main-container {
    font: normal 14px/20px "Segoe UI", Arial, sans-serif;
}

.page-header .desc,
.page-header .desc a,
em {
    font: italic 14px/18px "Segoe UI", Arial, sans-serif;
    ;
    color: #898989
}

h1,
h1 a,
h1 a:visited {
    color: #4a4f55
}

h1,
h1 a {
    font: bold 36px/42px "Segoe UI", Arial, sans-serif;
}
footer.main-footer h1 a {
    font: bold 36px/42px "Segoe UI", Arial, sans-serif;
}

h1 em {
    font: italic 36px/42px "Segoe UI", Arial, sans-serif;
    ;
    color: #4a4f55
}

h2,
h2 a,
h2 a:visited {
    color: #364352
}

h2,
h2 a {
    font: normal 2rem/30px "Segoe UI", Arial, sans-serif;
}
footer.main-footer h2 a {
    font: 800 26px/30px "Segoe UI", Arial, sans-serif;
}

h2 em {
    font: italic 26px/30px "Segoe UI", Arial, sans-serif;
    ;
    color: #364352
}

h3,
h3 a,
h3 a:visited {
    color: #4a4f55
}

h3,
h3 a {
    font: normal 24px/30px "Segoe UI", Arial, sans-serif;
}

footer.main-footer h3 a {
    font: normal 24px/30px "Segoe UI", Arial, sans-serif;
}

h3 em {
    font: italic 24px/30px "Segoe UI", Arial, sans-serif;
    ;
    color: #4a4f55
}

h4,
h4 a,
h4 a:visited {
    color: #4a4f55
}

h4,
h4 a {
    font: 400 20px/26px "Segoe UI", Arial, sans-serif;
}

footer.main-footer h4 a {
    font: 300 20px/26px "Segoe UI", Arial, sans-serif;
}

h4 em {
    font: italic 20px/26px "Segoe UI", Arial, sans-serif;
    ;
    color: #4a4f55
}

h5,
h5 a,
h5 a:visited {
    color: #242323
}

h5,
h5 a {
    /* 600 */
    font: normal 12px/14px "Segoe UI", Arial, sans-serif;
}

footer.main-footer h5 a {
    font: 600 12px/14px "Segoe UI", Arial, sans-serif;
}

h5 em {
    font: italic 12px/14px "Segoe UI", Arial, sans-serif;
    ;
    color: #242323
}

h6,
h6 a,
h6 a:visited {
    color: #6a6a6a
}

h6,
h6 a {
    font: bold 10px/11px "Arial"
}

footer.main-footer h6 a {
    font: bold 10px/11px "Arial"
}

h6 em {
    font: italic 10px/11px "Segoe UI", Arial, sans-serif;
    ;
    color: #6a6a6a
}

small {
    color: #e2e2e2;
    font-size: 11px !important
}

a {
    text-decoration: none;
    color: #f0542d;
    transition: color .3s
}

a .icon.shortcode.use-hover {
    transition: all .3s ease
}

a:hover {
    text-decoration: none;
    color: #5c6268
}

a:hover .icon.shortcode.use-hover {
    color: #364352;
}

p {
    margin: 1em 0;
}

p:empty {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: .6em;
    margin-bottom: .6em
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }

    10% {
        transform: skewX(-8deg)
    }

    20% {
        transform: skewX(7deg)
    }

    30% {
        transform: skewX(-6deg)
    }

    40% {
        transform: skewX(5deg)
    }

    50% {
        transform: skewX(-4deg)
    }

    60% {
        transform: skewX(3deg)
    }

    70% {
        transform: skewX(-2deg)
    }

    80% {
        transform: skewX(1deg)
    }

    90% {
        transform: skewX(0deg)
    }

    100% {
        transform: skewX(0deg)
    }
}

.animated {
    -webkit-animation-fill-mode: both;
    animation-timing-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

.animated.wiggle {
    -webkit-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animated.dialog-message {
    animation-iteration-count: 1
}

.button,
.tb-button,
input[type="button"],
input[type="submit"] {
    font-size: 1em;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
    vertical-align: middle;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.15em;
    border-widht: 2px;
    padding: 0;
    text-align: center !important;
    background: #f0542d;
    color: #fff;
    padding: .8em 1.6em
}

.button,
.button span,
.tb-button,
.tb-button span,
input[type="button"],
input[type="button"] span,
input[type="submit"],
input[type="submit"] span {
    transition: color .3s ease, border .3s ease, background .3s ease
}

.button span,
.tb-button span,
input[type="button"] span,
input[type="submit"] span {
    display: inline-block;
    font-size: 1em;
    line-height: inherit;
    padding: .3em .4em;
    margin: 0;
    vertical-align: baseline
}

.button span.icon,
.tb-button span.icon,
input[type="button"] span.icon,
input[type="submit"] span.icon {
    font-size: 100%;
    vertical-align: bottom !important
}

.button span.icon.shortcode.inverted-colors,
.tb-button span.icon.shortcode.inverted-colors,
input[type="button"] span.icon.shortcode.inverted-colors,
input[type="submit"] span.icon.shortcode.inverted-colors {
    font-size: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(255, 255, 255, .2);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.button span.icon:first-child,
.button span.icon:last-child,
.tb-button span.icon:first-child,
.tb-button span.icon:last-child,
input[type="button"] span.icon:first-child,
input[type="button"] span.icon:last-child,
input[type="submit"] span.icon:first-child,
input[type="submit"] span.icon:last-child {
    vertical-align: top;
    background: 0 0
}

.button span.icon:first-child,
.tb-button span.icon:first-child,
input[type="button"] span.icon:first-child,
input[type="submit"] span.icon:first-child {
    padding: .5em 0 .5em .8em !important
}

.button span.icon:last-child,
.tb-button span.icon:last-child,
input[type="button"] span.icon:last-child,
input[type="submit"] span.icon:last-child {
    padding: .5em .8em .5em 0 !important
}

.button span.btext,
.tb-button span.btext,
input[type="button"] span.btext,
input[type="submit"] span.btext {
    position: relative;
    font-weight: 500;
    vertical-align: middle;
    padding: .7em 1.2em;
    letter-spacing: 1px
}

.button:hover,
.button:hover span,
.tb-button:hover,
.tb-button:hover span,
input[type="button"]:hover,
input[type="button"]:hover span,
input[type="submit"]:hover,
input[type="submit"]:hover span {
    text-decoration: none
}

.button span,
.tb-button span,
input[type="button"] span,
input[type="submit"] span {
    color: #fff
}

.button:hover,
.button:focus,
.button:active,
.tb-button:hover,
.tb-button:focus,
.tb-button:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type=button]:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active {
    background: #7c8a8d
}

.button:hover,
.button:hover span,
.button:focus,
.button:focus span,
.button:active,
.button:active span,
.tb-button:hover,
.tb-button:hover span,
.tb-button:focus,
.tb-button:focus span,
.tb-button:active,
.tb-button:active span,
input[type=button]:hover,
input[type=button]:hover span,
input[type=button]:focus,
input[type=button]:focus span,
input[type=button]:active,
input[type=button]:active span,
input[type=submit]:hover,
input[type=submit]:hover span,
input[type=submit]:focus,
input[type=submit]:focus span,
input[type=submit]:active,
input[type=submit]:active span {
    color: #fff
}

.button,
.button.accent1,
.tb-button {
    font-size: 1em;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
    vertical-align: middle;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.15em;
    padding: 0;
    text-align: center !important
}

.button,
.button span,
.button.accent1,
.button.accent1 span,
.tb-button,
.tb-button span,
.tb-button.accent1,
.tb-button.accent1 span {
    transition: color .3s ease, border .3s ease, background .3s ease
}

.button span,
.button.accent1 span,
.tb-button span,
.tb-button.accent1 span {
    display: inline-block;
    font-size: 1em;
    line-height: inherit;
    padding: .3em .4em;
    margin: 0;
    vertical-align: baseline
}

.button span.icon,
.button.accent1 span.icon,
.tb-button span.icon,
.tb-button.accent1 span.icon {
    font-size: 100%;
    vertical-align: bottom !important
}

.button span.icon.shortcode.inverted-colors,
.button.accent1 span.icon.shortcode.inverted-colors,
.tb-button span.icon.shortcode.inverted-colors,
.tb-button.accent1 span.icon.shortcode.inverted-colors {
    font-size: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(255, 255, 255, .2);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.button span.icon:first-child,
.button span.icon:last-child,
.button.accent1 span.icon:first-child,
.button.accent1 span.icon:last-child,
.tb-button span.icon:first-child,
.tb-button span.icon:last-child,
.tb-button.accent1 span.icon:first-child,
.tb-button.accent1 span.icon:last-child {
    vertical-align: top;
    background: 0 0
}

.button span.icon:first-child,
.button.accent1 span.icon:first-child,
.tb-button span.icon:first-child,
.tb-button.accent1 span.icon:first-child {
    padding: .5em 0 .5em .8em !important
}

.button span.icon:last-child,
.button.accent1 span.icon:last-child,
.tb-button span.icon:last-child,
.tb-button.accent1 span.icon:last-child {
    padding: .5em .8em .5em 0 !important
}

.button span.btext,
.button.accent1 span.btext,
.tb-button span.btext,
.tb-button.accent1 span.btext {
    position: relative;
    font-weight: 500;
    vertical-align: middle;
    padding: .7em 1.2em;
    letter-spacing: 1px
}

.button:hover,
.button:hover span,
.button.accent1:hover,
.button.accent1:hover span,
.tb-button:hover,
.tb-button:hover span,
.tb-button.accent1:hover,
.tb-button.accent1:hover span {
    text-decoration: none
}

.button.button-border,
.button.accent1.button-border,
.tb-button.button-border,
.tb-button.accent1.button-border {
    background: 0 0;
    box-shadow: none;
    font-style: normal;
    overflow: hidden
}

.button.button-border:hover span.btext,
.button.accent1.button-border:hover span.btext,
.tb-button.button-border:hover span.btext,
.tb-button.accent1.button-border:hover span.btext {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.button.button-border:hover span.btext:before,
.button.accent1.button-border:hover span.btext:before,
.tb-button.button-border:hover span.btext:before,
.tb-button.accent1.button-border:hover span.btext:before {
    position: absolute;
    content: attr(data-text);
    font-weight: 700;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: .8em;
    line-height: 1.2em
}

.button.button-border span.btext,
.button.accent1.button-border span.btext,
.tb-button.button-border span.btext,
.tb-button.accent1.button-border span.btext {
    padding: .8em 2em !important;
    font-weight: 600 !important;
    line-height: 1.2em
}


.button.accent1,
.tb-button.accent1 {
    background: #f0542d;
    color: #fff
}

.button.accent1 span,
.tb-button.accent1 span {
    color: #fff
}

.button.accent1.button-border,
.tb-button.accent1.button-border {
    border: 2px solid #f0542d
}

.button.accent1.button-border:hover span,
.button.accent1.button-border span,
.tb-button.accent1.button-border:hover span,
.tb-button.accent1.button-border span {
    color: #f0542d !important
}


.button,
.tb-button {
    background: #364352;
    color: #f5f6f8
}

.button span,
.tb-button span {
    color: #f5f6f8
}

.button.button-border,
.tb-button.button-border {
    border: 2px solid #364352
}

.button.button-border:hover span,
.button.button-border span,
.tb-button.button-border:hover span,
.tb-button.button-border span {
    color: #364352 !important
}

.button:hover,
.button:focus,
.button:active,
.button.hover-accent1:hover,
.button.hover-accent1:focus,
.button.hover-accent1:active,
.tb-button:hover,
.tb-button:focus,
.tb-button:active,
.tb-button.hover-accent1:hover,
.tb-button.hover-accent1:focus,
.tb-button.hover-accent1:active {
    background: #f0542d
}

.button:hover,
.button:hover span,
.button:focus,
.button:focus span,
.button:active,
.button:active span,
.button.hover-accent1:hover,
.button.hover-accent1:hover span,
.button.hover-accent1:focus,
.button.hover-accent1:focus span,
.button.hover-accent1:active,
.button.hover-accent1:active span,
.tb-button:hover,
.tb-button:hover span,
.tb-button:focus,
.tb-button:focus span,
.tb-button:active,
.tb-button:active span,
.tb-button.hover-accent1:hover,
.tb-button.hover-accent1:hover span,
.tb-button.hover-accent1:focus,
.tb-button.hover-accent1:focus span,
.tb-button.hover-accent1:active,
.tb-button.hover-accent1:active span {
    color: #fff
}

.button.button-border:after,
.button.hover-accent1.button-border:after,
.tb-button.button-border:after,
.tb-button.hover-accent1.button-border:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    background: #f0542d;
    transition: all .3s
}

.button.button-border:hover:after,
.button.hover-accent1.button-border:hover:after,
.tb-button.button-border:hover:after,
.tb-button.hover-accent1.button-border:hover:after {
    height: 100%
}

.button.button-border:hover,
.button.button-border:hover span,
.button.hover-accent1.button-border:hover,
.button.hover-accent1.button-border:hover span,
.tb-button.button-border:hover,
.tb-button.button-border:hover span,
.tb-button.hover-accent1.button-border:hover,
.tb-button.hover-accent1.button-border:hover span {
    border-color: #f0542d
}

.button.button-border:hover,
.button.button-border:focus,
.button.hover-accent1.button-border:hover,
.button.hover-accent1.button-border:focus,
.tb-button.button-border:hover,
.tb-button.button-border:focus,
.tb-button.hover-accent1.button-border:hover,
.tb-button.hover-accent1.button-border:focus {
    background: 0 0
}

.button.button-border:hover span,
.button.button-border:focus span,
.button.hover-accent1.button-border:hover span,
.button.hover-accent1.button-border:focus span,
.tb-button.button-border:hover span,
.tb-button.button-border:focus span,
.tb-button.hover-accent1.button-border:hover span,
.tb-button.hover-accent1.button-border:focus span {
    color: #f0542d
}

.button.button-border:hover span.btext:before,
.button.button-border:focus span.btext:before,
.button.hover-accent1.button-border:hover span.btext:before,
.button.hover-accent1.button-border:focus span.btext:before,
.tb-button.button-border:hover span.btext:before,
.tb-button.button-border:focus span.btext:before,
.tb-button.hover-accent1.button-border:hover span.btext:before,
.tb-button.hover-accent1.button-border:focus span.btext:before {
    color: #fff;
    background: #f0542d
}

.button.button-border:hover span.icon,
.button.button-border:focus span.icon,
.button.hover-accent1.button-border:hover span.icon,
.button.hover-accent1.button-border:focus span.icon,
.tb-button.button-border:hover span.icon,
.tb-button.button-border:focus span.icon,
.tb-button.hover-accent1.button-border:hover span.icon,
.tb-button.hover-accent1.button-border:focus span.icon {
    color: #fff !important
}

.button,
a.button,
.tb-button {
    font-size: 1em;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
    vertical-align: middle;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.15em;
    padding: 0;
    text-align: center !important
}

.button,
.button span,
a.button,
a.button span,
.tb-button,
.tb-button span {
    transition: color .3s ease, border .3s ease, background .3s ease
}

.button span,
a.button span,
.tb-button span {
    display: inline-block;
    font-size: 1em;
    line-height: inherit;
    padding: .3em .4em;
    margin: 0;
    vertical-align: baseline
}

.button span.icon,
a.button span.icon,
.tb-button span.icon {
    font-size: 100%;
    vertical-align: bottom !important
}

.button span.icon.shortcode.inverted-colors,
a.button span.icon.shortcode.inverted-colors,
.tb-button span.icon.shortcode.inverted-colors {
    font-size: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset, 0 1px 1px rgba(255, 255, 255, .2);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.button span.icon:first-child,
.button span.icon:last-child,
a.button span.icon:first-child,
a.button span.icon:last-child,
.tb-button span.icon:first-child,
.tb-button span.icon:last-child {
    vertical-align: top;
    background: 0 0
}

.button span.icon:first-child,
a.button span.icon:first-child,
.tb-button span.icon:first-child {
    padding: .5em 0 .5em .8em !important
}

.button span.icon:last-child,
a.button span.icon:last-child,
.tb-button span.icon:last-child {
    padding: .5em .8em .5em 0 !important
}

.button span.btext,
a.button span.btext,
.tb-button span.btext {
    position: relative;
    font-weight: 500;
    vertical-align: middle;
    padding: .7em 1.2em;
    letter-spacing: 1px
}

.button:hover,
.button:hover span,
a.button:hover,
a.button:hover span,
.tb-button:hover,
.tb-button:hover span {
    text-decoration: none
}

.button.full,
a.button.full,
.tb-button.full {
    width: auto;
    float: none;
    display: block
}

.fixed-header-box {
    position: fixed;
    z-index: 10;
    margin: 0 auto;
    max-width: 1140px;
    transition: box-shadow .3s ease, background-color .3s ease, transform .3s ease-out;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .04);
    will-change: transform;
    width: 100%;
}

body.full .fixed-header-box {
    max-width: none
}


body.sticky-header-type-over.sticky-header.wpv-not-scrolled .fixed-header-box {
    box-shadow: none
}

.fixed-header-box .logo-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.fixed-header-box .logo-wrapper .logo {
    text-decoration: none !important;
    line-height: 1;
    display: block;
    position: relative
}

.fixed-header-box .logo-wrapper .logo img {
    clear: both;
    padding: 0;
    border: 0 !important;
    vertical-align: bottom
}

.fixed-header-box .logo-wrapper .logo.text-logo {
    font: 600 20px/40px "Segoe UI", Arial, sans-serif;
    ;
    line-height: 30px
}

.fixed-header-box .logo-wrapper .logo.text-logo,
.fixed-header-box .logo-wrapper .logo.text-logo:hover {
    color: #f0542d
}

.header-content-wrapper {
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: scroll;
    background-color: #fff;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    margin-top: 0;
    transition: background .3s ease
}

.normal-logo {
    width: 100%;
}

.logo {
    width: 270px;
}

.mobile-only {
    display: none;
}

[hover-tooltip] {
    position: relative;
    cursor: default;
}

[hover-tooltip]:hover::before {
    content: attr(hover-tooltip);
    font-size: 14px;
    text-align: center;
    position: absolute;
    display: block;
    left: 50%;
    min-width: 150px;
    max-width: 200px;
    bottom: calc(100% + 10px);
    transform: translate(-50%);
    animation: fade-in 300ms ease;
    background: #272727;
    border-radius: 4px;
    padding: 10px;
    color: #ffffff;
    z-index: 1;
}

[hover-tooltip]:hover::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    width: 0;
    height: 0;
    bottom: calc(100% + 6px);
    margin-left: -3px;
    border: 1px solid black;
    border-color: #272727 transparent transparent transparent;
    border-width: 4px 6px 0;
    animation: fade-in 300ms ease;
    z-index: 1;
}

[hover-tooltip][tooltip-position=bottom]:hover::before {
    bottom: auto;
    top: calc(100% + 10px);
}

[hover-tooltip][tooltip-position=bottom]:hover::after {
    bottom: auto;
    top: calc(100% + 6px);
    border-color: transparent transparent #272727;
    border-width: 0 6px 4px;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
}*/
body.sticky-header-type-over.sticky-header.wpv-not-scrolled .header-content-wrapper {
    background-color: transparent
}


header.main-header {
    transition: background .3s ease;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

header.main-header .header-padding {
    /* padding: 0 60px; */
    padding: 0;
    box-sizing: border-box
}

header.main-header .header-padding.limit-wrapper {
    max-width: 1260px
}

body.sticky-header-type-over.sticky-header.wpv-not-scrolled header.main-header .first-row .normal-logo {
    opacity: 0
}


header.main-header .second-row .second-row-columns {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: table;
    width: 100%
}

header.main-header .header-left {
    display: table-cell;
    padding: 0;
    min-width: 160px;
    vertical-align: middle;
    white-space: nowrap
}

header.main-header .header-center {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    filter: none;
    padding: 0;
    vertical-align: bottom
}

header.main-header .header-center:after {
    display: block;
    clear: both;
    content: ""
}

header.main-header .header-center #megaMenu #megaMenuToggle {
    position: relative;
    padding-right: 30px
}

header.main-header .header-center #megaMenu #megaMenuToggle .megaMenuToggle-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: 4px
}

header.main-header .header-right {
    position: relative;
    display: table-cell;
    padding: 0;
    vertical-align: middle;
    text-align: right
}


header.main-header button.header-search {
    border: 0;
    background: 0 0;
    color: #d8d8d8;
    font-size: 20px
}

body.sticky-header-type-over.sticky-header.wpv-not-scrolled header.main-header button.header-search {
    color: #fff
}

header.main-header button.header-search:active {
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    transform: translate(0, 3px)
}

header.main-header button.header-search:hover {
    color: #f0542d
}

header.main-header .search-wrapper:not(:last-child) {
    padding-right: 10px
}

body.wpv-not-scrolled:not(.sticky-header-type-over) header.main-header {
    border: 0
}

header.main-header.layout-standard .logo {
    height: auto;
    display: inline-block
}

header.main-header.layout-standard .first-row.header-padding {
    box-sizing: border-box
}

header.main-header.layout-standard .header-center:not(:first-child):last-child {
    padding-right: 160px
}

header.main-header.layout-logo-text-menu .first-row>.first-row-wrapper {
    height: 91px
}

header.main-header.layout-logo-text-menu .first-row .first-row-right-inner {
    display: table;
    width: 100%
}

header.main-header.layout-logo-text-menu .first-row .first-row-left,
header.main-header.layout-logo-text-menu .first-row .first-row-right {
    display: table-cell;
    vertical-align: middle
}

header.main-header.layout-logo-text-menu .first-row .first-row-left,
header.main-header.layout-logo-text-menu .first-row .first-row-right {
    height: 91px
}

header.main-header.layout-logo-text-menu .first-row .first-row-right {
    width: 100%;
    text-align: right
}

header.main-header.layout-logo-text-menu .second-row #main-menu .menu {
    text-align: left
}

header.main-header.layout-logo-text-menu .second-row .header-center {
    padding-right: 0;
    padding-left: 0
}

header.main-header.layout-logo-text-menu .second-row .search-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.header-middle {
    position: relative;
    z-index: 10;
    margin-bottom: 0
}

.header-middle>h4 {
    padding: 20px 0 0
}

body.boxed .header-middle>.limit-wrapper>.row,
body.boxed .header-middle>.row {
    margin: 0
}

#menus {
    position: relative;
    z-index: 210;
    min-height: 31px
}

#main-menu .menu {
    position: relative;
    min-height: 31px;
    font-size: 0
}

#main-menu .menu .menu-item {
    position: relative;
    list-style: none;
    cursor: pointer
}

#main-menu .menu .menu-item:hover>.sub-menu-wrapper>.sub-menu {
    display: block;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
    border-radius: 0
}

#main-menu .menu .menu-item a {
    display: block;
    text-decoration: none;
    padding: .3em .6em;
    transition: color .4s
}

#main-menu .menu .menu-item a strong {
    font-weight: 400
}

#main-menu .menu .menu-item.home>a {
    width: 16px;
    text-align: left;
    text-indent: -6000px;
    position: relative
}

#main-menu .menu .menu-item.home>a:before {
    position: absolute;
    top: 4px;
    left: 5px;
    z-index: 5;
    width: 16px;
    height: 16px;
    content: "\e003";
    text-indent: 0 !important;
    font-size: 16px;
    font-family: icomoon
}

#main-menu .menu .sub-menu {
    position: absolute;
    top: 0;
    z-index: 200;
    display: none;
    margin: 0 auto auto 0;
    /* width: 190px; */
    width: 225px;
    text-align: left;
    background: #fff;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#main-menu .menu .sub-menu.invert-position {
    left: auto;
    right: 0
}

#main-menu .menu .sub-menu .menu-item {
    padding: 0;
    transition: all .4s
}

#main-menu .menu .sub-menu .menu-item>a {
    padding: 13px;
    color: #000;
    font: 600 Ubuntu 11px;
    text-transform: none;
    transition: all .3s;
    border: none
}

#main-menu .menu .sub-menu .menu-item:last-child {
    padding-bottom: 0
}

#main-menu .menu .sub-menu .menu-item.current-menu-parent,
#main-menu .menu .sub-menu .menu-item.current-menu-item,
#main-menu .menu .sub-menu .menu-item:hover {
    background: #f6f6f6;
    border-radius: 0
}

#main-menu .menu .sub-menu .menu-item.current-menu-parent>a,
#main-menu .menu .sub-menu .menu-item.current-menu-item>a,
#main-menu .menu .sub-menu .menu-item:hover>a {
    text-decoration: none;
    color: #f0542d;
    border-left-color: #f0542d;
    border-bottom-color: #ededed;
    padding: 13px
}

body.sticky-header-type-over.sticky-header.wpv-not-scrolled #main-menu .menu>.menu-item:not(.current-menu-parent):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-ancestor):not(:hover)>a,
body.sticky-header-type-over.sticky-header.wpv-not-scrolled #main-menu .menu>.menu-item:not(.current-menu-parent):not(.current-menu-item):not(.current-menu-ancestor):not(.current-menu-ancestor):not(:hover)>a:visited {
    color: #fff
}

#main-menu .menu>.menu-item {
    padding: 3px 15px 0;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    display: inline-block
}

#main-menu .menu>.menu-item>a,
#main-menu .menu>.menu-item>a:visited {
    color: #000;
    font: 400 13px/16px "Segoe UI", Arial, sans-serif;
    border-bottom: solid 3px transparent;
    padding: 1em 0;
    letter-spacing: .05em;
    transition-duration: .3s;
    transition-property: color, border-bottom-color
}

#main-menu .menu>.menu-item.current-menu-parent>a,
#main-menu .menu>.menu-item.current-menu-item>a,
#main-menu .menu>.menu-item:hover>a {
    background-color: transparent;
    color: #f0542d;
    text-decoration: none;
    border-bottom: solid 3px #262C6B;
    padding-bottom: 1em
}

#main-menu .menu>.menu-item:hover>.sub-menu-wrapper {
    padding-top: 14px;
    position: absolute;
    top: 100%;
    left: 10%;
    width: 100%;
    z-index: 10000
}

#main-menu .menu>.menu-item:hover>.sub-menu-wrapper>.sub-menu {
    top: 0
}

#main-menu .menu>.menu-item>.sub-menu-wrapper>.sub-menu {
    left: 0;
    margin: 0 auto auto 0;
    transition: all .3s
}

#main-menu .menu>.menu-item>.sub-menu-wrapper>.sub-menu .menu-item-has-children>a:after {
    position: absolute;
    top: 50%;
    top: calc(48%);
    right: 10px;
    line-height: 0;
    font-size: 12px
}

#main-menu .menu>.menu-item>.sub-menu-wrapper>.sub-menu .sub-menu {
    left: 100%;
    top: 0
}

#main-menu .menu>.menu-item>.sub-menu-wrapper>.sub-menu .sub-menu.invert-position {
    left: auto;
    right: 100%
}

#top-nav-wrapper {
    position: relative;
    z-index: 6666;
    background: #fff;
    border: none
}

.top-nav strong {
    font-size: inherit;
    font-weight: inherit;
    color: #fff;
    font-weight: 700
}

.top-nav {
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: scroll;
    /*background-color: #3B57A6;*/
    background-color: #262C6B;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    white-space: nowrap
}

.top-nav,
.top-nav p {
    color: #fff
}

.top-nav,
.top-nav p,
.top-nav div,
.top-nav li,
.top-nav a {
    font-size: 13px
}

.top-nav>.top-nav-inner>.row {
    padding: 7px 0
}

.top-nav>.top-nav-inner>.row>.row>div {
    vertical-align: top
}

.top-nav .grid-1-2 {
    min-height: 1px
}

.top-nav .grid-1-2:last-child {
    text-align: right
}

.top-nav .menu-wrapper {
    position: relative;
    height: 17px
}

.top-nav a {
    color: #d4d7d7
}

.top-nav a:hover {
    color: #fff
}

.top-nav a:hover .icon {
    color: #fff !important
}

.top-nav ul>li.current_page_item>a,
.top-nav ul>li.current-menu-item>a,
.top-nav ul>li.current-menu-parent>a {
    color: #fff
}

.top-nav .menu,
.top-nav .menu li {
    display: inline-block;
    margin: 0;
    padding: 0
}

.top-nav .menu {
    height: 20px;
    margin: 0 -15px
}

.top-nav .menu>li.menu-item-has-children a:first-child {
    position: relative
}

.top-nav .menu>li.menu-item-has-children:hover {
    height: 45px
}

.top-nav .menu>li.menu-item-has-children:hover>.sub-menu {
    display: block
}

.top-nav .menu>li>a {
    padding: 0 13px
}

.top-nav .menu>li a {
    font-size: 11px;
    line-height: 1.6em
}

.top-nav .menu li {
    position: relative
}

.top-nav .menu li .sub-menu {
    position: absolute;
    top: 30px;
    display: none;
    margin: 0 auto auto 0;
    width: 190px;
    text-align: left;
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .09);
    background: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.top-nav .menu li .sub-menu.invert-position {
    left: auto;
    right: 0
}

.top-nav .menu li .sub-menu .sub-menu.invert-position {
    right: 100%
}

.top-nav .menu li .sub-menu .menu-item {
    display: block
}

.top-nav .menu li .sub-menu .menu-item>a {
    display: block;
    padding: 11px 13px;
    color: #000;
    border-bottom: 1px solid #ededed
}

.top-nav .menu li .sub-menu .menu-item:last-child {
    padding-bottom: 0
}

.top-nav .menu li .sub-menu .menu-item.current-menu-parent,
.top-nav .menu li .sub-menu .menu-item.current-menu-item,
.top-nav .menu li .sub-menu .menu-item:hover {
    background: #f6f6f6;
    transition: all .4s;
    border-radius: 1px
}

.top-nav .menu li .sub-menu .menu-item.current-menu-parent>a,
.top-nav .menu li .sub-menu .menu-item.current-menu-item>a,
.top-nav .menu li .sub-menu .menu-item:hover>a {
    text-decoration: none;
    color: #f0542d;
    border-bottom-color: #f0542d;
    transition: all .4s
}

#top-nav-social>a {
    display: inline-block;
    width: 1.65em;
    height: 1.65em;
    text-align: center;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    font-size: 15px;
    margin: 0
}

#top-nav-social {
    letter-spacing: 1.5px;
}

#top-nav-social>a,
#top-nav-social>a .icon {
    line-height: 1.65em
}

#top-nav-social>a:hover {
    background: #fff;
    border-color: none
}

#top-nav-social>a:hover .icon.shortcode.use-hover {
    color: #f0542d !important
}

header.main-header .sub-menu {
    display: none
}

#mp-menu-trigger {
    display: none
}

::selection {
    color: #fff;
    background: #f0542d
}

html {
    background-repeat: repeat;
    background-position: center top;
    background-attachment: fixed;
    background-color: #ededed;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto
}

.wpv-main {
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-color: #fff;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto
}

.wpv-main.layout-left-right article,
.wpv-main.layout-left-only article,
.wpv-main.layout-right-only article {
    position: relative;
    float: left
}

.wpv-main.layout-left-right article>.page-content,
.wpv-main.layout-left-only article>.page-content,
.wpv-main.layout-right-only article>.page-content {
    position: relative;
    z-index: 1
}

.limit-wrapper {
    z-index: 555;
    display: block;
    float: none;
    margin: auto;
    min-width: 290px;
    min-height: 100%;
    max-width: 1140px;
    width: auto;
    -ms-zoom: 1
}

.limit-wrapper>div {
    position: relative
}

#page {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    min-width: 1140px;
    max-width: 1140px;
    width: auto;
    height: 100%
}

#page .full {
    max-width: 100%
}

body.responsive-layout #page {
    min-width: 290px
}

body.full #page {
    max-width: none;
    border: none;
    box-shadow: none
}

#page .boxed-layout {
    position: relative;
    z-index: 0;
    margin: auto;
    max-width: 1140px;
    width: 100%
}

#page .boxed-layout #main-content {
    position: relative
}

body.full #page {
    overflow: hidden;
    max-width: 100%
}

body.full #page .boxed-layout {
    max-width: 100%;
    margin-top: 100px;
}

.page-wrapper {
    position: relative
}

.no-header-sidebars.no-page-header .page-wrapper {
    padding-top: 60px
}

body.page-vertical-padding-none.no-header-sidebars.no-page-header .page-wrapper {
    padding-top: .035px
}


.page-wrapper>div,
.page-wrapper>article {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -1px;
    padding: 1px 0 45px
}


body.full .page-wrapper>div.left-only,
body.full .page-wrapper>div.left-right,
body.full .page-wrapper>article.left-only,
body.full .page-wrapper>article.left-right {
    padding-left: 60px
}

body.full .page-wrapper>div.right-only,
body.full .page-wrapper>div.left-right,
body.full .page-wrapper>article.right-only,
body.full .page-wrapper>article.left-right {
    padding-right: 60px
}

.page-wrapper>div.right-only,
.page-wrapper>article.right-only {
    width: 75%
}

.page-wrapper>div.left-only,
.page-wrapper>article.left-only {
    width: 75%
}

.page-wrapper>div.left-right,
.page-wrapper>article.left-right {
    width: 50%;
    background: #fff
}


.boxed-layout img {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    height: auto
}

.boxed-layout iframe,
.boxed-layout object,
.boxed-layout embed {
    display: block;
    max-width: 100%
}

code,
kbd,
pre,
samp {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    font-size: 14px;
    font-family: monospace, serif;
    -ms-hyphens: none
}

pre,
.wire-pad {
    position: relative;
    z-index: 1;
    margin-bottom: 8px;
    padding: 20px
}

pre {
    border: 1px solid #ededed;
    background: #fff;
    font-size: 14px;
    line-height: 1.5em
}

code {
    padding: 0
}

ul,
ol {
    margin: .4em 0 .4em 1.3em
}

ul li,
ol li {
    padding-bottom: 4px;
    padding-top: 4px
}

.form-input {
    position: relative;
    margin: 0;
    background: #ededed
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=email],
input[type=search],
input[type=date],
input[type=range],
input[type=number],
input[type=button],
input[type=tel],
textarea,
select {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px;
    width: 100%;
    position: relative;
    border: none;
    outline: none;
    border: solid 1px rgba(43, 47, 52, .1);
    margin: 0;
    box-shadow: none !important;
    font-size: 18px;
    border-radius: 0;
    margin-bottom: 15px;
    background: #fff;
    color: #2b2f34
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=range]:focus,
input[type=number]:focus,
input[type=button]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
    border: 1px solid #f0542d !important
}

input[type=text].invalid,
input[type=tel].invalid,
input[type=email].invalid,
input[type=password].invalid,
input[type=email].invalid,
input[type=search].invalid,
input[type=date].invalid,
input[type=range].invalid,
input[type=number].invalid,
input[type=button].invalid,
input[type=tel].invalid,
textarea.invalid,
select.invalid {
    border-color: #d94729
}

input[type=text]:-moz-ui-invalid,
input[type=tel]:-moz-ui-invalid,
input[type=email]:-moz-ui-invalid,
input[type=password]:-moz-ui-invalid,
input[type=email]:-moz-ui-invalid,
input[type=search]:-moz-ui-invalid,
input[type=date]:-moz-ui-invalid,
input[type=range]:-moz-ui-invalid,
input[type=number]:-moz-ui-invalid,
input[type=button]:-moz-ui-invalid,
input[type=tel]:-moz-ui-invalid,
textarea:-moz-ui-invalid,
select:-moz-ui-invalid {
    border-color: #d94729
}

.wpv-main input[type=text],
.wpv-main input[type=tel],
.wpv-main input[type=email],
.wpv-main input[type=password],
.wpv-main input[type=email],
.wpv-main input[type=search],
.wpv-main input[type=date],
.wpv-main input[type=range],
.wpv-main input[type=number],
.wpv-main input[type=button],
.wpv-main input[type=tel],
.wpv-main textarea,
.wpv-main select {
    background-color: #fff;
    color: gray
}

.wpv-main input[type=text]::-webkit-input-placeholder,
.wpv-main input[type=tel]::-webkit-input-placeholder,
.wpv-main input[type=email]::-webkit-input-placeholder,
.wpv-main input[type=password]::-webkit-input-placeholder,
.wpv-main input[type=email]::-webkit-input-placeholder,
.wpv-main input[type=search]::-webkit-input-placeholder,
.wpv-main input[type=date]::-webkit-input-placeholder,
.wpv-main input[type=range]::-webkit-input-placeholder,
.wpv-main input[type=number]::-webkit-input-placeholder,
.wpv-main input[type=button]::-webkit-input-placeholder,
.wpv-main input[type=tel]::-webkit-input-placeholder,
.wpv-main textarea::-webkit-input-placeholder,
.wpv-main select::-webkit-input-placeholder {
    color: #b3b3b3
}

.wpv-main input[type=text]:-ms-input-placeholder,
.wpv-main input[type=tel]:-ms-input-placeholder,
.wpv-main input[type=email]:-ms-input-placeholder,
.wpv-main input[type=password]:-ms-input-placeholder,
.wpv-main input[type=email]:-ms-input-placeholder,
.wpv-main input[type=search]:-ms-input-placeholder,
.wpv-main input[type=date]:-ms-input-placeholder,
.wpv-main input[type=range]:-ms-input-placeholder,
.wpv-main input[type=number]:-ms-input-placeholder,
.wpv-main input[type=button]:-ms-input-placeholder,
.wpv-main input[type=tel]:-ms-input-placeholder,
.wpv-main textarea:-ms-input-placeholder,
.wpv-main select:-ms-input-placeholder {
    color: #b3b3b3
}

.wpv-main input[type=text]::placeholder,
.wpv-main input[type=tel]::placeholder,
.wpv-main input[type=email]::placeholder,
.wpv-main input[type=password]::placeholder,
.wpv-main input[type=email]::placeholder,
.wpv-main input[type=search]::placeholder,
.wpv-main input[type=date]::placeholder,
.wpv-main input[type=range]::placeholder,
.wpv-main input[type=number]::placeholder,
.wpv-main input[type=button]::placeholder,
.wpv-main input[type=tel]::placeholder,
.wpv-main textarea::placeholder,
.wpv-main select::placeholder {
    color: #b3b3b3
}

.fixed-header-box input[type=text],
.fixed-header-box input[type=tel],
.fixed-header-box input[type=email],
.fixed-header-box input[type=password],
.fixed-header-box input[type=email],
.fixed-header-box input[type=search],
.fixed-header-box input[type=date],
.fixed-header-box input[type=range],
.fixed-header-box input[type=number],
.fixed-header-box input[type=button],
.fixed-header-box input[type=tel],
.fixed-header-box textarea,
.fixed-header-box select {
    background-color: #fff;
    color: gray
}

.fixed-header-box input[type=text]::-webkit-input-placeholder,
.fixed-header-box input[type=tel]::-webkit-input-placeholder,
.fixed-header-box input[type=email]::-webkit-input-placeholder,
.fixed-header-box input[type=password]::-webkit-input-placeholder,
.fixed-header-box input[type=email]::-webkit-input-placeholder,
.fixed-header-box input[type=search]::-webkit-input-placeholder,
.fixed-header-box input[type=date]::-webkit-input-placeholder,
.fixed-header-box input[type=range]::-webkit-input-placeholder,
.fixed-header-box input[type=number]::-webkit-input-placeholder,
.fixed-header-box input[type=button]::-webkit-input-placeholder,
.fixed-header-box input[type=tel]::-webkit-input-placeholder,
.fixed-header-box textarea::-webkit-input-placeholder,
.fixed-header-box select::-webkit-input-placeholder {
    color: #b3b3b3
}

.fixed-header-box input[type=text]:-ms-input-placeholder,
.fixed-header-box input[type=tel]:-ms-input-placeholder,
.fixed-header-box input[type=email]:-ms-input-placeholder,
.fixed-header-box input[type=password]:-ms-input-placeholder,
.fixed-header-box input[type=email]:-ms-input-placeholder,
.fixed-header-box input[type=search]:-ms-input-placeholder,
.fixed-header-box input[type=date]:-ms-input-placeholder,
.fixed-header-box input[type=range]:-ms-input-placeholder,
.fixed-header-box input[type=number]:-ms-input-placeholder,
.fixed-header-box input[type=button]:-ms-input-placeholder,
.fixed-header-box input[type=tel]:-ms-input-placeholder,
.fixed-header-box textarea:-ms-input-placeholder,
.fixed-header-box select:-ms-input-placeholder {
    color: #b3b3b3
}

.fixed-header-box input[type=text]::placeholder,
.fixed-header-box input[type=tel]::placeholder,
.fixed-header-box input[type=email]::placeholder,
.fixed-header-box input[type=password]::placeholder,
.fixed-header-box input[type=email]::placeholder,
.fixed-header-box input[type=search]::placeholder,
.fixed-header-box input[type=date]::placeholder,
.fixed-header-box input[type=range]::placeholder,
.fixed-header-box input[type=number]::placeholder,
.fixed-header-box input[type=button]::placeholder,
.fixed-header-box input[type=tel]::placeholder,
.fixed-header-box textarea::placeholder,
.fixed-header-box select::placeholder {
    color: #b3b3b3
}

.form-input .required {
    display: none
}

textarea {
    min-height: 6em;
    width: 100%;
    position: relative;
    resize: none;
    font-size: 18px
}

html.placeholder .dgx-donate-form-section label[for] {
    display: inline-block
}

.section-padding {
    padding: 0 20px;
}

.brand-carousel {
    background: #ffffff;
    margin-top: 5%;
    padding: 0;

}

.owl-dots {
    text-align: center;
    margin-top: 4%;
}

.owl-dot {
    display: inline-block;
    height: 15px !important;
    width: 15px !important;
    background-color: #878787 !important;
    opacity: 0.8;
    border-radius: 50%;
    margin: 0 5px;
}

.owl-dot.active {
    background-color: #000 !important;
}


blockquote {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 30px 0;
    padding-left: 20px;
    border-left: 1px solid #d8d8d8;
    text-align: left;
    font-size: 1.2em;
    font-weight: 300
}

blockquote p,
blockquote {
    font: normal 24px/30px "Segoe UI", Arial, sans-serif;
    ;
    font-size: 1.2em;
    font-weight: 300
}

blockquote.small p,
blockquote.small {
    font: normal 14px/20px "Segoe UI", Arial, sans-serif;
    ;
    margin-bottom: 0
}

blockquote.simple {
    overflow: auto;
    margin: 0;
    padding: 20px 0 10px;
    padding-left: 0;
    border-left: 0;
    text-align: left
}

blockquote.simple .quote-thumbnail {
    height: 40px;
    float: left;
    margin-left: 10px
}

blockquote.simple .quote-thumbnail img {
    display: inline-block;
    border-radius: 100%;
    margin: 0;
    max-height: 100%;
    width: auto
}

blockquote.simple .quote-title-wrapper {
    margin: 10px 0
}

blockquote.simple .quote-title {
    width: auto;
    color: #7c8a8d;
    font-weight: 400;
    float: left;
    border: none;
    padding: 0;
    border-radius: 0
}

blockquote.simple .quote-title,
blockquote.simple .quote-title a {
    color: #f0542d
}

blockquote.simple .quote-title .the-title:not(:last-child) {
    padding-right: 3px
}

blockquote.simple .quote-title .the-title {
    font-size: 12px
}

blockquote.simple .quote-title .icon {
    font-size: 16px;
    vertical-align: middle;
    padding-bottom: 2px
}

blockquote.simple .quote-text {
    font: normal 14px/20px "Segoe UI", Arial, sans-serif;
    ;
    overflow: hidden;
    font-weight: 400
}

blockquote.simple .quote-text img {
    width: auto
}

blockquote cite {
    display: block;
    margin: 10px 0 0
}

blockquote cite,
blockquote cite a {
    font: 600 12px/14px "Segoe UI", Arial, sans-serif;
    ;
    color: #f0542d
}

blockquote cite a {
    vertical-align: middle
}

blockquote cite:before {
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 0;
    border-bottom: 1px solid #ededed;
    content: "";
    vertical-align: middle
}

blockquote:last-child cite:empty {
    display: none
}

.slide-wrapper blockquote {
    padding-top: 0;
    padding-bottom: 0
}

blockquote p:first-child {
    margin-top: 0
}

blockquote p:last-child {
    margin-bottom: 0
}

.blockquote-slider .bx-controls {
    height: 22px
}


.cta {
    background-color: #121d25;
    position: relative;
    margin-top: 80px;
    margin-bottom: 80px;
}

.rece {
    width: 16px;
    float: left;
    margin-right: 9px;
}

.cta .col .left-man {
    /* width: 310px;
  height: 260px; */
    width: 498px;
    height: 280px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cta .content {
    padding: 65px 0 65px 275px;
}

.cta h2 {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.3em;
    color: #ffffff;
    margin: 0 0 0.56em;
    text-align: center;
}

.loop-wrapper .post-row {
    clear: both;
    transition: background .4s ease
}

.loop-wrapper .post-row:before,
.loop-wrapper .post-row:after {
    content: " ";
    display: table
}

.loop-wrapper .post-row:after {
    clear: both
}

.loop-wrapper .post-row:before,
.loop-wrapper .post-row:after {
    content: " ";
    display: table
}

.loop-wrapper .post-row:after {
    clear: both
}

.loop-wrapper .post-row .media-inner {
    background-color: #fff
}

.loop-wrapper .post-row .media-inner>img {
    -webkit-backface-visibility: hidden;
    transition: opacity .4s
}

.loop-wrapper .post-row:hover {
    background: #f5f5f5
}

.loop-wrapper .post-row:hover .top-part {
    color: #2b2f34
}

.loop-wrapper .post-row:hover .media-inner>img {
    opacity: .8;
    -webkit-backface-visibility: hidden
}

.loop-wrapper .post-row-left,
.loop-wrapper .post-row-center {
    float: left
}

.loop-wrapper .post-row-left {
    width: 160px;
    vertical-align: top;
    padding-top: 30px;
    text-align: right;
    padding-right: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.loop-wrapper .post-row-left .post-left-actions {
    display: none
}

.loop-wrapper .post-date {
    display: inline-block;
    margin-right: 10px
}

.loop-wrapper .post-date a:hover {
    text-decoration: none
}

.loop-wrapper .post-date .top-part,
.loop-wrapper .post-date .bottom-part {
    display: block;
    text-align: center;
    width: 75px;
    transition: color .3s ease
}

.loop-wrapper .post-date .top-part {
    font: 800 26px/30px "Segoe UI", Arial, sans-serif;
    ;
    color: #7c8a8d;
    line-height: 1;
    font-size: 45px;
    border-bottom: 1px solid;
    border-color: #ededed;
    padding-bottom: 10px
}

.loop-wrapper .post-date .bottom-part {
    font: 600 12px/14px "Segoe UI", Arial, sans-serif;
    ;
    color: #d8d8d8;
    padding-top: 10px;
    line-height: 1
}

.loop-wrapper .post-row-center {
    width: calc(100% - 160px);
    padding: 30px 0
}

.loop-wrapper .list-item {
    border-bottom: 1px solid #ededed;
    margin-bottom: 0
}

.loop-wrapper .list-item:last-child {
    border-bottom: 0
}

.loop-wrapper .list-item .post-content-outer {
    padding: 0
}

.loop-wrapper .list-item .post-content-outer .post-content>ol:last-child,
.loop-wrapper .list-item .post-content-outer .post-content>ul:last-child {
    margin-bottom: 1em
}


.loop-wrapper .list-item .post-article {
    display: block
}

.loop-wrapper .list-item header.single {
    padding-top: 10px
}

.loop-wrapper header {
    position: relative
}

.loop-wrapper .page-content {
    position: relative
}

.loop-wrapper .post-article {
    display: inline-block;
    margin: 0;
    width: 100%
}

.loop-wrapper .post-article p {
    font-size: inherit;
    padding-right: 18px
}

.loop-wrapper .post-article .post-content-outer .post-meta {
    overflow: hidden;
    width: 100%;
    margin-top: 10px;
    font-size: 10px;
    font-style: italic;
    text-transform: uppercase;
    color: #d8d8d8
}

.loop-wrapper .post-article .post-content-outer .post-meta a {
    font-size: 11px;
    font-style: italic;
    text-transform: uppercase;
    color: #d8d8d8
}

.loop-wrapper .post-article .post-content-outer .post-meta a:hover {
    color: #f0542d
}

.loop-wrapper .post-article .post-content-outer .post-meta nav>div:not(.post-actions),
.loop-wrapper .post-article .post-content-outer .post-meta .post-actions>div,
.loop-wrapper .post-article .post-content-outer .post-meta .post-edit-link {
    font: bold 10px/11px "Arial";
    float: left;
    padding-right: 20px;
    min-height: 20px;
    line-height: 19px
}

.loop-wrapper .post-article .post-content-outer .post-meta nav>div:not(.post-actions)>span.icon,
.loop-wrapper .post-article .post-content-outer .post-meta .post-actions>div>span.icon,
.loop-wrapper .post-article .post-content-outer .post-meta .post-edit-link>span.icon {
    color: #d8d8d8
}

.loop-wrapper .post-article .post-content-outer .post-meta .comment-count a:hover {
    text-decoration: none !important
}

.loop-wrapper .post-article .post-content-outer .post-meta .comment-count a:hover span {
    text-decoration: none
}

.loop-wrapper .post-article .post-content-outer .post-meta span.icon {
    display: inline-block;
    overflow: hidden;
    margin-right: 10px;
    padding: 2px;
    width: 8px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none !important;
    font-size: 12px;
    line-height: normal
}

.loop-wrapper .post-article .post-content-outer .post-meta .post-actions {
    float: right
}

.loop-wrapper .post-article .post-content-outer .post-meta .post-actions .comment-count a {
    font-weight: 400;
    font-size: 12px;
    color: #d8d8d8
}

.loop-wrapper .post-article .post-content-outer .post-meta .post-actions .comment-count a:hover {
    color: #f0542d
}

.post-article header {
    margin-bottom: 5px !important
}

.post-article header.sep-text.single .content {
    text-align: left;
    white-space: normal
}

.post-article header.sep-text.single .sep-text-after {
    display: none
}

.post-article header h3 {
    margin: 0
}

.post-article header h3,
.post-article header h3 a {
    color: #f0542d;
    line-height: 1.3em !important
}

.post-article header a {
    transition: color .3s ease
}

.post-article header a:hover {
    text-decoration: none;
    color: #5c6268
}

.post-article .excerpt-more {
    float: left;
    margin-top: -.6em
}


.post-article .video-post-format .media-inner iframe {
    height: 360px
}

.loop-wrapper.news .post-media-date {
    background: 0 0;
    position: relative;
    overflow: hidden
}

.loop-wrapper.news .post-media-date .thumbnail img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 0, 300px);
    -ms-transform: translate3d(0, 0, 300px);
    transform: translate3d(0, 0, 300px);
    height: 100%;
    object-fit: cover;
}

.loop-wrapper.news .link-post-format .post-media-date {
    background: 0 0;
    -webkit-transition: .35s, -webkit-transform .35s;
    transition: .35s, transform .35s
}

.loop-wrapper.news .link-post-format .post-media-date .post-actions-wrapper {
    padding-bottom: 0
}

.loop-wrapper.news .post-article {
    overflow: hidden;
    margin: 0;
    border-bottom: 0 !important
}

.loop-wrapper.news .post-article:hover .image-post-format .thumbnail img,
.loop-wrapper.news .post-article:hover .as-image .thumbnail img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    opacity: 1
}

.loop-wrapper.news .post-article:hover .post-actions-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.loop-wrapper.news .post-article .post-content-outer,
.loop-wrapper.news .post-article .post-content-outer p {
    font: normal 14px/20px "Segoe UI", Arial, sans-serif;
    ;
    font-size: inherit;
    margin-bottom: .5em
}

.loop-wrapper.news .page-content:not(.has-post-thumbnail) .post-article:hover .link-post-format .post-media-date {
    padding-bottom: 40px
}

.loop-wrapper.news .post-content-wrapper {
    padding: 10px 10px 20px;
    background: #fff
}

.loop-wrapper.news .post-content-wrapper h3 {
    font-weight: 700
}

.loop-wrapper.news .post-content-wrapper h3,
.loop-wrapper.news .post-content-wrapper h3 a {
    color: #f0542d;
    font-weight: 400;
    font-size: 1.2em
}

.loop-wrapper.news .post-content-wrapper h3:hover,
.loop-wrapper.news .post-content-wrapper h3 a:hover {
    color: #5c6268
}

.loop-wrapper.news .comment-count {
    position: relative;
    display: inline-block;
    float: right;
    background: #f0542d;
    margin: 0;
    color: #fff
}

.loop-wrapper.news .comment-count a {
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    padding: 10px 15px;
    display: block
}

.loop-wrapper.news .comment-count a:hover {
    color: #f0542d;
    background: #364352
}

.loop-wrapper.news .post-actions-wrapper {
    position: absolute;
    left: 0;
    top: auto;
    height: auto;
    background: rgba(54, 67, 82, .5);
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    width: 100%;
    bottom: 0
}


.loop-wrapper.news .post-actions-wrapper .icon {
    color: #fff;
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: inherit;
    opacity: 1;
    margin-right: .7em;
    vertical-align: top;
    font-size: 14px;
    text-align: left
}

.loop-wrapper.news .post-actions-wrapper .post-date {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 10px;
    font-style: normal;
    text-transform: uppercase;
    color: #fff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    padding: 10px 0 10px 20px
}

.loop-wrapper.news .post-actions-wrapper a:hover .icon {
    color: #f0542d
}

.loop-wrapper.news .author {
    margin: 0;
    padding-top: 0;
    border: none;
    text-align: left;
    font-size: 10px;
    font-style: normal;
    text-transform: uppercase;
    color: #d8d8d8
}

.loop-wrapper.news .author a {
    font-size: 10px;
    font-style: normal;
    text-transform: uppercase;
    color: #f0542d
}

.loop-wrapper.news .author a:hover {
    color: #5c6268
}

.loop-wrapper.news .list-item {
    padding-top: 15px;
    border-bottom: 0
}

.loop-wrapper.news .list-item header.single {
    padding: 10px 0 0;
    position: relative;
    border-bottom: none
}

.loop-wrapper.news .list-item header.single:after {
    display: none
}

.loop-wrapper.news .list-item>div {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: 0 0
}

.loop-wrapper.news.wpv-isotope-loaded {
    padding-top: 2px;
    padding-bottom: 15px
}

.loop-wrapper.news .thumbnail {
    position: relative;
    overflow: visible;
    width: 100%;
    text-align: center;
    background: 0 0
}

.loop-wrapper.news .thumbnail img {
    width: 100%;
    height: auto;
    transition: opacity .4s
}

.loop-wrapper.news .thumbnail .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 65px;
    height: 65px;
    color: #fff;
    font-size: 65px;
    margin: -32.5px 0 0 -32.5px;
    opacity: 0
}

.loop-wrapper.news .post-edit-link,
.loop-wrapper.news .sep-text-after {
    display: none
}

.loop-wrapper.news .image-post-format .thumbnail,
.loop-wrapper.news .video-post-format.as-image .thumbnail,
.loop-wrapper.news .standard-post-format.as-image .thumbnail {
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    height: 250px;
}

.loop-wrapper.news>.page-content {
    margin-bottom: 20px
}


body.boxed .wpv-main .wpv-grid.grid-1-1.extended,
body.boxed .wpv-main .wpv-grid.grid-1-1.extended-content {
    padding-left: 60px !important;
    padding-right: 60px !important;
    margin-left: -45px;
    margin-right: -45px;
    width: auto;
    float: none
}

body.boxed .wpv-main .wpv-grid.grid-1-1.extended.no-extended-padding,
body.boxed .wpv-main .wpv-grid.grid-1-1.extended-content.no-extended-padding {
    padding-left: 15px;
    padding-right: 15px
}

.wpv-grid.has-background>.column-title:first-child,
.wpv-grid.has-background>.sep-text:first-child,
.wpv-grid.has-background>style:first-child+.column-title,
.wpv-grid.has-background>style:first-child+.sep-text,
.wpv-grid.has-background>.extended-column-inner>.column-title:first-child,
.wpv-grid.has-background>.extended-column-inner>.sep-text:first-child,
.wpv-grid.has-background>.extended-column-inner>style:first-child+.column-title,
.wpv-grid.has-background>.extended-column-inner>style:first-child+.sep-text {
    padding-top: 0
}

.wpv-grid.parallax-bg {
    z-index: 0
}

.wpv-grid.parallax-bg {
    opacity: 0;
    transition: opacity .6s ease
}

.sep,
.sep-2,
.sep-3 {
    position: relative;
    display: block;
    clear: both;
    margin: 60px 0 30px;
    min-width: 100%;
    height: 1px;
    border-top: 1px solid;
    color: #ededed
}

.sep.has-icon .icon,
.sep-2.has-icon .icon,
.sep-3.has-icon .icon {
    margin-top: -2px;
    font-size: 24px
}

.sep-2 {
    border-bottom: 1px solid;
    height: 2px
}

.sep-text {
    position: relative;
    margin: 60px 0 30px;
    text-align: center
}

.sep-text+.frame-fl {
    margin-top: 15px
}

.sep-text .content,
.sep-text .sep-text-more {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap
}

.sep-text .content *,
.sep-text .sep-text-more * {
    margin: 0;
    line-height: 1
}

.sep-text .content {
    padding-right: .8em
}

.sep-text .sep-text-more {
    padding-left: .8em
}

.sep-text .sep-text-before,
.sep-text .sep-text-after {
    display: table-cell;
    width: 100%;
    vertical-align: bottom
}

.sep-text .sep-text-line {
    display: inline-block;
    padding-top: 2px;
    width: 100%;
    border-top: 0 solid;
    border-bottom: 1px solid;
    color: #ededed;
    vertical-align: baseline
}

.sep-text:last-child {
    margin-bottom: 20px
}

.sep-text+.row {
    padding-top: 15px
}

.column-title {
    text-align: center;
    margin: 60px 0 30px
}

.column-title+.frame-fl {
    margin-top: 15px
}

.column-title+p {
    margin-top: 10px
}

.text-divider-double {
    position: relative;
    margin: 60px 0 25px;
    text-align: center
}

.text-divider-double .icon {
    display: block;
    padding-bottom: 20px
}

.text-divider-double+.sep {
    margin: 0 0 30px;
    position: relative
}

.text-divider-double+.sep+.frame-fl {
    margin-top: 15px
}

.icon.shortcode {
    line-height: 1.15
}

.icon.shortcode.inverted-colors {
    border-radius: 1000px;
    padding: .4em !important;
    width: 1.15em;
    height: 1.15em;
    text-align: center
}

.icon.shortcode.box,
.icon.shortcode.border {
    padding: .6em;
    position: relative;
    min-height: 1em;
    min-width: 1em;
    -webkit-transition: all .5s;
    transition: all .5s
}

.icon.shortcode.box svg,
.icon.shortcode.border svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.icon.shortcode.box .char,
.icon.shortcode.border .char {
    position: relative
}

h1 .icon.shortcode,
h2 .icon.shortcode,
h3 .icon.shortcode,
h4 .icon.shortcode,
h5 .icon.shortcode,
h6 .icon.shortcode {
    vertical-align: bottom
}

.portfolio-image-wrapper {
    padding: 0;
    border: 0;
    box-shadow: none
}

.thumbnail.partner {
    display: block;
    position: relative;
    opacity: .8;
    padding-bottom: .5em;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.thumbnail.partner:after {
    color: #aeaeae !important;
    content: attr(title);
    display: block;
    border-top: 1px solid;
    text-align: center;
    position: absolute;
    bottom: -1em;
    left: 0;
    right: 0;
    height: 1.5em;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.thumbnail.partner:hover {
    opacity: 1
}

.thumbnail.partner:hover:after {
    opacity: 1
}

/**
* Mobile Navigation
*/
.mobile-nav-toggle {
    color: #2b2320;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
    color: #fff;
}

/*@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}*/
.dropdown-menu.show {
    -webkit-animation: fadeIn 0.3s alternate;
    /* Safari 4.0 - 8.0 */
    animation: fadeIn 0.3s alternate;
}


.navbar-toggler {
    border: none;
    padding: 0;
    outline: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler .hamburger-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    z-index: 9999;
    float: right;
}

.navbar-toggler .hamburger-toggle:has(.hamburger.active) {
    bottom: 5px;
}

.navbar-toggler .hamburger-toggle .hamburger {
    position: absolute;
    transform: translate(-50%, -50%) rotate(0deg);
    left: 50%;
    top: 50%;
    width: 50%;
    height: 50%;
    pointer-events: none;
}

.navbar-toggler .hamburger-toggle .hamburger span {
    width: 100%;
    height: 4px;
    position: absolute;
    background: #333;
    border-radius: 2px;
    z-index: 1;
    transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
    left: 0px;
}

.navbar-toggler .hamburger-toggle .hamburger.active span {

    background: #fff;

}

.navbar-toggler .hamburger-toggle .hamburger span:first-child {
    top: 10%;
    transform-origin: 50% 50%;
    transform: translate(0% -50%) !important;
}

.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
    top: 50%;
    transform: translate(0, -50%);
}

.navbar-toggler .hamburger-toggle .hamburger span:last-child {
    left: 0px;
    top: auto;
    bottom: 10%;
    transform-origin: 50% 50%;
}

.navbar-toggler .hamburger-toggle .hamburger.active span {
    position: absolute;
    margin: 0;
}

.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
    top: 45%;
    transform: rotate(45deg);
}

.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
    left: 50%;
    width: 0px;
}

.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
    top: 45%;
    transform: rotate(-45deg);
}

.icons {
    display: inline-flex;
    margin-left: auto;
}

.icons a {
    transition: all 0.2s ease-in-out;
    padding: 0.2rem 0.4rem;
    color: #ccc !important;
    text-decoration: none;
}

.icons a:hover {
    color: white;
    text-shadow: 0 0 30px white;
}

.navbar-mobile1 {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(14, 11, 10, 0.9);
    transition: 0.3s;
    z-index: 999;
    text-align: center;
    height: 100vh;
}


.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
}

.navbar-mobile1 .parent {
    display: block;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 20px 0 30px;
    background-color: #fff;
    overflow-y: auto;
    transition: 0.3s;
    height: fit-content;
}

.navbar-mobile1 li {
    margin: 5px;
}

.navbar-mobile1 a,
.navbar-mobile1 a:focus {
    padding: 10px 20px;
    font-size: 16px;
    color: #111312;
}

.navbar-mobile1 a:focus {
    color: #f0542d;
    background-color: #fff;
}

.navbar-mobile1 a:hover,
.navbar-mobile1 .active,
.navbar-mobile1 li:hover>a {
    color: #f0542d;
}

.navbar-mobile1 .getstarted,
.navbar-mobile1 .getstarted:focus {
    margin: 15px;
}

.navbar-mobile .dropdown ul {
    position: static;
    display: none;
    margin: 10px 20px;
    padding: 10px 0;
    z-index: 99;
    opacity: 1;
    visibility: visible;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile1 .dropdown-menu {
    width: 80%;
    text-align: center;
    margin: auto;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    padding: 5px 0;
}

.navbar-mobile1 .dropend .dropdown-menu {
    width: 90%;
    text-align: center;
    margin: auto;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    padding: 5px 0;
    margin-top: 2px;

}

.navbar-mobile1 .dropdown ul li {
    min-width: 200px;
}

.navbar-mobile1 .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
}

.navbar-mobile1 .dropend ul a {
    padding: 5px 10px;
}




.navbar-mobile1 .dropdown ul a i {
    font-size: 12px;
}

/*.navbar-mobile1 .dropdown ul .active:hover,
.navbar-mobile1 .dropdown ul li:hover>a*/
.navbar-mobile1 .dropdown .dropend:hover>a {
    color: #fff;
    background-color: #262C6B;
}

.navbar-mobile1 .dropend ul li:hover>a {
    color: #fc5e28;
    background-color: #fff;
    font-size: 16px;
}

.dropend .dropdown-toggle::after {
    display: none;
}

.navbar-mobile1 .dropdown>.dropdown-active {
    display: block;
}



.about-us-section {
    padding: 80px 0 100px !important;
    position: relative;
}

.about-us-section .section-title {
    margin-bottom: 0;
}

.section-title .sub-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: #737a7f;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.section-title h2 {
    font-size: 40px;
    font-size: 2.5rem;
    color: #272e33;
    padding-bottom: 0.5em;
    margin: 0 0 0.7em;
    position: relative;
    text-transform: capitalize;
    position: relative;
    line-height: 1;
}

.section-title h2:after {
    content: "";
    background-color: #8dc63f;
    width: 45px;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
    box-shadow: 0 2px 5px 0 #dedede;
}

.about-us-section .tab-content p {
    font-size: 14px;

    margin-bottom: 25px;
}

.about-us-section .tab-content h5 {
    font-size: 22px;
    /* font-size: 1.5rem; */
    margin: 0;
    line-height: 1.2;
}

.about-us-section .tab-list {
    margin-top: 35px;
    overflow: hidden;
}

.about-us-section .tab-list li {
    float: left;
    margin-right: 10px;
}

.about-us-section .tab-list li a:hover,
.about-us-section .tab-list a.active {
    background-color: #8dc63f;
    color: #fff;
    border-color: #8dc63f;

}

.about-us-section .tab-list li a:hover .img-active {
    display: block;
}

.about-us-section .tab-list li a:hover .img-normal {
    display: none;
}

li .img-normal,
a.active .img-active {
    display: block;
}

li .img-active,
a.active .img-normal {
    display: none;
}

.about-us-section .tab-list li a {
    /* font-family: "Raleway", sans-serif; */
    width: 140px;
    font-size: 16px;
    /* font-size: 1.1rem; */
    font-weight: 500;
    color: #121d25;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    text-transform: capitalize;
    display: block;
    font-weight: 300 !important;
    height: 120px;

}

.about-us-section .tab-list .icon {

    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.about-us-section .about-us-man {
    background-color: #8dc63f;
    width: 285px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.about-us-section .about-us-man img {
    position: absolute;
    left: -155px;
    bottom: 82px;
    transform: scale(1.5);
}

.abouttabs {
    border-bottom: 0 !important;

}

.scrollable-wrapper .portfolios li {
    padding: 0;
    margin: 0 !important
}

.engine {
    display: none;
}

.mbr-gallery-row {
    margin: 10px;
}

.mbr-gallery .mbr-gallery-item {
    position: relative;
    display: inline-block;
    width: 25%;
    height: 300px;
    cursor: pointer;
    margin-bottom: 20px;
    overflow: hidden;
}

.mbr-gallery .icon-focus {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px !important;
    color: #fff;
    opacity: 0;
    transition: .2s opacity ease-in-out;
    z-index: 5;
    text-align: center;
    right: 0;
    bottom: 0;
    width: 90%;
    height: 100%;
    margin: auto;
    transform: translate(0px, 50px);
}

.mbr-gallery .icon-focus .excerpt {
    border: 3px solid #fff;
    padding: 5px;
}

.mbr-gallery .icon-focus .excerpt p {
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.8;
}

.mbr-gallery .mbr-gallery-item>div {
    height: 300px;
}

.mbr-gallery .mbr-gallery-item>div:hover .icon-focus {
    opacity: 1;
}

.mbr-gallery .mbr-gallery-item img {
    width: 100%;
    opacity: 1;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;

    height: 100%
}

.mbr-gallery .mbr-gallery-item>div:hover img {
    opacity: 1;
}

.mbr-gallery .mbr-gallery-item>div {
    background: #fff;
    display: block;
    outline: none;
    position: relative;
}


.mbr-gallery .mbr-gallery-item>div:hover::before {
    opacity: .9;
}

.mbr-gallery .mbr-gallery-item>div:hover .mbr-gallery-title {
    background: transparent !important;
}


/* container */
.mbr-gallery .container.mbr-gallery-layout-default {
    padding: 93px 0;
}

/* fix horizontal scrollbar */
.mbr-gallery .mbr-gallery-layout-default {
    overflow: hidden;
}

.mbr-gallery-item__hided {
    position: absolute !important;
    left: 0 !important;
    width: 0 !important;
    height: 0;
    padding: 0 !important;
}

.mbr-gallery-item__hided img {
    display: none !important;
}

.mbr-gallery-item__hided span {
    display: none !important;
}

.mbr-gallery-filter {
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: center;
}

.mbr-gallery-filter li {
    display: inline-block;
    padding: 5px 0;
    transition: all .3s ease-out;
}

.mbr-gallery-filter li {
    cursor: pointer;
}

.mbr-gallery-filter.gallery-filter__bg li {
    color: #fff;
}

.mbr-gallery-filter.gallery-filter__bg .active {
    color: #000;
    background-color: #fff;
}

.mbr-gallery-filter ul {
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.mbr-gallery-item>div {
    position: relative;
}


.mbr-gallery-item--p2 {
    padding: 0.5rem;
}

/*# aditional styles */


.mbr-gallery-filter li.active .btn {
    border: none;
    border-bottom: 2px;
    border-color: #149dcc;
    color: #ffffff;
}

.mbr-gallery-filter li.active .btn:focus {
    box-shadow: none;
}

.cid-qBPRJw5iib {
    padding-top: 0px;
    padding-bottom: 30px;

}

.cid-qBPRJw5iib .mbr-gallery-item>div::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f0542d !important;
    opacity: 0;
    -webkit-transition: 0.2s opacity ease-in-out;
    transition: 0.2s opacity ease-in-out;
}

.mbr-gallery-filter .btn {
    font-size: 11px;
    color: #767676;
    text-transform: uppercase;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.2px;
    padding: 0;
    margin: 0 0.6rem;
}

.mbr-gallery-filter .btn:focus {
    box-shadow: none;
}

.mbr-gallery-filter .btn:after {
    background: none;
    display: none;
}

.mbr-gallery-filter .btn.active {
    font-size: 13px;
    color: #DADADA;
}

.mbr-gallery-filter .btn.active::after {
    content: " ";
    display: block;
    width: 40%;
    height: 1.5px;
    background: #f0542d;
    margin: auto;
    margin-top: 5px;
    transition: all .4s;
    opacity: 1;
}

.reviewicon {
    color: #ffffff;
    font-size: 40px !important;
    margin-right: 20px;

}

.respost {
    height: 220px;
}

.ressmartwidth {
    min-width: 50% !important;
    max-width: 50% !important;
}

.respost .services-button-wrap {
    bottom: 20px;
    position: absolute;
    left: 0;
    right: 0;
}

.portfolios {
    position: relative;
    padding: 0;
    margin: 0
}

.portfolios.normal>ul>li {
    margin: 0;
    padding: 0
}

.portfolios.normal>ul>li:last-child {
    padding-right: 0
}

.portfolios>ul {
    overflow: visible;
    padding: 0;
    margin: 0
}

.portfolios>ul>li {
    position: relative;
    float: left;
    list-style: none outside none
}

.portfolios>ul.animated>li {
    box-shadow: none !important
}

.portfolios>ul.transitionable>li {
    overflow: hidden
}

.portfolios .portfolio-item-wrapper {
    overflow: hidden;
    border: 0;
    border: none;
    background: #fff;
    background-clip: content-box;
    text-align: left
}

.portfolios .portfolio-item-wrapper .excerpt p {
    margin: 5% 0 0;
    padding: 5%;
    font-size: 14px;
    line-height: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #fff !important;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    -ms-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1)
}

.portfolios .portfolio-item-wrapper h3 {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0;
    margin-top: 15%;
    color: #fff !important;
    font-weight: 700
}

.portfolios .portfolio-item-wrapper .portfolio_details {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5%;
    color: #fff;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center
}

.portfolios .portfolio-item-wrapper .portfolio_details>a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5%
}

.portfolios .no-title.no-description .portfolio-item-wrapper {
    border: 0
}

.portfolios .no-title.no-description .portfolio-item-wrapper .thumbnail {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.portfolios .state-open .portfolio-item-wrapper h3 {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.portfolios .state-open .portfolio-item-wrapper .excerpt p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.portfolios .state-open .portfolio-image .thumbnail img {
    opacity: .2
}

.portfolios .state-open .portfolio-image .thumbnail>img,
.portfolios .state-open .portfolio-image .thumbnail>a>img {
    transform: scale(1.15)
}

.portfolios .state-open .portfolio-image .bxslider-container>li {
    overflow: hidden
}

.portfolios .portfolio-image {
    position: relative;
    overflow: hidden
}

.portfolios .portfolio-image .thumbnail {
    display: block;
    max-height: none !important;
    background: #f0542d;
    position: relative;
    overflow: hidden;
    height: 300px;
}

.portfolios .portfolio-image .thumbnail>a {
    position: relative;
    display: block;
    height: 300px;
}

.portfolios .portfolio-image .thumbnail img {
    transition: opacity .35s
}

.portfolios .portfolio-image .thumbnail>a img,
.portfolios .portfolio-image .thumbnail>img {
    width: 100%;
    transition: opacity .35s, transform .35s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
}

.portfolios .portfolio_details {
    padding: 10px 10px 0
}

.portfolios .portfolio_details .title {
    color: #f0542d;
    font-size: 20px;
    line-height: 20px;
    width: 100%
}

.portfolios .portfolio_details .title:hover {
    color: #5c6268
}

.portfolios .portfolio_details .title:last-child {
    margin-bottom: 20px
}

.portfolios .portfolio_details .excerpt {
    margin: 0
}

.portfolios .portfolio_details .button {
    margin-top: 10px
}

.portfolios.isotope {
    overflow: hidden;
    margin-bottom: -30px !important;
    padding: 0;
    height: 0
}

.portfolios.isotope>ul {
    clear: both
}

.portfolios .style-1.featured {
    margin: 0;
    padding: 0;
    box-shadow: none
}

body.full .related-portfolios:before {
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    background: #fafafa;
    content: ""
}

.portfolio_details .row {
    margin-bottom: 3%
}

.portfolio-filters {
    z-index: 6;
    text-align: center;
    margin-bottom: 30px;
    padding-top: 10px
}

.portfolio-filters .inner-wrapper {
    display: inline-block;
    text-align: center;
    line-height: 35px;
    margin-bottom: -1px
}

.portfolio-filters .inner-wrapper .cbp-filter-item {
    display: inline-block;
    margin: 0 .6em;
    color: #767676;
    transition: all .3s;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: 600;
    border-top: 0;
    padding: 0;
    text-align: center
}

.portfolio-filters .inner-wrapper .cbp-filter-item:hover,
.portfolio-filters .inner-wrapper .cbp-filter-item.cbp-filter-item-active {
    color: #5c6268
}

.portfolio-filters .inner-wrapper .cbp-filter-item:hover:after,
.portfolio-filters .inner-wrapper .cbp-filter-item.cbp-filter-item-active:after {
    width: 40%;
    opacity: 1
}

.portfolio-filters .inner-wrapper .cbp-filter-item:after {
    content: " ";
    display: block;
    width: 0%;
    height: 1px;
    background: #f0542d;
    margin: auto;
    margin-top: 5px;
    transition: all .4s;
    opacity: 0
}

header.page-header .portfolio-filters {
    padding-bottom: 10px
}

header.page-header .portfolio-filters.portfolio-filters {
    padding: 0
}

header.page-header .portfolio-filters .cbp-filter-item:first-child {
    margin-left: 0;
    padding-left: 0
}

.portfolio-filters .cbp-search {
    display: inline-block;
    margin-top: 15px
}

.portfolio-filters .cbp-search:hover .cbp-search-icon {
    opacity: 1
}

.portfolio-filters .cbp-search .cbp-search-icon {
    opacity: 0;
    transition: opacity .5s ease-out
}

.portfolio-filters .cbp-search .cbp-search-input {
    font-size: 12px;
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    ;
    border-color: transparent;
    transition: all .5s ease-out;
    text-align: center;
    padding: 5px
}

.portfolio-filters .cbp-search .cbp-search-input:hover {
    border-color: rgba(0, 0, 0, .1);
    color: #2b2f34
}

.portfolio-filters .cbp-filter-counter {
    background-color: #2b2f34
}

.portfolio-filters .cbp-filter-counter:after {
    border-top-color: #2b2f34
}

.portfolios.scroll-x>ul>li.has-title.no-description {
    margin-bottom: 20px !important
}

.services .services-title:empty {
    display: none
}

.services.has-icon:hover .thumbnail .icon.shortcode,
.services.has-icon:hover .thumbnail img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border-color: #fff
}

.services .thumbnail {
    display: block;
    max-height: none !important;
    text-align: inherit
}

.services .thumbnail img {
    margin: 0;
    border-radius: 0;
    padding: 0;
    border: none;
    transition: border-color .3s, background .3s
}

.services .thumbnail a {
    display: block;
    position: relative
}

.services .thumbnail a.has-border {
    padding-bottom: 10px
}

.services .thumbnail a.has-border:before,
.services .thumbnail a.has-border:after {
    content: "";
    display: none;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #ededed;
    border-bottom: 0;
    position: absolute;
    bottom: 1px;
    left: 50%;
    margin-left: -10px;
    transition: color .3s
}

.services .thumbnail a.has-border:after {
    border-width: 8px;
    border-top-color: #fff;
    border-bottom: 0;
    bottom: 2px;
    margin-left: -8px
}

.services .thumbnail .icon {
    background: #f0542d;
    color: #fff;
    padding: 20px;
    border-radius: 100%;
    text-align: center;
    min-height: inherit;
    min-width: inherit;
    position: relative;
    line-height: 100%;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    margin-bottom: 10px;
    border: solid 5px #f0542d
}

/*
Animate Bootstrap Carousel
Element by thecodeblock.com
*/
/********************************/
/*       Coloring indicators    */
/********************************/
.carousel-animate .carousel-indicators>li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: 0.7;
}

.carousel-animate .carousel-indicators>li.active {
    width: 10px;
    height: 10px;
    opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.carousel-animate .hero {
    color: #fff;
    text-align: center;
    /* text-transform: uppercase; */
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
}

.carousel-animate .firstslide::before,
.carousel-animate .secondslide::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.5);
}

.carousel-animate .firstslide .hero {
    text-shadow: 1px 1px 0 rgb(12 48 164 / 75%)
}

.carousel-animate .firstslide .hero h1 {
    /*  font-size: 56px;
  line-height: 60px;*/
    font-size: 52px;
    line-height: 40px;
    font-weight: 600;
    font-family: 'Futura', Arial, sans-serif;
    color: #ffffff
}

.carousel-animate .secondslide .hero h1 {
    /*  font-size: 56px;
  line-height: 60px;*/
    font-size: 52px;
    line-height: 40px;
    font-weight: 600;
    font-family: 'Futura', Arial, sans-serif;
    color: #fff
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {
    padding: 10px 40px;
}

.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}


.smart-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #e11010 !important;
    text-align: center;
    top: 0;
    margin: auto;
    height: 140px;
}

/********************************/
/*          Media Queries       */
/********************************/


/********************************/
/*          Fade Effect         */
/********************************/
/* .carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
} */
/* .carousel-item {
  transition: transform 1s ease-out;
} */
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: opacity 0s 1s;
}

/************************************/
/*       BS bacground Images       */
/**********************************/
.carousel-bg .carousel-inner .item {
    /* background-color: darkslategrey; */
    background-size: cover;
    background-position: center;
    min-height: 540px;
}

.firstslide {
    background-size: 100% 100%;
    background-position: center bottom;
}

.secondslide {
    background-size: 100%;

}


/*
 *  Bootstrap Carousel Effect Ken Burns
 * ===========================================================================*/

@keyframes kenburns {
    0% {
        transform: scale(1);
        transition: transform 20000ms linear 0s;
    }

    100% {
        transform: scale(1.4);
        transition: transform 20000ms linear 0s;
    }
}

/* Carousel Wrapper */
.kb-carousel {
    overflow: hidden;
    max-height: 550px;
}

/* Carousel Items */
.kb-carousel .carousel-item {
    transition: transform .6s ease-in-out 0s, opacity ease-in-out .6s;
}

.kb-carousel .carousel-item.active {
    transition: transform .6s ease-in-out 0s, opacity ease-in-out .6s;
}

.kb-carousel>.carousel-inner>.carousel-item>img,
.kb-carousel>.carousel-inner>.carousel-item>a>img {
    opacity: 1;
    animation: kenburns 20000ms linear 0s infinite alternate;
    position: relative;
}

.kb-carousel>.carousel-inner>.carousel-item::after {
    content: '';
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: black;
    opacity: 0.35;
}

.kb-carousel>.carousel-inner>.vcarousel-item::after {
    content: '';
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: black;
    opacity: 0;
}

.kb-carousel>.carousel-inner>.carousel-item>a>video {
    opacity: 1;
    animation: kenburns 20000ms linear 0s infinite alternate;
}

.kb-carousel .carousel-item-next.carousel-item-start .carousel-caption,
.kb-carousel .carousel-item-prev.carousel-item-end .carousel-caption {
    z-index: 0;
    opacity: 0;
}

/* Carousel Captions */
.kb-caption {
    right: 7%;
    left: 7%;
    bottom: 45%;
    padding: 0;
    width: 80%;
    font-family: 'Merriweather', serif;

}

.kb-caption h1,
.kb-caption h2,
.kb-caption h3 {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 5px;
}

.kb-caption h2 {
    color: #ffffff;
}

.kb-caption-left {
    margin-right: auto;
}

.kb-caption-right {
    margin-left: auto;
}

.kb-caption-center {
    margin: auto;
}

.kb-caption h1,
.kb-caption h3 {
    padding: 0.5rem 0;
    margin-bottom: 0;

}

.kb-caption h1 {
    animation-delay: 1.5s;
    color: #FFFFFF;
    /*background: rgba(255,255,255,0.5);*/
    padding: 15px 0;
    font-size: 36px;

}

.kb-caption h3 {
    animation-delay: 1.5s;
    color: #fff;
    font-weight: 400;
    font-style: italic;
    /*background: rgba(0 0 0 / 0.5);*/
}

.para {
    font-size: 20px;
}

/* Controls */
.kb-control-prev,
.kb-control-next {
    width: 3.5rem;
    height: 3.5rem;
    margin: auto 0;
    opacity: 0;
    color: #fff;
    background: rgba(0 0 0 / 0.7);
}

.kb-carousel:hover .kb-control-prev,
.kb-carousel:hover .kb-control-next {
    opacity: 1;
}

.kb-control-prev {
    left: 1%;
}

.kb-control-next {
    right: 1%;
}

.kb-control-prev:hover,
.kb-control-prev:focus,
.kb-control-next:hover,
.kb-control-next:focus {
    color: #fff;
    /*background: rgba(0 0 0 / 1);*/
}

/* Support for dark mode */
[data-bs-theme="dark"] .carousel .carousel-control-next-icon,
[data-bs-theme="dark"] .carousel .carousel-control-prev-icon {
    filter: none;
}

.disblock {
    display: block !important;
}

.resblock {
    display: none !important;
}

.resminblock {
    display: none !important;
}

.services .thumbnail .icon:after {
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-top-color: #f0542d;
    border-width: .4em;
    margin-left: -.4em;
    bottom: -16px;
    z-index: -1
}

.services .services-inside {
    margin: 0;
    padding: 0;
    display: block
}

.services .services-inside img {
    width: 60px;
    height: 60px;
}

.services .services-inside .services-title {
    margin: 17px 0 0;
    line-height: 1;
    font-weight: 700 !important;
}

.services .services-inside .sep-2 {
    margin: 10px 0 20px;
    padding: 0;
    display: none
}

.services .services-content {
    padding: 5px 0 10px
}

.services .services-content ul {
    padding: 0
}

.services .services-content:last-child,
.services .services-content:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0
}

.services .services-content:empty {
    display: none
}

.services .thumbnail .icon,
.services .services-title a,
.services .services-button-wrap a {
    -webkit-transition: color .2s;
    transition: color .2s
}

.services:hover .thumbnail .icon,
.services:hover .services-title a,
.services:hover .sep-2,
.services:hover .services-button-wrap a {
    border-color: #f0542d;
    color: #f0542d
}

.services:hover .thumbnail a {
    font-size: 120% !important
}

.services:hover .thumbnail a:before,
.services:hover .thumbnail a:after {
    border-top-color: #f0542d
}


.widget {
    margin: 0 auto 30px;
    padding: 0
}

.widget .widget-title {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px 5px 0;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px
}

.widget .widget-title,
.widget .widget-title a {
    word-wrap: break-word;
    line-height: 1.7em !important
}

.widget .widget-title>.icon {
    margin-right: 10px;
    vertical-align: baseline
}

.widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    background: 0 0
}

.widget.last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    background: 0 0
}

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

.widget li {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 10px 0;
    transition: all .2s ease;
    border-bottom: 1px solid #ededed;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font: normal 14px/20px "Segoe UI", Arial, sans-serif;
}

.widget li:first-child {
    padding-top: 0
}

.widget select {
    max-width: 100%
}

.widget .lang_sel_click li {
    overflow: visible
}

.widget .lang_sel_click li a {
    transition: none
}

#footer-sidebars .widget .widget-title {
    white-space: normal
}

.wpv_posts [data-single] .icon {
    color: #f0542d
}

.wpv_posts .ui-tabs-panel {
    background: 0 0;
    padding: 0
}

.wpv_posts .posts_list {
    padding: 0;
    background: 0 0
}

.wpv_posts .posts_list li {
    padding: 10px;
    display: table;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.wpv_posts .posts_list li .thumbnail {
    position: relative;
    display: table-cell;
    width: 70px;
    vertical-align: top
}

.wpv_posts .posts_list li .thumbnail img {
    width: 70px;
    height: auto;
    padding-right: 10px
}

.widget_nav_menu>div {
    padding: 0 !important
}

.widget_nav_menu>div:after {
    top: 0 !important;
    margin: 0 !important
}

.widget_nav_menu.widget .menu-pagepost-options-container {
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important
}

.widget_nav_menu .menu li {
    background-color: #fff;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ededed
}

.widget_nav_menu .menu li:last-child {
    border-bottom: none
}

.widget_nav_menu .menu li.last-child {
    border-bottom: none
}

.widget_nav_menu .menu li.current_page_item a,
.widget_nav_menu .menu li:hover a {
    color: #5c6268;
    transition: all .5s;
    transition: none
}

.widget_nav_menu .menu li.current_page_item a {
    font-weight: 400
}

.widget_nav_menu .menu li a {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 10px 10px 10px 5px;
    min-width: 100%;
    border: 0 !important;
    color: #f0542d
}

.social_wrap a {
    clear: both;
    margin-bottom: 3px
}


footer.main-footer {
    position: relative;
    background: url() no-repeat center bottom scroll;
    /*background-color: #262C6B;*/
    background-color: #ECECEC;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto
}

footer.main-footer .sep-3 {
    margin: 0;
    opacity: .2
}

footer.main-footer,
footer.main-footer p,
footer.main-footer a,
footer.main-footer th,
footer.main-footer td {
    font: 400 14px/20px "Segoe UI", Arial, sans-serif;
    color: #000000;
}

footer.main-footer p {
    line-height: 170%
}

.blacktext {
    color: #000000;
}

.iconcolor {
    color: #262C6B;
    font-size: 18px;
}

.sicons {
    color: #262C6B;
    font-size: 18px !important;
    margin-right: 10px;
}

.text-widget .sicons:last-child {
    margin-right: 0;
}

footer.main-footer .widget li {
    background: 0 0;
    border-bottom: none !important
}

footer.main-footer .widget.widget_nav_menu #menu-horizontal-footer {
    text-align: center
}

footer.main-footer .widget.widget_nav_menu #menu-horizontal-footer li {
    display: inline-block;
    vertical-align: top
}

footer.main-footer .widget.widget_nav_menu #menu-horizontal-footer li:hover a,
footer.main-footer .widget.widget_nav_menu #menu-horizontal-footer li.current-menu-item a {
    background: 0 0;
    color: #f0542d !important
}

footer.main-footer .widget.widget_nav_menu #menu-horizontal-footer li a {
    padding: 5px 20px;
    color: #000000;
    font-size: 14px
}

footer.main-footer .widget.widget_nav_menu .menu li:last-child,
footer.main-footer .widget.widget_nav_menu .menu li.last-child {
    border-bottom: none
}

footer.main-footer .widget.widget_nav_menu .menu li a {
    color: #000000;
    padding: 5px 8px 8px 3px
}

footer.main-footer .widget.widget_nav_menu .menu li a:visited {
    color: #000000 !important
}

.yellowdiv {
    width: 50%;
    margin: auto;
    height: 195px;
}

.yellowimage {
    /* width: 250px;
  height: 200px !important; */
    width: 100%;
    height: 100% !important;
    object-fit: contain;
}

footer.main-footer .widget.widget_nav_menu .menu li a:hover {
    color: #F0542D !important;
    text-decoration: none !important;
    background: 0 0
}

footer.main-footer .widget.widget_nav_menu .menu li:hover,
footer.main-footer .widget.widget_nav_menu .menu li.current_page_item {
    position: relative
}

footer.main-footer .widget.widget_nav_menu .menu li:hover a,
footer.main-footer .widget.widget_nav_menu .menu li.current_page_item a {
    color: #f0542d;
    background: 0 0
}

footer.main-footer .widget .widget-title {
    border: none;
    text-align: left;
    padding: 0;
    margin: 0 0 10px;
    font: 400 20px "Segoe UI", Arial, sans-serif !important;
    color: #000 !important
}

footer.main-footer .widget .widget-title>.icon {
    margin-bottom: 17px
}

/* #f0542d */
footer.main-footer a {
    color: #000000;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

footer.main-footer a:visited {
    color: #000000
}

footer.main-footer a h4 {
    color: #fff !important
}

footer.main-footer a:hover {
    color: #f0542d;
    text-decoration: none
}

.dfootemail {
    color: red;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

footer.main-footer a:hover .icon.shortcode {
    /*color: #fff !important*/
    color: #f0542d !important;
}

#footer-sidebars {
    max-width: 100%;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

#footer-sidebars .row:first-child:not(:last-child) {
    border-bottom: solid 1px rgba(237, 237, 237, .2);
    margin-bottom: 30px
}


#footer-sidebars>.row .widget {
    padding-left: 55px;
    padding-right: 30px;
    padding-top: 15px;
}

#footer-sidebars>.row .widget,
#footer-sidebars>.row .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

#footer-sidebars>.row .widget .widget-title {
    text-align: left;
    padding-top: 0;
    padding-bottom: 5px;
    letter-spacing: 2px
}

#footer-sidebars .wpv_posts .ui-tabs-panel {
    border-color: #282a2e
}

#footer-sidebars .wpv_posts .posts_list li {
    border-top-color: #282a2e;
    padding: 0 0 10px
}

.copyrights {
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
    /*background-color: #fff;*/
    background-color: #262C6B;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    padding: 25px 30px;
    margin: 0;
    position: relative;
    z-index: 5
}

.copyrights .alignright,
.copyrights .alignleft {
    margin: 0 !important
}

.copyrights a {
    /*color: #3B57A6;*/
    color: #56BA4F;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: bold
}

.copyrights a:visited {
    color: #56BA4F;
}

.copyrights a:hover {
    /*color: #2b2f34;*/
    color: #f0542d;
    text-decoration: none
}

.copyrights a:hover .icon.shortcode {
    color: #2b2f34 !important
}

.copyrights .aligncenter {
    margin-top: 0;
    margin-bottom: 0
}

.copyrights>.row {
    padding: 0;
    margin: 0 auto
}

.copyrights .wpv-grid {
    min-height: 1px
}

.copyrights,
.copyrights * {
    font: 500 12px/14px "Segoe UI", Arial, sans-serif;
    /*color: #211a1a;*/
    color: #ffffff;
}

.dwidget_text {
    padding: 0 !important;
}

.dfootlogo {
    /*width: 320px;*/
    width: 300px;
    margin-top: 60px !important;
}


/* .portfolios, */
.services,
.unapproved {
    padding-top: 15px;
    padding-bottom: 15px
}

.loop-wrapper.page-content {
    padding-top: 0;
    padding-bottom: 0
}

.alignnone {
    float: none !important
}

.textcenter {
    text-align: center
}

.textright {
    text-align: right
}

.alignright {
    float: right;
    margin: 1em 0 1em 1.5em
}

.alignleft {
    float: left;
    margin: 1em 1.5em 1em 0
}

.aligncenter {
    display: block;
    margin: 1em auto
}

a img.alignright {
    float: right;
    margin: 0 0 20px 25px
}

a img.alignnone {
    margin: 0
}

a img.alignleft {
    float: left;
    margin: 0 25px 20px 0
}

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

img.alignleft {
    margin: 0 25px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 10px 5px 0
}

img.alignright {
    margin: 0 0 20px 25px
}

.wp-caption.alignright {
    margin: 5px 0 5px 10px
}

img.aligncenter {
    margin: 0 auto
}

img.alignnone {
    margin: 5px 0
}


.entry-caption,
.gallery-caption {
    margin-top: 0;
    font: italic 14px/18px "Segoe UI", Arial, sans-serif;
    ;
    color: #898989
}

.gallery-caption,
.bypostauthor {
    outline: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    width: 100%
}

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

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

th {
    font-weight: 700;
    text-transform: uppercase
}

td {
    border: none;
    padding: 6px 10px 6px 0
}

dl {
    margin: 0 20px
}

dt {
    font-weight: 700
}

dd {
    margin: 0 0 10px
}

address {
    font-style: italic;
    margin: 0 0 24px
}

var,
cite {
    font-style: italic
}

.page-title {
    background-image: url(https://codex-themes.com/thegem/sites/building-construction/wp-content/uploads/2018/12/1-7.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover;

    /* background: url(https://themexriver.com/wp/royel-construction/wp-content/uploads/2023/02/img-1-5.jpg) center center/cover no-repeat local; */
}

.page-title {
    /* height: 593.438px; */
    transform: translate3d(0px, 0px, 0px);
    height: 400px;
    position: relative;
    width: 100%;
}

.page-title:before {
    content: "";
    /* background-color: rgba(0, 0, 0, 0.3); */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.page-title .container {
    height: 100%;
    display: table;
}

.page-title .container>.row {
    vertical-align: middle;
    display: table-cell;
}

.page-title .breadcrumb {
    background-color: transparent;
    padding: 0;
    display: table-cell;
}

.page-title h1 {

    font-weight: 800;


    margin: 0em 0px 0px;
    color: rgb(255, 255, 255);
    background-color: #8dc63f;
    text-transform: uppercase;
    padding: 10px;
    line-height: 75px;
    font-size: 80px;

}

.page-title .breadcrumb div {

    background-color: #262C6B;
    color: #ffffff;
    width: fit-content;
    font-size: 26px;
    line-height: 1.2;
    padding: 10px;
    text-transform: uppercase;
}

.breadcrumb #crumbs {
    font-size: 1.125rem;
    color: #b0bac1;
}

.breadcrumb #crumbs a {
    color: #b0bac1 !important;
}

.breadcrumb #crumbs span.current {
    color: #ffc527;
    margin-right: 5px;
}

.elementor-22.elementor-element.elementor-element-7a09be7 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-element {
    --widgets-spacing: 20px;
}

.elementor-element {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}

.elementor-section {
    position: relative;
}

.elementor-section .elementor-container {
    /*display: flex;*/
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.elementor-column {
    position: relative;
    min-height: 1px;
    display: flex;
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: flex;
}

.elementor-widget-wrap {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-start;
}

.elementor-widget-wrap>.elementor-element {
    width: 100%;
}

.elementor-element .elementor-widget-container {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);
}

.section-padding {
    /* padding: 125px 0 120px; */
    padding: 80px 0 80px;
}

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

.section-title .sub-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: #737a7f;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.section-title h2 {
    font-size: 40px;
    font-size: 2.2rem;
    color: #272e33;
    padding-bottom: 0.5em;
    margin: 0 0 0.7em;
    position: relative;
    text-transform: capitalize;
    position: relative;
}

.section-title h2:after {
    content: "";
    background-color: #ffc527;
    width: 45px;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
    box-shadow: 0 2px 5px 0 #dedede;
}

.section-title p {
    margin: 0;
}

.about-us-section-s2 .about-us-content {
    overflow: hidden;
    margin: 50px -15px 0;
}

.about-us-section-s2 .about-us-content h3 {
    font-size: 22px;
    font-size: 1.375rem;
    color: #5b6166;
    margin: 0 0 40px 15px;
}

.about-us-section-s2 .about-us-content .box {
    width: 33.33%;
    float: left;
    padding: 0 15px;
}

.about-us-section-s2 .about-us-content .icon {
    background-color: #8dc63f;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}

.about-us-section-s2 .about-us-content .box h4 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #000000 !important;
    margin: 1.28em 0 0.39em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 600
}

.about-us-section-s2 .about-us-content .box h4:hover {
    color: #F26E4D !important;
}

.about-us-section-s2 .aboutus-video {
    -webkit-box-shadow: 0 0 50px 0 #cccccc;
    -moz-box-shadow: 0 0 50px 0 #cccccc;
    -o-box-shadow: 0 0 50px 0 #cccccc;
    -ms-box-shadow: 0 0 50px 0 #cccccc;
    box-shadow: 0 0 50px 0 #cccccc;
    position: absolute;
}

.about-us-section-s2 .aboutus-video .frame {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 20px solid rgba(0, 0, 0, 0.2);
}

.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.about-us-section-s2 .aboutus-video .video-play {
    background-color: #ffc527;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 25px;
    font-size: 1.5625rem;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about-us-section-s2 .aboutus-video .video-play:hover {
    background-color: red;
}

.elementor a {
    box-shadow: none;
    text-decoration: none;
}

.our-history-section {
    position: relative;
    padding: 65px 0 65px;
}

.our-history-section:before {
    content: "";
    width: 450px;
    height: 508px;
    position: absolute;
    left: 50%;
    top: 120px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.elementor-element.elementor-element-448161e .our-history-section:before {
    background-image: url(../img/overviewgroup.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.res-only {
    display: none;
}

.righttext {
    padding-right: 35px;
    text-align: justify;
}

.lefttext {
    padding-left: 35px;
    text-align: justify;
}

.our-history-section .section-title {
    margin-bottom: 0;
}

.our-history-section .text-block p {
    margin-bottom: 1.5em;
    line-height: 2;
}

.our-history-section .quote {
    padding: 65px 40px;
    border: 1px solid #e6e6e6;
    position: relative;
}

.our-history-section .quote:before {
    font-family: "FontAwesome";
    content: "\f10d";
    font-size: 28px;
    font-size: 1.75rem;
    color: #ffc527;
    position: absolute;
    left: 18px;
    top: -18px;
}

.our-history-section .quoter-info {
    margin-top: 35px;
}

.our-history-section .quoter-info h5 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 0.2em;
    text-transform: capitalize;
}

.our-history-section .quoter-info>span {
    /* font-size: 14px; */
    font-size: 0.875rem;
}

.our-history-section:after {
    content: "";
    background-color: #e6e6e6;
    width: 1170px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.elementor-icon-box-wrapper {
    text-align: left;
    flex-direction: row;
}

.elementor-icon-box-icon {
    margin-right: var(18px, 15px);
    margin-left: 0;
    margin-bottom: unset;
}

.elementor-icon {
    display: inline-block;
    line-height: 1;
    transition: all .3s;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-color: #FFFFFF;
    font-size: 60px;
    text-align: center;

}

.elementor-icon i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

.elementor-icon-box-content {
    flex-grow: 1;
    margin-top: -25px;
    margin-left: 10px;

}

.our-vision-section {
    /* background-image: url('../img/visionbg.jpg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    background-color: #3B57A6;
    padding: 70px 0 70px;
}

.our-vision-section .section-title h2 {
    color: #ffffff;

}

.our-vision-section .section-title i {
    color: #8dc63f;
    position: relative;
    font-size: 72px;

}

.our-vision-section .container p {
    color: #ffffff !important;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300 !important;
}

.our-vision-section .section-title h2::after {
    background-color: #8dc63f;
    width: 90px;
    right: 0;
    margin: auto;
}



.elementor-icon-box-title {
    /* font-family: "Montserrat", Sans-serif; */
    font-size: 45px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;

    line-height: 1.2;

}


.fun-fact {
    padding: 150px 0;
    text-align: center;
    /* position: relative; */
}

.fun-fact:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.fun-fact .counter {
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 72px;
    font-size: 4.5rem;
    font-weight: bold;
    color: #ffc527;
    position: relative;
}

.fun-fact h3 {
    font-family: 'Futura', Arial, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal;
    margin: 0;
    color: #fff;
    position: relative;
}

#jarallax-container-0 {
    clip: rect(0 1519.2000732421875px 510.6499938964844px 0);
    clip: rect(0, 1519.2000732421875px, 510.6499938964844px, 0);
}

.elementor-widget:not(:last-child) {
    margin-bottom: 20px;
}

.elementor-heading-title {
    padding: 0;
    margin: 0;
    line-height: 1;
}

.elementor-inner-section .elementor-column-gap-no .elementor-element-populated {
    padding: 0;
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
    display: flex;
}

.elementor-column .elementor-spacer-inner {
    height: 6px;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}

.elementor-element.elementor-element-ff7293e>.elementor-widget-container {
    padding: 0px 20px 0px 20px;
}

.team-grids .grid {
    position: relative;
    -webkit-box-shadow: 0 0 15px 0 #d9d9d9;
    -moz-box-shadow: 0 0 15px 0 #d9d9d9;
    -o-box-shadow: 0 0 15px 0 #d9d9d9;
    -ms-box-shadow: 0 0 15px 0 #d9d9d9;
    box-shadow: 0 0 15px 0 #d9d9d9;
    overflow: hidden;
}

.team-grids .grid .img-holder {
    background-color: #fff;
    text-align: center;
    height: 330px;
}

.team-grids .grid .img-holder img {
    display: inline-block;
    display: inline-block;
    height: 100%;
    object-fit: cover;
    width: 100%;

}

.team-grids .details {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 30%;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.team-grids .details:before {
    background-color: rgba(255, 197, 39, 0.9);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -70%;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

.team-grids .details>div {
    width: 100%;
    padding: 45px 25px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.team-grids .details h4 {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0;
    text-transform: capitalize;
    font-weight: 700;
    color: #000;
}

.team-grids .details .position {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    display: block;
}

.social-links {
    overflow: hidden;
}

.social-links li {
    float: left;
    list-style: none;
}

.social-links li a {
    color: #000;
    font-size: 18px;
}

.team-grids .social-links {
    margin-top: 15px;
    margin-left: 0;
}

.team-grids .social-links li {
    margin-right: 8px;
}

.team-grids .grid:hover .details,
.team-grids .grid:hover .details:before {
    left: 0;
    opacity: 1;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px;
}

@media screen and (min-width: 1200px) {
    .about-us-section-s2 .section-title {
        padding-right: 80px;
    }



    .our-history-section .quote-wrapper {
        padding-left: 65px;
        margin-top: -50px;
    }
}

.projectsbanner {
    background-image: url('../img/projectbanner.jpg');
    background-size: cover;
    background-position: center;
}

.pinfobanner {
    background-image: url('../img/pinfobanner.jpg');
    background-size: cover;
    background-position: bottom;
}

.crtbanner {
    background-image: url('../img/crtbannernew.jpg');
    background-size: cover;
    background-position: center;
}

.servicesbanner {
    /*background-image: url('../img/servicesbanner.jpg');*/
    background-size: cover;
    background-position: bottom;
}

.preengbanner {
    background-image: url('../img/prebanner.jpg');
    background-size: cover;
    background-position: top;
}

.epcbanner {
    background-image: url('../img/epcbanner.jpg');
    background-size: cover;
    background-position: top;
}

.designbanner {
    background-image: url('../img/degibanner.jpg');
    background-size: cover;
    background-position: top;
}

.quickbanner {
    background-image: url('../img/quickbanner.jpg');
    background-size: cover;
    background-position: top;
}

.mgobanner {
    background-image: url('../img/mgobanner.jpg');
    background-size: cover;
    background-position: top;
}

.enerbanner {
    background-image: url('../img/enerbanner.jpg');
    background-size: cover;
    background-position: top;
}

.lstbanner {
    background-image: url('../img/lstbanner.jpg');
    background-size: cover;
    background-position: center;
}

.icsbanner {
    background-image: url('../img/icsbanner.jpg');
    background-size: 100% 100%;
    background-position: center;
}

.prefabbanner {
    background-image: url('../img/prefabbanner.jpg');
    background-size: cover;
    background-position: top;
}

.newsbanner {
    background-image: url('../img/newsbanner.jpg') !important;
    background-size: 100% 100% !important;
    background-position: center 20px !important;
}

.tbtproductsbanner {
    background-image: url('../img/tbtproductsbanner.jpg.png');
    background-size: cover;
    background-position: bottom;
}

.gallerybanner {
    background-image: url('../img/gallery_banner.jpg');
    background-size: cover;
    background-position: center;
}

.teambanner {
    background-image: url('../img/teambanner.png');
}

.temabanner::before {
    background-color: rgba(0, 0, 0, 0.2);
}

.careerbanner {
    background-image: url('../img/careers.jpg');
    background-size: cover;
    background-position: center;
    /*background-position-y: 100%;*/
}

.contactbanner {
    background-image: url('../img/contact-banner.jpg');
    background-size: cover;
    background-position: center;
    background-position-y: 100%;
}

.contactbanner::before {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.chevron {
    position: relative;
    z-index: 2;
    max-width: 115rem;
    width: calc(100% - 8rem);
    margin: 0 auto;
}

.chevron::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 57px;
    background-image: url("data:image/svg+xml;encoding=utf-8,%3Csvg width='52' height='57' preserveAspectRatio='xMaxYMax' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FDB927' fill-rule='evenodd'%3E%3Cpath d='M27.326 15.909a2.556 2.556 0 01-2.746.024L0 .675v8.944l20.77 12.894c3.246 2.015 7.259 1.98 10.472-.092L52 9.037V0L27.326 15.909z'/%3E%3Cpath d='M27.326 31.909a2.556 2.556 0 01-2.746.024L0 16.675v8.944l20.77 12.894c3.246 2.015 7.259 1.98 10.472-.092L52 25.037V16L27.326 31.909z'/%3E%3Cpath d='M27.326 48.909a2.556 2.556 0 01-2.746.024L0 33.675v8.944l20.77 12.894c3.246 2.015 7.259 1.98 10.472-.092L52 42.037V33L27.326 48.909z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 7000ms;
    animation-duration: 7000ms;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: -6300ms;
    animation-delay: -6300ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.w-1\/3 {
    width: 33.333%;
}


/*

.form-group select {
    padding-right: 3.5rem;
    background-image: url(data:image/svg+xml;encoding=utf-8,%3Csvg preserveAspectRatio='xMaxYMax' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23FDB927' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E);
    background-position: right 1rem top calc(50% + 1px);
    background-size: auto 1.75rem;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
} */

.form-group select.select--dark {
    border-color: #231f20;
    color: #fff;
    background-color: #231f20;
}

.tile-set {
    margin: -1rem;
}

.tile,
.tile-set__tiles-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.tile-set__tiles-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
}

.tile {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: calc(100%/3);
    flex-basis: calc(100%/3);
    -webkit-align-items: center;
    align-items: center;
    padding: 1rem;
}


.tile__wrapper {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    color: #000;
}


.tile__wrapper.tile__wrapper--bg-image,
.tile__wrapper.tile__wrapper--bg-image-hover {
    height: 16rem;
    background-position: center;
    background-size: cover;
}

.epcprojects .tile__wrapper.tile__wrapper--bg-image,
.tile__wrapper.tile__wrapper--bg-image-hover {
    /* height: 14rem; */
    height: 18rem;
    background-position: center;
    background-size: cover;
}

.epcprojects .tile__btn {
    padding: 0.5rem;
    width: 4rem;
}

/* .tile__wrapper.tile__wrapper--bg-image-hover {
    color: #fff;
    background-color: #231f20;
} */


.tile__content-wrapper {
    z-index: 1;
    width: 100%;
    text-align: center;
}

.tile__wrapper.tile__wrapper--bg-image-hover .tile__content-wrapper {
    position: relative;
    visibility: hidden;
    padding: 2rem;
    opacity: 0;
    transition: all 200ms;
}

.tile__meta {
    position: absolute;
    top: 16px;
    left: 50%;
    margin-bottom: 1rem;
    color: #f0542d;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: bold;
}

.text-lg {
    font-size: 1.8rem;
}

.u-color-text-white {
    color: #fff !important;
    font-weight: 700;
}

.tile__btn {
    padding: 0;
    border: 0;
    color: #fdb927;
    font-weight: 600;
}


.btn--dark,
.tile__btn {
    background-color: #8DC63F;
}


.btn--icon,
.tile__btn {
    display: -webkit-flex;
    display: flex;
    padding: 1rem 1rem;
}


.tile__btn {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.tile__wrapper.tile__wrapper--bg-image-hover .tile__btn {
    opacity: 0;
    transition: all 200ms;
}

.btn::after,
.navigation-main__nav-item.navigation-main__nav-item--primary a::after,
.site-banner__close-trigger::after,
.tile__btn::after {
    content: " ";
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


.tile__btn::after {
    background-image: url("data:image/svg+xml;encoding=utf-8,%3Csvg width='15' height='17' preserveAspectRatio='xMaxYMax' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.883 0L4.67 4.391c.432.68.439 1.529.02 2.215L2.003 11H.141l3.178-5.2a.548.548 0 00-.005-.58L0 0h1.883zm4 0L8.67 4.391c.432.68.439 1.529.02 2.215L6.003 11H4.141l3.178-5.2a.548.548 0 00-.005-.58L4 0h1.883z' fill='%23FDB927' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.btn--icon::after,
.tile__btn::after {
    width: 2.2em;
    height: 2.2em;
    margin: 0;
}

.tile__wrapper.tile__wrapper--bg-image-hover::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #231f20;
    opacity: 0;
    transition: opacity 200ms;
}

.u-text-align-center {
    text-align: center !important;
}


.btn::after {
    width: 0.7em;
    height: 0.7em;
    margin-left: 0.3em;
    background-image: url("data:image/svg+xml;encoding=utf-8,%3Csvg width='9' height='11' preserveAspectRatio='xMaxYMax' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.883 0L4.67 4.391c.432.68.439 1.529.02 2.215L2.003 11H.141l3.178-5.2a.548.548 0 00-.005-.58L0 0h1.883zm4 0L8.67 4.391c.432.68.439 1.529.02 2.215L6.003 11H4.141l3.178-5.2a.548.548 0 00-.005-.58L4 0h1.883z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
}


.btn::after,
.navigation-main__nav-item.navigation-main__nav-item--primary a::after,
.site-banner__close-trigger::after,
.tile__btn::after {
    content: " ";
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.btn--dark::after,
.btn--secondary::after,
.tile__btn::after {
    background-image: url("../img/arrowsvgwhite.png");
    background-size: cover;
}



.tile__wrapper.tile__wrapper--bg-image-hover::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #001b5e;
    opacity: 0;
    transition: opacity 200ms;
}

.tile__wrapper.tile__wrapper--bg-image-hover:focus::after,
.tile__wrapper.tile__wrapper--bg-image-hover:hover::after {
    opacity: .9;
}

.loadmore {
    background-color: #001b5e;
    color: #fff;
}

.loadmore:hover {
    background-color: #f0542d;
    color: #fff;
}

.tile__wrapper.tile__wrapper--bg-image-hover:hover .tile__content-wrapper,
.tile__wrapper.tile__wrapper--bg-image-hover:hover .tile__btn {

    visibility: visible;
    opacity: 1;
}

.tile__btn:hover {
    color: #fff;
}

.tile__btn:focus::after,
.tile__btn:hover::after {
    -webkit-animation-name: bobble;
    animation-name: bobble;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@-webkit-keyframes bobble {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }
}

@keyframes bobble {

    0%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(25%);
        transform: translateX(25%)
    }
}

.pdf-container {
    overflow: hidden;
    /* Hides the scrollbars */
    position: relative;
    /* Needed for absolute positioning if you add custom scroll controls */
}

/* For Webkit browsers (Chrome, Safari, Edge, Opera) */
.pdf-container::-webkit-scrollbar {
    display: none;
}

/* For Firefox */
.pdf-container {
    scrollbar-width: none;
}

/* For IE and Edge (older versions) */
.pdf-container {
    -ms-overflow-style: none;
}

#scroller {
    overflow: hidden;
}

#viewer {
    --vertical-scrollbar-width: 5px;
}

.card-image {
    background: #ffffff;
    display: block;
    /*padding-top: 70%;*/
    position: relative;
    width: 100%;
}

.card-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.wrapper {
    max-width: 75rem;
    padding: 2rem;
    margin: 0 auto;
}

/* Gallery */
.achievegallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 10rem);
    gap: .5rem;
}

/* Gallery Layout */
.gallery__item--1 {
    grid-column: 1 / span 1;
    grid-row: 1 / span 2;
    margin: auto;
    margin-bottom: 35px;
}

.gallery__item--2 {
    grid-column: 3 / span 1;
    grid-row: 1 / span 2;
    margin: auto;
    margin-bottom: 35px;
}

.gallery__item--3 {
    grid-column: 1/ span 1;
    grid-row: 3/ span 3;
    /*margin-bottom: 35px;*/
}

.gallery__item--4 {
    grid-column: 2 / span 1;
    grid-row: 6 / span 2;
}

.gallery__item--5 {
    grid-column: 2 / span 1;
    grid-row: 2 / span 3;
    /*margin: auto;*/
}

.gallery__item--6 {
    grid-column: 3 / span 1;
    grid-row: 3 / span 3;
    /*margin-bottom: 35px;*/
}

.gallery__item--7 {
    grid-column: 1 / span 1;
    grid-row: 6 / span 2;
}


/* Gallery Link */
.gallery__link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Gallery Link Overlay */
.gallery__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.4);
    font-size: 1.5rem;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;

    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
}

.gallery__link:hover .gallery__overlay,
.gallery__linkre:hover .gallery__overlay {
    opacity: 1;
}

/* Gallery Overlay Text */
.gallery__overlay span {
    position: relative;
    line-height: 3rem;
}

.gallery__overlay span:before,
.gallery__overlay span:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    background: #fff;
    transition: width .3s ease-out .2s;
}

.gallery__overlay span:before {
    top: 0;
    left: 0;
}

.gallery__overlay span:after {
    bottom: 0;
    right: 0;
}

.gallery__link:hover .gallery__overlay span:before,
.gallery__link:hover .gallery__overlay span:after {
    width: 100%;
}


/* Gallery Image */
.gallery__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition:
        transform .5s,
        filter .5s;
}

.gallery__link:hover .gallery__image {
    transform: scale(1.2);
    filter: blur(2px);
}

@media screen and (max-width: 60rem) {
    .wrapper {
        padding: 1rem;
    }

    .achievegallery {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Gallery Layout */
    .gallery__item--1 {
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
    }

    .gallery__item--2 {
        grid-column: 1 / span 1;
        grid-row: 2 / span 1;
    }

    .gallery__item--3 {
        grid-column: 2 / span 1;
        grid-row: 1 / span 2;
    }

    .gallery__item--4 {
        grid-column: 1 / span 1;
        grid-row: 3 / span 2;
    }

    .gallery__item--5 {
        grid-column: 2 / span 1;
        grid-row: 3 / span 1;
    }

    .gallery__item--6 {
        grid-column: 2 / span 1;
        grid-row: 4 / span 1;
    }

    .gallery__overlay {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 35rem) {
    .achievegallery {
        display: block;
    }

    .gallery__item {
        margin: .5rem;
    }

    .gallery__link {
        height: 80vw;
    }

    .gallery__overlay {
        font-size: 1rem;
    }
}


.hide {
    display: none;
}

;

.project_menu_item {
    margin-top: 25px;
}



.project_menu_item ul li {
    display: inline-block;
    color: #83868c;
    font-weight: 500;
    font-size: 15px;
    text-transform: capitalize;
    margin-left: 45px;
    cursor: pointer;
}

.project_menu_item .active {
    color: #ff5e13;
}

.project_menu_item ul li:hover {
    color: #ff5e13;
}

.p_120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.main_title {
    text-align: center;
    max-width: 720px;
    margin: 0px auto 75px;
}

.main_title h2 {
    /* font-family: "Oswald", sans-serif; */
    font-size: 36px;
    color: #222222;
    margin-bottom: 12px;
}

.main_title p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #777777;
    margin-bottom: 0px;
}

.feature_inner {
    margin-bottom: -30px;
}

.feature_item {
    background: #fff;
    border-radius: 10px;
    padding: 40px 60px 40px 40px;
    margin-bottom: 30px;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    border: 1px solid #eeeeee;
    height: 100%;
}

.feature_item h4 {
    font-size: 18px;
    /* font-family: "Oswald", sans-serif; */
    font-weight: 500;
    color: #222222;
    margin-bottom: 20px;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.feature_item h4 i {
    font-size: 24px;
    padding-right: 15px;
    position: relative;
    top: 4px;
}

.lnr {
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lnr-user:before {
    content: "\e82a";
}

.feature_item:hover {
    -webkit-box-shadow: 0px 10px 30px 0px rgba(157, 157, 157, 0.2);
    box-shadow: 0px 10px 30px 0px rgba(157, 157, 157, 0.2);
    border-color: #fff;
}

.feature_item:hover h4 {
    color: #3B57A6;
}

.feature_item p {
    margin-bottom: 0px;
}

/*.feature_item:hover p {
    font-size: 16px;
}*/
.u-overflow-hidden {
    overflow: hidden;
}

.split-content--centered {
    -webkit-align-items: center;
    align-items: center;
}

.split-content {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin: -3rem;
}

.split-content__item {
    display: inline-block;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    min-width: 42rem;
    max-width: 70%;
    padding: 2rem;
}

.split-content__item-body {
    position: relative;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    /*padding-left: 2rem;*/
    padding-left: 1rem;
    overflow: hidden;
}

.h-300 {
    height: 300px !important;
}

.h-350 {
    height: 350px !important;
}

.h-400 {
    height: 400px !important;
}



.split-content__item-body .text-display-4::after {
    content: " ";
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 0;
    height: 0.2rem;
    background: #8dc63f;
    transition: width 1000ms cubic-bezier(.16, 1, .3, 1);
    margin-top: 10px;
}

.splitwidth {
    max-width: 30% !important;
    min-width: 30%;
}

.aos-animate .split-content__item-body .text-display-4::after {
    width: 30%;
}

.mgo-text-display-4::after {
    width: 30% !important;
    margin: auto;
    margin-top: 10px;
}

.aos-animate .split-content__item-body .text-content {
    transition: transform 1000ms cubic-bezier(.16, 1, .3, 1);
    transition: transform 1000ms cubic-bezier(.16, 1, .3, 1), -webkit-transform 1000ms cubic-bezier(.16, 1, .3, 1);
    transition-delay: 250ms;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.split-content__item-body .text-content {
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
}

.text-content {
    line-height: 1.5;
}

.text-display-4 {
    font-size: 2.2rem;
    line-height: 1.15;
    color: #3B57A6
}

.text-display-6 {
    font-size: 20px;
    color: #3B57A6;
}


.aos-animate .split-content__item-body .button-group {
    transition: transform 1000ms cubic-bezier(.16, 1, .3, 1);
    transition: transform 1000ms cubic-bezier(.16, 1, .3, 1), -webkit-transform 1000ms cubic-bezier(.16, 1, .3, 1);
    transition-delay: 250ms;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.split-content__item-body .button-group,
.split-content__item-body .text-content {
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
}

.button-group {
    margin: -1rem -2rem;
}

.wipe-in {
    transition: clip-path 1000ms cubic-bezier(.16, 1, .3, 1);
    transition: clip-path 1000ms cubic-bezier(.16, 1, .3, 1), -webkit-clip-path 1000ms cubic-bezier(.16, 1, .3, 1);
    transition-delay: 500ms;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

.aos-animate .wipe-in {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.pinfo .tile {
    flex-basis: calc(100%/4);
}

/* .tile__wrapper.tile__wrapper--bg-image-hover .tile__btn.tile__btn--gallery {
    content: url("data:image/svg+xml;encoding=utf-8,%3Csvg width='27' height='27' preserveAspectRatio='xMaxYMax' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.904 10.633a.993.993 0 01-.992.992h-2.287v2.287a.992.992 0 11-1.983 0v-2.287H7.355a.992.992 0 110-1.984h2.287V7.355a.992.992 0 111.983 0v2.286h2.287a.993.993 0 01.992.992zM27 23.072a3.928 3.928 0 01-6.705 2.777l-5.456-5.455a10.531 10.531 0 01-4.206.873A10.636 10.636 0 010 10.633 10.636 10.636 0 0110.633 0a10.636 10.636 0 0110.634 10.633 10.531 10.531 0 01-.873 4.206l2.033 2.028 3.422 3.427A3.891 3.891 0 0127 23.072zm-16.366-3.79a8.652 8.652 0 008.65-8.649A8.651 8.651 0 004.516 4.517a8.65 8.65 0 00-2.533 6.116 8.66 8.66 0 002.538 6.112 8.66 8.66 0 006.111 2.538zm6.01.11l1.072 1.051a11.769 11.769 0 002.728-2.728l-1.072-1.07a10.642 10.642 0 01-2.727 2.747zm8.372 3.68a1.93 1.93 0 00-.57-1.374l-2.564-2.564a13.545 13.545 0 01-2.748 2.748l2.564 2.564c.768.736 1.98.736 2.748 0a1.93 1.93 0 00.57-1.374z' fill='%23FDB927' fill-rule='nonzero'/%3E%3C/svg%3E");
} */
.portfolio-item {
    /*width:100%;*/
}

.portfolio-item .item {
    /*width:303px;*/
    float: left;
    margin-bottom: 10px;
}

.pinfo .tile {
    /* flex-basis: calc(100%/4); */
    flex-basis: calc(100%/3);
}

.tile__wrapper.tile__wrapper--bg-image-hover .tile__btn.tile__btn--gallery {
    content: url("../img/zoom.png");
}

.bg-brand-gray {

    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, 1);
}

.custom-shadow {
    box-shadow: 11px 11px 0 0 #8dc63f;
}

.border-black {
    border: 1px solid #8dc63f;
    border-color: #8dc63f !important;
    /* border-color: rgba(0,0,0,1); */
}

.project-map iframe {
    width: 100% !important;
}

.eurostile {
    font-size: 20px;
    font-weight: 700;
    color: #ff5e13;
    /* font-family:  'Futura', Arial, sans-serif; */
}

.eurotext {
    font-family: 'Futura', Arial, sans-serif;
    font-size: 48px;
    line-height: 1.2;
    color: #001b5e;
}

.pinfo .tile__btn {
    background-color: #fff
}

.phigh {
    color: #3B57A6;
    font-weight: 600;
}

.phigh::after {
    content: " ";
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 12%;
    height: 0.2rem;
    background: #8dc63f;
    transition: width 1000ms cubic-bezier(.16, 1, .3, 1);
    margin-top: 10px;
}

.gallery::after {
    content: " ";
    position: relative;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: 2;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 50px;
    height: 0.2rem;
    background: #8dc63f;
    transition: width 1000ms cubic-bezier(.16, 1, .3, 1);
    margin-top: 10px;
}

.pinfo .tile a {
    background-size: 100% 100%;
}

.mainlogo {

    /* border-right: 2px solid #000 !important; */
    margin-right: 10px;
}

.vertical-line {
    display: inline-block;
    border-left: 1px solid #ccc;
    margin: 0 10px;
    height: 80px;
}

.crtbanner h1,
.servicesbanner h1,
.tbtproductsbanner h1,
.projectsbanner h1,
.aboutusbanner h1,
.pinfobanner h1 {
    background-color: transparent;
    font-size: 48px;
    text-align: center;
    text-transform: capitalize;
}

.aboutusbanner:before {
    background-color: rgba(0, 0, 0, 0.3);
}

.tbtproductsbanner h1,
.crtbanner h1 {
    text-align: left;
}

.crtbanner::before,
.servicesbanner::before,
.projectsbanner::before,
.pinfobanner::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.2);
}

.projectsbanner::before {
    background-color: rgba(0, 0, 0, 0.3);
}

.newsbanner::before {
    background-color: rgba(0, 0, 0, 0.1);
}

.preengbanner::before,
.epcbanner::before {
    background-color: rgba(0, 0, 0, 0.1);
}

.crtbanner::before {
    background-color: rgba(0, 0, 0, 0.4);
}


/* .servicestower::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0,0,0,0.5);
} */

.headtext {
    color: #3B57A6;
    line-height: 1.2;
    letter-spacing: 1.2px;
}

.headtext::after {
    content: " ";
    position: relative;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: 2;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 20%;
    height: 0.2rem;
    background: #8dc63f;
    transition: width 1000ms cubic-bezier(.16, 1, .3, 1);
    margin-top: 10px;
}

.serviceslist {
    margin-left: 10%;

}

.primarycolor {
    color: #3B57A6 !important;
}

.secondarycolor {
    color: #ff5e13 !important;
    font-size: 18px;
}

.customwidth {
    max-width: 80% !important;
    margin: auto;
}


.smartfeatureheading {
    font-size: 30px;
    font-weight: 500;
}

.downloadbtn {
    background-color: #3B57A6;
    border-color: #3B57A6;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.downloadbtn::after {
    background-image: none;
    display: none;
}

.downloadbtn:hover {
    background-color: #ff5e13;
    color: #fff;
}


.video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-30%);
}

.videocarouselitem {
    height: 100vh;
    min-height: 300px;
}

.videocarouselitem .smart-caption {
    bottom: 0;
    z-index: 2;

}

.videocarouselitem .smart-caption h4 {
    font-size: 45px;
    /*text-transform: uppercase;*/
    letter-spacing: 2px;
    margin-top: 25px;
    color: #8dc63f;
}

.videocarouselitem .smart-caption p {
    width: 60%;
    margin: auto;
    font-size: 18px;
    line-height: 1.8;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
}

.videocarouselitem .smart-caption a {
    text-transform: uppercase;
    text-decoration: none;
    background: #1977cc;
    padding: 5px 20px;
    display: inline-block;
    color: #fff;
    margin-top: 15px;
    border-radius: 5px;
}

.carousel-inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.videologo {
    width: 450px;
    margin: auto;
}

.gridimg {
    background-image: url('../img/solarshot2.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 80%;
    padding-top: 20px;
    padding-bottom: 20px;

}

.solarserviceslist {
    margin-left: 5%;
}


.smartfeature {
    background-color: rgb(141, 198, 63, 0.8);
    padding-top: 60px;
    padding-bottom: 60px;
    margin: auto;

}

.smartfeature .feature_item h3 {
    color: #3B57A6;
    text-align: center;
    font-weight: 600;
}

.smartfeature .feature_item {
    height: 400px;
}

.smartfeature .feature_item:hover {
    box-shadow: 0px 10px 30px 0px #3B57A6;
    border-color: #3B57A6;

}

/*.smartfeature .feature_item:hover h3 {
  color: #ff5e13;
}

.smartfeature .feature_item:hover p {
  font-size: 16px;
}*/


.smartfeatureheading::after {
    content: " ";
    position: relative;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 30%;
    height: 0.2rem;
    background: #ff5e13;
    transition: width 1000ms cubic-bezier(.16, 1, .3, 1);
    margin-top: 10px;
}

.innervideo {
    position: relative;
    width: 70%;
    height: 400px;
    margin: auto;

}

.blog-entry {
    width: 100%;
    margin-bottom: 40px;
}

.block-20 {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 320px;
    width: 100%;
    position: relative;
    display: block;
}

.blog-entry .text {
    position: relative;
    border-top: 0;
    border-radius: 2px;
    width: 100%;
    background: #fff;
    padding: 20px 30px;
    height: 210px;
}

.blog-entry .meta {
    display: inline-block;
    position: absolute;
    top: -33px;
    background: #fc5e28;
    padding: 0 10px;
}

.blog-entry .meta p {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.blog-entry .meta p a {
    color: #fff;
    font-size: 12px;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.blog-entry .text .heading {
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 700;
}

.blog-entry .text .heading a {
    color: #000000;
}

.btnp {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;

}

.btnp .btn {
    background-color: #3B57A6;
    color: #fff;
}

.btnp .btn:hover {
    background-color: #8dc63f;
    color: #fff;
}

.modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

.modal-body {
    position: relative;
    padding: 0px;
}

.gallerybtn-close {
    position: absolute;
    right: -30px;
    top: 0;
    color: #ff5e13;
}


.modal-backdrop.show {
    opacity: 0;
    display: none;
}

.gallerymodal {
    top: 20%;
}

.ftco-no-pb {
    padding-bottom: 0 !important;
}

.ftco-section {
    /* padding: 7em 0; */
    padding: 75px 0;
    position: relative;
}

.heading-section .subheading {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #fc5e28;
    letter-spacing: 2px;
    font-weight: 600;
}

/* .heading-section h2 {
    line-height: 1.2;
    font-size: 40px;
    font-weight: 700;
} */
.contact-section .contact-form {
    width: 100%;
    border-radius: 5px;
    background: #f8f9fa;
}


.block-9 .form-control {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 15px;
}


.contact-section .contact-form .form-control {
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
}


.contact-section .contact-form .form-control {
    /* height: 36px; */
    background: #fff !important;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
}

.contact-form label {
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500 !important;
    color: #3B57A6;
}

.contact-form .form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: none;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* .contact-form .form-select option:hover, .contact-form .form-select option:focus{
  background-color: #3B57A6;
} */
.contact-form .form-select:hover,
.contact-form .form-select:focus {
    border: none !important;
}

div.upload {
    position: relative
}

div.upload:hover {
    opacity: .95
}

div.upload input[type=file] {
    display: input-block;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    z-index: 999999;
}

.activefile {
    opacity: 1 !important;
    font-weight: 400
}

div.upload {
    position: relative;
    padding-top: 10px !important;
    height: 43px;
}

div.upload input[type=file] {
    display: input-block;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
}

.uploadButton {
    background-color: #f26112;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 0 20px;
    box-sizing: content-box;
    float: right
}

.upload+.uploadButton {
    height: 38px
}

.fileName {
    opacity: .5;
    font-weight: 100;
}

.uploadButton {
    background-color: #F58634 !important;
    border: none !important;
    border-radius: 3px !important;
    color: #fff !important;
    cursor: pointer !important;
    display: inline-block !important;
    padding: 5px 20px !important;
    box-sizing: content-box !important;
    float: right !important;
    width: auto !important;
    font-size: 14px !important;
    margin: auto !important;
    z-index: 1
}

.notetext {
    font-size: 10px;
    color: #fc5e28;
}

.dbox {
    width: 100%;
    margin-bottom: 0px;
}

.dbox .icon {
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.05);
    margin: 0 auto;
    margin-bottom: 20px;
}

.dbox .icon span {
    font-size: 20px;
    color: #fc5e28;
}

.dbox .text {
    width: calc(100% - 50px);
    padding-left: 15px;
}

.dbox p {
    margin-bottom: 0;
}

.dbox .text span {
    display: block;
    line-height: 1.2;
}

.dbox p span {
    font-weight: 500;
    color: #000000;
}

#map {
    height: 500px;
    width: 100%;
}

.projectpad {
    padding-top: 50px;
    padding-bottom: 50px;

}

.servicesbox {
    box-shadow: 0 5px 5px rgba(255, 255, 255, .4) inset, 0 5px 5px rgba(255, 255, 255, .5);
    height: 400px;
    position: relative;
}

.servicesbox .services-inside .services-button-wrap {
    bottom: 0;
    position: absolute;
    margin: auto;
    width: 100%;
    margin-left: -15px;
}

#main-menu .menu .sub-menu .menu-item:hover {
    background-color: #3B57A6;

}

#main-menu .menu .sub-menu .menu-item:hover>a {
    color: #ffffff !important;
}

footer {
    font-weight: 300 !important;
}

.project-map {
    display: none;
}

.avasahead::after {
    width: 45% !important;
}

.avasawidth::after {
    width: 54%
}

.towerimg {
    position: absolute;
    right: 36px;
    bottom: 0;
    width: 30%;
    height: 113% !important;

}

/* #main-menu .menu li a span {
  font-weight: 500 !important;
} */

.membername {
    /* font-size: rem;
  line-height: 1.15; */
    color: #3B57A6
}

/* .position {
  color: #8dc63f;
} */

.team-grids1 .details {
    height: 72%;
}



/* team info */

.icon-box.medium {
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.icon-box {
    font-size: 30px;
    margin-bottom: 33px;
    display: inline-block;
    color: #ffffff;
    height: 65px;
    width: 65px;
    line-height: 65px;
    background-color: #59b73f;
    text-align: center;
    border-radius: 0.3rem;
}

.social-icon-style2 li a {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    background: #59b73f;
    height: 41px;
    line-height: 41px;
    width: 41px;
}

.rounded-3 {
    border-radius: 0.3rem !important;
}

.social-icon-style2 {
    margin-bottom: 0;
    display: inline-block;
    padding-left: 10px;
    list-style: none;
}

.social-icon-style2 li {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}


.navflow {
    color: #3B57A6;
}

.navflow:hover {
    color: #fc5e28;
}

/* .form-control-lg {
    height: calc(1.6em + 1rem + 2px);
} */

.social_icon {
    position: fixed;
    right: 0;
    bottom: 10%;
}

.social_icon ul {
    list-style: none;
}

.social_icon ul .en_quiry {
    background: linear-gradient(317deg, #3B57A6, #2d1e60);

    display: inherit;
    word-wrap: break-word;
    padding: 5px 16px;
    position: absolute;
    width: 40px;
    bottom: 230px;
    right: 0;
    animation: glowing 1300ms infinite;
}

.ressocial_icon {
    align-items: center;
    display: flex;

}

.ressocial_icon .en_quiry {
    width: 45px;
    height: 45px;
    padding: 5px;
}

.ressocial_icon .en_quiry img {
    border-radius: 50%;
    /*animation: resglowing 1300ms infinite;*/
}


@keyframes glowing {
    0% {
        background-color: #2ba805;
        box-shadow: 0 0 5px #2ba805;
    }

    50% {
        background-color: #49e819;
        box-shadow: 0 0 25px #49e819;

    }

    100% {
        background-color: #2ba805;
        box-shadow: 0 0 5px #2ba805;
    }
}

@keyframes resglowing {
    0% {
        /*background-color: #2ba805;*/
        box-shadow: 0 0 5px #2f272c;
    }

    50% {
        /*background-color: #49e819;*/
        box-shadow: 0 0 25px #172888;

    }

    100% {
        /*background-color: #2ba805;*/
        box-shadow: 0 0 5px #2f272c;
    }
}

.social_icon ul h6 {
    text-align: center;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.5;
}

#footmodel .modal {
    background: rgba(0, 0, 0, 0.7);
}

.eqn_po .modal-content {
    /* background: url(../img/cont.jpg) no-repeat;
    background-size: cover;
    background-position: center; */
    padding: 12px;
}

.fot_enq .clse_btn {
    position: absolute;
    right: -14px;
    background: #f0542d;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    top: -12px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border: 4px solid #f0542d;
}

.en_fir h3 {
    color: #3B47A6;
    text-align: center;
}

.en_fir label {
    color: #3B47A6;
    margin-bottom: 5px;
}

.en_fir .form-control {
    padding: 0.55rem 0.75rem;
    background-color: transparent;
    border: 1px solid !important;
    border-color: #cedae5 !important;
    /* border-radius: 0.7rem; */
}

.en_fir .form-control:focus {
    box-shadow: none !important;
    border: 1px solid #f0542d !important;
}

.en_fir ::placeholder {
    /* color: #f0542d !important; */
    font-size: 14px;
}

.lea_btn {

    width: 122px;
    position: relative;
    padding: 0;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 0;
    /* border-top-right-radius: 20px; */
    color: #fff;
    box-shadow: 0 4px 2px #ffffff4d;
}

.con_ms .lea_btn {
    background: #f0542d;
    border: 0;
    width: 146px;
    margin: auto;
    height: 45px;
}


.enq_modal {
    max-width: 600px;
    margin: 1.75rem auto;
}

.modal.show {
    padding-right: 0 !important;
}

body {
    padding-right: 0 !important;
}

/* .inputs-wrapper {
 position: absolute;
 top: 78%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 80%;
 z-index: 999999;
}

.inputs-wrapper .lea_btn {
  border-radius: 25px;
  box-shadow: none;
} */

.ongoingimg {
    width: 30%
}

.ongoingdiv:hover .ongoing_content {
    opacity: 0.9;
}

.innercarousel::before {
    background-color: rgba(0, 0, 0, 0);
}


.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 80%;
    padding-top: 10px;
}


.play-button {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 10px);
    width: 50px;
    height: 50px;
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0;
    margin: 0 auto;
    user-select: none;
    background-color: rgba(0, 0, 0, 0.6);
    transition: background-color 0.5s ease;
}

.play-button:after {
    position: absolute;
    top: calc(50% - 14px);
    left: calc(50% - 6px);
    display: block;
    content: "";
    box-sizing: border-box;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 15px 0 15px 20px;
}

.play-button:hover {
    background-color: #3B47A6;
}

.mediapage .modal-backdrop.show {
    opacity: 0.5;
    display: block;
}


.media-close {
    font-size: 16px;
    right: 10px;
    top: 3px;
    opacity: 1;
}

.media-body {
    padding: 15px;
    padding-top: 30px;
}

.media-content {
    border-radius: 15px;
}

.errortext {
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
}


button.wh-ap-btn {
    outline: none;
    width: 60px;
    height: 60px;
    border: 0;
    background-color: #2ecc71;
    padding: 0;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    cursor: pointer;
    transition: opacity 0.3s, background 0.3s, box-shadow 0.3s;
}

button.wh-ap-btn::after {
    content: "";
    background-image: url('../img/whatsappicon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60%;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
}

button.wh-ap-btn:hover {
    opacity: 1;
    background-color: #20bf6b;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.wh-api {
    position: fixed;
    bottom: 0;
    right: 0;
}

.wh-fixed {
    margin-right: 15px;
    margin-bottom: 15px;
}

.wh-fixed>a {
    display: block;
    text-decoration: none;
}

button.wh-ap-btn::before {
    content: "Chat with me";
    display: block;
    position: absolute;
    margin-left: -130px;
    margin-top: 16px;
    height: 35px;
    background: #3b57a6;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    border-radius: 3px;
    width: 0;
    opacity: 0;
    padding: 0;
    transition: opacity 0.4s, width 0.4s, padding 0.5s;
    padding-top: 7px;
    border-radius: 30px;
    box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
}

.wh-fixed>a:hover button.wh-ap-btn::before {
    opacity: 1;
    width: auto;
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    /*width: 100px;*/
}

/* animacion pulse */

.whatsapp-pulse {
    width: 60px;
    height: 60px;
    right: 10px;
    bottom: 10px;
    background: #10b418;
    position: fixed;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: inline-block;
    line-height: 65px;
}

.whatsapp-pulse:before {
    position: absolute;
    content: " ";
    z-index: -1;
    bottom: -15px;
    right: -15px;
    background-color: #10b418;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    25% {
        -webkit-transform: scale(0.3);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.6);
        opacity: 0.6;
    }

    75% {
        -webkit-transform: scale(0.9);
        opacity: 0.3;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    25% {
        transform: scale(0.3);
        opacity: 1;
    }

    50% {
        transform: scale(0.6);
        opacity: 0.6;
    }

    75% {
        transform: scale(0.9);
        opacity: 0.3;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

/*------------------------------------
  Cubeportfolio
------------------------------------*/
.u-cubeportfolio .u-cubeportfolio__item {
    font-size: .875rem;
    text-transform: capitalize;
    background-color: transparent;
    border: none;
    margin: 0;
    padding-left: .75rem;
    padding-right: .75rem;
}

.u-cubeportfolio .u-cubeportfolio__item:first-child {
    padding-left: 0;
}

.u-cubeportfolio .u-cubeportfolio__item:last-child {
    padding-right: 0;
}

.u-cubeportfolio .u-cubeportfolio__item:hover {
    color: #3b444f;
}

.u-cubeportfolio .u-cubeportfolio__item.cbp-filter-item-active {
    color: #297cbb;
    background-color: transparent;
    border: transparent;
}

.u-cubeportfolio .cbp-l-loadMore-stop {
    pointer-events: none;
    color: #77838f;
}

.u-cubeportfolio .cbp-caption-zoom .cbp-caption-activeWrap {
    background-color: rgba(41, 124, 187, 0.9);
}

/*------------------------------------
  Hover Animation Effects
------------------------------------*/
.u-cubeportfolio--reveal-v1 .cbp-l-caption-body {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: 0.4s ease-in-out;
}

.u-cubeportfolio--reveal-v1 .cbp-caption:hover .cbp-l-caption-body {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}