body {
  display: block;
  background: url(../images/body_bg.jpg) #ededed no-repeat center top/100% auto;
  padding: 0;
  margin: 0;
  font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif;
  color: #333333;
  width: 100%;
  min-width: 300px;
  position: relative;
  word-wrap: break-word;
}
body.tws {
  background: #fff;
}

.quantico {
  font-family: "Quantico", Calibri, "Trebuchet MS", sans-serif;
}

.red {
  color: #A53B3F;
}

.blue_flag {
  color: #22315C;
}

.fs18 {
  font-size: 18px;
}

.fs20 {
  font-size: 20px;
}

.fw500 {
  font-weight: 500;
}

.wraplongtext {
  overflow-wrap: break-word;
}

.hide_text {
  font-size: 0;
}

input,
textarea,
button {
  font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif;
  -webkit-appearance: none;
  border: none;
  outline: none;
  background: none;
}

select::-ms-expand {
  display: none;
}

button {
  cursor: pointer;
  padding: 0;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul li,
ol li {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

*,
*:hover,
*:visited,
*:focus {
  text-decoration: none;
  outline: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  color: inherit;
  cursor: pointer;
  transition: all 0.15s ease-out;
  overflow-wrap: break-word;
}

h1 {
  font-size: 48px;
  font-weight: 500;
}

p {
  font-size: 16px;
  font-weight: 500;
  line-height: 29px;
}

p + p {
  margin-top: 29px;
}

.mt0 + .mt0 {
  margin-top: 0;
}

.mt12 + .mt12 {
  margin-top: 12px;
}

.lh22 {
  line-height: 22px;
}

.lh24 {
  line-height: 24px;
}

img {
  max-width: 100%;
}

.spacing-normal {
  letter-spacing: 0px;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

.medium {
  font-weight: 500;
}

.extrasmall {
  font-size: 12px;
}

.small {
  font-size: 14px;
}

.big {
  font-size: 18px;
}

.extrabig {
  font-size: 20px;
}

.bgwhite {
  background: #FFFFFF;
}

.colorgreen {
  color: #898770;
}

.colorgrey {
  color: #5E5E60;
}

.underline,
.underline_white {
  text-decoration: underline;
}

.underline_white {
  text-decoration-color: #FFFFFF;
}

.underlinecustom {
  display: inline-block;
  position: relative;
}

.underlinecustom:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 10%;
}

.colorgreen.underlinecustom:after {
  background: #898770;
}

.wrapper {
  padding-left: 160px;
  padding-right: 160px;
  max-width: 1920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.page_head_section .wrapper.preload {
  opacity: 0.3;
}

.button {
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  height: 60px;
  line-height: 56px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  padding: 0 30px;
  position: relative;
  text-transform: uppercase;
  transition: all 0.15s ease-out;
}

.button80 {
  display: inline-block;
  height: 80px;
  line-height: 74px;
  border-width: 3px;
  border-style: solid;
  border-color: transparent;
  white-space: nowrap;
  font-size: 16px;
  letter-spacing: 0.258em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 15px;
  transition: all 0.15s ease-out;
  text-align: center;
  cursor: pointer;
}

.button_middle {
  height: 60px;
  line-height: 54px;
}

.button_small {
  height: 50px;
  line-height: 44px;
}

.button50 {
  height: 50px;
  line-height: 46px;
  text-transform: none;
  font-weight: 400;
  border-width: 2px;
  letter-spacing: 0;
}

.button_black {
  background: #333333;
  color: #FFFFFF;
  border-color: #333333;
}
.button_black:hover {
  background: #FFFFFF;
  color: #333333;
  border-color: #333333;
}

.button_grey {
  background: #eaeaea;
  color: #0f0f0f;
  border-color: #eaeaea;
}
.button_grey:hover {
  background: #333333;
  color: #FFFFFF;
  border-color: #333333;
}

.button_green {
  background: #898770;
  color: #FFFFFF;
  border-color: #898770;
}
.button_green.active {
  background: #AAAAAA;
  color: #FFFFFF;
  border-color: #AAAAAA;
}
.button_green.active:hover {
  background: #AAAAAA;
  color: #FFFFFF;
  border-color: #AAAAAA;
}
.button_green:hover {
  background: #333333;
  color: #FFFFFF;
  border-color: #333333;
}

.button_white {
  background: #FFFFFF;
  color: #5E5E60;
  border-color: #FFFFFF;
}
.button_white:hover {
  background: #333333;
  color: #FFFFFF;
  border-color: #333333;
}
.button_white.dark:hover {
  background: #000000;
  color: #FFFFFF;
  border-color: #000000;
}

.button_white_greyborder {
  background: #FFFFFF;
  color: #5E5E60;
  border-color: #e5e5e5;
}
.button_white_greyborder:hover {
  background: #333333;
  color: #FFFFFF;
  border-color: #333333;
}
.button_white_greyborder.dark:hover {
  background: #000000;
  color: #FFFFFF;
  border-color: #000000;
}

.button_yellow {
  background: #FEDD84;
  color: #5E5E60;
  border-color: #FEDD84;
}
.button_yellow:hover {
  background: #333333;
  color: #FFFFFF;
  border-color: #333333;
}
.button_yellow.dark:hover {
  background: #000000;
  color: #FFFFFF;
  border-color: #000000;
}

.branch {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.scrollTop {
  position: fixed;
  top: 20px;
  width: 60px;
  height: 50px;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  cursor: pointer;
  animation: fadeIn 0.3s;
  transition: opacity 0.4s;
  opacity: 0.6;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #ccc;
  border-radius: 10px;
  right: -10px;
  padding: 5px 14px 5px 6px;
}

.scrollTop:hover {
  opacity: 1;
}

.sbvpref_wrapper {
	padding: 10px 0;
	background: #FFFFFF;
	border-bottom: 1px solid #e2e2e2;
}
#sharedShabox {
   -webkit-appearance: auto;
   -moz-appearance: auto;
   appearance: auto;
}
.url-format {
	color: #169;
	font-weight: bold;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
.branch1, .brancharmy {
  background-image: url(../images/branch1.png);
}

.branch2, .branchusn {
  background-image: url(../images/branch2.png);
}

.branch3, .branchusmc {
  background-image: url(../images/branch3.png);
}

.branch4, .branchusaf {
  background-image: url(../images/branch4.png);
}

.branch5, .branchuscg {
  background-image: url(../images/branch5.png);
}

.branch6, .branchusaaf {
  background-image: url(../images/branch_usaaf_175.png);
}

.branch_living {
  background-image: url(../images/branch_living.png);
}

.branch_fallen {
  background-image: url(../images/branch_fallen.png);
}

.branch_miapow {
  background-image: url(../images/branch_miapow.png);
}

.branch_powmia {
  background-image: url(../images/branch_miapow.png);
}

.branch_deceased {
  background-image: url(../images/branch_deceased.png);
}

.logo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
}

.logo_white {
  background-image: url(../images/logowhite.png);
}

.logo_black {
  background-image: url(../images/logoblack.png);
}

.main_page {
  min-height: 100vh;
  background: url(../images/mainpage_bg2.jpg) #191919 no-repeat center top/cover;
  text-align: center;
  color: #B4A58D;
  position: relative;
  padding: 76px 40px 30px;
  /*h1 {
  	font-size: 192px;
  	font-weight: 400;
  	line-height: 163px;
  	font-family: Constantia, Georgia, 'Times New Roman', serif;
  	margin-bottom: 4px;
  }*/
}
.main_page .logo {
  display: block;
  height: 19px;
  width: 240px;
  background-position: left center;
  /* position: absolute;
   left: 0;
   top: 0;*/
}
.main_page .main_page_h1 {
  height: 156px;
  width: calc(100% + 20px);
  background: url(../images/index_h1.png) no-repeat center/contain;
  margin: 0 -10px 19px;
}
.main_page .main_page_h1-shadow {
  background-image: url(../images/main_page_h1-shadow.png);
}
.main_page .wrapper {
  position: relative;
  max-width: 1600px;
  z-index: 2;
}

.main_page_armypage {
  background-image: url(../images/armypage.jpg);
}

.main_page_armypage2 {
  background-image: url(../images/armypage2.jpg);
}

.main_page_marine {
  background-image: url(../images/marinepage.jpg);
}

.main_page_marine4 {
  background-image: url(../images/marinepage4.jpg);
}

.main_page_marine_img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 565px;
  height: 1007px;
  background: url(../images/main_page_marine_img.png) no-repeat right bottom/contain;
}

.main_page_marine2 {
  background-image: url(../images/marinepage2.jpg);
}

.main_page_marine3 {
  background-image: url(../images/marinepage3.jpg);
}

.navypage {
  background-image: url(../images/navypage.jpg);
}

.airpage {
  background-image: url(../images/airpage.jpg);
}

.coastguardpage {
  background-image: url(../images/coastguardpage.jpg);
}

.main_page.has-asc-chapter .main_page_inner {
  padding-top: 40px;
}

.main_page_inner {
  max-width: 1120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 99px;
}
.main_page_inner .footer_text {
  padding-top: 80px;
}

.main_page_title {
  font-size: 48px;
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  position: relative;
  color: #FFFFFF;
  padding-bottom: 69px;
  margin-bottom: 80px;
}
.main_page_title:before {
  content: "";
  display: block;
  width: 320px;
  height: 3px;
  background: #5E5E60;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -160px;
}

.main_page_branch_sevices_title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 42px;
}

.main_page_branch_sevices {
  display: flex;
  justify-content: space-between;
  margin-bottom: 74px;
  max-width: 1200px;
  width: 100%;
}

.main_page_branch_sevice_center {
  justify-content: center;
}
.main_page_branch_sevice_center .main_page_branch_sevice {
  margin: 0 34px;
}
.main_page_branch_sevice_center .main_page_branch_sevice.crest_army {
  order: 1;
}
.main_page_branch_sevice_center .main_page_branch_sevice.crest_usmc {
  order: 2;
}
.main_page_branch_sevice_center .main_page_branch_sevice.crest_usn {
  order: 3;
}
.main_page_branch_sevice_center .main_page_branch_sevice.crest_usaf {
  order: 4;
}
.main_page_branch_sevice_center .main_page_branch_sevice.crest_uscg {
  order: 5;
}

.main_page_branch_sevice a {
  color: #D7C4A5;
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  font-size: 24px;
}
.main_page_branch_sevice a .branch {
  width: 176px;
  height: 176px;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
  transition: all 0.15s ease-out;
}
.main_page_branch_sevice a .branch:hover {
  box-shadow: 0 0 54px #debe8a;
}
.main_page_branch_sevice a span {
  display: block;
  margin-top: 41px;
}

.main_page_branch_sevice a .branch_living,
.main_page_branch_sevice a .branch_fallen,
.main_page_branch_sevice a .branch_miapow,
.main_page_branch_sevice a .branch_powmia,
.main_page_branch_sevice a .branch_deceased {
  position: relative;
}
.main_page_branch_sevice a .branch_living:before,
.main_page_branch_sevice a .branch_fallen:before,
.main_page_branch_sevice a .branch_miapow:before,
.main_page_branch_sevice a .branch_powmia:before,
.main_page_branch_sevice a .branch_deceased:before {
  content: "";
  display: block;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: url(../images/branch_light.png) no-repeat center/contain;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
  opacity: 0;
  transition: all 0.15s ease-out;
}
.main_page_branch_sevice a .branch_living:hover:before,
.main_page_branch_sevice a .branch_fallen:hover:before,
.main_page_branch_sevice a .branch_miapow:hover:before,
.main_page_branch_sevice a .branch_deceased:hover:before {
  opacity: 1;
}

.main_page_create_page_button {
  border: 2px solid #5E5E60;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFFFFF;
  letter-spacing: 0.256em;
  padding: 18px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  background: transparent;
}

/*
.main_page_create_page_button.active,
.main_page_create_page_button:hover {
	border-color: $colorBrown;
	color: $colorBlack;
	background: $colorBrown;
}
*/
.main_page_create_page_button.active,
.main_page_create_page_button:hover {
  border-color: transparent;
  color: #333333;
  background: #bcac93;
  background: linear-gradient(to right, #bcac93 0%, #e9d3b0 40%, #b4a58d 100%);
}

.main_page_create_page_button + .main_page_create_page_button {
  margin-top: 20px;
}

.header {
  display: flex;
  align-items: center;
  padding-top: 52px;
  padding-bottom: 48px;
  justify-content: space-between;
}
.header .logo {
  width: 240px;
  height: 19px;
}
.header .button_join {
  width: 240px;
  margin-left: 12px;
}
.header .button_login {
  padding-left: 40px;
  padding-right: 40px;
}
.header .button_login span {
  position: relative;
  display: inline-block;
  padding-left: 27px;
}
.header .button_login span.text {
  padding-left: 0 !important;
}
.header .button_login i {
  display: block;
  width: 18px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  background: url(../images/button_login.png) no-repeat center/contain;
  transition: all 0.15s ease-out;
}
.header .button_login:hover i {
  background-image: url(../images/button_login_white.png);
}
.header .button_add span {
  display: block;
  padding-left: 20px;
  position: relative;
}
.header .button_add i {
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  position: absolute;
  left: 0;
  top: 50%;
}
.header .button_add i:before, .header .button_add i:after {
  content: "";
  display: block;
  background: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
}
.header .button_add i:before {
  width: 10px;
  height: 2px;
  margin-top: -1px;
  margin-left: -5px;
}
.header .button_add i:after {
  width: 2px;
  height: 10px;
  margin-top: -5px;
  margin-left: -1px;
}

.main_menu {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 64px;
  padding-right: 40px;
}
.main_menu li {
  margin-left: 36px;
  margin-right: 36px;
}
.main_menu li:first-child {
  margin-left: 0;
}
.main_menu li:last-child {
  margin-right: 0;
}
.main_menu li a {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.032em;
  display: block;
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: nowrap;
}
.main_menu li a:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main_menu li.active a,
.main_menu a:hover {
  color: #898770;
}
.main_menu li.active a:after,
.main_menu a:hover:after {
  background: #898770;
}

.page_head {
  border-bottom: 1px solid #AAAAAA;
  display: flex;
  padding: 72px 0;
  position: relative;
}
.page_index .page_head {
  margin-bottom: 40px;
}

.page_head_left {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.page_head_branchs {
  display: flex;
  margin: 10px -12px 21px;
}
.page_head_branchs .branch {
  width: 60px;
  height: 60px;
  display: block;
  margin-left: 12px;
  margin-right: 12px;
}
.page_head_branchs .branch.active {
  width: 160px;
  height: 160px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -80px;
}

.page_head_formobile {
  display: flex;
  flex-direction: column-reverse;
  margin-top: -7px;
}

.page_head_left-left {
  position: relative;
  padding-left: 240px;
  align-self: baseline;
}
.has_asc_ref .page_head_left-left.association_wrapper {
  font-size: 22px;
  margin-top: 40px;
  font-family: Constantia, Georgia, 'Times New Roman', serif;
}

.page_head_profiles {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  text-align: right;
  margin-bottom: 35px;
  margin-left: -12px;
}

.page_head_searchform {
  display: flex;
  width: 480px;
  margin-bottom: 21px;
  background: #FFFFFF;
}
.page_head_searchform button {
  height: 60px;
}
.page_head_searchform input {
  border: 2px solid #AAAAAA;
  border-right: none;
  flex-grow: 1;
  font-size: 18px;
  font-weight: 500;
  padding-left: 24px;
  padding-right: 24px;
}
.page_head_searchform input::placeholder {
  color: #838383;
  opacity: 0.5;
}
.page_head_searchform .xdsoft_autocomplete {
  flex-grow: 1;
}
.page_head_searchform .xdsoft_autocomplete input {
  width: 100%;
  height: 60px;
}

.page_head_return {
  font-size: 20px;
}

.main_menu_menuopener {
  display: flex;
  background: #FFFFFF;
  height: 40px;
  padding-left: 44px;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: 0.1em;
  min-width: 145px;
}

.main_menu_menuopener_text {
  margin-right: 10px;
}

.main_menu_menuopener_icon {
  display: block;
  position: relative;
  width: 39px;
  height: 11px;
}
.main_menu_menuopener_icon:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #333333;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease-out;
}
.main_menu_menuopener_icon:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #333333;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.15s ease-out;
}

.main_menu_menuopener:hover .main_menu_menuopener_icon:before {
  top: 4px;
}
.main_menu_menuopener:hover .main_menu_menuopener_icon:after {
  bottom: 4px;
}

.header_right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
}
.header_right .button {
  margin-left: 12px;
}

.header_section {
  position: relative;
  background: #FFFFFF;
  border-bottom: 1px solid #e2e2e2;
}

.time_filter {
  padding-top: 60px;
}

.time_filter_inputs {
  display: flex;
  position: relative;
  z-index: 5;
  align-items: center;
}

.time_filter_title {
  font-size: 28px;
  font-weight: 500;
  padding-right: 30px;
  position: relative;
  /*
  	&:after {
  		content: '';
  		display: block;
  		width: 32px;
  		height: 1px;
  		background: $colorLightGrey;
  		position: absolute;
  		left: 0;
  		bottom: -12px;
  	}*/
}

.time_filter_form {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}
.time_filter_form button {
  width: 240px;
  height: 60px;
  margin-left: 54px;
}

.time_filter_form_group {
  display: flex;
  align-items: center;
}

.time_filter_form_group + .time_filter_form_group {
  margin-left: 32px;
}

.time_filter_form_group_title {
  color: #5E5E60;
  margin-right: 12px;
}

.time_filter_datepicker {
  height: 60px;
  border: 2px solid #AAAAAA;
  width: 316px;
  position: relative;
  padding-right: 72px;
  background: #FFFFFF;
  display: block;
  margin-bottom: 0;
}
.time_filter_datepicker input {
  height: 100%;
  width: 100%;
  padding-left: 44px;
  padding-right: 24px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.1em;
  background-image: url(../images/calendar_icon.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  background-color: #FFFFFF;
  background-size: 14px auto;
}
.time_filter_datepicker input::placeholder {
  color: #838383;
  opacity: 0.5;
}

.time_filter_datepicker_arrow {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 60px;
  border-left: 2px solid #AAAAAA;
  cursor: pointer;
  background: url(../images/arrowdownblack_icon.png) no-repeat center/16px auto;
}

.main_list_filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  margin-top: 40px;
}
.main_list_filter.hasSelect2 {
  justify-content: flex-start;
}
.main_list_filter .select2-container--timelineselect:last-of-type {
  margin-left: auto;
}

/*
.main_list_filter ul {
	display: block;
	min-width: 200px;
}

.main_list_filter li {
	display: block;
	background: $colorGreen;
	color: $colorWhite;
	a {
		display: block;
		width: 100%;
		height: 30px;
		line-height: 30px;
		white-space: nowrap;
		font-size: 17px;
		font-weight: 500;
		padding: 0 11px;
	}
}

.main_list_filter1 li.active,
.main_list_filter1 li:hover {
	background: $colorBlack;
}
*/
.main_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.main_alphabet_index .main_item_index {
  margin: auto;
}
.main_alphabet_index .main_item_index a {
  font-size: 1.25rem;
  padding: 0 10px;
  text-decoration: underline;
}
.main_alphabet_index .main_item_index a.inactive {
  color: #838383;
}

.main_list_index .main_item_index {
  display: flex;
  flex-wrap: wrap;
  margin-left: 10px;
  margin-right: 10px;
  width: 100%;
}
.main_list_index .main_item_index .main_item_name {
  display: flex;
  flex-basis: 25%;
  max-width: 25%;
  padding: 0 10px 0;
  font-size: 1.25rem;
}
.main_list_index .main_item_index .main_item_name .name {
  display: list-item;
}
.main_list_index .main_item_index .no-result {
  flex: auto;
}

.paging > * {
  flex-basis: calc(50% - 12px);
  margin: 6px;
}
.paging .button-left {
  margin-right: auto;
}
.paging .button-right {
  margin-left: auto;
}

.main_item {
  display: flex;
  flex-basis: 50%;
  max-width: 50%;
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  margin-top: -1px;
  padding-top: 40px;
  padding-bottom: 35px;
  position: relative;
}
.main_item:nth-child(odd) {
  padding-right: 159px;
  border-right: 1px solid #AAAAAA;
}
.main_item:nth-child(odd) .sleeve_wrapper {
  right: 40px;
}
.main_item:nth-child(even) {
  padding-left: 160px;
  flex-direction: row-reverse;
}
.main_item:nth-child(even) .sleeve_wrapper {
  left: 40px;
}

.main_item_photobuttons {
  min-width: 200px;
  width: 200px;
}

.main_item_photo {
  width: 100%;
  height: 200px;
  background-color: #D3D3D3;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
}

.main_item_buttons .single-btn {
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  transition: all 0.15s ease-out;
  width: 100%;
}
.main_item_buttons .single-btn:first-child {
  margin-top: 10px;
}
.main_item_buttons .single-btn {
  height: 50px;
  line-height: 50px;
}

.main_item_date {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  background: #898770;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
}

.main_item_main {
  flex-grow: 1;
  padding: 0 30px;
  margin-top: -8px;
}

.main_item_name {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 13px;
}

.main_item_row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.main_item_col {
  padding: 9px 10px;
  flex-basis: 100%;
  max-width: 100%;
}

.main_item_col30 {
  flex-basis: 30%;
  max-width: 30%;
}

.main_item_col70 {
  flex-basis: 70%;
  max-width: 70%;
}

.main_item_title {
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  color: #898770;
}

.main_item_text {
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  color: #333333;
}

.main_item_name_mobile {
  display: none;
}

