@import url('Ubuntu.html');
body{
    font-family: Arial, Helvetica, sans-serif;
    /*font-size:12px;
    */
    margin:0px;
    padding:0px;
    background-color:#022744;
}
#content{
    width:95%;
    background-image:url(../images/pattern-bg.png);
    background-repeat:no-repeat;
    background-position: top left;
    background-color:#FFF;
    border-radius:10px;
    margin:auto;
    margin-top:3%;
}
.wrap {
    list-style:none;
    margin: 0;
    padding: 0;
}
.item {
    padding: 5px;
    width: 100%;
    margin: 2px;
}
.flex {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}
#tnc{
    font-size:12px;
     padding:5px;
    text-align:justify;
    color:#000;
}
#k{
    margin-top:5px;
}
#btmnav{
    text-align:center;
    margin-top:10px;
    margin-bottom:50px;
    font-size:11px;
    color:#9a9ea0;
    padding:5px 0px 25px 0px;
}
#btmnav a{
    text-decoration:underline;
    color:#9a9ea0;
}
#btmnav a:hover{
    text-decoration:none;
}
#btn-continue{
    border:3px solid #707070;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:25px;
     padding: 10px 10px 10px 10px;
     text-decoration:none;
     display:inline-block;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
     color: #050505;
    background-color: #8BD259;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#8BD259), to(#2DB842));
    background-image: -webkit-linear-gradient(top, #8BD259, #2DB842);
    background-image: -moz-linear-gradient(top, #8BD259, #2DB842);
    background-image: -ms-linear-gradient(top, #8BD259, #2DB842);
    background-image: -o-linear-gradient(top, #8BD259, #2DB842);
    background-image: linear-gradient(to bottom, #8BD259, #2DB842);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8BD259, endColorstr=#2DB842);
}
.srvcs{
    color:#0095ad;
    font-size:54px;
    font-weight:bolder;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #d5d8d8;
}
#kImg2{
    display:none
}
@media (min-width: 1281px) {
    .item {
        padding: 5px;
        width: 48.5%;
        margin-top:5px;
    }
    #kImg{
        display:none;
    }
    #kImg2{
        display:block;
    }
    .iconLogo{
        height:auto !important;
        max-width:210px !important;
        width: 100% !important;
        position:absolute !important;
        position: relative;
         right: 20%;
         top: 3.5%;
    }
    #kImg{
        display:none;
    }
    #kImg2{
        display:block;
    }
    .iconLogo{
        height:auto !important;
        max-width:250px !important;
        width: 100% !important;
        position:absolute !important;
        position: relative;
         right: 30%;
         top: 3%;
    }
    #cl1, #k{
        width:50%;
        margin-bottom:10px;
        font-weight:bold;
    }
    #content{
        margin-top:4.3%;
    }
     #cl2{
        width:100%;
    }
    .srvcs{
        font-size:90px;
        font-weight:bolder;
        right:20%;
    }
}
@media (min-width: 1025px) and (max-width: 1280px) {
    .item {
        padding: 5px;
        width: 48.5%;
        margin-top:5px;
    }
    .iconLogo2{
        height:auto !important;
        max-width:150px !important;
        width: 100% !important;
    }
     #kImg{
        display:none;
    }
    #kImg2{
        display:block;
    }
    .iconLogo{
        height:auto !important;
        max-width:250px !important;
        width: 100% !important;
        position:absolute !important;
        position: relative;
         right: 28%;
         top: 1.8%;
    }
    #cl1, #k{
        width:50%;
        margin-bottom:5px;
        font-weight:bold;
    }
    #content{
        margin-top:4.3%;
    }
     #cl2{
        width:100%;
    }
    .srvcs{
        font-size:80px;
        right:20%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    #kImg{
        display:none;
    }
    #kImg2{
        display:block;
    }
    .iconLogo{
        height:auto !important;
        max-width:210px !important;
        width: 100% !important;
        position:absolute !important;
        position: relative;
         right: 15%;
         top: 3.5%;
    }
    #cl1, #k{
        width:70%;
    }
    #content{
        margin-top:10%;
    }
     #cl2{
        width:100%;
    }
    .item {
        padding: 5px;
        width: 47.5%;
        margin-top:5px;
    }
    #scnd{
        margin-top:30px;
        font-size:15px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .item {
        padding: 5px;
        width: 48%;
        margin-top:5px;
    }
    .iconLogo1{
        height:auto !important;
        max-width:350px !important;
        width: 100% !important;
    }
    .iconLogo2{
        height:auto !important;
        max-width:100px !important;
        width: 100% !important;
    }
    #scnd{
        margin-top:0px;
        font-size:15px;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    .item {
        padding: 5px;
        width: 100%;
    }
}
    @media (min-width: 320px) and (max-width: 480px) {
        .item {
            padding: 5px;
            width: 100%;
        }
    }
    .footer_terms {
        width: 90%;
        margin: 10px auto;
        text-align: center;
    }
    .footer_terms > a {
        font-size: 10px;
        text-decoration: underline;
        color: #000;
    }

    .footer_terms > a:link {color: #000;}      /* unvisited link */
    .footer_terms > a:visited {color: #000;}   /* visited link */
    .footer_terms > a:hover {color: #000;}     /* mouse over link */
    .footer_terms > a:active {color: #000;}