/*
Theme Name: Uglyduck Child
Template: uglyduck
Author: Ugly Duck Marketing
Author URI: https://uglyduckmarketing.com
Version: 1.3.3
*/


/* =================================================

FOR TESTING ONLY - NOT NOT PUSH TO BASE THEME!

================================================== */

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');

/* Base Overrides
----------------------------------------------- */
h3.mtphr-dnt-title.mtphr-dnt-inline-title {
font-size: 18px;
margin-bottom: 0;
padding-left: 10px;
}
html, body {
font-family: var(--font-family-sans-serif);
}
h1, h2, h3, h4, h5 {
font-family: 'Titillium Web', sans-serif;
}
main {
padding: 0;
}
a {
color: var(--primary-color);
}
.top_heade_left {
font-family:'Titillium Web', sans-serif;
}
#tickerDiv, #tickerDiv div {
font-family:'Titillium Web', sans-serif !important;
}
.nf-form-content .nf-field-container #nf-field-328-wrap .nf-field-element .ninja-forms-field {
    background-color: #4abb8a !important;
	color: #ffffff !important;
}
.benefits__list {
display: block;
width: 100%;
padding-left: 0;
}
.benefits__list li {
list-style: none;
margin-top: 1rem;
display: block;
}
.benefits__list li::before {
content: '';
width: 20px;
margin-right: 10px;
background: var(--primary-color);
height: 2px;
display: inline-block;
vertical-align: middle;
}
.gc__button {
min-height: 108.5px !important;
}
/* Basic Header Overrides
----------------------------------------------- */
header.stuck {
z-index: 9;
}
header {
z-index: 999 !important;
}
.top_basic_header {
display: flex;
align-items: center;
height: auto;
padding: 10px 15px;
}
.top_basic_header .container-fluid {
max-width: 90%;
width: 100%;
}
.top_basic_header li a .fa {
font-size: 16px;
padding: 0px 9px;
opacity: .85;
transition: all .3s ease;
}
.top_basic_header li a:hover .fa {
opacity: 1;
color: var(--primary-color);
}
.basic_header_default {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.basic_header_default .bg-light {
max-width: 90%;
height: auto;
margin: 0 auto;
padding: 0;
}
.basic_header_default #collapsibleNavbar ul {
margin: 0;
}
.basic_header_default .navbar-light .navbar-nav li {
list-style: none;
display: inline-block;
}
.basic_header_default .navbar-light .navbar-nav li a {
font-weight: 600;
padding: 2.5rem 2rem;
padding-bottom: 2.5rem;
color: var(--global_dark-color);
font-size: 0.95rem;
letter-spacing: 0.25px;
height: 100%;
display: inline-block;
line-height: 1;
}
.basic_header_default .navbar-light .navbar-nav li a:hover {
text-decoration: none;
}
.basic_header_default .navbar-light .navbar-nav li::after {
content: "";
width: 0%;
background: var(--primary-color);
height: 3px;
display: block;
transition: all 0.3s ease;
}
.basic_header_default .navbar-light .navbar-nav li.current_page_item::after {
width: 100%;
}
.basic_header_default .navbar-light .navbar-nav li:hover::after {
width: 100%;
}
.basic_header_default .navbar-light .navbar-nav li:last-of-type::after {
display: none !important;
background: transparent !important;
}
.basic_header_default #collapsibleNavbar ul.sub-menu {
width: auto;
margin-top: 3px;
background: var(--global_light-color);
padding: 0;
}
.basic_header_default #collapsibleNavbar ul.sub-menu {
display: block;
opacity: 0;
transform: translateY(15px);
transition: all 0.23s cubic-bezier(0.32, 0.01, 0, 1);
border-radius: 0 0 4px 4px;
box-shadow: 0 14px 28px 0 rgba(49, 49, 49, 0.5);
pointer-events: none;
min-width: 250px;
}
.basic_header_default #collapsibleNavbar li:hover ul.sub-menu {
opacity: 1;
transform: translateY(0px);
pointer-events: auto;
}
.basic_header_default #collapsibleNavbar ul.sub-menu li {
display: block;
}
.basic_header_default #collapsibleNavbar ul.sub-menu li a {
padding: 18px 20px;
padding-right: 45px;
height: inherit;
font-size: .85rem;
line-height: 1;
display: block;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,.05);
transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.basic_header_default #collapsibleNavbar ul.sub-menu li a:hover {
padding: 18px 25px;
padding-right: 40px;
color: var(--primary-color);
}
.basic_header_default #collapsibleNavbar ul.sub-menu li:last-child a {
border: none;
}
.basic_header_default #collapsibleNavbar ul.sub-menu li::after {
display: none;
}
.basic_header_default a.navbar-brand img {
width: auto;
max-width: none;
max-height: 55px;
padding: 5px;
}
.basic_header_default .right_side_bt .btn h6 {
margin: 0;
margin-left: 35px;
vertical-align: middle;
display: inline-block;
padding: 0;
margin: 0;
vertical-align: middle;
font-weight: 500;
letter-spacing: .35px;
line-height: 1;
margin-top: -1px;
font-size: 14px;
color: var(--global_light-color);
}
.basic_header_default .right_side_bt {
background: var(--primary-color);
border-color: var(--primary-color);
color: var(--global_light-color);
border-radius: 2px;
padding: 2px 10px;
padding-top: 0;
font-weight: 400;
vertical-align: middle;
display: inline-block;
height: auto;
line-height: 1;
margin-left: 22px;
}
.basic_header_default .right_side_bt .btn .fa {
font-size: 12px;
line-height: 18px;
margin-left: 22px;
padding-left: 18px;
border-left: 1px solid rgba(0,0,0,.1);
transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
color: var(--global_light-color);
}
.basic_header_default .right_side_bt:hover {
filter: brightness(115%);
}
.basic_header_default .right_side_bt .btn:hover .fa {
padding-left: 25px;
}
.down__btn {
font-size: 40px;
color: white;
position: absolute;
bottom: 50px;
left: 50px;
opacity: .8;
animation: bounce 1s infinite alternate;
-webkit-animation: bounce 1s infinite alternate;
}
@keyframes bounce {
from {
transform: translateY(0px);
}
to {
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
from {
transform: translateY(0px);
}
to {
transform: translateY(-15px);
}
}
@keyframes fadeUp {
from {
transform: translateY(30px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}

/* Mobile Header Overrides
----------------------------------------------- */
.mobile-header-sec .basic .menu-button {
left: auto;
top: 5px;
}
.mobile-header-sec .basic img {
margin-top: 4px;
}
.mobile-header-sec #mobile-slide-in li {
padding: 0;
}
.mobile-header-sec #mobile-slide-in li a, .mobile-header-sec #mobile-slide-in .current_page_item a {
display: block;
width: 100%;
overflow: hidden;
position: relative;
}
.mobile-header-sec #mobile-slide-in li.menu-item-has-children a::after {
content: "\f30f";
font-family: 'Ionicons';
padding-right: 20px;
position: absolute;
right: 15px;
border-left: 1px solid rgba(0,0,0,.1);
padding-left: 30px;
height: 100%;
top: -0;
padding-top: 15px;
font-size: 1.35rem;
}
.slide-menu-control::before {
content: "\f3cf";
font-family: 'Ionicons';
padding-right: 15px;
}
.mobile-header-sec #mobile-slide-in li a, .mobile-header-sec #mobile-slide-in .current_page_item a {
display: block;
width: 100%;
font-weight: 600;
font-size: .95rem;
letter-spacing: 0;
text-transform: none;
padding: 14px;
height: auto;
}

