body,html{
    margin:0;
    width:100%;
    overflow-x:hidden;
    scroll-padding-top:100px
}
section{
    position:absolute;
    top:25%;
    left:50%;
    margin-right:-50%;
    transform:translate(-50%,-50%)
}
.bg-custom{
    background-color:#3f85d4
}
.support-contact{
    color:#fff
}
    .card-support-attrib {
    width:100%;
    height:200px;	
    margin-top:10px;
    margin-bottom:0px;
  }  	
img{
    max-width:100%
}
.support-contact:hover{
    color:#fff
}
.centertext {
  text-align: center;
  width: 100%;
}
.card-header-color{
    color:#fff!important;
    background-color:#3f85d4!important
}
a{
    color:#000;
    text-decoration:underline
}
a:hover{
    text-decoration:underline;
    color:#268aed
}
p{
    color:#000;
    font-family:Roboto,sans-serif;
    font-size:16px;
    text-align:left;
    margin-bottom:20px
}
ul{
    color:#000;
    font-family:Roboto,sans-serif;
    font-size:16px;
    padding:0
}
.hero{
    padding-top:65px;
    max-width:100%;
    height:50vh;
    object-fit:cover;
    transition:-webkit-transform 10s ease;
    transition:transform 10s ease;
    transition:transform 10s ease,-webkit-transform 10s ease;
    transition-duration:3s;
    transition-property:opacity;
    margin-bottom:-24px
}
.dpstyle{
    color:#000;
    text-align:left;
    padding-bottom:20px;
    list-style-position:outside
}
.paygfilter{
    filter:brightness(50%)
}
.manfilter{
    filter:brightness(50%)
}
img{
    width:100%;
    max-height:100%;
    max-width:100%
}
.sizer{
    width:90px;
    height:90px
}
.cover{
    object-fit:cover;
    width:100%;
    height:50vh
}
.it-support{
    height:320px;
    bg-color:#fff
}
.supportimage{
    padding-top:12px;
    padding-bottom:20px;
    max-width:100%;
    height:auto
}
.windowsimage{
    padding-bottom:20px
}
.contact-text{
    color:#fff
}
.layout{
    padding-left:15px;
    padding-right:15px
}
.payg-background{
    background-image:linear-gradient(to top,#accbee 0,#e7f0fd 100%)
}
.btn{
    white-space:normal;
    max-width:550px;
    margin-bottom:10px;
    margin-top:10px;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0
}
.btn-outline-dark{
    color:#000;
    font-family:Roboto;
    font-size:15px;
    border:2px solid #373b38;
    text-decoration:none
}
.btn-outline-dark:hover{
    color:#fff;
    background-color:#268aed;
    text-decoration:none;
    border:2px solid #268aed
}
.btn-outline-light{
    color:#fff;
    font-family:Roboto;
    font-size:15px;
    border:2px solid #fff;
    text-decoration:none
}
.btn-outline-light:hover{
    color:#06c;
    background-color:#fff;
    text-decoration:none
}
.fa-check{
    color:#2abf52
}
.grey-background{
    background-color:#dfe1e6
}
.contact-background{
    background-image:linear-gradient(179.4deg,#2a3e65 -27.7%,#5b7dbd 165.8%)
}
.blue-background{
    background-image:linear-gradient(to bottom,#accbee 0,#e7f0fd 100%)
}
.white-background{
    background-color:#fff
}
.contactusbutton{
    padding-top:20px;
    text-align:center
}
.card-body-services{
    background:#fff
}
.typewriters h1{
    margin:0 auto;
    overflow:hidden;
    border-right:.15em transparent;
    white-space:nowrap;
    letter-spacing:.01em;
    animation:typing 2.5s steps(26,end),blink-caret 1.75s step-end
}
.typewriters h2{
    margin:0 auto;
    font-weight:700;
    letter-spacing:.01em;
    white-space:nowrap;
    overflow:hidden;
    border-right:.15em transparent;
    -webkit-animation:typing 2s steps(26,end),blink-caret 1s step-end;
    -webkit-animation-delay:2.5s;
    -webkit-animation-fill-mode:both;
    -moz-animation:typing 2s steps(26,end),blink-caret 1s step-end;
    -moz-animation-fill-mode:both;
    -moz-animation-delay:2.5s
}
@keyframes typing{
    from{
        width:0
    }
    to{
        width:100%
    }
}
.circles{
    width:10em;
    height:10em;
    text-align:center;
    line-height:10em;
    border-radius:10em;
    background:#1e90ff;
    margin:0 1em;
    display:inline-block;
    color:#fff;
    position:relative
}
.why-choose-text{
     text-align:center;
}	

@media(max-width:767.98px){
    #Nav a{
        color:ivory;
        font-size:16px;
        font-weight:700;
        font-family:Roboto;
        text-decoration:none;
        background-color:transparent
    }
    h1{
        color:#fff;
        text-shadow:3px 3px 0 #2c2e38;
        font-family:Roboto,sans-serif;
        font-size:26px;
        font-weight:600;
        letter-spacing:.1em;
        left:0;
        right:0;
        text-align:center
    }
    h2{
        color:#fff;
        font-family:Roboto,sans-serif;
        font-size:16px;
        font-weight:600;
        left:0;
        right:0;
        text-align:center
    }
    h3{
        color:#484d54;
        font-family:Roboto,sans-serif;
        font-size:28px;
        font-weight:900;
        padding-top:10px;
        padding-bottom:10px;
        text-align:center;
    }
    h4{
        color:#484d54;
        font-family:Roboto,sans-serif;
        font-size:26px;
        font-weight:600;
        padding-top:10px;
        padding-bottom:10px;
        text-align:center;
    }
    hr{
        display:block;
        margin-top:.5em;
        margin-bottom:.5em;
        margin-left:5%;
        margin-right:5%;
        border-width:1px;
        border-color:#000
    }
    .navbar-nav>li{
        margin-top:0;
        display:inline-block;
        font-size:16px;
        vertical-align:top
    }
    .navbar-dark{
        background-color:#262626
    }
    .winimage{
        margin-bottom:20px
    }
    li{
        font-size:16px;
        font-family:Roboto;
        text-align:left;
        padding-left:0
    }
    .card-header{
        background-color:#fff;
        color:#8c8c8c;
        font-size:18px;
        font-family:Roboto,sans-serif;
        text-align:center;
        border:0;
        padding-bottom:0
    }
    .card-services{
        height:470px;
        border:0;
        width:100%
    }
 .card-services-using{
        height:300px;
        border:0;
        width:100%
    }
    .card-header-it-support{
        font-size:20px;
        padding:0;
        font-family:Roboto;
        text-align:center;
        text-color:#fff
    }
    .card-header-text{
        font-size:25px;
        font-family:Roboto,sans-serif;
        color:#3f85d4;
        font-weight:500;
        text-align:center;
        padding-top:10px
    }
    .card-it-options{
        height:780px;
        border:0;
        width:100%
    }
    .card-text{
        padding-left:0;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:none
    }
    .infrastructure-text{
        padding-left:20px;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:disc
    }
    .managed-text{
        padding-left:0;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:none
    }
    .managed-services{
        height:360px;
        border:0;
        width:100%
    }
    .consultation{
        font-family:Roboto;
        font-size:24px;
        color:#fff;
        text-align:center;
        padding-top:50px
    }
    .supportimage{
        padding-bottom:20px;
        padding-top:0
    }
    .benefit{
        font-family:Roboto,sans-serif;
        font-size:20px;
        font-weight:400;
        color:#3f85d4
    }
    .why-choose-reasons{
        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        color:#3763ad;
        margin-bottom:10px;
	text-align:center;
    }
    .card-fixed{
        height:220px;
        border:0;
        width:100%
    }
    .resolution-header{
        color:#fff;
        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        text-align:center
    }
    .resolution-text{
        color:#fff;
        font-family:Roboto,sans-serif;
        padding-left:10px;
        padding-right:10px;
        text-align:left
    }
    .infraoptions{
        margin-left:13px;
        margin-bottom:0
    }
    .small-business{
        padding-left:12px
    }
    .paysupportimage{
	padding-bottom:20px
}	
}
@media(min-width:768px) and (max-width:991.98px){
    #Nav a{
        color:ivory;
        font-size:16px;
        font-weight:700;
        font-family:Roboto;
        text-decoration:none;
        background-color:transparent
    }
    h1{
        color:#fff;
        text-shadow:2px 2px 0 #2c2e38;
        font-family:Roboto,sans-serif;
        font-size:50px;
        font-weight:700;
        letter-spacing:.1em;
        left:0;
        right:0;
        text-align:center
    }
    h2{
        color:#fff;
        font-size:25px;
        font-family:Roboto,sans-serif;
        font-weight:600;
        letter-spacing:.1em;
        left:0;
        right:0;
        text-align:center
    }
    nav>li{
        margin-top:0;
        font-size:16px;
        display:inline-block;
        vertical-align:top
    }
    h3{
        color:#484d54;
        font-family:Roboto,sans-serif;
        font-size:32px;
        font-weight:900;
        padding-top:10px;
        padding-bottom:10px;
        text-align:center;
    }
    h4{
        color:#484d54;
        font-family:Roboto,sans-serif;
        font-size:30px;
        font-weight:600;
        padding-top:10px;
        padding-bottom:10px;
        text-align:center;
    }
    .items{
        padding-left:34px;
        padding-right:16px
    }
    .pcimage{
        width:500px;
        height:500px
    }
    .winimage{
        padding-bottom:20px;
        width:100%
    }
    .navbar-dark{
        background-color:#262626
    }
    .service{
        font-family:Roboto,sans-serif;
        font-weight:900
    }
    .card-services{
        height:470px;
        border:0;
        width:100%
    }
    .card-header{
        background-color:#fff;
        color:#8c8c8c;
        font-size:18px;
        font-family:Roboto,sans-serif;
        text-align:center;
        border:0;
        padding-bottom:0
    }
    .card-header-it-support{
        font-size:20px;
        padding:0;
        font-family:Roboto;
        text-align:center;
        text-color:#fff
    }
    .card-header-text{
        font-size:30px;
        font-family:Roboto,sans-serif;
        color:#3f85d4;
        font-weight:500;
        text-align:center;
        padding-top:10px
    }
    .card-it-options{
        height:870px;
        border:0;
        width:100%
    }
    .card-text{
        padding-left:0;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:none
    }
    .infrastructure-text{
        padding-left:13px;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:disc
    }
    .infraoptions{
        margin-left:20px;
        margin-bottom:0
    }
    .managed-text{
        padding-left:0;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:none
    }
    .managed-services{
        height:260px;
        border:0;
        width:100%
    }
    .consultation{
        font-family:Roboto;
        font-size:28px;
        color:#fff;
        text-align:center;
        padding-top:70px
    }
    li{
        font-size:16px;
        font-family:Roboto;
        list-style-position:inside;
        text-align:left
    }
    .supportimage{
        padding-bottom:20px;
        padding-top:0
    }
    .paysupportimage{
        padding-bottom:30px;
        padding-top:0;
        height:400px
    }
    benefit{
        font-family:Roboto,sans-serif;
        font-size:26px;
        font-weight:400;
        color:#3f85d4
    }
    .why-choose-reasons{
        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        color:#3763ad;
        margin-bottom:10px;
	text-align:center;
    }
    .card-fixed{
        height:220px;
        border:0;
        width:100%
    }
    .resolution-header{
        color:#fff;
        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        text-align:center
    }
    .resolution-text{
        color:#fff;
        font-family:Roboto,sans-serif;
        padding-left:10px;
        padding-right:10px;
        text-align:left
    }
    .small-business{
        padding-left:0
    }
    .card-services-using{
        height:300px;
        border:0;
        width:100%
    }		
}
@media(min-width:992px) and (max-width:1199.98px){
    #Nav a{
        color:ivory;
        font-size:16px;
        font-weight:700;
        font-family:Roboto;
        text-decoration:none;
        background-color:transparent
    }
    h1{
        color:#fff;
        text-shadow:2px 2px 0 #2c2e38;
        font-family:Roboto,sans-serif;
        font-size:50px;
        font-weight:700;
        letter-spacing:.1em;
        left:0;
        right:0;
        text-align:center
    }
    h2{
        color:#fff;
        font-size:25px;
        font-family:Roboto,sans-serif;
        font-weight:600;
        letter-spacing:.1em;
        left:0;
        right:0;
        text-align:center
    }
    h3{
        color:#484d54;
        font-family:Roboto,sans-serif;
        font-size:40px;
        font-weight:900;
        padding-top:10px;
        padding-bottom:10px;
        text-align:center
    }
    h4{
        color:#484d54;
        font-family:Roboto,sans-serif;
        font-size:35px;
        font-weight:600;
        padding-top:10px;
        padding-bottom:10px;
        text-align:center
    }
    li{
        font-size:16px;
        font-family:Roboto,sans-serif;
        list-style-position:outside;
        text-align:justify
    }
    .navbar-nav>li{
        margin-top:0;
        font-size:16px;
        display:inline-block;
        vertical-align:top
    }
    .items{
        padding-left:34px;
        padding-right:16px
    }
    .pcimage{
        width:500px;
        height:500px
    }
    .navbar-dark{
        background-color:#262626
    }
    .winimage{
        padding-bottom:20px;
        width:100%
    }
    .service{
        font-family:Roboto,sans-serif;
        font-weight:900
    }
    .card-header{
        font-size:18px;
        font-family:Roboto;
        text-align:center;
        text-color:#fff
    }
    .card-services{
        height:360px;
        border:0;
        width:100%
    }
    .card-it-options{
        height:800px;
        border:0;
        width:100%
    }
    .card-header-it-support{
        font-size:20px;
        padding:0;
        font-family:Roboto;
        text-align:center;
        text-color:#fff
    }
    .card-header-text{
        font-size:30px;
        font-family:Roboto,sans-serif;
        color:#3f85d4;
        font-weight:500;
        text-align:center;
        padding-top:10px
    }
    .card-fixed{
        height:250px;
        border:0;
        width:100%
    }
    .card-text{
        padding-left:0;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:none
    }
    .card-header{
        background-color:#fff;
        color:#8c8c8c;
        font-size:22px;
        font-family:Roboto,sans-serif;
        text-align:center;
        border:0;
        padding-bottom:0
    }
    .infrastructure-text{
        padding-left:30px;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:disc
    }
    .managed-text{
        padding-left:0;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:none
    }
    .managed-services{
        height:350px;
        border:0;
        width:100%
    }
    .consultation{
        font-family:Roboto;
        font-size:28px;
        color:#fff;
        text-align:center;
        padding-top:70px
    }
    .infraoptions{
        margin-left:20px;
        margin-bottom:0
    }
    .supportimage{
        padding-bottom:20px;
        padding-top:4px;
        height:360px
    }
    .benefit{
        font-family:Roboto,sans-serif;
        font-size:26px;
        font-weight:400;
        color:#3f85d4
    }
    .why-choose-reasons{
        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        color:#3763ad;
        margin-bottom:10px;
	text-align:center;
    }
    .resolution-header{
        color:#fff;
        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        text-align:center
    }
    .resolution-text{
        color:#fff;
        font-family:Roboto,sans-serif;
        padding-left:10px
    }
    .small-business{
        padding-left:30px
    }
    .paysupportimage{
        padding-bottom:20px;
        padding-top:0;
        height:380px
    }
     .card-services-using{
        height:300px;
        border:0;
        width:100%
    }		
}
@media(min-width:1200px){
    #Nav a{
        color:#fff;
        font-size:18px;
        font-weight:700;
        font-family:Roboto;
        text-decoration:none;
        background-color:transparent
    }
    h1{
        color:#fff;
        text-shadow:2px 2px 0 #2c2e38;
        font-family:Roboto,sans-serif;
        font-size:60px;
        font-weight:600;
        letter-spacing:.1em;
        left:0;
        right:0;
        text-align:center
    }
    h2{
        color:#fff;
        font-size:30px;
        font-family:Roboto,sans-serif;
        font-weight:600;
        letter-spacing:.1em;
        left:0;
        right:0;
        text-align:center
    }
    h3{
        color:#484d54;
        font-family:Roboto,sans-serif;
        font-size:40px;
        font-weight:900;
        padding-top:10px;
        padding-bottom:10px;
        text-align:center
    }
    h4{
        color:#484d54;
        font-family:Roboto,sans-serif;
        font-size:35px;
        font-weight:600;
        padding-top:10px;
        padding-bottom:10px;
        text-align:center
    }
    li{
        font-size:16px;
        font-family:Roboto,sans-serif;
        list-style-position:outside;
        text-align:justify
    }
    .benefit{
        font-family:Roboto,sans-serif;
        font-size:26px;
        font-weight:400;
        color:#3f85d4
    }
    .winimage{
        margin-bottom:20px;
        width:100%
    }
    .contactbutton{
        margin-left:0
    }
    .card-header{
        font-size:20px;
        font-family:Roboto;
        text-align:center;
        text-color:#fff
    }
    .card-header-it-support{
        font-size:20px;
        padding:0;
        font-family:Roboto;
        text-align:center;
        text-color:#fff
    }
    .card-it-options{
        height:800px;
        border:0;
        width:100%
    }
    .card-services{
        height:360px;
        border:0;
        width:100%
    }
    .card-header-text{
        font-size:30px;
        font-family:Roboto,sans-serif;
        color:#3f85d4;
        font-weight:500;
        text-align:center;
        padding-top:10px
    }
    .card-text{
        padding-left:0;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:20px;
        padding-top:0;
        color:#000;
        list-style-type:none
    }
    .card-header{
        background-color:#fff;
        color:#8c8c8c;
        font-size:22px;
        font-family:Roboto,sans-serif;
        text-align:center;
        border:0;
        padding-bottom:0
    }
    .managed-text{
        padding-left:0;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:none
    }
    .managed-services{
        height:300px;
        border:0;
        width:100%
    }
    .card-fixed{
        height:230px;
        border:0;
        width:100%
    }
  .card-services-using{
        height:280px;
        border:0;
        width:100%
    }
    .infrastructure-text{
        padding-left:30px;
        padding-right:0;
        font-family:Roboto;
        padding-bottom:0;
        padding-top:0;
        color:#000;
        list-style-type:disc
    }
    .consultation{
        font-family:Roboto;
        font-size:32px;
        color:#fff;
        text-align:center;
        padding-top:70px
    }
    .supportimage{
        padding-top:2px
    }
    .why-choose-reasons{

        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        color:#3763ad;
        margin-bottom:10px;
	text-align:center;
    }
    .title-text{
        display:inline-block;
        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        color:#3763ad;
        margin-bottom:0px;
	padding-bottom:0px;
    }
    .infraoptions{
        margin-left:18px;
        margin-bottom:0
    }
    .resolution-header{
        color:#fff;
        font-size:20px;
        font-weight:600;
        font-family:Roboto,sans-serif;
        text-align:center
    }
    .resolution-text{
        color:#fff;
        font-family:Roboto,sans-serif;
        padding-left:10px;
        padding-right:10px;
        text-align:left
    }
    .small-business{
        padding-left:30px
    }
}