.main_list_loadmore {
  margin-bottom: 30px;
}
.main_list_loadmore a, .main_list_loadmore p {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.258em;
  text-transform: uppercase;
  text-align: center;
  padding: 30px 36px;
  max-width: 640px;
  width: 100%;
  display: inline-block;
  transition: all 0.15s ease-out;
}
.main_list_loadmore.iserror .errMsg {
  max-width: 500px;
  display: inline-flex;
}
.main_list_loadmore.iserror .extrasmall {
  line-height: normal;
  display: inline-flex;
}
.main_list_loadmore.page_loader {
  margin-top: 9rem;
}
.main_list_loadmore.preload {
  position: absolute;
  top: 20vh;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

footer {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  opacity: 0.5;
  padding: 72px 0;
}

.main_item_rankdate_mobile {
  display: none;
}

.mobile_menu {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: #ededed;
  overflow-y: auto;
}
.mobile_menu .header {
  border-bottom: none;
}
.mobile_menu .main_menu_menuopener {
  background: #898770;
  color: #FFFFFF;
}
.mobile_menu .main_menu_menuopener_icon:before,
.mobile_menu .main_menu_menuopener_icon:after {
  background: #FFFFFF;
}

.mobile_menu_main {
  background: #FFFFFF;
  margin-bottom: 30px;
  margin-top: 30px;
  text-transform: uppercase;
}
.mobile_menu_main a {
  display: block;
  width: 100%;
  height: 76px;
  line-height: 76px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: 1px solid #EDEDED;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.032em;
  position: relative;
  padding-left: 138px;
  background: #FFFFFF;
  padding-right: 20px;
  transition: none;
}
.mobile_menu_main a .branch {
  display: block;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  position: absolute;
  left: 58px;
  top: 50%;
  margin-top: -30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px auto;
  transition: all 0.15s ease-out;
}
.mobile_menu_main .active a,
.mobile_menu_main a:hover {
  background-image: url(../images/mobile_menu_hover.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #898770;
  background-size: contain;
  color: #FFFFFF;
  border-top: none;
}
.mobile_menu_main .active a .branch,
.mobile_menu_main a:hover .branch {
  background-size: 100% auto;
}

.mobile_menu_buttons .button {
  display: block;
  width: 100%;
  margin-top: 1px;
  height: 60px;
  line-height: 56px;
}
.mobile_menu_buttons .mobile_menu_button_notab {
  display: none;
}

.time_filter_timeline {
  display: flex;
  align-items: center;
  margin-top: 66px;
}
.time_filter_timeline .time_filter_timeline_start {
  color: #5E5E60;
  font-size: 17px;
  font-weight: 500;
  text-align: left;
  padding-right: 8px;
}
.time_filter_timeline .time_filter_timeline_end {
  color: #5E5E60;
  font-size: 17px;
  font-weight: 500;
  text-align: right;
  padding-left: 8px;
}

.time_filter_timeline_slider2 {
  flex-grow: 1;
}
.time_filter_timeline_slider2 .irs--flat .irs-line {
  z-index: 1;
}
.time_filter_timeline_slider2 .irs--flat .irs-bar {
  z-index: 2;
}
.time_filter_timeline_slider2 .irs-from, .time_filter_timeline_slider2 .irs-to, .time_filter_timeline_slider2 .irs-single {
  z-index: 3;
}
.time_filter_timeline_slider2 .irs {
  height: 25px;
  font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif;
}
.time_filter_timeline_slider2 .irs--flat {
  height: 25px;
}
.time_filter_timeline_slider2 .irs--flat .irs-line {
  top: 11px;
  height: 3px;
  background-color: #aaaaaa;
  border-radius: 0;
}
.time_filter_timeline_slider2 .irs--flat .irs-from, .time_filter_timeline_slider2 .irs--flat .irs-single, .time_filter_timeline_slider2 .irs--flat .irs-to {
  font-size: 16px;
  line-height: 25px;
  width: 100px;
  background-color: #898770;
  border-radius: 0;
  font-weight: 500;
  text-align: center;
}
.time_filter_timeline_slider2 .irs--flat .irs-from:hover, .time_filter_timeline_slider2 .irs--flat .irs-single:hover, .time_filter_timeline_slider2 .irs--flat .irs-to:hover {
  background-color: #333333;
}
.time_filter_timeline_slider2 .irs--flat .irs-handle {
  top: 0;
  width: 100px;
  height: 25px;
}
.time_filter_timeline_slider2 .irs--flat .irs-handle i {
  display: none;
}
.time_filter_timeline_slider2 .irs--flat .irs-bar {
  top: 11px;
  height: 3px;
  background-color: #898770;
}
.time_filter_timeline_slider2 .irs--flat .irs-from:before, .time_filter_timeline_slider2 .irs--flat .irs-single:before, .time_filter_timeline_slider2 .irs--flat .irs-to:before {
  display: none;
}
.time_filter_timeline_slider2 .irs--flat .irs-from:before, .time_filter_timeline_slider2 .irs--flat .irs-to:before, .time_filter_timeline_slider2 .irs--flat .irs-single:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 100%;
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  border: none;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
  color: #5e5e60;
  margin-left: 0;
}
.time_filter_timeline_slider2 .irs--flat .irs-from.gwot:before, .time_filter_timeline_slider2 .irs--flat .irs-to.gwot:before, .time_filter_timeline_slider2 .irs--flat .irs-single.gwot:before {
  content: "GWOT";
}
.time_filter_timeline_slider2 .irs--flat .irs-from.gulf:before, .time_filter_timeline_slider2 .irs--flat .irs-to.gulf:before, .time_filter_timeline_slider2 .irs--flat .irs-single.gulf:before {
  content: "Gulf War";
}
.time_filter_timeline_slider2 .irs--flat .irs-from.vietnam:before, .time_filter_timeline_slider2 .irs--flat .irs-to.vietnam:before, .time_filter_timeline_slider2 .irs--flat .irs-single.vietnam:before {
  content: "Vietnam War";
}
.time_filter_timeline_slider2 .irs--flat .irs-from.korean:before, .time_filter_timeline_slider2 .irs--flat .irs-to.korean:before, .time_filter_timeline_slider2 .irs--flat .irs-single.korean:before {
  content: "Korean War";
}
.time_filter_timeline_slider2 .irs--flat .irs-from.ww1:before, .time_filter_timeline_slider2 .irs--flat .irs-to.ww1:before, .time_filter_timeline_slider2 .irs--flat .irs-single.ww1:before {
  content: "WWI";
}
.time_filter_timeline_slider2 .irs--flat .irs-from.ww2:before, .time_filter_timeline_slider2 .irs--flat .irs-to.ww2:before, .time_filter_timeline_slider2 .irs--flat .irs-single.ww2:before {
  content: "WWII";
}

.time_filter_timeline_slider {
  flex-grow: 1;
  padding-right: 64px;
  position: relative;
}
.time_filter_timeline_slider:before {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  background: #AAAAAA;
  position: absolute;
  top: 0;
  right: 0;
}
.time_filter_timeline_slider .ui-slider-horizontal {
  height: 3px;
  background: #AAAAAA;
  border: none;
}
.time_filter_timeline_slider .ui-widget-header {
  background: #898770;
}
.time_filter_timeline_slider .ui-slider-handle {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 500;
  background: #898770;
  color: #FFFFFF;
  border: none;
  border-radius: 0;
  padding: 0 15px;
  cursor: pointer;
  top: -14px;
  margin-left: 0;
}
.time_filter_timeline_slider .ui-slider-handle:before {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 120px;
  margin-left: -60px;
  color: #5E5E60;
}

.ui-slider-handle.gwot:before {
  content: "GWOT";
}
.ui-slider-handle.gulf:before {
  content: "Gulf War";
}
.ui-slider-handle.vietnam:before {
  content: "Vietnam War";
}
.ui-slider-handle.korean:before {
  content: "Korean War";
}
.ui-slider-handle.ww2:before {
  content: "WWII";
}

.header_backbutton {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 51px;
  border-right: 1px solid #EDEDED;
  background: url(../images/header2_backbutton.png) #FFFFFF no-repeat center/16px auto;
  transition: all 0.15s ease-out;
}
.header_backbutton:hover {
  background-color: #EDEDED;
}

.page_head_buttonts {
  display: flex;
  margin-right: 40px;
}
.page_head_buttonts a {
  display: flex;
  align-items: center;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  height: 60px;
  line-height: 56px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  padding: 0 17px;
  margin-left: 1px;
  justify-content: center;
}
.page_head_buttonts a:last-child {
  margin-right: 1px;
}
.page_head_buttonts a i {
  display: inline-block;
  vertical-align: middle;
  height: 23px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
}
.page_head_buttonts a .page_head_button-plaque {
  width: 18px;
  background-image: url(../images/button-plaque.png);
}
.page_head_buttonts a .page_head_button-family {
  width: 23px;
  background-image: url(../images/button-family.png);
}
.page_head_buttonts a .page_head_button-newpage {
  width: 21px;
  background-image: url(../images/button-newpage.png);
}

.page_head_right_flex {
  display: flex;
}

.breadcrumbs {
  display: flex;
  width: 100%;
}
.breadcrumbs li {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  position: relative;
  padding-left: 22px;
  margin-left: 6px;
}
.breadcrumbs li:before {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background: #333333;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 2px;
}
.breadcrumbs li.active {
  color: #898770;
}
.breadcrumbs li.active:before {
  background: #898770;
}
.breadcrumbs li:first-child {
  padding-left: 0;
  margin-left: 0;
}
.breadcrumbs li:first-child:before {
  display: none;
}

.time_filter_form_group_year {
  position: relative;
  z-index: 2;
}

.time_filter_dropdown {
  display: block;
  width: 100%;
  height: 240px;
  box-shadow: 0 3px 10px rgba(51, 51, 51, 0.2);
  background: #FFFFFF;
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  padding-bottom: 61px;
}
.time_filter_dropdown ul {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}
.time_filter_dropdown ul li {
  font-size: 30px;
  font-weight: 400;
  line-height: 60px;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  padding: 0 30px;
}
.time_filter_dropdown ul li:hover {
  background: #333333;
  color: #FFFFFF;
}
.time_filter_dropdown ul::-webkit-scrollbar {
  width: 0;
}

.time_filter_dropdown_buttons {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 61px;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  display: flex;
  background: #fff;
  z-index: 2;
}
.time_filter_dropdown_buttons span {
  display: block;
  flex-basis: 50%;
  height: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  font-weight: 700;
  color: #5E5E60;
  cursor: pointer;
}
.time_filter_dropdown_buttons span:hover {
  background: #333333;
  color: #FFFFFF;
}
.time_filter_dropdown_buttons span + span {
  border-left: 1px solid #e5e5e5;
}

.selectmenu .ui-selectmenu-button {
  min-width: 200px;
  width: auto;
  height: 36px;
  background: #333333;
  color: #FFFFFF;
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0 36px 0 12px;
  font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif;
  border: none !important;
}
.selectmenu .ui-selectmenu-text {
  margin-right: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
}
.selectmenu .ui-button .ui-icon {
  width: 12px;
  height: 8px;
  background: url(../images/arrowdownwhite_icon.png) no-repeat center/contain;
  float: none;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -4px;
}

.ui-widget.ui-widget-content {
  border: none;
  background: #898770;
  font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: none;
  font-size: 16px;
  font-weight: 500;
}
.ui-menu .ui-menu-item.ui-state-disabled {
  display: none !important;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  height: 36px;
  line-height: 36px;
  padding: 0 36px 0 12px;
  color: #FFFFFF;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  border: none;
  background: #333333;
  color: #FFFFFF;
  margin: 0;
  font-weight: 500;
}

.page_head2 {
  position: relative;
  padding-top: 76px;
  padding-bottom: 72px;
  margin-bottom: 42px;
  padding-left: 240px;
}
.page_head2 .breadcrumbs2 {
  margin-bottom: 42px;
}
.page_head2 .after_h1 {
  margin-top: 10px;
}

.page_head2_branch {
  display: block;
  width: 160px;
  height: 160px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -80px;
}

.page_head3 {
  margin-bottom: 0;
}

.breadcrumbs2 {
  display: flex;
}
.breadcrumbs2 li {
  padding-left: 26px;
  position: relative;
  margin-left: 8px;
}
.breadcrumbs2 li:before {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  background: #333333;
}
.breadcrumbs2 li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.breadcrumbs2 li:first-child:before {
  display: none;
}
.breadcrumbs2 li a {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  white-space: nowrap;
}
.breadcrumbs2 li.active a, .breadcrumbs2 li:hover a {
  color: #898770;
}

.after_h1 {
  font-size: 24px;
  font-weight: 500;
  color: #898770;
}

.personal_info {
  display: flex;
  min-height: 536px;
  margin-bottom: 62px;
}

.personal_info_left {
  min-width: 200px;
}

.personal_info_photo {
  display: block;
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #FFFFFF;
  position: relative;
}

.image_fullwidthheight_wrapper {
  height: 100%;
}
.image_fullwidthheight_wrapper img {
  width: 100%;
  height: 100%;
}

.loading-img-onload {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -14px 0 0 -42px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.loading-dot {
  float: left;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: grey;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: loadingFade 1s infinite;
  -moz-animation: loadingFade 1s infinite;
  animation: loadingFade 1s infinite;
}

.loading-dot:nth-child(1) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}

.loading-dot:nth-child(2) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.loading-dot:nth-child(3) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.loading-dot:nth-child(4) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

@-webkit-keyframes loadingFade {
  0% { opacity: 0; }
  50% { opacity: 0.8; }
  100% { opacity: 0; }
}

@-moz-keyframes loadingFade {
  0% { opacity: 0; }
  50% { opacity: 0.8; }
  100% { opacity: 0; }
}

@keyframes loadingFade {
  0% { opacity: 0; }
  50% { opacity: 0.8; }
  100% { opacity: 0; }
}

.personal_info_rank.personal_info_rank_left {
  display: none;
}

.personal_info_photo_title {
  font-size: 17px;
  font-weight: 500;
  color: #5E5E60;
  position: absolute;
  left: 0;
  bottom: calc(100% + 26px);
}

.personal_info_button {
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 3px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.personal_info_right {
  position: relative;
  min-width: 160px;
  background: #000000;
}
#timeline_results .personal_info_right {
  background: none;
}
.personal_info_right.deceased, .personal_info_right.fallen, .personal_info_right.miapow, .personal_info_right.powmia {
  padding-top: 54px;
}
#timeline_results .personal_info_right.deceased, #timeline_results .personal_info_right.fallen, #timeline_results .personal_info_right.miapow, #timeline_results .personal_info_right.powmia {
  padding-top: 0;
}

.personal_info_rank_date {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 54px;
  line-height: 54px;
  text-align: center;
  background: #898770;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
}
#timeline_results .personal_info_rank_date {
  height: 40px;
  line-height: 40px;
}

.rank_top_wrapper {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  min-width: 100%;
}
.rank_top_wrapper .personal_info_service_insignia,
.rank_top_wrapper .personal_info_colar_insignia,
.rank_top_wrapper .personal_info_shoulder_tab {
  margin: 25px auto 0;
}

.personal_info_rank_rank_top {
  margin-top: 25px;
  margin-bottom: 25px;
}

.personal_info_rank_rank_top,
.main_item_rank {
  align-self: flex-start;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 100%;
  position: relative;
}
.personal_info_rank_rank_top img.necgroup,
.main_item_rank img.necgroup {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.personal_info_rank_rank_bottom {
  text-align: center;
  margin: auto;
}
.personal_info_rank_rank_bottom .hashmarks,
.personal_info_rank_rank_bottom .overseas-service {
  padding-bottom: 30px;
}

.personal_info_right.personal_info_rank-border {
  height: auto;
  align-self: baseline;
}

.personal_info_rank-border .personal_info_rank_rank_top + .personal_info_rank_rank_bottom {
  border-top: 1px solid #fbfbfb;
}

.page_profile .personal_info .personal_info_rank,
.page_timeline .personal_info .personal_info_rank,
.page_tribute .personal_info .personal_info_rank {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-content: space-between;
}
.personal_info_rank img {
  display: block;
  margin: auto;
}

.personal_info_center {
  flex-grow: 1;
  display: flex;
  margin: -4px 0 0 0;
  padding: 0 20px;
}
.personal_info_center .col55 {
  padding-right: 24px;
}

.personal_info_center_col {
  flex-basis: 50%;
}

.personal_info_center_col:nth-child(odd) {
  padding: 0 40px 0 20px;
}

.personal_info_center_col:nth-child(even) {
  padding: 0 0 0 20px;
  margin-left: -20px;
}

.personal_info_center_col_title {
  display: flex;
  margin-bottom: 38px;
}

.personal_info_center_col_title_text {
  white-space: nowrap;
  font-size: 17px;
  font-weight: 500;
  color: #5E5E60;
  padding-right: 16px;
  line-height: 14px;
}

.personal_info_center_col_title_border {
  flex-grow: 1;
  border-bottom: 1px solid #AAAAAA;
}

.personal_info_list {
  column-count: 2;
  column-gap: 0;
  widows: 1;
  orphans: 1;
}

.personal_info_item {
  display: inline-table;
  padding-right: 48px;
  margin: 11px 0;
  width: 100%;
}

.personal_info_item_title {
  font-size: 17px;
  line-height: 22px;
  color: #898770;
  font-weight: 500;
}

.personal_info_item_text {
  font-size: 17px;
  line-height: 22px;
  font-weight: 500;
  color: #333333;
}
.personal_info_item_text a {
  text-decoration: underline;
  display: block;
}

.personal_photoalbum {
  border-bottom: 1px solid #AAAAAA;
}

.personal_photo_album {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

.personal_photo_album_photo {
  flex-basis: calc(20% - 1px);
  position: relative;
  margin: 0.5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.personal_photo_album_photo > a {
  max-width: 256px;
  display: block;
  margin: auto;
  position: relative;
}
@media (max-width:1279px) {
  .personal_photo_album_photo {
    flex-basis: calc(25% - 1px);
  }
}
@media (max-width:1023px) {
  .personal_photo_album_photo {
    height: auto;
  }
}
@media (max-width:767px) {
  .personal_photo_album_photo {
    flex-basis: calc(50% - 1px);
  }
}

.gallery-item-wrapper {
  position: relative;
}
.personal_photo_album_title {
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.02em;
  padding: 11px;
  line-height: 1.2;
  margin-bottom: 15px;
}

.personal_photo_loadmore {
  margin-top: 80px;
  margin-bottom: 80px;
  display: none;
}

.personal_photo_loadmore a {
  max-width: 320px;
}

.title17 {
  font-size: 17px;
  font-weight: 500;
  color: #5E5E60;
  margin-bottom: 32px;
}

.personal_info_main {
  display: flex;
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  margin-bottom: 24px;
}

.personal_info_main_col {
  flex-basis: 50%;
}
.personal_info_main_col:nth-child(odd) .personal_info_main_item {
  padding-right: 80px;
}
.personal_info_main_col:nth-child(even) {
  border-left: 1px solid #AAAAAA;
}
.personal_info_main_col:nth-child(even) .personal_info_main_item {
  padding-left: 80px;
}

.personal_info_main_item {
  border-top: 1px solid #AAAAAA;
  padding-top: 23px;
  padding-bottom: 80px;
}
.personal_info_main_item:first-child {
  border-top: none;
}
.personal_info_main_item p {
  line-height: 20px;
}
.personal_info_main_item p + p {
  margin-top: 14px;
}
.personal_info_main_item.list_with_img p {
  margin-left: 36px;
  position: relative;
}
.personal_info_main_item.list_with_img p span {
  margin-left: -36px;
}
.personal_info_main_item .personal_info_medalsawards .greenbar_nat_award {
  width: 300px;
  height: 5px;
  background: none repeat scroll 0 0 #d6d7d6;
  border: none;
}
.personal_info_main_item .personal_info_medalsawards .ribbon_img {
  height: 20px;
  width: 74px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.personal_info_main_item .personal_info_badges .personal_info_badge {
  border: 1px solid #ededed;
}
.personal_info_main_item .personal_info_badges .personal_info_badge img {
  width: auto;
  height: auto;
  border: none;
}

.personal_info_main_item #bootcamp_photos {
  position: relative;
}
.personal_info_main_item #bootcamp_photos .photo_wrapper {
  overflow: hidden;
}
.personal_info_main_item #bootcamp_photos .photo_wrapper .slide_wrapper {
  transition: all 0.15s ease-out;
}
.personal_info_main_item #bootcamp_photos .photo_wrapper .slide_wrapper div.bc_photo {
  flex-shrink: 0;
}
.personal_info_main_item #bootcamp_photos .photo_nav {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  background-color: #FFFFFF;
  border: 4px solid #EDEDED;
}
.personal_info_main_item #bootcamp_photos .photo_nav.pull {
  right: -20px;
}
.personal_info_main_item #bootcamp_photos .photo_nav.push {
  left: -20px;
}

.sbv_sleeve_patch,
.sleeve_patch {
  border: 2px solid #AAAAAA;
}

.profile_header .main_item_buttons {
  margin-top: 10px;
}
.profile_header .sleeve_wrapper .main_item_rankdate,
.profile_header .sleeve_wrapper .sleeve_patch {
  height: calc(50% - 5px);
}
.profile_header .sleeve_wrapper.deceased .main_item_rankdate, .profile_header .sleeve_wrapper.fallen .main_item_rankdate, .profile_header .sleeve_wrapper.miapow .main_item_rankdate, .profile_header .sleeve_wrapper.powmia .main_item_rankdate {
  height: calc(50% + 15px);
  padding-top: 40px;
}
.profile_header .sleeve_wrapper.deceased .sleeve_patch, .profile_header .sleeve_wrapper.fallen .sleeve_patch, .profile_header .sleeve_wrapper.miapow .sleeve_patch, .profile_header .sleeve_wrapper.powmia .sleeve_patch {
  height: calc(50% - 25px);
}
.profile_header .sleeve_wrapper .main_item_rankdate,
.profile_header .sleeve_wrapper .sleeve_patch {
  width: 100%;
}

.sleeve_patch,
.sbv_sleeve_patch {
  background: #FFFFFF;
}

.lazyimg_wrapper {
  text-align: center;
  padding: 10px;
}
.lazyimg_wrapper.h100 {
  height: 100%;
  margin: auto;
}
.lazyimg_wrapper.h100.rank_scale_wrapper.with-nec {
  position: relative;
}
.lazyimg_wrapper img {
  width: auto;
  height: auto;
  max-height: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.bg_contain {
  width: 100%;
  height: 100%;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

.personal_info_main_item img {
  display: block;
}
.personal_info_main_item .personal_info_additionalinformation h3 {
  font-size: 16px;
  color: #5e5e60
}
.personal_info_main_item .personal_info_additionalinformation .value img {
  display: inline;
}
.personal_info_main_item .personal_info_additionalinformation .value s {
  text-decoration: line-through;
}
.personal_info_main_item .personal_info_additionalinformation .value * {
  font-size: 16px !important;
  line-height: 22px;
  font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif !important;
  background-color: unset !important;
}
.personal_info_main_item .personal_info_additionalinformation .value :not(strong):not(b) {
  font-weight: 500;
}
.personal_info_main_item .personal_info_additionalinformation .value u {
  text-decoration: underline;
}
.personal_info_main_item .personal_info_additionalinformation .value,
.personal_info_main_item .personal_info_additionalinformation .value * {
  color: #898770 !important;
  font-weight: 500;
}
.personal_info_main_item .personal_info_additionalinformation .value a {
  color: #898770;
  text-decoration: underline;
}
.personal_info_main .personal_info_main_item .personal_info_additionalinformation .value strong,
.personal_info_main .personal_info_main_item .personal_info_additionalinformation .value strong * {
  font-weight: 700;
}
.personal_info_main_item .personal_info_additionalinformation .value * {
  color: #898770 !important;
}
.personal_info_main_item .personal_info_additionalinformation .value a * {
  color: #898770 !important;
}
.personal_info_main_item .personal_info_additionalinformation .value ul,
.personal_info_main_item .personal_info_additionalinformation .value ol {
  padding-left: 20px;
}
.personal_info_main_item .personal_info_additionalinformation .value ul {
  list-style-type: disc;
}
.personal_info_main_item .personal_info_additionalinformation .value ol {
  list-style-type: decimal;
}

.col55 {
  flex-basis: 55%;
}

.col45 {
  flex-basis: 45%;
}

.personal_info_badges {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1px;
}

.personal_info_badge {
  width: 160px;
  min-height: 160px;
}

.personal_info_main_photo {
  margin-bottom: 43px;
}

.unitassignements {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: auto;
  background-size: auto;
  margin-right: 15px;
}

.menu_opener {
  display: block;
  width: 15px;
  height: 15px;
  padding: 6px;
  position: relative;
  cursor: pointer;
  transition: all 0.15s ease-out;
}
.menu_opener span {
  display: block;
  width: 3px;
  height: 3px;
  background: #848484;
  border-radius: 3px;
}
.menu_opener:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #848484;
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1.5px;
  transition: all 0.15s ease-out;
}
.menu_opener:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #848484;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1.5px;
  transition: all 0.15s ease-out;
}
.menu_opener:hover:before {
  left: 12px;
}
.menu_opener:hover:after {
  right: 12px;
}

