@charset 'UTF-8';
body { font-family: 'Open Sans', sans-serif; line-height: 1.6; font-size: 15px; max-width: 1920px; margin: 0 auto; color: #191919; }
a { color: #333; text-decoration: none; cursor: pointer; transition: all 0.3s; }
a i { pointer-events: none; }
a:hover, a:focus { color: #DADADA; text-decoration: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 0; }
h1, .h1 { font-size: 2.4em; }
h2, .h2 { font-size: 2em; }
h3, .h3 { font-size: 1.6em; }
h4, .h4 { font-size: 1.2em; }
h5, .h5 { font-size: 1em; }
h6, .h6 { font-size: 12px; }
img { height: auto; max-width: 100%; }
button, input, select, textarea { font-size: 100%; margin: 0;
vertical-align: baseline; *vertical-align: middle; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
label.screen-reader-text { display: none; }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, select {
color: #666; border: 1px solid #E8E8E8; border-radius: 3px; padding: 5px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
color: #111;
}
iframe { max-width: 100%; }
textarea { overflow: auto; vertical-align: top; width: 100%; }
.wpcf7-form input:not([type="submit"]):not([type="reset"]), .wpcf7-form textarea, .wpcf7-form select { width: 100%; margin-bottom: 10px; } .alignleft { display: inline; float: left; }
.alignright { display: inline; float: right; }
.aligncenter { clear: both; display: block; margin: 0 auto; } .search-form { border: none; background: #fff; padding-left: 10px; margin-bottom: 15px; width: 275px; float: right; }
.search-submit { background: #fff url(//www.flexondata.com/wp-content/themes/ninja/images/search.jpg) center no-repeat; color: transparent; border: none; padding: 5px 16px; margin: 5px; }
.header-middle .search-field { background: none; border: none; }
.search-results-list article { box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.31); padding: 15px; margin-bottom: 15px; }
.search-results-list article .page-header { border-bottom: 0; margin: 0; padding-bottom: 0; } .bg-light-grey { background-color: #E1E1E1; }
.bg-dark-grey { background-color: #191919; color: #fff; }
.bg-black { background-color: #000; color: #fff; }
.bg-white { background-color: #fff; }
.bg-dark-grey a, .bg-black a { color: inherit; } .nfluid-wrapper { position: relative; }
.nxposition { position: initial; } .container-fluid, .container-fluid > .row > [class*='col-'], .container-fluid.main-content-area, .container-fluid.main-content-area > .row > .main-content-inner { 
padding-left: 0; padding-right: 0; 
}
.container-fluid > .row { margin: 0; }
.container-fluid.main-content-area > .row { margin: auto; } .sidebar { margin-bottom: 15px; }
.sidebar aside { background-color: #f3f3f3; padding-bottom: 15px; }
.widget_archive select { width: calc(100% - 10px * 2); margin: 10px auto 0; display: block; outline: 0!important; }
.widget_archive h3 { background-color: #000; color: #fff; padding: 5px 15px; text-transform: uppercase; font-size: 24px; } .post-listing { padding: 0; list-style-type: none; }
.post-listing li { overflow: hidden; margin: 0 0 20px; border: 5px solid #f3f3f3; padding: 15px; }
.post-listing .featured-img { float: left; margin-right: 10px; } .btn.btn-default { background-color: #0c4ea0; border-color: #0c4ea0; color: #fff; font-size: 14px; padding: 5px 20px; 
margin-top: 15px; transition: all 0.3s ease 0s;
}
.btn.btn-default:hover { color: #0c4ea0; border-color: currentColor; background-color: transparent; } .np15 { padding: 15px; }
.np30 { padding: 30px; }
.np45 { padding: 45px; }
.nm15 { margin: 15px; }
.nm30 { margin: 30px; }
.nm45 { margin: 45px; }
.nvp15 { padding-top: 15px; padding-bottom: 15px; }
.nvp30 { padding-top: 30px; padding-bottom: 30px; }
.nvp45 { padding-top: 45px; padding-bottom: 45px; }
.nvm15 { margin-top: 15px; margin-bottom: 15px; }
.nvm30 { margin-top: 30px; margin-bottom: 30px }
.nvm45 { margin-top: 45px; margin-bottom: 45px }
.nhp15 { padding-left: 15px; padding-right: 15px; }
.nhp30 { padding-left: 30px; padding-right: 30px; }
.nhp45 { padding-left: 45px; padding-right: 45px; }
.nhm15 { margin-left: 15px; margin-right: 15px; }
.nhm30 { margin-left: 30px; margin-right: 30px; }
.nhm45 { margin-left: 45px; margin-right: 45px; }
.nxp { padding: 0; }
.nxvp { padding-top: 0; padding-bottom: 0; }
.nxhp { padding-left: 0; padding-right: 0; }
.nxm { margin: 0; }
.nxvm { margin-top: 0; margin-bottom: 0; }
.nxhm { margin-left: 0; margin-right: 0; } .nflex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; }
.nflex-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.nflex-bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.nflex-top { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } .nmla { margin-left: auto; }
.nmra { margin-right: auto; } ul, li { margin-bottom: 10px; }
ul ul, ol ol, ul ol, ol ul { padding-left: 20px; }
.ninline-col-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.ninline-col-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.ninline-col-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.ninline-col-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
[class*='ninline-col'] { -webkit-column-gap: 40px; column-gap: 40px; }
[class*='ninline-col'] li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -moz-page-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; }
ul.menu { list-style: none; padding-left: 0; margin-bottom: 0; } .header-middle > .container { padding-top: 15px; padding-bottom: 15px; } .navbar-collapse { clear: both; float: right; padding-left: 0; padding-right: 0; }
#menu-primary li { display: block; position: relative; margin-bottom: 0; }
#menu-primary ul.sub-menu { display: none; z-index: 999; text-align: left; }
#menu-primary li:last-child { margin-right: 0; }
#menu-primary li a { padding: 10px 20px; display: block; }
#menu-primary li a:hover { color: #000; }
.dropdown-menu { padding: 0!important; border: 0!important; border-radius: 0; }
ul.sub-menu { position: absolute; top: 40px; left: 0; padding: 0 5px; background: #000; }
#menu-primary ul.sub-menu li a { padding: 5px; }
#menu-primary ul.sub-menu li a:hover { color: #fff; }
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
ul.nav li.dropdown:hover > ul.dropdown-menu ul.dropdown-menu { margin-left: 160px; margin-top: -40px; } .ninja-tq-icon { font-size: 40px; color: #fff; margin-bottom: 30px; background-color: #ee1b24; padding: 30px; border-radius: 50%; border: 5px solid #fff; box-shadow: 7px 7px 24px 0px rgba(50, 50, 50, 0.41); } .ninja-comingsoon-icon { font-size: 40px; color: #fff; margin-bottom: 30px; background-color: #ee1b24; padding: 30px; border-radius: 50%; border: 5px solid #fff; box-shadow: 7px 7px 24px 0px rgba(50, 50, 50, 0.41); }
.ninja-thank-you > .row { height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.countdown { position: relative; margin: auto; height: 40px; width: 40px; text-align: center; }
.countdown-number { color: #000; display: inline-block; line-height: 38px; }
.ninja-thank-you svg { position: absolute; top: 0; right: 0; width: 40px; height: 40px; transform: rotateY(-180deg) rotateZ(-90deg); -webkit-transform: rotateY(-180deg) rotateZ(-90deg); }
.ninja-thank-you svg circle { stroke-dasharray: 113px; stroke-dashoffset: 0px; stroke-linecap: round; stroke-width: 2px; stroke: black; fill: none; animation: countdown 10s linear forwards; -webkit-animation: countdown 10s linear forwards; }
@-webkit-keyframes countdown {
from { stroke-dashoffset: 0px; }
to { stroke-dashoffset: 113px; }
}
@keyframes countdown {
from { stroke-dashoffset: 0px; }
to { stroke-dashoffset: 113px; }
} .nperiscope { background-position: center 0px; background-repeat: repeat-y; background-attachment: fixed; position: relative; }
.nperiscope.circle { border-radius: 50%; }
.nperiscope .nperiscope-tint { background-color: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; opacity: 0; padding: 30px; transition: all 0.8s;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;
}
.nperiscope-content { transition: all 0.8s; }
.nperiscope.circle, .nperiscope.circle .nperiscope-tint { border-radius: 50%; } .nfloating-box-list-wrapper { overflow: hidden; }
.nfloating-box-list { list-style: none; margin-bottom: 0; padding-left: 0; } .nlanding-box-list { list-style: none; padding-left: 0; margin-bottom: 0; overflow: hidden; }
.nlanding-box-list .nbox { position: relative; opacity: 0; transform: translateX(30px); transition: all 0.4s ease-in-out; overflow: hidden; }
.nlanding-box-list.nalign-left .nbox { transform: translateX(-30px); }
.nlanding-box-list.nalign-top .nbox { transform: translateY(-30px); }
.nlanding-box-list.nalign-bottom .nbox { transform: translateY(30px); }
.nlanding-box-list .nbox.is-showing { opacity: 1; transform: translateX(0px); }
.nlanding-box-list.nalign-top .nbox.is-showing, .nlanding-box-list.nalign-bottom .nbox.is-showing {transform: translateY(0px); } p:empty { display: none; }
a.waze-app, a.whatsapp { display: none; }
.nboxes .ncaption { margin-bottom: 15px; }
.nboxes img { width: 100%; }
.page-featured-banner h1 { text-align: center; }
.fullpage-header { position: absolute; z-index: 1; color: #fff; }
#wc_category_accordion-2 .widgettitle { margin-bottom: 0; } .nbtnfr { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); position: fixed; transform-origin: right bottom; top: 20%; } #footer { background: #191919; padding-top: 15px; color: #fff; }
#footer .footer-inner { padding-top: 25px; padding-bottom: 25px; padding-left: 30px; padding-right: 30px; }
#footer .widgettitle { font-size: 14px; }
#footer .widgettitle:after { content: ""; background-color: #fff; width: 20px; height: 3px; display: block; margin-top: 15px; }
#footer ul { padding-left: 0; }
#colophon { background: #fff; color: initial; }
#copyright { text-align: center; padding: 10px 15px; } #floating-widget { position: fixed; right: 0; top: 38%; z-index: 999; } .scroll-to-top { background: rgba(100, 100, 100, 0.4); color: #fff; bottom: 4%; cursor: pointer; display: none; position: fixed; right: 20px; z-index: 999; font-size: 16px;
text-align: center; line-height: 40px; width: 40px; border-radius: 4px; transition: background-color 0.3s linear;
}
.scroll-to-top:hover { background: #222; opacity: .8; } .social-icons ul { margin-bottom: 0; }
.social-icons ul, .social-icons li { border: 0!important; list-style: none; padding-left: 0; }
.social-icons li { border: none; display: inline-block; margin: 0; }
.social-icons li a span { display: none; }
.social-icons li a { font-size: 18px; line-height: 37px; list-style: none; display: inline-block; text-align: center; height: 35px; width: 35px; margin-right: 5px; margin-bottom: 5px;
border-radius: 50%; background-color: #fff; color: #000; transition: background-color 0.5s;
}
.social-icons li a[href*="facebook.com"] i:before { content: "\f09a"; }
.social-icons li a[href*="twitter.com"] i:before { content: "\f099"; }
.social-icons li a[href*="skype"] i:before { content: "\f17e"; }
.social-icons li a[href*="youtube.com"] i:before { content: "\f167"; }
.social-icons li a[href*="instagram.com"] i:before { content: "\f16d"; }
.social-icons li a[href*="flickr.com"] i:before { content: "\f16e"; }
.social-icons li a[href*="tumblr.com"] i:before { content: "\f173"; }
.social-icons li a[href*="pinterest.com"] i:before { content: "\f0d2"; }
.social-icons li a[href*="plus.google.com"] i:before { content: "\f0d5"; }
.social-icons li a[href*="linkedin.com"] i:before { content: "\f0e1"; }
.social-icons li a:hover { color: #fff!important; }
.social-icons li a[href*="facebook.com"]:hover { background-color: #4265b9; }
.social-icons li a[href*="twitter.com"]:hover { background-color: #55ACEE; }
.social-icons li a[href*="skype"]:hover { background-color: #0bbff2; }
.social-icons li a[href*="youtube.com"]:hover { background-color: #df3333; }
.social-icons li a[href*="instagram.com"]:hover { background-color: #F95B60; }
.social-icons li a[href*="flickr.com"]:hover { background-color: #ff0084; }
.social-icons li a[href*="tumblr.com"]:hover { background-color: #35506b; }
.social-icons li a[href*="pinterest.com"]:hover { background-color: #c31e26; }
.social-icons li a[href*="plus.google.com"]:hover { background-color: #d62408; }
.social-icons li a[href*="linkedin.com"]:hover { background-color: #005987; } @media (min-width: 1200px) {
.lg-center { text-align: center; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.md-center { text-align: center; }
}
@media (min-width: 992px) { a[href*='tel:'] { pointer-events: none; } .nimg-wrapper { position: initial; }
.nimg-container-right, .nimg-container-left { position: absolute; bottom: 0; top: 0; }
.nimg-container-right { left: 50%; right: 0; }
.nimg-container-left { left: 0; right: 50%; }
.nimg-container-right img, .nimg-container-left img { object-fit: cover; width: 100%; height: 100%; }
.nfluid-wrapper .row.nflex > [class*='col-'] { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; }
.nfluid-wrapper .nflex-reverse { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse!important; flex-direction: row-reverse!important; }
}
@media (max-width: 991px) {
.navbar-collapse.collapse { display: none !important; }
.sidebar, .content-with-sidebar { float: none; width: 100%; }
.search-form { display: none; }
.nflex { display: block; }
#logo img { width: auto; }
a.waze-app, a.whatsapp { display: inline-block; }
a.waze { display: none; }
.nfloating-box-list .nbox { transform: none!important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-center { text-align: center; }
}
@media (max-width: 767px) {
.xs-center { text-align: center; }
.nimg-wrapper img { margin-bottom: 15px; } 
.np45 { padding: 30px; }
}
@media (max-width: 480px) {
#floating-widget { right: inherit; top: initial; bottom: 0; width: 100%; text-align: center; }
}.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;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.flexondata.com/wp-content/themes/ninja/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.flexondata.com/wp-content/themes/ninja/slick/fonts/slick.eot);
src: url(https://www.flexondata.com/wp-content/themes/ninja/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.flexondata.com/wp-content/themes/ninja/slick/fonts/slick.woff) format('woff'), url(https://www.flexondata.com/wp-content/themes/ninja/slick/fonts/slick.ttf) format('truetype'), url(https://www.flexondata.com/wp-content/themes/ninja/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}body {
font-family: "Montserrat", sans-serif;
font-size: 14px;
max-width: 1920px;
color: #000;
background-color: #fafafa;
}
.site {
background-color: #fff;
} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: "Yantramanav", "Montserrat", sans-serif;
line-height: 1.3;
text-transform: uppercase;
}
h1, .h1 {
font-size: 36px;
}
h2, .h2 {
font-size: 30px;
}
h3, .h3 {
font-size: 24px;
}
h4, .h4 {
font-size: 20px;
}
h5, .h5 {
font-size: 18px;
}
h6, .h6 {
font-size: 16px;
}
.text-white {
color: #fff;
}
.text-black {
color: #000;
}
.text-blue {
color: #1a8ac0;
}
.text-grey {
color: #666;
}
.text-light {
font-weight: 300;
}
.text-bold {
font-weight: 700;
}
.text-heading {
font-family: "Yantramanav", "Montserrat", sans-serif;
}
.text-big {
font-size: 150%;
}  .nxvm {
margin-top: 0;
margin-bottom: 0;
}
.nxmt {
margin-top: 0;
}
.nxmb {
margin-bottom: 0;
}
.nxmh {
margin-left: 0;
margin-right: 0;
}
.nxvp {
padding-top: 0;
padding-bottom: 0;
}
.nxpt {
padding-top: 0;
}
.nxpb {
padding-bottom: 0;
}
.nxph {
padding-left: 0;
padding-right: 0;
}
.np10 {
padding: 10px;
}
.nvp10 {
padding-top: 10px;
padding-bottom: 10px;
}
.nhp10 {
padding-left: 10px;
padding-right: 10px;
}
.np20 {
padding: 20px;
}
.nvp20 {
padding-top: 20px;
padding-bottom: 20px;
}
.nhp20 {
padding-left: 20px;
padding-right: 20px;
}
.np60 {
padding: 60px;
}
.nvm60 {
margin-top: 60px;
margin-bottom: 60px;
}
.nhm60 {
margin-left: 60px;
margin-right: 60px;
}
.nvp60 {
padding-top: 60px;
padding-bottom: 60px;
}
.nhp60 {
padding-left: 60px;
padding-right: 60px;
}
.npt60 {
padding-top: 60px;
}
.npb60 {
padding-bottom: 60px;
}
.npt45 {
padding-top: 45px;
}
.npb45 {
padding-bottom: 45px;
}
.npt30 {
padding-top: 30px;
}
.npb30 {
padding-bottom: 30px;
}
.npt20 {
padding-top: 20px;
}
.npb20 {
padding-bottom: 20px;
}
.npt15 {
padding-top: 15px;
}
.npb15 {
padding-bottom: 15px;
}
.npt10 {
padding-top: 10px;
}
.npb10 {
padding-bottom: 10px;
}
.nmt60 {
margin-top: 60px;
}
.nmb60 {
margin-bottom: 60px;
}
.nmt45 {
margin-top: 45px;
}
.nmb45 {
margin-bottom: 45px;
}
.nmt30 {
margin-top: 30px;
}
.nmb30 {
margin-bottom: 30px;
}
.nmt20 {
margin-top: 20px;
}
.nmb20 {
margin-bottom: 20px;
}
.nmt15 {
margin-top: 15px;
}
.nmb15 {
margin-bottom: 15px;
}
.nmt10 {
margin-top: 10px;
}
.nmb10 {
margin-bottom: 10px;
} .grid-container {
display: -ms-grid;
display: grid;
}
.grid-container:before, .grid-container:after {
content: none;
}
.grid-container > [class*=nflex] > div {
width: 100%;
}
.row.grid-container {
margin-left: 0;
margin-right: 0;
}
ul.grid-container {
list-style: none;
padding-left: 0;
}
ul.grid-container > li {
margin-bottom: 0;
}
.grid-gap-10 {
grid-gap: 10px;
}
.grid-gap-15 {
grid-gap: 15px;
}
.grid-gap-20 {
grid-gap: 20px;
}
.grid-gap-25 {
grid-gap: 25px;
}
.grid-gap-30 {
grid-gap: 30px;
}
.grid-col-4 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr [4];
grid-template-columns: repeat(4, 1fr);
}
.grid-col-4:before, .grid-col-4:after {
content: none;
}
@media (max-width: 1199px) {
.grid-col-4 {
-ms-grid-columns: 1fr [3];
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 991px) {
.grid-col-4 {
-ms-grid-columns: 1fr [2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.grid-col-4 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.grid-col-3 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr [3];
grid-template-columns: repeat(3, 1fr);
}
.grid-col-3:before, .grid-col-3:after {
content: none;
}
@media (max-width: 991px) {
.grid-col-3 {
-ms-grid-columns: 1fr [2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.grid-col-3 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.grid-col-2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr [2];
grid-template-columns: repeat(2, 1fr);
}
.grid-col-2:before, .grid-col-2:after {
content: none;
}
@media (max-width: 767px) {
.grid-col-2 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
} .nflex-xs, .nflex-sm, .nflex-md, .nflex-lg {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.nflex-top {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.nflex-bottom {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.nflex-left {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.nflex-right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.nflex-center {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.nflex-middle {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.nflex-row {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.nflex-column {
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.nflex-height {
-webkit-flex: 1;
flex: 1;
width: 100%;
}
@media (max-width: 1199px) {
.nflex-lg {
display: block;
}
}
@media (max-width: 991px) {
.nflex-md {
display: block;
}
}
@media (max-width: 767px) {
.nflex-sm {
display: block;
}
}
.nflex-reverse {
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap;
} @media (min-width: 1200px) {
.lg-right {
text-align: right;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.md-right {
text-align: right;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.sm-right {
text-align: right;
}
}
@media (max-width: 767px) {
.xs-right {
text-align: right;
}
} ul, ol, ol ol, ol ul, ul ol, ul ul {
margin-top: 5px;
margin-bottom: 7px;
}
li {
margin-bottom: 3px;
}
[class*=ninline-col] {
-webkit-column-gap: 40px;
column-gap: 40px;
}
@media (max-width: 1199px) {
[class*=ninline-col].ninline-md-auto {
-webkit-column-count: auto;
column-count: auto;
}
}
@media (max-width: 991px) {
[class*=ninline-col].ninline-sm-auto {
-webkit-column-count: auto;
column-count: auto;
}
}
@media (max-width: 767px) {
[class*=ninline-col] {
-webkit-column-count: auto;
column-count: auto;
}
}
[class*=ninline-col] li {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-moz-page-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
ul.menu {
list-style: none;
padding-left: 0;
margin-bottom: 0;
} table {
background-color: #fff;
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
border: 1px solid #ddd;
}
@media (max-width: 768px) {
.table-responsive {
border: 0;
}
.table-responsive:before {
display: block;
padding: 8px 3px;
content: "\f0a4  Scroll to right to view more";
font-family: "Font Awesome 5 Free", "Montserrat", sans-serif;
font-weight: 400;
text-align: left;
font-size: 12px;
}
.table-responsive > .table {
border: 1px solid #ddd;
}
} .nbg-img.parallax-effect, .parallax-effect {
background-attachment: fixed;
} .bg-light-grey {
background-color: #f6f6f6;
}
.bg-dark-grey {
background-color: #323232;
} .ninja-coming-soon i[class*=icon], .ninja-thank-you i[class*=icon] {
background-color: #1a8ac0;
border: 0;
}
.map-link {
display: inline-block;
position: relative;
z-index: 0;
}
.map-link:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.map-link img {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.map-link:hover:before {
opacity: 1;
}
.map-link:hover img {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.thumbnail {
max-width: 100%;
} a {
color: #666;
}
a:hover {
color: #1a8ac0;
}
a[href*="tel:"]:not(:hover) {
color: inherit;
} .btn.btn-default {
font-size: 13px;
text-transform: uppercase;
text-shadow: none;
padding: 0.5em 1.2em;
border: 0 !important;
border-radius: 0;
outline: 0 !important;
position: relative;
z-index: 0;
font-weight: bold;
color: #fff;
background-color: #1a8ac0;
transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}
.btn.btn-default.nxm {
margin-top: 0;
margin-bottom: 0;
}
.btn.btn-default:before, .btn.btn-default:after {
position: absolute;
content: "";
display: none;
width: 140%;
height: 100%;
left: -20%;
z-index: -1000;
pointer-events: none;
outline: 0 !important;
transition: all ease-in-out 0.5s;
background-repeat: no-repeat;
color: #1a8ac0;
}
.btn.btn-default:before {
top: -75%;
background-image: radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, transparent 20%, currentColor 20%, transparent 30%), radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, transparent 10%, currentColor 15%, transparent 20%), radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, currentColor 20%, transparent 20%);
background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
.btn.btn-default:after {
bottom: -75%;
background-image: radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, transparent 10%, currentColor 15%, transparent 20%), radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, currentColor 20%, transparent 20%), radial-gradient(circle, currentColor 20%, transparent 20%);
background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.btn.btn-default:hover {
color: #1a8ac0;
box-shadow: 0 2px 25px rgba(26, 138, 192, 0.8);
}
.btn.btn-default:hover:before {
display: block;
animation: topBubbles ease-in-out 0.75s forwards;
}
.btn.btn-default:hover:after {
display: block;
animation: bottomBubbles ease-in-out 0.75s forwards;
}
.btn.btn-darker-blue {
background-color: #2269a1;
}
.btn.btn-darker-blue:before, .btn.btn-darker-blue:after {
color: #2269a1;
}
.btn.btn-darker-blue:hover {
color: #2269a1;
box-shadow: 0 2px 25px rgba(34, 105, 161, 0.8);
}
.btn-group > br {
display: none;
}
.btn-group .btn {
margin-right: 15px;
} .search-form {
background: none;
width: auto;
margin-bottom: 0;
float: none;
position: relative;
display: inline-block;
padding-left: 0;
}
.search-form:after {
content: "";
display: table;
clear: both;
}
.search-form .search-field {
background: #ededed;
padding: 5px 15px 5px 35px;
max-width: 170px;
font-size: 13px;
border-radius: 20px;
outline: 0;
box-sizing: border-box;
transition: all 0.3s ease-in-out;
}
.search-form .search-field:focus {
box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.search-form .search-submit {
background: url(//www.flexondata.com/wp-content/themes/ninja/images/search.png) center no-repeat;
padding: 3px 12px;
margin: 0;
position: absolute;
top: -3px;
left: 5px;
bottom: 0;
outline: 0;
}
.search-keyword {
color: #999;
font-weight: 400;
text-transform: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
.search-results-list {
-ms-grid-columns: 1fr [2];
grid-template-columns: repeat(2, 1fr);
}
}
.search-results-list article {
background-color: #f9f9f9;
box-shadow: none;
}
.search-results-list article .entry-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
align-items: center;
margin-bottom: 1em;
}
.search-results-list .featured-image {
-webkit-flex: 0 1 70px;
flex: 0 1 70px;
max-width: 70px;
margin-right: 1em;
}
.search-results-list .entry-title {
font-size: 18px;
font-weight: 400;
text-transform: none;
}
.search-results-list a {
color: #222;
}
.search-results-list a:hover {
color: #999;
}
.search-results-list a.btn-read-more {
margin-top: 15px;
} @-webkit-keyframes hamburger-menu-hover {
0% {
width: 100%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
@keyframes hamburger-menu-hover {
0% {
width: 100%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
@keyframes topBubbles {
0% {
background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
}
50% {
background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
}
100% {
background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
}
@keyframes bottomBubbles {
0% {
background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
}
50% {
background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
}
100% {
background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
}
} .site-header {
background-color: #fff;
box-shadow: 0px 15px 15px -17px rgba(0, 0, 0, 0.3);
}
.site-logo {
margin-right: auto;
}
.site-logo img {
width: auto;
transition: width 0.2s linear;
}
.small-header .container {
padding-top: 10px;
padding-bottom: 10px;
}
.small-header .site-logo img {
max-height: 30px;
}
.small-header #menu-primary > li:not(:last-of-type) {
margin-right: 1em;
}
.small-header #menu-primary > li > a {
font-size: 15px;
}
#menu-primary li a {
font-family: "Yantramanav", "Montserrat", sans-serif;
color: #000;
}
#menu-primary li a .caret {
display: none !important;
}
#menu-primary > li:not(:last-of-type) {
margin-right: 1.4em;
}
@media (max-width: 1199px) {
#menu-primary > li:not(:last-of-type) {
margin-right: 1.2em;
}
}
#menu-primary > li > a {
text-transform: uppercase;
position: relative;
background-color: transparent !important;
padding: 0 0.7em;
font-size: 16px;
}
#menu-primary > li > a:before, #menu-primary > li > a:after {
width: 3px;
height: 0;
position: absolute;
content: "";
-webkit-transition: all 0.25s ease;
transition: all 0.35s ease;
background-color: #1a8ac0;
}
#menu-primary > li > a:before {
top: 0;
right: 0;
}
#menu-primary > li > a:after {
bottom: 0;
left: 0;
}
#menu-primary > li.active > a, #menu-primary > li.current-menu-ancestor > a, #menu-primary > li > a:hover {
color: #1a8ac0;
}
#menu-primary > li.active > a:before, #menu-primary > li.active > a:after, #menu-primary > li.current-menu-ancestor > a:before, #menu-primary > li.current-menu-ancestor > a:after, #menu-primary > li > a:hover:before, #menu-primary > li > a:hover:after {
height: 100%;
}
#menu-primary > li.active > a, #menu-primary > li.current-menu-ancestor > a {
font-weight: bold;
}
#menu-primary .dropdown-menu {
min-width: 200px;
}
#menu-primary .dropdown-menu li:not(:last-of-type) {
border-bottom: 1px dotted #ddd;
}
#menu-primary .dropdown-menu li a {
white-space: normal;
background-color: transparent !important;
}
#menu-primary .dropdown-menu li.active > a, #menu-primary .dropdown-menu li a:hover {
color: #1a8ac0;
}
#menu-primary .dropdown-menu li.active > a {
font-weight: bold;
} #responsive-menu-button {
position: static !important;
z-index: auto !important;
border-radius: 0 !important;
width: 25px !important;
height: 25px !important;
}
#responsive-menu-button .responsive-menu-box {
width: 100%;
height: 100%;
}
#responsive-menu-button .responsive-menu-inner {
width: 100%;
left: 0;
border-radius: 0 !important;
transition: all 0.2s ease !important;
}
#responsive-menu-button .responsive-menu-inner:before, #responsive-menu-button .responsive-menu-inner:after {
left: 0;
border-radius: 0 !important;
transition: all 0.2s ease !important;
}
#responsive-menu-button .responsive-menu-inner:before {
width: 100%;
}
#responsive-menu-button .responsive-menu-inner:after {
width: 100%;
}
#responsive-menu-button.is-active + #responsive-menu-container {
box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.25);
}
#responsive-menu-button:not(.is-active) .responsive-menu-inner:before {
top: -7px;
}
#responsive-menu-button:not(.is-active) .responsive-menu-inner:after {
bottom: -7px;
}
#responsive-menu-button:not(.is-active):hover .responsive-menu-inner {
-webkit-animation: hamburger-menu-hover 1s infinite ease-in-out alternate forwards 200ms;
animation: hamburger-menu-hover 1s infinite ease-in-out alternate forwards 200ms;
}
#responsive-menu-button:not(.is-active):hover .responsive-menu-inner:before {
-webkit-animation: hamburger-menu-hover 1s infinite ease-in-out alternate;
animation: hamburger-menu-hover 1s infinite ease-in-out alternate;
}
#responsive-menu-button:not(.is-active):hover .responsive-menu-inner:after {
-webkit-animation: hamburger-menu-hover 1s infinite ease-in-out alternate forwards 400ms;
animation: hamburger-menu-hover 1s infinite ease-in-out alternate forwards 400ms;
}
#responsive-menu-container {
opacity: 0;
pointer-events: none;
transition-delay: 0.3s !important;
}
#responsive-menu-container.slide-right {
left: auto;
right: 0;
}
#responsive-menu-container #responsive-menu-title {
font-size: 34px !important;
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom: 10px !important;
}
#responsive-menu-container #responsive-menu {
padding: 0;
}
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > a > .responsive-menu-subarrow {
background: #1a8ac0 !important;
border-color: #1a8ac0 !important;
color: #fff !important;
}
.responsive-menu-open #responsive-menu-button .responsive-menu-inner:before, .responsive-menu-open #responsive-menu-button .responsive-menu-inner:after {
width: 100%;
}
.responsive-menu-open #responsive-menu-container {
opacity: 1;
pointer-events: auto;
} .page-banner {
color: #fff;
background-color: #1a8ac0;
background-image: url(//www.flexondata.com/wp-content/uploads/2019/01/page-banner-bg.jpg);
background-size: auto;
background-repeat: no-repeat;
background-position: top center;
overflow: hidden;
position: relative;
}
.page-banner:before, .page-banner:after {
pointer-events: none;
position: absolute;
opacity: 0.8;
}
.page-banner:before {
content: url(//www.flexondata.com/wp-content/uploads/2019/01/banner-e1.png);
top: 50px;
left: 0;
}
.page-banner:after {
content: url(//www.flexondata.com/wp-content/uploads/2019/01/banner-e2.png);
top: 0;
right: 0;
}
.page-banner .container {
min-height: 115px;
padding-top: 45px;
padding-bottom: 30px;
max-width: 900px;
}
.page-banner .page-title {
margin-bottom: 0;
font-family: "Montserrat", sans-serif;
position: relative;
}
@media (min-width: 768px) {
.page-banner {
min-height: 400px;
padding-bottom: 285px;
}
}
@media (max-width: 767px) {
.page-banner {
padding-bottom: 85px;
}
.page-banner:before, .page-banner:after {
opacity: 0.5;
}
.page-banner:after {
display: none;
}
.page-banner .container {
width: 100%;
}
}  .system-type-list .box, .offer-list .box, .industry-list .box {
padding: 15px;
transition: all 0.2s ease;
}
.system-type-list .box > *:last-child, .offer-list .box > *:last-child, .industry-list .box > *:last-child {
margin-bottom: 0;
}
.system-type-list .box .icon, .offer-list .box .icon, .industry-list .box .icon {
display: inline-block;
position: relative;
z-index: 0;
}
.system-type-list .box .icon:before, .offer-list .box .icon:before, .industry-list .box .icon:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
top: 95%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.system-type-list .box .icon img, .offer-list .box .icon img, .industry-list .box .icon img {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.system-type-list .box:hover .icon:before, .offer-list .box:hover .icon:before, .industry-list .box:hover .icon:before {
opacity: 1;
}
.system-type-list .box:hover .icon img, .offer-list .box:hover .icon img, .industry-list .box:hover .icon img {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
@media (min-width: 992px) and (max-width: 1199px){
.usp-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
.system-type-list, .offer-list, .industry-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.system-type-list, .offer-list, .industry-list {
grid-template-columns: 1fr;
}
}
.bg-meeting-group {
color: #fff;
background-image: url(//www.flexondata.com/wp-content/uploads/2019/01/Group-of-young-people-in-business-meeting.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.work-with-us-list {
margin-top: 30px;
margin-left: 0;
margin-right: 0;
}
.work-with-us-list .box .icon {
border-radius: 50%;
border: 6px solid #fff;
background-color: #4dbaf6;
width: 160px;
height: 160px;
margin: 0 auto 20px;
}
.work-with-us-list .box h3 {
text-transform: uppercase;
font-weight: bold;
}
.industry-wrap .deco-img-wrap {
padding-bottom: 0;
}
.industry-wrap .nbg {
margin-left: 45px;
}
@media (max-width: 1199px) {
.industry-wrap {
padding-left: 15px;
padding-right: 15px;
}
.industry-wrap .nbg {
padding-bottom: 56.25%;
max-width: 500px;
margin: 30px auto 0;
}
}
.industry-list {
margin-top: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.industry-list {
grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.industry-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.industry-list {
grid-template-columns: repeat(2, 1fr);
}
}
.bg-office-table {
background-color: #f6f6f6;
background-image: url(//www.flexondata.com/wp-content/uploads/2019/01/Office-desk-table-with-computer-supplies-and-coffee-cup.jpg);
background-repeat: no-repeat;
background-position: top left;
background-size: auto;
padding-top: 300px;
padding-bottom: 60px;
}
@media (max-width: 991px) {
.bg-office-table {
background-size: 800px;
}
}
.offer-list .box {
display: grid;
grid-template-columns: 75px 1fr;
grid-gap: 20px 10px;
align-items: center;
padding: 5px;
font-family: "Yantramanav", "Montserrat", sans-serif;
font-weight: bold;
}
@media (max-width: 991px) {
.offer-list {
margin-top: 30px;
}
}
@media (max-width: 767px) {
.offer-list {
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}
}
.choose-us {
color: #fff;
background-image: url(//www.flexondata.com/wp-content/uploads/2019/01/Successful-project-of-a-businessman-exit-from-a-laptop.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.choose-us-list {
margin-top: 45px;
grid-template-columns: repeat(5, 1fr);
}
.choose-us-list .box {
background-color: rgba(20, 20, 20, 0.83);
padding: 15px;
overflow: hidden;
position: relative;
padding: 60px;
}
.choose-us-list .box .icon {
margin-bottom: 20px;
-webkit-filter: brightness(0) invert(100%);
filter: brightness(0) invert(100%);
transition: all 0.4s ease;
}
.choose-us-list .box h5 {
font-weight: bold;
transition: all 0.4s ease;
}
.choose-us-list .box .icon, .choose-us-list .box h5 {
transform: rotate(0deg) scale(1);
transition: all 0.4s ease;
}
.choose-us-list .box .overlay {
font-size: 13px;
color: #aaa;
transition: all 0.4s ease;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 20px;
transform: rotate(360deg) scale(0);
}
.choose-us-list .box .overlay > *:last-child {
margin-bottom: 0;
}
.choose-us-list .box:hover .icon, .choose-us-list .box:hover h5 {
opacity: 0;
transform: rotate(-360deg) scale(0);
}
.choose-us-list .box:hover .overlay {
opacity: 1;
transform: rotate(0deg) scale(1);
transition-delay: 0.1s;
}
@media (max-width: 1199px) {
.choose-us-list {
grid-template-columns: repeat(3, 1fr);
}
.choose-us-list .box {
padding: 45px;
}
}
@media (min-width: 992px) {
.choose-us-list h5 {
margin-bottom: 0;
}
}
@media (max-width: 991px) {
.choose-us-list {
grid-template-columns: repeat(2, 1fr);
}
.choose-us-list .box {
position: static;
}
.choose-us-list .box .icon, .choose-us-list .box h5 {
opacity: 1 !important;
transform: unset !important;
}
.choose-us-list .box .overlay {
position: static;
opacity: 1 !important;
transform: unset !important;
padding: 0;
}
}
@media (max-width: 767px) {
.choose-us-list {
grid-template-columns: 1fr;
}
}
.testimonial blockquote {
padding: 20px;
max-width: 750px;
margin: 0 auto;
border: 0;
font-size: inherit;
}
.testimonial__img {
margin-top: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.testimonial__author {
font-style: italic;
}
.testimonial__author:before {
content: "";
border-top: 3px solid;
display: block;
width: 20px;
margin: 0 auto 20px;
} .nboxshadow {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
.deco-img-wrap {
padding-bottom: 56.25%;
}
}
.page-sec-1-wrap section {
padding-left: 15px;
padding-right: 15px;
}
.page-sec-1-wrap .container {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 0;
margin-top: -85px;
}
@media (max-width: 991px) {
.page-sec-1-wrap .container .np60 {
padding: 45px;
}
}
@media (max-width: 767px) {
.page-sec-1-wrap .container .np60 {
padding: 30px;
}
}
@media (min-width: 768px) {
.page-sec-1-wrap .container {
margin-top: -285px;
width: calc(750px - 30px);
}
}
@media (min-width: 992px) {
.page-sec-1-wrap .container {
width: calc(970px - 30px);
}
}
@media (min-width: 1200px) {
.page-sec-1-wrap .container {
width: calc(1170px - 30px);
}
}
.full-highlight-box {
padding-left: 15px;
padding-right: 15px;
}
.full-highlight-box .container {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
.full-highlight-box .container .np60 {
padding: 45px;
}
}
@media (max-width: 767px) {
.full-highlight-box .container .np60 {
padding: 30px;
}
}
@media (min-width: 768px) {
.full-highlight-box .container {
width: calc(750px - 30px);
}
}
@media (min-width: 992px) {
.full-highlight-box .container {
width: calc(970px - 30px);
}
}
@media (min-width: 1200px) {
.full-highlight-box .container {
width: calc(1170px - 30px);
}
}
.about-us-wrap {
padding-bottom: 170px;
padding-left: 15px;
padding-right: 15px;
}
.about-wrap-2 {
margin-bottom: -80px;
grid-template-columns: 390px 430px;
align-items: start;
justify-content: center;
}
.about-wrap-2 .deco-img-wrap {
padding-bottom: 0;
margin-top: 50px;
margin-bottom: -50px;
margin-left: -50px;
position: relative;
z-index: -1;
}
@media (max-width: 991px) {
.about-wrap-2 {
grid-template-columns: 1fr 1fr;
}
.about-wrap-2 .box-content {
padding: 30px;
}
}
@media (max-width: 767px) {
.about-wrap-2 {
margin-bottom: -130px;
grid-template-columns: 1fr;
}
.about-wrap-2 .deco-img-wrap {
margin-top: 30px;
margin-bottom: -30px;
margin-left: 0;
}
}
.software-solution-list .box {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
padding: 20px 40px;
display: grid;
grid-template-columns: 75px 1fr;
grid-gap: 30px 50px;
}
.software-solution-list .box .content > *:last-child {
margin-bottom: 0;
}
.software-solution-list .box:not(:last-of-type) {
margin-bottom: 60px;
}
.software-solution-list .box:not(:last-of-type):after {
content: url(//www.flexondata.com/wp-content/uploads/2019/01/down-arrow.png);
position: absolute;
bottom: -45px;
left: 0;
right: 0;
text-align: center;
}
@media (max-width: 480px) {
.software-solution-list .box {
grid-template-columns: 1fr;
text-align: center;
}
}
.our-belief {
color: #fff;
background-image: url(//www.flexondata.com/wp-content/uploads/2019/01/Successful-project-of-a-businessman-exit-from-a-laptop-blue-overlay.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.belief-list {
grid-template-columns: repeat(5, 1fr);
}
.belief-list .box {
background-color: rgba(0, 0, 0, 0.6);
padding: 50px 20px;
font-family: "Yantramanav", "Montserrat", sans-serif;
text-transform: uppercase;
font-weight: bold;
}
.belief-list .box > *:last-child {
margin-bottom: 0;
}
.belief-list .list-header {
grid-column: 1/-1;
background-color: transparent;
}
.belief-list .list-header h2 {
background-color: rgba(0, 0, 0, 0.6);
padding: 7px 20px;
display: inline-block;
}
.belief-list .icon {
-webkit-filter: brightness(0) invert(100%);
filter: brightness(0) invert(100%);
}
@media (max-width: 991px) {
.belief-list {
grid-template-columns: repeat(3, 1fr);
}
.belief-list .box {
padding: 20px;
}
}
@media (max-width: 767px) {
.belief-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.belief-list {
grid-template-columns: 1fr;
}
}
@media (max-width: 991px) {
.value-deco-img {
padding-bottom: 56.25%;
}
}
.values-list .box {
padding: 100px 45px;
text-align: center;
color: #434343;
}
.values-list .box h5 {
color: #343434;
font-weight: bold;
}
.values-list .box > *:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.values-list .box {
padding: 45px 30px;
}
}
.values-list.slick-slider .slick-arrow:before {
font-size: 16px;
}
.feature-list .icon {
display: inline-block;
position: relative;
z-index: 0;
}
.feature-list .icon:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
top: 95%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.feature-list .icon img {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.feature-list .box:hover .icon:before {
opacity: 1;
}
.feature-list .box:hover .icon img {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
@media (min-width: 480px) and (max-width: 767px) {
.feature-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.page-wrap-mlm-plans .nbg {
min-height: 400px;
align-self: stretch;
}
.staging .deco-img-wrap{
min-height: 400px;
align-self: stretch;
}
}
@media (min-width: 992px){
.nfluid-gmap iframe { 
object-fit: cover;
width: 100%;
height: 100%; 
}
.nfluid-height {
min-height: 350px;
}
}
.hero-banner {
background: linear-gradient(to right, rgba(52, 105, 162, 0.1), rgba(52, 105, 162, 0.75)), url(//www.flexondata.com/wp-content/uploads/2019/04/global-support.jpg) center / cover no-repeat;
min-height: 350px;
}
.hero-banner h2 { 
font-size: 38px; 
line-height: 1.1; 
text-shadow: 0px 2px 4px rgba(51, 51, 51, 0.7);
} .archive .page-sec-1-wrap {
background-color: #f6f6f6;
}
.sidebar {
margin-bottom: 0;
}
@media (max-width: 991px) {
.sidebar {
margin-top: 30px;
}
}
.widget_archive h3 {
background-color: #1a8ac0;
}
.post-listing {
margin-bottom: 0;
}
.post-listing li {
padding: 15px;
display: grid;
grid-template-columns: 225px 1fr;
grid-gap: 20px 30px;
margin-bottom: 0;
}
.post-listing li:not(:last-of-type) {
margin-bottom: 25px;
}
.post-listing .post__image {
max-width: 225px;
}
.post-listing .post__title {
font-size: 28px;
color: #1a8ac0;
font-weight: 400;
}
@media (max-width: 767px) {
.post-listing li {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.post-listing li {
padding: 20px;
}
.post-listing .post__image {
max-width: 100%;
}
.post-listing .post__image img {
width: 100%;
}
.post-listing .post__title {
font-size: 20px;
}
}
.single-post__title {
font-size: 30px;
color: #1a8ac0;
} .service-listing figure {
position: relative;
overflow: hidden;
text-align: center;
background-color: #1a8ac0;
color: #fff;
}
.service-listing img {
width: 100%;
transition: opacity 0.35s;
}
.service-listing figcaption {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 1;
padding: 30px;
}
.service-listing h2 {
font-size: 20px;
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
transition: all 0.6s ease;
}
.service-listing i {
color: inherit;
display: inline-block;
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
transition: all 0.6s ease;
}
.service-listing .service__link {
position: absolute;
z-index: 1;
top: 0%;
left: 0;
width: 100%;
height: 100%;
}
.service-listing figure:hover img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.2;
}
.service-listing figure:hover h2, .service-listing figure:hover i {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media (max-width: 991px) {
.service-listing img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.2;
}
.service-listing h2 {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.service-listing i {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
}
@media (max-width: 767px) {
.service-listing {
grid-template-columns: repeat(auto-fit, minmax(200px, 400px));
justify-content: center;
}
}
@media (max-width: 480px) {
.service-listing h2 {
font-size: 16px;
}
}
@media (max-width: 767px) {
.service-listing-wrap .container {
padding-left: 15px;
padding-right: 15px;
}
} @media (min-width: 992px) {
.single-service-wrap .nbg {
min-height: 350px;
align-self: stretch;
}
.features-modules-list li{
width: 16.6666%;
}
}
.features-modules-list{
list-style-type: none;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-flow: row wrap;
padding: 0;
}
.features-modules-list li{
float: left;
}
.features-modules-list li .inner-nbox{
background-color: #365c9d;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center;
padding: 15px;
min-height: 300px;
position: relative;
cursor: pointer;
}
.features-modules-list li:nth-child(3n+2) .inner-nbox{
background-color: #539fd9;
}
.features-modules-list li:nth-child(3n+3) .inner-nbox{
background-color: #2f7bb5;
}
.features-modules-list li .inner-nbox h6{
line-height: 1;
font-weight: bold;
font-size: 14px;
text-transform: capitalize;
}
.features-modules-list li .content-nbox>h6{
margin: 10px 0 0;
color: #fff;
}
.features-modules-list li .hover-nbox{
position: absolute;
font-size: 10px;
padding: 15px;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
top: 0;
left: 200%;
transition: all 0.8s ease-in-out;
}
.features-modules-list li .inner-nbox:hover .hover-nbox{
left: 0;
}
.bg-vector-lines {
position: relative;
z-index: 0;
overflow: hidden;
}
.bg-vector-lines:before {
content: url(//www.flexondata.com/wp-content/uploads/2019/01/bg-line-1.png);
display: block;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.bg-vector-lines:after {
content: url(//www.flexondata.com/wp-content/uploads/2019/01/bg-line-2.png);
display: block;
position: absolute;
top: 60%;
left: 0;
z-index: -1;
}
@media (max-width: 991px) {
.bg-vector-lines:after {
display: none;
}
}
@media (max-width: 991px) and (min-width: 769px) {
.features-modules-list li{
width: 33.3333%;
}
}
@media (max-width: 768px) {
.features-modules-list li{
width: 100%;
}
.features-modules-list li .inner-nbox{
min-height: 200px;
}
}
.tab-wrapper > h4 {
background: #f7f7f7;
margin-bottom: 0;
padding: 10px 15px 6px;
text-align: center;
font-weight: bold;
color: #1a8ac0;
font-size: 18px;
}  .slick-slider {
padding-left: 30px !important;
padding-right: 30px !important;
}
.slick-slider.nav-arrows-top {
padding-top: 45px;
}
.slick-slider.nav-arrows-top .slick-arrow {
top: 5px;
transform: none;
}
.slick-slider.nav-arrows-top .slick-prev {
left: auto;
right: 30px;
}
.slick-slider.arrows-black .slick-arrow:before {
color: #000;
}
.slick-slider.arrows-white .slick-arrow:before {
color: #fff;
}
.slick-slider.eq-height .slick-track {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.slick-slider.eq-height .slick-slide {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
flex: 1;
justify-content: center;
height: auto;
position: relative;
z-index: 0;
margin-bottom: 0;
}
.slick-slider.eq-height .slick-slide > div:not([class]) {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
flex: 1;
}
.slick-slider .slick-slide, .slick-slider .slick-slide a {
outline: 0;
}
.slick-slider .slick-arrow {
top: 50%;
transform: translateY(-50%);
z-index: 1;
height: 30px;
}
.slick-slider .slick-arrow:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #777;
font-size: 26px;
}
.slick-slider .slick-arrow:not(:hover):not(:focus) {
opacity: 0.8;
}
.slick-slider .slick-prev {
left: 0;
}
.slick-slider .slick-prev:before {
content: "\f053";
}
.slick-slider .slick-next {
right: 0;
}
.slick-slider .slick-next:before {
content: "\f054";
} [class*=su-].nxm {
margin: 0 !important;
} .su-list.nxm ul {
margin: 0 !important;
} .su-gmap:after {
content: "";
display: table;
clear: both;
}
.su-gmap iframe {
float: left;
}
.su-gmap.full-gmap iframe {
width: 100%;
height: 300px;
} .su-lightbox {
outline: 0;
}
.su-lightbox[data-mfp-type=image] {
cursor: pointer;
}
@media (max-width: 991px) {
.su-lightbox-content {
width: 95% !important;
}
}
.su-lightbox-content .mfp-close {
border-radius: 50%;
background-color: #ddd;
width: 35px;
height: 35px;
line-height: 35px;
top: 7px !important;
right: 7px;
}
.mfp-bg {
opacity: 0.95;
}
.mfp-bottom-bar .mfp-title {
padding-right: 0;
}
.mfp-bottom-bar .mfp-counter {
position: static;
margin-top: 5px;
font-style: italic;
} .su-custom-gallery[class*=grid-]:before, .su-custom-gallery[class*=grid-]:after {
content: none !important;
}
.su-custom-gallery[class*=grid-] .su-custom-gallery-slide {
margin: 0;
}
.su-custom-gallery .su-clear {
display: none;
}
.su-custom-gallery .su-custom-gallery-slide {
float: none;
display: inline-block;
position: relative;
}
.su-custom-gallery .su-custom-gallery-slide:before, .su-custom-gallery .su-custom-gallery-slide:after {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.su-custom-gallery .su-custom-gallery-slide:before {
content: "";
background: rgba(51, 51, 51, 0.85);
width: 100%;
height: 100%;
}
.su-custom-gallery .su-custom-gallery-slide:after {
content: "\f0fe";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 250%;
color: #fff;
top: 50%;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.su-custom-gallery .su-custom-gallery-slide:hover:before, .su-custom-gallery .su-custom-gallery-slide:hover:after {
opacity: 1;
}
.su-custom-gallery .su-custom-gallery-slide a {
outline: 0;
}
.su-custom-gallery .su-custom-gallery-slide img {
padding: 0;
border-radius: 0;
border: 0 !important;
outline: 0;
width: 100%;
} .su-tabs {
border-radius: 0 !important;
background: #f7f7f7 !important;
padding: 5px 6px 7px !important;
}
.su-tabs .su-tabs-nav span {
background-color: #f7f7f7;
font-weight: bold;
border-radius: 0 !important;
}
.su-tabs .su-tabs-pane {
border-radius: 0 !important;
}
.su-tabs.su-tabs-vertical .su-tabs-nav {
background-color: #fff;
padding: 5px !important;
}
.su-tabs.su-tabs-vertical .su-tabs-panes {
background-color: #fff;
}
.su-tabs.su-tabs-vertical .su-tabs-pane-open {
padding: 20px 25px !important;
}
@media (min-width: 769px) {
.su-tabs.su-tabs-vertical {
display: grid;
grid-template-columns: 30% 70%;
}
.su-tabs.su-tabs-vertical:before, .su-tabs.su-tabs-vertical:after {
content: none;
}
.su-tabs.su-tabs-vertical .su-tabs-nav, .su-tabs.su-tabs-vertical .su-tabs-panes {
width: 100%;
float: none;
}
.su-tabs.su-tabs-vertical .su-tabs-nav span {
text-align: right;
}
} .grecaptcha-badge {
display: none !important;
}
.req {
color: #f82d2d;
font-weight: bold;
}
label {
font-family: "Yantramanav", "Montserrat", sans-serif;
text-transform: uppercase;
font-weight: 400;
}
.wpcf7-form input:not([type=submit]):not([type=reset]), .wpcf7-form textarea, .wpcf7-form select {
border-radius: 0;
border-color: #d7d7d7;
-webkit-transition: box-shadow 0.3s ease-in-out;
-o-transition: box-shadow 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out;
outline: none;
padding: 5px 8px;
margin-bottom: 10px;
}
.wpcf7-form input:not([type=submit]):not([type=reset])::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder, .wpcf7-form select::-webkit-input-placeholder {
font-size: 12px;
}
.wpcf7-form input:not([type=submit]):not([type=reset])::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder, .wpcf7-form select::-moz-placeholder {
font-size: 12px;
}
.wpcf7-form input:not([type=submit]):not([type=reset]):-ms-input-placeholder, .wpcf7-form textarea:-ms-input-placeholder, .wpcf7-form select:-ms-input-placeholder {
font-size: 12px;
}
.wpcf7-form input:not([type=submit]):not([type=reset]):focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus {
box-shadow: 0 0 1px 1px rgba(26, 138, 192, 0.5);
border-color: rgba(26, 138, 192, 0.7);
}
.wpcf7-form.transparent-form input:not([type=submit]):not([type=reset]), .wpcf7-form.transparent-form textarea, .wpcf7-form.transparent-form select {
background-color: transparent;
color: #fff;
}
.wpcf7-form.transparent-form input:not([type=submit]):not([type=reset]):not(:focus), .wpcf7-form.transparent-form textarea:not(:focus), .wpcf7-form.transparent-form select:not(:focus) {
border-color: rgba(255, 255, 255, 0.3);
} .text-center .wpcf7-submit {
margin-left: 30px;
}
.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
width: auto !important;
}
.wpcf7 input[type=file] {
max-width: 300px;
}
.wpcf7 input[type=checkbox], .wpcf7 input[type=radio], .wpcf7 input[type=file] {
margin-bottom: 10px !important;
}
.wpcf7-checkbox, .wpcf7-radio {
background-color: #eaeaea;
padding: 8px;
display: block;
}
.wpcf7-checkbox .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item {
margin: 0;
display: block;
}
.wpcf7-checkbox[class*=ninline], .wpcf7-radio[class*=ninline] {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-moz-page-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
.wpcf7-checkbox[class*=ninline] .wpcf7-list-item, .wpcf7-radio[class*=ninline] .wpcf7-list-item {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-moz-page-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
.wpcf7-list-item label {
font-weight: normal;
}
.wpcf7-list-item-label::before {
margin-left: 4px;
}
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-form-control-wrap .wpcf7-not-valid {
box-shadow: inset 0 0 1px 1px rgba(248, 45, 45, 0.5);
border-color: #f82d2d !important;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
display: none;
}
div.wpcf7 .ajax-loader {
border-radius: 50%;
background-color: #fff;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-position: center;
margin-left: 13px;
}
div.wpcf7-response-output {
padding: 5px 10px;
margin: 2em 0 0;
border: 1px solid transparent;
}
div.wpcf7-validation-errors {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #f5e1b8;
}
div.wpcf7-mail-sent-ng {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
div.wpcf7-mail-sent-ok {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
} .navigation {
clear: both;
}
.pagination {
margin-top: 30px;
margin-bottom: 0;
}
.navigation .pagination span {
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
border: 0;
border-radius: 3px;
background-color: #eee;
color: #222;
margin: 0 2px;
}
.navigation .pagination a {
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
border: 0;
border-radius: 3px;
background-color: #eee;
color: #222;
margin: 0 2px;
}
.navigation .pagination a:focus {
color: inherit;
}
.navigation .pagination a:hover {
background-color: #1a8ac0;
color: #fff;
}
.navigation .pagination span.pages, .navigation .pagination span.extend {
display: none;
}
.navigation .pagination span.current {
background-color: #1a8ac0;
color: #fff;
} .ninja-social .widgettitle {
display: none;
}
.social-icons li a {
background-color: transparent;
border-radius: 0;
color: #fff;
font-size: 15px;
width: 25px;
height: 25px;
line-height: 25px;
margin-bottom: 0;
}
.social-icons li a:hover {
background-color: #1a8ac0 !important;
} #footer {
background-color: #231f20;
font-size: 13px;
}
#footer a:not(:hover) {
color: inherit;
}
#footer .footer-inner {
padding-left: 15px;
padding-right: 15px;
}
.footer-widget .fa-li {
text-align: left;
}
.social-icons li.footer-email i:before{
content: "\f0e0";
font-family: "Font Awesome 5 Free";
}
@media (min-width: 1200px) {
.footer-widget:not(:last-of-type) {
margin-right: 60px;
}
}
@media (max-width: 991px) {
.footer-widget:not(:last-of-type) {
margin-bottom: 40px;
}
.footer-widget.footer-1 {
margin-bottom: 20px;
}
}
#menu-sitemap {
column-count: 2;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-moz-page-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
#colophon {
background-color: #000;
color: #666;
}
.scroll-to-top:hover {
background-color: #1a8ac0;
}
.floating-buttons .btn {
font-family: "Yantramanav", "Montserrat", sans-serif;
font-size: 16px;
letter-spacing: 1px;
padding: 12px 4px 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
margin-top: 0;
}
.floating-buttons .btn i {
display: block;
margin: 0 auto 5px;
}
.floating-buttons .btn:hover {
background-color: #fff;
} #floating-widget-01 {
position: fixed;
bottom: 150px;
right: 0;
top: initial;
}
#floating-widget-01 a {
animation: pulsegreen 2s infinite;
width: 45px;
height: 45px;
font-size: 20px;
color: #fff!important;
border-radius: 100%;
text-align: center;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
z-index: 1000;
outline: 0;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
a#whatsapp-float {
background-color: #64bb53;
margin-bottom: 3px;
}
a#email-float {
background-color: #3a559f;
}
#fbMsg img{
top: initial;
bottom: 100px;
right: 20px;
width: 45px;
height: 45px;
}
@media (max-width: 991px) {
.scroll-to-top {
bottom: 55px;
}
#colophon {
padding-bottom: 40px;
}
#floating-widget {
top: auto;
bottom: 0;
width: 100%;
}
.floating-buttons {
padding-left: 5px;
padding-right: 5px;
}
.floating-buttons .btn {
border-bottom-left-radius: 0;
border-top-right-radius: 6px;
display: block;
}
.floating-buttons .btn:before, .floating-buttons .btn:after {
content: none;
}
.floating-buttons .btn i {
display: inline-block;
margin: 0;
}
}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}