body {
overflow-x: hidden !important;
}
.nooverflow {
overflow: hidden !important;
}
.fadeoutclass {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 600ms, visibility 600ms;
transition: opacity 600ms, visibility 600ms;
}
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.ipad-row > .col-lg-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.headlineText {
font-size: 54px !important;
width: 410px;
}
}
.wpcf7-textarea {
max-height: 150px;
} #notfound {
position: relative;
height: 100vh;
}
#notfound .notfound {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.notfound {
max-width: 767px;
width: 100%;
line-height: 1.4;
padding: 0px 15px;
}
.notfound .notfound-404 {
position: relative;
height: 150px;
line-height: 150px;
margin-bottom: 65px;
}
.homebtn {
width: 200px;
height: 50px;
line-height: 45px;
color: white;
background-color: #2face2;
border: 2px solid #2face2;
text-align: center;
display: block;
text-transform: uppercase;
cursor: pointer;
font-weight: 700;
font-size: 16px;
border-radius: 50px;
margin-top: 20px;
}
.notfound .notfound-404 h1 {
font-family: 'Titillium Web', sans-serif;
font-size: 186px;
font-weight: 900;
margin: 0px;
text-transform: uppercase;
background: url(//www.foursquareuk.com/wp-content/themes/foursquaresolutionsv2/Assets/images/text.png);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: cover;
background-position: center;
}
.notfound h2 {
font-family: 'Titillium Web', sans-serif;
font-size: 26px;
font-weight: 700;
margin: 0;
}
.notfound p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 0px;
text-transform: uppercase;
}
.notfound a:hover {
opacity: 0.8;
}
@media only screen and (max-width: 767px) {
.notfound .notfound-404 {
height: 110px;
line-height: 110px;
}
.notfound .notfound-404 h1 {
font-size: 120px;
}
} .page-id-17 .owl-nav {
display: none !important;
}
.border-quote::before {
content: "";
display: block;
position: absolute;
z-index: 1;
left: 0px;
top: 0;
bottom: 0;
border: 1px solid #2891bf;
border-width: 0 0 0 2px;
} .portfolio-tile {
background-size: cover;
cursor: pointer;
display: flex;
flex-direction: column;
overflow: hidden;
padding-top: 20px;
}
.gallerypad .item img {
padding: 15px;
}
.portfolio-tile__title {
align-items: center;
color: #fff;
display: flex;
justify-content: center;
min-height: 64px;
text-align: center;
margin-bottom: 0;
}
.title-dec:hover {
text-decoration: none !important;
cursor: pointer !important;
}
.portfolio-tile__sub {
color: #fff;
font-size: 16px;
font-weight: 500;
margin-bottom: 20px;
opacity: .75;
text-align: center;
}
.portfolio-tile__sub {
font-size: 20px;
margin-bottom: -20px;
margin-top: 10px;
transition: opacity .3s ease-in-out,transform .3s ease-in-out;
}
.portfolio-tile__wrapper {
margin-left: auto;
margin-right: auto;
margin-top: auto;
max-width: 80%;
position: relative;
width: 100%;
z-index: 1;
}
.portfolio-tile:hover .portfolio-tile__wrapper {
transform: translateY(5%);
transition: transform .3s ease-in-out;
}
.portfolio-tile__wrapper {
transform: translateY(30%);
transition: transform .3s ease-in-out;
}
.portfolio-tile__wrapper:hover {
transform: translateY(5%);
transition: transform .3s ease-in-out;
}
.portfolio-tile:hover .portfolio-tile__sub {
opacity: 0;
transform: translateY(25%);
}
.portfolio-tile__ratio {
padding-bottom: 46%;
}
.portfolio-tile__image {
position: absolute;
}
.container {
max-width: 1200px!important;
padding-left: 24px;
padding-right: 24px;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0;
}
.img-sub {
border-style: none;
display: block;
max-width: 100%;
}
.img-sub, .svg-sub {
vertical-align: middle;
}
.grecaptcha-badge {
display: none !important;
}
.inner-heading {
margin-top: 220px;
}
.inner-container {
padding-left: 16%; 
padding-right: 16%;
}
.inner-h1 {
font-size: 86px; 
width: 100%; 
font-weight: bold; 
margin-top: 70px;
}
.inner-subheading {
margin-bottom: 720px;
margin-top: 300px;
}
.inner-pos {
margin-top: -80px;
}
.circle {
position: absolute;
left: -35%;
top: -50%;
width: 1500px;
height: 1500px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 1500px;
opacity: 0.2;
z-index: -1;
}
.portfolio-circle {
position: absolute;
left: -20%;
top: -60%;
width: 1000px;
height: 1000px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 1000px;
opacity: 0.2;
z-index: -1;
}
.portsection {
margin-top: -420px;
position: relative;
}
.portfolio-circle {
margin-bottom: 60px;
}
.portrow-end {
margin-bottom: 620px;
}
.portsection:nth-child(even) .portfolio-circle {
left: 70% ;
}
.portsection:nth-child(odd) .portfolio-circle {
left: -20% ;
}
.portsection:nth-child(even) .container-fluid .container .rownth {
flex-direction: row-reverse;
}
.portsection:nth-child(even) .container-fluid .container .rownth .portimage img {
margin-left: 150px;
} 
.portimage img {
margin-left: -130px;
}
.portcontent {
margin-top: 100px;
}
.portfolio-button {
width: 200px;
height: 50px;
line-height: 45px;
color: white;
background-color: #2face2;
border: 2px solid #2face2;
text-align: center;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
font-weight: 700;
font-size: 16px;
border-radius: 50px;
}
.port-footer {
margin-top: -250px;
}
.contact-body {
padding: 45px 35px 80px !important;
margin-bottom: 0px !important;
}
.bg-light {
background-color: #f0f6fd !important;
}
.fixed-top {
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.75);
}
.ml-auto {
margin-left: 0 !important;
}
.noflexcol {
flex-direction: unset !important;
}
.alt-logonew {
width: 320px !important;
}
.homepagestickynav {
display: none;
}
.displaynone {
display: none !important;
}
.displayblock {
display: block !important;
}
.ui-progress-bar {
position: relative;
width: 100%;
height: 35px;
padding-right: 2px;
background-color: #abb2bc;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
}      
.ui-progress {
position: relative;
margin-top: 40px;
display: block;
overflow: hidden;
height: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
border-radius: 35px;
-webkit-background-size: 44px 44px;
background-color: #2face2;
}
.ui-label {
float: right;
margin-right: 20px;
margin-top: 2px;
color: white;
}
.admin-text {
margin-top: 20px;
margin-bottom: 40px;
}
.image-caption {
padding: 20px;
}
.headingcontainer-alt-part2 {
margin-top: 30px;
padding-left: 320px;
padding-right: 320px;
margin-bottom: 50px;
}
.pageloader {
overflow: hidden;
position: absolute;
background-color: white;
min-width: 100%;
min-height: 100%;
z-index: 9000;
}
#lottieid {
background-color: white;
width: 100vw;
height: 100vh;
position: absolute;
z-index: 9000;
}
.lottie {
margin: 0 auto; 
padding: 10px; 
}
.gallery-container {
padding-left: 0px; 
padding-right: 30px;
}
.galleryphoto {
width: 100%;
max-height: 700px;
}
.gallerypad {
padding-left: 0px;
}
.icon-scroll,
.icon-scroll:before {
position: absolute;
left: 50%
}
.icon-scroll {
width: 30px;
height: 50px;
margin-left: -15px;
bottom: 80px;
margin-top: -35px;
border: 2px solid #fff;
border-radius: 25px
}
@media (max-width: 767px) {
.icon-scroll {
position: relative
}
}
.icon-scroll:before {
content: '';
width: 8px;
height: 8px;
background: #fff;
margin-left: -4px;
top: 8px;
border-radius: 4px;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-name: scroll
}
@keyframes scroll {
0% {
opacity: 1
}
100% {
opacity: 0;
transform: translateY(26px)
}
}
@media (min-width: 1920px) and (max-width: 1920px)
{
.circle {
position: absolute;
left: -35%;
top: -60%;
width: 1500px;
height: 1500px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 1500px;
opacity: 0.2;
z-index: -1;
}
.logo {
margin-top: 12px !important;
margin-bottom: 4px !important;
}
.logopush {
margin-top: -10px !important;
}
.leftMenu {
margin-top: 20px !important;
}
.smaller-home-logo {
width: 320px !important;
margin-top: 30px !important;
margin-bottom: 70px !important;
}
.nav-modal .modal-body .off-menu li {
font-size: 44px !important;
}
.banner-title h1 {
font-size: 80px !important;
}
.header-section-main .header-sticky-section {
padding-top: 5px !important;
}
.logo {
margin-bottom: -46px !important;
}
.inner-logo-alt {
width: 320px !important;
margin-top: 3px !important;
margin-bottom: 68px !important;
}
.logo-alt {
margin-top: 20px !important;
}
.pageheading {
font-size: 76px !important;
}
}
@supports (-webkit-touch-callout: none) { .nav-modal .modal-body .border-color {
height : 50%;
}
.border-color {
display: none !important;
}
}
.body {
overflow-x: hidden;
}
.footer-logo {
margin-left: -10px;
width: 100px;
} .zoomhover:hover {
-ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); 
}
.stick-header {
background-color: white;
-webkit-box-shadow: 0px 1px 24px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 24px -10px rgba(0,0,0,0.75);
box-shadow: 0px 1px 24px -10px rgba(0,0,0,0.75);
}
.stick-header-alt {
background-color: white;
-webkit-box-shadow: 0px 1px 24px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 24px -10px rgba(0,0,0,0.75);
box-shadow: 0px 1px 24px -10px rgba(0,0,0,0.75);
}
.inner-logo-alt {
width: 320px;
margin-top: 34px;
margin-bottom: 54px;
}
.smaller-home-logo {
width: 320px;
margin-top: 30px;
margin-bottom: 50px;
}
.stick-header .leftMenu .contact-but {
background-color: #2face2;
border-color: #2face2;
color: white;
}
.stick-header .leftMenu .menu-icon {
border: 2px solid #2face2;
color: #2face2;
}
.stick-header .leftMenu .menu-icon .nav-icon{
color: #2face2;
}
.stick-header .leftMenu .menu-icon .nav-icon::before{
background-color: #2face2;
}
.stick-header .leftMenu .menu-icon .nav-icon::after{
background-color: #2face2;
}
.stick-header .leftMenu .menu-icon .nav-icon .middle-icon-line{
background-color: #2face2;
}
.stick-header .leftMenu .contact-but:hover {
background-color: #2891bf;
border-color: #2891bf;
color: white;
} .contactmodal {
width: 200vw !important;
position: fixed !important;
left: 0% !important;
top: 0% !important;
} .dropdown-menu {
position: relative !important;
transform: translate3d(0px, 0px, 0px) !important;
border: 0px;
}
.dropdown-menu a {
color: black !important;
font-size: 18px !important;
}
.nav-modal .modal.left .modal-dialog,
.nav-modal .modal.right .modal-dialog {
position: absolute;
margin: auto;
min-width: 50%;
height: 100%; }
.nav-modal .modal.left .modal-content,
.nav-modal .modal.right .modal-content {
height: 100%;
overflow-y: auto; }
.nav-modal .modal.left .modal-body,
.nav-modal .modal.right .modal-body {
padding: 120px 35px 80px;
margin-bottom: 150px; }
.nav-modal .modal.right.fade .modal-dialog {
right: 0; }
.nav-modal .modal.right.fade.in .modal-dialog {
right: 0; }
.nav-modal .modal-content {
border-radius: 0;
border: none; }
.nav-modal .modal-header {
border-bottom-color: #fff;
background-color: #fff; }
.nav-modal .modal-body a {
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; }
.nav-modal .modal-body .off-menu li {
font-size: 64px;
color: #2face2 !important;
font-weight: bold; }
.nav-modal .modal-body .off-menu li a {
color: #2face2; }
.nav-modal .modal-body .off-menu-mini li {
font-size: 24px;
font-weight: lighter; }
.nav-modal .modal-body .off-menu-mini li a {
color: #2face2; }
.nav-modal .modal-body .nav-link {
padding: .2rem; }
.nav-modal .modal-body .border-color {
border-right: 4px solid #2face2;
min-height: 100%; }
.nav-modal .modal-body .bg-light {
background-color: transparent !important; }
.nav-modal .modal-body .navbar-nav p {
font-size: 20px;
padding-right: 100px; }
.nav-modal .modal-body .navbar-light .navbar-nav .nav-link i {
color: #1F576F !important;
font-size: 20px; }
.nav-modal .modal-body .nav-link i {
color: #1F576F !important; }
.nav-modal .modal-header {
padding: 0;
padding-left: 20px;
padding-right: 20px; }
.nav-modal .modal-header .close {
margin-right: 10px;
margin-top: -46px;
font-size: 7rem;
font-weight: 300;
color: #2face2;
opacity: 1;
padding: 0;
padding-left: 0.5em;
border-radius: 5px; }
.nav-modal .modal-header .nav-button {
background: #269bc8;
background: linear-gradient(90deg, #269bc8 0%, #0f5069 100%);
border-radius: 50px;
height: 60px;
width: 200px;
margin-left: 50px;
-webkit-box-shadow: 0 5px 6px -4x black;
-moz-box-shadow: 0 5px 6px -4px black;
box-shadow: 0 5px 6px -4px black; }
.nav-modal .modal-header .nav-button a {
font-weight: bold;
padding-left: 50px;
padding-top: 20px; }
.nav-modal .modal-header .bg-light {
background-color: transparent !important;
width: 100%; }
.nav-modal .modal-header .navbar-light .navbar-nav .nav-link {
color: #fff; }
.nav-modal .modal-header img {
margin-top: 8px;
padding-left: 60px; }
.nav-modal .modal-header .navbar {
padding: 0; }
.modal-content {
border-radius: 60px 0px 0px 60px !important;
}
.modal {
width: 80%;
position: fixed;
left: 60%;
top: 0%;
}
.cursor {
cursor: pointer;
}
body {
overflow-x: hidden;
}
.homeSection {
position: relative;
width: 100%;
overflow: hidden;
}
.home-section {
display: flex;
flex-direction: column;
justify-content: center;
background-color: #0D5A7B;
width: 100%;
min-height: 100vh;
padding: 130px 4rem 6rem;
}
.header-section-main .header-sticky-section {
position: fixed;
left: 0;
right: 0;
top: 0;
padding: 0 4rem;
z-index: 999;
padding-top: 35px; }
.logo {
height: auto;
width: 420px;
margin-top: 20px;
float: left;
position: relative;
margin-bottom: -35px;
margin-left: -25px;
}
.leftMenu {
margin-top: 35px;
}
.page-id-16 .owl-nav {
display:none;
}
.footerLinks::after {
content: "\f054";
margin-left: 20px;
font-family: "Font Awesome 5 Pro";
}
.contact-but {
float: right;
width: 200px;
height: 50px;
line-height: 45px;
color: #FFFFFF;
background-color: transparent;
border: 2px solid #FFFFFF;
text-align: center;
display: block;
text-transform: uppercase;
cursor: pointer;
font-weight: 700;
font-size: 16px;
border-radius: 50px;
}
.contact-but-ho:hover {
background-color: white;
border-color: white;
color: #0D5A7B;
text-decoration: none !important;
}
.contact-but-alt {
float: right;
width: 200px;
height: 50px;
line-height: 45px;
color: white;
background-color: #2face2;
border: 2px solid #2face2;
text-align: center;
display: block;
text-transform: uppercase;
cursor: pointer;
font-weight: 700;
font-size: 16px;
border-radius: 50px;
}
.touch-but-alt {
width: 200px;
height: 50px;
line-height: 45px;
color: white;
background-color: #2face2;
border: 2px solid #2face2;
text-align: center;
display: block;
text-transform: uppercase;
cursor: pointer;
font-weight: 700;
font-size: 16px;
border-radius: 50px;
}
.support-but-alt {
width: 200px;
height: 50px;
line-height: 45px;
color: white;
background-color: #2face2;
border: 2px solid #2face2;
text-align: center;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
font-weight: 700;
font-size: 16px;
border-radius: 50px;
}
.support-but-alt:hover {
background-color: #2891bf;
border-color: #2891bf;
color: white;
text-decoration: none !important;
}
.center-button {
text-align: center;
}
.clr {
clear: both;
}
.menu-icon {
margin-left: 10px;
width: 50px;
height: 50px;
text-align: center;
border: 2px solid #FFFFFF;
border-radius: 50px;
float: right;
color:#fff;
cursor:pointer;
font-size: 26px;
transition: .5s;
line-height: 25px;
}
.nav-icon {
margin-left: 13px;
margin-top: 13px;
width: 20px;
}
.nav-icon::after {
width: 80%;
}
.nav-icon::before {
width: 60%;
}
.nav-icon::after, .nav-icon::before, .nav-icon .middle-icon-line {
background-color: #FFFFFF;
border-radius: 3px;
content: '';
display: block;
height: 2px;
margin: 7px 0;
box-shadow: 0 2px 0 transparent;
transition: all .2s ease-in-out;
}
.nav-icon:hover::before {
width: 100%;
}
.nav-icon:hover::after {
width: 100%;
} .menu-icon-alt {
margin-left: 10px;
width: 50px;
height: 50px;
text-align: center;
border: 2px solid #2face2;
border-radius: 50px;
float: right;
color:#fff;
cursor:pointer;
font-size: 26px;
transition: .5s;
line-height: 25px;
}
.nav-icon-alt {
margin-left: 13px;
margin-top: 13px;
width: 20px;
}
.nav-icon-alt::after {
width: 80%;
}
.nav-icon-alt::before {
width: 60%;
}
.nav-icon-alt::after, .nav-icon-alt::before, .nav-icon-alt .middle-icon-line-alt {
background-color: #2face2;
border-radius: 3px;
content: '';
display: block;
height: 2px;
margin: 7px 0;
box-shadow: 0 2px 0 transparent;
transition: all .2s ease-in-out;
}
.nav-icon-alt:hover::before {
width: 100%;
}
.nav-icon-alt:hover::after {
width: 100%;
}
.banner-title {
max-width: 900px;
width: 100%;
margin: 0 auto;
}
.banner-title h1 {
font-weight: 800;
font-size: 100px; line-height: 1.1;
color: #FFFFFF;
margin-bottom: 0.4em;
}
.home-banner-text {
max-width: 900px;
width: 100%;
margin: 0 auto;
color: #FFFFFF;
}
.about-but {
margin-top: 50px;
width: 200px;
height: 50px;
line-height: 45px;
color: #FFFFFF;
background-color: transparent;
border: 2px solid #FFFFFF;
text-align: center;
text-transform: uppercase;
cursor: pointer;
font-weight: 700;
font-size: 16px;
border-radius: 50px;
}
.about-but:hover {
border: 2px solid white;
background: white;
color: #0D5A7B;
text-decoration: none !important;
}
.scroller a {
position: absolute;
bottom: 60px;
left: 0;
right: 0;
margin: 0 auto;
width: 20px;
height: 30px;
border: 1px solid #fff;
border-radius: 20px;
}
.scroller a::after {
position: absolute;
top: 8px;
left: 50%;
-webkit-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0);
width: 4px;
height: 8px;
border-radius: 10px;
background-color: #FFFFFF;
-webkit-animation: 1200ms ease 0ms forwards infinite scroll;
animation: 1200ms ease 0ms forwards infinite scroll;
content: "";
}
.verticalLine {
width: 2px;
border: 3px solid #0D5A7B;
border-radius: 60px;
margin-top: -2px;
height: 200px;
margin-left: 49.8%;
}
.verticalLine-about {
width: 1px;
border: 1px solid #2DAADF;
border-radius: 60px;
margin-top: -2px;
height: 100%;
margin-left: 49.8%;
}
.verticalLine-quote {
width: 1px;
border: 1px solid #2DAADF;
border-radius: 60px;
margin-top: -2px;
max-height: 100%;
min-height: 100%;
margin-left: 49.8%;
}
.homeSection2 {
margin-top: 80px;
}
.leftText {
margin-top: 120px;
}
.topHeader {
display: inline;
}
.headlines-wrap {
margin-right: 190px;
}
.headline1 {
line-height: 0px;;
font-size: 71px;
font-weight: bold;
margin-right: 10px;
color: #959595;
}
.headline2 {
line-height: 0px;
font-size: 36px;
font-weight: bold;
color: #959595;
margin-right: 30px;
}
.headline3 { line-height: 90px;
font-size: 71px;
font-weight: bold;
color: #959595;
}
.itemList {
margin-top: 10%; max-width: 250px;
float: right;
padding-right: 30px;
}
.itemlist .item p {
color: #B9B9B9;
}
.listActive {
color: black !important;
}
.learnmorelink {
position: absolute; 
left: -47%; 
border-right: 1px solid; 
padding-right: 8px; 
margin-top: 2px; 
font-size: 14px; 
color: #2face2;
}
.learnmorenone {
display: none !important;
}
.homeSection3 {
margin-top: 60px;
}
.headlineText {
font-size: 71px;
font-weight: bold;
color: #959595;
width: 370px;
line-height: 90px;
}
.softwareItem {
padding:30px;
display: flex;
justify-content: center;
align-items: center;
background-color: #0F85B8;
width: 134px;
height: 134px;
border-radius: 100px;
margin: 0 auto;
margin-bottom: 30px;
}
.softwareItem img {
left:50%;
top: 50%;
max-width: 100%;
}
.softwareItem p {
left:50%;
top: 50%;
}
.softwareItem-alt {
display: flex;
justify-content: center;
align-items: center;
background-color: #0F85B8;
width: 134px;
height: 134px;
border-radius: 100px;
margin-bottom: 30px;
}
.softwareItem-alt i {
color: white;
font-size: 52px;
max-width: 100%;
}
.softwareItem-alt p {
left:50%;
top: 50%;
}
.col-spacing {
margin-top: 50px;
margin-bottom: 10px;
}
.portfolioSection {
margin-top: 60px;
}
.noPadding {
padding: 0 !important;
}
.nodecoration {
text-decoration: none !important;
}
.portfolioatag {
text-decoration: none !important;
}
.portfolio {
margin-top: 50px;
color: white;
font-size: 38px;
}
.portfolio h3 {
margin-bottom: 10px;
}
.portfolio p {
margin-bottom: 40px;
}
.portfolio img {
margin-bottom: -10px;
}
.footerLinks {
color: #0F85B8;
font-size: 46px;
font-weight: bold;
}
.footerLinks:hover {
color: #0B6F9A;
}
.footerDrop {
margin-top: 139px;
}
.footerWidget1 {
text-align: left;
margin-top: 110px;
margin-left: 150px;
line-height: 10px;
}
.footerWidget2 {
margin-top: 180px;
}
.footerWidget3 {
margin-top: 180px;
margin-left: 55px;
}
.footerRight {
line-height: 30px;
text-align: right;
width: 400px;
font-size: 14px;
}
.fa-linkedin {
font-size: 38px;
color: #0F85B8;
}
.portfolio {
position: relative;
}
.footerText {
font-size: 14px;
}
.companytext {
padding-left: 100px;
}
.desktopFooter .row > div {
padding-top: 80px;
}
.desktopFooter .row > div:first-of-type {
padding-left: 5%;
}
.desktopFooter .row > div:last-of-type {
padding-right: 5%;
}
.desktopFooter .row.second-row > div {
padding-bottom: 80px;
padding-top: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-items: flex-end;
justify-content: flex-end;
}
.desktopFooter .row.second-row > div:nth-of-type(2) {
align-items: center;
}
.desktopFooter .row.second-row {
margin-top: 50px;
}
.headingcontainer {
margin-top: 140px;
padding-left: 320px;
padding-right: 320px;
margin-bottom: 100px;
}
.headingcontainer-alt {
margin-top: 170px;
padding-left: 320px;
padding-right: 320px;
margin-bottom: 30px;
}
.headingcontainer-alt2 {
margin-top: 170px;
margin-bottom: 60px;
}
.pageheading {
font-size: 86px;
width: 1120px;
font-weight: bold;
}
.heading-blue 
{
color: #2FACE2;
}
.about-text {
margin-top: 34px;
color: #000000;
width: 1239px;
font-size: 24px;
margin-bottom: 40px;
}
.careers-text {
margin-top: 34px;
color: #000000;
width: 1239px;
font-size: 24px;
margin-bottom: 50px;
}
.careerrow {
margin-top: 30px;
}
.careerimg-alt {
border-radius: 20px;
background-color: white;
-webkit-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
margin-bottom: 20px;
}
.accologos {
margin-top: -20px;
margin-bottom: 40px;
}
.careerimg img {
border-radius: 30px;
}
.jobdescription {
width: 100%;
}
.about-h3 {
font-weight: bold;
color: black;
font-size: 42px;
margin-bottom: 0px;
}
.about-h3blue {
margin-top: 40px;
font-weight: bold;
color: #2FACE2;
font-size: 42px;
margin-bottom: 0px;
}
.small-width {
max-width: 17% !important;
}
.small-width-alt {
max-width: 0% !important;
}
.process-h3 {
font-size: 40px;
font-weight: bold;
color: #2FACE2;
}
.process-text {
font-size: 20px;
color: black;
}
.row-spacing {
margin-top: 63px;
margin-bottom: 63px;
}
.ship-container {
padding-left: 16%;
padding-right: 16%;
margin-bottom: 0px;
}
.showcase-box {
max-width: 640px;
min-height: 854px;
background-color: white;
-webkit-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
border-radius: 30px;
}
.ship-image {
max-height: 515px;
max-width: 100%;
}
.ship-image img {
min-width: 100%;
}
.ship-content {
padding: 40px;
}
.ship-content .text-center {
margin-bottom: 50px;
}
.ship-content .text-center h4 {
font-weight: bold;
}
.actiontab {
background-color: #1C8CBC;
min-height: 410px;
}
.actionheader {
font-weight: bold;
font-size: 40px;
color: white;
max-width: 455px;
}
.actiontext {
font-size: 20px;
color: white;
max-width: 881px;
}
.actionheaderpadding {
padding: 100px 0px 0px 320px;
}
.actionbuttonpadding {
margin-top: 190px;
}
.underabout-section {
margin-top: 180px;
}
.contactheading {
font-weight: bold;
color: black;
font-size: 26px;
margin-top: 20px;
margin-bottom: 20px;
}
.wpcf7-form-control {
width: 100% !important;
border-top: 0px;
border-left: 0px;
border-right: 0px;
padding: 20px;
border-bottom: 1px solid;
border-color: lightgrey;
}
.contactheading {
margin-top: 20px;
margin-bottom: 20px;
}
.contact-text {
margin-bottom: 0px !important;
}
.wpcf7-form-control {
padding: 5px;
}
.clearform {
padding: 5px !important;
}
.wpcf7-submit {
border: 1px solid #2FACE2 !important;
background-color: #2FACE2;
color: white;
}
.clearform {
margin-top: -20px;
color: #2FACE2;
padding: 20px;
background-color: transparent;
border: 2px solid #2FACE2;
width: 100% !important;
}
.form-space {
margin-top: 20px;
margin-bottom: 20px;
}
.contact-text {
margin-top: 34px;
color: #000000;
width: 100%;
font-size: 24px;
margin-bottom: 80px;
}
.support-line {
margin-top: 40px;
font-weight: bold;
color: black;
}
.support-tel {
color: #2FACE2;
font-weight: bold;
}
.support-box {
padding: 120px;
max-width: 760px;
max-height: 815px;
background-color: white;
border-radius: 30px;
-webkit-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
}
.support-container {
padding: 0px 140px 120px 170px;
}
.support-btm50 {
margin-bottom: 50px;
}
.brief-h1 {
margin-bottom: 100px;
}
.quote-text {
margin-top: 30px;
}
.quote-text::before {
position: absolute;
margin-top: -30px;
font-family: "Font Awesome 5 Pro";
content: "\f10d";
color: #1C8CBC;
opacity: 0.2;
font-size: 52px;
}
.message-spacing {
margin-top: 30px;
}
.gallery {
margin-left: -15px;
border-radius: 0px;
background-color: lightgray;
height: 618px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.gallery a img {
object-fit: cover;
flex-shrink: 0;
min-width: 100%;
min-height: 100%
}
.owl-nav {
position: absolute;
top:0;
bottom:0;
margin:auto;
height:30px;
left: 0;
display: block;
width: 100%;
}
.slider-image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.owl-next {
font-size: 32px !important;
color: white !important;
float:right;
}
.owl-prev {
color: white !important;
font-size: 32px !important;
}
.fa-chevron-circle-left {
color: #2face2 !important;
}
.fa-chevron-circle-right {
color: #2face2 !important;
}
.gallery-spacing {
margin-top: 20px;
margin-bottom: 60px;
}
.contact-but-alt:hover {
background-color: #2891bf;
border-color: #2891bf;
}
.touch-but-alt:hover {
background-color: white;
border-color: white;
color: #1C8CBC;
text-decoration: none !important;
}
.no-line {
text-decoration: none !important;
}
.black-text {
color: black !important;
}
.black-text:hover {
color: lightgray;
}
.whatwedogallery {
height: 700px;
max-height: 700px;
} @media (min-width: 1921px) and (max-width: 3000px) {
.logo {
margin-top: 25px;
}
.leftMenu {
margin-top: 45px;
}
.header-section-main .header-sticky-section {
padding-top: 5px !important;
}
.softwareItem {
padding: 10px;
}
}
@media only screen and (max-width: 1919px) {
.logo {
margin-bottom: -45px;
}
.header-section-main .header-sticky-section {
padding-top: 5px;
}
.headingcontainer-alt-part2 {
padding-left: 320px !important;
padding-right: 320px !important;
}
.galleryphoto {
width: 100%;
min-height: 480px;
}
.gallery-container {
padding-left: 0px; 
padding-right: 0px;
}
.softwareItem {
padding: 20px;
}
.inner-heading{
margin-top: 180px;
}
.inner-container {
padding-left: 10%; 
padding-right: 19%;
}
.inner-h1 {
font-size: 36px ;
}
.circle {
position: absolute;
left: -12%;
top: -19%;
width: 750px;
height: 750px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 750px;
opacity: 0.2;
z-index: -1;
}
.inner-subheading {
margin-top: 70px;
margin-bottom: 160px;
}
.inner-h1 {
font-size: 56px;
}
.inner-pos {
margin-top: 0px;
}
.row-pos {
margin-top: 20px;
}
.portsection:nth-child(even) .portfolio-circle {
left: 63% ;
}
.portsection:nth-child(odd) .portfolio-circle {
left: -16% ;
}
.portsection:nth-child(even) .container-fluid .container .rownth {
flex-direction: row-reverse;
}
.portsection:nth-child(even) .container-fluid .container .rownth .portimage img {
margin-left: 80px;
} 
.portsection {
margin-top: 20px;
position: relative;
}
.portimage img {
margin-left: -90px;
margin-top: 20px;
}
.portrow-end {
margin-bottom: 60px;
}
.port-footer {
margin-top: 180px;
}
.portimage {
margin-bottom: 80px;
}
.portfolio-circle {
position: absolute;
left: -20%;
top: -17%;
width: 700px;
height: 700px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 700px;
opacity: 0.2;
z-index: -1;
}
}
@media only screen and (max-width: 1399px) {
.verticalLine {
height: 300px;
}
.pageheading {
font-size: 64px;
width: 1120px;
font-weight: bold;
}
.headingcontainer {
margin-top: 150px;
padding-left: 60px;
padding-right: 60px;
margin-bottom: 130px;
}
.headingcontainer-alt {
margin-top: 130px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 60px;
}
.headingcontainer-alt2 {
margin-top: 170px;
margin-bottom: 60px;
}
.about-h3 {
font-size: 24px;
}
.about-text {
width: 100%;
font-size: 18px;
}
.process-h3 {
font-size: 24px;
}
.process-text {
font-size: 18px;
}
.underabout-section {
margin-top: 50px;
}
.mobile-spacing {
margin-bottom: 30px;
}
.showcase-box {
min-height: 700px;;
margin-bottom: 40px;
}
.actiontab {
background-color: #1C8CBC;
min-height: 310px;
}
.actionheader {
font-weight: bold;
font-size: 30px;
color: white;
width: 100%;
}
.actiontext {
font-size: 18px;
color: white;
width: 100%;
}
.actionheaderpadding {
padding: 50px;
margin-bottom: -120px;
}
.actionbuttonpadding {
padding: 40px;
margin-top: 70px;
}
.contact-text {
margin-top: 34px;
color: #000000;
width: 100%;
font-size: 24px;
margin-bottom: 40px;
}
.about-h3blue {
margin-top: 40px;
font-weight: bold;
color: #2FACE2;
font-size: 28px;
margin-bottom: 10px;
}
.support-line {
margin-top: 40px;
font-weight: bold;
color: black;
}
.support-tel {
color: #2FACE2;
font-weight: bold;
}
.support-box {
padding: 30px;
max-width: 760px;
max-height: 815px;
background-color: white;
border-radius: 30px;
-webkit-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
}
.support-box .text-center img {
width: 100px;
height: auto;
}
.support-box .text-center p {
font-size: 14px;
}
.support-box .text-center h3 {
color: black;
font-size: 24px;
}
.support-container {
padding: 40px;
}
.support-btm50 {
margin-bottom: 50px;
} .nav-modal .modal-body .off-menu li {
font-size: 24px;
color: #2face2 !important;
font-weight: bold; }
.nav-modal .modal-header .close { 
font-size: 4rem;
margin-top: -71px;
}
.nav-modal .modal-header img {
width:200px;
margin-top: 0px;
padding-left: 10px;
margin-right: 140px;
}
.modal.fade.in {
top: 5%;
}
.modal {
width: 80%;
position: fixed;
left: 60%;
top: 0%;
}
.nav-modal .modal-body .border-color {
border-right: 2px solid #2face2;
max-height: 100%;
}
.logo {
width: 260px;
margin-top: 18px;
margin-bottom: -25px;
}
.leftMenu {
margin-top: 15px;
}
.header-section-main .header-sticky-section {
padding-top: 5px;
}
.headingcontainer-alt-part2 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.galleryphoto {
width: 100%;
min-height: 480px;
}
.gallery-container {
padding-left: 0px; 
padding-right: 0px;
}
.smaller-home-logo {
width: 320px !important;
margin-top: -20px !important;
}
.softwareItem {
padding: 20px;
}
.inner-heading{
margin-top: 180px;
}
.inner-container {
padding-left: 15px; 
padding-right: 15px;
}
.inner-h1 {
font-size: 36px ;
}
.circle {
position: absolute;
left: -22%;
top: -25%;
width: 800px;
height: 800px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 800px;
opacity: 0.2;
z-index: -1;
}
.inner-subheading {
margin-top: 70px;
}
.inner-h1 {
font-size: 56px;
}
.inner-pos {
margin-top: 0px;
}
.row-pos {
margin-top: 20px;
}
.portsection:nth-child(even) .portfolio-circle {
left: 73% ;
}
.portsection:nth-child(odd) .portfolio-circle {
left: -16% ;
}
.portsection:nth-child(even) .container-fluid .container .rownth {
flex-direction: row-reverse;
}
.portsection:nth-child(even) .container-fluid .container .rownth .portimage img {
margin-left: 80px;
} 
.portsection {
margin-top: 50px;
position: relative;
margin-bottom: 200px;
}
.portimage img {
margin-left: -90px;
margin-top: 10px;
}
.portrow-end {
margin-bottom: 60px;
}
.port-footer {
margin-top: 230px;
}
.portimage {
margin-bottom: -80px;
}
.portfolio-circle {
position: absolute;
left: -20%;
top: -7%;
width: 500px;
height: 500px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 500px;
opacity: 0.2;
z-index: -1;
}
}
@media only screen and (max-width: 1199px) {
.footerLinks {
font-size: 38px;
}
.banner-title h1 {
font-size: 88px;
}
.verticalLine {
height: 220px;
}
.headlines-wrap {
margin-right: 120px;
}
.pageheading {
font-size: 64px;
width: 900px;
font-weight: bold;
}
.headingcontainer {
margin-top: 190px;
padding-left: 80px;
padding-right: 80px;
margin-bottom: 130px;
}
.headingcontainer-alt {
margin-top: 130px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 60px;
}
.headingcontainer-alt2 {
margin-top: 80px;
margin-bottom: 60px;
}
.about-h3 {
font-size: 24px;
}
.about-text {
width: 100%;
font-size: 18px;
}
.process-h3 {
font-size: 24px;
}
.process-text {
font-size: 18px;
}
.underabout-section {
margin-top: 50px;
}
.mobile-spacing {
margin-bottom: 30px;
}
.showcase-box {
min-height: 700px;
margin-bottom: 20px;
}
.actiontab {
background-color: #1C8CBC;
min-height: 310px;
}
.actionheader {
font-weight: bold;
font-size: 30px;
color: white;
width: 100%;
}
.actiontext {
font-size: 18px;
color: white;
width: 100%;
}
.actionheaderpadding {
padding: 50px;
margin-bottom: -120px;
}
.actionbuttonpadding {
padding: 40px;
margin-top: 70px;
}
.contact-text {
margin-top: 34px;
color: #000000;
width: 100%;
font-size: 24px;
margin-bottom: 40px;
}
.careers-text {
margin-top: 34px;
color: #000000;
width: 100%;
font-size: 18px;
margin-bottom: 50px;
}
.careerrow {
margin-top: 30px;
}
.careerimg {
margin-top: -5px;
background-color: lightgray;
width: 100%;
height: auto;
max-width: 100%;
max-height: 582px;
-webkit-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
border-radius: 30px;
}
.careerimg img {
border-radius: 30px;
}
.about-h3blue {
margin-top: 40px;
font-weight: bold;
color: #2FACE2;
font-size: 28px;
margin-bottom: 10px;
}
.jobdescription {
width: 100%;
}
.support-line {
margin-top: 40px;
font-weight: bold;
color: black;
}
.support-tel {
color: #2FACE2;
font-weight: bold;
}
.support-box {
padding: 30px;
max-width: 760px;
max-height: 815px;
background-color: white;
border-radius: 30px;
-webkit-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
}
.support-box .text-center img {
width: 100px;
height: auto;
}
.support-box .text-center p {
font-size: 14px;
}
.support-box .text-center h3 {
color: black;
font-size: 24px;
}
.support-container {
padding: 40px;
}
.support-btm50 {
margin-bottom: 50px;
} .nav-modal .modal-body .off-menu li {
font-size: 24px;
color: #2face2 !important;
font-weight: bold; }
.nav-modal .modal-header .close { 
font-size: 4rem;
margin-top: -71px;
}
.nav-modal .modal-header img {
width:200px;
margin-top: 0px;
padding-left: 10px;
margin-right: 140px;
}
.modal.fade.in {
top: 5%;
}
.modal {
width: 80%;
position: fixed;
left: 60%;
top: 0%;
}
.nav-modal .modal-body .border-color {
border-right: 2px solid #2face2;
max-height: 100%;
}
.headingcontainer-alt-part2 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.galleryphoto {
width: 100%;
min-height: 390px;
}
.gallery-container {
padding-left: 0px; 
padding-right: 0px;
}
.softwareItem {
padding: 20px;
}
.inner-heading{
margin-top: 180px;
}
.inner-container {
padding-left: 15px; 
padding-right: 15px;
}
.inner-h1 {
font-size: 36px ;
}
.circle {
position: absolute;
left: -22%;
top: -25%;
width: 700px;
height: 700px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 700px;
opacity: 0.2;
z-index: -1;
}
.inner-subheading {
margin-top: 70px;
margin-bottom: 60px;
}
.inner-h1 {
font-size: 56px;
}
.inner-pos {
margin-top: 0px;
}
.row-pos {
margin-top: 20px;
}
.portsection:nth-child(even) .portfolio-circle {
left: 73% ;
}
.portsection:nth-child(odd) .portfolio-circle {
left: -16% ;
}
.portsection:nth-child(even) .container-fluid .container .rownth {
flex-direction: row-reverse;
}
.portsection:nth-child(even) .container-fluid .container .rownth .portimage img {
margin-left: 80px;
} 
.portsection {
margin-top: 20px;
position: relative;
}
.portimage img {
margin-left: -90px;
margin-top: 100px;
}
.portrow-end {
margin-bottom: 60px;
}
.port-footer {
margin-top: 0px;
}
.portimage {
margin-bottom: -80px;
}
.portfolio-circle {
position: absolute;
left: -20%;
top: 13%;
width: 400px;
height: 400px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 400px;
opacity: 0.2;
z-index: -1;
}
}
@media only screen and (max-width: 991px) {
.softwareItem {
width: 100px;
height: 100px;
}
.banner-title h1 {
font-size: 64px;
}
.banner-title, .home-banner-text {
max-width: 580px;
}
.verticalLine {
height: 150px;
}
.headline1 {
font-size: 60px;
}
.headline2 {
font-size: 22px;
}
.headline3 {
line-height: 60px;
font-size: 60px;
}
.headlineText {
font-size: 70px;
line-height: 1.1;
}
.pageheading {
font-size: 54px;
width: 100%;
font-weight: bold;
}
.headingcontainer {
margin-top: 150px;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 130px;
}
.verticalLine-about {
display: none;
}
.headingcontainer-alt {
margin-top: 100px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 60px;
}
.headingcontainer-alt2 {
margin-top: 80px;
margin-bottom: 60px;
}
.about-h3 {
font-size: 24px;
}
.about-text {
width: 100%;
font-size: 18px;
}
.process-h3 {
font-size: 24px;
}
.process-text {
font-size: 18px;
}
.underabout-section {
margin-top: 50px;
}
.mobile-spacing {
margin-bottom: 30px;
}
.showcase-box {
min-height: 700px;
margin-bottom: 20px;
}
.actiontab {
background-color: #1C8CBC;
min-height: 310px;
}
.actionheader {
font-weight: bold;
font-size: 30px;
color: white;
width: 100%;
}
.actiontext {
font-size: 18px;
color: white;
width: 100%;
}
.actionheaderpadding {
padding: 50px;
margin-bottom: -120px;
}
.actionbuttonpadding {
padding: 40px;
margin-top: 70px;
}
.contact-text {
margin-top: 34px;
color: #000000;
width: 100%;
font-size: 18px;
margin-bottom: 40px;
}
.careers-text {
margin-top: 34px;
color: #000000;
width: 100%;
font-size: 18px;
margin-bottom: 50px;
}
.careerrow {
margin-top: 20px;
}
.careerimg {
margin-top: 20px;
background-color: lightgray;
width: 100%;
height: auto;
max-width: 100%;
max-height: 582px;
-webkit-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
border-radius: 30px;
}
.mobile-width {
max-width: 100% !important;
}
.careerimg img {
border-radius: 30px;
}
.about-h3blue {
margin-top: 40px;
font-weight: bold;
color: #2FACE2;
font-size: 28px;
margin-bottom: 10px;
}
.support-line {
margin-top: 40px;
font-weight: bold;
color: black;
}
.support-tel {
color: #2FACE2;
font-weight: bold;
}
.support-box {
padding: 30px;
max-width: 760px;
min-height: 455px;
background-color: white;
border-radius: 30px;
-webkit-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
}
.support-box .text-center img {
width: 100px;
height: auto;
}
.support-box .text-center p {
font-size: 14px;
}
.support-box .text-center h3 {
color: black;
font-size: 24px;
}
.support-container {
padding: 40px;
}
.support-btm50 {
margin-bottom: 50px;
}
.whatwedogallery {
height: 700px;
max-height: 350px;
} .nav-modal .modal-body .off-menu li {
font-size: 24px;
color: #2face2 !important;
font-weight: bold; }
.nav-modal .modal-header .close { 
font-size: 4rem;
margin-top: -71px;
}
.nav-modal .modal-header img {
width:80px;
margin-top: 0px;
padding-left: 10px;
margin-right: 140px;
}
.modal.fade.in {
top: 5%;
}
.modal {
width: 80%;
position: fixed;
left: 60%;
top: 0%;
}
.nav-modal .modal-body .border-color {
border-right: 2px solid #2face2;
max-height: 100%;
}
.headingcontainer-alt-part2 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.galleryphoto {
width: 100%;
min-height: 390px;
}
.gallery-container {
padding-left: 0px; 
padding-right: 0px;
}
.brief-h1 {
margin-bottom: 40px;
}
.smaller-home-logo {
margin-top: 35px !important;
margin-bottom: 10px !important;
}
.softwareItem {
padding: 10px;
}
.inner-heading{
margin-top: 180px;
}
.inner-container {
padding-left: 15px; 
padding-right: 15px;
}
.inner-h1 {
font-size: 36px ;
}
.circle {
position: absolute;
left: -22%;
top: -25%;
width: 700px;
height: 700px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 700px;
opacity: 0.2;
z-index: -1;
}
.inner-subheading {
margin-top: 70px;
}
.inner-h1 {
font-size: 56px;
}
.inner-pos {
margin-top: 0px;
}
.row-pos {
margin-top: 20px;
}
.portsection:nth-child(even) .portfolio-circle {
left: 73% ;
}
.portsection:nth-child(odd) .portfolio-circle {
left: -16% ;
}
.portsection:nth-child(even) .container-fluid .container .rownth {
flex-direction: row-reverse;
}
.portsection:nth-child(even) .container-fluid .container .rownth .portimage img {
margin-left: 80px;
} 
.portsection {
margin-top: 20px;
position: relative;
}
.portimage img {
margin-left: -90px;
margin-top: 100px;
}
.portrow-end {
margin-bottom: 60px;
}
.port-footer {
margin-top: 0px;
}
.portimage {
margin-bottom: -80px;
}
.noflexcol {
margin-left: 0px !important;
}
.portfolio-circle {
position: absolute;
left: -20%;
top: 13%;
width: 400px;
height: 400px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 400px;
opacity: 0.2;
z-index: -1;
}
}
@media (min-width: 1366px) and (max-width: 1366px)
{
.verticalLine-quote {
min-height: -webkit-fill-available;
}
.showcase-box {
min-height: 760px;
margin-bottom: 40px;
}
.ship-container {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0px;
}
.circle {
position: absolute;
left: -22%;
top: -55%;
width: 1200px;
height: 1200px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 1200px;
opacity: 0.2;
z-index: -1;
}
}
@media (min-width: 1024px) and (max-width:1024px)
{
.verticalLine-quote {
min-height: -webkit-fill-available;
}
.ship-container {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0px;
}
.noflexcol {
margin-left: 0px !important;
}
.support-container {
margin-top: -60px;
}
.verticalLine-about {
display: block;
}
.contactheading {
margin-top: 0px;
margin-bottom: 0px;
}
.wpcf7-form-control {
padding: 10px;
}
.message-spacing {
margin-top: 30px;
}
.pos-mobile {
margin-top: 60px;
} .nav-modal .modal-body .off-menu li {
font-size: 24px;
color: #2face2 !important;
font-weight: bold; }
.nav-modal .modal-header .close { 
font-size: 4rem;
margin-top: -41px;
}
.nav-modal .modal-header img {
width:200px;
margin-top: 0px;
padding-left: 10px;
margin-right: 140px;
}
.modal.fade.in {
top: 5%;
}
.modal {
width: 80%;
position: fixed;
left: 56%;
top: 0%;
}
.nav-modal .modal-body .border-color {
border-right: 2px solid #2face2;
max-height: 100%;
}
.headingcontainer-alt-part2 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.galleryphoto {
width: 100%;
min-height: 320px;
}
.gallery-container {
padding-left: 0px; 
padding-right: 0px;
}
.brief-h1 {
margin-bottom: 40px;
}
.softwareItem {
padding: 10px;
}
.inner-heading{
margin-top: 180px;
}
.inner-container {
padding-left: 15px; 
padding-right: 15px;
}
.inner-h1 {
font-size: 36px ;
}
.circle {
position: absolute;
left: -22%;
top: -24%;
width: 900px;
height: 900px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 900px;
opacity: 0.2;
z-index: -1;
}
.inner-subheading {
margin-top: 70px;
margin-bottom: 200px;
}
.inner-h1 {
font-size: 56px;
}
.inner-pos {
margin-top: 0px;
}
.row-pos {
margin-top: 20px;
}
.portsection:nth-child(even) .portfolio-circle {
left: 73% ;
}
.portsection:nth-child(odd) .portfolio-circle {
left: -16% ;
}
.portsection:nth-child(even) .container-fluid .container .rownth {
flex-direction: row-reverse;
}
.portsection:nth-child(even) .container-fluid .container .rownth .portimage img {
margin-left: 0px;
} 
.portsection {
margin-top: -230px;
position: relative;
overflow-x: hidden !important;
overflow-y: visible;
padding-top: 10px;
padding-bottom: 50px;
}
.portimage img {
margin-left: 0px;
margin-top: 50px;
}
.portrow-end {
margin-bottom: 60px;
}
.port-footer {
margin-top: 0px;
}
.portimage {
margin-bottom: -80px;
}
.portfolio-circle {
position: absolute;
left: -20%;
top: 13%;
width: 400px;
height: 400px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 400px;
opacity: 0.2;
z-index: -1;
}
}
@media (min-width: 768px) and (max-width:768px)
{
.points-position:nth-last-child(1) {
text-align:center;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.points-position:nth-last-child(1) .softwareItem-alt {
margin: auto;
}
.noflexcol {
margin-left: 0px !important;
}
.headlineText {
font-size: 44px !important;
width: 100%;
}
.headline1 {
font-size: 44px !important;
}
.headline3 {
font-size: 44px !important;
}
.smaller-home-logo {
width: 120px;
margin-top: 0px;
margin-bottom: 20px;
}
.pos-mobile {
margin-top: 130px;
}
.verticalLine-about {
display: block;
} .nav-modal .modal-body .off-menu li {
font-size: 24px;
color: #2face2 !important;
font-weight: bold; }
.nav-modal .modal-header .close { 
font-size: 4rem;
margin-top: -37px;
}
.nav-modal .modal-header img {
width:200px;
margin-top: 0px;
padding-left: 10px;
margin-right: 140px;
}
.modal.fade.in {
top: 5%;
}
.modal {
width: 80%;
position: fixed;
left: 40%;
top: 0%;
}
.nav-modal .modal-body .border-color {
border-right: 2px solid #2face2;
max-height: 100%;
}
.headingcontainer-alt-part2 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.galleryphoto {
width: 100%;
height: auto;
}
.gallery-container {
padding-left: 0px; 
padding-right: 0px;
}
.ship-container {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0px;
}
.softwareItem {
padding: 10px;
}
.support-container {
margin-top: -60px;
}
.inner-heading{
margin-top: 180px;
}
.inner-container {
padding-left: 15px; 
padding-right: 15px;
}
.inner-h1 {
font-size: 36px ;
}
.circle {
position: absolute;
left: -42%;
top: -30%;
width: 700px;
height: 700px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 700px;
opacity: 0.2;
z-index: -1;
}
.inner-subheading {
margin-top: 70px;
margin-bottom: -20px;
}
.inner-pos {
margin-top: 0px;
}
.row-pos {
margin-top: 20px;
}
.portsection:nth-child(even) .portfolio-circle {
left: 65% ;
}
.portsection:nth-child(odd) .portfolio-circle {
left: -16% ;
}
.portsection:nth-child(even) .container-fluid .container .rownth {
flex-direction: row-reverse;
}
.portsection:nth-child(even) .container-fluid .container .rownth .portimage img {
margin-left: 0px;
} 
.portsection {
margin-top: 20px;
position: relative;
overflow-x: hidden !important;
overflow-y: hidden;
margin-bottom: 70px;
}
.portimage img {
margin-left: 0px;
margin-top: 120px;
}
.portrow-end {
margin-bottom: 60px;
}
.port-footer {
margin-top: 0px;
}
.portimage {
margin-bottom: -80px;
}
.portfolio-circle {
position: absolute;
left: -20%;
top: 13%;
width: 400px;
height: 400px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 400px;
opacity: 0.2;
z-index: -1;
}
.verticalLine-quote {
min-height: -webkit-fill-available;
}
}
@media only screen and (max-width: 767px) {
.noflexcol {
margin-left: 0px;
}
.home-section {
padding: 95px 2rem 4rem;
}
.header-section-main .header-sticky-section {
padding: 5px 2rem 5px;
}
.scroller a {
bottom: 25px;
}
.banner-title h1 {
font-size: 56px;
}
.verticalLine {
height: 120px;
}
.itemList {
float: none;
margin: 0 auto;
padding: 0;
padding-left: 80px;
}
.headlineText {
font-size: 54px;
margin-right: 0;
width: 100%;
}
.homeSection3 .col-md-6:nth-of-type(2) {
margin-top: 40px;
}
.portfolio {
margin-top: 10px;
}
.portfolio h3 {
margin-bottom: 20px;
}
.desktopFooter h3.footerLinks,
.desktopFooter .row.second-row > div .text-right {
text-align: left!important;
}
.desktopFooter .row > div:first-of-type {
padding-left: 15px;
}
.desktopFooter .row > div:last-of-type {
padding-right: 15px;
}
.desktopFooter .row > div {
padding-top: 32px;
}
.desktopFooter .row.second-row > div {
padding-bottom: 30px;
text-align: left;
}
.desktopFooter .row.second-row > div {
align-items: flex-start;
}
.desktopFooter .row.second-row > div:nth-of-type(2) {
align-items: flex-start;
}
.headlines-wrap {
display: flex;
align-items: flex-end;
justify-content: center;
margin: 0;
}
.headlines-wrap p {
margin-right: 0;
line-height: 1;
}
.headlines-wrap p.headline2{
margin: auto 10px 20px 13px;
}
.pageheading {
font-size: 46px;
width: 100%;
font-weight: bold;
}
.headingcontainer {
margin-top: 100px;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 100px;
}
.verticalLine-about {
display: none;
}
.headingcontainer-alt {
margin-top: 100px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 60px;
}
.headingcontainer-alt2 {
margin-top: 60px;
margin-bottom: 60px;
}
.about-h3 {
font-size: 24px;
}
.about-text {
width: 100%;
font-size: 18px;
}
.process-h3 {
font-size: 24px;
}
.process-text {
font-size: 18px;
}
.underabout-section {
margin-top: 50px;
}
.mobile-spacing {
margin-bottom: 30px;
}
.showcase-box {
min-height: 625px;
margin-bottom: 20px;
}
.actiontab {
background-color: #1C8CBC;
min-height: 310px;
}
.actionheader {
font-weight: bold;
font-size: 30px;
color: white;
width: 100%;
}
.actiontext {
font-size: 18px;
color: white;
width: 100%;
}
.actionheaderpadding {
padding: 40px;
margin-bottom: -120px;
}
.actionbuttonpadding {
padding: 40px;
margin-top: 70px;
}
.contact-text {
margin-top: 34px;
color: #000000;
width: 100%;
font-size: 18px;
margin-bottom: 40px;
}
.support-line {
margin-top: 40px;
font-weight: bold;
color: black;
}
.support-tel {
color: #2FACE2;
font-weight: bold;
}
.support-box {
padding: 120px;
max-width: 760px;
max-height: 815px;
background-color: white;
border-radius: 30px;
-webkit-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
}
.support-container {
padding: 40px;
}
.support-btm50 {
margin-bottom: 50px;
}
.mobile-icon {
max-width: 40%;
}
.gallery {
height: 450px;
}
.smaller-home-logo {
width: 120px;
margin-top: 0px;
margin-bottom: 10px;
}
.inner-logo-alt {
width: 130px;
margin-top: 24px;
margin-bottom: 28px;
}
.whatwedogallery {
height: 350px;
max-height: 350px;
} .nav-modal .modal-body .off-menu li {
font-size: 24px;
color: #2face2 !important;
font-weight: bold; }
.nav-modal .modal-header .close { 
font-size: 4rem;
margin-top: -71px;
}
.nav-modal .modal-header img {
width:200px;
margin-top: 0px;
padding-left: 10px;
margin-right: 140px;
}
.modal.fade.in {
top: 5%;
}
.modal {
width: 80%;
position: fixed;
left: 36%;
top: 0%;
}
.nav-modal .modal-body .border-color {
border-right: 2px solid #2face2;
max-height: 100%;
}
.companytext {
padding-left: 0px;
}
.footerText {
text-align: left !important;
}
.logo {
margin-top: 18px;
margin-bottom: -20px;
}
.logo-alt {
margin-top: -30px;
margin-bottom: -40px;
}
.headingcontainer-alt-part2 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.galleryphoto {
width: 100%;
min-height: auto;
}
.gallery-container {
padding-left: 0px; 
padding-right: 0px;
}
.brief-h1 {
margin-bottom: 40px;
}
.softwareItem {
padding: 10px;
}
.support-container {
margin-top: -60px;
}
.inner-heading{
margin-top: 80px;
}
.inner-container {
padding-left: 15px; 
padding-right: 15px;
}
.inner-h1 {
font-size: 36px ;
}
.circle {
position: absolute;
left: -115%;
top: -50%;
width: 700px;
height: 700px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 700px;
opacity: 0.2;
z-index: -1;
}
.inner-subheading {
margin-top: 20px;
}
.inner-pos {
margin-top: 0px;
}
.row-pos {
margin-top: 20px;
}
.portsection:nth-child(even) .portfolio-circle {
left: 3% ;
}
.portsection:nth-child(odd) .portfolio-circle {
left: 3% ;
}
.portsection:nth-child(even) .container-fluid .container .rownth {
flex-direction: row;
}
.portsection:nth-child(even) .container-fluid .container .rownth .portimage img {
margin-left: 0px;
} 
.portsection {
margin-top: 20px;
position: relative;
}
.portimage img {
margin-left: 0px;
}
.portfolio-circle {
display: none;
}
.portrow-end {
margin-bottom: 60px;
}
.port-footer {
margin-top: 0px;
}
.portimage {
margin-bottom: -80px;
}
}
@media only screen and (max-width: 575px) {
.contact-but-alt {
display: none !important;
}
.contact-but {
display:none !important;
}
.points-position {
position: relative;
}
.points-title {
position: absolute;
top: 6%;
left: 29%;
width: 260px;
}
.iphonepadding {
padding-left:20px;
padding-right:20px;
}
.learnmorelink {
position: absolute; 
left: -53%; 
border-right: 1px solid; 
padding-right: 8px; 
margin-top: 2px; 
font-size: 14px; 
color: #2face2;
}
.category-header {
margin-top: 100px !important;
}
.contact-but {
width: 130px;
font-size: 14px;
}
.softwareItem {
width: 75px;
height: 75px;
}
.logo {
width: 190px;
margin-top: 22px;
margin-left: -12px;
margin-bottom: -40px;
}
.banner-title h1 {
font-size: 28px;
}
.header-section-main .header-sticky-section {
padding: 5px 1rem 5px;
}
.portfolio h3 {
font-size: 20px;
}
.pageheading {
margin-top: 120px;
font-size: 28px;
width: 100%;
font-weight: bold;
}
.headingcontainer {
margin-top: 200px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 100px;
}
.verticalLine-about {
display: none;
}
.headingcontainer-alt {
margin-top: 0px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.headingcontainer-alt2 {
margin-top: 60px;
margin-bottom: 60px;
}
.about-h3 {
font-size: 24px;
}
.about-text {
width: 100%;
font-size: 18px;
}
.process-h3 {
font-size: 24px;
}
.process-text {
font-size: 18px;
}
.underabout-section {
margin-top: 50px;
}
.mobile-spacing {
margin-bottom: 30px;
}
.showcase-box {
min-height: 625px;
margin-bottom: 20px !important;
}
.ship-container {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0px;
}
.ship-content {
padding: 30px;
}
.accredlogos {
height: 150px;
}
.accologos {
margin-bottom: 30px;
margin-top: -80px;
}
.actiontab {
background-color: #1C8CBC;
min-height: 410px;
}
.actionheader {
font-weight: bold;
font-size: 30px;
color: white;
width: 100%;
}
.actiontext {
font-size: 18px;
color: white;
width: 100%;
}
.actionheaderpadding {
padding: 40px;
margin-bottom: -120px;
}
.actionbuttonpadding {
padding: 40px;
margin-top: 70px;
}
.contact-text {
margin-top: 34px;
color: #000000;
width: 100%;
font-size: 18px;
margin-bottom: 40px;
}
.careerimg {
margin-top: 20px;
}
.jobdescription {
width: 100%;
}
.careerrow {
margin-top: 20px;
}
.about-h3blue {
font-size: 28px;
margin-top: 30px;
}
.careers-text {
font-size: 18px;
width: 100%;
margin-bottom: 50px;
}
.support-line {
margin-top: 40px;
font-weight: bold;
color: black;
}
.support-tel {
color: #2FACE2;
font-weight: bold;
}
.support-box {
padding: 40px 20px 40px 20px;
max-width: 760px;
max-height: 815px;
background-color: white;
border-radius: 30px;
-webkit-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
box-shadow: 7px 4px 28px -17px rgba(0,0,0,0.59);
}
.support-container {
margin-top: 20px;
padding: 20px;
}
.support-btm50 {
margin-bottom: 30px;
}
.gallery {
height: 300px;
}
.gallery-spacing {
margin-top: 20px;
margin-bottom: 60px;
}
.quote-text {
margin-top: 30px;
}
.quote-text::before {
margin-top: -30px;
}
.col-spacing {
margin-top: 20px;
margin-bottom: 20px;
}
.softwareItem-alt {
width: 84px;
height: 84px;
margin-bottom: 20px;
}
.softwareItem-alt {
font-size: 40px;
}
.brief-h1 {
margin-top: 0px !important;
font-size: 36px !important;
}
.category-header {
font-size: 16px;
}
.footerLinks {
font-size: 28px;
}
.mobile-icon {
max-width: 40%;
}
.smaller-home-logo {
width: 120px;
margin-top: 6px;
margin-bottom: 37px;
}
.inner-logo-alt {
width: 130px;
margin-top: 4px;
margin-bottom: 28px;
}
.whatwedogallery {
height: 350px;
max-height: 350px;
}
.verticalLine-quote {
display:none;
} .nav-modal .modal-body .off-menu li {
font-size: 24px;
color: #2face2 !important;
font-weight: bold; }
.nav-modal .modal-header .close { 
font-size: 4rem;
margin-top: -71px;
}
.nav-modal .modal-header img {
width:200px;
margin-top: 0px;
padding-left: 10px;
margin-right: 140px;
}
.modal.fade.in {
top: 5%;
}
.modal {
width: 80%;
position: fixed;
left: 20%;
top: 0%;
}
.nav-modal .modal-body .border-color {
border-right: 2px solid #2face2;
max-height: 100%;
}
.companytext {
padding-left: 0px;
}
.footerText {
text-align: left !important;
}
.nav-link {
font-weight: 700;
font-size: 24px;
}
.listposition {
margin-top: -40px;
}
.headingcontainer-alt-part2 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.galleryphoto {
width: 100%;
min-height: auto;
}
.gallery-container {
padding-left: 0; 
padding-right: 0;
}
.gallerypad {
padding-right: 0px;
padding-left: 0px;
}
.contact-but-alt {
width: 140px;
}
.brief-h1 {
margin-bottom: 40px;
}
.row-spacing {
margin-top: 0px;
margin-bottom: 0px;
}
.softwareItem {
padding: 10px;
}
.alt-logonew {
width: 160px !important;
}
.contact-body {
padding-left: 15px !important;
padding-right: 15px !important;
}
.modal-content {
width: 100% !important;
}
.modal-dialog {
position: relative !important;
}
.contactmodal {
width: 100% !important;
}
.contact-body .container .row .col-md-12 h1 {
width: 100% !important;
font-size: 36px !important;
}
.inner-heading{
margin-top: 80px;
}
.inner-container {
padding-left: 15px; 
padding-right: 15px;
}
.inner-h1 {
font-size: 36px ;
}
.circle {
position: absolute;
left: -115%;
top: -50%;
width: 700px;
height: 700px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 700px;
opacity: 0.2;
z-index: -1;
}
.inner-subheading {
margin-top: 20px;
margin-bottom: -100px;
}
.inner-pos {
margin-top: 0px;
}
.row-pos {
margin-top: 20px;
}
.portsection:nth-child(even) .portfolio-circle {
left: 3% ;
}
.portsection:nth-child(odd) .portfolio-circle {
left: 3% ;
}
.portsection:nth-child(even) .container-fluid .container .rownth {
flex-direction: row;
}
.portsection:nth-child(even) .container-fluid .container .rownth .portimage img {
margin-left: 0px;
} 
.portsection {
margin-top: 20px;
position: relative;
margin-bottom: -90px !important;
}
.portimage img {
margin-left: 0px;
}
.noflexcol {
margin-left: 0px;
}
.portfolio-circle {
display: none;
}
.portrow-end {
margin-bottom: 60px;
}
.port-footer {
margin-top: 180px;
}
.portimage {
margin-bottom: -80px;
}
.home-section {
padding: 0px 2rem 6rem;
}
.icon-scroll {
width: 30px;
height: 50px;
margin-left: -15px;
bottom: 130px;
margin-top: -35px;
border: 2px solid #fff;
border-radius: 25px;
}
}
@media only screen and (max-width: 375px)
{
.points-position {
position: relative;
}
.points-title {
position: absolute;
font-size: 20px;
top: 8%;
left: 31%;
width: 257px;
}
.pageheading {
margin-top: 100px;
font-size: 28px;
width: 100%;
font-weight: bold;
}
.alt-logonew {
width: 120px !important;
}
.logo {
width: 150px;
margin-top: 28px;
}
.headingcontainer-alt {
margin-top: 0px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
.contact-body {
padding-left: 15px !important;
padding-right: 15px !important;
}
.modal-content {
width: 100% !important;
}
.modal-dialog {
position: relative !important;
}
.contactmodal {
width: 100% !important;
}
.contact-body .container .row .col-md-12 h1 {
width: 100% !important;
font-size: 36px !important;
}
.inner-heading{
margin-top: 80px;
}
.inner-container {
padding-left: 15px; 
padding-right: 15px;
}
.inner-h1 {
font-size: 36px ;
}
.circle {
position: absolute;
left: -115%;
top: -50%;
width: 700px;
height: 700px;
background-color: white;
-webkit-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
box-shadow: 2px 13px 29px -17px rgba(0,0,0,0.75);
border-radius: 700px;
opacity: 0.2;
z-index: -1;
}
.inner-subheading {
margin-top: 20px;
margin-bottom: -100px;
}
.inner-pos {
margin-top: 0px;
}
.row-pos {
margin-top: 20px;
}
.portsection:nth-child(even) .portfolio-circle {
left: 3% ;
}
.portsection:nth-child(odd) .portfolio-circle {
left: 3% ;
}
.portsection:nth-child(even) .container-fluid .container .rownth {
flex-direction: row;
}
.portsection:nth-child(even) .container-fluid .container .rownth .portimage img {
margin-left: 0px;
} 
.portsection {
margin-top: 20px;
position: relative;
margin-bottom: -90px !important;
}
.portimage img {
margin-left: 0px;
}
.noflexcol {
margin-left: 0px;
}
.portfolio-circle {
display: none;
}
.portrow-end {
margin-bottom: 60px;
}
.port-footer {
margin-top: 180px;
}
.portimage {
margin-bottom: -80px;
}
.nav-link {
font-weight: 700;
font-size: 22px;
}
.dropdown-menu a {
color: black !important;
font-size: 16px !important;
}
.nav-modal .modal.left .modal-body, .nav-modal .modal.right .modal-body {
padding: 60px 35px 80px;
margin-bottom: 150px;
}
}
@media only screen and (max-width: 320px)
{
.alt-logonew {
width: 70px !important;
}
.nav-link {
font-weight: 700;
font-size: 20px;
}
.dropdown-menu a {
color: black !important;
font-size: 16px !important;
}
.nav-modal .modal.left .modal-body, .nav-modal .modal.right .modal-body {
padding: 120px 3px 80px;
margin-bottom: 150px;
}
.nav-modal .modal-header img {
width: 140px;
margin-top: -10px;
padding-left: 10px;
margin-right: 140px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.verticalLine-quote{
min-height:85%;
}
} @media only screen 
and (min-device-width: 800px) 
{
.headlineText {
font-size: 44px !important;
width: 100%;
}
.headline1 {
font-size: 44px !important;
}
.headline3 {
font-size: 44px !important;
}
}
@media (min-width: 360px) and (max-width: 360px) {
.noflexcol {
margin-left: -10px !important;
}
}