body{
	font-family: Roboto,sans-serif;
}
.subheading{color:#000}.font-weight-bold{color:#1e90ff}.d-md-block{color:#fff}.custombtn{font-size:1.54rem}.loader-wrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index:15000;background-color:#000}.cssload-loader{position:absolute;left:50%;top:50%;width:78.28px;height:78.28px;margin-left:-39.14px;margin-top:-39.14px;border-radius:100%;animation-name:cssload-loader;-o-animation-name:cssload-loader;-ms-animation-name:cssload-loader;-webkit-animation-name:cssload-loader;-moz-animation-name:cssload-loader;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-duration:2.4s;-o-animation-duration:2.4s;-ms-animation-duration:2.4s;-webkit-animation-duration:2.4s;-moz-animation-duration:2.4s}.cssload-loader .cssload-side{display:block;width:10px;height:33px;background-color:#F7505A;margin:3px;position:absolute;border-radius:50%;animation-duration:895ms;-o-animation-duration:895ms;-ms-animation-duration:895ms;-webkit-animation-duration:895ms;-moz-animation-duration:895ms;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:ease;-o-animation-timing-function:ease;-ms-animation-timing-function:ease;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease}.cssload-loader .cssload-side:nth-child(1),.cssload-loader .cssload-side:nth-child(5){transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);animation-name:cssload-rotate0;-o-animation-name:cssload-rotate0;-ms-animation-name:cssload-rotate0;-webkit-animation-name:cssload-rotate0;-moz-animation-name:cssload-rotate0}.cssload-loader .cssload-side:nth-child(3),.cssload-loader .cssload-side:nth-child(7){transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);animation-name:cssload-rotate90;-o-animation-name:cssload-rotate90;-ms-animation-name:cssload-rotate90;-webkit-animation-name:cssload-rotate90;-moz-animation-name:cssload-rotate90}.cssload-loader .cssload-side:nth-child(2),.cssload-loader .cssload-side:nth-child(6){transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);animation-name:cssload-rotate45;-o-animation-name:cssload-rotate45;-ms-animation-name:cssload-rotate45;-webkit-animation-name:cssload-rotate45;-moz-animation-name:cssload-rotate45}.cssload-loader .cssload-side:nth-child(4),.cssload-loader .cssload-side:nth-child(8){transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);animation-name:cssload-rotate135;-o-animation-name:cssload-rotate135;-ms-animation-name:cssload-rotate135;-webkit-animation-name:cssload-rotate135;-moz-animation-name:cssload-rotate135}.cssload-loader .cssload-side:nth-child(1){top:39.14px;left:78.28px;margin-left:-5px;margin-top:-16px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}#time-counter{font-size:5rem;color:#fff}.cssload-loader .cssload-side:nth-child(2){top:67.21px;left:67.21px;margin-left:-5px;margin-top:-16px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(3){top:78.28px;left:39.14px;margin-left:-5px;margin-top:-16px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(4){top:67.21px;left:11.07px;margin-left:-5px;margin-top:-16px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(5){top:39.14px;left:0;margin-left:-5px;margin-top:-16px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(6){top:11.07px;left:11.07px;margin-left:-5px;margin-top:-16px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(7){top:0;left:39.14px;margin-left:-5px;margin-top:-16px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(8){top:11.07px;left:67.21px;margin-left:-5px;margin-top:-16px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}@keyframes cssload-rotate0{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%,60%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@-webkit-keyframes cssload-rotate0{0%{-webkit-transform:rotate(0)}100%,60%{-webkit-transform:rotate(180deg)}}@keyframes cssload-rotate90{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}100%,60%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes cssload-rotate90{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}100%,60%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes cssload-rotate45{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%,60%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}}@-webkit-keyframes cssload-rotate45{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%,60%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}}@keyframes cssload-rotate135{0%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%,60%{-webkit-transform:rotate(315deg);transform:rotate(315deg)}}@-webkit-keyframes cssload-rotate135{0%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%,60%{-webkit-transform:rotate(315deg);transform:rotate(315deg)}}@keyframes cssload-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes cssload-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cssload-side{background:gold!important}
.terms_and_conditionclass, .privacy_policyclass, .Registerclass, .homeclass, .forgotclass, .applyclass, .jobsclass, .jobclass, .Profileclass, .advertiseclass, .contactclass, .aboutusclass, .Compareclass, .loginclass, .networkpriceclass, .Networkclass, .registerpublishersclass, .Publisherclass, .registernetworkclass {
    width: 100%;
    cursor: default;
    float: left;
    margin: 50px 0;
}
input.widthkam {
    width: 100px !important;
    float: right !important;
    margin-top: !important;
    margin-bottom: 22px;
}
a.forgotpasacnhor {
    float: right;
    position: absolute;
    width: 127px;
    right: 21px;
    bottom: 30px;
    font-size: 14px;
}
h2.aboutheading {
    font-size: 20px;
    margin-top: 0;
}
img.sidebarimg.img-thumbnail {
    width: 100%;
    padding: 10px;
    border: 1px solid #5170ff;
    margin-bottom: 15px;
}
.col6 {
    width: 50%;
    float: left;
}
.givmargin {
    padding: 0 10px;
}
h4.sidebartitle {
    border-color: skyblue;
    margin: 10px 0 20px !important;
}
.givmargin .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}
input#nletter {
    width: 85%;
    height: 40px;
}
.givmargin button.btn.btn-submit.waves-effect.waves-button {
    border: 0;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    height: 40px;
    padding: 0 15px;
    /* margin-left: 10px; */
    float: right;
}
.givmargin .newsletter {
    border-radius: 2px;
    width: 100%;
    float: left;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    padding: 20px;
}
img.netmonthimg.img-thumbnail {
    padding: 10px;
    margin: 20px 0px;
	border: 1px solid #5170ff;
}
.jobclass a.apply {
    width: 100px;
    text-align: center;
    padding: 4%;
    float: right;
    background: #1a4b9b;
    color: white;
    margin-top: 10px;
}
.searchclass {
    float: left;
    width: 100%;
    margin-top: 61px;
    text-align: center;
    background: url(https://akkigroup.com/affpub/assets/images/search-back.jpg);
}
.searchclass select#searchdrop {
    height: 40px;
    border-radius: 10px;
    color: #5170ff;
}
.searchclass .serachfilter {
    width: 100%;
    float: left;
    margin: 30px 0;
}
ul.catlist li a {
    width: 100%;
    float: left;
    padding: 6px 20px;
    border-radius: 25px;
	color: white; 
}
li.fourth {
    background: #44e048;
}
li.fifth {
    background: blue;
}
li.eleventh {
    background: #849214;
}
li.twelvth {
    background: #dcd1d1;
}
li.thirteenth {
    background: #11eac2;
}
li.forteenth {
    background: #2f2a2a;
}
li.first {
    background: orange;
}
li.sixth {
    background: #9c27b0;
}
li.seventh {
    background: grey;
}
li.eighth {
    background: red;
}
li.nineth {
    background: #ff5722;
}
li.tenth {
    background: #e91e63;
}
li.second {
    background: #6f6fec;
}
li.third {
    background: #cddc39;
}
span.text {
    font-size: 16px;
    float: left;
}
span.number {
    float: right;
    font-size: 16px;
}
ul.catlist {
    margin: 0;
    float: left;
    padding: 20px;
    box-shadow: 0 1px 4px rgba(81, 112, 255, 0.28);
    border: 1px solid #5170ff45;
    border-radius: 4px;
}
ul.catlist li {
    width: 100%;
    float: left;
    list-style-type: none;
    border-radius: 25px;
    margin-bottom: 6px;
}
.Publisherclass .publishinfo img, .Networkclass .networkinfo img {
    float: left;
    width: 100%;
    height: 125px;
    margin-bottom: 0;
    object-fit: cover;
}
.jobsclass .onejob {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.row.onejob .col-md-3, .row.onejob .col-md-7, .row.onejob .col-md-2 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.jobsclass .onejob a.apply {
    float: left;
    height: 41px;
    width: 94px;
    background: #1a4b9b;
    margin: 50px 0px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    font: 400 15px/40px Roboto,sans-serif;
    text-transform: Capitalize;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    display: inline-block;
}
.jobsclass .onejob img.forjoblogo {
    max-width: 100%;
    margin: 10px 0;
}
.onejob>[class*=col-]:nth-child(n+2):before {
    content: "";
    border-left: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.jobsclass .onejob p.jobdescription {
    border: 0;
    float: left;
    font-size: 13px;
    line-height: 22px;
    font-family: cursive;
    width: 100%;
    margin: 0;
}
.jobsclass .onejob p.joblocation {
    float: left;
    width: 100%;
    clear: both;
    font-weight: bold;
    text-transform: capitalize;
}
.jobsclass .onejob p.jobtitle {
    font-size: 18px;
    text-transform: capitalize;
    width: 100%;
    float: left;
    margin: 0;
}
.jobsclass .onejob p.siteurl {
    width: 100%;
    font-size: 15px;
    float: left;
    margin: 0;
}
.Profileclass .showanchor {
    float: left;
    border: none;
    color: #8080f5;
    background: none;
    padding: 0;
    margin: 0;
}
.profilemenu a {
    padding: 10px 5px;
    width: 100%;
    float: left;
    background: #19b2f1;
    color: white;
    text-align: center;
    text-decoration: none;
}
.profilemenu a:hover {
    background: #1a4b9b;
}
.profilemenu {
    padding: 32px 0;
    float: left;
    width: 100%;
    height: 100px;
    text-align: center;
    background: url(https://akkigroup.com/affpub/assets/images/search-back.jpg);
}
.profilemenu .nopadding {
    margin: 0;
    padding: 0 4px;
}
.Profileclass {
    margin-bottom: 5%;
}
.Profileclass  .nolabel label {
    font-weight: normal;
}
img.networkicon {
    float: left;
    max-width: 100%;
    border: 1px solid #5170ff;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
p.slidernetworkname {
    float: left;
    width: 100%;
    position: absolute;
    height: auto;
    background: #5170ff;
    color: white;
    text-align: center;
    bottom: 0px;
    font-size: 13px;
    text-transform: capitalize;
    padding: 10px 0;
    vertical-align: middle;
}
img.slidernetworkicon {
    width: 100%;
    height: 150px;
    object-fit: contain;
    border: 1px solid #000;
}
.cp-thumb:hover img {
    opacity: .7;
    transform: scale(1.02);
}
p.des {
    border: 0;
    float: left;
    font-size: 13px;
    line-height: 22px;
    font-family: cursive;
    margin-top: 10px;
}
p.networkname {
    float: left;
    color: #119dd6;
    margin: 10px 0;
    padding: 0;
    font: 500 16px/22px Roboto,sans-serif;
    text-transform: capitalize;
}
.formargin {
    padding: 15px;
    margin-bottom: 2%;
    box-shadow: 0 1px 4px rgba(81, 112, 255, 0.28);
    float: left;
    width: 100%;
}
.cp-thumb {
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    width: 100%;
    float: left;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}
.Profileclass .networkimgdiv img {
    height: 300px;
    width: 300px;
}
.Profileclass  h4.pagetitle {
    margin-bottom: 20px;
}
.Profileclass  a.edit {
    float: left;
    font-size: 16px;
    background: #1a4b9b;
    color: white;
    padding: 5px 10px;
}
.Networkclass a.singlelinks {
    margin: 20px 20px 10px 0;
    float: left;
    height: 33px;
    width: 94px;
    background: #1a4b9b;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    font: 400 15px/33px Roboto,sans-serif;
    text-transform: Capitalize;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    display: inline-block;
}
.Publisherclass .publishinfo, .Networkclass .networkinfo {
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid black;
    margin-bottom: 10px;
}
form#contactform {
    width: 100%;
    margin: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    padding: 80px 30px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    display: table;
}
form#contactform .input-container {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 10px 0;
    list-style: none;
    margin-bottom: 20px;
    clear: both;
    width: 100%;
    float: left;
    position: relative;
    display: table;
    border-collapse: separate;
}
form#contactform .input-container .fa {
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    display: table-cell;
    border-radius: 4px;
    background: 0 0;
    border: 0;
    border-right: 1px solid #222!important;
    padding: 0;
    text-align: center;
    width: 45px;
    color: #222;
    font-size: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
form#contactform input[disabled] {
    cursor: no-drop;
    background: unset;
}
form#changeform {
    width: 100%;
    margin: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    padding: 80px 30px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    display: table;
}
form#changeform .form-control {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 10px 10px;
    list-style: none;
    margin-bottom: 20px;
    clear: both;
    width: 100%;
    float: left;
    position: relative;
    display: table;
    border-collapse: separate;
    height: unset;
}
/* .slide {
    width: 100%;
    float: left;
} */
.loadmore {
    background: #1a4b9b;
    color: white;
    border: none;
    padding: 1%;
}
.fullwidth {
    text-align: center;
    width: 100%;
    float: left;
  
}
.loadmore  span.badge {
    background: none;
}
.networkshorizontal {
    width: 100%;
    float: left;
    margin: 3% 0;
}
.Publisherclass .publisherall,.Networkclass .networksall  {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.singleuser .userimgdiv {
    width: 100%;
    float: left;
}
.singleuser .userimgdiv img {
    float: left;
    width: 100%;
    height: 400px;
}
.Publisherclass.singleuser {
    margin: 5% 0;
}
.singleuser span.nameapna {
    width: 100%;
    font-size: 26px;
    color: #099cd8;
    text-transform: capitalize;
    margin: 1% 0;
    float: left;
}
.singleuser p.subheading {
    color: black;
    font-weight: bold;
    float: left;
    width: 100%;
    margin: 0;
}
.singleuser .odd {
    background: #f2f2f2;
    padding: 9px 0;
    border-top: 1px solid #ddd;
}
.odd {
    background: #f2f2f2;
    padding: 1%;
}
.singleuser .even {
    padding: 9px 0;
    border-top: 1px solid #ddd;
}
.tab-content h4.pagetitle {
    font-size: 22px;
    padding-left: 6px;
    font: 700 18px/40px Roboto,sans-serif;
    margin: 0 10px 0 0;
    float: left;
    border-left: 5px solid #000;
    border-right: 1px solid #000;
    border-color: #1a4b9b;
    padding: 0 10px;
    text-transform: capitalize;
    margin-bottom: 25px;
    margin-top: 50px;
}
div#Reviews {
    float: left;
    width: 100%;
}
.even {
    padding: 1%;
}
.Description {
    position: relative;
    margin: 20px 0;
    float: left;
}
.Description-thumb {
    width: 8%;
    float: left;
    position: relative;
    z-index: 99;
    top: 30px;
    left: 0;
}
.Description-thumb img {
    width: 98px;
    height: 98px;
    border-radius: 100%;
}
.Publisherclass span.Description-cont, .Networkclass span.Description-cont {
    width: 92%;
    float: right;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    padding: 27px 30px 20px 55px;
    border-radius: 2px;
    position: relative;
    z-index: 8;
    margin: 0;
}
.Description-cont p {
    line-height: 24px;
}
.Description-cont h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}
.logo_div {
    height: 250px;
    text-align: center;
    background: #bdbcbc;
}
.imgdiv img {
    width: 100%;
    height: 250px;
}
.singleuser span.other {
    font-size: 15px;
    float: left;
    width: 100%;
    word-break: break-word;
}
.usernameinfo {
    float: left;
    width: 100%;
    position: relative;
    height: 50px;
    background: black;
    color: white;
    text-align: center;
    bottom: 0;
    font-size: 12px;
    text-transform: capitalize;
    padding: 9px 0;
    vertical-align: middle;
}
.usernameinfo a {
    color: #fff;
    float: left;
    margin-left: 10px;
}
ul.popular {
    list-style-type: none;
    width: 100%;
    float: left;
    padding: 0;
    height: auto !important;
}
ul.popular .infodiv a {
    font-size: 20px;
}
ul.popular .Rating .fa {
    padding: 4%;
}
ul.popular .Rating {
    width: 100%;
    float: left;
    text-align: center;
    color: gray;
}
ul.popular .infodiv {
    width: 70%;
    float: right;
    padding: 0 4%;
}
ul.popular .news-item {
    margin: 0px;
    float: left;
    padding: 10px 0;
    border-bottom: 1px dotted #5170ff;
}
ul.popular .fulldiv {
    width: 100%;
    float: left;
    clear: both;
    padding: 2% 0;
}
ul.popular .logodiv {
    width: 30%;
    float: left;
    height: 100px;
}
ul.popular  img.networkicon {
    height: 100px;
    float: left;
}
.Networkclass .join a {
    color: white;
}
.Networkclass .filter {
    padding: 6% 0;
    background: #eee;
    margin-bottom: 14px;
    clear: both;
}
.Networkclass.onchngeajax {
    text-align: center;
    float: left;
    color: #055805;
}
.Networkclass.nopad {
    padding: 0 4px;
    text-align: center;
}
.Networkclass a.achorjoin, .homeclass a.achorjoin, .advertiseclass a.achorjoin {
    float: right;
    background: #5170ff;
    width: 120px;
    height: 41px;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    font: 400 15px/40px Roboto,sans-serif;
    text-transform: Capitalize;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    display: inline-block;
}
.Networkclass .join {
    float: left;
    width: 100%;
    position: relative;
    bottom: 0;
    height: 20px;
    background: #e91640;
    color: white;
    font-size: 16px;
    text-transform: capitalize;
    text-align: right;
}
.registerpublishersclass label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    clear: both;
    float: left;
    width: 100%;
}
.singleuser  div#Reviews .registermenutag {
    width: 200px;
    margin: 20px;
}
.registerpublishersclass  .form-control {
    border-radius: unset;
    height: 40px;
}
.registerpublishersclass form#registerpublisherform {
    margin: 4% 0;
}
.registerpublishersclass .error {
    color: red;
    font-size: 11px;
    width: 100%;
    float: left;
}
.givenrate {
    width: 100%;
    padding: 2%;
    float: left;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
}
.review-author img {
    border-radius: 50%;
}
.Networkclass  a.sociallink {
    padding: 2%;
}