/* Stacked Header Overrides
----------------------------------------------- */
.top_stacked_header {
height: auto;
}
.top_stacked_header .top_heade_left {
height: auto;
}
header .stacked_header .navbar {
height: auto;
}
header .stacked_header .bottom_stacked_header .navbar ul li a {
font-weight: 600;
padding: 1.5rem;
color: var(--global_dark-color);
font-size: .9rem;
letter-spacing: .25px;
}

/* Hero Overrides
----------------------------------------------- */
.fullwidth-hero-3 {
background-attachment: fixed;
}
.fullwidth-hero-3 .fullwidth_content {
position: relative;
max-width: 65%;
padding: 2.25rem 0;
padding-top: 1.75rem;
}
.fullwidth-hero-3 .col span {
opacity: 0;
letter-spacing: 2px;
font-weight: 600;
font-size: .85rem;
color: var(--primary-color);
margin-bottom: 1.5rem;
display: block;
animation-name: fadeUp;
animation-duration: 500ms;
animation-fill-mode: forwards;
animation-delay: 400ms;
animation-timing-function: ease-in-out;
}
.fullwidth-hero-3 .col h2 {
opacity: 0;
color: var(--global_light-color);
font-size: 3.5rem;
font-weight: 600;
animation-name: fadeUp;
animation-duration: 500ms;
animation-fill-mode: forwards;
animation-delay: 500ms;
animation-timing-function: ease-in-out;
}
.fullwidth-hero-3 .col p {
opacity: 0;
color: var(--global_light-color);
font-size: 1.25rem;
font-weight: 300;
margin-top: .75rem;
letter-spacing: .45px;
max-width: 90%;
animation-name: fadeUp;
animation-duration: 500ms;
animation-fill-mode: forwards;
animation-delay: 600ms;
animation-timing-function: ease-in-out;
}
.fullwidth-hero-3 .right_side_bt .btn-info, .get_in_splitscreen .col .btn {
opacity: 0;
border-radius: 2px;
margin-top: 1rem;
padding: 1.25rem 1.5rem;
font-weight: 500;
vertical-align: middle;
display: inline-block;
height: auto;
transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation-name: fadeUp;
animation-duration: 500ms;
animation-fill-mode: forwards;
animation-delay: 700ms;
animation-timing-function: ease-in-out;
}
.fullwidth-hero-3 .right_side_bt .btn h6, .right_side_bt .btn h6 {
display: inline-block;
padding: 0;
margin: 0;
vertical-align: middle;
font-weight: 500;
letter-spacing: .35px;
font-size: 1.05rem;
line-height: 1;
}
.fullwidth-hero-3 .right_side_bt .btn .fa, .get_in_splitscreen .right_side_bt .btn .fa {
font-size: 12px;
line-height: 18px;
margin-left: 22px;
padding-left: 18px;
border-left: 1px solid rgba(0,0,0,.1);
transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.fullwidth-hero-3 .right_side_bt .btn:hover {
filter: brightness(115%);
}
.fullwidth-hero-3 .right_side_bt .btn:hover .fa {
padding-left: 25px;
}

/* Footer CTA Overrides
----------------------------------------------- */
footer {
text-align: center;
}
.get_in_splitscreen.back .p1-left {
padding: 5rem;
}
.get_in_splitscreen .col h2 {
font-size: 3rem;
font-weight: 600;
color: white;
padding-bottom: 1rem;
letter-spacing: .5px;
}
.get_in_splitscreen .col p {
color: rgba(255, 255, 255, .9);
font-size: 1.25rem;
}
.get_in_touch_fullwidth {
height: auto !important;
padding: 4rem 0;
}
.get_in_touch_fullwidth .fullwidth_content {
max-width: 60%;
padding-left: 8rem;
}
.get_in_touch_fullwidth .right_side_bt {
margin-left: 8rem;
margin-bottom: 2rem;
margin-top: 2rem;
display: inline-block;
}
.get_in_touch_fullwidth .col p {
font-size: 21px;
line-height: 32px;
}
.get_in_touch_fullwidth .col h2 {
font-size: 3rem !important;
margin-bottom: 20px;
margin-top: 20px;
max-width: 80%;
font-weight: 600;
}
.get_in_touch_fullwidth .col .btn {
background: #00762c;
border: none;
color: #ffffff;
padding: 20px;
display: inline;
padding-top: 16px;
border-radius: 2px;
box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
}
.get_in_touch_fullwidth .col .btn i {
display: none;
}

/* Service Overrides
----------------------------------------------- */
.border-right, .border-bottom, .border-top, .border-left {
border-color: rgba(255, 255, 255, 0.06) !important;
}
.service__video {
padding: 8.5rem 0;
border-top: 1px solid rgba(0,0,0,.05);
border-bottom: 1px solid rgba(0,0,0,.05);
}
.embed-responsive {
padding: 0;
}
.embed-responsive {
overflow: visible;
}
.embed-responsive-item {
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.35);
}
.embed-responsive #player {
border-radius: 5px !important;
}
#map {
position: absolute;
height: 100%;
width: 100%;
left: 0;
right: 0;
}
.col.col-lg-6.p1-both.align-self-stretch.element {
padding: 0;
position: relative;
overflow: hidden;
}

