/*
 * Theme Name: IdraPoll Theme
 * Description: Developed by Flow - Idra in Jan 2018!
 * Theme URI: https://paywithflow.com/
 * Version: 1.0
 * Theme Author: Flow team
 * Textdomain:
 */
@import url("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css");
@font-face {
  font-family: "Quicksand";
  src: url("fonts/Quicksand-Light.woff") format("woff"),
    url("fonts/Quicksand-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Quicksand-Bold";
  src: url("fonts/Quicksand-Bold.woff") format("woff"),
    url("fonts/Quicksand-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Quicksand-Medium";
  src: url("fonts/Quicksand-Medium.woff") format("woff"),
    url("fonts/Quicksand-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Quicksand-Regular";
  src: url("fonts/Quicksand-Regular.woff") format("woff"),
    url("fonts/Quicksand-Regular.ttf") format("truetype");
}

body {
  font-family: Quicksand !important;
  font-size: 15px;
}
.line-clamp {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.explore-express {
  background-color: white;
  clear: both;
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: -50px;
}
.explore-express .explore h2 {
  font-family: Quicksand-Bold;
  margin-top: 0px;
}
.explore .content {
  font-family: Quicksand;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #242222;
  padding-left: 30px;
  margin-top: 25px;
}
.explore .content ul {
  list-style-type: inherit;
}
.explore .content li {
  padding-left: 10px;
  padding-right: 90px;
}
.explore .explore-img {
  margin-top: 20px;
}
.explore .explore-button {
  width: 245px;
  height: 38px;
  border-radius: 2px;
  background-color: #c85f2e;
  margin: 0 auto 40px;
  display: inherit;
}
.explore .explore-button:hover {
  background-color: #f0ad4e;
}
.explore .explore-button a {
  font-family: Quicksand-Bold;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.back:hover {
  color: #e3672d;
  cursor: pointer;
}
.explore-express .result h3,
.sidebar .most-view h3 {
  font-family: Quicksand-Bold;
  margin-top: 5px;
  white-space: nowrap;
}
.result .title,
.sidebar .most-view .title {
  display: flex;
}
.page-contact .most-view .title  {

  white-space: nowrap;
}
.result .highlight,
.sidebar .highlight {
  margin-top: 15px;
  margin-bottom: 20px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07);
  float: right;
  padding: 15px;
  clear: both;
}
.result .highlight i,
.sidebar .highlight i {
  color: #efd358;
  padding-right: 7px;
  font-size: 13px;
  margin-top: 1px;
}
.result .title .line,
.sidebar .most-view .title .line,
.page-contact .most-view .title .line {
  border-bottom: 1px solid #dee3ea;
  width: 100%;
  margin-left: 10px;
  height: 27px;
}
.result .highlight .readmore a,
.sidebar .highlight .readmore a {
  font-family: Quicksand-Bold;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.83;
  letter-spacing: normal;
  text-align: left;
  color: #f6b89b;
}
.result .highlight .title,
.sidebar .highlight .title {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #84807e;
}
.result .highlight {
  padding: 20px 0px;
}
.result .highlight .content {
  margin-top: 10px;
}
.result .highlight .content a,
.sidebar .highlight .content a,
.sidebar .post-list .title a {
  font-family: Quicksand-Bold;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #242222;
}
.result .post-first {
  clear: both;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07);
}
.result .post-first .card-content {
  padding: 20px 0px 20px 0px;
}
.post-first .card-content p {
  margin-bottom: 0px;
  font-size: 15px;
}
.post-first .card-content .date {
  font-family: Quicksand-Bold;
  line-height: 1.83;
  letter-spacing: 2px;
  text-align: left;
  color: #f6b89b;
  font-size: 12px;
}

.result .post-first .avatar img {
  width: 100%;
  height: 165px;
}
.post-first .card-content .title a {
  font-family: Quicksand-Bold;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #242222;
  background-image: url();
}

.explore-express .post-second {
  margin-top: 20px;
  padding: 0px 0px;
  border-radius: 2px;
}

.explore-express .post-second .content img {
  position: inherit;
  height: 130px;
}
.explore-express .post-second .content img {
  border-radius: 2px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07);
}

/* .explore-express .post-second .post-left {
    padding-right: 25px;
}
.explore-express .post-second .post-right {
    padding-left: 25px;
} */
.post-second {
  float: left;
}
.post-second .post-left {
  padding-right: 10px;
}
.post-second .post-right {
  padding-left: 10px;
}
.post-second .title a {
  font-family: Quicksand-Bold;
  position: absolute;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
  line-height: normal;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.sidebar .highlight .avatar img {
  padding: 30px 35px 20px 35px;
}
.sidebar .highlight {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
}
.sidebar .highlight .readmore a {
  margin-top: 10px !important;
  text-align: center !important;
  display: inherit;
  padding-bottom: 20px;
  clear: both;
}
.sidebar .most-view {
  clear: both;
}
.sidebar .most-view h3 {
  color: #727272;
  display: table;
}
/* .sidebar .most-view  .title .line {
    margin-left: 80px;
} */
.sidebar .post-list,
.sidebar .post-list .content {
  margin-top: 10px;
}
.list-category .title a {
  font-family: Quicksand-Bold;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.2;
  letter-spacing: normal;
  text-align: right;
  color: #727272;
}
.caterogy-result {
  margin-top: 50px;
}
.caterogy-result .result-list .dropdown {
  text-align: center;
  font-family: "Quicksand-Bold";

  justify-content: center;
  margin-bottom: 20px;
  display: none;
}
@media only screen and (max-width: 767px) {
  .caterogy-result .result-list .dropdown {
    display: flex;
  }
  .caterogy-result .list-category {
    display: none;
  }
  .explore-express {
    background-color: white;
    clear: both;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 60px;
  }
  .slogan {
    line-height: 1.3;
  }
}
.caterogy-result .result-list .button-drop {
  width: 80%;
  padding: 15px 0;
  border-radius: 2px;
  background: #30353d;
  color: white;
}
.caterogy-result .result-list .dropdown-menu {
  width: 80%;
  background: #30353d;
  text-align: center;
}
.caterogy-result .result-list .dropdown-menu ul {
  list-style-type: none;
  -webkit-padding-start: 0px;
}
.caterogy-result .result-list .dropdown-menu ul li {
  margin-bottom: 20px;
}
.caterogy-result .result-list .dropdown-menu .menu .menu-item a {
  color: white;
  text-decoration: none;
}
.caterogy-result .result-list .dropdown-menu .menu .current-menu-item a {
  color: #e3672d;
}
.caterogy-result .result-list .dropdown-menu .menu .menu-item a:hover {
  color: #e3672d;
}
.result .post-first {
  clear: both;
}
#menu-menu-result {
  list-style-type: none;
  -webkit-padding-start: 0px;
}
#menu-menu-result li {
  font-family: Quicksand-Bold;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  color: #727272;
  margin-bottom: 25px;
}
#menu-menu-result li a {
  color: #727272;
}
#menu-menu-result .current-menu-item a {
  color: #e3672d;
}