.personal_info_comment {
  background: #FFFFFF;
  padding: 42px 56px 42px 136px;
  position: relative;
}
.personal_info_comment .menu_opener {
  position: absolute;
  right: 20px;
  top: 14px;
}

.personal_info_comment + .personal_info_comment {
  margin-top: 1px;
}

.personal_info_comment_photo {
  width: 92px;
  height: 92px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -41px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.personal_info_comment_by {
  font-size: 14px;
  line-height: 24px;
  color: #848484;
  font-weight: 500;
}
.personal_info_comment_by a {
  display: inline-block;
  background: #ebebeb;
  border-radius: 3px;
  padding: 0 9px;
}

.personal_info_comment_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #414141;
}

.breadcrumbs2_mobile {
  display: none;
}

.personal_info_title {
  font-size: 24px;
  font-weight: 500;
  display: none;
  margin-bottom: 17px;
}

.personal_info_badges_more {
  display: none;
  margin-top: 10px;
}

/*
.mobile_menu2 {
	.header {
		background: $colorWhite;
		margin: 0 -20px;
		padding: 20px;
	}

	.header .button {
		margin-left: 10px;
	}

	.mobile_menu2_login {
		display: block;
		max-width: 135px;
		width: 100%;
	}

	.mobile_menu_main {
		margin-top: 30px;

	}

	.mobile_menu_main .active a, .mobile_menu_main a:hover {
		background: $colorBlack;
	}

	.mobile_menu_buttons .button {
		margin-top: 10px;
	}
}
*/
.mobile_menu_close {
  min-width: 145px;
  padding-left: 75px;
}

.mobile_menu2_close {
  width: 60px;
  height: 60px;
  display: block;
  margin-left: 10px;
  background: #898770;
  padding: 22px;
  cursor: pointer;
}
.mobile_menu2_close span {
  display: block;
  width: 16px;
  height: 16px;
  position: relative;
  transform: rotate(45deg);
  transition: all 0.15s ease-out;
}
.mobile_menu2_close span:before {
  content: "";
  display: block;
  width: 2px;
  height: 18px;
  background: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -9px;
}
.mobile_menu2_close span:after {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  background: #FFFFFF;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -1px;
}
.mobile_menu2_close:hover span {
  transform: rotate(225deg);
}

.main_page_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% + 320px);
  margin: 0 -160px;
}

.main_page_login {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.main_page_login span {
  position: relative;
  padding-left: 34px;
  display: inline-block;
}
.main_page_login a {
  transition: all 0.15s ease-out;
  color: #FFFFFF;
}
.main_page_login a:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/login_icon.png) no-repeat left/contain;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  padding-left: 34px;
}
.main_page_login a span {
  color: #a7a7a7;
}
.main_page_login a:hover {
  opacity: 0.7;
}

.main_page_before_h1 {
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  font-size: 28px;
  font-weight: 700;
  color: #d2bd9d;
  min-height: 36px;
  margin-bottom: 82px;
}

.personal_info_additionalinformation_head {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  padding-left: 64px;
  margin-bottom: 24px;
}
.personal_info_additionalinformation_head .menu_opener {
  margin-left: 11px;
}

.personal_info_additionalinformation_icon {
  display: block;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  border-radius: 24px;
  background: url(../images/personal_info_additionalinformation_icon.png) no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 50%;
}

.personal_info_additionalinformation_buttonedit {
  display: inline-block;
  line-height: 25px;
  border-radius: 4px;
  background: #FFFFFF;
  white-space: nowrap;
  padding: 0 20px;
  font-size: 14px;
  color: #848484;
  font-weight: 500;
}

.personal_info_additionalinformation p {
  padding-right: 24px;
  line-height: 22px;
}

.personal_info_additionalinformation p + p {
  margin-top: 22px;
}

.max-witdh400 {
  max-width: 400px;
}
.max-witdh500 {
  max-width: 500px;
}
.max-width600 {
  max-width: 600px;
}
.max-width650 {
  max-width: 650px;
}

.modal-content {
  background: url(../images/popup_bg.jpg) no-repeat center #fff/cover;
  border: none;
  border-radius: 0;
  box-shadow: 0 0 29.8px 2.2px rgba(15, 15, 15, 0.14);
}
.modal-content .popup_text + .button {
  min-width: 160px;
  letter-spacing: 0.258em;
}
#popup_mini_plaque .modal-content {
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
.modal-content .spinner-border {
  position: absolute;
  left: 50%;
  right: 50%;
  top: 50%;
  margin-top: -8px;
}

.popup_close {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/popup_close.png) no-repeat center/contain;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  cursor: pointer;
  transition: all 0.15s ease-out;
}
.popup_close:hover {
  transform: rotate(180deg);
}

.popup_title {
  color: #333333;
  font-size: 26px;
  font-weight: 500;
  padding: 23px 20px 22px;
  border-bottom: 1px solid #EDEDED;
}
.join-guide-modal .popup_title {
  font-size: 22px;
  padding-top: 0;
  border: none;
}

.popup_text {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 52px;
}
.popup_text a {
  color: #898770;
}

.popup_inner {
  padding: 42px 40px 40px;
}
.popup_inner#wrap {
  height: 50px;
  opacity: 0;
  padding: 0;
  margin: 0 auto 30px;
}
.popup_inner#wrap #btm {
  margin-top: 4px;
}
.popup_inner#wrap #frame {
  width: 1080px;
  height: 1000px;
  zoom: 1;
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  pointer-events: none;
}
.popup_inner.p30 {
  padding: 30px;
}
.popup_inner.cta {
  background-color: #333333;
  color: #FFFFFF;
}
.join-guide-modal .popup_inner .main-body {
  padding-left: 10px;
  padding-right: 10px;
}
.popup_inner .popup_cta .button {
  width: 250px;
  height: 60px;
  line-height: 56px;
}

.popup_desc {
  background: #898770;
  color: #FFFFFF;
  line-height: 28px;
  font-weight: 500;
}

.timeline {
  border-top: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
}

.timeline_group {
  position: relative;
  overflow: hidden;
}

.timeline_group_title {
  color: #5E5E60;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.timeline_group_title span.timeline_group_title-v {
  position: relative;
  display: block;
  padding: 15px 0 19px;
}
.timeline_group_title span.timeline_group_title-v:after {
  content: "";
  display: block;
  width: 1px;
  margin-left: -0.5px;
  height: 10000px;
  background: #AAAAAA;
  position: absolute;
  left: 50%;
  top: 100%;
}
.timeline_group_title span.timeline_group_title-h {
  position: relative;
  display: inline-block;
  padding: 0 30px;
}
.timeline_group_title span.timeline_group_title-h:after {
  content: "";
  display: block;
  width: 2000px;
  height: 1px;
  background: #AAAAAA;
  position: absolute;
  left: 100%;
  top: 50%;
}
.timeline_group_title span.timeline_group_title-h:before {
  content: "";
  display: block;
  width: 2000px;
  height: 1px;
  background: #AAAAAA;
  position: absolute;
  right: 100%;
  top: 50%;
}

.timeline_group_title_top {
  padding-top: 10px;
}
.timeline_group_title_top span.timeline_group_title-v:before {
  content: "";
  display: block;
  width: 1px;
  margin-left: -0.5px;
  height: 10px;
  background: #AAAAAA;
  position: absolute;
  left: 50%;
  bottom: 100%;
}
.timeline_group_title_top span.timeline_group_title-h:before, .timeline_group_title_top span.timeline_group_title-h:after {
  display: none;
}

.timeline_group_title_bottom {
  padding-bottom: 40px;
}
.timeline_group_title_bottom span.timeline_group_title-h:before, .timeline_group_title_bottom span.timeline_group_title-h:after {
  display: none;
}

.timeline_row {
  display: flex;
  padding-bottom: 53px;
  overflow: hidden;
  flex-wrap: wrap;
}

.timeline_text {
  flex-grow: 1;
}

.timeline_title {
  color: #333333;
  font-size: 24px;
  font-weight: 500;
  margin: -9px 0 37px;
}

.timeline_text_title {
  font-size: 16px;
  line-height: 22px;
  color: #898770;
  font-weight: 500;
}

.timeline_text_paragraph p {
  color: #838383;
  line-height: 22px;
  letter-spacing: 0.015em;
}
.timeline_text_paragraph p a {
  color: #333333;
}

.timeline_medal {
  min-width: 160px;
  width: 160px;
  height: 240px;
  background: #fff no-repeat center/contain;
}

.timeline_year {
  display: block;
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
  padding: 0 15px;
  color: #1e1e1e;
  font-size: 16px;
  font-weight: 500;
  background: #898770;
  position: absolute;
}

.timeline_col {
  flex-basis: 50%;
  max-width: 50%;
  display: flex;
  position: relative;
  margin-top: 94px;
}
.timeline_col:first-child {
  margin-top: 15px !important;
}
.timeline_col:nth-child(odd) {
  padding-right: 160px;
}
.timeline_col:nth-child(odd) .timeline_text {
  padding-right: 80px;
}
.timeline_col:nth-child(odd) .timeline_year {
  right: 40px;
  top: 0;
}
.timeline_col:nth-child(odd) .timeline_year:before {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin-top: -1px;
  background: #898770;
  position: absolute;
  top: 50%;
  left: 100%;
}
.timeline_col:nth-child(odd) .timeline_year:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-top: -4px;
  background: #898770;
  position: absolute;
  top: 50%;
  left: calc(100% + 36px);
}
.timeline_col:nth-child(even) {
  padding-left: 160px;
  flex-direction: row-reverse;
}
.timeline_col:nth-child(even) .timeline_text {
  padding-left: 40px;
}
.timeline_col:nth-child(even) .timeline_year {
  left: 40px;
  top: 0;
}
.timeline_col:nth-child(even) .timeline_year:before {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  margin-top: -1px;
  background: #898770;
  position: absolute;
  top: 50%;
  right: 100%;
}
.timeline_col:nth-child(even) .timeline_year:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-top: -4px;
  background: #898770;
  position: absolute;
  top: 50%;
  right: calc(100% + 36px);
}

.timeline_text_paragraph + .timeline_text_paragraph {
  margin-top: 18px;
}

.gallery_group_title {
  font-size: 24px;
  font-weight: 500;
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 33px;
}

.gallery_group_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 0;
  margin-bottom: 6px;
}

.gallery_group_head_title {
  color: #5E5E60;
  font-size: 17px;
  font-weight: 500;
  line-height: 40px;
  white-space: nowrap;
  min-width: 184px;
  padding-right: 20px;
}
.gallery_group_head_title span {
  display: inline-block;
  margin-left: 10px;
}

.gallery_group_head_button {
  white-space: nowrap;
}
.gallery_group_head_button a {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
  padding: 0 30px;
  margin-left: 10px;
  transition: all 0.15s ease-out;
}

.gallery_albums {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 17px;
}

.gallery_album {
  flex-basis: 20%;
  height: 320px;
  position: relative;
  padding: 1px;
  display: block;
}

.gallery_album_img {
  position: relative;
  width: 100%;
  height: 100%;
  background: no-repeat center/cover;
  z-index: 1;
}

.gallery_album_title {
  position: absolute;
  left: 1px;
  bottom: 1px;
  color: #838383;
  font-size: 14px;
  font-weight: 700;
  background: rgba(15, 15, 15, 0.9);
  z-index: 2;
  width: calc(100% - 2px);
  text-align: center;
  padding: 11px 20px;
}

.loadmore {
  text-align: center;
}
.loadmore a {
  height: 80px;
  line-height: 80px;
  white-space: nowrap;
  display: inline-block;
  color: #5E5E60;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.258em;
  font-weight: 700;
  text-align: center;
  padding: 0 90px;
  transition: all 0.15s ease-out;
}

.gallery {
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 80px;
}

.gallery_group + .gallery_group {
  margin-top: 36px;
}

.gallery_albums + .loadmore {
  margin-top: 31px;
}

.gallery_album_videotext {
  z-index: 2;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(15, 15, 15, 0.9);
  width: 100%;
  display: flex;
  padding: 24px 20px;
  color: #FFFFFF;
  justify-content: space-between;
  align-items: center;
}

.gallery_album_videotext_title {
  font-size: 16px;
  letter-spacing: 0.02em;
  font-weight: 500;
  line-height: 16px;
}

.gallery_album_videotext_date {
  font-size: 14px;
  color: #838383;
  letter-spacing: 0.02em;
  font-weight: 500;
  line-height: 16px;
}

.gallery_album_videotext_time {
  font-size: 16px;
  letter-spacing: 0.02em;
  font-weight: 500;
  line-height: 16px;
  padding-left: 20px;
}

.gallery_group_head_search {
  flex-grow: 1;
  background: #FFFFFF;
  border-radius: 5px;
}
.gallery_group_head_search form {
  position: relative;
  padding-right: 64px;
  width: 100%;
}
.gallery_group_head_search form input {
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
}
.gallery_group_head_search form button {
  display: block;
  width: 64px;
  height: 100%;
  background: url(../images/search_icon_grey.png) no-repeat center/21px auto;
  position: absolute;
  top: 0;
  right: 0;
}

.gallery_view {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background: rgba(15, 15, 15, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.15s ease-out;
}
.gallery_view .photoGalleryView, .gallery_view a {
  color: #838383;
  font-size: 14px;
  font-weight: 700;
  padding: 0 20px;
  display: inline-block;
  border: 2px solid #838383;
  height: 36px;
  line-height: 32px;
  border-radius: 18px;
}
.gallery_view .photoGalleryView:hover, .gallery_view a:hover {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.lightgallery_wrapper .gallery-item:hover .gallery_view {
  opacity: 1;
}
.lg-toolbar .lg-close {
	width: 17px;
	height: 17px;
	background: url(../images/close2.svg) no-repeat center/contain;
}
.lg-actions .lg-next::before,
.lg-actions .lg-prev::after {
	content: "";
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50px;
}
.lg-next.lg-icon,
.lg-prev.lg-icon {
	padding: 0;
	background: none;
}
.lg-actions .lg-next::before {
	background: url(../images/chevron-circle-right-solid.svg) #fff no-repeat;
}
.lg-actions .lg-prev::after {
	background: url(../images/chevron-circle-left-solid.svg) #fff no-repeat;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
	display: none;
}

/*temp popup style start*/
.max-witdh760 {
  max-width: 760px;
}

.popup_login {
  position: relative;
  margin-bottom: 80px;
  margin-top: 80px;
  background: url(../images/popup_login_bg.jpg) #fff no-repeat left top/100% auto;
}
.popup_login .popup_inner {
  padding-top: 80px;
  padding-bottom: 46px;
}
.popup_login .popup_title {
  margin-bottom: 52px;
  font-size: 60px;
  font-weight: 400;
  line-height: 60px;
  border-bottom: none;
}
.popup_login form {
  width: 100%;
}
.popup_login form input {
  display: block;
  height: 80px;
  border: 1px solid #d6d6d6;
  width: 100%;
  text-align: center;
  color: #838383;
  font-size: 18px;
  font-weight: 500;
  background: #FFFFFF;
}
.popup_login form input.pleasecheck {
  border: 1px solid #b4a58d;
}
.popup_login form input:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px 2px rgba(102, 175, 233, 0.6);
}
.popup_login form input + input {
  margin-top: 20px;
}
.popup_login form button + button {
  margin-top: 20px;
}
.popup_login form input + button {
  margin-top: 30px;
}

.popup_login_branch {
  display: block;
  width: 120px;
  margin-left: -60px;
  height: 120px;
  margin-top: -60px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 10;
}

.popup_login_bottom {
  background: #FFFFFF;
  padding: 48px 80px 64px;
  text-align: center;
}

.popup_login_bottom_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 18px;
}
.popup_login_bottom_title.link-to-associates {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1.3em;
}
.popup_login_bottom_title.link-to-associates:first-child {
  padding-bottom: 10px;
}
.popup_login_bottom_title.link-to-associates a {
  margin-left: 0;
}
.popup_login_bottom_title a {
  color: #b4a58d;
  display: inline-block;
  margin-left: 5px;
}

/*
.popup_login_bottom_text {
	color: $colorGrey3;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
}

.popup_login_forgot {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	text-align: center;
	font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	color: $colorWhite;
	padding: 26px 20px;

	a {
		color: #b9ab95;
		display: inline-block;
		margin-left: 5px;
	}
}
*/
.popup_login_forgot_borderbottom {
  display: inline-block;
}
.popup_login_forgot_borderbottom.popup_login_forgot_brown a {
  color: #b9ab95;
  display: inline-block;
  margin-left: 5px;
}
.popup_login_forgot_borderbottom a {
  color: #b4a58d;
  display: inline-block;
  margin-left: 5px;
}

.popup_login_forgot2 span {
  position: relative;
  display: inline-block;
  padding-top: 24px;
}
.popup_login_forgot2 span:before {
  content: "";
  display: block;
  border-top: 1px dashed #FFFFFF;
  width: 86%;
  position: absolute;
  left: 7%;
  top: 0;
}
.popup_login_forgot2 a {
  border-bottom-style: solid;
}

.button_brown {
  background: #b4a58d;
  border-color: #b4a58d;
  color: #0b0b0c;
}
.button_brown:hover {
  background: #333333;
  border-color: #333333;
  color: #FFFFFF;
}

.button_blue {
  background: #3d5c95;
  border-color: #3d5c95;
  color: #FFFFFF;
}
.button_blue:hover {
  background: #333333;
  border-color: #333333;
  color: #fff;
}

.popup_inner .button {
  width: 100%;
  height: 80px;
  line-height: 74px;
}

.popup_login form button + button {
  margin-top: 20px !important;
}

@media (max-width: 479px) {
  .fs20-xxs {
    font-size: 16px;
  }

  .popup_inner,
  .popup_login_bottom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .popup_inner #btm {
    font-size: 9px !important;
  }
  .popup_inner .popup_cta .button {
    max-width: 200px;
  }
  .popup_inner .popup_cta span {
    max-width: 85px;
  }

  .popup_inner .button {
    font-size: 12px;
  }
}
.header_right_inner {
  position: relative;
}

.header_right_popup {
  position: absolute;
  right: 0;
  top: 100%;
  width: calc(100% - 12px);
  z-index: 2;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  background: #FFFFFF;
  padding: 20px 20px;
  transition: all 0.15s ease-out;
  display: none;
}
.header_right_popup a {
  color: #898770;
}

.header_right_inner:hover .header_right_popup {
  display: block;
}

#popup_forgotpassword .modal-content {
  background: #fff;
}
#popup_forgotpassword .popup_inner {
  background: #f1f2f2;
}
#popup_forgotpassword .popup_title {
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 44px;
}
#popup_forgotpassword .popup_content_bottom_text {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  padding: 36px 0;
}
#popup_forgotpassword .popup_content_bottom_text a {
  color: #b4a58d;
  display: inline-block;
  margin-left: 3px;
}

form.popup_form {
  width: 100%;
}

form.popup_form input {
  display: block;
  height: 80px;
  border: 1px solid #d6d6d6;
  width: 100%;
  text-align: center;
  color: #202020;
  font-size: 18px;
  font-weight: 500;
  background: #fff;
}

form.popup_form input:focus {
  border: 1px solid #b4a58d;
}

.form-control::placeholder {
  opacity: 0.5;
}

form.popup_form input::-webkit-input-placeholder {
  color: #838383;
}

form.popup_form input::-ms-input-placeholder {
  color: #838383;
}

form.popup_form input::placeholder {
  color: #838383;
}

/*temp popup style end*/
.main_page_top.main_page_top_absolute {
  position: relative;
  display: block;
  margin-bottom: 118px;
}
.main_page_top.main_page_top_absolute .logo {
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
}
.main_page_top.main_page_top_absolute .main_page_login {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 36px;
}
.main_page_top.main_page_top_absolute .main_page_top_title {
  font-size: 28px;
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  color: #D7C4A5;
  letter-spacing: 0.02em;
  line-height: 36px;
}

.main_page_title2 {
  color: #D7C4A5;
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  font-size: 24px;
  margin-bottom: 78px;
}

.main_page_inner2 .main_page_title:before {
  display: none;
}
.main_page_inner2 .main_page_title {
  padding-bottom: 42px;
  margin-bottom: 0;
}

.main_page_top_back {
  position: absolute;
  left: -50px;
  top: 0;
  height: 36px;
  width: 30px;
  background: url(../images/arrowleft_white.png) no-repeat center/16px auto;
  z-index: 10;
}

.main_list_select {
  position: relative;
  min-height: 36px;
  min-width: 200px;
  width: auto;
  z-index: 1;
}
.main_list_select.opened {
  z-index: 10;
}
.main_list_select.opened li {
  display: list-item;
}
.main_list_select.opened:before {
  display: none;
}
.main_list_select:before {
  content: "";
  display: block;
  width: 12px;
  height: 8px;
  background: url(../images/arrowdownwhite_icon.png) no-repeat center/contain;
  position: absolute;
  right: 12px;
  top: 14px;
  z-index: 11;
}
.main_list_select ul {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 200px;
  width: auto;
  background: #898770;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
  z-index: 10;
}
.main_list_select:last-child ul {
  left: auto;
  right: 0;
}
.main_list_select li {
  display: none;
  padding: 0 36px 0 12px;
  cursor: pointer;
  white-space: nowrap;
}
.main_list_select li:hover {
  background: #333333;
}
.main_list_select li.active {
  display: list-item;
  background: #333333;
}
.main_list_select li span {
  font-weight: 400;
  opacity: 0.6;
  font-size: 14px;
}

.colorwhite {
  color: #fff;
}

.nowrap {
  white-space: nowrap;
}

.header_menu_opener {
  display: block;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding-right: 50px;
  padding-left: 30px;
  margin-left: 30px;
  color: #fff;
}

.header_menu_opener i {
  display: block;
  width: 40px;
  height: 11px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}

.main_page_top_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: auto;
}

.main_page {
  padding-top: 160px;
}
.main_page .main_page_top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0 160px;
  height: 160px;
  flex-direction: row-reverse;
}

.main_page_top_center {
  text-align: center;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  height: 160px;
  display: flex;
  align-items: center;
  color: #d2bd9d;
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  font-size: 20px;
  font-weight: 600;
  padding: 0 80px;
}

.main_page_top_wcenter .main_page_top_right, .main_page_top_wcenter .logo {
  flex-basis: 33%;
}
.main_page_top_wcenter .main_page_top_right {
  padding-left: 40px;
}

.main_page_top_center_mobile {
  display: none !important;
}

.main_page_separation {
  background: url(../images/main_page_separation.jpg) no-repeat center/cover;
}

.main_page_top_wback {
  padding-left: 210px;
  position: relative;
}

.main_page_top_back_button {
  width: 50px;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  background: url(../images/arrowleft_white.png) no-repeat center/16px auto;
  z-index: 1;
}

.main_page_top .assoc_badge_logo {
  position: absolute;
  left: 30%;
  right: 30%;
}

.main_page_title2 {
  font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif;
  font-weight: 700;
}