h4.revieheading {
    float: left;
    color: black;
    border-bottom: 1px solid gray;
    width: 100%;
    text-align: left;
}
span.byname {
    width: 100%;
    float: left;
    text-transform: capitalize;
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
}
span.bydate {
    float: left;
    width: 100%;
}
.bydate .date {
    float: left;
    margin-right: 40px;
	font-size: 14px;
    padding: 0;
    color: #888;
    margin-bottom: 13px;
}
.reviedes {
    color: #141414;
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 21px;
    text-align: left;
    text-indent: 0;
    text-transform: none;
    white-space: normal;
    widows: 1;
    word-spacing: 0;
    -webkit-text-stroke-width: 0;
    display: inline!important;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.byinfo {
    width: 100%;
    float: left;
}
.successget {
    text-align: center;
    width: 100%;
    float: left;
    font-size: 20px;
    margin: 1% 0;
    color: green;
    border-bottom: 1px solid;
    border-top: 1px solid;
}
.failtureget {
    text-align: center;
    width: 100%;
    float: left;
    font-size: 20px;
    margin: 1% 0;
    color: red;
    border-bottom: 1px solid;
    border-top: 1px solid;
}
.iconbar {
    float: left;
    width: 100%;
    padding: 15px 0 21px;
}
.logo {
    float: left;
    width: 90%;
    padding: 5px 0;
}
a.registermenutag {
    clear: both;
    width: 150px;
    background: #1a4b9b;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    color: #fff;
    background-color: #337ab7;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
}
a.logimage ,a.advertizegif {
    width: auto;
    float: left;
    text-align: left;
}
a.logimage img, a.advertizegif img {
    max-width: 100%;
    float: left;
    padding: 0;
}
h4.pagetitle {
    font-size: 22px;
    padding-left: 6px;
    font: 700 18px/40px Roboto,sans-serif;
    margin: 0 10px 0 0;
    float: left;
    border-left: 5px solid #000;
    border-right: 1px solid #000;
    border-color: #5170ff;
    padding: 0 10px;
    text-transform: capitalize;
    margin-bottom: 25px;
}
form#loginform {
    width: 100%;
    margin: 0;
    box-shadow: 0 1px 4px rgb(81, 112, 255);
    padding: 80px 30px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    display: table;
    z-index: 1;
}
form#forgetform {
    width: 100%;
    margin: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    padding: 80px 30px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    display: table;
}
.user-pic {
    background: #fff;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    box-shadow: 0 1px 4px rgb(81, 112, 255);
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -55px;
    z-index: 2;
}
.user-pic img {
    width: 100%;
    height: auto;
    border: 5px solid #fff;
    border-radius: 100%;
}
/* form#loginform {
    float: left;
    width: 100%;
    padding: 5%;
    border: 1px solid #e0d9d9;
    border-radius: 4px;
    box-shadow: 1px 2px 3px;
    margin: 5% 0;
} */
form#loginform .input-field {
    width: 100%;
    outline: none;
    border: 0;
    box-shadow: none;
    padding: 0 0 0 15px;
    height: 21px;
    line-height: 21px;
    font-size: 14px;
}
form#forgetform .input-field {
    width: 100%;
    outline: none;
    border: 0;
    box-shadow: none;
    padding: 0 0 0 15px;
    height: 21px;
    line-height: 21px;
    font-size: 14px;
}
form#loginform .input-container {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 10px 0;
    list-style: none;
    margin-bottom: 20px;
    clear: both;
    width: 100%;
    float: left;
    position: relative;
    display: table;
    border-collapse: separate;
}
form#forgetform .input-container {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 10px 0;
    list-style: none;
    margin-bottom: 20px;
    clear: both;
    width: 100%;
    float: left;
    position: relative;
    display: table;
    border-collapse: separate;
}
form#loginform .input-container .fa {
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    display: table-cell;
    border-radius: 4px;
    background: 0 0;
    border: 0;
    border-right: 1px solid #222!important;
    padding: 0;
    text-align: center;
    width: 45px;
    color: #222;
    font-size: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
