*        {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body     {
    margin-top: 8vh;
    overflow-x: hidden;
}
nav ul{padding:0px !important;}
nav ul li a{font-weight: bold; padding: 12px 24px !important;}

.grey{background:#222222;}
.lightgrey{background:#333333;}

.padd12{padding:12px 0px;}
.padd24{padding:24px 0px;}
.padd36{padding:36px 0px;}
.padd42{padding:42px 0px;}
.padd72{padding:72px 0px;}

.spacer12{padding:0px 12px;}
.spacer24{padding:0px 24px;}
.spacer42{padding:0px 42px;}
.spacer60{padding:0px 60px;}

.logo{height:42px;}

.serv{
    background: #eee;
}
#hero{
    height: 100vh;
    width: 100%;
    background-image:url(../images/bgimg.jpg);
    background-position: center;
    background-size: cover;
}
.content{
    height: 100vh;
    width: 100%;
    color: #fff;
    background: rgba(0,0,0,0.5);
}
#hero1{
    background:linear-gradient(90deg, rgba(0,0,0,0.5), #f36409, #f36409), url('../images/rental.jpeg');
    background-position: center;
    background-size: cover;
    color:#fff;
}
.content1 {
    height: 70vh;
    width: 105%;
    color: #fff;
    background:linear-gradient(rgba(0,0,0,0.5),); 
}
#herobg    {
    height: 70vh;
    width: 100%;
    background-image:url(../images/img-vpn_father-and-daughter_2000x490.jpg);
    background-position: center;
    background-size: cover;
}
.colBanner {
    padding: 5px 10px 5px 20px;
    width:80%;
    margin: auto
}
.colBg     {
   margin-top: 25%;
   padding-right: 10px;
}
.footer     {
    background: #45cc89;
    padding: 10px;
}
.footer h3   {
    padding: 10px 0;
}
footer      {
    background: #0e89ca;
    color: #fff;
}
footer p     {
    margin: 0
}
.lowFooter     {
    background: #555;
    color: #fff;
    padding: 10px 0;
}
.article     {
    width: 60%;
}
.bgSec        {
    background: #ccc;
    padding: 45px 0;
}

            /*////////////////////////////////////////////////////////////////////////////////////////////////////
                                                            Services
            ////////////////////////////////////////////////////////////////////////////////////////////////////*/
#sHero    {
    height: 50vh;
    width: 100%;
    background-image:url(../images/banner-background-guy-calling-laptop.jpg);
    background-position: center;
    background-size: cover;
}
.sContent {
    height: 50vh;
    width: 100%;
    color: #fff;
    background: rgba(0,0,0,0.5);
}
.sNum     {
    background-color: #0099ff;
    color: #fff;
    padding: 20px 0;
}
.blueBan   {
    background: #0099ff;
    margin: 25px 0 0 0;
    padding: 25px 0;
    color: #fff;
}
.banSec     {
    background-image: url(../images/banner-background-people-consulting-macbook.jpg);
    height: 50vh;
    color: #fff;
    padding: 20px
}
.colBg1     {
   margin-top: 10%;
   padding: 0 10 0 10;
}

.services{width:100% !important;}
.svr{width:80%; margin:auto; padding:42px 0px;} .svr div{display:inline-block; width:24%; text-align:center;}
.svr i{padding:24px 0px; border-bottom:2px solid #f36409;} .svr p{padding:12px 0px;}
.service ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.nb         {
    padding: 10px 0;
}
.texDec     {
    color: #ccc;
    margin-bottom: 25px;
}
            /*///////////////////////////////////////////////////////////////////////////////////////////////
                                                    About
            ///////////////////////////////////////////////////////////////////////////////////////////////*/
#aHero    {
    height: 50vh;
    width: 100%;
    background-image:url(../images/banner-background-guy-calling-laptop.jpg);
    background-position: center;
    background-size: cover;
}






        /*//////////////////////////////////////////////////////////////////////////////////////////////////////////
                                                        contact
        /////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#cHero    {
    height: 50vh;
    width: 100%;
    background-image:url(../images/banner-background-guy-calling-laptop.jpg);
    background-position: center;
    background-size: cover;
}
.p p     {
    color: #999;
}







        /*/////////////////////////////////////////////////////////////////////////////////////////////////////////
                                            Tours
        ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#tHero    {
    height: 50vh;
    width: 100%;
    background-image:url(../images/banner-background-guy-calling-laptop.jpg);
    background-position: center;
    background-size: cover;
}


/* =========== CUTOM CSS ===========*/

/*===== PADDING =======*/
.padd24{padding:24px 0px;}
.padd42{padding:42px 0px;}


/*===== LINKS & BUTTONS ===========*/
.link1{text-decoration:none !important; color:#fff !important; transition:0.32s;} .link1:hover{border-bottom:2px solid #fff;}