/* Webapp Component Overrides
----------------------------------------------- */
.header_bottom {
border-top: 1px solid rgba(0,0,0,.1);
}
.webapp {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.webapp .header_bottom .col {
border-color: rgba(0,0,0,.1);
}
.webapp .header_bottom .col .btn {
height: auto;
width: auto;
padding: 13px;
border-radius: 0;
font-size: 18px;
transform: translateY(0px);
position: relative;
font-size: 13px;
width: 100%;
letter-spacing: 0;
background: rgba(0,0,0,.25);
border: none;
padding-bottom: 14px;
letter-spacing: .25px;
color: rgba(255, 255, 255, 0.9);
}
.webapp .logo_circle {
width: 39px;
height: 33px;
border: 2px solid #fff;
border-radius: 100%;
margin: 0 15px 0 25px;
overflow: hidden;
}
.webapp .companyinfo h4 {
font-size: 13px;
padding-top: 2px;
font-weight: 300;
}
.webapp .companyinfo h5 {
font-size: 11px;
margin-bottom: 2px;
font-weight: 200;
}
.webapp .header_bottom .col .btn:nth-child(2) {
border-left: 1px solid rgba(0,0,0,.05);
margin-left: -1px;
}
.service__box-content {
z-index: 3;
}
.padded__col {
padding: 0 1.25rem;
margin-bottom: 2.25rem;
}
.padded__col a {
display: inline-block;
width: 100%;
position: relative;
min-height: 450px;
border-radius: 4px;
overflow: hidden;
background-position: center;
background-size: cover;
box-shadow: 0 0 40px 0 rgba(0,0,0,.25);
transition: all .3s ease;
}
.padded__col a:hover {
box-shadow: 10px 0 50px 0 rgba(0,0,0,.15);
transform: translateY(-10px);
}
.padded__col-overlay {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
}
.padded__col .service__box-content {
padding: 2rem;
bottom: 0;
position: absolute;
z-index: 2;
}
.padded__col .service__box-content h3 {
font-size: 2rem;
font-weight: 400;
color: white;
}
.padded__col .service__box-content span {
letter-spacing: 4px;
text-transform: uppercase;
padding-top: 10px;
display: block;
font-weight: 500;
color: #efefef;
font-size: 12px;
}
.padded__col .service__box-content span::before {
content: '';
width: 35px;
height: 2px;
background: var(--primary-color);
display: block;
margin: 1.25rem 0;
margin-top: 0;
}
.padded__section h1 {
font-weight: 600;
line-height: 1.35;
}
.padded__section h2 {
font-weight: 600;
padding: 2rem 0;
}
.padded__section h1::after {
content: '';
width: 35px;
height: 2px;
background: var(--primary-color);
display: block;
margin: 2.25rem 0;
}

/* Split Section
------------------------------ */
.margin__bottom {
margin-bottom: 4rem;
}
.eyebrow {
color: var(--primary-color);
font-weight: 500;
margin-bottom: 1rem;
display: block;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 16px;
}
.split__section h1 {
font-weight: 600;
display: block;
margin-bottom: 2rem;
}
.split__section p {
font-size: 1.25rem;
line-height: 1.5;
color: rgba(0,0,0,.7);
}
.start__btn {
background: black;
padding: 12px 35px;
color: white;
border-radius: 3px;
font-size: 16px;
display: inline-block;
margin-top: 1rem;
}
.aligned-center {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
max-width: 65%;
margin: 0 auto;
}
.split__section {
padding: 6rem 0;
position: relative;
}
.split__section-left {
min-height: 86.5vh !important;
background-color: #333;
background-size: cover;
background-position: center;
}
.split__section-right {
min-height: 74.5vh !important;
background: #FFF;
transform: translateX(-8%);
box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
padding: 0rem 10rem;
}
.alt-right {
transform: translateX(8%);
z-index: 2;
padding: 0rem 10rem;
}
.start__btn {
background: var(--secondary-color);
font-family: 'Titillium Web', sans-serif;
font-weight: 600;
color: white !important;
}

/* =================================================

TD WATER SPECIFIC STYLES

================================================== */

main {
min-height: 100vh;
}

/* Header
___________________________ */

header.stuck {
display: none;
}
.basic_header_default {
position: fixed;
width: 100%;
border-bottom: none;
z-index: 99;
box-shadow: 0 0 40px 0 rgba(0,0,0,.2);
}
.basic_header_default .bg-light {
max-width: 95%;
}
.basic_header_default a.navbar-brand img {
width: auto;
max-width: none;
max-height: 45px;
padding: 3px;
}
.basic_header_default .navbar-light .navbar-nav li a {
font-family: 'Titillium Web', sans-serif;
padding: 1.65rem 1.85rem;
}
.basic_header_default .navbar-light .navbar-nav > li:last-of-type a {
background: #4abb8a;
line-height: 1;
padding: 13px 22px;
display: inline-block;
border-radius: 3px;
color: #ffffff;
margin-left: 10px;
}
.basic_header_default .navbar-light .navbar-nav > li:last-of-type a:hover{
color: white;
background: #024a2b;
}
.basic_header_default .navbar-light .navbar-nav li:last-of-type a::after {
display: none !important;
background: transparent !important;
}

/* Product Cards
___________________________ */

.product__card {
position: relative;
overflow: hidden;
transition: all .3s ease;
background: #292D31;
}
.product__card:hover {
background: var(--primary);
box-shadow: 0 0 30px 0 rgba(0,0,0,.25);
}
.card__bottom {
padding: 2rem;
position: absolute;
bottom: 1.365rem;
transition: all .3s ease;
}
.card__bottom-cat {
letter-spacing: 2px;
font-weight: 700;
text-transform: uppercase;
font-size: 11px;
display: block;
padding-bottom: 14px;
}
.product__card:hover .card__bottom-cat {
color: #292D31;
}
.services__blocks {
padding: 4rem 3rem;
background: white;
border-top: 1px solid rgba(0,0,0,.1);
margin-top: 0;
}
.product__image {
display: block;
width: 100%;
height: 215px;
background-size: cover;
margin-bottom: 1.25rem;
margin-top: 2rem;
}
.page-id-1211 .blocks__section {
margin-bottom: 0 !important;
}
.page-id-1211 .background__video {
display: none !important;
}
.page-id-1211 main {
padding-top: 2rem !important;
}
.product__title {
font-size: 16px;
font-weight: 600;
color: #333;
}
.card__bottom-title {
color: #ffffff;
font-size: 2rem;
font-weight: 700;
line-height: 1.25;
transition: all .3s ease;
}
.product__card:hover .card__bottom-title {
color: white;
}
.product__card:hover .card__bottom {
bottom: 52%;
}
.card__description {
color: white;
padding: 2rem;
position: absolute;
bottom: -20px;
transition: all .3s ease;
line-height: 1.75;
opacity: 0;
padding-right: 4rem;
}
.product__card:hover .card__description {
bottom: 18px;
opacity: 1;
}
.product_acronym {
padding: 3.5rem 2rem;
position: absolute;
font-weight: 800;
font-size: 40px;
color: rgba(233, 244, 255, 0.27);
transition: all .3s ease;
text-transform: uppercase;
}
.product__card:hover .product_acronym {
opacity: 0;
}

@keyframes fadeIn { from { opacity:0; transform: translateY(60px); } to { opacity:1; transform: translateY(0px); } }
.fade-in, .fade-in-2, .fade-in-3 {
opacity: 0;
-webkit-animation:fadeIn cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-animation:fadeIn cubic-bezier(0.165, 0.84, 0.44, 1);
animation:fadeIn cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration: 600ms;
-moz-animation-duration: 600ms;
animation-duration: 600ms;
}
.fade-in:nth-child(1) {
animation-delay: 200ms;
}
.fade-in:nth-child(2), .fade-in-2 {
animation-delay: 300ms;
}
.fade-in:nth-child(3), .fade-in-3 {
animation-delay: 400ms;
}
.fade-in:nth-child(4) {
animation-delay: 500ms;
}
.fade-in:nth-child(5) {
animation-delay: 600ms;
}
.fade-in:nth-child(6) {
animation-delay: 700ms;
}
.fade-in:nth-child(7) {
animation-delay: 800ms;
}
.fade-in:nth-child(8) {
animation-delay: 900ms;
}
.fade-in:nth-child(9) {
animation-delay: 1000ms;
}
.fade-in:nth-child(10) {
animation-delay: 1100ms;
}
.fade-in:nth-child(11) {
animation-delay: 1200ms;
}
.fade-in:nth-child(12) {
animation-delay: 1300ms;
}
.fade-in:nth-child(13) {
animation-delay: 1400ms;
}
.fade-in:nth-child(14) {
animation-delay: 1500ms;
}
.fade-in:nth-child(15) {
animation-delay: 1600ms;
}
.fade-in:nth-child(16) {
animation-delay: 1700ms;
}
.fade-in:nth-child(17) {
animation-delay: 1800ms;
}
.fade-in:nth-child(18) {
animation-delay: 1900ms;
}


.load__box {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
background: white;
background-color: white;
}
.load__box img {
max-width: 120px;
position: fixed;
top: 45%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
}

/* Product Sidebar
___________________________ */

.product__sidebar {
padding: 10rem 3rem;
}
.product__sidebar h3 {
font-weight: 700;
font-size: 22px;
}
.product__sidebar small {
display: block;
color: var(--primary-color);
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 11px;
padding-top: 1rem;
}
.product__sidebar ul {
margin: 0;
padding: 0;
padding-top: 2rem;
}
.product__sidebar ul li {
list-style: none;
}
.product__sidebar ul li a {
display: block;
color: #2d2d2d;
font-weight: 600;
padding: 18px 0;
border-bottom: 1px solid rgba(0,0,0,.05);
font-size: 14px;
}
.product__sidebar ul li a:hover {
color: var(--primary-color);
}
.product__sidebar ul li:last-child a {
border: none;
}


@media(max-width: 767px) {
.get_in_touch_fullwidth {
overflow: hidden;
}
.get_in_touch_fullwidth .fullwidth_content {
max-width: 100%;
padding-left: 0;
}
.page-template-page-lines main p {
font-size: 1.15rem !important;
}
.page-template-page-lines main .container {
width: 100%;
max-width: 100%;
padding: 0 10.85% !important;
}
.down__btn {
bottom: -32px !important;
}
.get_in_touch_fullwidth {
height: auto !important;
padding: 3.5rem 2rem;
}
.get_in_touch_fullwidth .col h2::before {
display: none !important;
}
.get_in_touch_fullwidth .col h2 {
font-size: 2rem !important;
margin-bottom: 20px;
margin-top: 20px;
max-width: 100%;
}
.get_in_touch_fullwidth .right_side_bt {
margin-left: 0;
padding-left: 0;
}
.get_in_touch_fullwidth .col .btn {
padding: 10px 40px;
padding-top: 12px;
border-radius: 2px;
box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
display: inline-block;
height: auto;
}
.get_in_touch_fullwidth:before {
margin-left: -5rem;
width: 200%;
}
.mobile-header-sec {
display: block;
position: absolute;
width: 100%;
}
.mobile-header-sec .basic .menu-button {
top: 5px !important;
}
.mobile-header-sec .basic img {
width: 135px;
max-width: none;
}
.fullwidth-hero-3 .fullwidth_content {
max-width: 100%;
padding: 0 2.5rem;
padding-bottom: 0;
}
.fullwidth-hero-3 .col h2 {
font-size: 2.5rem;
font-weight: 500;
}
.fullwidth-hero-3 .col span {
font-weight: 500;
font-size: .75rem;
}
.fullwidth-hero-3 .col p {
font-size: 1.25rem;
}\
.fullwidth-hero-3 .right_side_bt .btn h6, .right_side_bt .btn h6 {
font-size: .95rem;
line-height: 1.5;
}
.fullwidth-hero-3 .col .right_side_bt {
font-weight: 500;
font-size: .75rem;
padding: 0 2.5rem;
padding-bottom: 2rem;
}
.fullwidth-hero-3 .right_side_bt .btn h6, .right_side_bt .btn h6 {
display: inline-block;
padding: 0;
margin: 0;
vertical-align: middle;
font-weight: 500;
letter-spacing: .35px;
font-size: .95rem;
line-height: 1.2;
}
}

@keyframes slideDown {
from {bottom: 0;}
to {bottom: -100%;}
}
@keyframes fadeInn {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes videoFade {
from {opacity: 0; transform: scale(1.5);}
to {opacity: .45; transform: scale(1);}
}
@keyframes fadeUp {
from {opacity: 0; transform: translateY(50px);}
to {opacity: 1; transform: translateY(0px);}
}
.background__video {
position: relative;
height: 100vh;
width: 100%;
overflow: hidden;
background: #2E3134;
background: -moz-linear-gradient(-45deg, #212529 0%, #6c757d 100%);
background: -webkit-linear-gradient(-45deg, #212529 0%,#6c757d 100%);
background: linear-gradient(135deg, #212529 0%,#6c757d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212529', endColorstr='#6c757d',GradientType=1 );
}
.background__video video {
position: absolute;
left: -20px;
top: -20px;
min-width: 105%;
min-height: 105%;
opacity: 0;
animation-name: videoFade;
animation-fill-mode: forwards;
animation-duration: 900ms;
animation-delay: 1100ms;
transition: all .3s ease;
-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.background__video img {
position: fixed;
left: 0;
top: 0;
width: 100%;
min-width: 100%;
height: auto;
opacity: 0;
animation-name: videoFade;
animation-fill-mode: forwards;
animation-duration: 900ms;
animation-delay: 1100ms;
transition: all .3s ease;
-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.home .background__video img {
position: absolute;
}
.background__video-content {
left: 16.65%;
bottom: 20.65%;
position: absolute;
z-index: 6;
pointer-events: initial;
}
.background__video-content h1 {
max-width: 540px;
font-size: 3.5rem;
font-weight: 600;
color: white;
margin-left: -4px;
line-height: 1.15;
opacity: 0;
animation-name: fadeUp;
animation-fill-mode: forwards;
animation-duration: 900ms;
animation-delay: 1200ms;
transition: all .3s ease;
-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.background__video-content .pull__btn {
color: white;
display: inline-block;
border: 4px solid white;
margin-top: 45px;
font-weight: 600;
font-size: 17px;
padding-right: 0;
vertical-align: middle;
padding-left: 35px;
transition: all .3s ease;
opacity: 0;
animation-name: fadeUp;
animation-fill-mode: forwards;
animation-duration: 900ms;
animation-delay: 1300ms;
transition: all .3s ease;
-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fadeup {
opacity: 0;
animation-name: fadeUp;
animation-fill-mode: forwards;
animation-duration: 900ms;
transition: all .3s ease;
-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fadeup-0 {
animation-delay: 1100ms !important;
}
.fadeup-1 {
animation-delay: 1300ms;
}
.fadeup-2 {
animation-delay: 1500ms;
}
.fadeup-3 {
animation-delay: 1700ms;
}
.fadeup-4 {
animation-delay: 1900ms;
}
.fadeup-5 {
animation-delay: 2100ms;
}
.fadeup-6 {
animation-delay: 2300ms;
}
.background__video-content a:hover {
background: #292D31;
transform: translateY(-25px);
}
.background__video-content i {
background: var(--primary-color);
display: inline-block;
font-size: 25px;
padding: 16px 26px;
border-left: 4px solid white;
margin-left: 35px;
color: white;
transition: all .3s ease;
}
.background__video-content a:hover i {
filter: brightness(90%);
}
.background__video-content span {
display: inline-block;
transform: translateY(-3px);
}
.background__video-stripes {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
pointer-events: none;
}
.stripe {
width: 16.65%;
height: 100%;
background: white;
position: fixed;
left: 0;
bottom: 0;
z-index: 9;
animation-name: slideDown;
animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 400ms;
-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.line {
width: 16.65%;
height: 100%;
position: absolute;
left: 0;
z-index: 4;
border-right: 1px solid rgba(255,255,255,.1);
pointer-events: none;
top: 68px;
}
.second-stripe {
left: 16.65% !important;
animation-delay: 500ms;
}
.stripe:nth-child(3) {
left: 33.3%;
animation-delay: 600ms;
}
.stripe:nth-child(4) {
left: 49.95%;
animation-delay: 700ms;
}
.stripe:nth-child(5) {
left: 66.6%;
animation-delay: 800ms;
}
.stripe:nth-child(6) {
left: 83.25%;
animation-delay: 900ms;
}
.line-2 {
left: 16.65%;
}
.line-3 {
left: 33.3%;
}
.line-4 {
left: 49.95%;
}
.line-5 {
left: 66.6%;
}
.webapp {
display: none !important;
}
.big__link {
background: #F6F9FC;
padding: 6.5rem;
transition: all .3s ease;
position: relative;
overflow: hidden;
transform: translateX(-1px);
border-top: 1px solid #e8e8e8;
}
.big__link h3 {
color: var(--primary-color);
font-size: 1.25rem;
transition: all .3s ease;
font-weight: 700;
margin-bottom: 20px;
}
.big__link p {
color: #5f5f5f;
transition: all .3s ease;
font-size: 16px;
max-width: 90%;
}
.big__link span {
font-size: 16px;
display: inline-block;
font-weight: 500;
transition: all .3s ease;
color: #212528;
}
.big__link-content {
position: relative;
z-index: 3;
}
.big__link img {
position: absolute;
left: -5%;
top: -5%;
z-index: 1;
opacity: .1;
transition: all .5s ease;
max-width: none;
width: 110%;
filter: grayscale(100%);
}
.big__link:hover img {
opacity: .2;
transform: scale(1.1);
}
.big__link i {
display: inline-block;
color: rgb(33, 37, 40);
padding-left: 15px;
transition: all .3s ease;
}
.big__link:hover i {
padding-left: 35px;
}
.big__link:hover {
background: var(--primary-color);
}
.big__link:hover p {
color: white;
}
.big__link:hover span, .big__link:hover i {
color: white;
}
.big__link:hover h3 {
color: white;
}
.big__link:nth-child(1) {
border-right: 1px solid #e8e8e8;
}
.page-template-page-lines .margin-top {
margin-top: 10rem;
}
.page-template-page-lines main, .page-template-page-products main, main {
height: auto;
background: linear-gradient(90deg, rgba(0,0,0,.05) .000001%, transparent 1%) 0px 0, #fff;
background-size: 16.6% 1px;
padding-top: 5rem;
position: relative;
background-color: #ffffff;
}
.page-template-page-lines main .container {
width: 100%;
max-width: 100%;
padding: 0 17.85%;
}
.page-template-page-lines .background__video, .page-template-page-products .background__video {
max-height: 63vh;
}
.page-template-page-lines h2 {
font-weight: 700;
font-size: 3rem;
margin-bottom: 2rem;
color: var(--global-dark-color);
display: block;
width: 100%;
}
.page-template-page-lines h3 {
font-weight: 700;
margin-bottom: 2rem;
display: block;
width: 100%;
}
.page-template-page-lines h2::before, .get_in_touch_fullwidth h2::before {
content: '';
margin-bottom: 3rem;
width: 20px;
height: 20px;
display: block;
border-left: 4px solid var(--primary-color);
border-top: 4px solid var(--primary-color);
}
.page-template-page-lines main p {
font-size: 1.35rem;
line-height: 1.7;
color: #4d4e4e;
}
.mobile-header-sec .basic .menu-button {
top: 9px;
}
.mobile-header-sec #mobile-slide-in .current_page_item a {
color: var(--primary-color);
}
.page-template-page-products .col-md-9, .category .col-md-9 {
padding-top: 90px;
}
.filter__bar {
position: fixed;
top: 72px;
left: 0;
z-index: 99;
background: white;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
padding: 20px 2.9rem;
width: 100%;
display: none;
}
.filter__bar h3 {
padding: 0;
margin: 0;
font-size: 15px;
letter-spacing: 0;
color: #696969;
display: inline-block;
}
.filter__bar i {
color: #0d54ff;
font-size: 20px;
vertical-align: middle;
margin-right: 14px;
display: inline-block;
transform: translateY(-1px);
margin-left: -4px;
}
.download__btn {
position: absolute;
right: 0;
display: inline-block;
color: white !important;
background: var(--primary-color);
padding: 17px 22px;
border-radius: 3px;
vertical-align: middle;
font-weight: 500;
box-shadow: 0 0 30px 0 rgba(0,0,0,0);
transition: all .3s ease;
}
.download__btn-mobile {
display: none;
}
.download__btn:hover {
transform: translateY(-6px);
filter: brightness(125%);
box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
}
.download__btn i, .download__btn-mobile i {
font-size: 20px;
display: inline-block;
vertical-align: middle;
padding-right: 18px;
margin-right: 12px;
border-right: 1px solid rgba(0,0,0,.15);
}
.heighted {
min-height: 300px;
margin-top: 5.5rem;
border-top: 1px solid rgba(0,0,0,.1);
padding: 4.5rem;
}
.no-left-padding {
padding-left: .5rem;
}
.single .col-md-9 {
height: auto;
overflow: auto;
padding: 12rem 6rem;
padding-bottom: 3.5rem;
background-color: white;
}
.page-id-1062 p {
width: 100% !important;
}
h2 b, h2 strong {
font-weight: inherit;
}


/* HOMEPAGE */
.video__content-container {
transform: translateX(-6.5%);
}
.background__video-content {
width: 78.5%
}
.home .background__video-content h1 {
max-width: 100%;
font-size: 4.5rem;
}
.background__video-content p {
max-width: 80%;
font-size: 1.45rem;
color: #e8e8e8;
margin-top: 10px;
display: block;
}
.background__video-content small {
display: block;
color: #40ad69;
margin-top: 22px;
}
.background__video-content h3 {
margin-bottom: 6rem;
display: block;
color: white;
font-size: 2.35rem;
font-weight: 600;
}
.dl__btn {
font-size: 16px;
padding: 14px 30px;
margin-top: 2rem;
color: white !important;
}
.dl__btn i {
border-right: 1px solid rgba(255,255,255,.1);
margin-right: 12px;
padding-right: 12px;
display: inline-block;
}

@media(max-width: 1000px) {
.gc__button {
display: none !important;
}
.download__btn-mobile {
position: relative;
width: 100%;
display: block;
margin-top: -15px;
margin-bottom: 50px;
left: 0;
right: auto;
margin-left: -.5rem;
}
.hide__mobile {
display: none !important;
}
.heighted {
min-height: 300px;
margin-top: 4.5rem;
border-top: 1px solid rgba(0,0,0,.1);
padding: 4.5rem;
border-right: none !important;
padding-left: .5rem !important;
padding-bottom: 0rem !important;
}
.single h1 {
font-size: 4rem;
}
.single .col-md-9 {
height: auto;
overflow: initial;
padding: 12rem 2.75rem;
padding-bottom: 3.5rem;
background-color: white;
}
.background__video-content {
left: 11.65%;
bottom: auto;
position: relative;
z-index: 6;
pointer-events: initial;
padding-top: 160px;
max-width: 88%;
padding-bottom: 5px;
}
.background__video-content h1 {
max-width: 87%;
font-size: 2.5rem;
}
.page-template-page-products .col-md-9, .category .col-md-9 {
padding-top: 130px;
overflow: initial;
height: auto;
}
.line {
top: 70px;
}
.filter__bar {
display: block;
}
.background__video img {
left: 0%;
max-width: none !important;
height: 100% !important;
min-height: 100% !important;
position: absolute;
}
.page-template-page-lines h2 {
font-size: 2.3rem;
max-width: 88%;
}
.home .background__video-content h1 {
max-width: 100%;
font-size: 2.2rem;
margin-bottom: 20px;
}
.background__video-content h3 {
margin-bottom: 2rem;
display: block;
color: white !important;
font-size: 2rem;
font-weight: 600;
}
.big__link {
transform: none;
padding: 5.5rem 3.5rem;
border-top: 1px solid rgba(0,0,0,.1);
}
.background__video-content i {
margin-left: 22px;
}
.background__video-content a {
padding-left: 22px;
}
.home .background__video-content {
bottom: auto;
width: 100% !important;
}
.big__link img {
height: 105%;
width: auto;
max-width: none;
}
.product_acronym {
font-size: 25px;
letter-spacing: .5px;
}
.product__card {
max-height: 275px;
}
.product__card:hover .card__bottom {
bottom: 1.365rem !important;
}
.product__card:hover .product_acronym {
opacity: 1;
}
.card__description {
display: none !important;
}
.card__bottom {
transform: none !important;
}
.product__sidebar {
padding: 12rem 3rem;
position: fixed;
top: -100px;
opacity: 0;
left: 0;
z-index: 14;
background: #F6F9FC;
height: 100%;
overflow: scroll;
display: block;
padding-bottom: 4rem;
pointer-events: none;
transition: all .3s ease;
}
.active__sidebar {
pointer-events: initial;
opacity: 1;
top: 0;
}
.mobile-header-sec {
display: block;
position: fixed;
width: 100%;
top: 0;
z-index: 9999;
}
.page-template-page-lines .background__video {
max-height: 515px;
}
.page-template-page-lines .background__video-content {
bottom: 0;
}
.footer--secondary {
text-align: center;
}
}