*{
    font-family: 'Source Sans Pro', sans-serif;
}

/* Services Collapse Buttons */
.btn-info {
    color: #169e98;
    border:0;
    margin: 0;
    background-color: transparent !important;
    display: inline-block;
    outline:none;
    white-space: normal;
    text-align: left;
}

.btn-info:hover {
    background-color: black;
    color: #169e98;
    outline:none;
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(2,117,216,.0);
    box-shadow: 0 0 0 2px rgba(2,117,216,.0);
}

/*Desktop*/
@media only screen and (min-width: 992px){
    .navbar{
        padding-left:150px;
        background-color: #000000;
    }

    @keyframes moveLogo {
        from {margin-right:30px;}
        to {margin-right: 33px; margin-top:3px;}
    }

    .navRemote {
        position: absolute;
        right:0;
        margin-right:30px;
    }

    .navRemote:hover {
        position: absolute;
        right:0;
        animation-name: moveLogo;
        animation-duration: 0.3s;
        animation-fill-mode: forwards;
    }

    .navbar-nav li{
        display: inline-block;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #FFFFFF;
        font-size: 18px;
    }

    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open>.nav-link {
        color: #169e98;
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: #169e98;
    }

    .navPadding {
        padding-left: 15px;
    }

    .pageDiv{
        position: relative;
    }

    /* Start of Sitemap */
    .sitemap {
        padding-top: 30px;
        padding-left: 20%;
        padding-bottom: 10px;
    }
    .sitemap hr {
        border-color: #169e98;
        border-width:2px;
        width: 80px;
    }
    /* End of Sitemap */

    /* Start of Services */
    .mainServices {
        margin-top: 4%;
        background-color: rgba(0, 0, 0, 0.9);
        margin-left: 25%;
        margin-right: 25%;
    }

    .servicesSpace {
        
    }

    .services {
        color: white;
        padding-top: 30px;
        padding-left: 8%;
        padding-right: 10%;
        padding-bottom: 30px;
    }
    .services hr {
        border-color: #169e98;
        border-width:2px;
        width:80px;
    }

    .services p {
        padding-top:9px;
    }

    .services ul{
        list-style-type: none;
        padding-left:0px;
        padding-right:0px;
    }

    .servicesBackImage {
        /* height:100vh; */
        background-image: url("image/servicesBackImage.jpeg");
        opacity: 0.95;
        background-size: cover;
        background-repeat: repeat-x;
        background-position: top;
        background-attachment: fixed;
    }
    /* End of services */

    /* Start of About/Partners */
    .aboutBackImage
    {
        background-image: url("image/aboutBackImage.jpeg");
        opacity: 0.95;
        background-size: cover;
        background-position: bottom;
        background-attachment: fixed;
    }

    .mainAbout {
        margin-top: 4%;
        background-color: rgba(0, 0, 0, 0.82);
        margin-left: 25%;
        margin-right: 25%;
        margin-bottom: 130px;
    }

    .about {
        color: #FFFFFF;
        padding-top: 30px;
        padding-left: 10%;
        padding-right: 10%;
        display: inline-block;
    }

    .about hr {
        border-color: #169e98;
        border-width:2px;
        width:80px;
    }
    
    .partnerLogos {
        padding-top: 30px;
        padding-left: 10%;
        padding-right:10%;
        padding-bottom: 30px;
        text-align: center;
    }
    .partnerLogos h3 {
        color: #FFFFFF;
        text-align: left;
    }
    .partnerLogos hr {
        border-color: #169e98;
        border-width:2px;
        width: 80px;
    }
    .partnerImagesRound img {
        display: inline-block;
        margin: 20px;
    }
    .partnerImagesLong img {
        display: inline-block;
        margin:20px;
        width: 80%;
        height: 80%;
    }

    .space {
        height:1px;
    }
    /* End of About/Partners */

    /* Start of Privacy Policy */
    .policy {
        padding-top: 30px;
        padding-left: 20%;
        padding-right: 20%;
        padding-bottom: 130px;
    }
    .policy hr {
        border-color: #169e98;
        border-width:2px;
        width: 80px;
    }
    /* End of Privacy Policy */

    .mainWrapHome {
        color: black;
    }

    /* Start of Welcome1 */
    .welcome1 {
        text-align: center;
        padding-top: 255px;
    }

    .welcome1 h3 {
        font-size: 36px;
    }

    .animatedButton{
        border-radius: 4px;
        background-color: #169e98;
        border: none;
        color: #FFFFFF;
        text-align: center;
        padding: 15px;
        transition: all 0.5s;
        cursor: pointer;
        margin: 5px;
    }
      
    .animatedButton span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }
      
    .animatedButton span:after {
        content: '\00bb';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }
      
    .animatedButton:hover span {
        padding-right: 25px;
    }
      
    .animatedButton:hover span:after {
        opacity: 1;
        right: 0;
    }

    .backImage1 {
        width: 100%;
        height: 820px;
        background-image: url("image/office.jpeg");
        opacity: 0.95;
        background-size: cover;
        background-position: bottom;
        background-attachment: fixed;
    }
    /* End of Welcome1 */

    /* Start of Welcome2 */
    .welcome2 {
        text-align: center;
        padding-top: 350px;
        color: white;
    }

    .welcome2 h3 {
        font-size: 35px;
    }

    .welcome2 button {
        color:white;
        background-color: #169e98;
        border: none;
        margin-top: 3px;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left:10px;
        padding-right:10px;
    }

    .backImage2 {
        width: 100%;
        height: 890px;
        background-image: url("image/datacenter.jpeg");
        opacity: 0.95;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
    /* End of Welcome2 */

    /* Start of Content1 */
    .content1 {
        position: relative;
        padding-top: 40px;
        padding-left: 25%;
        padding-right: 25%;
        padding-bottom: 40px;
        text-align: center;
        background-color: #141414;
        color: white;
    }

    .content1 button {
        color:white;
        background-color: #169e98;
        font-size: 16px;
        border: none;
        margin-top: 3px;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left:10px;
        padding-right:10px;
    }

    .office365Logo img {
        text-align: center;
        height: 92px; 
        width: 400px;
    }

    .office365 {
        margin-top: 40px;
        margin-left:200px;
    }

    hr{
        border-color: #169e98;
        border-width:2px;
        width: 250px;
    }

    .features table {
        margin-top:30px;
        margin-bottom: 30px;
        text-align: center;
        /* float: left; */
        margin-left: auto;
        margin-right: auto;
        font-size: 17px;
    }

    .features td {
        text-align: center;
        padding: 15px;
        padding-left:70px;
        padding-right:70px;
    }

    .features tr:nth-child(even) {
        background-color: #323232;
    }

    .features tr:nth-child(odd) {
        background-color: #222222;
    }
    
    .bookDemo {
        display: inline-block;
        padding-top: 10px;
        font-size: 22px;
    }

    .hidden {
        display: none;
    }
    /* End of Content1 */

    /* Content2 */
    .content2 {
        padding-top: 40px;
        padding-left: 25%;
        padding-right: 25%;
        padding-bottom: 40px;
        text-align: center;
        background-color: #141414;
        color: white;
    }

    .content2 button {
        color:white;
        background-color: #169e98;
        border: none;
        margin-top: 3px;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left:10px;
        padding-right:10px;
    }

    .features2 table {
        margin-top:30px;
        margin-bottom: 30px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 17px;
    }

    .features2 td {
        text-align: center;
        padding: 15px;
        padding-left:15px;
        padding-right:15px;
    }

    .features2 tr:nth-child(even) {
        background-color: #323232;
    }

    .features2 tr:nth-child(odd) {
        background-color: #222222;
    }

    .contactUs {
        padding-top: 10px;
        font-size: 22px;
    }
    /* End of Content2 */

    /* Start of Service Pages */
    .serviceInfo{
        padding-top: 30px;
        padding-left: 25%;
        padding-right: 25%;
        display: inline-block;
    }

    .serviceInfo hr {
        border-color: #169e98;
        border-width:2px;
        width:80px;
    }
    /* End of Services Pages */
    
    html {
        height:100%;
        box-sizing: border-box;
    }

    *,
    *:before,
    *:after {
      box-sizing: inherit;
    }

    .mainWrap {
        margin: 0 auto;
    }

    body {
        position: relative;
        margin: 0;
        min-height: 100%;
    }

    .footerTest {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        background-color: #000000;
        color: #FFFFFF;
        text-align: left; 
        padding-left:150px;
    }

    .footerTest p {
        display: inline;
    }

    .footerTest img {
        margin-top: 20px;
        display: block;
    }
    .footerTest a {
        color: #169e98;
    }

    .footerWrap{
        clear: both;
        position:absolute;
        width:100%;
        bottom:0;
    }

    .footer {
        position: relative;
        margin-bottom: 0px;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        background-color: #000000;
        color: #FFFFFF;
    }

    .footerHome {
        right: 0;
        left: 0;
        padding: 1rem;
        background-color: #000000;
        color: #FFFFFF;
        clear: both;
        position:absolute;
        width:100%;
    }

    #map {
        height: 100%;
    }

    .footerLinks{
        padding-left: 150px;
        text-align: left;
    }
    .footerLinks p {
        display: inline;
    }

    .footerLinks a {
        color: #169e98;
    }

    .footerLinks img {
        margin-top:20px;
        margin-bottom:10px;
    }
}




















