.iframeModal {
	max-width: 1024px !important;
	height: 720px;
	margin: 30px auto;
	position: relative;
}

@media(max-width:1023px) {
	.iframeModal {
		max-width: 768px !important;
	}
}

@media(max-width:768px) {
	.iframeModal {
		width: auto !important;
	}
}


/* img hover */
.hover:hover{
	box-shadow: 0px 0px 20px 5px #000;
}



/* responsive text*/


/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
  .autotext {
    font-size: 25px;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  .autotext {
    font-size: 1.5rem;
  }
}


/* DATA TABLE */

table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
}
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}
div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\2191";
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "\2193";
}
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}
div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  box-sizing: content-box;
}
div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}
table.dataTable.table-sm > thead > tr > th {
  padding-right: 20px;
}
table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em;
}
table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 5px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0;
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-left: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
}

/* DATA TABLE END */


/* Earn buttons */

 

@media(max-width: 1599px) {
    .surveys {
        width:calc(100%)
    }
}

@media(max-width: 1023px) {
    .surveys {
        width:100%;
        margin-left: 0;
        height: auto
    }
}


.surveys>.content {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 15px;
    padding-bottom: 15px
}




.surveys>.content>.offer {
    margin-top: 15px;
    width: calc(20%);
    display: flex;
    justify-content: center
}

@media(max-width: 1599px) {
    .surveys>.content>.offer {
        width:calc(25%)
    }
}

@media(max-width: 1023px) {
    .surveys>.content>.offer {
        width:calc(50%)
    }
}

@media(max-width: 420px) {
    .surveys>.content>.offer {
        width:100%
    }
}

.surveys>.content>.offer>a {
	width: calc(100% - 15px);
}

.surveys>.content>.offer>a>.content {
    
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    transition: background .2s ease-out;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 3px 2px -2px #141414
}

.surveys>.content>.offer>a>.content:hover {
    transition: box-shadow .20s;
    box-shadow: 0 0 0 3px #0e7cd4
}

.surveys>.content>.offer>a>.content.adscend {
    background: #02374e
}

.surveys>.content>.offer>a>.content.adscend>.bg {
    height: 42px
}

.surveys>.content>.offer>a>.content.adgate {
    background: #373737
}

.surveys>.content>.offer>a>.content.adgate>.bg {
    height: 30px
}

.surveys>.content>.offer>a>.content.offertoro {
    background: #2a303c
}

.surveys>.content>.offer>a>.content.offertoro>.bg {
    height: 28px
}

.surveys>.content>.offer>a>.content.personaly {
    background: #303064
}

.surveys>.content>.offer>a>.content.personaly>.bg {
    height: 24px
}

.surveys>.content>.offer>a>.content.yoursurvey {
    background: #fff
}

.surveys>.content>.offer>a>.content.yoursurvey>.bg {
    height: 65px
}

.surveys>.content>.offer>a>.content.kiwi {
    background: #dedede
}

.surveys>.content>.offer>a>.content.kiwi>.bg {
    height: 32px;
    margin-left: -10px
}

.surveys>.content>.offer>a>.content.minutestaff {
    background: #3b0000
}

.surveys>.content>.offer>a>.content.minutestaff>.bg {
    height: 28px
}

.surveys>.content>.offer>a>.content.adgem {
    background: #39284a
}

.surveys>.content>.offer>a>.content.adgem>.bg {
    height: 26px;
    margin-left: -8px
}

.surveys>.content>.offer>a>.content.ayeT {
    background: #fff
}

.surveys>.content>.offer>a>.content.ayeT>.bg {
    height: 18px
}

.surveys>.content>.offer>a>.content.revenueUniverse {
    background: #535770
}

.surveys>.content>.offer>a>.content.revenueUniverse>.bg {
    height: 26px
}

.surveys>.content>.offer>a>.content.theoremReach {
    background: #312f46
}

.surveys>.content>.offer>a>.content.theoremReach>.bg {
    height: 26px
}

.surveys>.content>.offer>a>.content.offerDaddy {
    background: #fff
}

.surveys>.content>.offer>a>.content.offerDaddy>.bg {
    height: 36px
}

.surveys>.content>.offer>a>.content.acewall {
    background: #fff
}

.surveys>.content>.offer>a>.content.acewall>.bg {
    height: 40px
}

.surveys>.content>.offer>a>.content.locked {
    cursor: default;
    box-shadow: 0 0 0 0 #141414
}

.surveys>.content>.offer>a>.content.locked:hover {
    transition: box-shadow 0s;
    box-shadow: 0 0 0 0 #fff
}

.surveys>.content>.offer>a>.content>.bg {
    position: absolute
}

.surveys>.content>.offer>a>.content>.icon {
    position: absolute;
    color: #9ea0a5;
    font-size: 24px;
    top: 10px;
    right: 10px
}

.surveys>.content>.offer>a>.content>.locked {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 22px;
    z-index: 1;
    background: rgba(0,0,0,.2);
    display: flex;
    align-items: center;
    padding-left: 5px;
}

.surveys>.content>.offer>a>.content>.locked>.amount {
    color: #7775ac
}

.surveys>.content>.offer>a>.content>.locked>.offline {
    color: #c15d5d
}

.surveys>.content>.offer>a>.content>.locked>.amount,.surveys>.content>.offer>a>.content>.locked>.offline {
    font-size: 11px;
    font-family: open sans,sans-serif;
    font-weight: 700
}

/* Earn buttons end */