.main_page_title2 span {
  position: relative;
  display: inline-block;
  padding-left: 120px;
  padding-right: 120px;
}
.main_page_title2 span:before, .main_page_title2 span:after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  background: #5e5e60;
}
.main_page_title2 span:before {
  left: 0;
}
.main_page_title2 span:after {
  right: 0;
}

.main_page .mobile_menu {
  text-align: left;
  color: #202020;
}
.main_page .mobile_menu .wrapper {
  max-width: 100%;
}
.main_page .mobile_menu .main_page_top {
  position: relative;
  background: #fff;
}
.main_page .mobile_menu .main_page_login a {
  color: #202020;
}
.main_page .mobile_menu .main_page_login a span {
  color: #b4a58d;
}
.main_page .mobile_menu .main_page_login:before {
  background: url(../images/login_icon_black.png) no-repeat center/contain;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default {
  background: #FFFFFF;
  border-color: #FFFFFF;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight {
  border: 1px solid #898770;
  background: #898770;
  color: #FFFFFF;
}

.ui-datepicker .ui-widget-header {
  background: #898770;
  color: #FFFFFF;
}

.ui-datepicker .ui-datepicker-next:hover {
  background: none !important;
  border-color: transparent !important;
  right: 2px;
  top: 2px;
  opacity: 0.75;
}

.ui-datepicker .ui-datepicker-prev:hover {
  background: none !important;
  border-color: transparent !important;
  left: 2px;
  top: 2px;
  opacity: 0.75;
}

.ui-datepicker .ui-datepicker-next span {
  background: url(../images/arrowrightwhite_icon.png) no-repeat center/8px auto;
}

.ui-datepicker .ui-datepicker-prev span {
  background: url(../images/arrowleftwhite_icon.png) no-repeat center/8px auto;
}

.ui-datepicker.ui-widget.ui-widget-content {
  border: 2px solid #AAAAAA;
}

/*select2 style for timeline start*/
.select2.select2-container--timelineselect {
  min-width: 200px;
  width: auto;
  z-index: 1;
  position: relative;
}
.select2.select2-container--timelineselect.select2-container--open {
  z-index: 10;
}
.select2.select2-container--timelineselect .select2-selection--single {
  height: 36px;
  background: #333;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 36px;
}
.select2.select2-container--timelineselect .select2-selection--single .select2-selection__rendered {
  padding-left: 12px;
  padding-right: 36px;
}
.select2.select2-container--timelineselect .select2-selection--single .select2-selection__arrow {
  display: block;
  width: 12px;
  height: 8px;
  background: url(../images/arrowdownwhite_icon.png) no-repeat center/contain;
  position: absolute;
  right: 12px;
  top: 14px;
  z-index: 11;
}

.select2-container--timelineselect .select2-dropdown {
  background-color: #898770;
  border: none;
  border-radius: 0;
  color: #fff;
}
.select2-container--timelineselect .select2-dropdown .select2-results__option {
  padding: 0 12px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}
.select2-container--timelineselect .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  background: #333;
}

.timelineselectli span {
  font-weight: 400;
  opacity: 0.6;
  font-size: 14px;
}

/*select2 style for timeline end*/
/*select2 style for timelineyearselect start*/
.select2.select2-container--timelineyearselect {
  width: 100% !important;
  border: 2px solid #aaa;
}
.select2.select2-container--timelineyearselect .select2-selection--single {
  height: 56px;
  font-size: 18px;
  font-weight: 500;
  line-height: 56px;
  padding-left: 44px;
  padding-right: 24px;
  letter-spacing: 0.1em;
  background: #fff url(../images/calendar_icon.png) no-repeat 20px center/14px auto;
}
.select2.select2-container--timelineyearselect .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
}
.select2.select2-container--timelineyearselect .select2-selection--single .select2-selection__arrow {
  display: block;
  width: 60px;
  height: 100%;
  background: url(../images/arrowdownblack_icon.png) no-repeat center/16px auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 11;
}

.select2-container--timelineyearselect .select2-dropdown {
  border: none;
  border-radius: 0;
  width: 100%;
  box-shadow: 0 3px 10px rgba(51, 51, 51, 0.2);
  background: #FFFFFF;
  margin-top: 5px;
}
.select2-container--timelineyearselect .select2-dropdown .select2-results {
  height: 240px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.select2-container--timelineyearselect .select2-dropdown .select2-results::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.select2-container--timelineyearselect .select2-dropdown .select2-results__option {
  padding: 0 24px;
  line-height: 59px;
  font-size: 30px;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.select2-container--timelineyearselect .select2-dropdown .select2-results__option[aria-disabled=true] {
  display: none;
}
.select2-container--timelineyearselect .select2-dropdown .select2-results__option:last-child {
  border-bottom: none;
}
.select2-container--timelineyearselect .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  background: #333;
  color: #fff;
}

/*select2 style for timelineyearselect end*/
.time_filter_form_group_year .time_filter_select {
  width: 316px;
  position: relative;
  background: #fff;
  display: block;
  margin-bottom: 0;
}

.ui-selectmenu-button.timelineyearselect2ui {
  width: 100% !important;
  border: 2px solid #aaa;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  line-height: 56px;
  padding: 0 48px 0 44px;
  letter-spacing: 0.1em;
  background: #fff url(../images/calendar_icon.png) no-repeat 20px center/14px auto;
  border-radius: 0;
  font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif;
}
.ui-selectmenu-button.timelineyearselect2ui:active {
  color: #333333;
}
.ui-selectmenu-button.timelineyearselect2ui .ui-selectmenu-text {
  margin-right: 0;
}
.ui-selectmenu-button.timelineyearselect2ui .ui-selectmenu-icon.ui-icon {
  float: none;
  display: block;
  width: 60px;
  height: 100%;
  background: url(../images/arrowdownblack_icon.png) no-repeat center/16px auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 11;
}

.ui-selectmenu-menu.timelineyearselect2ui {
  box-shadow: 0 3px 10px rgba(51, 51, 51, 0.2);
  max-height: 270px;
  background: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-selectmenu-menu.timelineyearselect2ui::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ui-selectmenu-menu.timelineyearselect2ui .ui-widget.ui-widget-content {
  background: #FFFFFF;
}
.ui-selectmenu-menu.timelineyearselect2ui .ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper {
  padding: 0 24px;
  line-height: 59px;
  font-size: 30px;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  height: 60px;
  color: #333333;
}
.ui-selectmenu-menu.timelineyearselect2ui .ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  color: #FFFFFF;
}

#asc-chapter-id {
  color: #D7C4A5;
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  text-transform: uppercase;
  padding-bottom: 1.3em;
}
.content_join #asc-chapter-id {
  margin-top: -35px;
  margin-bottom: 35px;
}
#asc-chapter-id h1 {
  font-size: 2rem;
}

/*


.select2-container--timelineyearselect {
	.select2-dropdown {
		border: none;
		border-radius: 0;
		width: 100%;


		.select2-results {

		}


		.select2-results__option {


			&[aria-disabled="true"] {display: none}

			&:last-child {
				border-bottom: none;
			}

			&.select2-results__option--highlighted {
				background: #333;
				color: #fff;
			}
		}
	}
}
*/
.joinpanel {
  position: fixed;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  max-width: 816px;
  width: 100%;
  z-index: 10;
  background: #888672;
  color: #fff;
  padding: 20px 0;
}
.joinpanel.living {
  max-width: 860px;
}

@media (max-width: 803px) {
  .joinpanel {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.joinpanel_close {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  display: block;
  cursor: pointer;
  padding: 7px;
}

.joinpanel_close svg {
  width: 18px;
  height: 18px;
  display: block;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  fill: #333;
}

.joinpanel_close:hover svg {
  fill: #fff;
}

.joinpanel_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 28px;
  padding-right: 54px;
}

.joinpanel_text {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  padding-right: 15px;
}

.joinpanel_text.mobile {
  display: none;
}

.joinpanel_buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4px;
}

.joinpanel_buttons .button {
  margin: 0 4px;
  height: 40px;
  font-size: 11px;
  line-height: 40px;
  letter-spacing: 0.25em;
  border: 0;
}

.joinpanel_buttons .mobile {
  display: none;
}

.hidden {
	display: none;
}

.flex_b100 {
  flex-basis: 100%;
}

