body.page-template-tpl-membership {background: #FEB913;}
body.page-template-tpl-membership .pg-content {padding-top: 0;}
.md-container {
  max-width: 1170px;
  margin:0 auto;
}
body.page-template-tpl-membership header#header {
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
}

header#header .top-menu ul li a {padding: 15px 20px}
.member-banner {
  background: #FEB913;
  padding: 25px 0 0;
  position: relative;
  height: 100vh;
}
.member-banner .stripes {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    background: #fbfbfb url(../img/brick_bg-skew.png) center top;
    position: absolute;
    z-index: 1;
}
.member-banner .sm-container {
    max-width: 1150px;
    margin:0 auto;
    position: relative;
    z-index: 2;
}
.member-tab-menu ul {padding: 0; margin: 0; text-align: center;}
.member-tab-menu ul li {
  display: inline-block;
  border-radius: 8px;
  border-radius: 8px;
  position: relative;
  padding: 17px 0;
}
.member-tab-menu ul li.active,
.member-tab-menu ul li:hover {background: #131313;}
.member-tab-menu ul li a {
  font-size: 18px;
  color: #131313;
  letter-spacing: 0;
  font-family: 'itc';
  border-right: 1px solid #000;
  padding: 0 27px;
}
.member-tab-menu ul li.active a,
.member-tab-menu ul li:hover a {color: #ffffff;}
.member-tab-menu ul li:last-child a{border:none;}
.member-banner .banner-text {padding-top: 63px;}
.member-banner h1 {
  font-size: 60px;
  color: #412E02;
  letter-spacing: 0;
  line-height: 65px;
  font-family: 'itc';
  max-width: 600px;
  margin:0 0 50px;
}
.member-banner .tagline {
  font-family: 'itc';
  font-size: 24px;
  color: #412E02;
  letter-spacing: 0;
  margin:0 0 40px;
}
.member-banner .banner-img {max-width: 293px; float: right;}

.membership-list {margin-bottom: 40px; position: relative; z-index: 2; padding-top: 100px;}
.membership-list .row {margin-bottom: 60px;}
.membership-list .info h4 {
  margin:0 0 10px 0;
  font-size: 26px;
  color: #412E02;
  letter-spacing: 0;
}
.membership-list .info .intro {
  margin:0 0 20px;
  font-size: 23px;
  color: #412E02;
  letter-spacing: 0;
  line-height: 30px;
}
.membership-list .info .intro p {margin:0}
.membership-list .info .item {
  margin-bottom: 20px;
  overflow: hidden;
}
.membership-list .info .item .icon {
  float: left;
  margin-right: 15px; 
  width: 50px;
}
.membership-list .info .item div.text {
    vertical-align: middle;
    margin: 0;
    font-size: 23px;
    color: #412E02;
    letter-spacing: 0;
    line-height: normal;
    float: left;
    max-width: 300px;
}
.membership-list .info .item div.text p{margin:0;}
.membership-list .info .item .text span {
  display: block;
  font-size: 14px;
  color: #412E02;
  letter-spacing: 0;
  line-height: 21px;
}
.easy-steps {margin-bottom: 80px; padding-top: 80px;}
.easy-steps .title{
  text-align: center;
}
.easy-steps .title img {margin: 0 auto}
.easy-steps .subtitle {
  font-family: 'itc';
  font-size: 30px;
  color: #412E02;
  letter-spacing: 0;
  text-align: center;
  margin:0 0 60px;
}
.easy-steps .steps {
  background: url(../img/brush-line.png) 0 35px no-repeat;
  background-size: contain;
  text-align: center;
}
.easy-steps .item-steps {padding: 0 15px;}
.easy-steps .number-steps {
  width: 140px;
    height: 135px;
    background: url(../img/circle_brush_red.png) center center no-repeat;
    margin-top: 0px;
    margin: 0 auto 30px;
    text-align: center;
    line-height: 135px;
    color: #fff;
    letter-spacing: 0;
    font-family: 'itc';
    font-size: 16px;
}
.easy-steps .steps h4 {
  margin:0 0 42px;
  text-align: center;
  font-family: 'itc';
  font-size: 26px;
color: #412E02;
letter-spacing: 0;
}
.easy-steps .steps img {margin: 0 auto; max-width: 75px;}
.easy-steps .steps .text {
  text-align: left;
  font-size: 18px;
  color: #412E02;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 20px;
}
.easy-steps .steps .text p {margin:0;}
.easy-steps .steps .text ul {margin:0; padding-left: 20px;}
.easy-steps .steps .note {
  font-size: 12px;
    color: #412E02;
    letter-spacing: 0;
    line-height: normal;
    display: block;
}

.faq {
  padding-top: 100px;
}
.faq h1.title {
    font-family: Arial, sans-serif;
    font-size: 32px;
    color: #FEB913;
    letter-spacing: 0.5px;
    text-align: center;
    position: relative;
    max-width: 500px;
    margin: 0 auto 70px;
    font-weight: bold;
}
.faq h1.title:after {
    background: url(../img/FAQ-Ornament.svg) no-repeat;
    width: 505px;
    height: 63px;
    display: block;
    content: "";
    position: absolute;
    top: -14px;
    background-size: contain;
    left: -18px;
}
.faq h2 {
  font-family: 'itc';
  font-size: 26px;
  color: #412E02;
  letter-spacing: 0;
  margin:42px 0 30px 0;
}

.accordion-container{
  position: relative;
  height: auto;
  margin: 10px auto;
}
.set{
  position: relative;
  width: 100%;
  height: auto;
  background: #FFFFFF;
  border: 1px solid #FEB913;
  margin-bottom: 10px;
}
.set > a{
  display: block;
  padding: 10px 30px;
  text-decoration: none;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
  font-size: 22px;
  color: #412E02;
  letter-spacing: 0;
  line-height: 27px;
  cursor: pointer;
  font-family: 'itc';
}
.set > a i{
  background: url(../img/entypo-plus.svg) no-repeat center center;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  right: 10px;
}
.set > a i.fa-minus {background-image: url(../img/entypo-minus.svg);}
.set > a i:before{display: none;}
.set > a.active{
}
.content{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display:none;
  font-size: 18px;
  padding: 10px 30px;
  letter-spacing: 0;
  line-height: 27px;
  color: #412E02;
}
.content p{
  margin: 0 0 20px;
}

.visible-xs {display: none;}

.tc-membership ol {margin: 0; padding-left: 20px;}
.tc-membership ol li {margin:20px 0;}

.order-now {
	position: absolute;
    top: 18px;
    right: 0;
    font-family: 'itc';
    color: #412E02;
    padding: 15px 27px;
    font-size: 14px;
    line-height: 17px;
    transition: all 0.5s;
    background: none left center no-repeat;
}
.header-fix .order-now {top:8px;}
header#header .top-menu ul li#menu-item-1417 {display:none;}

@media only screen and (max-width: 1200px) {
  .md-container,
  .sm-container {padding: 0 15px;}
}
@media only screen and (max-width: 767px) {
  .visible-xs {display: block;}
  .hide-xs {display: none;}
  .member-tab-menu {margin-bottom: 20px;}
  .member-tab-menu ul li {padding: 10px 0;}
  .member-tab-menu ul li a {font-size: 12px; padding: 0 20px;}
  .member-banner {height: 100%; margin-bottom: 50px;}
  .member-banner .sm-container {padding-bottom: 80px;}
  .member-banner .banner-text {padding-top: 20px; text-align: center;}
  .member-banner h1 {font-size: 32px; line-height: 35px; margin-bottom: 20px;}
  .member-banner .tagline {font-size: 18px; margin-bottom: 10px;}
  .member-banner .icon a {display: block; max-width: 100px; margin: 0 auto 10px;}
	.member-banner .icon a img {max-width:100% !important}
  .member-banner .banner-img {float: none; max-width: 80%; margin: 0 auto; max-width: 100px;}
  .membership-list .row {margin-bottom: 20px;}
  .membership-list .col-sm-4 {margin-bottom: 30px;}
  .membership-list .info .intro {font-size: 18px;}
  .membership-list .info .item div.text {font-size: 18px;}
  .easy-steps .steps {background-position: 0 65px;}
  .faq h1.title:after {display: none;}
  .set>a {font-size: 16px;}
  .faq .content {font-size: 14px;}
  header#header .top-menu ul li#menu-item-1417 {display:block;}
}

@media only screen and (max-width: 550px) {

  .membership-list .info .item div.text {max-width: 250px;}
}

header#header .top-menu {
	padding-top: 20px;
}
header#header .top-menu ul li {
	display:inline-block;
}
header#header .top-menu ul li a {
	display:inline-block;
	min-width:95px;
}
header#header .top-menu ul li.has-children .fa, header#header .top-menu ul li.menu-item-has-children .fa {
	top: 15px;
}