.result-list .avatar img {
  object-fit: contain;
  border-radius: 2px;
}
.result-list .content-box .date {
  font-family: Quicksand-Bold;
  font-size: 12px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.83;
  letter-spacing: 2px;
  text-align: left;
  color: #e3672d;
}
.result-list .content-box .title a {
  font-family: Quicksand-Bold;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}
.result-list .content-box {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.result-list .content-box:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  opacity: 0.7;
  background-color: #000000;
  z-index: -1;
}

.result-list .card-title {
  padding: 15px 20px;
  margin-bottom: 0px;
  border-radius: 0px;
}
.result-list .avatar {
  position: relative;
}

.result-list .content-box a {
  opacity: 1 !important;
  color: #ffffff;
}
.result-list .content {
  opacity: 0.7;
  background-color: #000000;
  padding: 15px;
  margin-top: -1px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-bottom: 30px;
}
.result-list .content p {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  margin-bottom: 0px;
}
.result-post-second .avatar-second img {
  height: 180px;
  border-radius: 2px;
  width: 100%;
  object-fit: cover;
}
.result-post-second .title a {
  font-family: Quicksand-Bold;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #242222;
  margin-top: 10px;
  margin-bottom: 5px;
}
.result-post-second .title,
.result-post-last .title {
  margin-top: 10px;
  margin-bottom: 5px;
}
.result-post-second {
  margin-bottom: 20px;
}
.result-post-last {
  float: left;
  display: flex;
  flex-direction: column;
}
.content-second p {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #242222;
}
.result-post-last-right {
  padding-right: 0px;
  padding-left: 10px;
}

.result-post-last-left {
  padding-left: 0px;
  padding-right: 10px;
}
.result-post-last .title a {
  font-family: Quicksand-Bold;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #242222;
}
.result-post-last .content-last p {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #242222;
  margin-bottom: 20px;
}
.avatar-last img {
  border-radius: 2px;
}