@media (min-width: 1280px) {
  .button_nodes {
    display: none !important;
  }

  .page_head.has_asc_ref {
    padding: 72px 0 5px;
  }

  .stripes-insignia {
    width: 160px;
  }

  .main_item_date {
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
  }

  .personal_info_main_item #bootcamp_photos .photo_nav {
    right: -25px;
  }
}
@media (max-width: 1919px) {
  .wrapper {
    padding-left: 80px;
    padding-right: 80px;
  }

  .main_menu li {
    margin-left: 20px;
    margin-right: 20px;
  }

  .main_menu_tws li {
    margin-left: 20px;
    margin-right: 20px;
  }

  .page_head_left-left {
    padding-left: 192px;
  }

  .main_item_col70,
.main_item_col30 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .page_head_searchform {
    width: 100%;
  }
  .page_head_searchform .button {
    padding: 0 24px;
  }

  .main_page_top {
    width: calc(100% + 160px);
    margin: 0 -80px;
  }

  .timeline_col:nth-child(odd) {
    padding-right: 120px;
  }

  .timeline_col:nth-child(even) {
    padding-left: 120px;
  }

  .timeline_col:nth-child(odd) .timeline_text {
    padding-right: 40px;
  }

  .last-search {
    width: 320px;
  }
}
@media (max-width: 1599px) {
  .time_filter_inputs {
    display: block;
  }

  .time_filter_title {
    margin-bottom: 20px;
  }
  .time_filter_title:after {
    display: none;
  }

  .time_filter_form {
    justify-content: flex-start;
  }

  .main_item:nth-child(odd) {
    padding-right: 140px;
  }
  .main_item:nth-child(odd) .sleeve_wrapper {
    right: 20px;
  }
  .main_item:nth-child(even) {
    padding-left: 139px;
  }
  .main_item:nth-child(even) .sleeve_wrapper {
    left: 20px;
  }

  .main_item_main {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main_menu li {
    margin-left: 10px;
    margin-right: 10px;
  }

  .main_menu {
    padding-left: 40px;
    padding-right: 20px;
  }

  .page_head_buttonts {
    position: absolute;
    left: 0;
    bottom: 30px;
    margin-right: 0;
    width: 100%;
  }
  .page_head_buttonts a {
    flex-grow: 1;
  }

  .personal_info_center {
    padding-left: 20px;
    padding-right: 20px;
  }

  .personal_info_main_col:nth-child(even) .personal_info_main_item {
    padding-left: 40px;
  }

  .personal_info_main_col:nth-child(odd) .personal_info_main_item {
    padding-right: 40px;
  }

  .personal_info_item {
    padding-right: 24px;
  }

  .page_head2 {
    padding-left: 220px;
  }
}
@media (max-width: 1439px) {
  .wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .header_right .button {
    width: auto;
    padding: 0 24px;
  }

  .header_section .wrapper {
    padding-left: 80px;
  }

  .main_page_top {
    width: calc(100% + 80px);
    margin: 0 -40px;
  }

  .timeline_col:nth-child(odd) {
    padding-right: 100px;
  }

  .timeline_col:nth-child(even) {
    padding-left: 100px;
  }

  .timeline_col:nth-child(odd) .timeline_year {
    right: 20px;
  }

  .timeline_col:nth-child(even) .timeline_year {
    left: 20px;
  }

  .timeline_col:nth-child(odd) .timeline_year:before {
    width: 20px;
  }

  .timeline_col:nth-child(odd) .timeline_year:after {
    left: calc(100% + 16px);
  }

  .timeline_col:nth-child(even) .timeline_year:before {
    width: 20px;
  }

  .timeline_col:nth-child(even) .timeline_year:after {
    right: calc(100% + 16px);
  }

  .gallery_album {
    flex-basis: 25%;
  }

  .main_page .main_page_top {
    padding-left: 80px;
    padding-right: 80px;
  }

  .main_page_top_center {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1279px) {
  .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main_page {
    padding-left: 60px;
    padding-right: 60px;
  }
  .main_page h1 {
    font-size: 110px;
  }

  .card-img-overlay {
    display: none;
  }

  .main_page_branch_sevice a .branch {
    width: 100px;
    height: 100px;
  }

  .main_page_top .assoc_badge_logo {
    display: none;
  }

  .main_menu {
    display: none;
  }

  .main_menu_menuopener {
    display: flex;
  }

  .button {
    height: 40px;
    line-height: 36px;
  }

  .header {
    padding-top: 20px;
    padding-bottom: 19px;
  }

  .page_head_branchs .branch {
    width: 36px;
    height: 36px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .page_head_branchs .branch.active {
    width: 80px;
    height: 80px;
    margin-top: -64px;
  }

  .page_head {
    display: block;
    padding: 20px 0 19px;
  }

  h1 {
    font-size: 36px;
  }

  .page_head_left-left {
    padding-left: 120px;
    flex-basis: 50%;
  }

  .header_right {
    flex-basis: 50%;
  }

  .page_head_left-right {
    flex-basis: 50%;
  }

  /*
  	.header .button {
  		width: 220px;
  	}
  */
  p {
    line-height: 26px;
  }

  p + p {
    margin-top: 26px;
  }

  /*
  .page_head_branchs {
  	margin: 0 -4px 27px;
  }*/
  .page_head_left {
    justify-content: center;
  }

  .page_head {
    display: block;
    text-align: center;
    padding-top: 18px;
  }

  .page_head_left {
    display: block;
  }

  .page_head_left-left {
    padding: 0 0 23px;
  }
  .has_asc_ref .page_head_left-left.association_wrapper {
    font-size: 20px;
    margin-top: 5px;
  }

  .page_head_formobile {
    margin-top: 0;
    display: block;
  }

  .page_head_branchs {
    margin: 0 auto 10px;
    justify-content: space-between;
    align-items: center;
    max-width: 280px;
  }
  .page_head_branchs .branch {
    margin-left: 0;
    margin-right: 0;
  }
  .page_head_branchs.hasAsc {
    justify-content: center;
  }
  .page_head_branchs.hasAsc .branch {
    margin: 0 6px;
  }

  .page_head_branchs .branch.active {
    position: static;
    margin-top: 0;
  }

  .page_head_buttonts {
    bottom: auto;
    top: 0;
  }

  .page_head_right {
    position: relative;
    padding-top: 88px;
  }
  .has_asc_ref > .page_head_right {
    padding-top: 10px;
  }

  .page_head_profiles {
    text-align: left;
    margin-left: 0;
    margin-bottom: 24px;
  }

  .page_head_right-right p {
    display: none;
  }

  .page_head_searchform .button {
    width: 160px;
  }

  .main_menu {
    display: none;
  }

  .time_filter_form_group {
    padding-left: 20px;
    margin-left: -20px;
  }

  .time_filter_form_group + .time_filter_form_group {
    margin-left: 0;
  }

  .time_filter_form_group {
    flex-basis: 40%;
  }

  .time_filter_form button {
    flex-basis: 20%;
    margin-left: 20px;
  }

  .time_filter_datepicker {
    width: 100%;
  }

  .time_filter_title {
    font-size: 18px;
    margin-bottom: 26px;
  }

  .main_item {
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 140px !important;
    border-left: none !important;
    flex-direction: row !important;
  }

  .main_item_col {
    flex-basis: 50%;
  }

  .main_item_row {
    align-items: baseline;
  }

  .sleeve_wrapper {
    left: auto !important;
    right: 0 !important;
  }

  .button_login {
    display: none;
  }

  .header2 .wrapper {
    padding-left: 96px;
  }

  .breadcrumbs {
    justify-content: center;
  }

  .personal_info_center {
    display: block;
  }

  .personal_info_center_col + .personal_info_center_col {
    margin-top: 28px;
  }

  .personal_info_center .col55 {
    padding-right: 0;
  }

  .personal_info_main_col:nth-child(even) .personal_info_main_item {
    padding-left: 20px;
  }

  .personal_info_main_col:nth-child(odd) .personal_info_main_item {
    padding-right: 20px;
  }

  .personal_info_main_item {
    margin-bottom: 40px;
  }

  .header .button_login2 {
    display: block;
    width: 40px;
    padding: 0;
  }
  .header .button_login2 span {
    padding-left: 0;
  }
  .header .button_login2 .text {
    display: none;
  }
  .header .button_login2 i {
    position: static;
    width: 36px;
    height: 36px;
    margin-top: 0;
    background-size: 18px auto;
  }

  .button_notablet {
    display: none;
  }

  .page_head2 .breadcrumbs2 {
    display: none;
  }

  .breadcrumbs2_mobile {
    display: flex;
    border-bottom: 1px solid #AAAAAA;
    padding: 12px 0;
  }

  .breadcrumbs2 li a {
    font-size: 16px;
  }

  .breadcrumbs2 li {
    margin-left: 4px;
    padding-left: 16px;
  }

  .breadcrumbs2 li:before {
    width: 11px;
    height: 2px;
    background: #333;
  }

  .page_head2 {
    padding-left: 120px;
    padding-top: 35px;
    padding-bottom: 22px;
    margin-bottom: 74px;
  }

  .page_head2_branch {
    width: 100px;
    height: 100px;
    margin-top: -40px;
  }

  .page_head2 h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .after_h1 {
    font-size: 20px;
  }

  .page_head2 .after_h1 {
    margin-top: 14px;
  }

  .personal_info_item {
    word-break: break-word;
  }

  .personal_info_item_title,
.personal_info_item_text {
    font-size: 16px;
  }

  .personal_info_right {
    min-width: 120px;
  }
  .personal_info_right.deceased, .personal_info_right.fallen, .personal_info_right.miapow, .personal_info_right.powmia {
    padding-top: 40px;
  }

  .personal_info_rank_date,
.main_item_date {
    height: 40px;
    line-height: 40px;
  }

  .main_page_top {
    width: calc(100% + 40px);
    margin: 0 -20px;
    padding: 0 20px;
  }

  .main_page_branch_sevice a span {
    margin-top: 24px;
    font-size: 20px;
  }

  .main_page_branch_sevice a .branch_living,
.main_page_branch_sevice a .branch_fallen,
.main_page_branch_sevice a .branch_miapow,
.main_page_branch_sevice a .branch_powmia,
.main_page_branch_sevice a .branch_deceased {
    position: relative;
  }
  .main_page_branch_sevice a .branch_living:before,
.main_page_branch_sevice a .branch_fallen:before,
.main_page_branch_sevice a .branch_miapow:before,
.main_page_branch_sevice a .branch_powmia:before,
.main_page_branch_sevice a .branch_deceased:before {
    border-width: 2px;
  }

  .main_page_before_h1 {
    margin-bottom: 41px;
  }

  .main_page .main_page_h1 {
    height: 12.1875vw;
  }

  .main_page_marine_img {
    display: none;
  }

  .timeline_row {
    display: block;
  }

  .timeline_group_title {
    text-align: left;
  }

  .timeline_group_title span {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .timeline_group_title span:before,
.timeline_group_title span:after {
    display: none !important;
  }

  .timeline_year {
    display: none !important;
  }

  .timeline_col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
  }

  .timeline_group + .timeline_group {
    border-top: 1px solid #AAAAAA;
  }

  .timeline_group:last-child {
    border-top: none !important;
  }

  .mobile_menu2_close {
    width: 40px;
    height: 40px;
    padding: 12px;
  }

  .mobile_menu_close {
    padding-left: 95px;
  }

  .personal_info_center_col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .popup_plaq_medallist {
    padding-left: 36px;
    padding-right: 36px;
  }

  .popup_plaq_head {
    padding-left: 12px;
    padding-right: 12px;
  }

  .popup_plaq_info {
    padding-left: 48px;
    padding-right: 48px;
  }

  .popup_plaq_info_group_remove {
    right: -40px;
  }

  .main_page {
    padding-top: 80px;
  }

  .main_page .main_page_top {
    height: 80px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .main_page_top_center {
    display: none;
  }

  .main_page_top_center_mobile {
    display: flex !important;
    justify-content: center;
    height: 80px;
    margin-left: -60px;
    margin-right: -60px;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .main_page_separation {
    background-position: top right;
  }

  .time_filter_form_group_year .time_filter_select {
    width: 100%;
  }

  .time_filter_form_group_year {
    width: 100%;
  }

  .association_wrapper .ascChapterReferral {
    display: block;
  }

  .main_list_index .main_item_index .main_item_name {
    font-size: 1rem;
  }
}
@media (max-width: 1023px) {
  .main_page {
    /*.logo {
    	height: 25px;
    	margin-bottom: 61px;
    }*/
    /*h1 {
    	font-size: 110px;
    	line-height: 93px;
    	margin-left: -20px;
    	margin-right: -20px;
    	margin-bottom: 28px;
    }*/
  }

  .lg-actions .lg-next::before,
  .lg-actions .lg-prev::after {
    width: 30px;
    height: 30px;
    border-radius: 30px;
  }

  .main_page_title {
    font-size: 38px;
    padding-bottom: 66px;
    margin-bottom: 64px;
  }
  .main_page_title:before {
    width: 160px;
    margin-left: -80px;
  }

  .main_page_branch_sevices_title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
  }

  .main_page_branch_sevices_title {
    margin-bottom: 32px;
  }

  .main_page_branch_sevices {
    margin-bottom: 47px;
  }

  .main_page_create_page_button {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1em;
  }

  .time_filter_datepicker {
    padding-right: 54px;
  }

  .time_filter_datepicker_calendar {
    width: 54px;
  }

  .main_list_filter li a {
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .header2 .wrapper {
    padding-left: 72px;
  }

  .personal_info_main {
    display: block;
  }

  .title17 {
    font-size: 16px;
  }

  .personal_info_main_item {
    padding-top: 12px;
    padding-bottom: 40px;
    margin-bottom: 0;
  }

  .personal_info_main_col:nth-child(even) {
    border-left: none;
  }

  .personal_photo_album {
    margin-bottom: 32px;
  }

  .personal_photo_album_photo {
    display: none;
  }
  .personal_photo_album_photo:nth-child(-n+4) {
    display: block;
  }

  .personal_photo_loadmore {
    display: block;
  }

  .personal_photo_loadmore a {
    max-width: 100%;
  }

  .personal_info_main_col:nth-child(odd) .personal_info_main_item {
    padding-right: 0;
  }

  .personal_info_main_col:nth-child(even) .personal_info_main_item {
    padding-left: 0;
  }

  .personal_info_main_item {
    padding-bottom: 29px;
  }

  .popup_login_bottom_title.link-to-associates {
    font-size: 15px;
  }

  .main_menu_menuopener {
    min-width: 122px;
    padding-left: 20px;
  }

  .mobile_menu_close {
    min-width: 122px;
    padding-left: 72px;
  }

  .gallery_album {
    flex-basis: 33.33333%;
  }

  .main_page_top.main_page_top_absolute {
    margin-bottom: 72px;
  }
  .main_page_top.main_page_top_absolute .logo {
    position: static;
    height: 36px;
    width: 100%;
    background-position: center;
    margin-bottom: 30px;
  }
  .main_page_top.main_page_top_absolute .main_page_login {
    position: relative;
    margin-bottom: 30px;
  }

  .plaque_content {
    display: block;
  }

  .plaque_content_left {
    max-width: 100%;
  }

  .plaque_content_right {
    padding-left: 157px;
    padding-right: 0;
    max-width: 100%;
    margin-top: 24px;
    min-height: 220px;
  }

  .plaque_content_rank {
    right: 0;
    left: 0;
  }

  .plaque_bottom_medals {
    margin-right: 36px;
  }

  .plaque_bottom_auxiliarybadge {
    margin-right: 36px;
  }

  .joinpanel_wrapper {
    padding-right: 20px;
    padding-left: 20px;
    display: block;
    text-align: center;
  }
  .joinpanel_wrapper .joinpanel_text {
    margin-bottom: 12px;
    padding-right: 0;
    font-size: 20px;
    line-height: 24px;
  }
  .joinpanel_wrapper .joinpanel_buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .main_list_index .main_item_index .main_item_name {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main_page {
    padding-left: 0;
    padding-right: 0;
  }
  .main_page h1 {
    font-size: 66px;
    line-height: 56px;
    margin-left: 0;
    margin-right: 0;
  }

  .main_page_title {
    font-size: 18px;
  }
  .main_page_title:before {
    width: 80px;
    margin-left: -40px;
  }

  .main_page_branch_sevices_title {
    font-size: 14px;
    line-height: 24px;
  }

  .main_page_branch_sevices {
    flex-wrap: wrap;
    justify-content: center;
  }

  .main_page_branch_sevice {
    padding: 15px 20px;
    width: 50%;
  }
  .main_page_branch_sevice a {
    margin-left: auto;
    margin-right: auto;
  }

  .header_right {
    min-width: 100%;
    text-align: center;
  }

  /*
  .main_menu_menuopener {
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 100%;
  }
  */
  /*.main_menu_menuopener_text {
  	display: none;
  }*/
  .header {
    flex-direction: column-reverse;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 30px;
  }
  .header .logo {
    width: 100%;
  }

  .content_join #asc-chapter-id {
    margin-top: -20px;
    margin-bottom: 0;
  }
  #asc-chapter-id h1 {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .page_head_profiles {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 14px;
    padding-top: 8px;
  }

  .page_head_searchform {
    position: static;
    width: 100%;
    border: 2px solid #AAAAAA;
    margin-bottom: 14px;
  }
  .page_head_searchform .button {
    width: 48px;
    height: 46px;
    padding: 0;
    background: url(../images/search_icon_black.png) no-repeat center;
    background-size: 21px auto;
    border: none;
  }
  .page_head_searchform input {
    border: none;
    padding-left: 12px;
    padding-right: 12px;
  }
  .page_head_searchform button span {
    display: none;
  }

  .page_head_buttonts a {
    padding-left: 10px;
    padding-right: 10px;
  }

  .main_menu {
    top: 40px;
  }

  .time_filter_form {
    display: block;
  }

  .time_filter_form button {
    margin-top: 20px;
    margin-left: 0;
    width: 100%;
  }

  .time_filter_form_group {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
  }

  .time_filter_form_group + .time_filter_form_group {
    margin-top: 20px;
  }

  .time_filter_form_group_title {
    min-width: 38px;
  }

  .time_filter_datepicker {
    height: 50px;
  }

  /*
  .main_list_filter {
  	display: block;
  	margin-top: 20px;
  }

  .main_list_filter ul + ul {
  	 margin-top: 20px;
   }

  .main_list_filter ul {
  	display: block;
  	position: relative;

  	&:before {
  		content: "";
  		display: block;
  		width: 12px;
  		height: 8px;
  		background: url(../images/arrowdownwhite_icon.png) no-repeat center / contain;
  		position: absolute;
  		right: 15px;
  		top: 21px;
  		z-index: 1;
  		cursor: pointer;
  	}

  	&.opened li {
  		display: block;
  	}

  	li {
  		margin: 0;
  		padding: 0 27px 0 0;
  		display: none;

  		&.active {
  			display: list-item;
  		}


  		a {
  			padding: 0 16px;
  			height: 50px;
  			line-height: 50px;
  			color: $colorWhite;
  		}
  	}
  }

  .main_list_filter1 li.active, .main_list_filter1 li:hover {
  	background: $colorBlack;
  }

  .main_list_filter2 li.active, .main_list_filter2 li:hover {
  	background: $colorGreen;
  }
  */
  .main_item {
    display: block;
    padding-top: 15px;
    padding-bottom: 27px;
    padding-right: 0 !important;
  }

  .main_item_photobuttons {
    width: 100%;
  }

  .main_item_photo {
    height: 87.5vw;
    position: relative;
  }

  .main_item_rankdate {
    flex-wrap: wrap;
  }
  .main_item_rankdate img {
    display: block;
    margin: auto;
  }

  .main_item_name {
    display: none;
    margin-bottom: 16px;
  }

  .main_item_name_mobile {
    display: block;
  }

  .main_item_title,
.main_item_text {
    font-size: 16px;
  }

  .main_item_main {
    padding-left: 0;
    padding-right: 0;
  }

  .main_list {
    margin-bottom: 30px;
  }

  .mobile_menu_main a {
    padding-left: 90px;
  }
  .mobile_menu_main a .branch {
    left: 20px;
  }

  .main_item_col50 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .main_item_col {
    flex-basis: 100%;
  }

  .time_filter_timeline {
    display: none;
  }

  /*
  	.header_backbutton {
  		display: none;
  	}
  */
  .header_backbutton {
    height: 40px;
  }

  header .wrapper {
    padding-left: 20px;
  }

  .header .button {
    width: 100%;
    max-width: 360px;
    margin-left: 0;
  }

  .main_menu_menuopener {
    border-top: 1px solid #EDEDED;
    height: 44px;
    margin: 10px -20px 28px;
  }

  .time_filter_form_group_year {
    width: 100%;
  }

  .main_page_h1 {
    width: 100%;
    margin: 0 0 19px;
    height: 8.346689vw;
  }

  .main_page .logo {
    width: 100%;
    background-position: center center;
    margin-bottom: 30px;
  }

  .main_page_top {
    display: block;
  }

  .breadcrumbs2_mobile {
    display: none;
  }

  .header_section .main_menu_menuopener {
    border-top: none;
    height: 40px;
    margin: 0 -20px;
  }

  .header_section {
    margin-bottom: 80px;
  }
  .header_section .logo {
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
  }
  .header_section .logo:after {
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: 1px;
    background: #AAAAAA;
    position: absolute;
    left: 20px;
    top: calc(100% + 30px);
  }

  header .header_right .button {
    display: none;
  }

  header .header {
    padding-top: 0;
    padding-bottom: 0;
  }

  .page_head2 {
    padding: 18px 0 24px;
    margin-bottom: 0;
    text-align: center;
    border-bottom: 1px solid #AAAAAA;
  }

  .page_head2_branch {
    position: static;
    margin: 0 auto 14px;
    width: 80px;
    height: 80px;
  }

  .page_head2 h1 span {
    display: inline;
  }

  .page_head2 .after_h1 {
    margin-top: 2px;
  }

  .personal_info_photo_title {
    display: none;
  }

  .personal_info_title {
    display: block;
  }

  .personal_info {
    display: block;
    padding-top: 22px;
    min-height: 0;
    margin-bottom: 23px;
  }

  .personal_info_badges_more {
    display: block;
  }

  .personal_info_photo {
    height: 60vw;
    min-height: 175px;
  }

  .personal_info_rank.personal_info_rank_left,
.main_item_rankdate {
    display: flex;
    background: #000000;
    position: relative;
    align-content: center;
    top: 0;
  }

  .personal_info_rank_rank_top,
.main_item_rank {
    background-size: contain;
  }

  .personal_info_rank_rank_top,
.personal_info_rank_rank_bottom,
.main_item_rank {
    height: 100px;
    min-width: 65px;
    margin: auto;
  }

  .personal_info_center {
    margin: 0;
    padding: 61px 0 0;
  }

  .personal_info_center_col_title {
    display: block;
    margin-bottom: 2px;
  }

  .personal_info_center_col_title_text {
    padding-right: 0;
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 18px;
  }

  .personal_info_center_col_title_border {
    display: none;
  }

  .personal_info_center_col + .personal_info_center_col {
    margin-top: 14px;
  }

  .personal_info_right {
    display: none;
  }

  .personal_photo_loadmore {
    margin-top: 20px;
    margin-bottom: 32px;
  }

  .personal_info_comment {
    padding: 40px 20px 40px 20px;
    position: relative;
    text-align: center;
  }

  .personal_info_comment_photo {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto 20px;
    position: static;
  }

  .mobile_menu_buttons .mobile_menu_button_notab {
    display: block;
  }

  .button_nomobile {
    display: none !important;
  }

  .mobile_menu2 .header_right {
    display: flex;
    min-width: 100%;
  }
  .mobile_menu2 .header_right .button {
    margin: 0;
    flex-basis: 50%;
    width: auto;
  }
  .mobile_menu2 .header_right .mobile_menu2_close {
    margin: 0;
    flex-basis: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile_menu2 .header {
    padding: 0;
  }
  .mobile_menu2 .header .logo {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .main_page_branch_sevice_center .main_page_branch_sevice {
    margin: 0;
  }

  .main_page_before_h1 {
    margin-bottom: 5.33854vw;
  }

  .timeline_medal {
    min-width: 80px;
    width: 80px;
    height: 120px;
  }

  .timeline_col:nth-child(even) .timeline_text {
    padding-left: 20px;
  }

  .timeline_col:nth-child(odd) .timeline_text {
    padding-right: 20px;
  }

  .mobile_menu_close {
    min-width: 0;
    padding-left: 0;
  }

  .header_section .wrapper {
    padding-left: 20px;
  }

  .mobile_menu .header {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 0;
    padding-bottom: 29px;
  }
  .mobile_menu .header .logo {
    top: 0;
    position: relative;
  }
  .mobile_menu .header .logo:after {
    display: none;
  }
  .mobile_menu .header_right {
    display: flex;
    justify-content: space-between;
    margin-bottom: 31px;
  }
  .mobile_menu .header_right .button_login {
    width: 50%;
    flex-basis: 50%;
    max-width: 100%;
    border-width: 1px;
  }
  .mobile_menu .header_right .button_login .text {
    display: inline-block;
    vertical-align: middle;
  }
  .mobile_menu .header_right .mobile_menu_close {
    width: 50%;
    flex-basis: 50%;
    background: #898770;
  }
  .mobile_menu .header_right .mobile_menu_close .mobile_menu2_close {
    margin: 0 auto;
  }
  .mobile_menu .header .button_login2 span {
    padding-left: 27px;
  }
  .mobile_menu .header .button_login i {
    position: absolute;
    width: 18px;
    height: 20px;
    margin-top: -10px;
  }

  .gallery_album {
    flex-basis: 50%;
  }

  .gallery_group_head {
    display: block;
  }

  .gallery_group_head_button a {
    display: block;
    width: 100%;
    margin: 10px 0 0;
  }

  .page_head3 {
    margin-bottom: 32px;
  }

  .gallery_group_head_search {
    margin-top: 20px;
  }

  .main_page_top_back {
    left: 20px;
  }

  .main_page_top.main_page_top_absolute {
    padding-left: 60px;
    padding-right: 60px;
  }

  .popup_plaq_info_group2_right {
    padding-left: 0;
    padding-top: 12px;
  }

  .plaque_section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .plaque_top_branch {
    width: 80px;
    height: 80px;
    margin-left: -40px;
    top: -42px;
  }

  .plaque_head {
    margin-bottom: 56px;
  }

  .plaque_top_buttons {
    justify-content: space-between;
  }

  .plaque_inner {
    padding-left: 12px;
    padding-right: 12px;
  }

  .plaque_bottom_medals {
    max-width: 100%;
    min-width: 100%;
    margin-right: 0;
  }

  .plaque_bottom_breastbadge {
    max-width: 100%;
    min-width: 100%;
    padding-right: 0;
  }

  .plaque_bottom_auxiliarybadge {
    max-width: 50%;
    width: 50%;
    flex-basis: 50%;
    margin-right: 8px;
  }

  .plaque_bottom_officialbadge {
    max-width: 50%;
    width: 50%;
    flex-basis: 50%;
    display: flex;
    justify-content: flex-end;
  }

  .plaque_button {
    height: 24px;
    line-height: 20px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .main_page {
    padding-top: 0;
  }

  .main_page .main_page_top {
    display: block;
    padding: 0;
    min-height: 0;
    position: relative;
    height: auto;
  }
  .main_page .main_page_top .logo {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .main_page_top_right {
    width: 100%;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    height: 80px;
    position: relative;
    padding-bottom: 40px;
  }

  .main_page_login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .header_menu_opener {
    margin-left: 0;
    padding-left: 0;
  }

  .main_page_top_center_mobile {
    height: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  .main_page_top_back_button {
    height: 40px;
  }

  .main_page_title2 span {
    padding-left: 60px;
    padding-right: 60px;
  }
  .main_page_title2 span:before, .main_page_title2 span:after {
    width: 30px;
  }

  .joinpanel_text {
    font-size: 16px;
    line-height: 22px;
  }
  .joinpanel_text.desktop {
    display: none;
  }
  .joinpanel_text.mobile {
    display: block;
  }

  .joinpanel_buttons .mobile {
    display: inline;
  }
  .joinpanel_buttons .desktop {
    display: none;
  }
}
@media (max-width: 479px) {
  .main_page {
    /* padding-top: 33px;
     padding-bottom: 20px;*/
    /*.logo {
    	height: 12px;
    	margin-bottom: 69px;
    }*/
  }
  .main_page:not(.has-asc-chapter) h1 {
    margin-bottom: 39px;
  }

  #asc-chapter-id h1 {
    font-size: 1rem;
  }

  .main_page_title {
    padding-bottom: 33px;
    margin-bottom: 32px;
  }

  .main_page_branch_sevices_title {
    margin-bottom: 19px;
  }

  .main_page_branch_sevices {
    margin-bottom: 26px;
  }

  .main_page_create_page_button {
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: 0.02em;
  }

  .main_page_create_page_button + .main_page_create_page_button {
    margin-top: 10px;
  }

  .main_list_filter ul + ul {
    margin-top: 10px;
  }

  footer {
    padding-top: 48px;
    padding-bottom: 92px;
  }

  .main_list_loadmore {
    margin-bottom: 10px;
  }
  .main_list_loadmore a, .main_list_loadmore p {
    letter-spacing: 0.02em;
  }

  .main_item_row {
    margin-left: -5px;
    margin-right: -5px;
  }

  .main_item_col {
    padding: 8px 5px;
  }

  .mobile_menu_main a {
    font-size: 18px;
  }

  .mobile_menu_main {
    margin-bottom: 20px;
  }

  .page_head_buttonts {
    left: -20px;
    width: calc(100% + 40px);
  }

  .page_head_buttonts a {
    font-size: 12px;
    height: 50px;
    line-height: 46px;
  }

  .page_head_buttonts a .page_head_button-plaque {
    width: 13px;
  }

  .page_head_buttonts a .page_head_button-family {
    width: 17px;
  }

  .page_head_buttonts a .page_head_button-newpage {
    width: 15px;
  }

  .page_head_buttonts a i {
    margin-right: 4px;
  }

  .page_head {
    padding-bottom: 17px;
  }

  .main_list_filter {
    display: block;
  }

  .selectmenu .ui-selectmenu-button {
    width: 100%;
    height: 50px;
  }

  .selectmenu .ui-selectmenu-text {
    line-height: 50px;
  }

  .main_list_filter .selectmenu + .selectmenu {
    margin-top: 10px;
  }

  .personal_info_item {
    padding-right: 12px;
  }

  .personal_photo_album_photo:nth-child(-n+2) {
    display: block;
  }

  .timeline_col:nth-child(even) {
    flex-direction: row;
  }

  .timeline_col:nth-child(even) .timeline_text {
    padding-left: 0;
    padding-right: 20px;
  }

  .timeline_title {
    font-size: 20px;
    margin: 0 0 20px;
  }

  .personal_info_badge {
    width: 50%;
    flex-basis: 50%;
    display: none;
  }
  .personal_info_badge:nth-child(-n+4) {
    display: block;
  }

  .gallery_album {
    flex-basis: 100%;
  }

  .loadmore a {
    padding: 0 20px;
    width: 100%;
  }

  .main_page_top_back {
    left: 0;
  }

  .main_page_top.main_page_top_absolute {
    padding-left: 30px;
    padding-right: 30px;
  }

  .main_list_select + .main_list_select {
    margin-top: 10px;
  }

  .main_list_select {
    min-height: 50px;
    width: 100%;
  }
  .main_list_select:before {
    top: 22px;
  }
  .main_list_select ul {
    width: 100%;
  }
  .main_list_select ul li {
    line-height: 50px;
  }
  .main_list_select ul li span {
    display: inline;
    font-size: 16px;
  }

  .popup_plaq_medallist {
    padding-left: 12px;
    padding-right: 12px;
  }

  .popup_plaq_medal_add_inner {
    padding-left: 0;
    text-align: center;
  }

  .popup_plaq_medal_add_img {
    position: static;
    width: 100%;
    height: 160px;
  }

  .popup_plaq_head {
    padding-left: 0px;
    padding-right: 0px;
  }

  .popup_plaq_title {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 20px;
    line-height: 30px;
  }

  .popup_plaq_close {
    top: 10px;
    right: 10px;
  }

  .popup_plaq_bgimage_image {
    height: 42vw;
  }

  .popup_plaq_info {
    padding-left: 12px;
    padding-right: 12px;
  }

  .popup_plaq_info_head {
    display: block;
  }

  .popup_plaq_info_photo {
    padding-right: 0;
    margin-bottom: 30px;
  }

  .popup_plaq_info_photoadd .button {
    width: 100%;
  }

  .popup_plaq_info_group2 {
    display: block;
  }
  .popup_plaq_info_group2 .popup_plaq_filters_title {
    margin-bottom: 2px;
  }

  .popup_plaq_input, .popup_plaq_filters_select_button {
    padding-left: 12px;
    padding-right: 12px;
  }

  .popup_plaq_info_group_remove {
    right: 10px;
  }

  .popup_plaq_info_buttons .button {
    padding-left: 12px;
    padding-right: 12px;
    flex-grow: 1;
    width: auto;
    min-width: 0;
  }

  .plaque_section {
    padding-left: 12px;
    padding-right: 12px;
  }

  .plaque_head_right {
    text-align: right;
  }
  .plaque_head_right .plaque_button {
    width: 122px;
    margin: 2px 0 !important;
  }

  .plaque_top_buttons {
    position: static;
    padding-left: 0;
    padding-right: 0;
  }

  .plaque_inner {
    padding-top: 36px;
  }

  .plaque_title {
    font-size: 24px;
    text-align: left;
  }
  .plaque_title .plaque_editable {
    padding-left: 0;
  }

  .plaque_content_left, .plaque_content_right {
    padding-left: 0;
  }

  .plaque_content_photo {
    position: static;
    margin-bottom: 24px;
  }

  .plaque_content_rank {
    display: none;
  }

  .plaque_bottom_officialbadge {
    width: auto;
    flex-basis: auto;
    max-width: 100%;
    min-width: 76px;
  }

  .plaque_bottom_auxiliarybadge {
    max-width: calc(100% - 76px);
    width: calc(100% - 76px);
    flex-basis: calc(100% - 76px);
    margin-right: 8px;
  }

  .select2.select2-container--timelineselect {
    width: 100% !important;
    margin: 5px 0;
  }

  .select2.select2-container--timelineselect .select2-selection--single {
    height: 50px;
    line-height: 50px;
  }

  .select2.select2-container--timelineselect .select2-selection--single .select2-selection__arrow {
    top: 21px;
  }

  .popup_login_bottom_title.link-to-associates {
    font-size: 14px;
  }

  .joinpanel {
    padding-top: 14px;
    padding-bottom: 12px;
  }
  .joinpanel .joinpanel_close {
    padding: 3px 0;
  }
  .joinpanel .joinpanel_wrapper {
    padding-right: 15px;
    padding-left: 15px;
  }
  .joinpanel .joinpanel_wrapper .joinpanel_text {
    font-size: 16px;
    line-height: 22px;
  }
  .joinpanel .joinpanel_wrapper .joinpanel_buttons .button {
    height: 36px;
    line-height: 36px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 -webkit-calc(50% - 12px);
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    padding-left: 0;
    padding-right: 0;
  }
}
@media (pointer: coarse) {
  .mobile_menu2_close span {
    transform: rotate(45deg) !important;
  }

  .header_right_popup {
    display: none !important;
  }
}
.gallery_caption {
  background: #fff;
  text-align: center;
  padding: 48px 42px;
}

.gallery_caption_title {
  font-size: 26px;
  font-weight: 500;
  color: #333;
}

.gallery_caption_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #333;
  opacity: 0.5;
}

.popup_login_stars {
  width: 100%;
  height: 52px;
  background: url(../images/popup_login_stars.png) no-repeat center/contain;
}

.popup_login_title_text {
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.258em;
  color: #0b0b0c;
  margin-bottom: 39px;
  margin-top: 22px;
}

.popup_login_title {
  font-size: 60px;
  line-height: 60px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.258em;
  margin-bottom: 48px;
}

.select2.select2-container--popup_login_select {
  display: block;
  border: 1px solid #d6d6d6;
  width: 100%;
  text-align: center;
  color: #838383;
  font-size: 18px;
  font-weight: 500;
  background: #fff;
  margin-bottom: 20px;
  line-height: 78px;
}
.select2.select2-container--popup_login_select.select2-container--open {
  border: 1px solid #b4a58d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px 2px rgba(102, 175, 233, 0.6);
  margin-bottom: 18px;
}
.select2.select2-container--popup_login_select.select2-container--open .select2-selection__arrow {
  right: 45px;
  top: 24px;
}
.select2.select2-container--popup_login_select.select2-container--disabled .select2-selection__rendered {
  opacity: 0.7;
}
.select2.select2-container--popup_login_select .select2-selection--single {
  height: 80px;
}
.select2.select2-container--popup_login_select .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 72px;
  padding-right: 72px;
}
.select2.select2-container--popup_login_select .select2-selection__arrow {
  display: block;
  width: 12px;
  height: 26px;
  background: url(../images/popup_login_select.png) no-repeat center/contain;
  position: absolute;
  right: 46px;
  top: 25px;
}

.popup_login_select.pleasecheck + .select2-container--popup_login_select {
  border: 1px solid #b4a58d;
}
.popup_login_select:focus + .select2-container--popup_login_select {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px 2px rgba(102, 175, 233, 0.6);
}

.select2-container--popup_login_select .select2-dropdown {
  border: 1px solid #b4a58d;
  border-radius: 0;
  border-top: none;
}
.select2-container--popup_login_select .select2-results__option {
  padding: 0 20px;
  font-size: 18px;
  line-height: 40px;
  background: #fff;
  transition: all 0.15s ease-out;
  font-weight: 500;
  color: #838383;
}
.select2-container--popup_login_select .select2-results__option.select2-results__option--highlighted {
  background: #B4A58D;
  color: #fff;
}

@media (max-width: 767px) {
  .select2.select2-container--popup_login_select .select2-selection--single {
    height: 40px;
  }

  .select2.select2-container--popup_login_select {
    line-height: 38px;
  }

  .select2.select2-container--popup_login_select .select2-selection__arrow {
    top: 6px;
  }
}
.popup_login_form_buttons {
  display: flex;
  margin: 30px -6px 0;
}
.popup_login_form_buttons .button {
  flex: 1 0 calc(50% - 12px);
  margin: 0 6px;
  text-transform: uppercase;
  letter-spacing: 0.258em;
}

.popup_login_notamember {
  font-size: 1rem;
  line-height: 28px;
  font-weight: 600;
  margin-top: 18px;
  font-family: "Open Sans";
}
.popup_login_notamember a {
  color: #b4a58d;
}
.popup_login_notamember a:hover {
  color: #333333;
}

.popup_login form + .popup_login_notamember {
  margin-top: 78px;
}

.validate-msg {
  margin-top: -30px;
}

.popup_login_error_top {
  position: relative;
  background: #f2dede;
  color: #b15755;
  max-width: 540px;
  margin: 32px auto 25px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 0.258em;
  padding: 16px 30px 16px 60px;
  display: none;
}

.popup_login_error_close {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 24px;
  top: 50%;
  margin-top: -5px;
  cursor: pointer;
}
.popup_login_error_close svg {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.15s ease-out;
}
.popup_login_error_close:hover svg {
  transform: rotate(90deg);
}

.popup_login_error_bottom {
  position: relative;
  background: #f2dede;
  color: #b15755;
  max-width: 540px;
  margin: 23px auto 0;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: 0.258em;
  padding: 10px 48px;
  display: none;
}

@media (max-width: 767px) {
  .popup_login_form_buttons {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
  .popup_login_form_buttons .button {
    margin: 6px 0;
  }

  .select2.select2-container--popup_login_select.select2-container--open .select2-selection__arrow, .select2.select2-container--popup_login_select .select2-selection__arrow {
    width: 10px;
    top: 7px;
  }
}
@media (max-width: 479px) {
  .select2-container--popup_login_select .select2-results__option {
    font-size: 16px;
    padding: 0 15px;
  }
  .select2-container--popup_login_select .select2-results__option:nth-child(5) {
    line-height: inherit;
  }
}
@media (max-width: 767px) {
  .gallery_caption {
    padding: 24px;
  }

  .select2.select2-container--popup_login_select {
    font-size: 16px;
  }
  .select2.select2-container--popup_login_select.select2-container--open .select2-selection__arrow, .select2.select2-container--popup_login_select .select2-selection__arrow {
    width: 8px;
    right: 12px;
  }
  .select2.select2-container--popup_login_select .select2-selection--single .select2-selection__rendered {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 30px;
    padding-bottom: 1px;
    line-height: initial;
    white-space: unset;
  }
  .select2.select2-container--popup_login_select .select2-selection--single .select2-selection__rendered:not([title=""]) {
    text-align: left;
    font-size: 16px;
  }
}
.main_item {
  position: relative;
}

.page_head_right-right {
  position: relative;
}

.main_item_popuptimeline {
  display: none;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 10;
  width: 840px;
  box-shadow: 0 0 29.8px 2.2px rgba(15, 15, 15, 0.14);
  background: #fff;
  padding: 30px 40px 32px;
}
.main_item_popuptimeline .personal_info_right {
  min-width: 120px;
  width: 120px;
  height: 313px;
}
.main_item_popuptimeline .personal_info_right .personal_info_rank,
.main_item_popuptimeline .personal_info_right .sleeve_patch {
  height: calc(50% - 5px);
}
.main_item_popuptimeline .personal_info_right.deceased .personal_info_rank, .main_item_popuptimeline .personal_info_right.fallen .personal_info_rank, .main_item_popuptimeline .personal_info_right.miapow .personal_info_rank {
  height: calc(50% + 15px);
  padding-top: 40px;
}
.main_item_popuptimeline .personal_info_right.deceased .sleeve_patch, .main_item_popuptimeline .personal_info_right.fallen .sleeve_patch, .main_item_popuptimeline .personal_info_right.miapow .sleeve_patch {
  height: calc(50% - 25px);
}
.main_item_popuptimeline .personal_info_right .personal_info_rank {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  background: #000000;
}
.main_item_popuptimeline .personal_info_right .personal_info_rank_rank_top {
  height: 100px;
  min-width: 65px;
  margin: auto;
  background-size: contain;
  background-color: #000000;
}
.main_item_popuptimeline .personal_info_right .personal_info_rank,
.main_item_popuptimeline .personal_info_right .sleeve_patch {
  width: 100%;
}
#timeline_results .main_item_popuptimeline .personal_info_right {
  border: none;
}
.main_item_popupmain_close {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/popup_close.png) no-repeat center/contain;
  position: absolute;
  top: 10px;
  right: 40px;
  cursor: pointer;
  transition: all 0.15s ease-out;
}
.main_item_popupmain_close:hover {
  transform: rotate(90deg);
}

.main_item_popupmain_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #5e5e60;
  letter-spacing: 0.02em;
  margin-bottom: 22px;
}

.main_item_popupmain_content {
  display: flex;
}

.main_item_popupmain_left {
  min-width: 200px;
  width: 200px;
}

.main_item_popupmain_photo {
  display: block;
  width: 200px;
  height: 200px;
  background: no-repeat center/cover;
  background-color: #D3D3D3;
}

.main_item_popupmain_buttons a {
  display: block;
  width: 100%;
  margin-top: 3px;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
}
.main_item_popupmain_buttons a:first-child {
  margin-top: 10px;
}
.main_item_popupmain_buttons a.single-btn {
  height: 50px;
  line-height: 50px;
}

.main_item_popupmain_center {
  flex-grow: 1;
  padding-left: 10px;
  padding-right: 10px;
}

.main_item_popupmain_group {
  padding-bottom: 18px;
}

.main_item_popupmain_group_title {
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 38px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  top: -6px;
}
.main_item_popupmain_group_title span {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.main_item_popupmain_group_title span:after {
  content: "";
  display: block;
  width: 800px;
  height: 1px;
  background: #aaaaaa;
  position: absolute;
  left: 100%;
  bottom: 5px;
}

.main_item_popupmain_info {
  column-count: 2;
  column-gap: 0;
  widows: 1;
  orphans: 1;
}

.main_item_popupmain_info_group {
  display: inline-table;
  padding: 0 10px 22px;
  width: 100%;
}

.main_item_popupmain_info_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #898770;
}

.main_item_popupmain_info_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #333;
}

.main_item_popupmain_right {
  min-width: 120px;
  width: 120px;
}

.main_item_popupmain_date {
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  background: #898770;
  color: #fff;
}

.main_item_popupmain_rank {
  width: 100%;
  height: 360px;
  position: relative;
  background: #0f0f0f;
}

.main_item_popupmain_rank1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 120px;
  background: no-repeat center/contain;
}

.main_item_popupmain_rank2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120px;
  background: no-repeat center/contain;
}

.main_item_popupphoto {
  display: none;
  width: 320px;
  height: 480px;
  background: no-repeat center/cover;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  box-shadow: 0 0 29.8px 2.2px rgba(15, 15, 15, 0.14);
}
.main_item_popupphoto .main_item_popupmain_close {
  background-image: url(../images/popup_close_white.png);
  top: 20px;
  right: 20px;
}

.main_item_popupphoto_button {
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 2;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
}
.main_item_popupphoto_button a {
  display: block;
  width: 100%;
  margin-top: 3px;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  background: #333;
  color: #fff;
}
.main_item_popupphoto_button a:hover {
  background: #fff;
  color: #333;
}

.main_item_popupshadowbox {
  position: absolute;
  left: 80px;
  top: 160px;
  z-index: 2;
  width: 800px;
  box-shadow: 0 0 29.8px 2.2px rgba(15, 15, 15, 0.14);
  background: #fff;
  display: none;
}

.main_item_popupsetting_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
  padding: 22px 80px 22px 50px;
}