/*Mobile*/
@media only screen and (max-width: 991px){
    .navbar{
        background-color: #000000;
        padding-left: 10px;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #FFFFFF;
        margin-left:10px;
    }

    .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover {
        color: #FFFFFF;
    }

    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open>.nav-link {
        color: #169e98;
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: #169e98;
    }

    .navbar-toggler .navbar-toggler-right {
        border-top-color: #FFFFFF;
        border-right-color: #FFFFFF;
        border-bottom-color: #FFFFFF;
        border-left-color: #FFFFFF;
    }

    .navbar-light .navbar-brand, .navbar-light .navbar-toggler {
        color: #FFFFFF;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

    .navbar-light .navbar-toggler {          
        border-color: #FFFFFF;
        top: 40px;
    }

    .navRemote {
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 5px;
    }

    /* Welcome1 */
    .welcome1 {
        text-align: center;
        padding-top: 255px;
    }

    .animatedButton{
        border-radius: 4px;
        background-color: #169e98;
        border: none;
        color: #FFFFFF;
        text-align: center;
        padding: 15px;
        transition: all 0.5s;
        cursor: pointer;
        margin: 5px;
      }

    .backImage1 {
        width: 100%;
        height: 820px;
        background-image: url("image/office.jpeg");
        opacity: 0.95;
        background-size: cover;
        background-position: bottom;
    }
    /* End of Welcome1 */

    /* Content1 */
    .content1 {
        padding-top: 40px;
        padding-left: 12%;
        padding-right: 12%;
        padding-bottom: 40px;
        text-align: center;
        background-color: #191919;
        color: white;
    }

    .content1 button {
        font-size: 16px;
    }

    .animatedButton{
        border-radius: 4px;
        background-color: #169e98;
        border: none;
        color: #FFFFFF;
        text-align: center;
        padding: 15px;
        transition: all 0.5s;
        cursor: pointer;
        margin: 5px;
      }

      .hidden {
        display: none;
    }

    .office365Logo img {
        height: 46px; 
        width: 200px;
    }

    .features table {
        text-align: center;
        /* float: left; */
        margin-left: auto;
        margin-right: auto;
    }

    .features td {
        text-align: center;
        padding: 15px;
        padding-left:43px;
        padding-right:43px;
    }

    .features tr:nth-child(even) {
        background-color: #323232;
    }

    .features tr:nth-child(odd) {
        background-color: #222222;
    }
    
    .bookDemo {
        padding-top: 10px;
        font-size: 22px;
    }
    /* End of Content1 */

    hr{
        border-color: #169e98;
        border-width:2px;
        width: 130px;
    }

    /* Welcome2 */
    .welcome2 {
        text-align: center;
        padding-top: 350px;
        color: white;
    }

    .animatedButton{
        border-radius: 4px;
        background-color: #169e98;
        border: none;
        color: #FFFFFF;
        text-align: center;
        padding: 15px;
        transition: all 0.5s;
        cursor: pointer;
        margin: 5px;
      }
    .backImage2 {
        width: 100%;
        height: 890px;
        background-image: url("image/datacenter.jpeg");
        opacity: 0.95;
        background-size: cover;
        background-position: left;
    }
    /* End of Welcome2 */

    /* Start of Content2 */
    .content2 {
        padding-top: 40px;
        padding-left: 12%;
        padding-right: 12%;
        padding-bottom: 40px;
        text-align: center;
        background-color: #191919;
        color: white;
    }

    .animatedButton{
        border-radius: 4px;
        background-color: #169e98;
        border: none;
        color: #FFFFFF;
        text-align: center;
        padding: 15px;
        transition: all 0.5s;
        cursor: pointer;
        margin: 5px;
      }

      .features2 table {
        text-align: center;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .features2 td {
        text-align: center;
        padding: 15px;
        padding-left:5px;
        padding-right:5px;
    }

    .features2 tr:nth-child(even) {
        background-color: #323232;
    }

    .features2 tr:nth-child(odd) {
        background-color: #222222;
    }

    .contactUs {
        padding-top: 10px;
        font-size: 22px;
    }
    /* End of Content2 */

    /* Start of About/Partners */
    .aboutBackImage
    {
        background-image: url("image/aboutBackImage.jpeg");
        opacity: 0.95;
        background-size: cover;
        background-position: top;
    }

    .space {
        height: 1px;
    }

    .mainAbout {
        margin-top: 4%;
        background-color: rgba(0, 0, 0, 0.9);
        margin-left: 12%;
        margin-right: 12%;
        margin-bottom: 100px;
    }

    .about {
        padding-top: 30px;
        padding-left: 12%;
        padding-right: 12%;
        display: inline-block;
        color: #FFFFFF;
    }

    .about hr {
        border-color: #169e98;
        border-width:2px;
        width:80px;
    }
    
    .partnerLogos {
        padding-top: 30px;
        padding-left: 12%;
        padding-right:12%;
        padding-bottom: 10px;
        text-align: center;
        padding-bottom: 70px;
    }
    .partnerLogos h3 {
        text-align: left;
        color: #FFFFFF;
    }
    .partnerLogos hr {
        border-color: #169e98;
        border-width:2px;
        width: 80px;
    }
    .partnerImagesRound img {
        display: inline-block;
        margin: 20px;
        width:60%;
        height: 60%;
    }
    .partnerImagesLong img {
        display: inline-block;
        margin: 20px;
        width:90%;
        height: 90%;
    }
    /* End of About/Partners */

    /* Start of Service Pages */
    .serviceInfo{
        padding-top: 30px;
        padding-left: 12%;
        padding-right: 12%;
        display: inline-block;
    }

    .serviceInfo hr {
        border-color: #169e98;
        border-width:2px;
        width:80px;
    }
    /* End of Services Pages */

    /* Start of Privacy Policy */
    .policy {
        padding-top: 30px;
        padding-left: 12%;
        padding-right: 12%;
        padding-bottom: 90px;
    }
    .policy hr {
        border-color: #169e98;
        border-width:2px;
        width: 80px;
    }
    /* End of Privacy Policy */

    /* Start of Sitemap */
    .sitemap {
        padding-top: 30px;
        padding-left: 12%;
        padding-right: 12%;
        padding-bottom: 10px;
    }
    .sitemap hr {
        border-color: #169e98;
        border-width:2px;
        width: 80px;
    }
    /* End of Sitemap */

    /* Footer */
    html {
        height:100%;
        box-sizing: border-box;
    }

    *,
    *:before,
    *:after {
      box-sizing: inherit;
    }

    .mainWrap {
        margin: 0 auto;
        /* max-width: 640px; */
        /* width: 94%; */
    }

    body {
        position: relative;
        margin: 0;
        min-height: 100%;
    }

    .footerTest {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        background-color: #000000;
        color: #FFFFFF;
        text-align: center;
        padding-left: 4%;
    }

    .footerTest p {
        display: inline;
    }

    .footerTest img {
        padding-left:10px;
    }
    .footerTest a {
        color: #169e98;
    }

    .footer {
        position: relative;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        background-color: #000000;
    }

    .footerWrapOverlapHomeMobile{
        margin-top:80px;
        clear: both;
        position:absolute;
        width:100%;
    }

    .footerLinks{
        text-align: center;
        color: #FFFFFF;
    }

    .footerLinks a {
        color: #169e98;
    }

    .footerLinks p {
        display: inline;
    }

    .footerHome {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        background-color: #000000;
        color: #FFFFFF;
    }
    /* End of Footer */
}

/*Smaller Mobile (500px) */
@media only screen and (max-width: 500px){
    .features table {
        text-align: center;
        /* float: left; */
        width: 85% !important;
    }

    .features td {
        text-align: center;
        padding: 15px;
        padding-left:43px;
        padding-right:43px;
    }

    .features tr:nth-child(even) {
        background-color: #323232;
    }

    .features tr:nth-child(odd) {
        background-color: #222222;
    }

    .features2 table {
        text-align: center;
        position: relative;
        width:100%;
    }

    .features2 td {
        text-align: center;
        padding: 15px;
        padding-left:5px;
        padding-right:5px;
    }

    .features2 tr:nth-child(even) {
        background-color: #323232;
    }

    .features2 tr:nth-child(odd) {
        background-color: #222222;
    }
}