body.compensate-for-scrollbar {overflow: hidden;}.fancybox-active {height: auto;}.fancybox-is-hidden {left: -9999px;margin: 0;position: absolute !important;top: -9999px;visibility: hidden;}.fancybox-container {-webkit-backface-visibility: hidden;height: 100%;left: 0;outline: none;position: fixed;-webkit-tap-highlight-color: transparent;top: 0;-ms-touch-action: manipulation;touch-action: manipulation;transform: translateZ(0);width: 100%;z-index: 99992;}.fancybox-container * {box-sizing: border-box;}.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {bottom: 0;left: 0;position: absolute;right: 0;top: 0;}.fancybox-outer {-webkit-overflow-scrolling: touch;overflow-y: auto;}.fancybox-bg {background: rgb(30, 30, 30);opacity: 0;transition-duration: inherit;transition-property: opacity;transition-timing-function: cubic-bezier(.47, 0, .74, .71);}.fancybox-is-open .fancybox-bg {opacity: .9;transition-timing-function: cubic-bezier(.22, .61, .36, 1);}.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {direction: ltr;opacity: 0;position: absolute;transition: opacity .25s ease, visibility 0s ease .25s;visibility: hidden;z-index: 99997;}.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {opacity: 1;transition: opacity .25s ease 0s, visibility 0s ease 0s;visibility: visible;}.fancybox-infobar {color: #ccc;font-size: 13px;-webkit-font-smoothing: subpixel-antialiased;height: 44px;left: 0;line-height: 44px;min-width: 44px;mix-blend-mode: difference;padding: 0 10px;pointer-events: none;top: 0;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.fancybox-toolbar {right: 0;top: 0;}.fancybox-stage {direction: ltr;overflow: visible;transform: translateZ(0);z-index: 99994;}.fancybox-is-open .fancybox-stage {overflow: hidden;}.fancybox-slide {-webkit-backface-visibility: hidden;display: none;height: 100%;left: 0;outline: none;overflow: auto;-webkit-overflow-scrolling: touch;padding: 44px;position: absolute;text-align: center;top: 0;transition-property: transform, opacity;white-space: normal;width: 100%;z-index: 99994;}.fancybox-slide::before {content: '';display: inline-block;font-size: 0;height: 100%;vertical-align: middle;width: 0;}.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {display: block;}.fancybox-slide--image {overflow: hidden;padding: 44px 0;}.fancybox-slide--image::before {display: none;}.fancybox-slide--html {padding: 6px;}.fancybox-content {background: #fff;display: inline-block;margin: 0;max-width: 100%;overflow: auto;-webkit-overflow-scrolling: touch;padding: 44px;position: relative;text-align: left;vertical-align: middle;}.fancybox-slide--image .fancybox-content {animation-timing-function: cubic-bezier(.5, 0, .14, 1);-webkit-backface-visibility: hidden;background: transparent;background-repeat: no-repeat;background-size: 100% 100%;left: 0;max-width: none;overflow: visible;padding: 0;position: absolute;top: 0;-ms-transform-origin: top left;transform-origin: top left;transition-property: transform, opacity;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 99995;}.fancybox-can-zoomOut .fancybox-content {cursor: zoom-out;}.fancybox-can-zoomIn .fancybox-content {cursor: zoom-in;}.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {cursor: -webkit-grab;cursor: grab;}.fancybox-is-grabbing .fancybox-content {cursor: -webkit-grabbing;cursor: grabbing;}.fancybox-container [data-selectable='true'] {cursor: text;}.fancybox-image, .fancybox-spaceball {background: transparent;border: 0;height: 100%;left: 0;margin: 0;max-height: none;max-width: none;padding: 0;position: absolute;top: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100%;}.fancybox-spaceball {z-index: 1;}.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {height: 100%;overflow: visible;padding: 0;width: 100%;}.fancybox-slide--video .fancybox-content {background: #000;}.fancybox-slide--map .fancybox-content {background: #e5e3df;}.fancybox-slide--iframe .fancybox-content {background: #fff;}.fancybox-video, .fancybox-iframe {background: transparent;border: 0;display: block;height: 100%;margin: 0;overflow: hidden;padding: 0;width: 100%;}.fancybox-iframe {left: 0;position: absolute;top: 0;}.fancybox-error {background: #fff;cursor: default;max-width: 400px;padding: 40px;width: 100%;}.fancybox-error p {color: #444;font-size: 16px;line-height: 20px;margin: 0;padding: 0;}.fancybox-button {background: rgba(30, 30, 30, .6);border: 0;border-radius: 0;box-shadow: none;cursor: pointer;display: inline-block;height: 44px;margin: 0;padding: 10px;position: relative;transition: color .2s;vertical-align: top;visibility: inherit;width: 44px;}.fancybox-button, .fancybox-button:visited, .fancybox-button:link {color: #ccc;}.fancybox-button:hover {color: #fff;}.fancybox-button:focus {outline: none;}.fancybox-button.fancybox-focus {outline: 1px dotted;}.fancybox-button[disabled], .fancybox-button[disabled]:hover {color: #888;cursor: default;outline: none;}.fancybox-button div {height: 100%;}.fancybox-button svg {display: block;height: 100%;overflow: visible;position: relative;width: 100%;}.fancybox-button svg path {fill: currentColor;stroke-width: 0;}.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) {display: none;}.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {display: none;}.fancybox-progress {background: #ff5268;height: 2px;left: 0;position: absolute;right: 0;top: 0;-ms-transform: scaleX(0);transform: scaleX(0);-ms-transform-origin: 0;transform-origin: 0;transition-property: transform;transition-timing-function: linear;z-index: 99998;}.fancybox-close-small {background: transparent;border: 0;border-radius: 0;color: #ccc;cursor: pointer;opacity: .8;padding: 8px;position: absolute;right: -12px;top: -44px;z-index: 401;}.fancybox-close-small:hover {color: #fff;opacity: 1;}.fancybox-slide--html .fancybox-close-small {color: currentColor;padding: 10px;right: 0;top: 0;}.fancybox-slide--image.fancybox-is-scaling .fancybox-content {overflow: hidden;}.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {display: none;}.fancybox-navigation .fancybox-button {background-clip: content-box;height: 100px;opacity: 0;position: absolute;top: calc(50% - 50px);width: 70px;}.fancybox-navigation .fancybox-button div {padding: 7px;}.fancybox-navigation .fancybox-button--arrow_left {left: 0;left: env(safe-area-inset-left);padding: 31px 26px 31px 6px;}.fancybox-navigation .fancybox-button--arrow_right {padding: 31px 6px 31px 26px;right: 0;right: env(safe-area-inset-right);}.fancybox-caption {background: linear-gradient( to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100% );bottom: 0;color: #eee;font-size: 14px;font-weight: 400;left: 0;line-height: 1.5;padding: 75px 44px 25px 44px;pointer-events: none;right: 0;text-align: center;z-index: 99996;}@supports (padding: max(0px)) {.fancybox-caption {padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));}}.fancybox-caption--separate {margin-top: -50px;}.fancybox-caption__body {max-height: 50vh;overflow: auto;pointer-events: all;}.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {color: #ccc;text-decoration: none;}.fancybox-caption a:hover {color: #fff;text-decoration: underline;}.fancybox-loading {animation: fancybox-rotate 1s linear infinite;background: transparent;border: 4px solid #888;border-bottom-color: #fff;border-radius: 50%;height: 50px;left: 50%;margin: -25px 0 0 -25px;opacity: .7;padding: 0;position: absolute;top: 50%;width: 50px;z-index: 99999;}@keyframes fancybox-rotate {100% {transform: rotate(360deg);}}.fancybox-animated {transition-timing-function: cubic-bezier(0, 0, .25, 1);}.fancybox-fx-slide.fancybox-slide--previous {opacity: 0;transform: translate3d(-100%, 0, 0);}.fancybox-fx-slide.fancybox-slide--next {opacity: 0;transform: translate3d(100%, 0, 0);}.fancybox-fx-slide.fancybox-slide--current {opacity: 1;transform: translate3d(0, 0, 0);}.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {opacity: 0;transition-timing-function: cubic-bezier(.19, 1, .22, 1);}.fancybox-fx-fade.fancybox-slide--current {opacity: 1;}.fancybox-fx-zoom-in-out.fancybox-slide--previous {opacity: 0;transform: scale3d(1.5, 1.5, 1.5);}.fancybox-fx-zoom-in-out.fancybox-slide--next {opacity: 0;transform: scale3d(.5, .5, .5);}.fancybox-fx-zoom-in-out.fancybox-slide--current {opacity: 1;transform: scale3d(1, 1, 1);}.fancybox-fx-rotate.fancybox-slide--previous {opacity: 0;-ms-transform: rotate(-360deg);transform: rotate(-360deg);}.fancybox-fx-rotate.fancybox-slide--next {opacity: 0;-ms-transform: rotate(360deg);transform: rotate(360deg);}.fancybox-fx-rotate.fancybox-slide--current {opacity: 1;-ms-transform: rotate(0deg);transform: rotate(0deg);}.fancybox-fx-circular.fancybox-slide--previous {opacity: 0;transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);}.fancybox-fx-circular.fancybox-slide--next {opacity: 0;transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);}.fancybox-fx-circular.fancybox-slide--current {opacity: 1;transform: scale3d(1, 1, 1) translate3d(0, 0, 0);}.fancybox-fx-tube.fancybox-slide--previous {transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);}.fancybox-fx-tube.fancybox-slide--next {transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);}.fancybox-fx-tube.fancybox-slide--current {transform: translate3d(0, 0, 0) scale(1);}@media all and (max-height: 576px) {.fancybox-slide {padding-left: 6px;padding-right: 6px;}.fancybox-slide--image {padding: 6px 0;}.fancybox-close-small {right: -6px;}.fancybox-slide--image .fancybox-close-small {background: #4e4e4e;color: #f2f4f6;height: 36px;opacity: 1;padding: 6px;right: 0;top: 0;width: 36px;}.fancybox-caption {padding-left: 12px;padding-right: 12px;}@supports (padding: max(0px)) {.fancybox-caption {padding-left: max(12px, env(safe-area-inset-left));padding-right: max(12px, env(safe-area-inset-right));}}}.fancybox-share {background: #f4f4f4;border-radius: 3px;max-width: 90%;padding: 30px;text-align: center;}.fancybox-share h1 {color: #222;font-size: 35px;font-weight: 700;margin: 0 0 20px 0;}.fancybox-share p {margin: 0;padding: 0;}.fancybox-share__button {border: 0;border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 700;line-height: 40px;margin: 0 5px 10px 5px;min-width: 130px;padding: 0 15px;text-decoration: none;transition: all .2s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap;}.fancybox-share__button:visited, .fancybox-share__button:link {color: #fff;}.fancybox-share__button:hover {text-decoration: none;}.fancybox-share__button--fb {background: #3b5998;}.fancybox-share__button--fb:hover {background: #344e86;}.fancybox-share__button--pt {background: #bd081d;}.fancybox-share__button--pt:hover {background: #aa0719;}.fancybox-share__button--tw {background: #1da1f2;}.fancybox-share__button--tw:hover {background: #0d95e8;}.fancybox-share__button svg {height: 25px;margin-right: 7px;position: relative;top: -1px;vertical-align: middle;width: 25px;}.fancybox-share__button svg path {fill: #fff;}.fancybox-share__input {background: transparent;border: 0;border-bottom: 1px solid #d7d7d7;border-radius: 0;color: #5d5b5b;font-size: 14px;margin: 10px 0 0 0;outline: none;padding: 10px 15px;width: 100%;}.fancybox-thumbs {background: #ddd;bottom: 0;display: none;margin: 0;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;padding: 2px 2px 4px 2px;position: absolute;right: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);top: 0;width: 212px;z-index: 99995;}.fancybox-thumbs-x {overflow-x: auto;overflow-y: hidden;}.fancybox-show-thumbs .fancybox-thumbs {display: block;}.fancybox-show-thumbs .fancybox-inner {right: 212px;}.fancybox-thumbs__list {font-size: 0;height: 100%;list-style: none;margin: 0;overflow-x: hidden;overflow-y: auto;padding: 0;position: absolute;position: relative;white-space: nowrap;width: 100%;}.fancybox-thumbs-x .fancybox-thumbs__list {overflow: hidden;}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {width: 7px;}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {background: #fff;border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {background: #2a2a2a;border-radius: 10px;}.fancybox-thumbs__list a {-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: rgba(0, 0, 0, .1);background-position: center center;background-repeat: no-repeat;background-size: cover;cursor: pointer;float: left;height: 75px;margin: 2px;max-height: calc(100% - 8px);max-width: calc(50% - 4px);outline: none;overflow: hidden;padding: 0;position: relative;-webkit-tap-highlight-color: transparent;width: 100px;}.fancybox-thumbs__list a::before {border: 6px solid #ff5268;bottom: 0;content: '';left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all .2s cubic-bezier(.25, .46, .45, .94);z-index: 99991;}.fancybox-thumbs__list a:focus::before {opacity: .5;}.fancybox-thumbs__list a.fancybox-thumbs-active::before {opacity: 1;}@media all and (max-width: 576px) {.fancybox-thumbs {width: 110px;}.fancybox-show-thumbs .fancybox-inner {right: 110px;}.fancybox-thumbs__list a {max-width: calc(100% - 10px);}}.slick-loading .slick-list
{
background: url(//www.capexcurrency.com/wp-content/themes/capex-blog/assets/images/ajax-loader.gif) center center no-repeat;
}
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}html,
body {
height: 100%;
}
body {
color: #4e4f4e;
font-family: "proxima-nova", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: #1d1e1c;
margin-bottom: 20px;
line-height: 1.1;
font-weight: 700;
}
h1,
.h1 {
font-size: 70px;
line-height: 84px;
font-weight: 300;
letter-spacing: 0;
}
h2,
.h2 {
font-size: 48px;
line-height: 60px;
font-weight: 300;
}
@media (max-width: 768px) {
h2,
.h2 {
font-size: 38px !important;
line-height: 48px !important;
}
h3,
.h3 {
font-size: 26px !important;
line-height: 34px !important;
}
}
@media (min-width: 1560px) {
h2,
.h2 {
font-size: 55px;
line-height: 74px;
}
}
h3,
.h3 {
font-size: 41px;
line-height: 52px;
font-weight: 600;
letter-spacing: 0;
}
@media (min-width: 1560px) {
h3,
.h3 {
font-size: 45px;
line-height: 56px;
}
}
h4,
.h4 {
font-size: 24px;
line-height: 36px;
letter-spacing: 1.09px;
font-weight: 400;
}
h5,
.h5 {
font-size: 18px;
}
h6,
.h6 {
font-size: 16px;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
color: inherit;
}
a {
transition: all 0.1s;
color: inherit;
}
a:hover {
color: inherit;
text-decoration: underline;
}
img {
max-width: 100%;
vertical-align: top;
height: auto;
}
strong,
em {
font-style: normal;
font-weight: 700;
}
p {
margin-bottom: 30px;
font-size: 20px;
line-height: 34px;
font-weight: 500;
}
@media (min-width: 1560px) {
p {
font-size: 22px;
line-height: 36px;
}
}
ul li,ol li {
margin-bottom: 0;
font-size: 20px;
line-height: 34px;
font-weight: 500;
}
@media (min-width: 1560px) {
ul li,ol li {
font-size: 22px;
line-height: 36px;
}
}
.btn,
button {
outline: 0;
cursor: pointer;
transition: all 0.3s ease;
}
button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
outline: 0;
}
::-moz-selection {
color: #fff;
background: #ff69b4;
}
::selection {
color: #fff;
background: #ff69b4;
}
@media (min-width: 1400px) {
.container {
max-width: 1340px;
}
}
@media (min-width: 1560px) {
.container {
max-width: 1500px;
}
} .btn {
position: relative;
font-size: 18px;
font-weight: 600;
letter-spacing: 1.64px;
padding: 10px 30px;
border-radius: 0px;
}
.btn-primary {
background-color: #69c5da;
color: #fff;
border-width: 2px;
border-color: #69c5da;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: transparent;
color: #fff;
border-color: #fff;
box-shadow: none;
}
.btn-secondary {
background-color: transparent;
color: #1d1e1c;
border-width: 1px;
border-color: #1d1e1c;
}
.btn-secondary:hover,
.btn-secondary:focus {
background-color: #69c5da;
color: #f9f9f9;
border-color: #69c5da;
box-shadow: none;
}
.btn-white-outline {
min-width: 140px;
font-size: 16px;
font-weight: 400;
background-color: transparent;
color: #f9f9f9;
border-width: 1px;
border-color: #f9f9f9;
}
.btn-white-outline:hover,
.btn-white-outline:focus {
background-color: #69c5da;
color: #f9f9f9;
border-color: #69c5da;
box-shadow: none;
}
.btn-lg {
padding: 15px 35px;
} .header {
padding: 0px 0px;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.bg-header {
background-color: transparent;
}
.header .logo-light {
display: none;
}
.header .logo-dark {
display: block;
}
.bg-header .logo-dark {
display: none;
}
.bg-header .logo-light {
display: block;
}
.header.sticky {
padding: 0;
background-color: #fff;
box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}
.header .path {
transition: fill 0.3s;
}
.header svg path {
fill: black;
}
.header.sticky svg path {
fill: black !important;
}
.nav-link:hover svg path {
fill: #69c5da !important;
}
.header.bg-header .menu-icon.menu-item a {
color: #fff;
}
.header.bg-header.sticky .menu-icon.menu-item a {
color: #1d1e1c;
}
.header.bg-header svg path {
fill: #fff;
}
.header.sticky .logo-dark {
display: block;
}
.header.sticky .logo-light {
display: none;
}
.navbar {
padding-top: 30px;
padding-bottom: 30px;
transition: all 0.5s;
}
@media (min-width: 1560px) {
.navbar {
padding-top: 50px;
padding-bottom: 50px;
}
}
.sticky .navbar {
padding-top: 10px;
padding-bottom: 10px;
} .navbar-brand {
margin-right: 0px;
}
@media (max-width: 575.98px) {
.navbar-brand {
width: 172px;
}
}
.navbar-nav {
flex-direction: row;
}
.navbar-nav .menu-item .nav-link {
font-size: 18px;
letter-spacing: 1.64px;
line-height: 28px;
margin: 0;
padding-left: 0;
padding-right: 0;
color: #1d1e1c;
position: relative;
display: inline-block;
}
.bg-header .navbar-nav .menu-item .nav-link path {
fill: white;
}
.menu-item {
list-style-type: none;
}
.menu-item.white a {
color: white !important;
text-transform: uppercase;
}
.navbar-nav .menu-item .nav-link path {
fill: black;
}
.bg-header .navbar-nav .menu-item .nav-link {
color: #f9f9f9;
}
@media (min-width: 992px) {
.header-lg-bg .navbar-nav .menu-item .nav-link {
color: #f9f9f9;
}
}
.sticky .navbar-nav .menu-item .nav-link {
color: #1d1e1c;
}
.navbar-nav .menu-item {
position: relative;
}
.navbar-nav .menu-item + .menu-item {
margin-left: 40px;
}
@media (min-width: 768px) {
.navbar-nav .menu-item:first-child:after {
content: "";
width: 1px;
height: 37px;
background-color: #1d1e1c;
position: absolute;
right: -21px;
top: 4px;
}
.bg-header .navbar-nav .menu-item:first-child:after {
background-color: #f9f9f9;
}
.sticky .navbar-nav .menu-item:first-child:after {
background-color: #1d1e1c;
}
}
@media (min-width: 992px) {
.header-lg-bg .navbar-nav .menu-item:first-child:after {
background-color: #f9f9f9;
}
}
.navbar-nav .menu-item:hover > a,
.navbar-nav .menu-item a.active {
text-decoration: none;
color: #1d1e1c;
}
.navbar-nav .menu-item .nav-link em {
font-style: normal;
font-weight: 400;
}
.navbar-nav .menu-item .nav-link:hover em {
color: #69c5da;
}
@media (max-width: 575.98px) {
.navbar-nav .menu-item .nav-link em {
display: none;
}
}
.navbar-nav .menu-item .nav-link img {
margin-left: 6px;
}
.overlay-nav .menu-item .active span:before,
.navbar-nav .menu-item .active span:before {
visibility: visible !important;
transform: scaleX(1);
}
.overlay-nav .menu-item a span:before,
.navbar-nav .menu-item a span:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #1d1e1c;
visibility: hidden;
transform: scaleX(0);
transition: all 0.2s ease-in-out 0s;
}
.bg-header .navbar-nav .menu-item a span:before {
background-color: #f9f9f9;
}
@media (min-width: 992px) {
.header-lg-bg .navbar-nav .menu-item a span:before {
background-color: #f9f9f9;
}
}
.sticky .navbar-nav .menu-item a span:before {
background-color: #1d1e1c;
}
.overlay-nav .menu-item a:hover span:before,
.navbar-nav .menu-item a:hover span:before {
visibility: visible;
transform: scaleX(1);
}
.overlay-nav .menu-item.current_page_item > a > span:before,
.navbar-nav .menu-item a.current_page_item > a > span:before {
visibility: visible;
transform: scaleX(1);
}
.white-icon {
display: none;
}
.bg-header .white-icon {
display: inline-block;
}
.bg-header .black-icon {
display: none;
}
@media (min-width: 992px) {
.header-lg-bg .white-icon {
display: inline-block;
}
.header-lg-bg .black-icon {
display: none;
}
}
.sticky .black-icon {
display: inline-block;
}
.sticky .white-icon {
display: none;
} .navigation-hide {
font-size: 22px;
line-height: 50px;
font-weight: 500;
position: absolute;
right: 4px;
top: 46px;
z-index: 1032;
vertical-align: middle;
}
@media (min-width: 1560px) {
.navigation-hide {
top: 67px;
}
}
.navigation-hide:hover {
color: #69c5da;
text-decoration: none;
}
.overlay-menu {
transition: all 0.4s ease-in-out 0s;
position: fixed;
background-color: #1d1e1c;
color: #fff;
min-height: 100%;
height: 100%;
width: 100%;
visibility: hidden;
z-index: 1031;
opacity: 0;
filter: Alpha(opacity=0);
transform: scaleX(0);
transform-origin: right center;
}
.overlay-menu.active {
visibility: visible;
opacity: 1;
filter: Alpha(opacity=100);
top: 0;
transform: scaleX(1);
}
.overlay-menu > .container {
padding: 0;
position: relative;
}
.overlay-menu-nav {
position: relative;
overflow-y: auto;
}
.overlay-nav {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.overlay-nav li {
margin: 0;
padding: 0;
}
.overlay-nav .menu-item a {
font-size: 72px;
line-height: 1.1;
font-weight: 500;
letter-spacing: 0;
color: #fff;
position: relative;
}
@media (max-width: 767.98px) {
.overlay-nav .menu-item a {
font-size: 52px;
}
}
@media (max-width: 575.98px) {
.overlay-nav .menu-item a {
font-size: 41px;
}
}
@media (min-width: 1560px) {
.overlay-nav .menu-item a {
font-size: 85px;
}
}
.rod {
margin: 0 10px !important;
}
@media (min-width: 1200px) {
.rod {
font-size: 38px !important;
}
.rod:hover {
color: white !important;
}
}
.overlay-nav .menu-item a:hover,
.overlay-nav .menu-item.active a {
text-decoration: none;
}
.overlay-nav .menu-item a span:before {
background-color: #69c5da;
height: 24px;
bottom: 8px;
z-index: -1;
}
@media (max-width: 767.98px) {
.overlay-nav .menu-item a span:before {
height: 14px;
}
}
@media (min-width: 1560px) {
.overlay-nav .menu-item a span:before {
height: 38px;
}
}
.middle-table {
width: 100%;
height: 100%;
display: table;
}
.middle-table-cell {
display: table-cell;
vertical-align: middle;
} @media (min-width: 768px) {
.hero-lg-table {
width: 100%;
height: 100%;
display: table;
}
.hero-lg-table-cell {
display: table-cell;
vertical-align: middle;
}
}
.bg-overlay {
position: relative;
}
.bg-overlay::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #69c5da;
background-color: rgba(105, 197, 218, 0.3);
}
.hero-overlay {
position: relative;
}
.hero-overlay::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.capexcurrency.com/wp-content/themes/capex-blog/assets/images/hero-overlay.png);
background-size: auto;
background-position: center center;
background-repeat: no-repeat;
}
.fullscreen-img {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.graph-background {
position: relative;
}
.graph-background::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.capexcurrency.com/wp-content/themes/capex-blog/assets/images/graph-background-pink.svg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 0.25;
}
.team h4 {
color: #69c5da;
margin-bottom: 0;
margin-top: 20px;
line-height: 20px;
font-size: 28px;
margin-bottom: 7px;
}
.team p {
font-weight: 300;
}
.team-overlay {
position: relative;
}
.team-overlay::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.capexcurrency.com/wp-content/themes/capex-blog/assets/images/team-overlay.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.section {
position: relative;
padding-top: 50px;
padding-bottom: 40px;
}
@media (min-width: 992px) {
.section {
position: relative;
padding-top: 100px;
padding-bottom: 80px;
}
}
.section-lg {
position: relative;
padding-top: 65px;
padding-bottom: 45px;
}
@media (min-width: 992px) {
.section-lg {
position: relative;
padding-top: 160px;
padding-bottom: 110px;
}
.section-lg.bg-gray {
margin-bottom: 110px;
}
}
.section-sm {
position: relative;
padding-top: 50px;
padding-bottom: 40px;
}
@media (min-width: 992px) {
.section-sm {
position: relative;
padding-top: 80px;
padding-bottom: 60px;
}
}
.lead {
font-weight: 400;
font-size: 22px;
letter-spacing: 0;
line-height: 34px;
}
.underline-text {
padding: 0;
position: relative;
display: inline-block;
z-index: 1;
} .underline-text:before {
width: 100%;
bottom: 0px;
left: 0;
content: "";
height: 14px;
position: absolute;
z-index: -1;
}
.ibox .underline-text:before {
width: 162px;
left: 50%;
margin-left: -81px;
}
.section-hero .underline-text:before {
bottom: 8px;
animation-name: linegrow;
animation-duration: 5s;
animation-timing-function: linear;
}
@media (min-width: 992px) {
.underline-text:before {
height: 19px;
}
}
.u-lightblue-bg:before {
background-color: #e1e2f8;
}
@media (max-width: 768px) {
.u-lightblue-bg:before {
display: none;
}
}
.u-skyblue-bg:before {
background-color: #69c5da;
bottom: 8px;
}
.u-white-smoke:before {
background-color: #f0f0f0;
}
.more-info {
font-size: 18px;
line-height: 42px;
font-weight: 600;
letter-spacing: 1.64px;
display: inline-block;
text-transform: uppercase;
}
.more-info:hover {
text-decoration: none;
color: #69c5da !important;
}
.more-info svg {
vertical-align: top;
margin-right: 10px;
transition: transform 0.2s;
}
.more-info path {
fill: #69c5da;
}
.text-dark.more-info path {
fill: black;
}
.more-info:hover svg {
transform: translateX(10px);
}
.bg-primary {
background-color: #69c5da !important;
}
.bg-secondary {
background-color: #696fda !important;
}
.bg-dark {
background-color: #1d1e1c !important;
}
.bg-gray {
background-color: #f9f9f9 !important;
}
.bg-white {
background-color: #fff;
}
.text-skyblue {
color: #69c5da;
}
.text-light {
color: #4e4f4e;
}
.text-dark {
color: #1d1e1c;
} .section-hero {
position: relative;
padding-top: 180px;
padding-bottom: 90px;
background-color: #4e4f4e;
min-height: 90vh;
display: flex;
align-items: center;
}
.hero-content {
position: relative;
z-index: 1;
}
.hero-content strong {
white-space: nowrap;
}
.section-hero h2 {
margin-bottom: 50px;
font-size: 28px !important;
letter-spacing: 0;
line-height: 38px !important;
font-weight: 400;
vertical-align: middle;
}
@media (min-width: 768px) {
.section-hero h2 {
margin-bottom: 80px;
font-size: 33px !important;
line-height: 55px !important;
}
}
@media (min-width: 992px) {
.section-hero h2 {
font-size: 45px !important;
line-height: 68px !important;
}
}
@media (min-width: 1400px) {
.section-hero h2 {
font-size: 47px !important;
line-height: 70px !important;
}
}
@keyframes fadeinout {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes shake {
from {
transform: rotate(-1deg);
}
to {
transform: rotate(1deg);
}
}
@keyframes linegrow {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes bounce {
from {
transform: translateY(0);
}
to {
transform: translateY(-10px);
}
}
.section-hero h2 .bg {
padding: 0 12px;
color: #a4a4a4;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.7);
animation-name: fadeinout;
animation-duration: 2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.section-hero h2 .shake {
display: inline-block;
animation-name: shake;
animation-duration: 0.2s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.section-hero h2 img {
vertical-align: middle;
margin: 0 7px 7px 0px;
animation-name: bounce;
animation-duration: 0.3s;
animation-timing-function: ease-in;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.mouse-icon {
position: absolute;
height: 42px;
width: 26px;
bottom: 35px;
left: 50%;
border: 2px solid #fff;
border-radius: 10px;
cursor: pointer;
display: block;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ie-transform: translateX(-50%);
z-index: 15;
}
.mouse-icon .wheel {
position: relative;
width: 2px;
height: 8px;
top: 5px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
display: block;
}
.mouse-icon .wheel {
-webkit-animation-name: drop;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-name: drop;
animation-duration: 2s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-play-state: running;
}
@keyframes drop {
0% {
top: 5px;
opacity: 0;
}
30% {
top: 10px;
opacity: 1;
}
100% {
top: 25px;
opacity: 0;
}
} .section-header {
position: relative;
padding-top: 160px;
padding-bottom: 50px;
}
@media (min-width: 992px) {
.section-header {
position: relative;
padding-top: 240px;
padding-bottom: 110px;
}
}
@media (min-width: 1560px) {
.section-header {
padding-top: 290px;
}
}
.section-header h2 {
margin: 0 0 30px;
color: #1d1e1c;
font-size: 48px;
font-weight: 300;
letter-spacing: 0;
line-height: 60px;
}
@media (min-width: 1560px) {
.section-header h2 {
margin: 0 0 40px;
font-size: 55px;
line-height: 74px;
}
}
.section-header p {
margin-bottom: 30px;
font-size: 22px;
line-height: 36px;
font-weight: 500;
letter-spacing: 0;
}
@media (min-width: 1560px) {
.section-header p {
font-size: 22px;
line-height: 36px;
}
}
.section-header .u-skyblue-bg:before {
bottom: 8px;
}
.rotate-outline-text {
margin: 0 0 -35px 0;
font-size: 82px;
font-weight: 500;
letter-spacing: -2px;
line-height: 84px;
text-transform: uppercase;
color: #f9f9f9;
text-shadow: 1px 1px #69c5da, -1px -1px #69c5da;
position: relative;
}
@media (max-width: 768px) {
.rotate-outline-text {
font-size: 45px !important;
}
}
@supports (-webkit-text-stroke: 1px #69c5da) {
.rotate-outline-text {
color: transparent;
-webkit-text-stroke: 1px #69c5da;
text-shadow: none;
}
}
@media (min-width: 1200px) {
.rotate-outline-text {
font-size: 104px;
line-height: 104px;
}
}
@media (min-width: 1560px) {
.rotate-outline-text {
font-size: 134px;
line-height: 134px;
}
}
@media (min-width: 992px) {
.rotate-outline-text {
width: 134px;
margin: 0;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
white-space: nowrap;
vertical-align: bottom;
transform-origin: center;
position: absolute;
top: -35px;
right: 0;
}
}
@media (min-width: 1560px) {
.rotate-outline-text {
top: -55px;
}
} .full-lg-img-right img {
width: auto;
max-width: none;
vertical-align: middle;
}
.img-lg-full-left {
position: relative;
min-height: 360px;
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
background-color: #fff;
margin-bottom: 20px;
}
.img-lg-full-right {
position: relative;
min-height: 360px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #fff;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.img-lg-full {
width: auto;
max-width: none;
}
.img-lg-full-left {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 50%;
height: 100%;
}
.img-lg-full-right {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 0;
height: 100%;
}
}
.info-text {
padding: 50px 0 60px;
}
@media (min-width: 992px) {
.info-text {
padding: 200px 0 210px;
}
}
.info-text h2 {
margin-bottom: 30px;
font-size: 50px;
line-height: 62px;
font-weight: 300;
letter-spacing: 0;
color: #69c5da;
}
@media (max-width: 768px) {
.info-text h2 {
font-size: 38px;
line-height: 48px;
}
}
@media (min-width: 1560px) {
.info-text h2 {
font-size: 70px;
line-height: 84px;
}
}
.info-text p {
margin-bottom: 30px;
color: #4e4f4e;
font-size: 22px;
font-weight: 500;
letter-spacing: 0;
line-height: 40px;
}
@media (min-width: 1560px) {
.info-text p {
margin-bottom: 63px;
font-size: 26px;
line-height: 47px;
}
}
.info-text a {
color: #4e4f4e;
}
.video-play:not(.text) {
height: 80px;
width: 80px;
line-height: 83px;
text-align: center;
border-radius: 250px;
z-index: 1;
background-color: #f9f9f9;
background-color: rgba(255, 255, 255, 0.7);
animation: ripple 2s linear infinite;
display: flex;
justify-content: center;
align-items: center;
}
.video-play:not(.text) svg {
width: 60px;
height: 60px;
}
.video-play:not(.text) path {
fill: #1d1e1c;
}
.video-play.text {
font-size: 18px;
}
.video-play.text i {
color: #69c5da;
}
@media (max-width: 992px) {
.fancybox-slide {
padding-left: 0;
padding-right: 0;
}
.fancybox-close-small {
right: 8px;
}
}
@media (min-width: 992px) {
.video-play:not(.text) {
height: 220px;
width: 220px;
line-height: 220px;
}
.video-play:not(.text) svg {
width: 120px;
height: 120px;
}
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
40% {
box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
}
80% {
box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
}
@media (min-width: 992px) {
.negative-lg-top {
margin-top: -82px;
position: relative;
}
}
.statistics {
border-radius: 10px;
background-color: #69c5da;
text-align: center;
padding-bottom: 45px;
}
.badge-black {
margin: -20px 0 0 0;
padding: 10px 95px;
background-color: #1d1e1c;
color: #f9f9f9;
font-size: 16px !important;
font-weight: bold;
letter-spacing: 1px;
line-height: 30px;
text-align: center;
display: inline-block;
position: relative;
}
@media (max-width: 575.98px) {
.badge-black {
width: 100%;
padding: 10px 15px;
}
}
.badge-green {
margin: 0px 0 27px 0;
padding: 10px 55px;
background-color: #69c5da;
color: #f9f9f9;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
line-height: 30px;
text-align: center;
display: inline-block;
position: relative;
}
@media (max-width: 575.98px) {
.badge-green {
width: 100%;
padding: 10px 15px;
}
}
.badge-sm-green {
margin: 0px 0 22px 0;
padding: 4px 20px;
background-color: #69c5da;
color: #f9f9f9;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.79px;
line-height: 30px;
text-align: center;
display: inline-block;
position: relative;
text-transform: uppercase;
}
.statistics h5 {
font-size: 45px;
line-height: 50px;
}
.counter-box {
margin-top: 40px;
}
.counter-box h5 {
margin: 0 0 5px 0;
font-size: 45px;
line-height: 50px;
color: #f9f9f9;
font-weight: 300;
}
@media (max-width: 768px) {
.counter-box {
padding: 0 10px;
}
.counter-box h5 {
font-size: 45px;
}
}
.counter-box p {
margin: 0 0 10px;
font-size: 19px;
line-height: 26px;
color: #4e4f4e;
font-weight: 500;
}
.info-sm-text {
position: relative;
padding: 0px 0 50px;
}
.info-sm-text:nth-of-type(2n)::before {
content: "";
position: absolute;
top: 0;
left: 0; height: 100%;
background-color: #f0f0f0;
}
@media (min-width: 992px) {
.info-sm-text {
padding: 55px 0;
}
}
.info-sm-text h3 {
margin-bottom: 40px;
color: #69c5da;
font-size: 24px;
line-height: 36px;
letter-spacing: 1.09px;
font-weight: 400;
}
.info-sm-text p {
margin-bottom: 20px;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 31px;
}
.circle-img {
padding: 22px;
border-radius: 50%;
background-color: #4e4f4e;
height: 100px;
min-width: 100px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
}
.circle-img img {
width: 100%;
height: 100%;
}
@media (max-width: 768px) {
.circle-img {
margin: 10px auto;
}
.info-box p,
.info-box h4 {
text-align: center;
}
}
.info-box {
display: flex;
min-height: 170px;
background-color: #f9f9f9 !important;
padding: 30px;
border-radius: 20px;
}
.info-box h4 {
margin-bottom: 5px;
}
.info-box p {
font-size: 15px;
line-height: 30px;
margin-bottom: 0;
}
@media (max-width: 992px) {
.info-box {
flex-wrap: wrap;
}
} label {
font-size: 16px;
line-height: 24px;
margin-bottom: 15px;
}
.form-white .form-group {
margin-bottom: 23px;
}
.form-select {
position: relative;
}
.form-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-select:after {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: 20px;
right: 30px;
background-image: url(//www.capexcurrency.com/wp-content/themes/capex-blog/assets/images/down-chevron.svg);
background-repeat: no-repeat;
background-size: contain;
}
.form-white .form-control {
padding: 14px 15px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #e2e3f4;
background-color: transparent;
box-shadow: none;
border-radius: 0px;
height: 59px;
border: 2px solid #e2e3f4;
}
.form-white .form-control:focus {
border-color: #f9f9f9;
box-shadow: none;
outline: 0;
}
.form-white .form-control option {
color: #4e4f4e;
}
.form-white textarea.form-control {
resize: none;
height: 105px;
}
.form-check {
padding-left: 34px;
}
.form-check-label,
.form-group .wpcf7-form-control-wrap .wpcf7-list-item .wpcf7-list-item-label {
font-size: 12px;
font-weight: 500;
letter-spacing: 0;
line-height: 20px;
}
.form-white .form-control::-moz-placeholder {
color: #f9f9f9;
}
.form-white .form-control::placeholder {
color: #f9f9f9;
} .info-lg-text {
padding: 50px 0 60px;
}
@media (min-width: 992px) {
.info-lg-text {
padding: 100px 0 190px;
}
}
@media (min-width: 1400px) {
.info-lg-text {
padding: 100px 0 260px;
}
} .ibox {
padding-bottom: 50px;
}
.ibox-img {
min-height: 100px;
}
.ibox-img img {
max-width: 84px;
}
.ibox-img.selling-point img {
height: 72px;
width: 72px;
}
.ibox h3 {
margin: 0 0 15px 0;
font-size: 24px !important;
line-height: 36px !important;
font-weight: 400;
}
.ibox-small {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.ibox-small h3 {
font-size: 14px !important;
text-transform: uppercase;
letter-spacing: 1px;
}
.ibox p {
margin: 0 0 30px 0;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
line-height: 29px;
}
@media (max-width: 768px) {
.ibox .media {
flex-direction: column;
}
.ibox .media img {
margin-right: 0 !important;
margin-bottom: 20px;
}
}
.testmonial {
padding: 40px 0 30px;
text-align: center;
}
.testmonial .blockquote {
margin-bottom: 20px;
font-size: 1.25rem;
}
.star-list {
margin: 0 0 25px 0;
text-align: center;
}
.star-list li {
margin: 5px 0;
vertical-align: top;
}
.bg-gray .testmonial {
color: #222;
}
.bg-secondary .testmonial {
color: #fff;
}
.testmonial .blockquote p {
margin-bottom: 20px;
font-size: 30px;
letter-spacing: 1.45px;
line-height: 45px;
color: inherit;
font-weight: 400;
}
@media (max-width: 768px) {
.testmonial .blockquote p {
font-size: 20px;
line-height: 28px;
}
}
@media (min-width: 1560px) {
.testmonial .blockquote p {
font-size: 28px;
line-height: 47px;
}
}
.testmonial .quote-footer {
margin-bottom: 40px;
font-size: 18px;
font-weight: 600;
letter-spacing: 1.5px;
line-height: 30px;
color: #abaeea;
text-transform: uppercase;
} .icon-box {
text-align: center;
border-left: solid 1px #fff;
transition: all 0.3s;
padding: 1.5rem 15px;
transition: all 0.3s; }
.sticky-tabs.stuck .icon-box {
padding: 0;
}
.icon-box:last-child {
border-right: solid 1px #fff;
}
@media (min-width: 576px) and (max-width: 991.98px) {
.icon-box.col-sm-6:nth-child(2) {
border-right: solid 1px #fff;
}
}
.icon-box .img-icon {
padding-top: 12px;
min-height: 85px;
}
.icon-box h4 {
margin-bottom: 10px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.88px;
line-height: 22px;
color: #f9f9f9;
text-transform: uppercase;
}
@media (min-width: 768px) {
.icon-box h4 {
margin-top: 15px;
}
}
@media (max-width: 768px) {
.icon-box {
display: flex;
align-items: center;
grid-gap: 15px;
}
.icon-box h4 {
margin-bottom: 0;
}
.icon-box .img-icon {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
}
.open-icons {
padding: 5px 0;
}
}
.tab {
cursor: pointer;
}
.tab-content p,
.tab-content li {
font-size: 18px;
}
.sticky-tabs {
position: sticky;
top: -1px;
padding-top: 107px;
z-index: 999;
}
@media (min-width: 768px) {
.sticky-tabs {
height: 284px;
}
}
@media (max-width: 768px) {
.sticky-tabs {
padding-top: 91px;
margin-top: -91px;
}
.icon-content {
height: 55px;
overflow: hidden;
transition: height 0.3s;
}
.icon-content.active {
height: 294px;
}
.icon-content:not(.active) .icon-box:not(.active) {
display: none;
}
}
.sticky-tabs svg {
transition: height 0.3s;
height: 80px;
max-width: 100%;
}
.sticky-tabs.stuck section {
padding: 0 !important;
}
.sticky-tabs.stuck .img-icon {
min-height: 0;
}
@media (max-width: 768px) {
.sticky-tabs section {
padding: 0 !important;
}
.sticky-tabs .img-icon {
min-height: 0;
}
.sticky-tabs svg {
height: 30px;
}
.sticky-tabs .icon-box {
padding: 0 !important;
}
.open-button {
width: 100%;
padding: 4px 0;
color: white;
display: flex;
justify-content: center;
align-items: center;
grid-gap: 5px;
}
}
.open-button i {
margin-left: 5px;
} .icon-box:hover svg * {
stroke: #1d1e1c;
}
.icon-box:hover h4 {
color: #1d1e1c;
}
.icon-box.active {
background-color: #1d1e1c;
}
.icon-box.active:hover svg * {
stroke: #69c5da;
}
.icon-box.active:hover h4 {
color: #69c5da;
} .contact-info {
padding-bottom: 15px;
}
.contact-info p {
margin-bottom: 20px;
font-size: 26px;
font-weight: 500;
letter-spacing: 0;
line-height: 36px;
}
.contact-info p a {
line-height: 36px;
color: #69c5da;
}
.social-menu {
display: flex;
padding-left: 0;
margin: 0;
flex-wrap: wrap;
gap: 4px;
}
.contact-info .social,
.social-menu li a {
border-radius: 50%;
border: solid 2px black;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
text-decoration: none;
font-size: 20px;
color: #000;
transition: all 0.3s;
}
.contact-info .social:hover,
.social-menu li a:hover {
border-color: #69c5da;
color: #69c5da;
} .form-dark .form-control {
padding: 14px 15px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #1d1e1c;
background-color: transparent;
box-shadow: none;
border-radius: 0px;
height: 59px;
border: 1px solid #1d1e1c;
}
.form-dark .form-control:focus {
border-color: #1d1e1c;
box-shadow: none;
outline: 0;
}
.form-dark .form-control option {
color: #1d1e1c;
}
.form-dark textarea.form-control {
resize: none;
height: 190px;
} .form-dark .form-check-label {
font-size: 10px;
font-weight: 500;
letter-spacing: 0;
line-height: 15px;
color: #1d1e1c;
}
.form-dark .form-control::-moz-placeholder {
color: #1d1e1c;
}
.form-dark .form-control::placeholder {
color: #1d1e1c;
}
.form-p {
margin: 0 0 20px 0;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #1d1e1c;
} .section-process {
position: relative;
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.section-process {
overflow: auto;
}
}
@media (min-width: 992px) {
.section-process {
padding-top: 90px;
padding-bottom: 10px;
}
}
@media (min-width: 1560px) {
.section-process {
padding-top: 90px;
}
}
@media (min-width: 768px) {
#container {
display: flex;
flex-wrap: wrap;
flex-direction: column;
height: 950px !important;
}
}
.module h3 {
margin-bottom: 20px;
font-size: 45px;
line-height: 56px;
font-weight: 400;
color: #4e4f4e;
}
.module h3.small {
font-size: 30px;
line-height: 42px;
}
.small p {
font-size: 18px;
line-height: 28px;
}
.module p {
font-size: 18px;
line-height: 30px;
}
.module p.large {
font-size: 22px;
line-height: 36px;
}
.module .font-light {
font-weight: 300;
color: #1d1e1c;
}
@media (min-width: 1560px) {
.module p.large {
font-size: 26px;
line-height: 47px;
}
}
@media (min-width: 1200px) {
.module {
margin-top: 150px;
margin-bottom: 100px;
position: relative;
border-bottom: solid 3px #1d1e1c;
height: 100%;
}
.module-1 {
width: 600px;
padding: 0 80px 0 0;
}
.module-1::before {
content: "";
width: 343px;
height: 77px;
background-image: url(//www.capexcurrency.com/wp-content/themes/capex-blog/assets/images/see-work.jpg);
position: absolute;
bottom: -39px;
left: 0;
}
.module-4::before,
.module-6::before,
.module-7::before,
.module-8::before,
.module-10::before {
content: "";
width: 63px;
height: 63px;
background-image: url(//www.capexcurrency.com/wp-content/themes/capex-blog/assets/images/box-icon.png);
position: absolute;
bottom: -31px;
left: -31px;
}
}
@media (max-width: 1200px) {
#container {
transform: none !important;
max-width: auto !important;
width: auto !important;
max-height: auto !important;
height: auto !important;
}
.module {
width: 100%;
margin-bottom: 16px;
}
.module img {
margin-bottom: 16px;
}
.module-1 {
margin-top: 147px;
}
}
@media (min-width: 1560px) {
.module-1 {
width: 620px;
}
} @media (min-width: 1400px) {
.module-2 {
width: 710px;
}
}
@media (min-width: 1560px) {
.module-2 {
width: 870px;
}
} @media (min-width: 1400px) {
.module-3 {
width: 300px;
}
}
@media (min-width: 1200px) {
.module-4 {
width: 580px;
padding: 0 60px;
border-left: solid 2px #69c5da;
}
.module-5 {
width: 750px;
}
.module-6 {
height: 50%;
padding: 0 230px 0 60px;
border-left: solid 2px #69c5da;
}
.module-7 {
width: 660px;
margin-top: 340px;
padding: 0 140px 0 60px;
border-left: solid 2px #69c5da;
}
.module-8 {
width: 700px;
padding: 0 60px 0 60px;
border-left: solid 2px #69c5da;
}
.module-9 {
padding: 0 80px 0 0px;
}
.module-10 {
width: 660px;
margin-top: 340px;
padding: 0 140px 0 60px;
border-left: solid 2px #69c5da;
}
.module-11 {
width: 560px;
}
.module-11::before {
content: "";
width: 306px;
height: 76px;
background-image: url(//www.capexcurrency.com/wp-content/themes/capex-blog/assets/images/see-work-end.jpg);
position: absolute;
bottom: -38px;
right: 0;
}
.module-12 {
width: 160px;
border-color: transparent;
}
}
@media (min-width: 1400px) {
.module-12 {
width: 300px;
}
}
@media screen and (min-device-width: 991px) and (max-device-width: 1200px) { 
.module .rotate-outline-text {
margin: 0 0 -35px 0;
font-size: 82px;
font-weight: 500;
letter-spacing: -2px;
line-height: 84px;
text-transform: uppercase;
color: #f9f9f9;
position: relative;
color: transparent;
-webkit-text-stroke: 1px #69c5da;
text-shadow: none;
transform: unset;
top: unset;
}
} @media (min-width: 992px) {
#fullpage section {
margin-top: 147px !important;
}
} .footer {
background-color: #1d1e1c;
color: #fff;
}
.footer-wrapper {
padding-top: 94px;
padding-bottom: 20px;
border-bottom: solid 1px #fff;
}
.footer-wrapper address,
.footer-wrapper p {
margin-bottom: 20px;
font-size: 22px;
font-weight: 500;
letter-spacing: 0;
line-height: 30px;
}
.footer-wrapper a {
transition: color 0.3s;
color: white;
margin-right: 5px;
}
.footer-wrapper a:hover {
color: #69c5da;
}
.menu-social-menu-container ul {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.footer-wrapper .social,
.menu-social-menu-container .nav-link {
border-radius: 50%;
border: solid 2px white;
display: inline-flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
text-decoration: none;
transition: border-color 0.3s;
}
.footer-wrapper .social:hover,
.menu-social-menu-container .nav-link:hover {
border-color: #69c5da;
}
.h-underline {
padding: 0px 8px 0 0;
position: relative;
display: inline-block;
z-index: 1;
}
.h-underline:before {
width: 100%;
bottom: 0;
left: 0;
content: "";
background-color: #4e4f4e;
height: 15px;
position: absolute;
z-index: -1;
}
.widget {
padding-bottom: 30px;
}
.widget h3 {
margin: 0 0 30px 0;
color: #f9f9f9;
font-size: 45px;
line-height: 50px;
font-weight: 300;
}
.widget h5 {
margin: 0 0 20px 0;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #f9f9f9;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li {
margin: 0;
padding: 0;
font-size: 22px;
font-weight: 500;
letter-spacing: 0;
line-height: 34px;
}
.widget .form-group {
margin-bottom: 23px;
}
.widget .form-control {
padding: 18px 20px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #f9f9f9;
background-color: transparent;
box-shadow: none;
border-radius: 0px;
height: calc(1.6em + 0.8rem + 22px);
border: 1px solid #f9f9f9;
}
.widget .form-check-input {
width: 13px;
height: 13px;
margin-left: -20px;
}
.widget .form-check {
position: relative;
display: block;
padding-left: 20px;
padding-right: 10px;
}
.widget .form-check-label {
font-size: 10px;
font-weight: 500;
line-height: 20px;
color: #f9f9f9;
}
.footer-info {
padding: 30px 0 15px 0;
}
.f-logo {
width: 197px;
height: auto;
margin-bottom: 15px;
}
.fr-logo {
margin-top: 15px;
margin-bottom: 10px;
}
.footer-info ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-info ul li {
margin: 0;
padding: 0;
display: inline-block;
font-size: 16px;
line-height: 22px;
letter-spacing: 1.14px;
position: relative;
}
.footer-info ul li:not(:last-child) {
margin-right: 10px;
}
.footer-info ul li + li:after {
content: "";
width: 1px;
height: 12px;
background-color: #fff;
position: absolute;
left: -8px;
top: 5px;
}
.footer-info p {
color: #f9f9f9;
font-size: 12px;
line-height: 17px;
font-weight: 500;
letter-spacing: 1.14px;
}
.footer-bar {
padding: 20px 0 10px;
background-color: #4e4f4e;
}
.footer-bar p {
margin: 0 0 10px 0;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.86px;
line-height: 22px;
} .slick-loading .slick-list {
background: #fff url(//www.capexcurrency.com/wp-content/themes/capex-blog/assets/images/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next {
position: absolute;
top: 50%;
display: block;
padding: 0;
transform: translate(0, -50%);
fill: #fff;
cursor: pointer;
left: -15px;
}
.bg-gray .slick-prev,
.bg-gray .slick-next {
fill: #69c5da;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
fill: #69c5da;
}
.bg-gray .slick-prev:hover,
.bg-gray .slick-prev:focus,
.bg-gray .slick-next:hover,
.bg-gray .slick-next:focus {
fill: #222;
}
@media (min-width: 992px) {
.testmonial .slick-prev {
left: -75px;
}
}
@media (min-width: 1200px) {
.testmonial .slick-prev {
left: -95px;
}
}
@media (min-width: 1560px) {
.testmonial .slick-prev {
left: -145px;
}
}
.slick-next {
left: auto;
right: -15px;
}
@media (min-width: 992px) {
.testmonial .slick-next {
right: -75px;
}
}
@media (min-width: 1200px) {
.testmonial .slick-next {
right: -95px;
}
}
@media (min-width: 1560px) {
.testmonial .slick-next {
right: -145px;
}
} @media (min-width: 1200px) {
.fixed-image {
display: block;
position: fixed;
right: 0;
top: 147px;
width: 50vw;
height: 100vh;
z-index: 0;
}
} .slick-dots {
margin: 0;
padding: 0;
text-align: center;
list-style: none;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
.slick-dots li {
margin: 0;
padding: 0;
display: inline-block;
}
.slick-dots li button {
text-indent: -9999px;
height: 12px;
width: 12px;
border: 0;
border-radius: 50%;
padding: 0;
margin: 0 5px;
font-size: 10px;
outline: none;
line-height: 12px;
background: #fff;
}
.slick-dots li.slick-active button {
background: #69c5da;
} @media (min-width: 1400px) {
.col-xxl {
flex-basis: 0;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-xxl-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xxl-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xxl-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xxl-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xxl-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xxl-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
order: -1;
}
.order-xxl-last {
order: 13;
}
.order-xxl-0 {
order: 0;
}
.order-xxl-1 {
order: 1;
}
.order-xxl-2 {
order: 2;
}
.order-xxl-3 {
order: 3;
}
.order-xxl-4 {
order: 4;
}
.order-xxl-5 {
order: 5;
}
.order-xxl-6 {
order: 6;
}
.order-xxl-7 {
order: 7;
}
.order-xxl-8 {
order: 8;
}
.order-xxl-9 {
order: 9;
}
.order-xxl-10 {
order: 10;
}
.order-xxl-11 {
order: 11;
}
.order-xxl-12 {
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.333333%;
}
.offset-xxl-2 {
margin-left: 16.666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.333333%;
}
.offset-xxl-5 {
margin-left: 41.666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.333333%;
}
.offset-xxl-8 {
margin-left: 66.666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.333333%;
}
.offset-xxl-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1400px) {
.m-xxl-0 {
margin: 0 !important;
}
.mt-xxl-0,
.my-xxl-0 {
margin-top: 0 !important;
}
.mr-xxl-0,
.mx-xxl-0 {
margin-right: 0 !important;
}
.mb-xxl-0,
.my-xxl-0 {
margin-bottom: 0 !important;
}
.ml-xxl-0,
.mx-xxl-0 {
margin-left: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.mt-xxl-1,
.my-xxl-1 {
margin-top: 0.25rem !important;
}
.mr-xxl-1,
.mx-xxl-1 {
margin-right: 0.25rem !important;
}
.mb-xxl-1,
.my-xxl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xxl-1,
.mx-xxl-1 {
margin-left: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.mt-xxl-2,
.my-xxl-2 {
margin-top: 0.5rem !important;
}
.mr-xxl-2,
.mx-xxl-2 {
margin-right: 0.5rem !important;
}
.mb-xxl-2,
.my-xxl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xxl-2,
.mx-xxl-2 {
margin-left: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.mt-xxl-3,
.my-xxl-3 {
margin-top: 1rem !important;
}
.mr-xxl-3,
.mx-xxl-3 {
margin-right: 1rem !important;
}
.mb-xxl-3,
.my-xxl-3 {
margin-bottom: 1rem !important;
}
.ml-xxl-3,
.mx-xxl-3 {
margin-left: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.mt-xxl-4,
.my-xxl-4 {
margin-top: 1.5rem !important;
}
.mr-xxl-4,
.mx-xxl-4 {
margin-right: 1.5rem !important;
}
.mb-xxl-4,
.my-xxl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xxl-4,
.mx-xxl-4 {
margin-left: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.mt-xxl-5,
.my-xxl-5 {
margin-top: 3rem !important;
}
.mr-xxl-5,
.mx-xxl-5 {
margin-right: 3rem !important;
}
.mb-xxl-5,
.my-xxl-5 {
margin-bottom: 3rem !important;
}
.ml-xxl-5,
.mx-xxl-5 {
margin-left: 3rem !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.pt-xxl-0,
.py-xxl-0 {
padding-top: 0 !important;
}
.pr-xxl-0,
.px-xxl-0 {
padding-right: 0 !important;
}
.pb-xxl-0,
.py-xxl-0 {
padding-bottom: 0 !important;
}
.pl-xxl-0,
.px-xxl-0 {
padding-left: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.pt-xxl-1,
.py-xxl-1 {
padding-top: 0.25rem !important;
}
.pr-xxl-1,
.px-xxl-1 {
padding-right: 0.25rem !important;
}
.pb-xxl-1,
.py-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xxl-1,
.px-xxl-1 {
padding-left: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.pt-xxl-2,
.py-xxl-2 {
padding-top: 0.5rem !important;
}
.pr-xxl-2,
.px-xxl-2 {
padding-right: 0.5rem !important;
}
.pb-xxl-2,
.py-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xxl-2,
.px-xxl-2 {
padding-left: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.pt-xxl-3,
.py-xxl-3 {
padding-top: 1rem !important;
}
.pr-xxl-3,
.px-xxl-3 {
padding-right: 1rem !important;
}
.pb-xxl-3,
.py-xxl-3 {
padding-bottom: 1rem !important;
}
.pl-xxl-3,
.px-xxl-3 {
padding-left: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.pt-xxl-4,
.py-xxl-4 {
padding-top: 1.5rem !important;
}
.pr-xxl-4,
.px-xxl-4 {
padding-right: 1.5rem !important;
}
.pb-xxl-4,
.py-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xxl-4,
.px-xxl-4 {
padding-left: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.pt-xxl-5,
.py-xxl-5 {
padding-top: 3rem !important;
}
.pr-xxl-5,
.px-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-5,
.py-xxl-5 {
padding-bottom: 3rem !important;
}
.pl-xxl-5,
.px-xxl-5 {
padding-left: 3rem !important;
}
.m-xxl-n1 {
margin: -0.25rem !important;
}
.mt-xxl-n1,
.my-xxl-n1 {
margin-top: -0.25rem !important;
}
.mr-xxl-n1,
.mx-xxl-n1 {
margin-right: -0.25rem !important;
}
.mb-xxl-n1,
.my-xxl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xxl-n1,
.mx-xxl-n1 {
margin-left: -0.25rem !important;
}
.m-xxl-n2 {
margin: -0.5rem !important;
}
.mt-xxl-n2,
.my-xxl-n2 {
margin-top: -0.5rem !important;
}
.mr-xxl-n2,
.mx-xxl-n2 {
margin-right: -0.5rem !important;
}
.mb-xxl-n2,
.my-xxl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xxl-n2,
.mx-xxl-n2 {
margin-left: -0.5rem !important;
}
.m-xxl-n3 {
margin: -1rem !important;
}
.mt-xxl-n3,
.my-xxl-n3 {
margin-top: -1rem !important;
}
.mr-xxl-n3,
.mx-xxl-n3 {
margin-right: -1rem !important;
}
.mb-xxl-n3,
.my-xxl-n3 {
margin-bottom: -1rem !important;
}
.ml-xxl-n3,
.mx-xxl-n3 {
margin-left: -1rem !important;
}
.m-xxl-n4 {
margin: -1.5rem !important;
}
.mt-xxl-n4,
.my-xxl-n4 {
margin-top: -1.5rem !important;
}
.mr-xxl-n4,
.mx-xxl-n4 {
margin-right: -1.5rem !important;
}
.mb-xxl-n4,
.my-xxl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xxl-n4,
.mx-xxl-n4 {
margin-left: -1.5rem !important;
}
.m-xxl-n5 {
margin: -3rem !important;
}
.mt-xxl-n5,
.my-xxl-n5 {
margin-top: -3rem !important;
}
.mr-xxl-n5,
.mx-xxl-n5 {
margin-right: -3rem !important;
}
.mb-xxl-n5,
.my-xxl-n5 {
margin-bottom: -3rem !important;
}
.ml-xxl-n5,
.mx-xxl-n5 {
margin-left: -3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mt-xxl-auto,
.my-xxl-auto {
margin-top: auto !important;
}
.mr-xxl-auto,
.mx-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-auto,
.my-xxl-auto {
margin-bottom: auto !important;
}
.ml-xxl-auto,
.mx-xxl-auto {
margin-left: auto !important;
}
}
.tpilot-link:hover {
text-decoration: none;
border: none;
}
.tpilot-stars {
width: 180px;
height: auto;
display: inline-block;
margin-bottom: 16px;
}
.tpilot-subline span {
display: inline-block;
position: relative;
top: 10px;
margin-right: 10px;
}
.tpilot-subline img {
width: 140px;
height: auto;
}
.product {
text-align: center;
padding: 40px 30px;
height: 250px;
margin-bottom: 30px;
}
.product:hover {
text-decoration: none;
border: none;
}
.product-blue {
background-color: #69c5da;
}
.product-blue:hover {
background-color: #1d1e1c;
}
.product .product-title {
margin-top: 20px;
margin-bottom: 0px;
font-size: 14px !important;
font-weight: 700;
letter-spacing: 0.88px;
line-height: 1.2 !important;
color: #f9f9f9;
text-transform: uppercase;
}
@media (min-width: 992px) {
.h-100 {
height: 100%;
}
.vh-80 {
height: 80vh;
}
.vh-90 {
height: 90vh;
}
.vh-100 {
height: 100vh;
}
}
@media (min-width: 1200px) {
.p-large {
padding-top: 180px;
padding-bottom: 150px;
}
.pt-large {
padding-top: 180px;
}
.pb-large {
padding-bottom: 150px;
}
}
.capped-heading {
text-transform: uppercase;
font-size: 24px !important;
letter-spacing: 1px;
}
.security-img {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.security-img {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.col-md-product {
flex: 0 0 14.28%;
max-width: 14.28%;
}
}
.short-des {
margin: 0 auto;
margin-top: 30px;
}
.short-des p {
font-size: 14px;
line-height: 20px;
}
.footer-info p {
margin-bottom: 11px;
}   .menu-icon.menu-item a {
font-size: 18px;
letter-spacing: 1.64px;
line-height: 28px;
margin: 0;
padding-left: 0;
padding-right: 0;
color: #1d1e1c;
position: relative;
display: inline-block;
font-weight: 100;
}
.menu-icon.menu-item a em {
font-weight: inherit;
color: inherit;
transition: unset;
}
.menu-icon.menu-item {
margin-left: 40px;
}
.menu-icon.menu-item a:hover {
color: #69c5da;
}
.header.bg-header .menu-icon.menu-item a:hover {
color: #69c5da;
}
.sticky .menu-icon.menu-item a {
color: #1d1e1c;
}
.sticky .menu-icon.menu-item a:hover {
color: #69c5da;
}
.overlay-menu-nav .menu-item > a {
display: inline-block;
padding: 0;
}
.with-submenu .sub-menu {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-left: 0;
margin-top: 10px;
margin-bottom: 8px;
}
.with-submenu .sub-menu a {
font-size: 18px;
letter-spacing: 1.64px;
line-height: 28px;
margin: 0;
position: relative;
display: inline-block;
text-transform: uppercase;
padding: 4px 0;
}
.with-submenu .sub-menu li:not(:last-child) {
border-right: 2px solid #fff;
}
.with-submenu .sub-menu li {
padding: 0 10px;
}
@media (max-width: 567px) {
.with-submenu .sub-menu {
flex-direction: column;
}
.with-submenu .sub-menu li:not(:last-child){
border-right: unset;
}
.with-submenu .sub-menu li {
padding: 0;
}
}  .page-template-template-contact .footer
{
position: relative;
z-index: 99;
}
.menu-footer-menu-container li .nav-link {
padding: 0;
}
.menu-footer-menu-container li .nav-link:hover {
text-decoration: underline;
}
.widget .menu-footer-menu-container ul.menu { grid-template-rows: repeat(6, auto);
grid-auto-flow: column;
}
@media (max-width: 767px) {
.widget .menu-footer-menu-container ul.menu {
grid-auto-flow: row;
}
}  .form-white .form-check.form-group {
padding-left: 14px;
}
.form-group .wpcf7-form-control-wrap {
display: block;
}
.form-white .form-check-input {
position: unset;
margin: 0px 0px 0px 0px;
display: block;
}
.form-group .wpcf7-form-control-wrap .wpcf7-list-item-label {
display: inline-block;
}
.form-group .wpcf7-form-control-wrap .wpcf7-list-item {
display: flex;
align-items: flex-start;
margin-left: 0;
}
.form-group .wpcf7-form-control-wrap .wpcf7-list-item input {
margin-top: 3px;
margin-right: 8px;
}
.wpcf7-response-output {
text-align: center;
}
.wpcf7-not-valid-tip {
font-size: 13px;
background-color: #e2e3f4;
padding: 1px 10px;
}
.wpcf7-form-control.wpcf7-checkbox + .wpcf7-not-valid-tip {
margin-left: 20px;
}
.submitting .wpcf7-spinner {
display: inline-block;
}
.wpcf7-spinner {
display: none;
margin-right: 0;
}
.submitting .wpcf7-form-control.wpcf7-submit {
display: none;
}  .sticky-tabs .icon-box :is(.hover, .active) {
display: none;
}
.sticky-tabs .icon-box:hover img {
display: none;
}
.sticky-tabs .icon-box:hover img.hover {
display: inline-block;
}
.sticky-tabs.stuck svg,
.sticky-tabs.stuck .icon-box img {
height: 30px;
}
.sticky-tabs .icon-box img {
height: 64px;
transition: height 0.3s;
}
.sticky-tabs .icon-box .img-icon {
text-align: center;
}
.sticky-tabs .icon-box.active:hover img.active {
display: inline-block;
}
.sticky-tabs .icon-box.active:hover img.hover {
display: none;
}
.video-play svg path {
fill: #69c5da;
}  .ibox .media .media-body .underline-text::before {
max-width: 100%;
left: 50%;
margin-left: 0;
transform: translate(-50%);
}  .form-dark .wpcf7-form-control-wrap .wpcf7-list-item .wpcf7-list-item-label {
font-size: 10px;
line-height: 15px;
}
.wpcf7-form.init .form-dark .form-check-input {
position: unset;
padding-left: 0;
display: block;
}
.page-template-template-contact .header {
background-color: #fff;
} .contact-footer .footer {
padding-top: 7%;
}
.container-half {
max-width: calc(1500px / 2);
margin-left: auto;
}
#wpcf7-f331-o1 .form-dark .form-check {
padding-left: 15px;
}
.contact-footer {
z-index: 1;
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 1206px) {
.page-template-template-contact .img-lg-full-right {
position: fixed;
top: 0;
bottom: 0;
right: 0;
height: 100vh;
width: 50%;
}
.page-template-template-contact .section-header > div,
.section-header {
height: auto !important;
}
.fp-section > div,
.fp-section {
height: auto !important;
}
.page-template-template-contact .fp-tableCell > div:not(.fp-scrollable) {
padding-top: 30px;
padding-bottom: 30px;
}
.contact-footer .footer {
padding-top: unset;
}
.page-template-template-contact .section-header {
margin-top: 130px;
}
}
@media(max-width:991px){
.page-template-template-contact .img-lg-full-right {
display: none;
}
.page-template-template-contact .section-header, .page-template-template-contact .section-lg {
padding: 5px 0;
}
.page-template-template-contact .info-lg-text {
padding: 17px 0 36px;
}
.page-template-template-contact .footer-wrapper {
display: none;
}
}
@media (max-width:768px){
.footer-wrapper address, .footer-wrapper p{
font-size: 16px;
line-height: 24px;
}
.rotate-outline-text {
line-height: 48px;
}
.sticky-tabs .icon-box img {
height: 32px;
}
h1, .h1 {
font-size: 32px;
line-height: 40px;
}
.form-group .wpcf7-form-control-wrap .wpcf7-list-item input {
min-width:15px;
min-height: 15px;
}
.form-group .wpcf7-form-control-wrap .wpcf7-list-item-label {
display: inline-block;
flex: 1;
}
.open-icons{
display: block !important;
}
.col-md-product {
max-width: 100% !important;
flex: none !important;
height: 55px !important;
}
.col-md-product h4 {
margin: 0;
}
.icon-content.active {
overflow: auto;
}
} @media (max-width:991px){
.pin-spacer {
position: static !important;
transform: none !important;
height: 1000% !important;
}
.pin-spacer div#container {
transform: none !important;
max-height: 100% !important;
position: static !important;
height: 100% !important;
}
.pin-spacer div#container .module {
margin-top: 60px;
margin-bottom: 0;
padding: 0 !important;
border-style: none;
}
.pin-spacer div#container .module.module-1 {
margin-top: 150px !important;
}
.pin-spacer div#container .module.module-3 {
margin: 0 !important;
}
.pin-spacer div#container .module::before{
display: none;
}
}
.footer-info ul:before {
content: "";
height: 100%;
width: 4px;
background-color: #1d1e1c;
position: absolute;
left: -10px;
z-index: 9;
}
.footer-info ul {
position: relative;
}
.defult-page a {
color: #69c5da;
}.category-select ul {
list-style: none;
padding: 0;
margin: 0
}
.category-select ul li {
display: block;
width: 100%;
line-height: 1;
margin: 15px 0 15px;
clear: both;
font-weight: 400;
color: #1D1E1C;
text-align: inherit; background-color: transparent;
border: 0;
position: relative
}
.category-select ul li input {
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
opacity: 0;
z-index: 2
}
.category-select ul li label {
position: relative;
padding: 0 0 0 25px;
margin: 0
}
.category-select ul li label::before {
position: absolute;
content: "";
display: inline-block;
transition: all 0.5s;
box-sizing: border-box;
height: 16px;
width: 16px;
border: 1px solid #1D1E1C;
background-color: #DDDDE0;
left: 0px;
top: 0
}
.category-select ul li label::after {
position: absolute;
content: "";
display: inline-block;
transition: all 0.5s;
box-sizing: border-box;
height: 10px;
width: 10px;
background-color: #6dd7dd;
left: 3px;
top: 3px;
opacity: 0
}
.category-select ul li input[type="checkbox"]:checked+label::after {
opacity: 1
}
.check-box-div {
display: block;
width: 100%;
line-height: 1;
margin: 15px 0 15px;
clear: both;
font-weight: 400;
color: #1D1E1C;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
position: relative
}
.check-box-div input {
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
opacity: 0;
z-index: 2
}
.check-box-div label {
position: relative;
padding: 0 0 0 25px;
margin: 0
}
.check-box-div label::before {
position: absolute;
content: "";
display: inline-block;
transition: all 0.5s;
box-sizing: border-box;
height: 16px;
width: 16px;
border: 1px solid #1D1E1C;
background-color: #DDDDE0;
left: 0px;
top: 0
}
.check-box-div label::after {
position: absolute;
content: "";
display: inline-block;
transition: all 0.5s;
box-sizing: border-box;
height: 10px;
width: 10px;
background-color: #6dd7dd;
left: 3px;
top: 3px;
opacity: 0
}
.check-box-div input[type="checkbox"]:checked+label::after {
opacity: 1
}
.header-purple .header {
background-color: #340F64
}
.blog-page-header {
padding: 200px 15px 0;
position: relative;
z-index: 99;
margin: 0 auto 50px
}
@media (max-width: 1279px) {
.blog-page-header {
padding:177px 25px 0
}
}
@media (max-width: 767px) {
.blog-page-header {
padding:120px 0px 45px;
width: 100%;
margin-bottom: 0
}
}
.blog-page-header .all-posts-btn {
max-width: 540px;
margin: 0 auto;
padding-left: 15px
}
.blog-page-header .all-posts-btn a {
color: #ffffff
}
.blog-page-header .all-posts-btn a:after {
background: #ffffff
}
.blog-page-header .all-posts-btn a i {
font-size: inherit;
margin: 0 8px 0 0
}
.blog-page-header h1 {
color: #1D1E1C;
letter-spacing: 0;
line-height: 1;
margin: 0;
width: 100%;
align-items: center
}
@media (max-width: 767px) {
.blog-page-header h1 {
color:#1d1e1c;
max-width: 570px;
margin: 30px auto 0px;
padding: 0px 15px;
font-size: 40px;
}
}
.blog-page-header h1 span.blog-small {
font-size: 25px;
max-height: 55px;
margin-left: 10px
}
@media (max-width: 767px) {
.blog-page-header h1 span.blog-small {
margin-left:0px;
width: 100%;
display: block
}
}
.blog-page-header h1 .blog-header-btn {
margin-left: auto
}
.blog-page-header .search-input {
height: 44px;
width: 364px;
border-radius: 10px;
background-color: #FFFFFF;
position: relative;
margin-right: 15px;
float: left
}
@media (max-width: 991px) {
.blog-page-header .search-input {
width:223px
}
}
@media (max-width: 767px) {
.blog-page-header .search-input {
float:none;
width: 100%;
background-color: transparent;
margin-bottom: 20px
}
}
.blog-page-header .search-input input {
border: 0;
width: 100%;
height: 44px;
padding: 10px 25px;
background-color: transparent;
color: #1D1E1C;
font-size: 16px;
letter-spacing: 0;
line-height: 30px;
border: 1px solid #1D1E1C;
border-radius: 10px
}
.blog-page-header .search-input input::-moz-placeholder {
color: #1D1E1C
}
.blog-page-header .search-input input:-ms-input-placeholder {
color: #1D1E1C
}
.blog-page-header .search-input input::placeholder {
color: #1D1E1C
}
@media (max-width: 767px) {
.blog-page-header .search-input input {
color:#1d1e1c;
border: 1px solid #1d1e1c;
}
.blog-page-header .search-input input::-moz-placeholder {
color: white
}
.blog-page-header .search-input input:-ms-input-placeholder {
color: white
}
.blog-page-header .search-input input::placeholder {
color: white
}
}
.blog-page-header .search-input input:focus {
outline: 0;
box-shadow: 0 0 0 3px #6dd7dd !important
}
.blog-page-header .search-input input:hover .search-input .icon {
color: #004154
}
@media (max-width: 767px) {
.blog-page-header .search-input input:hover .search-input .icon {
color:#6ED6DD
}
}
.blog-page-header .search-input :placeholder {
opacity: 1
}
.blog-page-header .search-input input[type="submit"] {
width: 24px;
height: 100%;
position: absolute;
right: 0px;
top: 0;
z-index: 2;
border: 0
}
.blog-page-header .search-input .icon {
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
font-size: 20px;
color: #000
}
@media (max-width: 767px) {
.blog-page-header .search-input .icon {
color:#1d1e1c;
font-size: 18px
}
}
.blog-page-header .search-input .icon:hover {
color: #69c5da
}
.blog-page-header .search-input:hover .icon {
color: #69c5da
}
@media (max-width: 767px) {
.blog-page-header .search-input:hover .icon {
color:#6ED6DD
}
}
@media (max-width: 767px) {
.blog-page-header .category-select {
float:none;
width: 100%
}
}
.blog-page-header .category-select .btn-dropdown {
box-sizing: border-box;
height: 44px;
width: 232px;
border: 1px solid #1D1E1C;
border-radius: 10px;
background-color: #FFFFFF;
color: #1D1E1C;
font-size: 16px;
line-height: 30px;
padding: 0 15px;
text-align: left
}
@media (max-width: 767px) {
.blog-page-header .category-select .btn-dropdown {
background-color:transparent;
width: 100%;
color: #fff;
border: 1px solid #FFFFFF
}
}
.blog-page-header .category-select .btn-dropdown:focus {
box-shadow: 0 0 0 3px #6dd7dd !important
}
.blog-page-header .category-select .btn-dropdown span {
height: 22px;
width: 22px;
margin-right: 10px;
text-align: center;
line-height: 22px;
color: #fff;
font-size: 16px;
border-radius: 50%;
background-color: #6dd7dd;
}
.blog-page-header .category-select .btn-dropdown:after {
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
margin-left: 0;
vertical-align: 0;
content: "\f0d7";
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
margin-left: auto;
font-size: 18px;
}
.blog-page-header .category-select .btn-dropdown:hover:after {
color: #004154
}
@media (max-width: 767px) {
.blog-page-header .category-select .btn-dropdown:hover:after {
color:#6ED6DD
}
}
.blog-page-header .category-select .dropdown-menu {
min-width: 100%;
padding: 0.5rem 20px;
margin: 0.125rem 0 0;
font-size: 16px;
line-height: 1;
color: #1D1E1C;
background-color: #fff;
width: 232px;
border: 1px solid #1D1E1C;
border-radius: 10px
}
@media (max-width: 767px) {
.blog-page-header .category-select .dropdown-menu {
width:100%
}
}
.blog-page-header .category-select .dropdown-menu .dropdown-item {
display: block;
width: 100%;
padding: 0 0 0 25px;
line-height: 1;
margin: 15px 0 15px;
clear: both;
font-weight: 400;
color: #1D1E1C;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
position: relative
}
.blog-page-header .category-select .dropdown-menu .dropdown-item span {
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
height: 16px;
width: 16px;
border: 1px solid #1D1E1C;
background-color: #DDDDE0
}
.blog-page-header .category-select .dropdown-menu .dropdown-item span:before {
content: '';
width: 10px;
height: 10px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #6dd7dd;
}
.blog-page-header .category-select .dropdown-menu .dropdown-divider {
height: 0;
margin: 0.5rem 0 0.9rem;
overflow: hidden;
border-top: 1px solid #979797
}
.blog-page-header .search-category {
display: flex
}
@media (max-width: 767px) {
.blog-page-header .search-category {
display:block;
max-width: 570px;
padding: 15px 15px 0px;
margin: 0 auto
}
}
.blogs-section {
padding: 0 15px 0;
margin: 0 auto 100px
}
.blogs-section .sticky-post {
height: calc(100vh - 140px);
padding: 50px 50px 40px;
border-radius: 10px;
background-color: #663C97
}
@media (max-width: 1279px) {
.blogs-section .sticky-post {
padding:50px 25px 40px
}
}
.blogs-section .sticky-post h2 {
margin: 0 0 40px;
}
@media (min-width: 992px) {
.blogs-section .sticky-post h2 {
font-size:45px;
line-height: 63px
}
}
@media (max-width: 1279px) {
.blogs-section .sticky-post h2 {
font-size:32px;
line-height: 46px
}
}
.blogs-section .sticky-post p {
color: #FFFFFF;
font-size: 22px;
letter-spacing: 0;
line-height: 36px
}
@media (max-width: 991px) {
.blogs-section .sticky-post p {
display:none
}
}
@media (max-height: 787px) {
.blogs-section .sticky-post p {
display:none
}
}
.blogs-section .sticky-post ul {
list-style: none;
padding: 0;
margin: 0
}
.blogs-section .sticky-post ul li {
display: inline-block;
vertical-align: middle;
position: relative;
margin: 0 15px 0 0;
padding: 0;
line-height: 30px
}
.blogs-section .sticky-post ul li a {
font-size: 19px
}
.blogs-section .sticky-post ul li span {
margin: 5px 0 0;
display: block;
color: #FFFFFF;
font-size: 22px;
letter-spacing: 0;
line-height: 36px
}
.blogs-section .sticky-post ul li span:before {
content: '';
width: 7px;
height: 7px;
position: absolute;
left: -20px;
top: 20px;
background: #fff;
border-radius: 50%
}
.blogs-section .sticky-post .categories {
margin-bottom: 30px
}
.blogs-section .sticky-post .categories a {
padding: 5px 20px;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
border-radius: 60px;
background-color: #ECE1F7;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 24px
}
.blogs-section .sticky-post .categories a:hover {
box-shadow: 3px 6px rgba(0,0,0,0.4)
}
.blogs-section .sticky-post .categories a:focus {
box-shadow: 0 0 0 3px #6dd7dd !important
}
.blogs-section .sticky-post .bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background-size: cover;
background-position: center;
border-radius: 10px
}
@media (min-width: 768px) {
.blogs-section .sticky-post .bg-img::after {
content:'';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #663C97;
opacity: .7;
border-radius: 10px
}
}
.blogs-section .sticky-post-mobile {
max-width: 540px;
margin: 0 auto;
padding-bottom: 50px
}
.blogs-section .sticky-post-mobile ul {
list-style: none;
padding: 0;
margin: 0
}
.blogs-section .sticky-post-mobile ul li {
display: inline-block;
vertical-align: middle;
position: relative;
margin: 0 15px 0 0;
padding: 0;
line-height: 30px
}
.blogs-section .sticky-post-mobile ul li span {
margin: 5px 0 0;
display: block;
color: #FFFFFF;
font-size: 18px;
letter-spacing: 0;
line-height: 36px;
position: relative
}
.blogs-section .sticky-post-mobile ul li span:before {
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
position: absolute;
left: -18px;
top: 16px;
background-color: #fff
}
.blogs-section .sticky-post-mobile p {
color: #fff
}
.blogs-section .sticky-post-mobile .sticky-feat-image {
margin-bottom: 35px;
border-radius: 10px;
background-color: #6D359C
}
.blogs-section .sticky-post-mobile .sticky-feat-image img {
max-width: 100%;
border-radius: 10px
}
.blogs-section .sticky-post-mobile:before {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1;
position: absolute;
background-color: #340F64
}
.blogs-section .sticky-post-mobile .categories {
margin-bottom: 30px
}
.blogs-section .sticky-post-mobile .categories a {
padding: 5px 20px;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
border-radius: 60px;
background-color: #ECE1F7;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 24px
}
.blogs-section .sticky-post-mobile .categories a:hover {
box-shadow: 3px 6px rgba(0,0,0,0.4)
}
.blogs-section .sticky-post-mobile .categories a:focus {
box-shadow: 0 0 0 3px #6dd7dd !important
}
.blogs-section .post-grid::after {
content: '';
display: block;
clear: both
}
@media (max-width: 767px) {
.blogs-section .post-grid {
max-width:540px;
margin: 0 auto 60px
}
}
.blogs-section .post-grid .blog-post-loop {
margin: 0 0 80px;
width: 50%;
padding: 0 15px;
float: left;
height: auto;
display: block
}
@media (max-width: 1279px) {
.blogs-section .post-grid .blog-post-loop {
margin:0 0 60px;
width: 100%;
padding: 0 15px;
float: none
}
}
.blogs-section .post-grid .blog-post-loop .blog-featured-image {
position: relative;
margin-bottom: 30px
}
.blogs-section .post-grid .blog-post-loop .blog-featured-image.no-thumbnail {
top: 0;
left: 0;
margin-bottom: 45px;
float: left;
width: 100%;
}
.blogs-section .post-grid .blog-post-loop .blog-featured-image img {
width: 100%;
border-radius: 10px
}
.blogs-section .post-grid .blog-post-loop .blog-featured-image .categories {
position: absolute;
top: 20px;
left: 15px;
z-index: 5
}
.blogs-section .post-grid .blog-post-loop .blog-featured-image .categories.no-thumbnail {
top: 0;
left: 0;
margin-bottom: 45px
}
.blogs-section .post-grid .blog-post-loop .blog-featured-image .categories a {
padding: 5px 20px;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
border-radius: 60px;
background-color: #6dd7dd;
font-size: 16px;
font-weight: bold;
letter-spacing: 0;
line-height: 24px;
transition: all 0.3s;
color: white;
margin-bottom: 10px;
}
.blogs-section .post-grid .blog-post-loop .blog-featured-image .categories a:hover {
box-shadow: 3px 6px rgba(0,0,0,0.4)
}
.blogs-section .post-grid .blog-post-loop .blog-featured-image .categories a:focus {
box-shadow: 0 0 0 3px #6dd7dd !important
}
.blogs-section .post-grid .blog-post-loop ul {
list-style: none;
padding: 0;
margin: 0
}
.blogs-section .post-grid .blog-post-loop ul li {
display: inline-block;
vertical-align: middle;
position: relative;
margin: 0 15px 0 0;
padding: 0;
line-height: 30px
}
.blogs-section .post-grid .blog-post-loop ul li span {
margin: 5px 0 0;
display: block;
font-size: 18px;
letter-spacing: 0;
line-height: 36px;
color: #1D1E1C
}
.blogs-section .post-grid .blog-post-loop ul li span:before {
content: '';
width: 7px;
height: 7px;
position: absolute;
left: -20px;
top: 20px;
background-color: #1D1E1C;
border-radius: 50%
}
@media (max-width: 767px) {
.blogs-section .post-grid .blog-post-loop h5 {
font-size:22px;
line-height: 36px
}
}
@media (max-width: 767px) {
.blogs-section .post-grid .blog-post-loop p {
line-height:24px
}
}
.blogs-section .post-grid .blog-post-loop .joe-blogs {
min-height: 400px;
position: relative;
padding: 80px 0 100px;
border-radius: 10px;
overflow: hidden;
background-color: #6dd7dd;
}
.blogs-section .post-grid .blog-post-loop .joe-blogs.purple {
background-color: #482177
}
.blogs-section .post-grid .blog-post-loop .joe-blogs.purple::before {
background-image: url(//www.capexcurrency.com/wp-content/themes/assets/img/asterisk-background-purple.svg)
}
.blogs-section .post-grid .blog-post-loop .joe-blogs.purple::after {
background-color: #663C97
}
@media (max-width: 767px) {
.blogs-section .post-grid .blog-post-loop .joe-blogs h5 {
font-size:26px;
line-height: 36px
}
}
.blogs-section .post-grid .blog-post-loop .joe-blogs:before {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background-image: url(//www.capexcurrency.com/wp-content/themes/assets/img/asterisk-background-blog.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center
}
.blogs-section .post-grid .blog-post-loop .joe-blogs:after {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
opacity: 0.5;
position: absolute;
background-color: #6dd7dd;
}
.blogs-section .post-grid .blog-post-loop .joe-blogs .joe-blog-text {
position: relative;
z-index: 5;
padding: 0 25px 25px
}
.blogs-section .post-grid .blog-post-loop .joe-blogs .joe-blog-text span {
color: #FFCE00;
font-size: 16px;
font-weight: bold;
letter-spacing: 1.35px;
line-height: 30px;
display: block;
text-transform: uppercase;
margin: 30px 0 0
}
@media (max-width: 767px) {
.blogs-section .post-grid .blog-post-loop .joe-blogs .joe-blog-text span {
margin:70px 0 0
}
}
.blogs-section .post-grid .blog-post-loop.cat-tip .blog-featured-image {
position: relative
}
.blogs-section .post-grid .blog-post-loop.bb-news .blog-featured-image {
height: 378px;
padding: 0px;
display: flex;
align-items: center;
border-radius: 10px;
position: relative;
overflow: hidden;
background-color: #1D1E1C
}
.blogs-section .post-grid .blog-post-loop.bb-news .blog-featured-image:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 65%;
background-color: #482177;
-webkit-clip-path: polygon(0 66%, 100% 1%, 100% 100%, 0% 100%);
clip-path: polygon(0 66%, 100% 1%, 100% 100%, 0% 100%)
}
.blogs-section .post-grid .blog-post-loop.bb-news .blog-featured-image img {
margin-top: auto;
position: relative;
z-index: 5
}
@media (max-width: 767px) {
.blogs-section .pt-xs-60 {
padding-top:60px
}
}
.blogs-section .navigation {
padding: 0 15px;
display: flex;
align-items: center;
justify-content: center
}
@media (max-width: 767px) {
.blogs-section .navigation {
max-width:540px;
margin: 0 auto
}
}
.blogs-section .navigation .page-numbers.dots:hover {
background-color: #C5A8E5 !important;
color: #663C97 !important
}
.blogs-section .navigation .page-numbers:not(.next):not(.prev) {
height: 50px;
width: 50px;
background-color: #6dd7dd;
color: #fff;
font-size: 18px;
letter-spacing: 0;
line-height: 50px;
text-align: center;
border-radius: 50%;
margin: 0 5px
}
@media (max-width: 767px) {
.blogs-section .navigation .page-numbers:not(.next):not(.prev) {
height:40px;
width: 40px;
font-size: 16px;
line-height: 40px
}
}
.blogs-section .navigation .page-numbers:not(.next):not(.prev):hover {
background-color: #1D1E1C;
color: #ffffff
}
.blogs-section .navigation .page-numbers:not(.next):not(.prev):focus {
border-color: #6dd7dd !important;
box-shadow: 0 0 0 3px #6dd7dd !important;
border: 0px !important;
outline: 0 !important
}
.blogs-section .navigation .page-numbers.current:not(.next):not(.prev) {
display: inline-block;
background-color: #1D1E1C;
border-radius: 50%;
width: 64px;
height: 64px;
color: #fff;
line-height: 64px;
font-size: 22px
}
@media (max-width: 767px) {
.blogs-section .navigation .page-numbers.current:not(.next):not(.prev) {
width:50px;
height: 50px;
font-size: 20px;
line-height: 50px
}
}
.blogs-section .navigation .next {
margin-left: auto;
font-size: 30px;
color: #663C97
}
.blogs-section .navigation .next:hover svg path {
fill: #69c5da
}
.blogs-section .navigation .prev {
margin-right: auto;
font-size: 30px;
color: #663C97
}
.blogs-section .navigation .prev:hover svg path {
fill: #69c5da
}
.archive .blog-post-loop {
width: 33% !important
}
@media (max-width: 767px) {
.archive .blog-post-loop {
width:100% !important
}
}
.container-focus {
cursor: pointer;
}
.blog-page-header h1 .blog-header-btn{
border-radius: 65px;
font-size: 16px;
color: #1D1E1C;
text-align: center;
display: inline-block;
padding: 15px 40px;
line-height: 16px;
transition: all 0.3s;
border: 2px solid #1D1E1C;
}
.btn-text {
border: 2px solid transparent;
padding: 15px 15px;
margin-left: -15px;
font-weight: bold;
font-size: 16px;
line-height: 32px;
display: inline-block;
position: relative;
transition: all 300ms;
}
.btn-text.black {
color: #1D1E1C;
}
.btn-text:after {
content: " ";
height: 2px;
position: absolute;
left: 15px;
right: 15px;
bottom: 16px;
transition: all 300ms;
}
.btn-text.black:after {
background: #1D1E1C;
}
a:hover {
color: inherit;
text-decoration: underline;
}
.btn-text:hover:after {
right: 100%;
}
.btn-inverted:hover {
box-shadow: 3px 6px rgba(0,0,0,0.4);
}
.btn-inverted.black:hover {
background: #1D1E1C;
color: #fff;
} .blog-page-header .category-select .btn-dropdown {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 44px;
width: 232px;
border: 1px solid #170e3f;
border-radius: 10px;
background-color: #fff;
color: #170e3f;
font-size: 16px;
line-height: 30px;
padding: 0 15px;
text-align: left
}
@media (max-width: 767px) {
.blog-page-header .category-select .btn-dropdown {
background-color:transparent;
width: 100%;
color: #1d1e1d;
border: 1px solid #1d1e1d;
}
}
.blog-page-header .category-select .btn-dropdown:focus {
-webkit-box-shadow: 0 0 0 3px #6dd7dd!important;
box-shadow: 0 0 0 3px #6dd7dd!important
}
.blog-page-header .category-select .btn-dropdown span {
height: 22px;
width: 22px;
margin-right: 10px;
text-align: center;
line-height: 22px;
color: #fff;
font-size: 16px;
border-radius: 50%;
background-color: #6dd7dd;
}
.blog-page-header .category-select .btn-dropdown:after {
font-family: 'Font Awesome\ 5 Free';
display: inline-block;
margin-left: 0;
vertical-align: 0;
content: "\f0d7";
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
margin-left: auto;
font-size: 18px;
}
.blog-page-header .category-select .btn-dropdown:hover:after {
color: #004154
}
@media (max-width: 767px) {
.blog-page-header .category-select .btn-dropdown:hover:after {
color:#6ed6dd
}
}
.blog-page-header .category-select .dropdown-menu {
min-width: 100%;
padding: .5rem 20px;
margin: .125rem 0 0;
font-size: 16px;
line-height: 1;
color: #170e3f;
background-color: #fff;
width: 232px;
border: 1px solid #170e3f;
border-radius: 10px;
transform: translate(0) !important;
top: auto !important;
}
@media (max-width: 767px) {
.blog-page-header .category-select .dropdown-menu {
width:100%
}
}
.blog-page-header .category-select .dropdown-menu .dropdown-item {
display: block;
width: 100%;
padding: 0 0 0 25px;
line-height: 1;
margin: 15px 0 15px;
clear: both;
font-weight: 400;
color: #170e3f;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
position: relative
}
.blog-page-header .category-select .dropdown-menu .dropdown-item span {
position: absolute;
left: 0;
top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 16px;
width: 16px;
border: 1px solid #170e3f;
background-color: #dddde0
}
.blog-page-header .category-select .dropdown-menu .dropdown-item span:before {
content: '';
width: 10px;
height: 10px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #6dd7dd;
}
.blog-page-header .category-select .dropdown-menu .dropdown-divider {
height: 0;
margin: .5rem 0 .9rem;
overflow: hidden;
border-top: 1px solid #979797
}
.blog-page-header .search-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex
} .blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.blog-page-header .category-select .show .btn-dropdown:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.post-single-top-section {
padding: 180px 0 50px
}
@media (max-width: 767px) {
.post-single-top-section {
padding:150px 0 0
}
}
.post-single-top-section .single-featured-image {
max-width: 535px;
border-radius: 10px
}
@media (max-width: 1279px) {
.post-single-top-section .single-featured-image {
max-width:540px;
margin: 0 auto
}
}
@media (max-width: 767px) {
.post-single-top-section .single-featured-image {
margin-top:50px
}
}
.post-single-top-section .single-featured-image img {
max-width: 100%;
border-radius: 10px;
width: 100%;
object-fit: cover;
}
.post-single-top-section .single-featured-image.video {
max-width: 100%;
height: 480px;
min-height: 0;
margin-bottom: 90px;
position: relative;
cursor: pointer
}
.post-single-top-section .single-featured-image.video.white-btn:after {
background-image: url(//www.capexcurrency.com/wp-content/themes/assets/img/play-button-white.svg)
}
.post-single-top-section .single-featured-image.video:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//www.capexcurrency.com/wp-content/themes/assets/img/play-buutton.svg);
background-size: 200px;
background-repeat: no-repeat;
background-position: center;
pointer-events: none
}
.post-single-top-section .single-featured-image.video img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}
.post-single-top-section .entry-meta {
max-width: 540px
}
.post-single-top-section .entry-meta ul {
list-style-type: none;
margin: 30px 0 0;
padding: 0
}
.post-single-top-section .entry-meta ul li {
position: relative;
font-size: 18px;
line-height: 24px;
display: inline-block;
margin: 0 20px 0 0
}
.post-single-top-section .entry-meta ul li a:hover {
color: #69c5da
}
.post-single-top-section .entry-meta ul li:after {
content: '';
width: 5px;
height: 5px;
position: absolute;
right: -14px;
top: 10px;
border-radius: 50%;
background-color: #170e3f
}
.post-single-top-section .entry-meta ul li:last-child:after {
content: none
}
.post-single-top-section .entry-meta strong {
font-size: 18px;
font-weight: 400;
line-height: 36px
}
.post-single-top-section .entry-meta p {
color: #797585;
font-size: 16px;
line-height: 24px
}
.post-single-top-section .entry-meta span {
font-size: 18px;
line-height: 30px;
position: relative;
margin-right: 24px
}
.post-single-top-section .entry-meta span:after {
content: '';
width: 5px;
height: 5px;
position: absolute;
right: -15px;
top: 12px;
border-radius: 50%;
background-color: #170e3f
}
.post-single-top-section .entry-meta span:last-child:after {
content: none
}
.post-single-top-section .cat-name {
margin: 0 0 30px
}
@media (max-width: 767px) {
.post-single-top-section .cat-name {
margin:30px 0 30px
}
}
.post-single-top-section .cat-name a {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
padding: 0 20px;
border-radius: 15.5px;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 30px;
background-color: #69c5da;
-webkit-transition: all .3s;
transition: all .3s
}
.post-single-top-section .cat-name a:hover {
-webkit-box-shadow: 3px 6px rgba(0,0,0,.4);
box-shadow: 3px 6px rgba(0,0,0,.4)
}
@media screen and (max-width: 1280px) and (min-width:770px) {
.post-single-top-section .align-items-center .col-md-7 {
margin-left:33.33333%!important
}
}
@media (min-width: 768px) {
.post-single-top-section .single-featured-image.video {
margin-bottom:70px
}
.post-single-top-section .cat-name {
margin: 70px 0 30px
}
}
.post-entry-content {
padding: 70px 0 90px
}
.post-entry-content .single-sidebar h4 {
width: 185px;
color: #69c5da;
font-size: 16px;
font-weight: 700;
letter-spacing: 1.35px;
line-height: 30px;
margin-bottom: 0
}
.post-entry-content .single-sidebar span {
display: block;
height: 36px;
width: 181px;
color: #170e3f;
font-size: 22px;
line-height: 36px;
text-transform: none;
letter-spacing: normal
}
.post-entry-content .single-sidebar span a:hover {
color: #69c5da
}
.post-entry-content .single-sidebar p {
max-width: 181px;
font-size: 16px;
line-height: 24px;
padding-bottom: 5px;
border-bottom: 1px solid #170e3f
}
.post-entry-content .single-sidebar ul {
list-style-type: none;
padding: 0;
margin: 0
}
.post-entry-content .single-sidebar ul li {
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
padding-left: 0
}
.post-entry-content .single-sidebar ul li:before {
display: none
}
.post-entry-content .single-sidebar ul li a {
color: #1D1E1C;
display: block;
line-height: 1
}
.post-entry-content .single-sidebar ul li a i {
font-size: 20px;
vertical-align: middle;
line-height: 1
}
.post-entry-content .single-sidebar ul li a:hover {
color: #69c5da
}
.single-post-content {
max-width: 825px
}
.single-post-content .div-center {
padding: 0 50px
}
@media (max-width: 1279px) {
.single-post-content .div-center {
padding:0
}
}
.single-post-content .div-center .wp-block-image {
margin: 50px 0
}
.single-post-content .intro-paragraph {
font-size: 22px;
letter-spacing: 0;
line-height: 36px;
margin-bottom: 50px
}
@media (max-width: 991px) {
.single-post-content .intro-paragraph {
font-size:18px;
line-height: 30px;
margin-bottom: 40px
}
}
.single-post-content .base-div a {
font-size: 20px
}
.single-post-content .base-div a .icon {
font-size: 12px;
margin-left: 0
}
@media (min-width: 768px) {
.single-format-video .post-single-top-section .cat-name {
margin-top:0
}
}
.next-prev-post {
padding: 40px 0;
margin: 50px 0;
position: relative
}
@media (max-width: 767px) {
.next-prev-post {
padding:0;
margin: 0
}
}
.next-prev-post:after {
content: '';
width: 1px;
height: 100%;
left: 50%;
top: 0;
position: absolute;
background-color: #170e3f
}
@media (max-width: 767px) {
.next-prev-post:after {
content:none
}
}
.next-prev-post h3 {
font-size: 20px;
letter-spacing: 0;
line-height: 30px
}
@media (max-width: 767px) {
.next-prev-post h3 {
margin-bottom:40px
}
}
.next-prev-post h3 svg {
display: block;
margin-bottom: 30px
}
.next-prev-post h3 a {
color: #170e3f;
width: calc(100%);
background-image: linear-gradient(transparent calc(100% - 2px),#69c5da 2px);
background-repeat: no-repeat;
background-size: 0 100%;
will-change: background-size;
-webkit-transition: background-size .5s;
transition: background-size .5s
}
.next-prev-post h3 a:hover {
color: #69c5da;
background-size: 100% 100%
}
.next-prev-post h3:hover svg * {
fill: #69c5da
}
.next-prev-post .icon {
color: #170e3f;
font-size: 30px
}
@media (max-width: 767px) {
.next-prev-post .text-left {
display:none
}
.next-prev-post .text-right {
text-align: left!important
}
.next-prev-post .text-right h3 svg {
margin-left: initial!important
}
}
@media only screen and (max-width: 991px) and (min-width:768px) {
.archive .blog-post-loop {
width:50%!important
}
}
.sticky-col {
position: -webkit-sticky;
position: sticky;
top: 125px;
}