.main_item_popupsetting_title {
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  padding-right: 24px;
}

.main_item_popupsetting_head_checkbox {
  display: block;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #898770;
  margin-bottom: 0;
  user-select: none;
}
.main_item_popupsetting_head_checkbox input {
  display: none !important;
}
.main_item_popupsetting_head_checkbox span {
  display: block;
  position: relative;
  padding-left: 30px;
}
.main_item_popupsetting_head_checkbox span:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #aaa;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.15s ease-out;
}
.main_item_popupsetting_head_checkbox input:checked + span:before {
  border-color: #898770;
  background: url(../images/checkbox_green.png) no-repeat center/contain;
}

.main_item_popupsetting_form {
  padding: 22px 50px 40px;
  border-bottom: 1px solid #eeeeee;
}

.main_item_popupsetting_row {
  display: flex;
  margin: 0 -12px;
}

.main_item_popupsetting_col {
  flex: 1 0 50%;
  max-width: 50%;
  padding-left: 12px;
  padding-right: 12px;
}

.main_item_popupsetting_form_title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.main_item_popupsetting_checkbox {
  display: block;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #333;
  margin-bottom: 0;
  user-select: none;
}
.main_item_popupsetting_checkbox input {
  display: none !important;
}
.main_item_popupsetting_checkbox span {
  display: block;
  position: relative;
  padding-left: 30px;
}
.main_item_popupsetting_checkbox span:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #aaa;
  position: absolute;
  left: 0;
  top: 0;
}
.main_item_popupsetting_checkbox input:checked + span:before {
  border-color: #898770;
  background: url(../images/checkbox_black.png) no-repeat center/contain;
}

.main_item_popupsetting_checkbox + .main_item_popupsetting_checkbox {
  margin-top: 20px;
}

.main_item_popupsetting_radio {
  display: block;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #333;
  margin-bottom: 0;
  user-select: none;
}
.main_item_popupsetting_radio input {
  display: none !important;
}
.main_item_popupsetting_radio span {
  display: block;
  position: relative;
  padding-left: 30px;
}
.main_item_popupsetting_radio span:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #aaa;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  transition: all 0.15s ease-out;
}
.main_item_popupsetting_radio input:checked + span:before {
  background: #fff;
  border: 7px solid #333;
}

.main_item_popupsetting_radio + .main_item_popupsetting_radio {
  margin-top: 20px;
}

.main_item_popupsetting_form_selectgroup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.main_item_popupsetting_form_selectgroup_title {
  color: #333;
  font-size: 17px;
  font-weight: 500;
  line-height: 32px;
}

.select2.select2-container--popupsetting {
  width: 160px !important;
  border: 2px solid #aaa;
}
.select2.select2-container--popupsetting .select2-selection--single {
  height: 60px;
}
.select2.select2-container--popupsetting .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
  padding-right: 80px;
  line-height: 56px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.select2.select2-container--popupsetting .select2-selection--single .select2-selection__arrow {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 60px;
  border-left: 2px solid #aaa;
  background: url(../images/arrowdownblack_icon.png) no-repeat center/16px auto;
}

.select2-container--popupsetting .select2-dropdown {
  border: 2px solid #aaa;
}
.select2-container--popupsetting .select2-results__option {
  padding: 0 20px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}

.main_item_popupsetting_form_group {
  padding-bottom: 40px;
}

.main_item_popupsettingbutton {
  min-width: 160px;
  letter-spacing: 0.1em;
}

.main_item_popupsetting_order {
  border-bottom: 1px solid #eeeeee;
}
.main_item_popupsetting_order .main_item_popupsetting_title {
  border-bottom: 1px solid #eeeeee;
  padding: 20px 50px 22px;
}

.main_item_popupsetting_order_content {
  padding: 22px 50px 40px;
}

.main_item_popupsetting p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #333;
  opacity: 0.5;
}
.main_item_popupsetting p + p {
  margin-top: 24px;
}

.main_item_popupsetting_order_button {
  margin-top: 28px;
}

.main_item_popupsetting_share_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 22px 80px 22px 50px;
}

.main_item_popupsetting_share_list {
  display: flex;
  align-items: center;
}

.main_item_popupsetting_share_title {
  font-size: 17px;
  font-weight: 500;
  line-height: 32px;
}

.main_item_popupsetting_share_ul {
  display: flex;
  align-items: center;
}
.main_item_popupsetting_share_ul li {
  margin-left: 40px;
}
.main_item_popupsetting_share_ul li a {
  display: block;
  height: 13px;
}
.main_item_popupsetting_share_ul li a svg {
  display: block;
  height: 100%;
  width: auto;
  fill: #333;
  transition: all 0.15s ease-out;
}
.main_item_popupsetting_share_ul li a:hover svg {
  fill: #898770;
}

.main_item_popupsetting_share_content {
  padding: 24px 50px 50px;
}

.main_item_popupsetting_share_group + .main_item_popupsetting_share_group {
  margin-top: 24px;
}

.main_item_popupsetting_share_link {
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  word-break: break-all;
}

p + .main_item_popupsetting_share_link {
  margin-top: 5px;
  display: block;
}

.main_item_popupsetting_share_button {
  margin-top: 22px;
}

.main_item:nth-child(even) .main_item_popupphoto {
  left: auto;
  right: 50%;
}
.main_item:nth-child(even) .main_item_popuptimeline,
.main_item:nth-child(even) .main_item_popupshadowbox {
  left: auto;
  right: 80px;
}

.main_item_popupsetting_form_selectgroup_select {
  position: relative;
  min-height: 60px;
  width: 160px !important;
  cursor: pointer;
  z-index: 2;
}
.main_item_popupsetting_form_selectgroup_select:before {
  content: "";
  display: block;
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/arrowdownblack_icon.png) no-repeat center/16px auto;
  border-left: 2px solid #aaa;
  z-index: 3;
}
.main_item_popupsetting_form_selectgroup_select ul {
  border: 2px solid #aaa;
  min-height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
}
.main_item_popupsetting_form_selectgroup_select ul li {
  padding-left: 20px;
  padding-right: 80px;
  line-height: 56px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  display: none;
  transition: all 0.15s ease-out;
}
.main_item_popupsetting_form_selectgroup_select ul li.selected {
  display: list-item;
}
.main_item_popupsetting_form_selectgroup_select.opened:before {
  display: none;
}
.main_item_popupsetting_form_selectgroup_select.opened ul li {
  display: list-item;
}
.main_item_popupsetting_form_selectgroup_select.opened ul li:hover {
  color: #fff;
  background: #898770;
}

@media (pointer: coarse), (max-width: 1279px) {
  .main_item_popuptimeline, .main_item_popupphoto {
    display: none !important;
  }
}
.ProfilesSearch#suggestions, .ProfilesSearch#info {
  position: absolute;
  top: 60px;
  width: 359px;
  z-index: 6;
  left: 0;
}
.ProfilesSearch.ui-autocomplete, .ProfilesSearch.ProfilesSearch {
  box-shadow: 0 3px 10px rgba(51, 51, 51, 0.2);
  border: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #fff;
  max-height: 376px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ProfilesSearch.ui-autocomplete .ui-menu-item-wrapper, .ProfilesSearch.ui-autocomplete .result, .ProfilesSearch.ProfilesSearch .ui-menu-item-wrapper, .ProfilesSearch.ProfilesSearch .result {
  background: #fff;
  white-space: nowrap;
  cursor: pointer;
  line-height: 34px;
  padding: 0 24px;
  font-size: 18px;
  font-weight: 500;
  color: #8b8b8b;
}
.ProfilesSearch.ui-autocomplete .ui-menu-item-wrapper:hover, .ProfilesSearch.ui-autocomplete .result:hover, .ProfilesSearch.ProfilesSearch .ui-menu-item-wrapper:hover, .ProfilesSearch.ProfilesSearch .result:hover {
  color: #333333;
}
.ProfilesSearch.ui-autocomplete .result.d-flex.justify-content-center, .ProfilesSearch.ProfilesSearch .result.d-flex.justify-content-center {
  padding: 9px 0;
}

h1.tws_h1 {
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 90px;
}
h1.tws_h1.after_h1 {
  font-size: 28px;
  font-weight: 500;
  line-height: 42px;
}

h2.tws_h2 {
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  font-size: 48px;
}
h2.tws_h2.h2_withstar {
  position: relative;
  padding-top: 114px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 61px auto;
}
h2.tws_h2.h2_withstar.tac {
  background-position: center top;
}
h2.tws_h2.h2_withstar.h2_withstarbrown {
  background-image: url(../images/starbrown.png);
}
h2.tws_h2.h2_withstar.h2_withstarwhite {
  background-image: url(../images/starwhite.png);
}

h3.tws_h3 {
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  font-size: 36px;
  font-weight: 400;
}

.wrapper1696 {
  max-width: 1792px;
  width: 100%;
  margin: 0 auto;
  padding: 0 48px;
}

@media (max-width: 1279px) {
  .wrapper1696 {
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .wrapper1696 {
    padding: 0 12px;
  }
}
.wrapper1440 {
  max-width: 1536px;
}

.button_brown {
  background: #b4a58d;
  border-color: #b4a58d;
  color: #0b0b0c;
}
.button_brown:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #0b0b0c;
}

.button_brown2 {
  background: #b4a58d;
  border-color: #b4a58d;
  color: #fff;
}
.button_brown2:hover {
  background: #0b0b0c;
  border-color: #0b0b0c;
  color: #fff;
}

.button_blue {
  background: #3d5c95;
  border-color: #3d5c95;
  color: #FFFFFF;
}

.button_white {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #0b0b0c;
}
.button_white:hover {
  background: #0b0b0c;
  border-color: #0b0b0c;
  color: #FFFFFF;
}

.button_black {
  background: #0b0b0c;
  border-color: #0b0b0c;
  color: #fff;
}
.button_black:hover {
  background: #fff;
  border-color: #0b0b0c;
  color: #0b0b0c;
}

.button_black_border {
  background: #fff;
  border-color: #0b0b0c;
  color: #0b0b0c;
}
.button_black_border:hover {
  background: #0b0b0c;
  border-color: #0b0b0c;
  color: #fff;
}

.button_transparent {
  border-color: transparent;
  background: transparent;
  color: #FFFFFF;
}

.button_darkgrey {
  background: rgba(32, 32, 32, 0.9);
  color: #979797;
  border-color: rgba(32, 32, 32, 0.9);
}
.button_darkgrey:hover {
  background: #333333;
  color: #FFFFFF;
  border-color: #333333;
}

.button_grey2 {
  background: #333438;
  color: #818387;
  border-color: #333438;
}
.button_grey2:hover {
  background: #fff;
  color: #333333;
  border-color: #fff;
}

.button_lightgrey {
  background: #535353;
  color: #FFF;
  border-color: #535353;
}
.button_lightgrey:hover {
  background: #fff;
  color: #202020;
  border-color: #fff;
}

.button_green {
  background: #898770;
  color: #FFFFFF;
  border-color: #898770;
}
.button_green.active {
  background: #AAAAAA;
  color: #FFFFFF;
  border-color: #AAAAAA;
}
.button_green.active:hover {
  background: #AAAAAA;
  color: #FFFFFF;
  border-color: #AAAAAA;
}
.button_green:hover {
  background: #333333;
  color: #FFFFFF;
  border-color: #333333;
}

.button_transparent_greyborder {
  background: transparent;
  border-color: #ebebeb;
  color: #0f0f0f;
}
.button_transparent_greyborder:hover {
  background: transparent;
  border-color: #202020;
  color: #202020;
}

.button_transparent_blackborder {
  background: transparent;
  border-color: #202020;
  color: #202020;
}
.button_transparent_blackborder:hover {
  background: transparent;
  border-color: #ebebeb;
  color: #202020;
}

.content {
  padding: 80px 0;
  background: no-repeat center top/cover;
}

.content_join {
  background: url(../images/join_army.jpg) no-repeat center/cover;
}

.content_marines {
  background: url(../images/content_bg.jpg) #181818 no-repeat center top/cover;
}

.headertws {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 105px;
  color: #FFFFFF;
}
.headertws .headertws_right {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.headertws .header_right_search {
  position: relative;
  padding-left: 33px;
  padding-right: 42px;
  margin-right: 41px;
  display: block;
  white-space: nowrap;
  transition: all 0.15s ease-out;
}
.headertws .header_right_search:hover {
  opacity: 0.6;
}
.headertws .header_right_search:before {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background: #FFFFFF;
  opacity: 0.2;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
}
.headertws .header_right_search i {
  display: block;
  width: 21px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  background: url(../images/search_white.png) no-repeat center/contain;
}
.headertws .header_right_login {
  position: relative;
  white-space: nowrap;
  transition: all 0.15s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.headertws .header_right_login:hover {
  opacity: 0.6;
}
.headertws .header_right_login span {
  color: #a7a7a7;
  display: inline-block;
  margin-left: 5px;
}
.headertws .header_right_login i {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/login_white.png) no-repeat center/contain;
  margin-right: 24px;
}

.main_menu_tws {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.032em;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  color: #FFFFFF;
  transition: all 0.15s ease-out;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.main_menu_tws a {
  position: relative;
  display: block;
  padding-bottom: 19px;
}
.main_menu_tws a:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.15s ease-out;
}
.main_menu_tws a:hover {
  color: #B4A58D;
}
.main_menu_tws a:hover:after {
  background: #B4A58D;
}

.main_menu_tws li.active a {
  color: #B4A58D;
}
.main_menu_tws li.active a:after {
  background: #B4A58D;
}

.max-witdh760 {
  max-width: 760px;
}

.modal-content {
  border-radius: 0;
  border: none;
}

.popup_thanks_link {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #0b0b0c;
  display: block;
  background: #FFFFFF;
  padding: 51px 80px;
  margin: 60px -40px 0;
}
.popup_thanks_link span {
  color: #b4a58d;
}

.tac {
  text-align: center;
}

.popup_inner_tws {
  background: url(../images/popup_bg_flag.jpg) #f1f2f2 no-repeat left top;
  padding: 60px 60px 60px;
  position: relative;
  z-index: 4;
}
.popup_inner_tws .button {
  width: 100%;
}

.popup_inner_nobg {
  background: none;
}

.popup_title2 {
  font-size: 60px;
  font-weight: 400;
  line-height: 60px;
  margin-bottom: 44px;
}

.popup_close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0;
  top: -37px;
  background: url(../images/close_white.png) no-repeat center/contain;
  cursor: pointer;
  z-index: 10;
}

.popup_text {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #0b0b0c;
  margin-bottom: 52px;
}

.popup_thanks {
  position: relative;
  background: url(../images/popup_bg_flag.jpg) #f1f2f2 no-repeat left top;
}
.popup_thanks .popup_thanks_imgbg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(../images/popup_thanks_imgbg.png) no-repeat right bottom/contain;
}
.popup_thanks .popup_inner {
  position: relative;
  z-index: 2;
  background: transparent !important;
  padding-top: 60px;
  padding-bottom: 0;
}
.popup_thanks .popup_title {
  padding-top: 72px;
  background: url(../images/popup_thanks_title.png) no-repeat center top/auto 52px;
  margin-bottom: 50px;
  border-bottom: none;
}