.sidebar .search-form {
  clear: both;
  width: 100%;
  border-radius: 2px;
  background-color: #eef3fa;
  margin-bottom: 30px;
}
.sidebar .search-form form {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
}
.sidebar .search-form .search-input {
  background: #eef3fa;
  border: 0px;
  border-bottom: 1px solid #ffffff;
  height: 40px;
  padding-left: 15px;
  width: 100%;
}
.search-button {
  width: 38px;
  float: right;
  border: 0px;
  background: #eef3fa;
  border-bottom: 1px solid #ffffff;
  height: 40px;
  padding-right: 18px;
}
.result-detail .embed {
  display: flex;
  flex-direction: row;
  float: right;
}
.result-detail .embed .detail-tweet {
  width: auto;
  margin-top: 2px;
  margin-left: 5px;
}
.result-detail img {
  max-width: 100%;
  height: auto;
}
.result-detail .sub-title {
  clear: both;
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.result-detail .detail-line {
  clear: both;
  width: 100%;
  margin-bottom: 30px;
}
.result-detail .contnet {
  font-family: Quicksand;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: justify;
  color: #242222;
}

.result-detail .date {
  font-family: Quicksand-Bold;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.83;
  letter-spacing: normal;
  text-align: left;
  color: #949494;
}
.result-detail .title {
  font-family: Quicksand-Bold;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: left;
  color: #242222;
  margin-top: 10px;
  margin-bottom: 20px;
  clear: both;
}
.result-detail .sub-title {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  #menu-menu-result {
    padding-left: 0px;
    clear: both;
  }
  #menu-menu-result li {
    display: inline;
    text-align: center;
    padding-right: 30px;
  }
}
@media screen and (max-width: 991px) {
  .container {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 478px) {
  .explore .content li {
    padding-right: 15px;
  }
   .nav-on-top #top-bar {
    height: auto;
  }
  .nav-on-top nav .top-bar .left-items img {
    width: 50%;
  }
  .nav-on-top nav .top-bar .left-items .expand-button {
    top: 10px !important;
  }
}
.menu-sign-in .menu li:last-child {
  display: none;
  border: 1px solid #01aa6f;
  color: #01aa6f;
  padding: 6px 22px;
}
.menu-sign-in button {
  background-color: #30353d;
  font-family: "Quicksand-Medium";
  color: white;
  text-align: left;
  font-size: 14px;
  border: 0px;
  float: right;
  cursor: pointer;
}
.menu-sign-in button:hover {
  color: #01aa6f;
}
.menu-sign-in button:focus {
  outline: none;
}
/* .menu-sign-in button:last-child {
	padding-left: 22px;
} */
.btn-up {
  margin-left: 22px;
}
.menu-sign-in .button-group {
  display: flex;
  width: 35%;
  justify-content: flex-start;
  margin-bottom: 4px;
  text-align: left;
}
/* @media only screen and (min-width: 1200px) {
	.menu-sign-in .button-group {
		margin-left: 100px;
	}
} */
/* @media only screen and (max-width: 1199px) {
	.menu-sign-in .button-group {
		margin-left: 15px;
	}
/* 	.menu-sign-in button:last-child {
		padding-left: 14px;
	} */
/* } */
@media only screen and (max-width: 991px) {
  .btn-up {
    margin-left: 0px;
  }
  .menu-sign-in .button-group {
    display: none;
    position: absolute;
    top: 262px;
    right: 158px;
    margin-right: -50px;
    width: 112px;
    flex-direction: column;
  }
  .menu-sign-in button {
    background-color: #202329;
    /* 		padding: 6px 19px; */
    margin-bottom: 20px;
  }
}