form#forgetform .input-container .fa {
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1;
    display: table-cell;
    border-radius: 4px;
    background: 0 0;
    border: 0;
    border-right: 1px solid #222!important;
    padding: 0;
    text-align: center;
    width: 45px;
    color: #222;
    font-size: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
form#loginform .form-control {
    height: 50px;
    border-radius: unset;
    font-size: 16px;
}
form#forgetform .form-control {
    height: 50px;
    border-radius: unset;
    font-size: 16px;
}
form#loginform  .form-group  label {
    color: #5d5050;
    font-size: 16px;
}
form#loginform .form-group {
    width: 100%;
    padding: 9px;
}
.networkimgdiv img {
    float: left;
    width: 100%;
}
.networkimgdiv {
    float: left;
    width: 100%;
}
.singleuser .networkimgdiv {
    margin-bottom: 20px;
}
.singleuser span.networkname {
    width: 100%;
    font-size: 24px;
}
.forlessmargin .starbox {
    float: left;
    font-size: 15px;
    margin: 6px 0 10px;
}
.Networkclass.singleuser {
    margin: 4% 0;
}
.Networkclass span.Description {
    width: 90%;
    float: left;
    margin: 0 5%;
    text-align: justify;
    font-size: 16px;
}
.aboutusclass h6.aboutheading {
    width: 100%;
    padding: 22px;
    float: left;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.aboutusclass p.abouttext {
    margin: 0 0 10px;
    color: #444;
    font-size: 14px;
    font-family: Roboto,sans-serif;
}

.registernetworkclass form#registernetworkform {
    margin: 20px 0;
    float: left;
    width: 100%;
}