form.popup_form {
  width: 100%;
}
form.popup_form .select2 {
  width: 100% !important;
  margin-top: 20px;
}
form.popup_form .select2.pleasecheck {
  border: 1px solid #b4a58d;
}
form.popup_form .select2:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px 2px rgba(102, 175, 233, 0.6);
}
form.popup_form input {
  display: block;
  height: 80px;
  border: 1px solid #d6d6d6;
  width: 100%;
  text-align: center;
  color: #202020;
  font-size: 18px;
  font-weight: 500;
  background: #FFFFFF;
}
form.popup_form input.pleasecheck {
  border: 1px solid #b4a58d;
}
form.popup_form input:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px 2px rgba(102, 175, 233, 0.6);
}
form.popup_form input::placeholder {
  color: #838383;
}
form.popup_form .ui-selectmenu-button.ui-button {
  width: 100%;
  text-align: center;
  border-radius: 0;
  height: 80px;
  border: 1px solid #d6d6d6;
  background: #FFFFFF;
  margin-top: 20px;
  padding: 0 100px;
  position: relative;
  font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif;
}
form.popup_form .ui-selectmenu-button.ui-button.ui-selectmenu-button-open {
  border: 1px solid #b4a58d;
  border-bottom: none;
}
form.popup_form .ui-selectmenu-button.ui-button .ui-selectmenu-text {
  margin-right: 0;
  line-height: 80px;
  white-space: nowrap;
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 500;
  color: #838383;
}
form.popup_form .ui-selectmenu-button.ui-button.selected .ui-selectmenu-text {
  color: #202020;
}
form.popup_form .ui-selectmenu-button.ui-button .ui-icon {
  display: block;
  width: 10px;
  height: 8px;
  position: absolute;
  right: 20px;
  top: 36px;
  z-index: 1;
  background: url(../images/select_arrow.png) no-repeat center/contain;
}
form.popup_form input + input {
  margin-top: 20px;
}
form.popup_form button + button {
  margin-top: 20px;
}
form.popup_form input + button {
  margin-top: 30px;
}

.popup_login_branch {
  display: block;
  width: 140px;
  margin-left: -70px;
  height: 140px;
  margin-top: -70px;
  border-radius: 70px;
  position: absolute;
  left: 50%;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 10;
}

.popup_login_bottom {
  background: #FFFFFF;
  padding: 48px 80px 64px;
  text-align: center;
}

.popup_login_bottom_title {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 18px;
}

.popup_login_bottom_text {
  color: #838383;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.popup_login_forgot {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  text-align: center;
  font-family: "Open Sans";
  font-size: 1rem;
  font-weight: 600;
  line-height: 28px;
  color: #FFFFFF;
  padding: 26px 20px;
}
.popup_login_forgot a {
  color: #fff;
  display: inline-block;
  margin-left: 5px;
  border-bottom: 1px dashed white;
}
.popup_login_forgot a:hover {
  border-bottom-color: transparent;
}

.popup_login_forgot2 span {
  position: relative;
  display: inline-block;
  padding-top: 24px;
}
.popup_login_forgot2 span:before {
  content: "";
  display: block;
  border-top: 1px dashed #FFFFFF;
  width: 86%;
  position: absolute;
  left: 7%;
  top: 0;
}

.joinpage_main {
  color: #FFFFFF;
  background: url(../images/joinpage_main_bg.jpg) no-repeat center/cover;
  text-align: center;
  padding: 78px 0 0;
  position: relative;
  z-index: 2;
}
.joinpage_main h1 {
  font-size: 72px;
  font-weight: 400;
  font-family: Constantia, Georgia, 'Times New Roman', serif;
  margin-bottom: 22px;
}

.joinpage_main_contents {
  padding: 92px 0 98px;
}

.joinpage_main_afterh1 {
  font-size: 28px;
  font-weight: 500;
  position: relative;
  padding-bottom: 64px;
  margin-bottom: 38px;
}
.joinpage_main_afterh1:after {
  content: "";
  display: block;
  width: 320px;
  height: 3px;
  background: #5e5e60;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -160px;
}

.joinpage_main_text {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.joinpage_main_text a {
  color: #b4a58d;
}

.memberships {
  display: flex;
  justify-content: center;
  max-width: 1480px;
  margin: -284px auto 0;
  position: relative;
  bottom: -284px;
  z-index: 2;
}

.membership {
  flex-basis: 33.33333%;
  background: url(../images/memberships_bg.jpg) no-repeat center/cover;
  margin: 0 10px;
}

.membership_inner {
  padding: 72px 80px 80px;
  text-align: center;
  color: #b4a58d;
  margin: 0;
  width: 100%;
  height: 100%;
  transition: all 0.15s ease-out;
  position: relative;
}
.membership_inner .button {
  transition: none;
}

.membership.selected .membership_inner,
.membership:hover .membership_inner {
  box-shadow: 0 6px 40px #181818;
  height: calc(100% + 44px);
  width: calc(100% + 44px);
  margin: -22px;
  padding: 94px 102px 102px;
  background: url(../images/membership_bg.jpg) no-repeat center/cover;
}
.membership.selected .membership_inner button,
.membership:hover .membership_inner button {
  background: #FFFFFF;
}

@media (pointer: coarse) {
  .membership .membership_inner {
    box-shadow: 0 6px 40px #181818;
    height: calc(100% + 44px);
    width: calc(100% + 44px);
    margin: -22px;
    padding: 94px 102px 102px;
    background: url(../images/membership_bg.jpg) no-repeat center/cover;
  }
  .membership .membership_inner button {
    background: #FFFFFF;
  }
}
.membership_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  margin-bottom: 54px;
}

.membership_icon {
  width: 100%;
  height: 102px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 50px;
}

.membership_discount {
  font-size: 24px;
  font-weight: 800;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
  line-height: 49px;
  white-space: nowrap;
  margin-bottom: 42px;
}

.membership_price {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.membership_price_title {
  font-size: 24px;
  font-weight: 500;
  align-self: flex-start;
}

.membership_price_cost {
  font-size: 48px;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 48px;
  margin-left: 20px;
  margin-right: 4px;
}

.membership_price_time {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.05em;
  align-self: flex-end;
}

.membership_text {
  font-size: 18px;
  line-height: 50px;
  font-weight: 500;
  color: #838383;
}
.membership_text span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
}
.membership_text span span.tip {
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  right: 0;
  top: 7px;
  padding: 0;
}

.membership_button {
  border-top: 1px solid #555555;
  padding-top: 50px;
  margin-top: 32px;
  position: relative;
}
.membership_button button {
  width: 240px;
  height: 60px;
  line-height: 60px;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.258em;
  transition: all 0.15s ease-out;
}

.joinpage_benefits {
  background: url(../images/benefits_bg.jpg) no-repeat center/cover;
  padding: 480px 0 115px;
}
.joinpage_benefits.get_membership_opened {
  padding-top: 160px;
}
.joinpage_benefits h2 {
  margin-bottom: 114px;
}

.benefits {
  display: flex;
  flex-wrap: wrap;
  max-width: 1600px;
  margin: 0 auto;
}

.benefit {
  flex-basis: 33.33333%;
  margin-bottom: 133px;
}

.benefit_inner {
  padding: 0 60px;
}

.benefit_title {
  position: relative;
  font-size: 30px;
  line-height: 36px;
  font-weight: 500;
  padding-top: 27px;
  margin-bottom: 30px;
}
.benefit_title:before {
  content: "";
  display: block;
  width: 25px;
  height: 4px;
  background: #b4a58d;
  position: absolute;
  left: 0;
  top: 0;
}

.benefit_text {
  font-size: 16px;
  line-height: 29px;
  font-weight: 500;
}

.joinpage_freemembership {
  background: url(../images/freemembership_bg.jpg) no-repeat center right/cover;
  color: #FFFFFF;
  text-align: center;
  padding: 160px 0 124px;
  overflow: hidden;
}
.joinpage_freemembership h2 {
  margin-bottom: 42px;
}
.joinpage_freemembership h2 span {
  color: #202020;
}
.joinpage_freemembership .after_h2 {
  margin-bottom: 152px;
}

.after_h2 {
  font-size: 28px;
  font-weight: 500;
}

.freemembership {
  max-width: 1280px;
  margin: 0 auto 26px;
  text-align: left;
  position: relative;
}
.freemembership:after {
  content: "";
  display: block;
  width: 80%;
  height: 100%;
  background: #202020;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.freemembership_inner {
  padding: 75px 80px 82px 50%;
  position: relative;
  z-index: 2;
}

.freemembership_text_price {
  font-size: 60px;
  line-height: 50px;
  font-weight: 500;
  position: relative;
  padding-left: 30px;
  margin-bottom: 26px;
}
.freemembership_text_price span {
  font-size: 28px;
  line-height: 28px;
  color: #b4a58d;
  position: absolute;
  left: 0;
  top: 2px;
}

.freemembership_text p {
  font-size: 16px;
  line-height: 29px;
  font-weight: 500;
}
.freemembership_text p a {
  color: #b4a58d;
}

.freemembership_img {
  width: 542px;
  height: 474px;
  background: url(../images/freemembership_img.png) no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -237px;
}

.freemembership_create {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  display: inline-block;
  border-bottom: 1px dotted #fff;
}

.freemembership_buttons {
  max-width: 480px;
  width: 100%;
  margin: 105px auto 120px;
}
.freemembership_buttons .button {
  display: block;
  width: 100%;
  margin-top: 20px;
}
.freemembership_buttons .button_brown {
  color: #FFFFFF;
}
.freemembership_buttons .button_brown:hover {
  color: #0b0b0c;
}

.freemembership_bottom_text {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.freemembership_bottom_text a {
  color: #202020;
}

.joinpage_create_dogtag {
  background: url(../images/create_dogtag_bg.jpg) no-repeat center right/cover;
  color: #FFFFFF;
  position: relative;
  padding: 160px 0;
  overflow: hidden;
}
.joinpage_create_dogtag h2 {
  margin-bottom: 92px;
}
.joinpage_create_dogtag h2 span {
  color: #b4a58d;
}

.joinpage_create_inner {
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-bottom: 126px;
}

.create_form {
  display: block;
  width: 100%;
}

.create_form_side {
  display: inline-block;
  background: #292929;
  height: 36px;
  border-radius: 18px;
  margin-bottom: 26px;
}
.create_form_side label {
  display: inline-block;
  cursor: pointer;
}
.create_form_side label input {
  display: none !important;
}
.create_form_side label span {
  display: block;
  height: 36px;
  line-height: 36px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: #838383;
  border-radius: 18px;
  padding: 0 18px;
}
.create_form_side label input:checked + span {
  background: #b4a58d;
  color: #202020;
}

.create_form_group {
  display: block;
  width: 100%;
}
.create_form_group .create_form_title {
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #838383;
}
.create_form_group input {
  display: block;
  width: 100%;
  font-size: 30px;
  font-weight: 500;
  color: #FFFFFF;
  border-bottom: 2px solid #b4a58d;
  height: 66px;
  margin-bottom: 14px;
}
.create_form_group input::placeholder {
  color: #838383;
}

.create_form_group + .create_form_group {
  margin-top: 14px;
}

.create_form_button {
  text-align: center;
  position: relative;
  z-index: 2;
}
.create_form_button .button {
  width: 100%;
  max-width: 480px;
}

.joinpage_create_dogtag_img {
  width: 580px;
  height: 880px;
  background: url(../images/dogtag.png) no-repeat right top/contain;
  position: absolute;
  top: 0;
  left: calc(50% + 60px);
  z-index: 1;
}

.popup_content {
  position: relative;
  background: #f1f2f2;
}
.join-guide-modal .popup_content {
  background: #ffffff;
}

.popup_content_bgwhite {
  height: 130px;
  width: 100%;
  background: #FFFFFF;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.popup_content_img {
  width: 285px;
  height: 348px;
  background: url(../images/popup_content_img.png) no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.popup_content_bottom {
  position: relative;
  width: 100%;
  z-index: 3;
  padding: 0 80px 0;
  background: #fff;
}

.popup_content_bottom_text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  padding: 36px 0;
}
.popup_content_bottom_text a {
  color: #b4a58d;
  display: inline-block;
  margin-left: 3px;
}

.popup_confirm_title {
  font-size: 16px;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 0.258em;
  font-weight: 700;
  margin-bottom: 52px;
  padding-top: 52px;
}

.popup_confirm_form {
  display: block;
  width: 100%;
}
.popup_confirm_form .popup_confirm_inputcode {
  background: #f1f2f2;
  border-color: #f1f2f2;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.3em;
}
.popup_confirm_form .button {
  width: 100%;
}

.popup_freetojoin_veterans {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: calc(100% + 12px);
  width: 100%;
  color: #FFFFFF;
}

.popup_freetojoin_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
  padding-top: 72px;
  background: url(../images/popup_thanks_title.png) no-repeat center top/auto 52px;
  margin-bottom: 42px;
}
.popup_freetojoin_text span {
  display: block;
  margin-top: 28px;
}

.popup_freetojoin .buttons {
  display: flex;
  margin: 30px -6px 0;
}
.popup_freetojoin .buttons .button {
  flex-basis: 50%;
  margin: 6px;
}
.popup_freetojoin .buttons .button.flex100 {
  flex-basis: 100%;
}

.popup_freetojoin .popup_inner {
  padding-bottom: 0;
  background: url(../images/popup_freetojoin_bg.jpg) no-repeat left top #FFFFFF;
}

.get_membership {
  padding: 20px;
  display: none;
}

.get_membership_inner {
  min-height: 100vh;
  width: 100%;
  background: url(../images/get_membership.jpg) no-repeat center/cover;
  display: flex;
  padding-top: 265px;
  padding-bottom: 300px;
  position: relative;
}
.get_membership_inner .get_membership_close {
  width: 36px;
  height: 36px;
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 2;
  cursor: pointer;
  background: url(../images/close_white.png) no-repeat center/contain;
  transition: all 0.15s ease-out;
}
.get_membership_inner .get_membership_close:hover {
  transform: rotate(90deg);
}
.get_membership_inner .wrapper {
  padding-top: 215px;
  position: relative;
}

.get_membership_top {
  display: flex;
  align-items: flex-end;
  margin-bottom: 52px;
}

.get_membership_top_icon {
  display: block;
  width: 192px;
  height: 102px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.get_membership_top_cost {
  display: flex;
}

.get_membership_top_cost_cost {
  font-size: 48px;
  font-weight: 700;
  line-height: 36px;
  color: #FFFFFF;
  letter-spacing: 0.02em;
}

.get_membership_top_cost_title {
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  color: #b4a58d;
  margin-right: 24px;
  align-self: flex-start;
}

.get_membership_top_cost_time {
  color: #b4a58d;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  align-self: flex-end;
  margin-left: 5px;
}

.get_membership_title {
  font-size: 72px;
  font-weight: 500;
  line-height: 80px;
  color: #FFFFFF;
  margin-bottom: 40px;
}
.get_membership_title a {
  color: #b4a58d;
  display: block;
}

.get_membership_text {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #FFFFFF;
  max-width: 620px;
  margin-bottom: 82px;
}
.get_membership_text a {
  color: #b4a58d;
}

.get_membership_buttons .button {
  padding-left: 50px;
  padding-right: 50px;
}

/*
.ui-state-active, .ui-widget-content .ui-state-active {
	border: 1px solid #b4a58d;
	background: #b4a58d;
	font-weight: 500;
}

.ui-menu {
	font-size: 18px;
	font-weight: 500;
	font-family: FuturaPT, Calibri, 'Trebuchet MS', sans-serif;
}
*/
.membership_customplaque {
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  padding-bottom: 24px;
  margin-top: 12px;
}
.membership_customplaque:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 16px solid #FFFFFF;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -24px;
}

.join {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 118px 0 330px;
}
.join .popup_freetojoin {
  max-width: 760px;
  width: 100%;
  position: relative;
}
.join .popup_freetojoin_veterans {
  bottom: calc(100% + 40px);
}

.popup_freetojoin_title2 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  text-transform: uppercase;
  margin: -24px 0 24px;
}

.popup_login_top_text {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  color: #FFFFFF;
  letter-spacing: 0.258em;
  padding: 15px 20px;
}

.popup_login2 {
  position: relative;
}
.popup_login2 .popup_login_branch {
  display: none;
}
.popup_login2 .popup_title {
  text-transform: uppercase;
  letter-spacing: 0.258em;
}
.popup_login2 .popup_inner {
  padding: 54px 60px 60px;
  background: url(../images/popup_login2_bg.jpg) #f1f2f2 no-repeat top center/100% auto;
}

.popup_inner_tws {
  background: #f1f2f2;
}

.popup_login_top_text2 {
  position: static;
  color: #0b0b0c;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 42px;
}

.create_page_top_title {
  font-size: 18px;
  letter-spacing: 0.258em;
  line-height: 36px;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 32px;
}

.create_page_title {
  padding-top: 81px;
  background: url(../images/popup_thanks_title.png) no-repeat center top/auto 52px;
  font-size: 54px;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: 0.258em;
  margin-bottom: 22px;
}

.create_page_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.258em;
  margin-bottom: 62px;
}
.create_page_text .welcome-text {
  max-width: 85%;
  margin: auto;
}
.create_page_text.narrow {
  letter-spacing: 0.15em;
}
.create_page_text a {
  text-decoration: underline;
}
.create_page_text span {
  display: block;
  margin-top: 24px;
}
.create_page_text span.half {
  margin-top: 12px;
}
.create_page_text span.quantico {
  font-weight: bold;
  letter-spacing: 0.05em;
}

.header_basket {
  position: relative;
  display: inline-block;
  padding-right: 40px;
  margin-right: 41px;
  padding-left: 30px;
}
.header_basket:before {
  content: "";
  display: block;
  width: 24px;
  height: 20px;
  background: url(../images/basket.png) no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.header_basket:after {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px;
  background: #5b5d5f;
}
.header_basket span {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  white-space: nowrap;
  text-align: center;
  line-height: 20px;
  color: #626262;
  font-size: 14px;
  font-weight: 500;
  padding: 0 6px;
  cursor: pointer;
}

.content_main .main_menu_tws {
  margin-bottom: 89px;
}
.content_main h1 {
  margin-bottom: 18px;
}

.header_border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 160px;
  padding: 54px 100px;
}

.header_back {
  padding-left: 150px;
  position: relative;
}

.header_back_button {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  background: url(../images/arrowleft_white.png) no-repeat center/16px auto;
  z-index: 9;
}

.header_menu_opener {
  display: block;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding-right: 50px;
  padding-left: 30px;
  margin-left: 30px;
  /*
  	&:before {
  		content: '';
  		display: block;
  		width: 1px;
  		height: 30px;
  		background: rgba(255,255,255,.2);
  		position: absolute;
  		left: 0;
  		top: 50%;
  		margin-top: -15px;
  	}
  	*/
}
.header_menu_opener i {
  display: block;
  width: 40px;
  height: 11px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  font-size: 19px;
  line-height: 19px;
  color: #fff;
  font-weight: 500;
}
.breadcrumbs.breadcrumbs_center {
  justify-content: center;
}
.breadcrumbs li {
  position: relative;
  padding-left: 32px;
  margin-left: 10px;
}
.breadcrumbs li:before {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
.breadcrumbs li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.breadcrumbs li:first-child:before {
  display: none !important;
}
.breadcrumbs li.active {
  color: #b4a58d;
}

.breadcrumbs + h1 {
  margin-top: 84px;
}

.header2 {
  margin-bottom: 0;
}

.header_back {
  flex-direction: row-reverse;
}

.header_right_login {
  position: relative;
  padding-left: 40px;
  letter-spacing: 0.02em;
}
.header_right_login i {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/login_white.png) no-repeat center/contain;
  margin-right: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

@media (max-width: 767px) {
  .header_right_login i {
    position: static;
    margin-top: 0;
  }
}
.header_white {
  background: #fff;
  color: #333;
}
.header_white .header_menu_opener {
  color: #333;
}
.header_white .header_back_button {
  border-right-color: #bababa;
  border-bottom-color: #bababa;
  background-image: url(../images/arrowleft_black.png);
}
.header_white .logo2_tws {
  background-image: url(../images/logo_black.png);
}
.header_white .header_right_login i {
  background-image: url(../images/login_black.png);
}
.header_white .header_right_login span {
  color: #b4a58d;
}
.header_white .header_menu_opener i {
  border-top-color: #333333;
  border-bottom-color: #333333;
}

.header_right_login_logged_name {
  white-space: nowrap;
  display: inline-block;
  padding-right: 16px;
  position: relative;
  font-weight: 500;
}
.header_right_login_logged_name:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2px;
}

.header_right_login_logged {
  position: relative;
  opacity: 1 !important;
  cursor: pointer;
}

.header_right_login_logged_menu_bg {
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  display: none;
}

.header_right_login_logged_menu {
  width: 220px;
  box-shadow: 0 7px 24.6px 2.4px rgba(10, 10, 10, 0.5);
  margin-left: -110px;
  position: absolute;
  left: 50%;
  top: 100%;
  background: #fff;
  text-align: left;
  color: #202020;
  padding: 22px 20px 28px;
  margin-top: 18px;
  display: none;
  z-index: 1000;
}
.header_right_login_logged_menu li + li {
  margin-top: 13px;
}
.header_right_login_logged_menu a {
  font-size: 18px;
  font-weight: 500;
}
.header_right_login_logged_menu a:hover, .header_right_login_logged_menu a.active {
  color: #b4a58d;
}

.header_right_login_logged_menu_button {
  display: block;
  height: 40px;
  line-height: 36px;
  border-width: 2px;
  border-style: solid;
  border-color: #202020;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 500;
  padding: 0 15px;
  width: 100%;
  text-align: center;
  color: #0b0b0c;
  margin-top: 36px;
}
.header_right_login_logged_menu_button:hover {
  background: #0b0b0c;
  border-color: #0b0b0c;
  color: #fff !important;
}

