/* Custom CSS File */

/* ANCHOR OFFSET */
/*
#approach::before {
  content: '';
  display: block;
  height:      241px;
  margin-top: -241px;
  visibility: hidden;
}
*/

/* GENERAL */
a[href^=tel]{ color:#fff; text-decoration:none;}

.anchor { padding-top: 99px; margin-top:-99px;}

.no-wrap {white-space: nowrap;}
.page-header .breadcrumbs {font-size:12px;}
.page-header .breadcrumbs li:before {opacity: 0;}
.far {font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.main-navigation:not(.no-line) ul li li a:before {content:'\f30b'; font-family:'Font Awesome 5 Free'; left:-4px !important;}

/* HOME SOLUTIONS GRID */
.home-solutions-grid {width:80%; margin: auto; background-repeat: no-repeat; background-size:cover; background-position: center center; display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.hsg-box {width:33.333333%; border:10px solid white; text-align: center; box-sizing: border-box; position: relative; overflow: hidden;}
.hsg-box-overlay {position: absolute; top:0; left:0; width:100%; height: 100%; background: rgb(8,87,195);
background: linear-gradient(0deg, rgba(8,87,195,1) 0%, rgba(0,181,226,1) 100%); opacity:0;  transition:.5s opacity;}
	.hsg-box:nth-child(4) .hsg-box-overlay, .hsg-box:nth-child(5) .hsg-box-overlay, .hsg-box:nth-child(6) .hsg-box-overlay {background: rgb(8,87,195); background: linear-gradient(0deg, rgba(8,87,195,1) 0%, rgba(2,1,46,1) 100%);}
.hsg-box:hover .hsg-box-overlay {opacity:1; transition:.5s opacity;}
.hsg-box:hover .hsg-more {color:#ff5c39; transition:.5s color;}
.hsg-box a {display:block; padding:40px; color:#fff; text-decoration: none; position: relative; z-index: 1;}
.hsg-box h5 {font-size:24px; margin-bottom:20px; line-height: 1; color:#fff;}
.hsg-box p {font-size:16px; line-height: 1.5; margin-bottom:20px;}
.hsg-icon {width:100%; height:100px; display: flex; justify-content: center; align-items: center;}
.hsg-icon img {height: 50px;}
.hsg-more {font-size:14px; font-weight: 700; color:#fff; transition:.5s color;}
.hsg-more:before {content: '\f30b'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:14px; margin-right:10px;}
.qcircle .icon-main {}
.qcircle .icon-main img, .qcircle .icon-main svg {max-width:27%; max-height: 44px; bottom:37px; left:35px; width: auto;}

/* BOX CIRCLE ELEMENT */
.box-circle {width:100%; margin: auto; background-repeat: no-repeat; background-size:cover; background-position: center center; display:flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.box-circle-copy {width:25%; position: relative; z-index: 1;}
.box-circle-copy h3 {font-size:14px; font-weight: 800; margin-bottom:2px; text-transform: uppercase; color:#ff5c39;}
.box-circle-copy h2 {font-size:36px; font-weight: 900; line-height: 48px; color:#fff;}
.box-circle-chart {width:75%; padding:200px 0 200px 100px; position: relative;}
.box-circle-approach {width:100%; position: relative;}
.bc-chart-bg {position: absolute; top:0; left:-70px; right:0; bottom:0; text-align: center;}
.bc-chart-bg img {height: 100%; width: auto; max-width: none;}
.box-circle-grid {display: grid; grid-template-columns: auto 60px auto; grid-template-rows: auto 60px auto 60px auto; grid-template-areas:'item1 item2 item3' 'item4 item5 item6' 'item7 item8 item9' 'item10 item11 item12' 'item13 item14 item15';}
.home .box-circle-grid > div {opacity: 0;}
.item1 {grid-area: item1;}
.item2 {grid-area: item2;}
.item3 {grid-area: item3;}
.item4 {grid-area: item4;}
.item5 {grid-area: item5;}
.item6 {grid-area: item6;}
.item7 {grid-area: item7;}
.item8 {grid-area: item8;}
.item9 {grid-area: item9;}
.item10 {grid-area: item10;}
.item11 {grid-area: item11;}
.item12 {grid-area: item12;}
.item13 {grid-area: item13;}
.item14 {grid-area: item14;}
.item15 {grid-area: item15;}
.bc-copy {width:100%; min-height: 305px; box-sizing:border-box; background-size:cover; background-position:center center; border:1px solid #fff; z-index: 1; position: relative; overflow: hidden;}
.home .bc-copy {min-height: 240px;}
.bc-copy a {display: block; padding:25px 40px; color:#fff; position: relative; z-index: 1;}
.bc-copy h4 {color:#fff; font-size:24px; margin-bottom:20;}
.bc-copy p {font-size:16px; font-weight: normal; line-height: 1.4; margin-bottom:10px;}
	.box-circle-approach .bc-copy h4 {color:#fff; font-size:20px; margin-bottom:20px;}
	.box-circle-approach .bc-copy p {font-size:16px; font-weight: normal; line-height: 1.4;}
.bc-copy i {font-size:3rem;}
.bc-box-overlay {position: absolute; top:0; left:0; width:100%; height: 100%; background: rgb(8,87,195); background: linear-gradient(0deg, rgba(8,87,195,1) 0%, rgba(0,181,226,1) 100%); opacity:0; transition:.5s opacity;}
.bc-copy:hover .bc-box-overlay {opacity:1; transition:.5s opacity;}
.bc-arrow {width:60px; height: 60px; align-self: center; justify-self:center;}
.bc-arrow.cyan-left div {width:60px; height: 60px; transform:translateX(50%) rotate(45deg); background-color:#00b5e2;}
.bc-arrow.cyan-right div {width:60px; height: 60px; transform:translateX(-50%) rotate(45deg); background-color:#00b5e2;}
.bc-arrow.cyan-up div {width:60px; height: 60px; transform:translateY(50%) rotate(45deg); background-color:#00b5e2;}
.bc-arrow.coral-down div {width:60px; height: 60px; transform:translateY(-50%) rotate(45deg); background-color:#ff5c39;}
.bc-arrow.coral-up div {width:60px; height: 60px; transform:translateY(50%) rotate(45deg); background-color:#ff5c39;}
.bc-arrow.blue-left div {width:60px; height: 60px; transform:translateX(50%) rotate(45deg); background-color:#2c5697;}
.bc-arrow.blue-right div {width:60px; height: 60px; transform:translateX(-50%) rotate(45deg); background-color:#2c5697;}
.bc-arrow.blue-up div {width:60px; height: 60px; transform:translateY(50%) rotate(45deg); background-color:#2c5697;}
.bc-button {font-family: "Roboto", Sans-serif; font-size:15px; font-weight: bold; background-color: transparent; background-image: linear-gradient(120deg, #FA4616 50%, #FF5C39 50%); border-radius: 0px 0px 0px 0px; padding: 15px 20px 15px 20px; text-transform: uppercase; color:#fff !important;}
.bc-button:hover {background-image: linear-gradient(120deg, #0094d5 50%, #00b5e2 50%);}


/* HOME CASE STUDIES */
.project-slider .portfolio-info {height: 50px; display: flex; align-items: center;}
.project-slider .portfolio-info h5 {line-height: .5;}
.project-slider .projects-box:hover .portfolio-info .btn-link {background:#FF5C39;}
.slick-dots li.slick-active button:before {color:#FF5C39;}
.project-slider .projects-box .portfolio-info .btn-link {transform: scale(.5);}
.project-slider .projects-box .portfolio-info .btn-link i {bottom:38px;}
.project-slider .projects-box .portfolio-info .btn-link i:before {font-size: 24px; font-weight: bold;}

/* ABOUT PAGE */
.custom-icon-box {width:100%; background-color:#0857C3; padding:20px; display: flex; justify-content: flex-start; align-items: center;}
.cib-icon {width:18%;}
.cib-text {flex-grow: 1; color:#fff; font-size:20px; font-family:"roboto"; font-weight: 900; margin:0 0 0 20px;}
.leadership-blocks {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.leadership-blocks > div {width:25%; margin-bottom: 40px;}
.leader-image, .ceo-image {position: relative; background-size:cover; background-position:center; width:100%; height:0; padding-bottom:125%;}
.leader-image-block, .ceo-image-block {position: relative; border:1px solid #E5E5E5;}
#directors .leader-image-block {position: relative; border:1px solid #fff;}
.leader-title, .ceo-title {text-align: center; background-color:#f7f7f7; padding:2.5rem 1rem;}
.leader-title h3, .ceo-title h3 {font-size:2rem; margin-bottom:.75rem;}
.leader-title h4, .ceo-title h4 {font-size:1.25rem; text-transform: uppercase; color:#898D8D; margin-bottom:0;}
.leader-bio {font-size:1.2rem; line-height:1.5; position: absolute; top:0; left:0; right:0; bottom:0; padding:3rem; color:#fff; background: rgb(0,181,226); background: linear-gradient(0deg, rgba(0,181,226,1) 0%, rgba(8,87,195,1) 60%); opacity:0; transition:.2s opacity;}
.leader-bio p:last-child {margin-bottom: 0;}
.leader-image-block:hover .leader-bio {opacity:1; transition:.2s opacity; cursor: ns-resize;}
#directors.leadership-blocks > div {width:calc(25% + 1px);}
#board.leadership-blocks > div {width:calc(25% + 1px);}
.about-ceo {width:100%; display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap;}
.ceo-image-block {width:25%; position: relative; border:1px solid #E5E5E5;}
.ceo-bio {width:calc(75% - 40px); color:#fff;}
.ceo-bio p {margin-bottom:0;}

/* ABOUT VALUES */
.company-values {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.company-values > div {width:50%;}
.column2 {padding-top:20px;}
.cv-block {margin:20px 10px; position: relative; display: flex; align-content: center; perspective: 1000px; transform-style: preserve-3d;}
.cv-block-inner {transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); width:100%; position: relative;}
.block-content, .block-overlay {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d;}
.block-content {display: flex; justify-content: center; align-items: center; padding:40px 10px; text-align: center; font-size:16px; transform: rotateY(180deg); background-color:#002554; height: 100%;}
.block-content p {color:#fff; line-height: 1.4; font-size:14px; margin-bottom: 0; padding:0 20px;}
.block-overlay {position: absolute; top:0; left:0; right:0; bottom:0; display: flex; justify-content: center; align-items: center; background-size:cover; background-position:center center; opacity:1; transition: .5s opacity;}
.cv-block2:hover .block-overlay {opacity:0; transition: .5s opacity;}
.cv-block:hover .cv-block-inner {transform: rotateY(180deg);}
.block-overlay h3 {font-size:24px; color:#fff; margin-bottom: 0; position: relative;}
.block-overlay i {position: absolute; bottom:20px; color:#fff; font-size: 24px;}

/* WHY DIFFERENT PAGE */
.wwd-arrow-link {margin-top:40px; font-size: 14px; font-weight: bold; display: flex; align-items: center;}
.wwd-arrow-link i:before {margin-right:10px; font-size: 16px;}
.innovation-box > div > div {min-height: 260px;}
.innovation-box:hover .serv-box {background-color:#0857C3 !important;}
.innovation-box:hover .wwd-arrow-link {margin-left:10px;}
.innovation-box.enterprise:hover .serv-box {background-color:#fa4616 !important;}

/* SMART PAGE */
.smart-box p {margin-bottom:0;}

/* CASE STUDY */
.single .page-header .page-title:before {content:'Case Study: ';}
.portfolio-item {border:1px solid #898D8D; margin-bottom:60px;}
.port-feature-image {width:100%; height: 0; padding-bottom: 56.25%; position: relative;}
.port-feature-image div {width:100%; height: 100%; top:0; left: 0; position: absolute;}
.port-feature-image div img {object-fit:cover; width:100%; height: 100%;}
.port-content {padding:40px;}
.port-content .entry-meta {font-size:14px; text-transform: uppercase; font-weight: 700; color:#00b5e2;}
.port-content h3 a {color:#3F4443;}
.port-content h3 a:hover {color:#00b5e2;}
a.port-link {font-size:14px; text-transform: uppercase; font-weight: 700; color:#ff5c39;}
a.port-link:before {content: '\f30b'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:14px; margin-right:10px;}
a.port-link:hover {color:#00b5e2;}
.sb-portfolio-item {width:100%; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom:30px;}
.sb-port-image {width:25%;}
.sb-port-content {width:calc(75% - 20px);}
.sb-port-content h3 {font-size: 16px; line-height: 1.2; margin-bottom:5px;}
.sb-port-content h3 a {color:#3F4443;}
.sb-port-content h3 a:hover {color:#00b5e2;}
.sb-port-content .entry-meta {font-size:14px; font-weight: 400; margin-bottom: 0;}
#ajax-load-more-2 .alm-btn-wrap {display: none;}

/* PRICING */
.ot-pricing-table a:hover {background:#ff5c39 !important; color:#fff !important;}

/* FOOTER */
.footer-title a {font-family: "Roboto";}
.page-id-5379 .site-footer .elementor-section-wrap > section:first-child {display: none;}

/* CONTACT FORM */
.nf-form-content {padding: 5px 0;}
.wpcf7 .main-form {background-image: linear-gradient(90deg, #0857C3 0%, #002554 100%);}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {font-family: "Roboto", Sans-serif; font-size:15px; font-weight: bold; line-height: 1; background-color: transparent !important; background-image: linear-gradient(120deg, #FA4616 50%, #FF5C39 50%) !important; border-radius: 0px 0px 0px 0px; padding: 15px 20px 15px 20px; text-transform: uppercase; color:#fff !important;}
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {background-image: linear-gradient(120deg, var( --e-global-color-6dda9a3 ) 50%, var( --e-global-color-7f0f626 ) 50%) !important;}
.nf-response-msg p, .nf-pass.field-wrap .nf-field-element:after {color:#ff5c39 !important;}
.data-form .nf-form-content .list-select-wrap .nf-field-element>div, .data-form .nf-form-content input:not([type=button]), .data-form .nf-form-content textarea {color: #3F4443; background:#E5E5E5;}
.data-form .nf-form-content button, .data-form .nf-form-content input[type=button], .data-form .nf-form-content input[type=submit] {color:#fff !important; text-transform: uppercase; font-weight: 900; height: auto; padding:10px 20px; background-image: linear-gradient(120deg, #FA4616 50%, #FF5C39 50%) !important;}
.data-form .nf-form-content button:hover, .data-form .nf-form-content input[type=button]:hover, .data-form .nf-form-content input[type=submit]:hover {background-image: linear-gradient(120deg, #0094d5 50%, #00b5e2 50%) !important;}
.violation-form .nf-form-content {padding:0; max-width: none;}
.subscribe-form nf-fields-wrap {display: flex; justify-content: flex-start; align-items: center;}
.subscribe-form input {border:none !important;}
.subscribe-form input[type=button] {background:#0857C3 !important; background-image: url('https://ndivision.us/wp-content/uploads/2021/08/long-arrow-right-regular.svg') !important; background-repeat: no-repeat !important; background-position: center center !important; color: transparent !important; background-size:33% !important; width:50px !important; transition:0s all !important;}
.subscribe-form input[type=button]:hover {background:#FF5C39 !important; background-image: url('https://ndivision.us/wp-content/uploads/2021/08/long-arrow-right-regular.svg') !important; background-repeat: no-repeat !important; background-position: center center !important; color: transparent !important; background-size:33% !important; width:50px !important; transition:0s all !important;}


/* DOWNLOAD DATA SHEET */
.dd-list a {color:#2c5697; transition: none !important;}
.dd-list a:hover {color:#ff5c39; transition: none !important;}
.dd-smart .dd-list a {color:#00b5e2; transition: none !important;}
.dd-smart .dd-list a:hover {color:#ff5c39; transition: none !important;}
.btn-register, .btn-login {width:200px;}
.btn-register .premium-btn-lg, .btn-login .premium-btn-lg {width:100%;}
.remove-cookie {cursor:pointer; color:#aaa; display: none;}
.dd-cookie-on .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {margin: 4px 0; line-height: 1;}

/* SEARCH RESULTS PAGE */
.search #primary {width:100%;}
.search #primary-sidebar {display: none;}

@media (min-width : 1600px) 
{
.elementor-2849 .elementor-element.elementor-element-682c5825 .main-navigation > ul {font-size:14px;}
.elementor-2849 .elementor-element.elementor-element-682c5825 .main-navigation > ul > li {margin:0 16px;}
}


@media (max-width : 1229px) 
{
.leader-bio {font-size:.935rem;}
}

@media (max-width : 1024px) 
{
	.hsg-box {width:50%;}
	.leadership-blocks > div, #directors.leadership-blocks > div, #board.leadership-blocks > div, .ceo-image-block {width:33.33%;}
	.ceo-bio {width:calc(66.67% - 40px);}
}

@media (max-width : 767px) 
{
	.page-header .breadcrumbs {display: none;}
	.hsg-box {width:100%;}
	.box-circle-copy {width:90%; margin:100px 0 60px; text-align: center;}
	.box-circle-chart {width:90%; padding:0 0 100px;}
	.bc-chart-bg {display: none;}
	.subscribe-form nf-fields-wrap {justify-content: center;}
	.company-values > div {width:100%; max-width:400px;}
	.column2 {padding-top:0;}
	.cv-block {margin:20px 0 0;}
	.leadership-blocks > div, #directors.leadership-blocks > div, #board.leadership-blocks > div {width:50%;}
	.ceo-image-block {width:100%; max-width:300px; margin:auto;}
	.ceo-bio {width:100%; margin-top:20px;}
	.leader-bio {font-size:1.15rem;}
}

@media (max-width : 600px) 
{
	.leadership-blocks > div, #directors.leadership-blocks > div, #board.leadership-blocks > div {width:100%; max-width:300px;}
	.ceo-bio {width:100%; max-width:300px; margin:20px auto;}
	.box-circle-grid {grid-template-columns: auto; grid-template-rows: auto 60px auto 60px auto 60px auto 60px auto 60px auto; grid-template-areas:'item1' 'item2' 'item3' 'item6' 'item9' 'item12' 'item15' 'item14' 'item13' 'item10' 'item7';}
		.box-circle-approach .box-circle-grid {grid-template-columns: auto; grid-template-rows: auto 60px auto 60px auto 60px auto 60px auto 60px auto; grid-template-areas:'item1' 'item2' 'item3' 'item6' 'item9' 'item8' 'item7';}
	.bc-arrow div {transform:translateX(0) translateY(-50%) rotate(45deg) !important;}
	.item4, .item5, .item8, .item11 {display: none;}
		.box-circle-approach .item8 {display: block;}
}