ul.main-menu {
    float: left;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 999;
    font-size: 14px;
    display: block;
    max-width: 1280px;
    min-height: 40px;
    width: 100%;
    font-family: Roboto,sans-serif;
    min-width: 180px;
}

ul.main-menu li {
    float: left;
    min-height: 40px;
    line-height: 40px;
    list-style-type: none;
    text-decoration: none;
    color: #222;
    border-right: 1px solid #66f;
}
.moremenu {
    float: left;
    width: 100%;
    border-top: 1px solid #66f;
    box-shadow: 0 1px 2px 0 rgba(102, 102, 255, 0.24);
    z-index: 999;
}
ul.main-menu li a {
    float: left;
    line-height: 40px;
    color: #5170ff;
    text-align: center;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 400;
}
.topmenu {
    width: 100%;
    float: left;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: flex;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -o-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
				background-color: #1C2331;
    box-shadow: 0 0 0 0 rgba(0,0,0,.16), 0 0 0 0 rgba(0,0,0,.12);
}
.darkHeader{
background-color: #1C2331 !important;
}
ul.topmenubar li {
    line-height: 38px;
    list-style: none;
    padding: 0 9px 0 0;
    display: inline-block;
    color: #fff;
}

ul.topmenubar li a {
    width: 100%;
    margin: 0;
    padding: 8px;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: 0 0;
    color: inherit;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
}
ul.topmenubar {
    float: left;
    width: 100%;
    margin: 12px 0 0 0;
    padding: 0;
}
ul.toprightmenubar {
    float: right;
    width: auto;
    margin: 9px 0 0 0;
    padding: 0;
}
ul.toprightmenubar li {
    font-size: 16px;
    display: inline-block;
    color: #fff;
    border: 1px solid #dee2e6!important;
    border-radius: 0.25rem;
}
ul.toprightmenubar li a {
    color: #fff;
    line-height: 40px;
    padding: 13px 20px;
}
ul.toprightmenubar li a:hover, ul.toprightmenubar li a:focus{
	text-decoration:none;
	color: #23527c;
}
ul.main-menu li:hover a {
    background: #5170ff;
    color: white;
}
#response{display: none}
div #fb, div #gp, div #tw{display: inline-block;}
#fb{width: 180px;}
#gp{width:  100px;}
#tw{width: 180px;}