/* Kieu CSS */
.home-rewards {
  background-color: #3a3532;
  color: #fff;
  padding-top: 98px;
  padding-bottom: 98px;
}
.home-rewards .title-home-rewards {
  display: flex;
}
.home-rewards h5 {
  font-family: "Quicksand-Bold";
  font-size: 22px;
  white-space: nowrap;
}
.home-rewards hr {
  background: #494543;
  height: 1px;
  width: 100%;
  margin-left: 10px;
}
.home-rewards .conten {
  padding-top: 42px;
}
.item-reward {
  display: flex;
  border-radius: 2px;
  background-color: #f8fbff;
  height: 120px;
  margin-bottom: 30px;
}
.item-reward-all {
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.15);
}
.item-reward-all a {
  font-family: "Quicksand-Bold", sans-serif;
  font-size: 17px;
  color: #faf2ec;
}
.item-reward-all a:hover {
  color: #e3672d;
  text-decoration: none;
}
/**/
.item-reward-left {
  min-width: 130px;
  max-width: 130px;
  height: 130px;
  border-radius: 2px;
  background-color: #ffffff;
  margin-top: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item-reward-right {
  margin-left: 20px;
  margin-top: 20px;
  font-family: "Quicksand-Bold", sans-serif;
  font-size: 15px;
  line-height: 1.47;
  text-align: left;
  color: #4f4f4f;
}
.item-reward-right .p1 {
  color: #f6b89b;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-family: "Quicksand-Bold", sans-serif;
  font-size: 12px;
}
/*add*/
.item-reward-left img {
  width: 50%;
  height: 50%;
}
.item-reward-right .p1 img {
  width: 14px;
  height: 14px;
  margin-right: 8px;
}
.home-rewards ul {
  list-style: none;
  padding-bottom: 17px;
}
.home-rewards li {
  font-family: "Quicksand-Regular", sans-serif;
  font-size: 17px;
  line-height: 24px;
}
.home-rewards li::before {
  content: "•";
  color: #e3672d;
  display: inline-block;
  width: 18px;
  margin-left: -20px;
  font-family: "Quicksand-Regular", sans-serif;
  font-size: 17px;
  line-height: 24px;
}

.home-rewards .right a {
  font-family: "Quicksand-Bold", sans-serif;
  font-size: 15px;
  color: #fff;
  padding: 9px 27px;
  border-radius: 2px;
  background-color: #e3672d;
  margin-left: 42px;
}
.home-rewards .right a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1199px) {
  .item-reward-right {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .home-rewards .left {
    margin-bottom: 30px;
  }
  .home-rewards ul {
    margin-left: -20px;
  }
  .home-rewards .right a {
    margin-left: 20px;
  }
}
/*What is IDRAPOLL*/
.what-is-idrapoll-conten {
  font-family: "Quicksand-Regular";
  text-align: center;
  padding: 70px 0 110px;
  margin: 0 84px;
}
.what-is-idrapoll-conten a {
  font-family: "Quicksand-Bold";
  color: #e3672d;
}
.what-is-idrapoll-conten img {
  margin-bottom: 20px;
  width: auto;
  height: 100px;
}
.what-is-idrapoll-conten .text-li p {
  margin: 0px;
  padding-bottom: 20px;
  font-size: 15px;
}
.what-is-idrapoll-conten li {
  text-align: left;
  font-size: 15px;
  line-height: 24px;
  color: #242222;
}
.what-is-idrapoll-conten .list-idrapoll {
  padding: 44px 0 40px 0;
  font-size: 15px;
  margin: 0 60px;
}
.what-is-idrapoll-conten .item p {
  opacity: 0.8;
}
.what-is-idrapoll-conten .list-idrapoll h5 {
  font-family: "Quicksand-Bold";
  font-size: 15px;
  color: #242222;
  padding-bottom: 10px;
  opacity: 0.8;
}
.what-is-idrapoll-conten .idra-research {
  margin-bottom: 60px;
  font-size: 15px;
}
.what-is-idrapoll-conten .link-join-idrapoll {
  color: #fff;
  font-family: "Quicksand-Bold";
  font-size: 14px;
  padding: 10px 70px;
  border-radius: 2px;
  background-color: #c85f2e;
}
.what-is-idrapoll-conten .link-join-idrapoll:hover {
  background-color: #e3672d;
  text-decoration: none;
}
@media only screen and (max-width: 1199px) {
  .what-is-idrapoll-conten {
    margin: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .what-is-idrapoll-conten .list-idrapoll {
    margin: 0;
    padding-bottom: 0px;
  }
  .what-is-idrapoll-conten .item {
    padding-bottom: 20px;
  }
}
.what-is-idrapoll-conten .text-li p a {
  color: #e3672d;
}

/* Nhat CSS */

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  content: "\e9bd";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}

.fi-menu-icon:before {
  content: "\e90c";
}
.nav-on-top nav {
  background: #30353d;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.nav-on-top nav .top-bar {
  padding-top: 10px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  right: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  white-space: nowrap;
}
.nav-on-top nav .top-bar ul {
  -webkit-padding-start: 10px;
}
.nav-on-top nav .top-bar .left-items {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav-on-top nav .top-bar .left-items img {
  width: 60%;
}
.nav-on-top nav .top-bar .left-items .expand-button {
  background: none;
  outline: none;
  border: none;
  color: white;
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-size: 16px;
}
.nav-on-top nav .top-bar .left-items .expand-button span {
  font-size: 24px;
}
.nav-on-top nav .top-bar .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto 0;
  width: 100%;
}
.nav-on-top nav .top-bar .menu ul {
  width: 100%;
}
.nav-on-top nav .top-bar .menu ul li:last-child {
  margin-left: auto;
}
.nav-on-top nav .top-bar .menu a {
  font-family: "Quicksand-Medium";
  color: #faf2ec;
  margin-left: 1.5em;
  margin-right: 2em;
  margin-bottom: 10px;
  font-size: 14px;
  text-decoration: none;
}
.nav-on-top nav .top-bar .menu a:hover {
  color: #e3672d;
}
.nav-on-top nav .top-bar .menu li {
  list-style-type: none;
  /*   margin-bottom: 5px; */
}
.nav-on-top nav .top-bar .menu .menu li:last-child a {
  /*   margin-right: -105px; */
}
#menu-item-wpml-ls-2-en .dropdown-menu {
  margin-left: 15px;
}
@media only screen and (max-width: 991px) {
  /* 	#menu-item-wpml-ls-2-en {
	  padding-left: 0px;
	} */
  /* 	#menu-item-wpml-ls-2-en .dropdown-menu {
	  margin-left: 35px;
	} */
  .nav-on-top nav .top-bar .menu ul {
    width: inherit;
  }
}
#menu-item-wpml-ls-2-en {
  color: white;
}
/* #menu-item-wpml-ls-2-en li a span{
  display: none;
} */
#menu-item-wpml-ls-18-en .dropdown-menu li {
  padding: 0px 15px 0 15px;
}
.nav-on-top .dropdown-menu li a {
  color: #e3672d !important;
}
.nav-on-top .dropdown-menu li a:hover {
  color: #000000 !important;
}
#menu-item-wpml-ls-18-en .dropdown-menu li a:hover {
  color: #e3672d;
}
@media only screen and (max-width: 1199px) {
  .nav-on-top nav .top-bar .menu ul li:last-child {
    margin-left: 0px;
  }
}
.nav-on-top nav .top-bar .menu ul li ul li a {
  margin-left: 0;
  margin-right: 0;
}
.nav-on-top nav .top-bar .menu li ul li:last-child {
  /*   margin-left: auto; */
}
.nav-on-top nav .top-bar .menu li ul {
  transform: translate3d(-24px, 49px, 0px) !important;
}
.nav-on-top nav .top-bar .menu li .dropdown-menu {
  border: none;
  -webkit-padding-start: 0;
}
.nav-on-top nav .top-bar .menu li .dropdown-menu li {
  text-align: left;
  margin-bottom: 15px;
  margin-left: 35px;
}
@media only screen and (max-width: 1199px) {
  .nav-on-top nav .top-bar .menu li ul {
    transform: translate3d(-43px, 49px, 0px) !important;
  }
}
@media only screen and (max-width: 991px) {
  .nav-on-top nav .top-bar .menu li .dropdown-menu {
    min-width: 6rem;
  }
  .nav-on-top nav .top-bar .menu li:last-child {
    margin-left: 0px;
  }
  .nav-on-top nav .top-bar .menu li ul {
    transform: translate3d(-10px, 20px, 0px) !important;
  }
  .nav-on-top nav .top-bar .menu li .dropdown-menu li {
    margin-left: 0px;
  }
}