@media (max-width: 1919px) {
  .wrapper {
    padding-left: 80px;
    padding-right: 80px;
  }

  .main_menu_tws li {
    margin-left: 20px;
    margin-right: 20px;
  }

  /*
  .page_head_left-left {
  	padding-left: 192px;
  }
  */
  .page_head_searchform {
    width: 100%;
  }
  .page_head_searchform .button {
    padding: 0 24px;
  }

  .main_page_top {
    width: calc(100% + 160px);
    margin: 0 -80px;
  }

  .timeline_col:nth-child(odd) {
    padding-right: 120px;
  }

  .timeline_col:nth-child(even) {
    padding-left: 120px;
  }

  .timeline_col:nth-child(odd) .timeline_text {
    padding-right: 40px;
  }
}
@media (max-width: 1599px) {
  .benefits {
    margin-left: -40px;
    margin-right: -40px;
  }

  .benefit_inner {
    padding-left: 40px;
    padding-right: 40px;
  }

  .membership_inner {
    padding-left: 40px;
    padding-right: 40px;
  }

  .membership.selected .membership_inner {
    padding-left: 62px;
    padding-right: 62px;
  }
}
@media (max-width: 1439px) {
  .freemembership:after {
    width: 77%;
  }

  .header_border {
    padding-left: 50px;
    padding-right: 50px;
  }

  .header_back {
    padding-left: 100px;
  }
}
@media (max-width: 1279px) {
  .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .benefits {
    margin-left: -20px;
    margin-right: -20px;
  }

  .benefit_inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .membership_inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .membership.selected .membership_inner {
    padding-left: 42px;
    padding-right: 42px;
  }

  .benefit {
    flex-basis: 50%;
  }

  .freemembership_img {
    left: auto;
    right: calc(50% + 40px);
  }

  .freemembership:after {
    width: 100%;
    clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media (max-width: 767px) {
  .popup_inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .popup_inner #btm {
    font-size: 12px;
    margin-top: 8px !important;
  }
  .popup_freetojoin .popup_inner {
    background-size: 100%;
  }

  .popup_thanks_link {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .popup_title {
    font-size: 36px;
    line-height: 32px;
  }

  .button {
    font-size: 12px;
    height: 40px;
    line-height: 34px;
  }

  .popup_thanks_link {
    padding-top: 31px;
    padding-bottom: 31px;
  }

  .popup_text br {
    display: none;
  }

  .popup_login form input,
form.popup_form input {
    height: 40px;
  }

  .popup_login_bottom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .popup_login_branch {
    width: 96px;
    margin-left: -48px;
    height: 96px;
    margin-top: -48px;
  }

  .popup_content_bottom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .popup_confirm_form .popup_confirm_inputcode {
    font-size: 14px;
  }

  .popup_freetojoin .buttons {
    margin: 30px 0 0;
    display: block;
  }
  .popup_freetojoin .buttons .button {
    width: 100%;
    margin: 6px 0;
  }

  .popup_freetojoin_veterans {
    font-size: 14px;
    bottom: calc(100% + 6px);
    padding: 0 24px;
  }

  form.popup_form .ui-selectmenu-button.ui-button {
    padding: 0 36px 0 20px;
    height: 40px;
  }

  form.popup_form .ui-selectmenu-button.ui-button .ui-selectmenu-text {
    line-height: 40px;
  }

  form.popup_form .ui-selectmenu-button.ui-button .ui-icon {
    right: 12px;
    top: 16px;
  }

  .main_menu_tws {
    justify-content: center;
  }

  .main_menu_tws li {
    display: none;
  }
  .main_menu_tws li.active {
    display: block;
  }

  h1 {
    font-size: 48px;
    line-height: 60px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 24px;
  }

  .header_border {
    height: 120px;
    padding: 24px 20px;
  }
  .header_border .logo_tws {
    flex-grow: 1;
  }

  .header_back {
    padding-left: 60px;
  }

  .header_back_button {
    width: 40px;
    height: 40px;
  }

  .header_right_login {
    padding-left: 0;
  }

  .header_back {
    display: block;
    padding: 0;
  }
  .header_back .logo_tws {
    max-width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .header_back .logo2 {
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .header_right {
    justify-content: center;
    height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .header_menu_opener {
    margin-left: 0;
    padding-left: 0;
  }

  .header_white .header_right {
    border-bottom-color: #bababa;
  }
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default {
  background: #FFFFFF;
  border-color: #FFFFFF;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight {
  border: 1px solid #898770;
  background: #898770;
  color: #FFFFFF;
}

.ui-datepicker .ui-widget-header {
  background: #898770;
  color: #FFFFFF;
}

.ui-datepicker .ui-datepicker-next:hover {
  background: none !important;
  border-color: transparent !important;
  right: 2px;
  top: 2px;
  opacity: 0.75;
}

.ui-datepicker .ui-datepicker-prev:hover {
  background: none !important;
  border-color: transparent !important;
  left: 2px;
  top: 2px;
  opacity: 0.75;
}

.ui-datepicker .ui-datepicker-next span {
  background: url(../images/arrowrightwhite_icon.png) no-repeat center/8px auto;
}

.ui-datepicker .ui-datepicker-prev span {
  background: url(../images/arrowleftwhite_icon.png) no-repeat center/8px auto;
}

.ui-datepicker.ui-widget.ui-widget-content {
  border: 2px solid #AAAAAA;
}

.header_main {
  margin-bottom: 0;
}

.header_white .header_right_login_logged_name:before {
  border-top-color: #202020;
}
.header_white .header_basket:after {
  background: #e8e5e0;
}
.header_white .header_basket:before {
  background-image: url(../images/basket_black.png);
}
.header_white .header_basket span {
  background: #0b0b0c;
  color: #fff;
}

.main_item_popupshadowbox {
  position: absolute;
  left: 80px;
  top: 160px;
  z-index: 2;
  width: 800px;
  box-shadow: 0 0 29.8px 2.2px rgba(15, 15, 15, 0.14);
  background: #fff;
  display: none;
}

.main_item_popupsetting_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eeeeee;
  padding: 22px 80px 22px 50px;
}

.main_item_popupsetting_title {
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
  padding-right: 24px;
}

.main_item_popupsetting_head_checkbox {
  display: block;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #898770;
  margin-bottom: 0;
  user-select: none;
}
.main_item_popupsetting_head_checkbox input {
  display: none !important;
}
.main_item_popupsetting_head_checkbox span {
  display: block;
  position: relative;
  padding-left: 30px;
}
.main_item_popupsetting_head_checkbox span:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #aaa;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.15s ease-out;
}
.main_item_popupsetting_head_checkbox input:checked + span:before {
  border-color: #898770;
  background: url(../images/tick_black.png) no-repeat center/contain;
}

.main_item_popupsetting_form {
  padding: 22px 50px 40px;
  border-bottom: 1px solid #eeeeee;
}

.main_item_popupsetting_row {
  display: flex;
  margin: 0 -12px;
}

.main_item_popupsetting_col {
  flex: 1 0 50%;
  max-width: 50%;
  padding-left: 12px;
  padding-right: 12px;
}

.main_item_popupsetting_form_title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.main_item_popupsetting_checkbox {
  display: block;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #333;
  margin-bottom: 0;
  user-select: none;
}
.main_item_popupsetting_checkbox input {
  display: none !important;
}
.main_item_popupsetting_checkbox span {
  display: block;
  position: relative;
  padding-left: 30px;
}
.main_item_popupsetting_checkbox span:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #aaa;
  position: absolute;
  left: 0;
  top: 0;
}
.main_item_popupsetting_checkbox input:checked + span:before {
  border-color: #898770;
  background: url(../images/checkbox_black.png) no-repeat center/contain;
}

.main_item_popupsetting_checkbox + .main_item_popupsetting_checkbox {
  margin-top: 20px;
}

.main_item_popupsetting_radio {
  display: block;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #333;
  margin-bottom: 0;
  user-select: none;
}
.main_item_popupsetting_radio input {
  display: none !important;
}
.main_item_popupsetting_radio span {
  display: block;
  position: relative;
  padding-left: 30px;
}
.main_item_popupsetting_radio span:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #aaa;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  transition: all 0.15s ease-out;
}
.main_item_popupsetting_radio input:checked + span:before {
  background: #fff;
  border: 7px solid #333;
}

.main_item_popupsetting_radio + .main_item_popupsetting_radio {
  margin-top: 20px;
}

.main_item_popupsetting_form_selectgroup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #eeeeee;
  padding-top: 20px;
  padding-bottom: 20px;
}

.main_item_popupsetting_form_selectgroup_title {
  color: #333;
  font-size: 17px;
  font-weight: 500;
  line-height: 32px;
}

.select2.select2-container--popupsetting {
  width: 160px !important;
  border: 2px solid #aaa;
}
.select2.select2-container--popupsetting .select2-selection--single {
  height: 60px;
}
.select2.select2-container--popupsetting .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
  padding-right: 80px;
  line-height: 56px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.select2.select2-container--popupsetting .select2-selection--single .select2-selection__arrow {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 60px;
  border-left: 2px solid #aaa;
  background: url(../images/arrowdownblack_icon.png) no-repeat center/16px auto;
}

.select2-container--popupsetting .select2-dropdown {
  border: 2px solid #aaa;
}
.select2-container--popupsetting .select2-results__option {
  padding: 0 20px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}

.main_item_popupsetting_form_group {
  padding-bottom: 40px;
}

.main_item_popupsettingbutton {
  min-width: 160px;
  letter-spacing: 0.1em;
}

.main_item_popupsetting_order {
  border-bottom: 1px solid #eeeeee;
}
.main_item_popupsetting_order .main_item_popupsetting_title {
  border-bottom: 1px solid #eeeeee;
  padding: 20px 50px 22px;
}

.main_item_popupsetting_order_content {
  padding: 22px 50px 40px;
}
.main_item_popupsetting_order_content p {
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #333;
  opacity: 0.5;
}
.main_item_popupsetting_order_content p + p {
  margin-top: 24px;
}

.main_item_popupsetting p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #333;
  opacity: 0.5;
}
.main_item_popupsetting p + p {
  margin-top: 24px;
}

.main_item_popupsetting_order_button {
  margin-top: 28px;
}
.main_item_popupsetting_order_button .button {
  height: 50px;
  line-height: 46px;
  max-width: 320px;
  width: 100%;
}

.main_item_popupsetting_share_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 22px 80px 22px 50px;
}

.main_item_popupsetting_share_list {
  display: flex;
  align-items: center;
}

.main_item_popupsetting_share_title {
  font-size: 17px;
  font-weight: 500;
  line-height: 32px;
}

.main_item_popupsetting_share_ul {
  display: flex;
  align-items: center;
}
.main_item_popupsetting_share_ul li {
  margin-left: 40px;
}
.main_item_popupsetting_share_ul li a {
  display: block;
  height: 13px;
}
.main_item_popupsetting_share_ul li a svg {
  display: block;
  height: 100%;
  width: auto;
  fill: #333;
  transition: all 0.15s ease-out;
}
.main_item_popupsetting_share_ul li a:hover svg {
  fill: #898770;
}

.main_item_popupsetting_share_content {
  padding: 24px 50px 50px;
}

.main_item_popupsetting_share_group + .main_item_popupsetting_share_group {
  margin-top: 24px;
}

.main_item_popupsetting_share_link {
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  word-break: break-all;
}

p + .main_item_popupsetting_share_link {
  margin-top: 5px;
  display: block;
}

.main_item_popupsetting_share_button {
  margin-top: 22px;
}
.main_item_popupsetting_share_button .button {
  height: 50px;
  line-height: 46px;
}

.popup_setting {
  max-width: 800px;
}

.main_item_popupsetting_form_selectgroup_select {
  position: relative;
  min-height: 60px;
  width: 160px !important;
  cursor: pointer;
  z-index: 2;
}
.main_item_popupsetting_form_selectgroup_select:before {
  content: "";
  display: block;
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/arrowdownblack_icon.png) no-repeat center/16px auto;
  border-left: 2px solid #aaa;
  z-index: 3;
}
.main_item_popupsetting_form_selectgroup_select ul {
  border: 2px solid #aaa;
  min-height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
}
.main_item_popupsetting_form_selectgroup_select ul li {
  padding-left: 20px;
  padding-right: 80px;
  line-height: 56px;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  display: none;
  transition: all 0.15s ease-out;
}
.main_item_popupsetting_form_selectgroup_select ul li.selected {
  display: list-item;
}
.main_item_popupsetting_form_selectgroup_select.opened:before {
  display: none;
}
.main_item_popupsetting_form_selectgroup_select.opened ul li {
  display: list-item;
}
.main_item_popupsetting_form_selectgroup_select.opened ul li:hover {
  color: #fff;
  background: #898770;
}

.main_item_popupsetting_formbutton .button {
  height: 50px;
  line-height: 46px;
}

footer.footer_tws {
  display: block;
  background: url(../images/footer_bg.jpg) no-repeat center/cover;
  color: #FFFFFF;
  opacity: 1;
  font-weight: 400;
  line-height: normal;
  padding: 0;
}
footer.footer_tws .footer_bottom {
  background: #181818;
  text-align: center;
  padding: 62px 0 74px;
}
footer.footer_tws .footer_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  opacity: 0.3;
}

.socialnetworks {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 52px;
}
.socialnetworks li {
  margin: 0 20px;
}
.socialnetworks a {
  display: block;
  width: 15px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all 0.15s ease-out;
}
.socialnetworks a:hover {
  opacity: 0.6;
}

.socialnetworks_fb {
  background-image: url(../images/facebook_icon.png);
}

.socialnetworks_tw {
  background-image: url(../images/twitter_icon.png);
}

.socialnetworks_lin {
  background-image: url(../images/linkedin_icon.png);
}

.socialnetworks_in {
  background-image: url(../images/instagramm_icon.png);
}

.socialnetworks_section .logo_tws {
  margin: 0 auto;
}

.socialnetworks_section {
  padding-top: 144px;
  padding-bottom: 137px;
}

.logo_tws {
  display: block;
  max-width: 320px;
  width: 100%;
  height: 50px;
  background: url(../images/logo.png) no-repeat center/contain;
}

.logo2_tws {
  display: block;
  max-width: 240px;
  width: 100%;
  height: 20px;
  background: url(../images/logo2.png) no-repeat center/contain;
}

@media (max-width: 767px) {
  .header_back .logo2_tws {
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .header_tws {
    margin-bottom: 0;
  }
}
.header_transparent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0;
  padding: 0 160px;
  height: 160px;
  flex-direction: row-reverse;
  width: 100%;
  position: relative;
}
.header_transparent .logo {
  display: block;
  height: 19px;
  width: 240px;
  background-position: left center;
}

.mobile_menu .header_transparent {
  background: #fff;
}
.mobile_menu .main_page_login a {
  color: #202020;
}
.mobile_menu .main_page_login a span {
  color: #b4a58d;
}
.mobile_menu .main_page_login:before {
  background: url(../images/login_icon_black.png) no-repeat center/contain;
}

@media (max-width: 1439px) {
  .header_transparent {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 1279px) {
  .header_transparent {
    height: 80px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .header_transparent {
    display: block;
    padding: 0;
    height: auto;
    position: relative;
  }

  .header_transparent .logo {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    background-position: center;
  }
}
.modal-content_flag {
  background: url(../images/popup_content_img.png) #fff no-repeat left top;
}

.modal-dialog {
  margin: 64px auto;
}

@media (max-width: 767px) {
  .content, .joinpage_main {
    position: relative;
    padding-top: 160px;
  }

  .headertws {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-bottom: 0;
  }
  .headertws .logo_tws {
    max-width: 100%;
    background-position: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .headertws .header_right {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    min-height: 0;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .headertws .header_right_search {
    display: none;
  }

  .create_page_title {
    font-size: 36px;
    line-height: normal;
  }

  .create_page_text {
    letter-spacing: 0.02em;
  }
}
@media (max-width: 1279px) {
  .main_item:nth-child(odd),
.main_item:nth-child(even) {
    border: none;
  }

  .memberships {
    flex-wrap: wrap;
    margin-top: 0;
    bottom: 0;
  }

  .membership {
    margin: 10px;
  }

  .joinpage_benefits {
    padding-top: 96px;
  }

  .freemembership:after {
    width: 100%;
    clip-path: none;
  }

  .get_membership_inner {
    padding-top: 0;
    padding-bottom: 72px;
    min-height: 0;
  }
  .get_membership_inner .wrapper {
    padding-top: 96px;
  }

  .get_membership_inner .get_membership_close {
    right: 20px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .benefits {
    display: block;
  }

  .freemembership_inner {
    padding: 75px 20px 82px;
  }

  .freemembership_img {
    width: 100%;
    height: 68vw;
    margin-top: 0;
    position: relative;
    margin-bottom: 24px;
    top: -36px;
    right: auto;
  }

  .get_membership_top_cost_cost {
    font-size: 24px;
  }

  .get_membership_top_cost_title {
    font-size: 16px;
    margin-right: 12px;
  }

  .get_membership_top_cost {
    white-space: nowrap;
  }

  .get_membership_top_cost_time {
    font-size: 14px;
  }

  .get_membership_title {
    font-size: 36px;
    line-height: 42px;
  }

  .get_membership_buttons .button {
    width: 100%;
    margin: 6px 0;
    max-width: 360px;
  }

  .header_main .header_right {
    display: flex;
  }

  .header_basket:after {
    display: none;
  }

  .basket_popup {
    left: 50% !important;
    margin-left: -160px !important;
  }
}
@media (max-width: 1279px) {
  .header_with_basket {
    height: auto;
    padding: 0;
    flex-wrap: wrap;
  }
  .header_with_basket .header_back_button {
    width: 40px;
    height: 40px;
  }
  .header_with_basket .header_right {
    margin-left: 0;
    min-width: 100%;
    height: 80px;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
    position: relative;
    border-bottom: none;
  }
  .header_with_basket .header_right__login {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .header_with_basket .header_basket {
    margin-right: 0;
  }
  .header_with_basket .logo_tws, .header_with_basket .logo2_tws {
    margin-top: 15px;
    margin-bottom: 15px;
    background-position: center;
    min-width: 100%;
    display: block;
  }
  .header_with_basket .header_right_login {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header_with_basket.header_white .header_right__login {
    border-top: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
  }
}
@media (max-width: 767px) {
  .profile_header .service_photo_mobile {
    width: 70%;
  }
  .profile_header .service_photo_mobile .main_item_photo {
    height: 60vw;
    min-height: 175px;
  }
  .profile_header .main_item_buttons .single-btn:first-child {
    margin-top: 0px;
  }
  .profile_header .top,
  .profile_header .btm {
    display: flex;
  }
  .profile_header .btm {
    margin-top: 10px;
  }
  .profile_header .sleeve_wrapper {
    width: 30%;
    margin-left: 10px;
  }
  .profile_header .sleeve_wrapper .main_item_rankdate .main_item_rank {
    min-width: 15vw;
    height: 30vw;
  }

  .main_item_popupsetting_head {
    padding: 40px 20px 22px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: flex-start;
  }

  .main_item_popupsetting_title {
    min-width: 100%;
    padding-right: 0;
  }

  .main_item_popupsetting_head_checkbox {
    min-width: 100%;
  }

  .main_item_popupsetting_form,
.main_item_popupsetting_order .main_item_popupsetting_title,
.main_item_popupsetting_order_content,
.main_item_popupsetting_share_head,
.main_item_popupsetting_share_content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main_item_popupsetting_row {
    display: block;
  }

  .main_item_popupsetting_col {
    flex-basis: 100%;
    max-width: 100%;
  }

  .main_item_popupsetting_col + .main_item_popupsetting_col {
    margin-top: 40px;
  }

  .main_item_popupsetting_form_selectgroup {
    display: block;
  }

  .main_item_popupsetting_form_selectgroup_select {
    width: 100% !important;
  }

  .main_item_popupsetting_share_head {
    display: block;
  }

  .main_list_loadmore a, .main_list_loadmore p {
    padding: 15px 36px;
  }
}
.page_usaf.page_search,
.page_profile[data-current-sitecontext=usaf],
.page_timeline[data-current-sitecontext=usaf],
.page_tribute[data-current-sitecontext=usaf] {
  background: url(../images/body_bg_usaf.jpg) #e9e9e9 no-repeat center top/100% auto;
}
.page_usaf.page_search.usaaf_service,
.page_profile[data-current-sitecontext=usaf].usaaf_service,
.page_timeline[data-current-sitecontext=usaf].usaaf_service,
.page_tribute[data-current-sitecontext=usaf].usaaf_service {
  background: url(../images/body_bg_usaaf.jpg) #e9e9e9 no-repeat center top/100% auto;
}

.page_army.page_search,
.page_profile[data-current-sitecontext=army],
.page_timeline[data-current-sitecontext=army],
.page_tribute[data-current-sitecontext=army] {
  background: url(../images/body_bg_army.jpg) #eaeaea no-repeat center top/100% auto;
}

.page_usn.page_search,
.page_profile[data-current-sitecontext=usn],
.page_timeline[data-current-sitecontext=usn],
.page_tribute[data-current-sitecontext=usn] {
  background: url(../images/body_bg_usn.jpg) #e9e9e9 no-repeat center top/100% auto;
}

.page_usmc.page_search,
.page_profile[data-current-sitecontext=usmc],
.page_timeline[data-current-sitecontext=usmc],
.page_tribute[data-current-sitecontext=usmc] {
  background: url(../images/body_bg_usmc.jpg) #e9e9e9 no-repeat center top/100% auto;
}

.page_uscg.page_search,
.page_profile[data-current-sitecontext=uscg],
.page_timeline[data-current-sitecontext=uscg],
.page_tribute[data-current-sitecontext=uscg] {
  background: url(../images/body_bg_uscg.jpg) #e9e9e9 no-repeat center top/100% auto;
}

.header_plaque {
  margin-bottom: 0;
  flex-direction: row-reverse;
  color: #fff;
  height: 160px;
  padding: 54px 100px;
}

@media (max-width: 1279px) {
  .header_plaque {
    height: auto;
    padding: 0;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .header_plaque .header_right {
    margin-left: 0;
    min-width: 100%;
    height: 40px;
    padding-bottom: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .header_plaque .header_basket {
    margin-right: 0;
    width: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header_plaque .header_basket:before {
    position: static;
    margin-top: 0;
    margin-right: 6px;
  }
  .header_plaque .header_basket:after {
    display: none;
  }
  .header_plaque .header_right__login {
    height: 40px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }
}
@media (min-width: 768px) {
  .fs18-md {
    font-size: 18px;
  }

  .fs22-md {
    font-size: 22px;
  }

  .sleeve_wrapper {
    position: absolute;
    top: 40px;
    height: 313px;
    min-width: 120px;
    width: 120px;
  }
  .sleeve_wrapper .main_item_rankdate {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    background: #000000;
  }
  .sleeve_wrapper .main_item_rank {
    height: 100px;
    min-width: 65px;
    margin: auto;
    background-size: contain;
    background-color: #000000;
  }

  .sbv_sleeve_patch {
    height: 150px;
    width: 150px;
    min-width: 150px;
  }

  .join-guide-modal .popup_inner .main-body {
    padding-left: 40px;
    padding-right: 40px;
  }

  .scrollTop {
    width: 70px;
    height: 65px;
    padding: 11px 18px 11px 9px;
  }
}
@media (min-width: 1024px) {
  .fs24-xl {
    font-size: 24px;
  }
}
@media (min-width: 1280px) {
  .scrollTop {
    width: 90px;
    height: 80px;
    padding: 13px 22px 13px 14px;
  }
}
@media (min-width: 1440px) {
  .page_head_searchform {
    width: 480px;
  }

  .last-search {
    width: 480px;
  }
}
@media (max-width: 479px) {
  .create_page_text {
    font-size: 14px;
    letter-spacing: 0em !important;
    line-height: 1.5em;
  }
  .create_page_text .todo_note br {
    margin-bottom: 10px;
  }

  #cta-join .button {
    height: 60px;
    line-height: 54px;
  }

  .main_list_index .main_item_index .main_item_name {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 374px) {
  .headertws .logo_tws {
    height: 45px;
  }

  .main_item_date {
    font-size: 12px;
  }

  .join {
    padding: 10px 0 330px;
  }

  .create_page_text {
    font-size: 12px;
  }

  .select2.select2-container--popup_login_select .select2-selection--single .select2-selection__rendered {
    padding-left: 10px;
    padding-right: 10px;
  }
  .orgnet + .select2.select2-container--popup_login_select .select2-selection--single .select2-selection__rendered:not([title=""]) {
    text-align: left;
    font-size: 14px;
  }
  .select2.select2-container--popup_login_select .select2-selection--single .select2-selection__rendered:not([title=""]) {
    text-align: left;
    font-size: 15px;
  }

  .select2-container--popup_login_select .select2-results__option {
    padding: 10px;
    line-height: 20px;
    font-size: 15px;
  }
  .select2-container--popup_login_select .select2-results__option:first-child {
    padding: 0;
  }
}