@import url(https://fonts.googleapis.com/css?family=Roboto:500,100,300,700,400);

.cont {
    padding: 4%;
    width: 100%;
    text-align: center;
    color: #EEE;
    border-radius: 5px;
    overflow: hidden;
}

hr{
  margin: 20px;
  border: none;
  border-bottom: thin solid rgba(255,255,255,.1);
}

div.title{
  font-size: 2em;
}

h1 span{
  font-weight: 300;
  color: #Fd4;
}
div.stars {
    width: 100%;
    float: left;
}
label.review {
    text-align: left;
    display: block;
    color: black;
    opacity: .7;
    font-size: 16px;
    margin: 1%;
}
.postreview {
    float: right;
    border: none;
    box-shadow: none;
    background: #1a4b9b;
    color: white;
    font-size: 16px;
    padding: 0;
    height: 41px;
    width: 120px;
}
input.star{
  display: none;
}

label.star {
  float: right;
  padding: 10px;
  font-size: 36px;
  color: #444;
  transition: all .2s;
}

input.star:checked ~ label.star:before {
  content:'\f005';
  color: #FD4;
  transition: all .25s;
}


input.star-5:checked ~ label.star:before {
  color:#FE7;
  text-shadow: 0 0 20px #952;
}

input.star-1:checked ~ label.star:before {
  color: #F62;
}

label.star:hover{
  transform: rotate(-15deg) scale(1.3);
}

label.star:before{
  content:'\f006';
  font-family: FontAwesome;
}

.rev-box{
  overflow: hidden;
  height: 0;
  width: 100%;
  transition: all .25s;
}

textarea.review{
  background: #222;
  border: none;
  width: 100%;
  max-width: 100%;
  height: 100px;
  padding: 10px;
  box-sizing: border-box;
  color: #EEE;
}

label.review{
  display: block;
  transition:opacity .25s;
}



input.star:checked ~ .rev-box{
  height: 125px;
  overflow: visible;
}



.networkpriceclass .forback {
    float: left;
    width: 100%;
    background: url(/affpub/assets/images/background.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0;
}

.networkpriceclass .maindiv {
    width: 100%;
    float: left;
    margin: 0%;
}
.networkpriceclass .grid {
    margin: auto;
    width: 100%;
    padding: 13px;
    color: white;
    text-align: center;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    background: #000;
}
.networkpriceclass   .grid.basic {
    background: rgba(253,92,99,.69);
}
.networkpriceclass  .grid.monthly {
    background: rgba(0,121,193,.69);  
}
.networkpriceclass  .grid.yearly {
    background: rgba(73,169,66,.69);
}
.networkpriceclass  h2.modulehead {
    font-size: 2em;
    color: #00ffba;
    padding: 10px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.networkpriceclass span.pricetag {
    padding: .2em 0;
    font-size: 3em;
    color: #fff;
}
.networkpriceclass span.permission {
    color: #fff;
    padding: 10px 1px;
    line-height: 1px;
    font-size: 15px;
    text-align: left !important;
    width: 100%;
    float: left;
    margin: 4%;
}
.networkpriceclass span.permissiontag {
    float: left;
    width: 100%;
    margin: 4%;
    padding: 10px 1px;
}
.networkpriceclass  .itstrue {
    color: #7aff4e;
    font-size: 16px;
}
.networkpriceclass  .itsfalse {
    font-size: 16px;
    color: #f35259;
}
.networkpriceclass  .grid:hover {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    z-index: 1;
}
.networkpriceclass  a.signup {
    font-size: .9em;
    color: red;
    display: inline-block;
    padding: .7em 1em;
    letter-spacing: 1px;
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}

.networkpriceclass  a.signup:hover {
    background: #f93c3c;
    color: #fff;
}


.registernetworkclass .nolabel label {
    font-weight: normal;
}

.contactclass .input-container {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    color: #888;
}
.contactclass .input-container a{
	color: #888;
}
footer .input-container a {
    color: #5170ff;
}
p.Foottext {
    color: #5170ff;
    font: 400 14px/24px Roboto,sans-serif;
    text-align: justify;
    margin-top: 15px;
}
.input-field {
    width: 91%;
    outline: none;
    border: 0;
    height: 21px;
    padding: 0 15px;
    font-size: 14px;
}
.contactclass form i.fa {
    float: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #888;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    width: 41px;
    border-right: 1px solid #ccc!important;
    height: 21px;
    padding: 0;
    vertical-align: top;
    line-height: 21px;
}

.btn {
    background-color: #5170ff;
    cursor: pointer;
    border: 0;
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    float: right;
    margin-top: 30px;
    height: 41px;
    line-height: 41px;
    padding: 0 25px;
    text-transform: capitalize;
}
.mainfooter {
    clear: both;
    background: #222;
    width: 100%;
    float: left;
}
footer.sitefooter {
    float: left;
    width: 100%;
    background: #000300;
    padding: 48px 0 50px;
}
footer .input-container {
    width: 100%;
    float: left;
    border-bottom: 1px solid #5170ff;
    padding-bottom: 17px;
    margin-bottom: 14px;
    color: #5170ff;
}
.widget h4 {
    margin: 0 0 10px;
    padding: 0;
    font: 700 18px/18px Roboto,sans-serif;
    color: #5170ff;
    text-transform: capitalize;
}
footer.sitefooter ul.footnav li a::before {
    content: "\f105";
    font-family: FontAwesome;
    color: #5170ff;
    margin-right: 10px;
    font-size: 16px;
}
footer.sitefooter .icon {
    color: #5170ff;
    font-size: 14px;
    line-height: 24px;
    background: unset;
    border: unset;
    padding: 0;
    min-width: unset;
}
.advertiseclass span.subpara {
    float: left;
    width: 100%;
    text-align: justify;
    margin-bottom: 2%;
    font-family: cursive;
}
.advertiseclass span.red {
    width: 100%;
    float: left;
    color: red;
}
.advertiseclass span.subpara .fa {
    float: left;
    margin-top: 5px;
}
h6.subclass {
    font-size: 16px;
    margin: 4px;
    width: auto;
    float: left;
    font-weight: bold;
}
span.ratingapni {
    float: left;
    color: #ffffff;
    padding: 3px 7px;
    margin: 2px 0 0 10px;
    background: #1e90ff;
}
.post_social {
    float: left;
    width: 100%;
}
.post_social a {
    float: left;
    margin-right: 7px;
}
.post_social a:hover {
    margin-top: -2px;
}
.Networkclass .networkinfo {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    border-radius: 2px;
    border: unset;
}
.mainbtnall{
	background: #1a4b9b;
    text-align: center;
    border-radius: 2px;
    color: #fff;
    font: 400 15px/33px Roboto,sans-serif;
    text-transform: Capitalize;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    display: inline-block;
}
.Networkclass.singleuser .networkinfo {
    width: 100%;
    float: left;
    margin-bottom: 0;
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,.23);
    border-radius: 2px;
    border: unset;
}
.forlessmargin {
    margin-bottom: 10px;
}
footer.sitefooter ul.footnav {
    float: left;
    width: 100%;
    list-style-type: none;
    text-align: left;
    padding: 0;
}
footer.sitefooter ul.footnav li {
    float: left;
    width: 100%;
    margin-bottom: 4px;
}
footer.sitefooter ul.footnav li a {
    padding: 0;
    width: 100%;
    font: 500 14px/1px Roboto,sans-serif;
    margin: 0;
    color: #5170ff;
}
footer.sitefooter ul.footnav li a:hover{
	text-decoration:none;
}
footer.sitefooter ul.footnav li i.fa {
    font-weight: normal;
    font-size: 12px;
    padding-right: 5px;
}
.footer-social {
    background: #5170ff;
    padding: 10px 0;
    width: 100%;
    float: left;
}
ul.footer-social-right {
    padding: 13px 0;
    margin: 0;
    text-align: right;
}
ul.footer-social-right li {
    list-style: none;
    display: inline-block;
    margin-left: 7px;
}
.footer-social ul li a {
    width: 44px;
    height: 44px;
    border: 1px solid #1a1a1a;
    text-align: center;
    line-height: 40px;
    border-radius: 100%;
    display: block;
    font-size: 20px;
    color: #1a1a1a;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
.footer-social ul li a:hover {
    color: #fff;
    border-color: #fff;
}
.footer-copyright {
    width: 100%;
    float: left;
    padding: 20px 0;
    background-color: rgba(0,0,0,.2);
    font-size: 14px;
    color: rgba(255,255,255,.6);
}
.mobile_logo {
    display: none;
}
.on_mobile_menu {
    display: none;
}
.jssorb03{
	position:absolute
}
.jssorb03 div,.jssorb03 div:hover,.jssorb03 .av{
	position:absolute;
	width:21px;
	height:21px;
	text-align:center;
	line-height:21px;
	color:#fff;
	font-size:12px;
	background:url('../images/b03.png') no-repeat;
	overflow:hidden;
	cursor:pointer 
	}
	.jssorb03 div{
		background-position:-5px -4px
	}
	.jssorb03 div:hover,.jssorb03 .av:hover{
		background-position:-35px -4px
	}
	.jssorb03 .av{
		background-position:-65px -4px
	}
	.jssorb03 .dn,.jssorb03 .dn:hover{
		background-position:-95px -4px
	}
	.jssora03l,.jssora03r{
		display:block;
		position:absolute;
		width:55px;
		height:55px;
		cursor:pointer;
		background:url('../images/a03.png') no-repeat;overflow:hidden
	}
	.jssora03l{
		background-position:-3px -33px
	}
	.jssora03r{
		background-position:-63px -33px
	}
	.jssora03l:hover{
		background-position:-123px -33px
	}
	.jssora03r:hover{
		background-position:-183px -33px
	}
	.jssora03l.jssora03ldn{
		background-position:-243px -33px
	}
	.jssora03r.jssora03rdn{
		background-position:-303px -33px
	}
	.jssora03l.jssora03lds{
		background-position:-3px -33px;
		opacity:.3;
		pointer-events:none
	}
	.jssora03r.jssora03rds{
		background-position:-63px -33px;
		opacity:.3;
		pointer-events:none
	}
	.networkinfo-cont {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

footer.page-footer {
    margin-top: 1.5rem!important;
    text-align: center!important;
    font-size: .9rem;
    background-color: #1C2331 !important;
    bottom: 0;
    color: #fff;
    float: left;
    width: 100%;
}
.page-footer h3 {
    line-height: 1.2;
    font-size: 25px;
    margin-bottom: 20px;
    padding: 15px 0 0 0;
    font-weight: 700;
    color: #1e90ff;
    margin-top: 0;
}
p.text-center {
    font-family: 'IBM Plex Mono',monospace!important;
    margin: 15px 0;
    font-size: 15px;
}
.pt-4 {
    padding-top: 20px;
    float: left;
    width: 100%;
}
a.foot_btn {
    padding-top: 8px;
    padding-bottom: 8px;
    display: inline-block;
    border: 2px solid #fff!important;
    background-color: transparent!important;
    color: #fff!important;
    padding: 10px 31px;
    font-size: 14px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: .375rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    font-weight: 400;
    text-decoration: none;
}
.footer_social a {
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
}
.footer_social {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
.mr-3, .mx-3 {
    margin-right: 12px;
}

ul.site_menus {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    float: left;
}
ul.site_menus >li {
    border-left: 1px solid #FBFBFB;
    border-right: 1px solid #ECE9E0;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 33px;
    margin: 0;
    margin-top: 15px;
}
ul.site_menus >li >a {
    color: #3D4548;
    padding: 11px 16px;
    line-height: 33px;
				text-decoration: none;
}
ul.site_menus >li:first-child {
    border-left: medium none;
    padding-left: 0;
    width: 20%;
    border-right: unset;
    margin-top: 0;
}
.header {
    width: 100%;
    float: left;
    position: relative;
    z-index: 999;
    background: #f1f1f1;
    height: auto;
}

header {
    background: url(https://akkigroup.com/affpub//assets/images/header-bg.png) repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
    width: 100%;
    background-size: contain;
    float: left;
    height: auto;
}



@media screen and (max-width: 1024px){
ul.main-menu {
    display: none;
}
.header {
    display: none;
}
.topmenu {
    height: unset;
    padding: 10px 0 0;
}
.topmenu {
    display: none;
}
.mobile_logo {
    display: none;
    margin: 20px 0;
    float: left;
    width: 100%;
    position: relative;
    z-index: 10;
}
ul.topmenubar {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}
ul.toprightmenubar {
    display: none;
}
ul.topmenubar li a {
    font-size: 16px;
}
.on_mobile_menu{display:block;width:100%;float:left;position:relative;z-index:999}
.navicon {
    background: 0 0;
    margin: 0;
    position: absolute;
    top: 18px;
    right: 18px;
    height: 24px;
    width: 40px;
    display: block;
    z-index: 99;
    -webkit-transition: linear .5s all;
    transition: linear .5s all;
}
.navicon:before, .navicon:after {
    background: #516fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
    height: 2px;
    left: 0;
    -webkit-transition: .8s ease;
    transition: .8s ease;
    width: 40px;
}
.navicon:before {
    box-shadow: #516fff 0 11px 0 0;
    position: absolute;
    top: 7;
}
.navicon:after{position:absolute;top:22px}
.navicon--active{-webkit-transition:linear .5s all;transition:linear .5s all}
.navicon--active:before{box-shadow:transparent 0 0 0 0;top:15px;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}
.navicon--active:after{top:15px;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}
.toggle {
    display: none;
    margin: 0;
    position: relative;
    top: 66px;
    width: 100%;
    float: left;
    background-color: #516fff;
    padding: 0;
    opacity: 1;
}
.toggle-menu {
    padding: 0;
    margin: 0;
    border-top: 2px solid #fff;
}
.toggle-menu li{width:100%;display:block;padding:10px 0;float:left;border-bottom:2px solid #fff}
.toggle-menu li a{text-decoration:none;color:#fff;display:block;text-align:center;font-size:14px;text-transform:uppercase;-webkit-transition:linear .5s all;transition:linear .5s all;font-weight:500;padding:0}
.toggle-menu li a span{text-transform:lowercase}
.iconbar {
    float: left;
    width: 100%;
    padding: 15px 0;
}
.logo {
    margin: 20px 0;
    float: left;
    width: 100%;
}

}

@media screen and (max-width: 767px){
a.logimage, a.advertizegif {
    width: 100%;
    float: left;
    text-align: center;
}
a.logimage img, a.advertizegif img {
    max-width: 100%;
    padding: 0;
    width: unset;
    float: unset;
}
select.search_box {
    width: calc(100% - 60px);
    float: left;
    max-width: 100% !important;
    border: 1px solid #f2f2f2;
    border-radius: 0;
    padding: 0 20px;
    -webkit-appearance: none;
    font-size: 20px;
    line-height: 24px;
    height: 60px;
    color: #5d5353;
}
ul.footer-social-right {
    padding: 0;
    margin: 0;
    text-align: center;
}
.footer-logo {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 5px;
}
.col-md-12.netmonth {
    position: relative;
    clear: both;
}
.row.givmargin {
    position: relative;
    clear: both;
}
.networkshorizontal {
    width: 100%;
    float: left;
    margin-bottom: 3%;
    clear: both;
}
.col-md-4.clear {
    clear: both;
}
.aboutusclass p.abouttext {
    margin: 0 0 10px;
    color: #444;
    font-size: 14px;
    font-family: Roboto,sans-serif;
    float: left;
    text-align: justify;
}
.aboutusclass h6.aboutheading {
    width: 100%;
    padding: 15px 0;
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-align: justify;
}
.advertiseclass h2 {
    font-size: 22px;
    float: left;
}
.contactclass form i.fa {
    float: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #888;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    width: 10%;
    border-right: 1px solid #ccc!important;
    height: 21px;
    padding: 0;
    vertical-align: top;
    line-height: 21px;
}
.input-field {
    width: 90%;
    outline: none;
    border: 0;
    height: 21px;
    padding: 0 15px;
    font-size: 14px;
}
.networkpriceclass .maindiv {
    width: 100%;
    float: left;
    margin: 2% 0;
}
.networkpriceclass .grid {
    margin: auto;
    width: 70%;
    padding: 20px;
    color: white;
    text-align: center;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    background: #000;
    margin-bottom: 20px;
}
.Description-thumb {
    width: 100%;
    float: left;
    position: relative;
    z-index: 99;
    top: 30px;
    left: 0;
}
.networkinfo-cont {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.review-author {
    text-align: center;
    margin-bottom: 20px;
}
.profilemenu {
    padding: 32px 0;
    float: left;
    width: 100%;
    height: unset;
    text-align: center;
}
.profilemenu a {
    padding: 10px 5px;
    width: 100%;
    float: left;
    background: #19b2f1;
    color: white;
    text-align: center;
    text-decoration: none;
    margin-bottom: 12px;
}
h2, .h2 {
    font-size: 22px;
}
.box h1 {
    color: #5c5954;
    text-align: center;
    font-weight: bold;
    line-height: 1.33;
    margin: 18px 0px;
    font-size: 22px;
    margin-bottom: 12px;
}
.box img {
    max-width: 100%;
}
.box {
    background-color: rgba(255,255,255,0.95);
    padding: 35px 50px 45px;
    width: 690px;
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.18);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 90%;
}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
.profilemenu {
    padding: 32px 0;
    float: left;
    width: 100%;
    height: 150px;
    text-align: center;
    background: url(https://akkigroup.com/affpub/assets/images/search-back.jpg);
}
.profilemenu a {
    padding: 10px 5px;
    width: 100%;
    float: left;
    background: #19b2f1;
    color: white;
    text-align: center;
    text-decoration: none;
    margin-bottom: 12px;
}
h2, .h2 {
    font-size: 22px;
}
}