body {
    padding:0px; margin:0px; font-weight:normal; background:#fff;
}

h1, h2, h3, h4, p {
    margin:0px;
}
h2 {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; font-weight: 500;*/
}

.page-header {
    margin-top: 0;
}
.page-header h1 {
    margin-bottom: 0;
}

.gray-border {
    border-bottom:1px solid #ddd;
}
.light-gray-border {
    border-bottom:1px solid #eee;
}
.gray-border-around {
    border:1px solid #ddd;
}

.below-carousel { text-align:center !important; }
.below-carousel h2 { font-family:minion-pro-1, minion-pro-2, serif; font-size:21px; font-style:italic; color:#666; font-weight:400; line-height:1.7; margin:0px; }
.below-carousel .row-container { overflow:hidden; }
.below-carousel .row-container .element { float:left; margin:5px 25px; width:200px; }
.below-carousel .row-container .element div { width:160px; margin:0 auto; }

#accordion_steps { overflow:hidden; }
#accordion_steps .left { display:block; cursor:pointer; width:12px; height:19px; float:left; border:1px solid #eee; padding:0px 5px; font-size:18px; text-align:center; }
#accordion_steps .plus { background:#fff url('./../../../../images/white/white_plus.jpg') no-repeat center center; }
#accordion_steps .minus { background:#fff url('./../../../../images/white/white_minus.jpg') no-repeat center center; }
#accordion_steps .right_first { display:block; cursor:pointer; width:800px; height:13px; float:left; border:1px solid #eee; padding:3px 10px; }
#accordion_steps .right_sec { display:none; cursor:pointer; width:800px; float:left; border:1px solid #eee; padding:10px; }
#accordion_steps .right_sec_fading { position:absolute; margin-left:24px; }

.practice-block { padding:10px 10px 10px 18px; }
.practice-block-step2 { background:#f3f3f3; }

.gray-block { background:#f0f0f0; padding:15px; }
.font-gray707070 { color:#707070 !important; }
.font-gray999 { color:#999 !important; }
.font-gray515151 { color:#515151 !important; }
.invite-bar-graphs { background-color:#4427a5; height:9px; margin-left:9px; }
a.share-img-hover:hover { text-decoration:none !important; }
.share-img-hover { display:block; float:left; height:55px; width:60px; text-align:center; }
.share-img-hover div { color:#999; font-size:11px; text-decoration:none !important; margin:4px auto; display:none; }
.line_height1_5 { line-height:1.5; }

.points_earn_more { background:url('./../../../../images/white/Earn_More_Gradient.png') #eee no-repeat; width:248px; height:95px; border:2px solid #fff; padding:20px; cursor:pointer; margin:0 12px 0 14px; }
.points_earn_more p { font-family:minion-pro-1,minion-pro-2,sans-serif; font-size:28px; font-style:italic; font-weight:400; }
.points_earn_more:hover { border:2px solid #360599; text-decoration:none !important; }
.points_earn_more:hover p, .points_earn_more:hover span { color:#000 !important; }
.points_numbers { font-family: minion-pro-1,minion-pro-2,sans-serif; font-style: italic; font-weight: 500; font-size:26px; color:#000; }

.block_hover_row { width:201px; height:144px; border:2px solid #fff; padding:17px; cursor:pointer; margin:0 5px 0 9px; float:left; }
.block_hover_row:hover { border:2px solid #360599; text-decoration:none !important; }
.block_hover_row h2 { font-size:20px; }
.block_hover_row:hover h2, .block_hover_row:hover span { color:#000 !important; }

.post_table_border {
    height: 9px;
    background-color: #DCDCDC;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;
}
.post_table_border_l_r {
    width: 9px;
    background-color: #DCDCDC;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;
}
.back {
    width: 36px;
    height: 100%;
    background: url(images/arrow_l.png) no-repeat scroll center center #DCDCDC;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;
    position: absolute;
    z-index: 1000;
    display: none;
}
.back a div {
    height: 100%;
    width: 36px;
    display: block;
    cursor: pointer;
}
.forward {
    width: 36px;
    height: 100%;
    background: url(images/arrow_r.png) no-repeat scroll center center #DCDCDC;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;
    position: absolute;
    z-index: 1000;
    display: none;
}
.forward a div {
    height: 100%;
    width: 36px;
    display: block;
    cursor: pointer;
}
.back:hover, .forward:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

.deal_gift_page {
    color:#000; padding:140px 0px 0px 60px;
}
.deal_gift_page .font1 {
    font-size:39px;
}
.deal_gift_page .font2 {
    font-size:26px;
}
.deal_gift_page .font3 {
    font-size:20px;
}

.div_wrapper {
    overflow: hidden; width: 100%;
}
.div_wrapper .div_block {
    float: left; padding: 5px;
}
.internal_position .div_wrapper .div_block {
    padding: 0 !important;
}

.transparent_yes {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.transparent_no {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}

.visible_yes {display: block !important;}
.visible_no {display: none !important;}

.post_bar_elem {
    width: 171px !important;
    margin: 12px 12px 12px 0 !important;
    text-align: center;
    border: 1px solid #FFF;
}
.post_bar_elem a {
    color: #444 !important;
}
.post_bar_elem:hover {
    border: 1px solid #DCDCDC;
}
.post_bar_elem:first-child {
    margin-left: 18px !important;
}
.post_bar_elem:last-child {
    margin-right: 18px !important;
}

a.gray-link {
    color:#777 !important;
}
a.gray-link:hover {
    color:#330099 !important; text-decoration:underline !important;
}

.reference_title {
    font-family: minion-pro-1, minion-pro-2, serif; font-size: 18px; font-style:italic; color: #222 !important; font-weight:400; text-decoration:none;
}
.reference_links a {
    font-size:15px; color:#222222 !important; text-decoration:none !important;
}
    .reference_links a:hover {
        color:#222222 !important; text-decoration:underline !important;
    }

.entry-content {
    line-height:1.7 !important;
}
    .entry-content p {
        margin-bottom:15px !important;
    }
.entry-title-sec {
    clear: both; color: #222; font-size: 28px; font-weight: normal; line-height: 1.5em; padding-bottom: .3em; padding-top: 15px; font-family: 'Flecha', Georgia, Times, serif; letter-spacing: 0.5px;
}
.popular_post ul, .popular_post li {
    margin: 0;
}

.n_header_main * {
    vertical-align:top;
}
.n_header_main .logo * {
    vertical-align:middle;
}
#searchform {
    margin: 0;
}
#searchform .form-custom {
  border-radius: 3px 0 0 3px;
}
#input_search, #input_search_pre {
    padding-left: 16px; height: 48px !important; width: 100%; letter-spacing: 0!important; font-size: 16px!important; 
}
#div_search_button {
    height: 50px !important;
    line-height: 2.4;
    border-radius: 0 4px 4px 0;
}
.categories {
  display: flex;
  flex-wrap: wrap;
  margin-top: -12px;
  margin-right: -8px;
  margin-left: -8px;
}
.btn-category {
    /* margin-right: 10px; */
    /* margin-bottom: 12px; */
    font-family: 'GT-America';
    letter-spacing: 0.1px;
    font-weight: 400;
    border-radius: 2px;
    transition: .1s ease;
}
.btn-category {
  flex: 1 33%;
  width: 33%;
  padding: 8px;
}
// .btn-category:last-child {
//   flex: 1 66%;
//   width: 66%;
// }
.btn-category:hover a {
    background-color: #e5e5e5;
}
.btn-category a {
    color: #444 !important; text-decoration: none !important; display: block;
    background-color: #f3f3f3;
    font-size: 15px;
    color: #8f8f8f;
    height: 58px;
    line-height: 59px;
    font-weight: 300;
}
.btn-category img {
    display: inline-block; float: left; margin: 16px 16px 0 16px; position: relative; top: -1px; border: 0; opacity: .5; transition: .15s ease;
}
.btn-category:hover img {
    opacity: 1;
}
.btn-category.small {
    font-size: 11px; 
    margin-bottom: 8px;
    width: 100%;
    flex: 1 100%;
    padding: 0;
}
.btn-category.small a {
    font-size: 13px;
    height: 48px; 
    line-height: 48px;
    margin: 0;
    padding: 0 12px;
}
.btn-category.last {
    margin-bottom: 0;
}
.btn-category.small img {
    width: 22px;
    height: auto;
    margin: 14px 12px 0 8px;
    display: none;
}
.categories .col-md-4:last-child .btn-category {
    margin-right: 0;
}
.breadcrumb-all {
    display: block; margin-left: 0; margin-right: 0; margin-bottom: 5px; padding-left: 0; padding-right: 0;
}
.breadcrumb-all a {
}
.main-header {
}
.width-all {
    width: 100% !important;
}
.btn-black {
    background-color: #000;
}
.archive h2 {
  line-height: 1.1;
  margin-bottom: 1rem;
}
@media (max-width: 1030px) {
  
  .categories {
    margin-right: -4px;
    margin-left: -4px;
  }  
  .btn-category {
    flex: 1 50%;
    width: 50%;
    padding: 4px;
  }
  .btn-category a {
    font-size: 14px;
  }

}
@media (max-width: 640px) {

  .btn-category {
    flex: 1 100%;
    width: 100%;
  }

}

@media (max-width: 480px) {
    .btn-category {
        font-size: 11px; line-height: 5.4;
    }
    .title-ask {
        text-align: center;
    }
    .btn-black {
        width: 100%;
    }
    .form-custom {
        width: 100%;
    }
    #div_search_button {
        margin-top: 9px !important;
    }
}
@media (max-width: 991px) {
    .btn-category {
        margin-right: 0;
    }
    .btn-category.small {
        font-size: 12px; line-height: 4.5;
    }
}
.categories-area-btn {
    width: 27% !important; border: 1px solid #ddd; padding: 15px; margin-top: 10px;
}
@media (max-width: 991px) {
    .categories-area-btn {
        width: 100% !important;
    }
}
@media (max-width: 480px) {
    .categories-area-btn {
        padding: 10px;
    }
    .btn-category.small {
        font-size: 9px; line-height: 5.6;
    }
}
#content .class_li a {
    font-family: 'Flecha', Georgia, Times, serif; letter-spacing: 0.5px; color: #222; font-size: 24px; line-height: 1.2; margin-top: 10px; margin-bottom: 10px;
}
.container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
a, a:hover {
    color: #004ea8;
}

.popular {
  margin: -16px -16px 64px;
  display: flex;
  flex-wrap: wrap;
}

.pop-article {
  padding: 16px;
  flex: 1 33%;
  width: 33%;
}

.pop-article a {
  color: inherit;
  text-decoration: none;
}

.pop-article h3 {
  font-weight: 300;
  font-size: 17px;
  margin-bottom: 0.5rem;
}

.pop-article h6 {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-style: 12px;
  color: #999;
  margin: 0;
}

.popular p {
  font-size: 15px;
}

.popular img {
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
}

@media (max-width: 1030px) {

  .pop-article {
    flex: 1 50%;
    width: 50%;    
  }

}
@media (max-width: 640px) {

  .pop-article {
    flex: 1 100%;
    width: 100%;
  }

}

.pagination {
    clear:both;
    padding:20px 0;
    position:relative;
    font-size:11px;
    line-height:13px;
}
.pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#fff;
    background: #c0c0c5;
}
.pagination a:hover{
    color: #fff;
    background: #909094;
}
.pagination .current{
    padding: 6px 9px 5px 9px;
    background: #909094;
    color: #fff;
}

.outer-center {
    float: right;
    right: 50%;
    position: relative;
}
.inner-center {
    float: right;
    right: -50%;
    position: relative;
}
.clear {
    clear: both !important;
}
.indent-6 {
    height: 6px;
    clear: both;
}
.indent-2 {
    height: 2px;
    clear: both;
}
.indent-1 {
    height: 1px;
    clear: both;
}

article .yarpp-related {
  clear: both;
  margin: 6rem auto 3rem;
  border-top: 1px solid #ddd;
  padding-top: 6rem;
}

article .yarpp-related oi {
  margin-left: 1em;
}
article .yarpp-related li {
  font-size: 16px;
}

article .yarpp-related img {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -100px;
  left: -100px;
}

.featured-products {
  clear: both;
  margin: 5em auto 2em;
  padding-top: 5em;
  border-top: 1px solid #ddd;
  text-align: center;
}

.featured-products h5 {
  margin-bottom: 4em;
}

.featured-products ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.featured-products li {
  float: left;
  width: 33.3%;
  text-align: center;
  margin-bottom: 1em;
}
.featured-products li a {
  display: block;
}
.featured-products li img {
  width: 85%;
  height: auto;
  margin: 0 auto 2.5rem;
  max-width: 260px;
}
.featured-products .title {
  display: block;
  width: 75%;
  height: auto;
  margin: 0 auto;
  max-width: 220px;
  padding: 0 8px 8px;
  min-height: 10px;
  font-size: 14px;
  color: #999;
  text-decoration: none;
}
.featured-products li:hover .title {
  color: #000;
  text-decoration: none;
}
.featured-products li a:hover {
  text-decoration: none;
}
@media (max-width: 991px) {
  .featured-products li {
    width: 50%;
  }
  .featured-products .title {
    font-size: 13px;
    line-height: 1.4;
  }
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
  margin: 2.5em auto 1em;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
  max-width: 100%;
}

.title-ask ~ .block-content {
  overflow: visible;
}

.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    display: inline-block;
    position: relative;
    width: 100%;
}

.awesomplete > input {
    display: block;
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    min-width: 600px;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
  border-radius: .3em;
  margin: .2em 0 0;
  background: hsla(0,0%,100%,.9);
  background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
  border: 1px solid rgba(0,0,0,.3);
  box-shadow: .05em .2em .6em rgba(0,0,0,.2);
  text-shadow: none;
}

@supports (transform: scale(0)) {
  .awesomplete > ul {
    transition: .3s cubic-bezier(.4,.2,.5,1.4);
    transform-origin: 1.43em -.43em;
  }
  
  .awesomplete > ul[hidden],
  .awesomplete > ul:empty {
    opacity: 0;
    transform: scale(0);
    display: block;
    transition-timing-function: ease;
  }
}

  /* Pointer */
  .awesomplete > ul:before {
    content: "";
    position: absolute;
    top: -.43em;
    left: 1em;
    width: 0; height: 0;
    padding: .4em;
    background: white;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .awesomplete > ul > li {
    position: relative;
    padding: .2em .5em;
    cursor: pointer;
  }
  
  .awesomplete > ul > li:hover {
    background: hsl(200, 40%, 80%);
    color: black;
  }
  
  .awesomplete > ul > li[aria-selected="true"] {
    background: hsl(205, 40%, 40%);
    color: white;
  }
  
    .awesomplete mark {
      background: hsl(65, 100%, 50%);
    }
    
    .awesomplete li:hover mark {
      background: hsl(68, 100%, 41%);
    }
    
    .awesomplete li[aria-selected="true"] mark {
      background: hsl(86, 100%, 21%);
      color: inherit;
    }
/*# sourceMappingURL=awesomplete.css.map */