.nav-on-top nav .top-bar .menu li.current-menu-item a {
  color: #e3672d;
}
.nav-on-top nav .top-bar .menu-sign-in .menu .current-menu-parent a {
  color: #e3672d;
}
.closebtn {
  display: none;
  position: fixed;
  top: 20px;
  right: 280px;
  color: white;
  font-size: 30px;
}
@media only screen and (max-width: 1199px) {
  .nav-on-top nav .top-bar .menu a {
    margin-right: 22px;
    margin-left: 5px;
  }
}
@media only screen and (max-width: 991px) {
  .nav-on-top nav .top-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .nav-on-top nav .top-bar .left-items .expand-button {
    display: unset;
    position: fixed;
    top: 10px;
    right: 25px;
  }
  .nav-on-top nav .top-bar .menu {
    background: #202329;
    width: 250px;
    height: 100%;
    position: fixed;
    top: 50px;
    right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    text-align: left;
  }
  .nav-on-top nav .top-bar .menu li {
    margin-bottom: 25px;
  }
  .nav-on-top nav.is-expand {
    background: #30353d;
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
  }
  .nav-on-top nav.is-expand .top-bar .menu {
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nav-on-top nav.is-expand .top-bar .menu a {
    padding: 0px 20px;
  }
  .nav-on-top nav.is-expand .top-bar .menu li:last-child a {
    padding: 6px 20px;
    border: none;
  }
}
.menu-sign-in {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.back-to-top {
  display: none;
  position: fixed;
  text-align: center;
  bottom: 1em;
  right: 1em;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 32px;
  height: 32px;
  border-radius: 2px;
  background-color: #c85f2e;
  padding: 5px 0px 0px 1px;
}
.back-to-top span {
  color: white;
}
.back-to-top:hover {
  background-color: #f0ad4e;
}
.back-to-top:active {
  background-color: #f0ad4e;
}
.footerPage {
  font-size: 14px;
  color: #242222;
  font-family: "Quicksand";
  margin-top: 45px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 991px) {
  .footerPage .menu {
    /* 		margin-right: 35px; */
  }
}
.footerPage .foot-menu .row {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .footerPage .foot-menu .row {
    justify-content: center;
  }
  .footerPage p {
    text-align: center;
  }
}
.footerPage .menu ul {
  -webkit-padding-start: 0;
  list-style-type: none;
}
.footerPage .menu .menu {
	margin-left: -30px;
  display: flex;
}
.footerPage .menu .menu li {
  padding-left: 30px;
}
.footerPage .menu .menu li .dropdown-menu {
  /* 	min-width: 9rem; */
  transform: translate3d(30px, -68px, 0px) !important;
  -webkit-padding-start: 0;
/*   border: none; */
}
.footerPage .menu .menu li .dropdown-menu li {
  margin-top: 15px;
}
.footerPage .menu .menu li a {
  color: #242222;
  text-decoration: none;
}
.line-fot {
  height: 1px;
  background: #bbc5d2;
  width: 100%;
}
.head-page .video1 video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  float: right;
}
.head-page .video1 {
  height: 370px;
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
.head-page .what-is-idrapoll {
  background-image: url(./img/background/bg-whatsidrapoll@2x.jpg);
  height: 370px;
  background-size: cover;
  background-position-x: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.head-page .faq {
  background-image: url(./img/background/bg-faq@2x.jpg);
  height: 370px;
  background-size: cover;
  background-position-x: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.head-page .results {
  background-image: url(./img/background/bg-results@2x.jpg);
  height: 370px;
  background-size: cover;
  background-position-x: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.head-page .rewards {
  background-image: url(./img/background/bg-rewards@2x.jpg);
  height: 370px;
  background-size: cover;
  background-position-x: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.head-page .contact {
  background-image: url(./img/background/bg-contact@2x.jpg);
  height: 370px;
  background-size: cover;
  background-position-x: center;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.title-header {
  border-radius: 3px;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.title-header p {
  font-family: "Quicksand-Bold";
  color: white;
  margin: 0;
  padding: 15px 0;
  font-size: 30px;
  text-align: center;
}
.iconn {
  width: 30px;
  right: 0;
  margin-top: -50px;
  position: fixed;
  display: flex;
  flex-direction: column;
  text-align: -webkit-right;
  position: fixed;
  z-index: 999999999999999999;
}
.iconn img:hover {
  transform: scale(1.2, 1.2);
}
@media only screen and (max-width: 590px) {
   .iconn {
    margin-top: -120px;
  }
}
/*page-faq*/
/*page-faq*/
.page-faq {
  margin-top: 80px;
}
.category-faq {
  text-align: right;
  margin-right: 30px;
}
.category-faq .dropdown {
  display: none;
}
.category-faq .menu .current-menu-item a {
  color: #e3672d;
}
.category-faq li a:hover {
  color: #e3672d;
  text-decoration: none;
}
.category-faq li {
  list-style-type: none;
  margin-bottom: 20px;
}
.category-faq li a {
  color: #30353d;
  font-family: "Quicksand-Bold";
  font-size: 16px;
}
.post-faq .posts {
  margin-bottom: 20px;
}
.post-faq .posts .content-question-faq {
  padding-left: 15px;
  padding-right: 30px;
}
.post-faq .posts .title-faq {
  display: flex;
  font-weight: normal;
  justify-content: space-between;
  margin-bottom: 10px;
}
.post-faq .posts .title-faq-bold {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: Quicksand-Bold;
}
@media only screen and (max-width: 767px) {
  .page-faq {
    margin-top: 30px;
  }
  .category-faq .menu-1920 {
    display: none;
  }
  .category-faq {
    text-align: center;
    margin-right: 0;
  }
  .category-faq .dropdown {
    display: block;
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .category-faq .dropdown .button-drop {
    width: 80%;
    padding: 15px 0;
    border-radius: 2px;
    background: #30353d;
    color: white;
    font-family: "Quicksand-Bold";
  }
  .category-faq .dropdown .dropdown-menu {
    width: 80%;
    text-align: center;
    background: #42454a;
  }
  .category-faq .dropdown .dropdown-menu ul {
    padding-top: 10px;
    -webkit-padding-start: 0px;
  }
  .category-faq .dropdown .dropdown-menu .current-menu-item a {
    color: #e3672d;
  }
  .category-faq .dropdown .dropdown-menu ul li a {
    color: white;
    text-decoration: none;
  }
  .category-faq .dropdown .dropdown-menu ul li a:hover {
    color: #e3672d;
    text-decoration: none;
  }
  .move-container {
    top: 30px;
  }
  .head-page .video1 {
    height: 300px;
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
  }
}
@media only screen and (max-width: 576px) {
  .category-faq {
    text-align: center;
    margin-bottom: 40px;
  }
}
/*page-faq*/
/*page-faq*/
/*contact page - - - - - -- - - - contact page ----------------------------- contact page --------------*/
.contact-page {
  background: #eef3fa;
  padding-top: 50px;
  padding-bottom: 200px;
}
.contact-page .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 40px;
}
.contact-page .title p {
  width: 290px;
  font-size: 22px;
  font-family: "Quicksand-Bold";
  line-height: 1.4;
}
.contact-page .title hr {
  color: #dee3ea;
  width: 100%;
}
.contact-page .form input {
  width: 100%;
  font-family: "Quicksand";
  font-size: 15px;
  color: #949494;
  padding-left: 20px;
  margin-bottom: 10px;
  border: 1px solid #bbc5d2;
  border-radius: 2px;
  height: 50px;
}
.contact-page .form textarea {
  width: 100%;
  font-size: 15px;
  font-family: "Quicksand";
  color: #949494;
  padding-top: 10px;
  padding-left: 20px;
  margin-bottom: 20px;
  border: 1px solid #bbc5d2;
  border-radius: 2px;
}
.contact-page .form a {
  font-family: "Quicksand-Bold";
  color: white;
  padding: 10px 25px;
  background: #c85f2e;
  border-radius: 2px;
  text-decoration: none;
}
/*end contact ----- end contact -------- end contact    end contact------ end contact*/

/* Nguyen CSS */
@media screen and (max-width: 576px) {
  .reward-introduction .slogan {
    margin-top: 20px;
  }
  .steps .step-box .right-content {
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .steps .step-box .left-image {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}
.move-container {
  position: relative;
  bottom: 130px;
}
.sign-up-section {
  background: lightblue url(./img/background/bg-tile@2x.png) repeat;
  min-height: 500px;
}
.sign-up-introduction {
}
.reward-introduction {
  padding: 0px 60px;
  opacity: 0.4;
  border-radius: 2px;
  background-color: #000000;
}
.reward-introduction .steps {
  padding-top: 40px;
}
.reward-introduction .slogan {
  font-size: 28px;
  color: #f6f3f1;
  text-align: center;
  margin-top: 30px;
  padding-bottom: 20px;
}
.steps .step-box {
  padding: 10px;
}
.reward-introduction-icon {
  height: 42px;
}
.steps .step-box .text-content {
  color: #ffffff;
  opacity: 0.8;
  font-size: 13px;
  line-height: 1.15;
}
.join-idrapoll-introduction {
  margin-top: 30px;
  background-image: url(./img/image-1@2x.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  border-radius: 2px;
  background-color: #ffffff;
}
.join-idrapoll-introduction .right-image {
  display: none;
  text-align: center;
  max-height: 320px;
}
.join-idrapoll-introduction .right-image img {
  width: inherit;
}
.join-idrapoll-introduction .left-content {
  padding: 43px 30px;
  background-color: #ffffff;
  border-radius: 2px 0px 0px 2px;
}
.join-idrapoll-introduction .join-idra-text {
  font-size: 15px;
  line-height: 1.59;
  color: #333333;
}
.join-idrapoll-button {
  width: 100%;
  margin-top: 15px;
}
.sign-up-form-wrap {
  background-color: #ffffff;
  display: flex;
  flex: 1;
  border-radius: 2px;
}
@media screen and (max-width: 992px) {
  .sign-up-form-wrap {
    margin-top: 30px;
  }
}
.sign-up-form {
  width: 100%;
  padding: 30px 40px;
}
.sign-up-form .nav {
  margin-bottom: 15px;
}
.sign-up-form .nav-tabs {
  border-color: #ebebeb;
  background: white;
}
.sign-up-form .nav-tabs .nav-link.active {
  background-color: #e3672d;
  color: #ffffff;
}
.sign-up-form .nav-tabs .nav-link {
  padding: 7px 32px;
  border: 0;
  border-radius: 0px;
  margin-left: 10px;
  color: #4f4f4f;
  background-color: #ebebeb;
  font-size: 14px;
}
.sign-up-form .nav-tabs .nav-link:first-child {
  margin-left: 0px;
}
.sign-up .select-country {
  margin-top: 15px;
  padding: 10px 15px;
  width: 100%;
  height: auto;
  font-size: 14px;
  border: 2px solid #d0d0d0;
  border-radius: 4px;
}
/* ------------------------------------------------------------------------------------------------------------ */
.sign-up .input-form {
  font-size: 14px;
  padding: 6px 15px;
  width: 100%;
  margin-top: 15px;
  border: 2px solid #d0d0d0;
  border-radius: 4px;
}
/* ------------------------------------------------------------------------------------------------------------ */
.country-dropdown-button {
  background-color: #ffffff;
  font-size: 14px;
  padding: 0.5em 1em;
  width: 100%;
  margin-top: 15px;
  color: #242222;
}
.sign-up {
  font-size: 13px;
}
/* ------------------------------------------------------------------------------------------------------------ */
.sign-up-submit-button {
  width: 100%;
  margin-top: 5px;
}
.sign-up-checkbox {
  margin-top: 5px;
  margin-right: 10px;
}
form.sign-up > input:last-of-type {
  margin-bottom: 15px;
}
.sign-up a {
  color: #e3672d;
  text-decoration: underline;
}
/* ------------------------------------------------------------------------------------------------------------ */

/* General */
.wrap-box {
  display: flex;
  flex: 1;
}
.wrap-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.text-bold {
  font-family: Quicksand-Bold;
}
.text-medium {
  font-family: Quicksand-Medium;
}
.button-general {
  padding: 10px;
  border: 0px;
  border-radius: 2px;
  background-color: #c85f2e;
  font-size: 14px;
  color: #ffffff;
}

/* Style checkbox */
.squaredcheck {
  position: relative;
  display: flex;
}
.squaredcheck p {
  margin-bottom: 1em;
}
.checkbox {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}
.squaredcheck label {
  width: 12px;
  height: 12px;
  cursor: pointer;
  position: absolute;
  top: 4px;
  left: 0px;
  background: lighten(#0096ff, 20%);
  border-radius: 2px;
}
.squaredcheck label:after {
  content: "";
  width: 8px;
  height: 4px;
  position: absolute;
  top: 3px;
  left: 2px;
  border: 1px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}
.squaredcheck label:hover::after {
  opacity: 0.3;
}
.squaredcheck span {
  position: absolute;
  width: 300px;
  left: 30px;
}
.squaredcheck input[type="checkbox"]:checked {
  /*visibility: hidden;*/
}
.squaredcheck input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.squaredcheck input[type="checkbox"].checkbox:checked + label {
  background: #e3672d;
}

/* new */
.warning-line {
  margin: -10px 0px;
  font-style: italic;
  color: #d8503a;
  font-size: 12px;
}
.success-line {
  margin: -10px 0px;
  font-style: italic;
  color: #01aa6f;
  font-size: 12px;
}
.input-form-warning {
  border: 2px solid #d8503a;
}

/* modal input form */
.form-modal .modal-dialog {
  justify-content: center;
  display: flex;
}
.modal-input-form {
  margin-top: 15%;
  border-radius: 2px;
  border-width: 0px;
  min-height: 430px;
  display: flex;
  flex-direction: row;
}
.modal-input-form .form-title {
  font-size: 26px;
  color: #e3672d;
  margin-bottom: 5px;
}
.modal-input-form .sign-up-suggest {
  text-align: center;
  margin-top: 20px;
}
.modal-input-form .form-content {
  width: 480px;
  padding: 40px 55px;
}
.modal-input-form .sign-up-banner {
  width: 300px;
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid #eef3fa;
}
.modal-input-form .banner-box img {
  height: 55px;
  width: auto;
  margin-bottom: 10px;
}
.modal-input-form .banner-box p {
  font-size: 15px;
  color: #242222;
}
.modal-input-form .banner-text {
  font-size: 20px;
  color: #e3672d;
}
.modal-input-form .close-button {
  position: absolute;
  width: 10px;
  height: 10px;
  right: 5px;
  top: 5px;
  display: none;
}
@media screen and (max-width: 992px) {
  .modal-input-form .sign-up-banner {
    padding-left: 30px;
    padding-right: 30px;
    width: 260px;
  }
}
@media screen and (max-width: 768px) {
  .modal-input-form .sign-up-banner {
    display: none;
  }
  .modal-input-form .close-button {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .join-idrapoll-introduction {
    background-image: none;
    padding: 30px 15px;
  }
  .join-idrapoll-introduction .right-image {
    display: block;
    padding: 0;
  }
  .join-idrapoll-introduction .left-content {
    padding: 0;
    padding-top: 20px;
  }
  .sign-up-form {
    padding: 30px 15px;
  }
  .reward-introduction {
    padding: 0px 30px;
  }
}
@media screen and (max-width: 450px) {
  .modal-input-form .form-content {
    width: auto;
    padding: 40px 30px;
  }
  .sign-up-form .nav-tabs .nav-link {
    padding: 5px 30px;
  }
  .reward-introduction .slogan {
    margin-top: 0px;
  }
}
.modal-open .modal {
  padding-right: 0px !important;
}
.form-modal .sign-up-modal {
  display: flex;
}
.footerPage .row {
  width: 100%;
}
/* End 'Sign up' form */

.contact-input input {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #bbc5d2;
  width: 100%;
  height: 51px !important;
  font-size: 15px;
  color: #949494;
  padding-left: 20px;
}
.contact-input textarea {
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #bbc5d2;
  width: 100%;
  height: 111px !important;
  font-size: 15px;
  color: #949494;
  font-size: 15px;
  color: #949494;
  padding: 20px 0px 0px 20px;
}

.contact-button input {
  width: 125px !important;
  height: 38px !important;
  border-radius: 2px;
  background-color: #c85f2e;
  border: 0px;
  text-transform: uppercase;
  color: white;
  font-family: Quicksand-Bold;
  font-size: 14px;
  font-weight: bold;
}
.contact-button input:hover {
  background-color: #f0ad4e;
}
.nf-before-form-content,
#nf-form-title-1 {
  display: none;
}
.page-contact .most-view .title h3 {
  font-family: Quicksand-Bold;
  font-size: 22px;
  color: #242222;
  padding-bottom: 46px;
}
.page-contact {
  border-radius: 2px;
  background-color: #eef3fa;
  padding-top: 46px;
  padding-bottom: 85px;
}

.page-contact .most-view .title .line {
  margin-left: 30px;
  height: 20px;
}
.page-reward {
  background-color: #eef3fa;
  padding: 70px 0px 157px 0px;
}
@media screen and (max-width: 480px) {
/*   .page-contact {
    padding-bottom: 50px;
  } */
  .page-reward {
    padding: 50px 0px 50px 0px;
  }
}

.page-reward .reward-box {
  border-radius: 2px;
  background-color: #f8fbff;
  box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 30px;
  padding: 0px 15px;
}
.page-reward .card-title {
  border-radius: 2px;
  background-color: #ffffff;
  padding: 24px 0px 22px 0px;
}

.card-content .text-content {
  padding: 0px 15px 20px 15px;
}
.button-content button {
  border-radius: 2px;
  background-color: #e3672d;
  color: white;
  padding: 10px 50px;
  margin-left: 15px;
  border: 0px;
  margin-bottom: 20px;
}

.button-content button:hover {
  background-color: rgb(240, 173, 78);
}
.reward-box .item-reward-right {
  margin-top: 10px;
}

.submit-country-button {
    width: 100%;
    margin: 0 1em;
    cursor: pointer;
}