#container-page-header > div > div > div > div > div > a:nth-child(2) {
display: none !important;
}
.menu ul.sub-menu {
overflow:scroll;
max-height: 500px !important;
overflow-y: auto !important;
}
body {
color: #262626;
font-family: 'Proximanova-regular';
font-size: 16px;
margin: 0 0 -35px 0;
}
a {
color: #82c024;
text-decoration: none;
transition: color 300ms;
}
a:hover {
color: #000;
}
h1, h2, h3, h4, h5, h6 {
font-family:'Proximanova-bold';
line-height: 1.25em;
}
h1, h2, h3, h4, h5, h6, p, ol, ul {
margin-bottom: 10px;
}
h1 {
font-size: 27px;
padding: 5px 0 1px 0;
}
h2 {
font-size: 24px;
padding: 5px 0 2px 0;
}
h3 {
font-size: 21px;
padding: 6px 0 3px 0;
}
h4 {
font-size: 18px;
padding: 7px 0 4px 0;
}
h5 {
font-size: 15px;
padding: 8px 0 5px;
}
h6 {
font-size: 12px;
padding: 8px 0 5px 0
}
.section-title {
font-size: 36px;
line-height: 1em;
padding: 7px 0 2px;
}
.section-title .sub-title {
display: block;
font-family: 'Proximanova-regular';
font-size: 15px;
line-height: 1.25em;
padding: 6px 0 7px;
}
strong {
font-family:'Proximanova-bold';
}
p, ul, ol {
padding: 2px 0 1px;
}
li ul, li ol {
margin: 0;
}
p, li {
line-height: 26px;
}
ul.default-list {
list-style-type: disc;
margin-left: 16px;
}
table.default-table-style {
border: 1px solid #ccc;
border-collapse: collapse;
margin-bottom: 20px;
}
table {
}
table.default-table-style th,
table.default-table-style td {
border: 1px solid #ccc;
}
.default-table-style th {
background-color: #000;
color: #fff;
font-family: 'Proximanova-bold';
font-weight: bold;
padding: 5px 10px;
text-transform: uppercase;
}
.default-table-style td {
line-height: 26px;
padding: 5px 10px;
}
.custom-content-page {
border-top: 1px solid #ccc;
padding: 50px 0;
}
.bg-primary {
background-color: #82c024;
}
.color-primary {
color: #82c024;
}
.color-white {
color: #fff;
}
.text-center {
text-align: center;
}
.text-uppercase {
text-transform: uppercase;
}
img {
display: block;
height: auto;
width: 100%;
}
figure {
margin: 10px 0 20px 0;
}
section { }
.list-bullet {
list-style-type: disc !important;
}
.dont-delete-container {
background-color: #000000;
height: 35px;
margin-bottom: -35px;
} .global-header {
box-sizing: border-box;
left: 0;
position: fixed; width: 100%;
z-index: 10000;
}
.header-top {
background-color: rgba(34, 34, 34, 1);
font-size: 12px;
line-height: 0.5em;
text-align: center;
text-transform: uppercase;
z-index: 10000;
}
.header-top a {
color: #fff;
display: inline-block;
margin: 0 10px;
padding: 14px 0 12px ;
transition: all 300ms;
vertical-align: top;
}
.header-top a:hover {
color: #82c024;
}
.header-top a.email {
position: absolute;
right: 51px;
bottom: -56px;
}
@media (min-width:1280px) {
.header-top a.email {
position: inherit;
}
}
.global-header .header-main {
background-color: rgba(0, 0, 0, 0);
box-sizing: border-box;
padding: 20px 0;
transition: all 500ms;
}
.global-header .header-main.smaller {
background-color: rgba(0, 0, 0, 1);
box-sizing: border-box;
}
body.active-menu .global-header .header-main {
background-color: rgba(0, 0, 0, 1);
}
.page-template-template-contact .global-header .header-main {
background-color: rgba(0, 0, 0, 1);
}
.global-header .header-logo {
display: inline-block;
vertical-align: top;
}
.global-header .header-logo img {
height: 34px;
width: auto;
}
@media (min-width:1025px) {
.global-header .header-logo {
width: 160px;
}
}
.global-header .header-logo img {
margin: 0;
}
.toggle-header-nav {
display: block;
height: 18px;
position: absolute;
top: 8px;
right: 20px;
width: 18px;
}
.toggle-header-nav:after,
.toggle-header-nav:before,
.toggle-header-nav span {
background-color: #82c024;
border-radius: 2px;
content: "";
height: 2px;
position: absolute;
left: 0;
transition: all 300ms;
width: 18px;
}
.toggle-header-nav span {
top: 8px;
}
.toggle-header-nav:after {
bottom: 2px;
}
.toggle-header-nav:before {
top: 2px;
}
.toggle-header-nav.contract:after {
bottom: 8px;
transform: rotate(-45deg);
}
.toggle-header-nav.contract:before {
transform: rotate(45deg);
top: 8px;
}
.toggle-header-nav.contract span {
display: none;
}
@media (min-width:1025px) {
.toggle-header-nav {
display: none;
}
}
.global-header nav {
background-color: rgba(34, 34, 34, 1);
bottom: 0;
box-sizing: border-box;
display: none;
left: 0;
overflow-y: scroll;
position: fixed;
top: 112px;
white-space: nowrap;
width: 100%;
}
@media (min-width:480px) {
.global-header nav {
width: 300px;
}
}
@media (min-width:1025px) {
.global-header nav {
background-color: rgba(34, 34, 34, 0);
bottom: inherit;
display:inherit;
left: inherit;
overflow-y: inherit;
position: absolute;
right: 20px;
top: -20px;
width: auto;
}
}
.global-header nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#primary-menu li {
line-height: inherit;
position: relative;
}
#primary-menu > li > a {
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
display: block;
font-size: 14px;
font-family:'Proximanova-bold';
letter-spacing: 0.03em;
line-height: 1em;
padding: 13px 30px 11px 20px;
transition: all 300ms;
text-transform: uppercase;
}
#primary-menu > li.menu-item-has-children .toggle-sub-menu {
background: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/icon-expand-white.svg) no-repeat center center;
content: "";
cursor: pointer;
display: block;
height: 39px;
position: absolute;
right: 0;
top: 1px;
width: 39px;
z-index: 10;
}
#primary-menu > li.menu-item-has-children.contract .toggle-sub-menu {
background: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/icon-contract-white.svg) no-repeat center center;
}
@media (min-width:1025px) {
#primary-menu > li {
display: inline-block;
vertical-align: top;
padding: 17px 0 17px 25px;
}
#primary-menu > li > a {
border-top: none;
display: block;
padding: 14px 0 12px;
}
#primary-menu > li:last-child > a {
background-color: #82c024;
border: 2px solid #82c024;
border-radius: 50px;
padding: 12px 25px 10px;
}
#primary-menu > li:last-child > a:hover {
background-color: rgba(130, 192, 36, 0);
} #primary-menu .toggle-sub-menu {
display: none !important;
}
}
.sub-menu {
background: rgba(255, 255, 255, 0.1);
display: none;
}
.sub-menu > li > a {
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
display: block;
font-size: 12px;
font-family: 'Proximanova-regular';
letter-spacing: 0.03em;
line-height: 1em;
padding: 14px 30px 12px 40px;
text-transform: none;
}
.sub-menu > li > a:hover,
.sub-menu > li.current-menu-item > a,
.sub-menu > li.current-menu-item > a:hover {
color: #82c024;
}
@media (min-width:1025px) {
.sub-menu {
background: rgba(34, 34, 34, 1);
display: none;
left: 10px;
position: absolute;
top: 71px;
width: 300px;
}
#primary-menu > li:hover .sub-menu {
display: block;
}
.sub-menu > li > a {
padding: 14px 20px 12px 20px;
}
} .section-about,
.section-experience,
#featured-projects,
.section-our-belief,
.section-our-motto,
.solutions-we-offer {
padding: 80px 0;
}
.section-about-us {
padding: 0 0 80px 0;
}
.section-services,
.section-why,
.container-instagram-feed {
padding: 80px 0 0 0;
} #container-main-banner {
position: relative;
}
.banner-media {
height: 100%;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.banner-media::after {
background-color: rgba(0, 0, 0, 0.55);
content: "";
inset: 0;
position: absolute;
}
.banner-media iframe {
background-color: #808080;
height: 56.25vw; left: 50%;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 100vw;
}
.banner-content {
padding: 125px 20px 80px;
}
.banner-content h1 {
font-size: 30px;
line-height: 1em;
margin-bottom: 0;
padding: 7px 0 4px 0;
}
.banner-content p {
font-size: 14px;
line-height: 1.25em;
margin-bottom: 10px;
padding: 8px 0 5px;
}
.banner-buttons {
padding: 10px 0 0 0;
}
.banner-buttons .button {
margin: 0 0 10px 0;
width: 100%;
}
@media (min-width:768px) {
.banner-content {
margin: 0 auto;
padding: 146px 0 80px;
width: 700px;
}
.banner-content h1 {
font-size: 50px;
line-height: 1.25em;
padding: 9px 0 2px 0;
}
.banner-content p {
font-size: 18px;
padding: 6px 0 3px;
}
.banner-buttons .button {
margin: 0 10px 10px;
width: 200px;
}
}
@media (min-width:1280px) {
.banner-content {
padding: 216px 0 150px;
}
} .section-about {
background-color: #b5b5b5;
}
.section-about .section-title-desktop {
display: none;
}
.section-about .section-title-mobile {
display: block;
}
@media (min-width:1024px) {
.section-about .section-title-desktop {
display: block;
}
.section-about .section-title-mobile {
display: none;
}
} @media(min-width:481px) {
.section-services .container-services {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px;
}
}
@media(min-width:768px) {
.section-services .container-services {
grid-column-gap: 40px;
}
}
@media(min-width:1024px) {
.section-services .container-services {
grid-template-columns: repeat(3, 1fr);
}
}
.section-services .container-services article {
padding-bottom: 20px;
}
.section-services .container-services article figure {
display: inline-block;
vertical-align: top;
width: 120px;
} .section-why img {
margin-bottom: 30px;
}
.section-why .button {
display: block;
text-align: center;
}
@media (min-width:768px) {
.section-why .button {
display: inline-block;
margin-right: 30px;
}
} #featrued-projects {
background-color: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
} #featuredWorkWrapper #featuredWorkTitle {
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 1024px) {
#featuredWorkWrapper .featured-work-entry {
display: block;
}
}
#featuredWorkWrapper .featured-work-entry {
display: block;
border-bottom: 2px solid #82c024;
margin: 10px 0;
padding-bottom: 20px;
}
#featuredWorkWrapper .featured-work-entry-image-container,
#featuredWorkWrapper .featured-work-entry-content {
width: 100%;
margin: 10px;
}
@media (min-width: 1024px)  {
#featuredWorkWrapper .featured-work-entry {
display: flex;
}
#featuredWorkWrapper .featured-work-entry-image-container,
#featuredWorkWrapper .featured-work-entry-content {
width: 50%;
margin: 10px;
}
}
.featured-work-entry-description {
margin-bottom: -20px;
}
#featuredWorkWrapper .featured-work-entry-details-row {
display: flex;
}
#featuredWorkWrapper .featured-work-entry-details-row .featured-work-entry-detail {
width: 50%;
margin-right: 10px;
}  .section-featured-work {
background-color: #565a5b;
max-width: 2000px;
padding: 60px 0 70px;
}
.section-featured-work.portfolio-web-design {
background-color: #565a5b;
}
.section-featured-work.portfolio-logo-design,
.section-featured-work.portfolio-videos {
background-color: #262f39;
}
.section-featured-work .list-archive-portfolio {
margin: 0 -20px;
padding: 20px 0 0 0;
}
.section-featured-work .list-archive-portfolio figure:nth-child(n+4) {
display: none;
}
@media (min-width:768px) {
.section-featured-work {
margin: 0 auto;
max-width: 2000px;
padding: 60px 0 70px;
}
.section-featured-work .list-archive-portfolio {
margin: inherit;
padding: 20px 40px 0;
}
.section-featured-work .list-archive-portfolio figure:nth-child(n+4) {
display: inherit;
}
} .section-our-belief img {
margin-bottom: 30px;
} .section-our-motto {
background: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/bg-texas-flag.jpg) no-repeat -300px center;
background-size: cover;
}
@media (min-width:768px) {
.section-our-motto {
background: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/bg-texas-flag.jpg) no-repeat left center;
}
} .section-customer-reviews {
background: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/background/bg-section-customer-reviews.jpg) no-repeat center bottom;
background-size: cover;
border-top: 1px solid #ccc;
padding: 70px 0 80px 0;
}
.blog-post-review p {
font-size: 18px;
font-style: italic;
font-family: 'Proximanova-bold';
position: relative;
}
.content-customer-reviews {
box-sizing: border-box;
padding: 30px 40px 0 40px;
}
@media (min-width:768px) {
.content-customer-reviews {
margin: 0 auto;
padding: 30px 40px 0 40px;
width: 600px;
}
}
@media (min-width:1024px) {
.content-customer-reviews {
width: 700px;
}
.blog-post-review p {
font-size: 28px;
line-height: 38px;
}
}
.blog-post-review .icon-facebook,
.blog-post-review .icon-googleplus,
.blog-post-review .icon-yelp,
.blog-post-review .icon-upcity {
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
border-radius: 24px;
display: inline-block;
height: 48px;
margin: 30px 0;
vertical-align: top;
width: 48px;
}
.blog-post-review .icon-facebook {
background-color: #227bef;
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/social-media-facebook.svg);
}
.blog-post-review .icon-googleplus {
background-color: #dc554c;
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/social-media-google-plus.svg);
}
.blog-post-review .icon-yelp {
background-color: #d1262b;
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/social-media-yelp.svg);
}
.blog-post-review .icon-upcity {
background-color: rgba(211, 119, 40, 1);
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/social-media-upcity.svg);
}
.blog-post-review .title-customer {
display: block;
font-family: 'Proximanova-bold';
text-align: center;
} .section-blog-posts {
background-color: #262626;
padding: 70px 15px 20px;
}
.section-blog-posts {
color: #fff;
}
.section-blog-posts .post-recent {
padding-bottom: 40px;
}
.section-blog-posts .post-recent a:hover {
color: #fff;
}
.recent-blog-post a:hover {
color: #fff;
}
@media (min-width:768px) {
.recent-blog-post {
display: grid;
grid-template-columns: repeat(3,1fr);
grid-column-gap: 40px;
}
} #section-counters {
background-size: cover !important;
color: #fff;
padding: 100px 0;
text-align: center;
}
.container-counters .counter {
margin: 30px 0;
}
.container-counters figure {
display: inline-block;
margin: 0 auto 10px auto;
width: 120px;
}
.container-counters .counter-number,
.container-counters .counter-title {
display: block;
font-size: 22px;
font-family: 'Proximanova-bold';
}
@media (min-width:768px) {
.container-counters {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
} @media (min-width:480px) {
.list-archive-portfolio {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width:768px) {
.list-archive-portfolio {
padding: 0 40px;
}
}
@media (min-width:1024px) {
.list-archive-portfolio {
grid-template-columns: repeat(4, 1fr);
}
}
.list-archive-portfolio figure {
box-sizing: border-box;
margin: 0;
position: relative;
}
.list-archive-portfolio figure a:before {
background-color: rgba(0, 0, 0, 0);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transition: background-color 500ms;
z-index: 10;
}
.list-archive-portfolio figure a:hover:before {
background-color: rgba(0, 0, 0, 0.5);
}
.list-archive-portfolio figure img {
margin: 0;
}
.list-archive-portfolio figcaption {
color: #fff;
font-family: 'Proximanova-bold';
left: 0;
opacity: 0;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: calc(50% - 0px);
transition: top 300ms, opacity 300ms;
vertical-align: top;
}
.list-archive-portfolio figure:hover figcaption {
opacity: 1;
top: calc(50% - 11px);
z-index: 11;
}
.list-archive-portfolio figcaption span {
background: rgba(0, 0, 0, 0.7);
display: inline-block;
padding: 0 10px;
} #cartoon-explainer-videos {
background-color: #565a5b;
padding: 60px 0 60px;
}
@media (min-width:768px) {
.list-archive-videos {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
}
#animation-whiteboard-videos {
background-color: #dddddd;
padding: 60px 0 60px;
}
.portfolio-videos .videos-category {
display: block;
font-size: 22px;
font-family: 'Proximanova-bold';
line-height: 1em;
margin-bottom: 30px;
padding: 8px 0 5px;
} .container-form .form-contact-us {
clear: both;
} .section-technology-info {
padding: 70px 0;
}
.section-technology-info .container-info-media {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
@media (min-width:480px) {
.section-technology-info .container-info-media {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width:768px) {
.section-technology-info .container-info-media {
margin: 0 auto;
width: 700px;
}
}
@media (min-width:1024px) {
.section-technology-info .container-info-media {
grid-template-columns: repeat(6, 1fr);
}
} .container-grid {
display: grid;
}
.grid-02 {
grid-template-columns: repeat(2, 1fr);
}
.grid-03 {
grid-template-columns: repeat(3, 1fr);
}
.grid-04 {
grid-template-columns: repeat(4, 1fr);
}
.grid-no-gap {
grid-gap: 0;
}
@media (min-width:481px) {
.container-grid {
display: grid;
}
.container-grid.two-columns {
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 40px;
}
} .content-left-right .responsive-media {
margin-bottom: 30px;
}
@media (min-width:1024px) {
.content-left-right {
column-gap: 30px;
display: grid;
grid-template-columns: repeat(2,1fr);
}
}
.content-left-right.media-right .content-media {
order: 2;
}
.content-left-right.media-right .content-text {
order: 1;
} .container-packages {
margin: 30px 0;
}
@media (min-width:1024px) {
.container-packages {
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: column;
}
}
.section-packages {
padding: 70px 0 50px 0;
}
.package-info{
text-align: center;
}
.package-info .package-title {
background-color: #262626;
color: #fff;
display: block;
font-size: 18px;
font-family: 'Proximanova-bold';
padding: 20px;
text-transform: uppercase;
}
.package-info.recommended .package-title {
background-color: #82c024;
}
.package-info .package-detail {
border: 1px solid #ccc;
border-top: none;
box-sizing: border-box;
font-size: 12px;
margin: 0 10px 10px 10px;
padding: 10px;
}
.package-info ul {
list-style-type: none;
margin: 0;
} #container-page-header {
background-color: rgba(0, 0, 0, 1);
}
#container-page-header.header-content {
box-sizing: border-box;
margin: 0 auto;
}
#container-page-header.header-with-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
#container-page-header.header-with-image .header-content {
padding: 104px 20px 60px;
}
#container-page-header.header-without-image .header-content {
padding: 94px 20px 50px;
}
#container-page-header .button {
margin: 10px 0;
width: 100%;
}
#container-page-header h1 {
text-transform: uppercase;
}
@media(min-width:768px) {
#container-page-header.header-with-image .header-content {
padding: 213px 20px 150px;
}
#container-page-header.header-without-image .header-content {
padding: 123px 20px 29px;
}
#container-page-header h1 {
font-size: 60px;
line-height: 60px;
padding: 6px 0 8px 0;
text-transform: uppercase;
}
#container-page-header .button {
margin: 10px;
width: 200px;
}
}
.container-content-page {
padding: 50px 0 50px;
}
.container-content-page {
padding: 130px 0 0 0;
}  @media(min-width:768px) {
.container-full-post {
margin: 0 auto;
width: 728px;
}
}
@media(min-width:1024px) {
.container-full-post {
margin: 0 auto;
width: 800px;
}
}
.single-post  .header-main {
background-color: rgba(0, 0, 0, 1);
box-sizing: border-box;
}
.post-meta {
padding: 7px 0;
}
.blog-post {
padding-bottom: 30px;
}
.blog-post .post-title {
font-size: 22px;
padding: 4px 0 5px 0;
}
.blog-post header span {
color: #888888;
display: inline-block;
font-size: 14px;
font-family: 'Proximanova-bold';
line-height: 1em;
margin-right: 10px;
padding: 2px 0 1px;
vertical-align: top;
}
.blog-post header .post-author {
border-right: 1px solid #888888;
padding-right: 15px	;
}
@media (min-width:480px) {
.container-archive-posts {
margin-bottom: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px;
}
}
@media (min-width:768px) {
.container-archive-posts {
grid-column-gap: 40px;
}
}
@media (min-width:1024px) {
.container-archive-posts {
grid-template-columns: repeat(3, 1fr);
}
}
.container-archive-posts .post-overview figure img {
margin: 0;
}
.pagination {
margin-top: 50px;
text-align: center;
}
.pagination .page-numbers {
border: 1px solid rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.5);
display: inline-block;
font-size: 12px;
margin: 0 3px;
padding: 10px 15px;
text-transform: uppercase;
vertical-align: top;
}
.pagination .page-numbers.current{
background-color: #82c024;
border: 1px solid #82c024;
color: #fff;
font-family:'Proximanova-bold';
}  #container-start-a-project {
padding-bottom: 100px;
}
#container-start-a-project h1,
#container-start-a-project h2 {
text-align: center;
}
#container-start-a-project h1 {
font-size: 36px;
}
#container-start-a-project h2 {
font-size: 26px;
}
#container-start-a-project .sub-title {
color: #fff;
display: block;
font-family:'Proximanova-regular';
font-size: 16px;
line-height: 2em;
text-align: center;
} #container-start-a-project input[type="text"],
#container-start-a-project input[type="email"],
#container-start-a-project textarea {
border: 1px solid rgba(255, 255, 255, 0.5);
color: #fff !important;
}
@media (min-width:768px) {
#container-start-a-project {
margin: 0 auto;
width: 650px;
}
} .container-services-overview {
padding: 70px 0 60px;
}
.section-services-process {
padding: 70px 0 60px 0;
text-align: center;
}
.section-services-process .section-header {
padding: 0 0 50px 0;
}
.step-info {
box-sizing: border-box;
position: relative;
}
.step-info .process-counter {
color: #82c024;
}
@media (min-width:768px) {
.process-steps {
display: grid;
grid-column-gap: 100px;
grid-template-columns: repeat(2,1fr);
}
}
.process-steps .step-info {
margin-bottom: 30px;
}
.process-steps figure .step-count {
background-color: #82c024;
border-radius: 24px;
bottom: -24px;
color: #fff;
display: block;
font-size: 16px;
font-family:'Proximanova-bold';
left: calc(50% - 24px);
line-height: 48px;
position: absolute;
width: 48px;
}
.process-steps figure {
position: relative;
}
.process-steps figure img {
display: inline-block;
vertical-align: top;
width: 100px;
}
@media (min-width:1024px) {
.section-services-process {
text-align: left;
}
.section-services-process .process-steps .step-info {
clear: both;
content: "";
display: table;
}
.section-services-process .process-steps figure {
display: block;
float: left;
margin: 12px 20px 0 0;
width: 100px;
}
.section-services-process .process-steps .content {
float: left;
width: calc(100% - 120px);
}
}
#container-custom-content {
background-color: #262f39;
border-top: 1px solid #1b2128;
color: #fff;
padding: 70px 0 60px;
} #container-what-we-offer .list-offers .content-offer {
background-size: cover !important;
color: #fff;
padding: 100px 0;
}
#container-what-we-offer .list-offers .content-offer .offer-title {
display: block;
font-size: 18px;
font-family:'Proximanova-bold';
margin-bottom: 10px;
text-transform: uppercase;
}
#container-what-we-offer .list-offers .content-offer .button {
margin-bottom: 0;
}
@media (min-width:768px) {
#container-what-we-offer .list-offers {
display: grid;
grid-template-columns: repeat(3,1fr);
}
} .section-why-us {
background-color: #565a5b;
color: #fff;
padding: 70px 0 60px 0;
text-align: center;
}
.content-why-us .info-why-us {
margin: 50px 0 0 0;
}
.content-why-us .info-why-us figure {
display: inline-block;
margin: 0 0 10px 0;
vertical-align: top;
width: 100px;
}
@media (min-width:768px) {
.content-why-us {
display: grid;
grid-column-gap: 100px;
grid-template-columns: repeat(2,1fr);
}
}
@media (min-width:1024px) {
.section-why-us {
text-align: left;
}
.content-why-us .info-why-us {
clear: both;
content: "";
display: table;
}
.content-why-us .info-why-us figure {
display: block;
float: left;
margin: 12px 20px 0 0;
width: 80px;
}
.content-why-us .info-why-us .content {
float: left;
width: calc(100% - 100px);
}
} .section-platforms {
background-color: #262f39;
color: #fff;
padding: 70px 0 60px 0;
text-align: center;
}
.container-platforms {
padding: 50px 0 0 0;
}
.container-platforms .platform {
padding-bottom: 50px;
}
.container-platforms .platform figure {
display: inline-block;
margin: 0 0 10px 0;
vertical-align: top;
width: 100px;
}
@media (min-width:768px) {
.container-platforms {
display: grid;
grid-column-gap: 100px;
grid-template-columns: repeat(2,1fr);
}
}
@media (min-width:1024px) {
.section-platforms {
text-align: left;
}
.container-platforms .platform {
clear: both;
content: "";
display: table;
}
.container-platforms .platform figure {
display: block;
float: left;
margin: 12px 20px 0 0;
width: 80px;
}
.container-platforms .platform .content {
float: left;
width: calc(100% - 100px);
}
} .archive-portfolio figure {
margin: 0;
}
.archive-portfolio .post-info {
padding: 20px 30px;
}
.archive-portfolio .portfolio-post-loop {
transition: all 300ms;
}
.archive-portfolio .portfolio-post-loop:hover {
background: #fff;
box-shadow: 0 5px 30px 5px rgba(0, 0, 0, 0.1);
}
.archive-portfolio h2 {
font-size: 20px;
margin-bottom: 0;
padding: 6px 0 3px;
}
@media (min-width:768px) {
.archive-portfolio {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(3, 1fr);
}
}
.container-portfolio-footer {
font-family:'Proximanova-bold';
font-size: 22px;
padding: 30px 0 0 0;
text-align: center;
}
.container-portfolio-footer span {
display: block;
line-height: 1em;
padding: 23px 30px 20px;
}
@media (min-width:768px) {
.container-portfolio-footer span {
display: inline-block;
vertical-align: top;
}
}
.container-portfolio-footer a {
background-color: #82c024;
border: 2px solid #82c024;
border-radius: 3px;
color: #fff;
display: inline-block;
padding: 23px 30px 20px;
transition: all 300ms;
vertical-align: top;
}
.container-portfolio-footer a:hover {
border: 2px solid #82c024;
background-color: rgba(130, 192, 36, 0);
} .global-footer {
background-color: #000000;
}
.container-copyright {
background-color: #000000;
border-top: 1px solid rgba(255, 255, 255, 0.1);
font-size: 12px;
padding: 5px 0;
}
.global-footer .container-footer-widgets {
background-color: rgba(0, 0, 0, 1);
padding: 70px 0 40px;
}
.global-footer .container-footer-widgets p {
color: rgba(255, 255, 255, 1);
}
.global-footer .container-footer-widgets li a {
color: rgba(255, 255, 255, 1);
transition: color 300ms;
}
.global-footer .container-footer-widgets a:hover {
color: #82c024;
text-decoration: underline;
}
.container-footer-widgets .content-widget h3 {
color: #82c024;
text-transform: uppercase;
}
.content-widget {
padding-bottom: 20px;
}
.content-widget .container-form .form-row {
margin: 0 0 10px 0;
} .container-social-media {
margin-bottom: 10px;
padding: 10px 0 10px 0;
}
.container-social-media a {
background-color: #82c024;
border: 2px solid #82c024;
background-position: center center;
background-repeat: no-repeat;
background-size: 16px;
border-radius: 20px;
box-sizing: border-box;
display: inline-block;
height: 40px;
margin-right: 10px;
transition: all 300ms;
text-indent: -9999px;
vertical-align: top;
width: 40px;
}
.container-social-media a:hover {
background-color: #000;
border: 2px solid #fff;
}
.container-social-media a.sm-facebook {
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/social-media/icon-facebook-white.svg);
}
.container-social-media a.sm-instagram {
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/social-media/icon-instagram-white.svg);
}
.container-social-media a.sm-linkedin {
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/social-media/icon-linkedin-white.svg);
}
.container-social-media a.sm-twitter {
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/social-media/icon-twitter-white.svg);
} .form-row {
margin-bottom: 20px;
position: relative;
}
input[type="email"],
input[type="tel"],
input[type="text"],
textarea {
background-color: rgba(0, 0, 0, 0);
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 5px;
color: #000;
display: block;
font-size: 13px;
font-family: 'Proximanova-regular';
outline: none;
padding: 14px 10px 12px;
width: 100%;
}
textarea {
height: 120px;
}
.button {
border-radius: 5px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-family: 'Proximanova-bold';
line-height: 1em;
letter-spacing: 0.07em;
margin: 10px 0 20px;
padding: 16px 25px 14px;
text-transform: uppercase;
transition: all 300ms;
vertical-align: top;
-webkit-appearance: none;
}
.button.primary {
background-color: #82c024;
border: 2px solid #82c024;
color: rgba(255, 255, 255, 1);
}
.button.white {
background-color: rgba(255, 255, 255, 1);
border: 2px solid rgba(255, 255, 255, 1);
color: #82c024;
}
.button.black {
background-color: rgba(0, 0, 0, 1);
border: 2px solid rgba(0, 0, 0, 1);
color: #82c024;
}
.button.primary.border {
background-color: rgba(130, 192, 36, 0);
border: 2px solid #82c024;
color: #82c024;
}
.button.white.border {
background-color: rgba(255, 255, 255, 0);
border: 2px solid rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1);
}
.button.black.border {
background-color: rgba(0, 0, 0, 0);
border: 2px solid rgba(0, 0, 0, 1);
color: rgba(0, 0, 0, 1);
}
.button.primary:hover,
.button.white:hover,
.button.black:hover,
.button.primary.border:hover,
.button.primary.border:hover,
.button.black.border:hover {
background-color: #82c024;
border: 2px solid #82c024;
color: rgba(255, 255, 255, 1);
}
.wpcf7-checkbox {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
@media (min-width:768px) {
.wpcf7-checkbox {
grid-template-columns: repeat(2, 1fr);
}
}
.wpcf7-checkbox .wpcf7-list-item {
margin: 0 !important;
}
.wpcf7-checkbox .wpcf7-list-item label {
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 5px;
cursor: pointer;
display: block;
font-size: 12px;
line-height: 1em;
padding: 15px 20px 12px 33px;
position: relative;
text-align: left;
}
.wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
left: 13px;
position: absolute;
top: 13px;
}
input[type="checkbox"]:checked+label {
background-color: #82c024;
padding: 20px;
color: #fff;
display: block;
border: 1px solid #262626;
transition: all .3s cubic-bezier(.445,.05,.55,.95);
}
input.form-field-name,
input.form-field-email,
input.form-field-phone,
input.form-field-company,
input.form-field-source {
background-repeat: no-repeat;
background-position: 10px center;
background-size: 20px;
padding-left: 40px;
}
textarea.form-field-message {
background-repeat: no-repeat;
background-position: 10px 10px;
background-size: 20px;
padding-left: 40px;
}
input.form-field-name {
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/icon-user-primary.svg);
}
input.form-field-email {
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/icon-email-primary.svg);
}
input.form-field-phone {
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/icon-mobile-primary.svg);
}
input.form-field-company {
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/icon-building-primary.svg);
}
input.form-field-source {
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/icon-question-primary.svg);
}
textarea.form-field-message {
background-image: url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/images/icons/icon-chat-primary.svg);
}
.pum-close.popmake-close {
top: -50px !important;
} .owl-carousel {
display: none;
position: relative;
z-index: 1;
width: 100%;
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-stage {
position: relative;
touch-action: manipulation;
-moz-backface-visibility: hidden;
-ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
float: left;
min-height: 1px;
position: relative;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
display: block;
opacity: 0;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
} .no-js .owl-carousel { display: block; }
.owl-nav.disabled {
display: none;
}
.owl-dots {
padding: 30px 0 0;
text-align: center;
}
.owl-dots .owl-dot {
background-color: rgba(0, 0, 0, 0.5);
border: none;
border-radius: 16px;
cursor: pointer;
display: inline-block;
height: 16px;
margin: 0 3px;
vertical-align: top;
width: 16px;
}
.owl-dots .owl-dot.active {
background-color: #82c024;
} @font-face {
font-display: swap;
font-family: 'Proximanova-light';
src:url(//nxtgenweb.com/wp-content/themes/nxtgenweb/assets/fonts/Proximanova-light.otf) format('opentype');
font-weight: normal;
font-style: normal;
}  .textandtitleBt {
color: #EEFBF3;
}
.servicesLd .section-title,
.textandtitleBt .section-title {
font-size: 32px;
text-align: center;
margin-bottom: 50px;
font-weight: normal;
}
.servicesLd {
color: #052022;
}
.serviceRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -34px;
margin-left: -34px;
margin-bottom: 60px;
}
.serviceRow:last-child{
margin-bottom: 0;
}
.ldRow{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -15px;
}
.ldCol-text {
-webkit-box-flex: 0;
-ms-flex: 0 0 59.333333%;
flex: 0 0 59.333333%;
max-width: 59.333333%;
padding-left: 15px;
padding-right: 15px;
}
.ldCol-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 40.666667%;
flex: 0 0 40.666667%;
max-width: 40.666667%;
padding-left: 15px;
padding-right: 15px;
}
.serviceCol-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding-left: 34px;
padding-right: 34px;
}
.serviceCol-text {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
padding-left: 34px;
padding-right: 34px;
}
.serviceRowSection .serviceRow:nth-child(2n) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.serviceCol-text h4 {
text-decoration: underline;
font-size: 20px;
font-weight: normal;
}
.serviceLink .button {
border: 1px solid;
color: #000000;
}
.serviceLink .button:hover{
color: #fff;
background-color:#82c024;
}
.imagwithText_ld {
color: #fff;
}
.imagwithText_ld .section-title {
font-weight: normal;
margin-bottom: 50px;
}
.ldCol-text h4 {
font-weight: normal;
}
.ldRow .col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 61.333333%;
flex: 0 0 61.333333%;
max-width: 61.333333%;
padding-left: 15px;
padding-right: 15px;
}
.ldRow .col-md-5{
-webkit-box-flex: 0;
-ms-flex: 0 0 38.666667%;
flex: 0 0 38.666667%;
max-width: 38.666667%;
padding-left: 15px;
padding-right: 15px;
}
.topSectioLdBg {
background-repeat: no-repeat;
background-size: cover;
background-position: top;
position: relative;
}
.topSectioLdBg::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #fff;
z-index: 0;
opacity: 0.75;
}
.topSectioLd {
position: relative;
color: #052022;
}
.topSectioLd .section-title {
font-weight: normal;
text-align: center;
font-size: 34px;
margin-bottom: 50px;
}
.table_title_tsld {
text-align: center;
font-weight: normal;
color: #495057;
font-size: 20px;
margin-bottom: 15px;
}
.table_tsld table{
width: 100%;
}
.table_tsld table, .table_tsld table td {
border: 1px solid #495057;
border-collapse: collapse;
}
.table_tsld table td {
font-size: 16px;
font-family: 'Proximanova-bold';
padding: 12px 30px;
width: 50%;
}
.topSectioLd .ldRow {
margin-bottom: 50px;
}
.landingPageBanner h1 {
text-transform: none !important;
max-width: 750px;
margin-left: auto;
margin-right: auto;
line-height: normal !important;
}
@media (max-width:1024px) {
.servicesLd .section-title,
.textandtitleBt .section-title,
.topSectioLd .section-title{
font-size: 28px;
}
.ldRow .col-md-7,
.ldRow .col-md-5{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.serviceCol-img,
.serviceCol-text{
padding-left: 15px;
padding-right: 15px;
}
.serviceRow{
margin-right: -15px;
margin-left: -15px;
}
} #section-crypto-payment {
text-align: center;
padding: 35px 30px 35px 30px;
}
.section-media {
display: inline-block;
height: auto;
padding: 15px 0;
vertical-align: top;
width: 70px;
}
.section-content .title {
font-size: 48px;
letter-spacing: 0.05em;
line-height: 1em;
padding: 6px 0 5px 0;
text-transform: uppercase;
}
.section-content .subtitle {
font-size: 16px;
line-height: 1em;
padding: 14px 0 2px 0;
text-transform: uppercase;
}
@media (max-width:767px) {
.ldCol-text,
.ldCol-img{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (max-width:575px){
.imagwithText_ld .section-title,
.servicesLd .section-title,
.textandtitleBt .section-title,
.topSectioLd .section-title {
font-size: 22px;
margin-bottom: 30px;
line-height: normal;
}
.topSectioLd .ldRow {
margin-bottom: 30px;
}
.table_tsld table td{
padding: 10px;
}
.serviceCol-text,
.serviceCol-img{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.serviceRow{
margin-bottom: 30px;
}
}  a,
.color-primary {
color: #333333;
}
.color-white a,
.section-blog-posts a {
color: #a8d66d;
}
.bg-primary.color-white,
.bg-primary.color-white :is(h1, h2, h3, h4, h5, h6, p, span, strong, a) {
color: #1b1b1b !important;
}
.button.primary,
.button.primary:hover,
.button.white:hover,
.button.black:hover {
color: #1b1b1b;
}
.button.primary.border,
.button.white {
color: #333333;
}
.button.primary.border {
border-color: #333333;
}
.button.primary.border:hover {
background-color: #82c024;
border-color: #82c024;
color: #1b1b1b;
}
.button.white.border {
color: #fff;
}
.button.white.border:hover {
color: #1b1b1b;
}
.section-blog-posts .post-meta span {
color: #b7b7b7;
border-right-color: #b7b7b7;
}
#sb_instagram .sbi_header_text h3,
#sb_instagram .sbi_header_text .sbi_bio {
color: #444444 !important;
}
#sb_instagram #sbi_load .sbi_follow_btn a,
#sb_instagram #sbi_load .sbi_follow_btn a:hover {
background-color: #1c5b99 !important;
color: #fff !important;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 3px solid #1b1b1b;
outline-offset: 3px;
box-shadow: 0 0 0 3px #fff;
}
button.toggle-header-nav {
background: #222;
border: 0;
border-radius: 4px;
cursor: pointer;
height: 44px;
margin: 0;
padding: 0;
right: 7px;
top: -4px;
width: 44px;
}
button.toggle-header-nav::before,
button.toggle-header-nav::after,
button.toggle-header-nav span {
left: 13px;
}
button.toggle-header-nav::before {
top: 15px;
}
button.toggle-header-nav span {
top: 22px;
}
button.toggle-header-nav::after {
bottom: 13px;
}
button.toggle-header-nav.contract::before {
top: 21px;
}
button.toggle-header-nav.contract::after {
bottom: 21px;
}
#primary-menu button.toggle-sub-menu {
border: 0;
border-radius: 0;
margin: 0;
padding: 0;
}
.reviews-controls {
margin-top: 18px;
text-align: center;
}
.reviews-controls button {
background: #fff;
border: 2px solid #333333;
border-radius: 4px;
color: #444444;
cursor: pointer;
font: inherit;
min-height: 44px;
padding: 8px 16px;
}
.owl-dots .owl-dot {
height: 28px;
width: 28px;
}
@media (min-width: 1025px) {
#primary-menu > li:last-child > a,
#primary-menu > li:last-child > a:hover {
background-color: #82c024;
color: #1b1b1b;
}
#primary-menu .menu-item-has-children:focus-within > .sub-menu {
display: block;
}
}
@media (prefers-reduced-motion: reduce) {
.banner-media iframe {
visibility: hidden;
}
.banner-media {
background-color: #262626;
}
html {
scroll-behavior: auto;
}
}