@import url("staging.css");

/* TRAINS.COM BRANDS */
body {
  background-color: #f7f7f7;
  font-family: 'Open Sans', sans-serif;
}

#breadcrumbs { 
  margin-top: 25px;
  font-size: 14px;
  /*border-bottom: 1px solid #ddd;*/
  padding-bottom: 20px;
  /*margin-bottom: 35px;*/
}
#breadcrumbs span span:first-child {
  padding-left: 0;
}
#breadcrumbs span span a {
  padding-right: 5px;
  padding-left: 5px;
  color: #333;
}
.breadcrumb_last{
font-weight:600;
padding-left: 5px;
}
/* //////////
BUTTONS
////////////*/

/* BUTTON PRIMARY - RED */
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  background-color: #B21F24;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(178, 31, 36, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(178, 31, 36, 0.5);
  border-color: transparent;
}

/*SIGN IN - CREATE AN ACCOUNT*/
.signin-header .modal-content,
.create-account-header .modal-content,
.user-account-header .modal-content{
  text-align: left;
  padding: 0 20px;
}
.signin-header .modal-header,
.create-account-header .modal-header,
.user-account-header .modal-header{
  border-bottom: none;
  padding-bottom: 0;
}
.signin-header .modal-body,
.create-account-header .modal-body,
.user-account-header .modal-body {
  padding-top: 0;
}
.user-account-header .modal-body {
  padding-bottom: 0;
}
.signin-header .modal-footer,
.create-account-header .modal-footer,
.user-account-header .modal-footer{
  border-top:none;
  text-align: center;
}
.create-account-header .modal-footer {
  padding-top: 0;
  padding-bottom: 40px;
  padding-left: .9rem;
}
.user-account-header .modal-footer {
  justify-content: left;
}
.user-account-header .modal-footer .modal-bottom-links {
  padding: 15px 0 35px 0;
}
.user-account-hello {
  margin-bottom: 1px;
}
.signin-header .modal-footer #login-button,
.create-account-header .modal-footer #join-button {
  width: 100%;
  margin-left: 0;
}

.signin-header .modal-title,
.create-account-header .modal-title,
.user-account-header .modal-title {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 10px;
}
.create-account-link{
  text-decoration: underline;
  cursor: pointer;
  padding-left: 10px;
}
.user-account-manage {
  padding-top: 8px;
  font-weight: 700;
}
.user-account-manage a{
  text-decoration: underline;
  color: #333;
}
.user-account-manage a:hover{
  color: #B21F24;
}
.signin-header .form-check {
  padding-top: 5px;
}
.signin-forgot-password {
  padding-bottom: 30px;
}
.signin-new-user {
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 15px;
}
.signin-new-user button,
.signin-new-user [type="button"] {
	-webkit-appearance:none;
}
.modal-bottom-links {
  padding:15px 20px 40px 20px;
}
.modal-bottom-links a {
  color: #333;
  text-decoration: underline;
}
.modal-bottom-links a:hover,
.create-account-link:hover {
  color:#B21F24;
}
.mrr-template .modal-bottom-links a:hover,
.mrr-template-default .modal-bottom-links a:hover,
.page-template-page-mrr .modal-bottom-links a:hover,
.mrr-template .create-account-link:hover,
.mrr-template-default .create-account-link:hover,
.page-template-page-mrr .create-account-link:hover {
  color:#014D87;
}
.grw-template .modal-bottom-links a:hover,
.grw-template-default .modal-bottom-links a:hover,
.page-template-page-grw .modal-bottom-links a:hover,
.grw-template .create-account-link:hover,
.grw-template-default .create-account-link:hover,
.page-template-page-grw .create-account-link:hover {
  color:#004223;
}

.form-group input:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
.mrr-template .form-group input:focus,
.mrr-template-default .form-group input:focus,
.page-template-page-mrr .form-group input:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 98, 173, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 98, 173, 0.5);
}
.grw-template .form-group input:focus,
.grw-template-default .form-group input:focus,
.page-template-page-grw .form-group input:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 66, 35, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 66, 35, 0.5);
}

.signin-header #pass {
  border:1px solid #ccc;
}
.signin-manage {
  padding-left: 0;
}
.birthdate-title {
  font-size: 15px;
  font-weight: 600;
  padding: 5px 0 10px 0;
  line-height: 1;
}
#birthMonth,
#birthDay {
  margin-right: 7px;
}


.store-image img {
  width: 159px;
  height: 220px;
}

.imagecontainer img {
  min-width: 200px;
  min-height: 50px;
}

.hp-feature-article {
  min-width: 200px;
  min-height: 50px;
}

@media (min-width: 515px){
#birthMonth,
#birthDay {
  margin-right: 14px;
}
}
#birthMonth,
#birthDay,
#birthYear {
  padding: 5px 10px;
}
.user-sign-out {
  text-align: right;
}
.account-trial-promo {
  background: #eee;
  padding: 20px 25px;
  margin: 20px 15px 0 15px;
}
.account-trial-promo-title {
  font-size: 16px;
}

/* JOIN BUTTON - BLUE TEXT */
.btn-join {
  background: #ffffff;
  border:1px solid #cccccc !important;
  color: #b21f24;
  border-radius: 5px;
  padding-bottom:1px;
}
.btn-join:hover,
.btn-join:active {
  background: #b21f24;
  color: #ffffff;
  border:1px solid #b21f24;
}
.btn-join a:hover,
.btn-join a:active,
.btn-join:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
.footer-wrap-join a,
 .footer-wrap-join a:hover {
  text-decoration: none;
}
.footer-join-btn {
  margin-top: 10px;
  width: 100px;
}
.footer-join-btn a,
.footer-join-btn a:hover {
  text-decoration: none;
}
.paywall {
  padding:3rem !important;
  margin-top: 2rem;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 19%);
}
.paywall h2 {
  margin-top: 0;
  padding-top: 10px;
}
.paywall .btn-primary {
  background-color: #B21F24 !important;
  border: 1px solid #B21F24 !important;
  color: #fff;
}
.paywall .btn-primary:hover {
  background-color: #9B1B20 !important;
  border: 1px solid #9B1B20 !important;
  color: #fff;
}
/* BLACK BUTTON - WHITE TEXT */
.btn-black {
  background: #121212;
  border:1px solid #121212 !important;
  color: #ffffff;
  border-radius: 5px;
}
.btn-black:hover,
.btn-black:active {
  background: #333333;
  color: #fff;
  border:1px solid #333333;
}

.intro-copy {
  max-width: 100%;
  height: auto;
  /* width: 500px; */
}


/* MRR - JOIN BUTTON - BLUE TEXT */
.mrr-template-default .btn-join,
.mrr-template .btn-join,
.page-template-page-mrr .btn-join {
  color: #0062ad;
}
.mrr-template-default .btn-join:hover,
.mrr-template-default .btn-join:active,
.mrr-template .btn-join:hover,
.mrr-template .btn-join:active,
.page-template-page-mrr .btn-join:hover,
.page-template-page-mrr .btn-join:active {
  background: #014D87;
  color: #ffffff;
  border:1px solid #014D87;
}



/* MRR - SOLID BLUE BUTTON */

.mrr-template-default .btn-primary,
.mrr-template .btn-primary,
.page-template-page-mrr .btn-primary {
  background-color: #0062ad;
  color: #ffffff;
  border-radius: 0.5rem;
  border: 1px solid #0062ad;
}

.mrr-template-default .btn-primary:hover,
.mrr-template-default .btn-primary:active
.mrr-template .btn-primary:hover,
.mrr-template .btn-primary:active,
.page-template-page-mrr .btn-primary:hover,
.page-template-page-mrr .btn-primary:active {
  background: #014D87;
  border: 1px solid #014D87;
  color: #ffffff;
}

.mrr-template .btn-primary:focus,
.mrr-template .btn-primary:active,
.mrr-template .btn-primary:not(:disabled):not(.disabled):active,
.mrr-template .btn-primary:not(:disabled):not(.disabled).active,
.show > .mrr-template .btn-primary.dropdown-toggle,
.mrr-template .btn-primary:not(:disabled):not(.disabled):active:focus,
.mrr-template .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .mrr-template .btn-primary.dropdown-toggle:focus,
.page-template-page-mrr .btn-primary:focus,
.page-template-page-mrr .btn-primary:active,
.page-template-page-mrr .btn-primary:not(:disabled):not(.disabled):active,
.page-template-page-mrr .btn-primary:not(:disabled):not(.disabled).active,
.show > .page-template-page-mrr .btn-primary.dropdown-toggle,
.page-template-page-mrr .btn-primary:not(:disabled):not(.disabled):active:focus,
.page-template-page-mrr .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .page-template-page-mrr .btn-primary.dropdown-toggle:focus,
.mrr-template-default .btn-primary:focus,
.mrr-template-default .btn-primary:active,
.mrr-template-default .btn-primary:not(:disabled):not(.disabled):active,
.mrr-template-default .btn-primary:not(:disabled):not(.disabled).active,
.show > .mrr-template-default .btn-primary.dropdown-toggle,
.mrr-template-default .btn-primary:not(:disabled):not(.disabled):active:focus,
.mrr-template-default .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .page-template-page-mrr .btn-primary.dropdown-toggle:focus {
  background-color: #014D87 !important;
  /* webkit-box-shadow: 0 0 0 0.2rem rgba(0, 98, 173, 0.5) !important; */
  box-shadow: 0 0 0 0.2rem rgba(0, 98, 173, 0.5) !important;
  border-color: transparent;
}

/* GRW - JOIN BUTTON - GREEN TEXT */

.grw-template-default .btn-join,
.grw-template .btn-join,
.page-template-page-grw .btn-join {
  color: #00552d;
}
.grw-template-default .btn-join:hover,
.grw-template-default .btn-join:active,
.grw-template .btn-join:hover,
.grw-template .btn-join:active,
.page-template-page-grw .btn-join:hover,
.page-template-page-grw .btn-join:active {
  background: #004223;
  color: #ffffff;
  border:1px solid #004223;
}

/* GRW - SOLID GREEN BUTTON */

.grw-template-default a.btn-primary,
.grw-template a.btn-primary {
  background: #00552d;
  color: #ffffff;
  border-radius: 0.5rem;
}

.grw-template-default a.btn-primary:hover,
.grw-template-default a.btn-primary:active,
.grw-template-default a.btn-primary:focus,
.grw-template a.btn-primary:hover,
.grw-template a.btn-primary:active,
.grw-template a.btn-primary:focus,
.page-template-page-grw a.btn-primary:hover,
.page-template-page-grw a.btn-primary:active,
.page-template-page-grw a.btn-primary:focus {
 background: #004223;
 color: #ffffff;
}

.grw-template .btn-primary:focus,
.grw-template .btn-primary:active,
.grw-template .btn-primary:not(:disabled):not(.disabled):active,
.grw-template .btn-primary:not(:disabled):not(.disabled).active,
.show > .grw-template .btn-primary.dropdown-toggle,
.grw-template .btn-primary:not(:disabled):not(.disabled):active:focus,
.grw-template .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .grw-template .btn-primary.dropdown-toggle:focus,
.page-template-page-grw .btn-primary:focus,
.page-template-page-grw .btn-primary:active,
.page-template-page-grw .btn-primary:not(:disabled):not(.disabled):active,
.page-template-page-grw .btn-primary:not(:disabled):not(.disabled).active,
.show > .page-template-page-grw .btn-primary.dropdown-toggle,
.page-template-page-grw .btn-primary:not(:disabled):not(.disabled):active:focus,
.page-template-page-grw .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .page-template-page-grw .btn-primary.dropdown-toggle:focus,
.grw-template-default .btn-primary:focus,
.grw-template-default .btn-primary:active,
.grw-template-default .btn-primary:not(:disabled):not(.disabled):active,
.grw-template-default .btn-primary:not(:disabled):not(.disabled).active,
.show > .grw-template-default .btn-primary.dropdown-toggle,
.grw-template-default .btn-primary:not(:disabled):not(.disabled):active:focus,
.grw-template-default .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .grw-template-default .btn-primary.dropdown-toggle:focus {
  background-color: #004223;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 66, 35, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 66, 35, 0.5);
  border-color: transparent;
}


/* /////////////
MRR Styles - Links
///////////////*/
.mrr-template-default a,
.mrr-template a,
.single-mrr a,
.mrr-template .filter-wrap a:hover,
.mrr-template .filter-wrap a:focus,
.mrr-template .filter-wrap a:active {
  color: #0062ad;
}

.mrr-template-default a:hover,
.mrr-template-default a:active {color: #014D87;}
body.page-template-page-mrr a { color: #0062ad; }
body.page-template-page-mrr a.black-link { color: #333 !important; }
body.page-template-page-mrr .btn { border-color: #0062ad; }
.btn.btn-wht-outline { border-color: white !important; }
a.btn.btn-outline { color: #333; }

/* HOME - SUBSCRIBER BENEFITS */
.hsb-red {
	background-color: #b21f24;
}
.hsb-blue {
	background-color: #0062ad;
}
.home-subscriber-benefit {
  color: #fff;
  border-radius: 0.5rem;
  padding: 20px 25px;
}
.home-subscriber-benefit p {margin-bottom:0;}
.home-subscriber-benefit a,
.home-subscriber-benefit a:hover {
	color: #ffffff !important;
}
.benefit-btn {
	padding-top: 15px;
}
@media (min-width: 768px){
.benefit-btn {
	text-align-last:end;
	padding-top: 0;
}
}
/* END - HOME - SUBSCRIBER BENEFITS*/
body.page-template-page-mrr .blue-cta
{
  background-color: #0062ad;
  color: #fff;
  border-radius: 0.5rem;
}
.train-trn-home-column-1, .train-trn-home-column-2, .train-trn-home-column-3,
.train-mrr-home-column-1, .train-mrr-home-column-2, .train-mrr-home-column-3,
.train-ctt-home-column-1, .train-ctt-home-column-2, .train-ctt-home-column-3,
.train-ctr-home-column-1, .train-ctr-home-column-2, .train-ctr-home-column-3,
.train-grw-home-column-1, .train-grw-home-column-2, .train-grw-home-column-3 {
  text-align: center; }
.blue-cta
{
  background-color: #b21f24;
  color: #fff;
  border-radius: 0.5rem;
}

.blue-cta a { color: #fff !important; }
.blue-cta p { margin-bottom: 0; }


/* //////////
GRW  Styles - Links
////////////*/
.grw-template-default a,
.grw-template a,
.single-grw a
{color:#00552d;}
.grw-template .filter-wrap a:hover,
.grw-template .filter-wrap a:focus,
.grw-template .filter-wrap a:active {
  color: #004223;}
.grw-template-default a:hover,
.grw-template-default a:active {color: #004223;}
body.page-template-page-grw a { color: #00552d; }
body.page-template-page-grw a.black-link { color: #333 !important; }
body.page-template-page-grw .btn { border-color: #00552d; }
.btn.btn-wht-outline { border-color: white !important; }
a.btn.btn-outline { color: #333; }

body.page-template-page-grw .btn-primary
{
  background-color: #00552d;
  color: #fff;
}

body.page-template-page-grw .blue-cta
{
  background-color: #00552d;
  color: #fff;
  border-radius: 0.5rem;
}

.show-header-dropdown {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.header-logo {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 60px;
}

.flex-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/*[ BACK TO TOP ]
///////////////////////////////////////////////////////////
*/
.btn-back-to-top {
  display: none;
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 40px;
  right: 40px;
  background-color: black;
  opacity: 0.5;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  border-radius: 4px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.symbol-btn-back-to-top {
  font-size: 22px;
  color: white;
  line-height: 1em;
}

.btn-back-to-top:hover {
  opacity: 1;
  cursor: pointer;
}

@media (max-width: 576px) {
  .btn-back-to-top {
    bottom: 15px;
    right: 15px;
  }
}
/*[ Restyle Select2 ]
///////////////////////////////////////////////////////////
*/
/* Select2 */
.select2-container {
  display: block;
  max-width: 100% !important;
  width: auto !important;
}

.select2-container .select2-selection--single {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background-color: transparent;
  border: none;
  height: 20px;
  outline: none;
  position: relative;
}

/* in select */
.select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
  font-family: Open Sans;
  line-height: 20px;
  color: #888888;
  padding-left: 0px ;
  background-color: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.select2-selection__arrow b {
  display: none;
}

.select2-selection__arrow:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  background-color: transparent;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  color: white;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 2px;
  margin-right: 8px;
}

/* dropdown option */
.select2-container--open .select2-dropdown {
  z-index: 1251;
  border: 1px solid #e5e5e5;
  border-radius: 0px;
  background-color: white;
}

.select2-container .select2-results__option[aria-selected] {
  padding-top: 5px;
  padding-bottom: 5px;
}

.select2-container .select2-results__option[aria-selected="true"] {
  background-color: #e65540;
  color: white;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
  background-color: #e65540;
  color: white;
}

.select2-results__options {
  font-size: 13px;
  font-family: Open Sans;
  color: #888888;
}

.select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: none;
  font-family: Open Sans;
  font-size: 13px;
  color: #888888;
}

/*[ rs1-select2 ]
-----------------------------------------------------------
*/
.rs1-select2 .select2-container {
  margin-left: 26px;
}

.rs1-select2 .select2-container .select2-selection--single {
  height: 20px;;
}

/*[ rs2-select2 ]
-----------------------------------------------------------
*/
.rs2-select2 .select2-container .select2-selection--single {
  background-color: white;
  height: 50px;
}

.rs2-select2 .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 20px;
  color: #555555;
  padding-left: 22px ;
}

.rs2-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 10px;
}

#dropDownSelect2 .select2-results__options {
  color: #555555;
}

#dropDownSelect2 .select2-search--dropdown .select2-search__field {
  color: #555555;
}



/*[ rs3-select2 ]
-----------------------------------------------------------
*/
.rs3-select2 .select2-container .select2-selection--single {
  height: 45px;
}

.rs3-select2 .select2-selection__arrow b {
  display: block;
}

.rs3-select2 .select2-selection__arrow:after {
  display: none;
}

/*[ rs4-select2 ]
-----------------------------------------------------------
*/
.rs4-select2 .select2-container .select2-selection--single {
  height: 40px;
}

.rs4-select2 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px ;
}

.rs4-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 5px;
}


/*[ Header ]
///////////////////////////////////////////////////////////
*/
.header1 {
  height: 125px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.fixed-header {height: 110px;}

/*[ Header Desktop ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.container-menu-header {
  width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1100;
  box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
  margin-left: 6px;
  position: absolute;
  right: 0;
  z-index: 9999;
}
/*MEGA MENU KEY - TRNCOM-PRIMARY TRN-1 MRR-5 CTT-4 CTR-6 GRW-2*/
@media only screen and (max-width: 768px){
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary,
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-wrap-primary,
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1,
#mega-menu-wrap-max_mega_menu_5 .mega-menu-toggle + #mega-menu-max_mega_menu_5,
#mega-menu-wrap-max_mega_menu_4 .mega-menu-toggle + #mega-menu-max_mega_menu_4,
#mega-menu-wrap-max_mega_menu_6 .mega-menu-toggle + #mega-menu-max_mega_menu_6,
#mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle + #mega-menu-max_mega_menu_2 {
  margin-top: 10px;
  border-bottom: 1px solid #ccc;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_5 #mega-menu-max_mega_menu_5 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_4 #mega-menu-max_mega_menu_4 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_6 #mega-menu-max_mega_menu_6 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item > a.mega-menu-link {
  padding:0 25px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-max_mega_menu_5 #mega-menu-max_mega_menu_5 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-max_mega_menu_4 #mega-menu-max_mega_menu_4 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-max_mega_menu_6 #mega-menu-max_mega_menu_6 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 10px 15px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-max_mega_menu_5 #mega-menu-max_mega_menu_5 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-max_mega_menu_4 #mega-menu-max_mega_menu_4 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-max_mega_menu_6 #mega-menu-max_mega_menu_6 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after,
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
  font-size: x-large;
  padding-right: 5px;
}
}
/*[ Top bar ]
===========================================================*/
.topbar {
  height: 45px;
  background-color: #f5f5f5;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}


/* ------------------------------------ */

.topbar-brands {
  position: absolute;
  z-index: 10000;
  background-color: #f5f5f5;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  align-items: left;
  display: block;
  width: 100%;
  text-align: center;
  margin-top:55px;
  padding:10px 15px 5px 15px;
  border-bottom: 1px solid #ccc;
}
.topbar-brands ul {
  padding-bottom: 15px;
}
.topbar-brands .nav-tabs li {
  width: 33.33%;
  padding:5px;
}

/* .topbar-brands-item img {
  min-height: 10px;
} */

.topbar-brands-item {
  font-size: 16px;
  color: #888888;
  padding: 8px;
  border:1px solid #ccc;
}

@media (min-width: 993px){
  .topbar-brands {
    position: relative;
    display: flex;
    margin-top:0;
    padding:inherit;
    height: 100%;
    background: transparent;
    margin-top:0;
    border-bottom: none;
  }
  .topbar-brands .nav-items {
    width: inherit;
  }
  .topbar-brands-item {
    border: 0;
  }
  .topbar-brands .nav-tabs li {
    width: inherit;
    padding:inherit;
  }
  .topbar-brands ul {
    padding-bottom: inherit;
  }
}






/* ------------------------------------ */
.topbar-child2 {
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: right;
}
.topbar-child2 a {
  font-size: 14px;
}

@media (min-height: 992px) {
  .topbar-child2 {
    height: 100%;
  }
}
.header-brand-button {
  width: 100%;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{
  /*
    Define here the CSS styles applied only to Safari browsers
    (any version and any device)
    */
  .header-brand-button {
    width: inherit;
  }
}
.header-brand-button .btn {
  border: none;
}
@media (min-width: 993px) {
.header-brand-button {
  width: 0;
  display: none;
}
}
/* ------------------------------------ */
.topbar-email,
.topbar-child1,
.topbar-shop {
 /* font-family: Open Sans;*/
  font-size: 14px;
  color: #888888;
  line-height: 1.7;
}
.topbar-shop {
  padding-right: 15px;
}
.header-wrap-join,
.header-wrap-unlimited,
.topbar-email,
.linedivide1,
.topbar-shop {
  padding-top: 8px;
}
.header-wrap-unlimited {
  padding-left: 15px;
  padding-right: 20px;
}
@media (max-width: 1194px) {
.topbar-shop {
  display: none;
}
}
@media (max-width: 992px) {
  .header-wrap-join .btn,
.header-wrap-unlimited .btn {
  padding: 0 10px;
}
}
/*[ Menu ]
===========================================================*/
/*[ Menu ]
===========================================================*/
.wrap_header_and_mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 85px;
  background-color: white;
  justify-content: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-bottom: 1px solid #eeeeee;
 /* padding-top: 1%;*/
}
/* MOBILE HEADER */
@media (max-width: 1024px) {
  .wrap_header_and_mobile {
    height: 55px;
  }
  .wrap_header_and_mobile .navbar {
    position: absolute;
    right: 0;
    margin-top: -100px;
    margin-bottom: 0;
    z-index: 9999;
  }
}
.wrap_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 80px;
  background-color: white;
  justify-content: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.fixed-header .wrap_header {
  /*height: 65px;*/
  height: 55px;
}

.logo_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 80px;
  background-color: white;
  justify-content: center;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 999;
}
.logo_header__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.page-template-default .logo_header__container .logoSub {
  padding-bottom: 10px;
}
@media (max-width: 1024px) and (min-width: 992px) {
  .logo_header__container {
    margin-left: 30px;
  }
}
.logo_header__container .header-wrap-join {
  margin-left: 20px;
}
.header-user-text:hover {
  /*background: #fff;*/
  /*border-radius: 5px;*/
  border-bottom: 3px solid #777;
}
.header-user-text {
  /*display: inline-flex;*/
  display: block;
  padding: 13px;
  margin-top: -13px;
  /*border-bottom: 3px solid #f5f5f5;*/
}
.header-user-text img {
  padding-right: 5px;
}
/*[ Logo ]
-----------------------------------------------------------*/
.logo {
  display: block;
  position: absolute;
  left: 52px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.logo img {
  max-height: 35px;
}

/*[ Menu ]
-----------------------------------------------------------*/
.main_menu {
  list-style-type: none;
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.main_menu > li {
  display: block;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.main_menu > li > a {
  font-family: Open Sans;
  font-size: 15px;
  color: #333333;
  padding: 0;
  border-bottom: 1px solid transparent;
}

li.sale-noti > a {
  color: #e65540;
}

.main_menu > li:hover > a {
  text-decoration: none;
  border-bottom: 1px solid #333333;
}

.main_menu li {
  position: relative;
}

.main_menu > li:hover > .sub_menu {
  visibility: visible;
  opacity: 1;
}

.sub_menu {
  list-style-type: none;
  position: absolute;
  z-index: 1100;
  top:0;
  left:100%;
  width: 225px;
  background-color: #222222;
  opacity: 0;
  visibility: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.main_menu > li > .sub_menu {
  top:100%;
  left: 0;
  position: absolute;
}

.sub_menu li:hover > .sub_menu {
  visibility: visible;
  opacity: 1;
}

.sub_menu li {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}

.sub_menu li, .sub_menu a {
  padding: 10px;
  font-family: Open Sans;
  font-size: 13px;
  color: white;
}

.sub_menu > li:hover > a {
  color: #e65540;
  text-decoration: none;
}

/*[ Top Alert ]
-----------------------------------------------------------*/
.alert {
  padding: 1.25rem 3rem;
  border-radius: 0;
}
.alert-danger {
  margin: 0;
  background: #1d2327;
  color: #fff;
  text-align: center;
  border-color: transparent;
}
.alert-danger p {
  margin-bottom: 0;
  font-size: 14px;
  text-align: left;
}
.alert button.close {
  color: #fff;
  border-radius: 5px;
  margin-top:0;
  margin-right: 0;
  padding: 0 5px;
  border:1px solid #eee;
}
/* [ Header ]
------------------------------------ */
.header-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-wrapicon1,
.header-wrapicon2 {
  height: 27px;
  position: relative;
}
.header-wrapicon2 {
  width: max-content;
}
/*.header-icon-desktop img {
  margin-top: -4px;
}*/
.header-icon-desktop {
 /* width: 115px;*/
 width: 100%;
 padding-right: 15px;
 padding-top: 5px;
}
.header-wrapicon1 img,
.header-wrapicon2 img {
 /* height: 100%;*/
}

.header-icon1:hover,
.header-icon2:hover {
  cursor: pointer;
}

.header-icons-noti {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #111111;
  color: white;
  font-family: Montserrat-Medium;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: -10px;
}

.header-search {
    display: block;
    position: absolute;
    right: 20px;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header-search-mobile {
   /* display: block;*/
   /* position: absolute;*/
   /* right: 30px;
    top: 88px;*/
    /*-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
/*.header-search-mobile #searchform {
  width:80%;
}*/
.header-brand-promo {
  display: block;
    position: absolute;
    left: 20px;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.linedivide1 {
  display: block;
  height: 20px;
  width: 1px;
  background-color: #cccccc;
  margin-left: 23px;
  margin-right: 23px;
  margin-top: 5px;
}
/*[ Header join ]
-----------------------------------------------------------
*/
.header-wrap-join,
.footer-wrap-join,
.header-wrap-unlimited {
  cursor: pointer;
}
/*.header-wrap-unlimited div {
  width: 103px;
}*/
.header-wrap-unlimited {
  padding-left: 8px;
  padding-right: 15px;
}

.header-wrap-unlimited a:hover,
.header-wrap-join a:hover {
  text-decoration: none;
}
.header-join,
.footer-join,
.header-join-mobile,
.header-our-brands-mobile,
.header-main-search-mobile {
   position: absolute;
   background-color: white;
    font-size: 14px;
    box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.header-join {
  z-index: 1100;
  width: 300px;
  top: 100%;
  left: -75px;
  padding: 20px;
  border-top: 3px solid #e6e6e6;
  transform-origin: top right;
}
.footer-join {
  z-index: 1100;
  width: 300px;
  bottom: 100%;
  left: -75px;
  padding: 20px;
  border-top: 3px solid #e6e6e6;
  transform-origin: top right;
}
.header-join-mobile {
  z-index: 1101;
  width: 300px;
  top: 130%;
  left: -117px;
  padding: 20px;
  border-top: 3px solid #e6e6e6;
  background-color: white;
  transform-origin: top right;
}

.header-our-brands-mobile {
  z-index: 1102;
  width: 100%;
  top: 55px;
  left:0;
  padding: 5px 20px 20px 20px;
  border-top: 3px solid #e6e6e6;
  background-color: white;
  transform-origin: top left;
}
.header-main-search-mobile {
  z-index: 1102;
  width: 100%;
  height: 85px;
  top: 120px;
  left:0;
  padding: 10px 20px 20px 20px;
  border-top: 3px solid #e6e6e6;
  background-color: white;
  transform-origin: top center;
}
.topbar-brands-item-mobile {
  text-align: center;
  padding: 10px;
  }



/*[ Header cart ]
-----------------------------------------------------------
*/
.header-cart {
  position: absolute;
  z-index: 1100;
  width: 300px;
  top: 130%;
  right: -10px;
  padding: 20px;
  border-top: 3px solid #e6e6e6;
  background-color: white;

  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.1);

  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;

  transform-origin: top right;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.show-header-dropdown {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.fixed-header .header-cart {
  top: 160%;
}

.header-cart-wrapitem {
  max-height: 270px;
  overflow: auto;
}

.header-cart-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 5px;
  padding-top: 5px;
}

/*[ Header Brands Global ]
-----------------------------------------------------------*/
.topbar-brands .nav-link {
  padding: 0;
}
.topbar-brands .nav-tabs .nav-link,
.topbar-brands .nav-tabs .nav-link.active {
margin-top: 2px;
}
.topbar-brands .nav-tabs .nav-link:hover {
background-color: #e0e0e0;
}
.topbar-brands .nav-tabs .nav-link.active:hover,
.topbar-brands .nav-tabs .nav-link:focus
 {
background-color: #ffffff;
}
.header-brand-button .fa-angle-down {
  transform: rotate(-180deg);
  transition: .3s transform ease-in-out;
  display: inline-block;
}

.header-brand-button .collapsed .fa-angle-down {
  transform: rotate(0deg);
}

/*[ Search Form ]
-----------------------------------------------------------*/
#searchform {
border:1px solid #ccc;
border-radius:50px;
}

#searchform .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn, .input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child)>.btn, .input-group-btn:not(:last-child)>.btn-group>.btn, .input-group-btn:not(:last-child)>.dropdown-toggle {
  border-radius-top:100% !important;
  border-radius-bottom:100% !important;
  margin-left: 5px;
  background: transparent;
}
.form-control {
	border: 0;
}
/*#searchsubmit::before {
    font-family: FontAwesome;
    content: "\f00c";
    margin: 0 15px 0 15px;
    color: #333333;
}*/
/*[ Header Mobile ]
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.wrap_header_mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  padding-left: 20px;
 /* padding-top: 10px;
  padding-bottom: 10px;*/
  background-color: white;
  display: none;
}

.wrap-utility-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  min-height: 35px;
  padding: 10px 0 10px 20px;
  background-color: white;
  display: none;
  border-bottom:1px solid #eee;
}
/*[ Logo mobile ]
-----------------------------------------------------------*/
.logo-mobile {
  display: block;
}

.logo-mobile img {
  max-height: 30px;
}

/*[ btn show menu ]
-----------------------------------------------------------*/
.btn-show-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.hamburger {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  margin-top: 5px;
}

/*[ Header icon mobile ]
-----------------------------------------------------------*/
.header-icons-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.linedivide2 {
  display: block;
  height: 20px;
  width: 1px;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
}

.header-icons-mobile .header-cart {
  width: 300px;
  top: 190%;
  right: -80px;
  z-index: 1100;
  transform-origin: top right;
}

/*[ Menu mobile ]
-----------------------------------------------------------*/
.wrap-side-menu {
  width: 100%;
  background-color: white;
  display: none;
  border-top: 1px solid #ececec;
}

.side-menu {
  width: 100%;
}

.side-menu li {
  list-style-type: none;
}

.side-menu .main-menu {margin-bottom: 0;}

.item-menu-mobile {
  background-color: #e65540;
}

.side-menu .main-menu > li > a {
  padding-left: 20px;
  font-family: Open Sans;
  font-size: 15px;
  color: white;
  line-height: 2.86;
}

.side-menu .main-menu > li {
  color: white;
  position: relative;
}


.side-menu .main-menu .arrow-main-menu {
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: 5px;
  padding: 10px;
  -webkit-transition: all 0.4s !important;
  -o-transition: all 0.4s !important;
  -moz-transition: all 0.4s !important;
  transition: all 0.4s !important;
}

.side-menu .main-menu .arrow-main-menu:hover {
  cursor: pointer;
}

.turn-arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.side-menu .sub-menu a {
  padding-left: 20px;
  font-family: Open Sans;
  font-size: 13px;
  color: #333333;
  line-height: 2.5;
}

.side-menu .sub-menu > li {
  padding-left: 12px;
}

.side-menu .sub-menu a:hover {
  text-decoration: none;
  padding-left: 20px;
  color: #e65540 !important;
}

.side-menu .sub-menu {
  background-color: white;
  display: none;
}

@media (min-width: 992px){
  .wrap-side-menu {
    display: none;
  }
}

/* ------------------------------------ */
.item-topbar-mobile {
  border-bottom: 1px solid #ececec;
}

/*.topbar-child2-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}*/

.topbar-brands-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: left;
  cursor: pointer;
 /* flex-wrap: */
}


.topbar-child2-mobile {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topbar-search-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: left;
  cursor: pointer;
}

/*[ Header2 ]
///////////////////////////////////////////////////////////
*/
.topbar2 {
  background-color: #f5f5f5;
  /*background-color: #f7f7f7;*/
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: center;*/
  align-items: center;
  border-bottom: 1px solid #eeeeee;
  padding-bottom:10px;
  padding-top: 3px;

}
@media (min-width: 894px){
.topbar2 {
  height: 50px;
}
}
.header2 .nav-tabs {
  border-bottom: 0;
}
/* ------------------------------------ */
.logo2 {
  display: block;
  /*width: 175px;
  padding-left: 15px*/
}

.logo2 img {
  /*max-height: 50px;
  max-height: inherit;
  max-width: inherit;
 width: 200px;
  width: 275px;*/
  padding-top: 15px;
  height: 55px;
  width:auto;
  padding-left: 20px;
}

.footer-logo .logo2 img {height: 75px; width: auto;}
.page-template-page-ctr .footer-logo .logo2 img,
.ctr-template-default .footer-logo .logo2 img,
.ctr-default .footer-logo .logo2 img
 {padding-right: 50px;}
.footer-logo .logo2 {padding-left: 0px;}
img.trn {height: 45px;width:auto;}
img.mrr {height: 55px;width:auto;}
img.ctt {height: 55px;width:auto;}
img.ctr {height: 45px;width:auto;}
img.grw {height: 55px;width:auto;}

@media (min-width: 993px){
  .logo2 {
  width: inherit;
  /*padding-left: 0;*/
}
  .logo2 img{
    height: 75px;
  padding-left: 0;
  }
img.trn {height: 55px;}
img.mrr {height: 65px;}
img.ctt {height: 60px;}
img.ctr {height: 53px;}
img.grw {height: 65px;}
.page-template-page-ctr .footer-logo .logo2 img,
.ctr-template-default .footer-logo .logo2 img,
.ctr-default .footer-logo .logo2 img
 {padding-right: 85px;}
/*.page-template-default .logo2 img {

  height: 75px;
}
.page-template-page-trn .logo2 img {

  height: 55px;
}
.page-template-page-mrr .logo2 img {

  height: 65px;
}
.page-template-page-ctt .logo2 img {

  height: 60px;
}
.page-template-page-ctr .logo2 img {

  height: 55px;  
}
.page-template-page-grw .logo2 img {

  height: 65px;
}*/
}
.fixed-header2 {
  z-index: 1300;
  position: fixed;
  height: 65px;
  left: 0;
  top: -70px;
  visibility: hidden;
  box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
}
.fixed-header2 .logo {
  left:30px;
}
.fixed-header2 .header-cart {
  top: 160%;
}

.show-fixed-header2 {
  visibility: visible;
  top: 0px;
}
/*[ MEGA MENU - NAVIGATION ] -----------------------------------------------------------*/

ul#mega-menu-primary .mega-menu-row > .mega-sub-menu { width: 100% !important; }
ul.mega-menu .mega-menu-row > .mega-sub-menu { width: 100% !important; }


/*[ Header3 ]
///////////////////////////////////////////////////////////
*/
.container-menu-header-v3 {
  position: fixed;
  z-index: 1200;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 320px;
  height: 100vh;
  border-right: 1px solid #e5e5e7;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

/*[ Menu ]
===========================================================*/
.container-menu-header-v3 .wrap_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  background-color: white;
}


/*[ Logo ]
-----------------------------------------------------------*/
.container-menu-header-v3 .logo3 {
  display: block;
}

.container-menu-header-v3 .logo3 img {
  max-width: 120px;
}

/*[ Header Icon ]
-----------------------------------------------------------*/
.container-menu-header-v3 .header-icons3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: unset;
}

/*[ Header cart ]
-----------------------------------------------------------
*/
.container-menu-header-v3 .header-cart {
  left: -10px;
  transform-origin: top left;
}

/*[ Menu ]
-----------------------------------------------------------*/
.container-menu-header-v3 .main_menu {
  list-style-type: none;
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
}

.container-menu-header-v3 .main_menu > li {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}

.container-menu-header-v3 .sub_menu {
  top:0;
  left:100%;
}

.container-menu-header-v3 .main_menu > li > .sub_menu {
  top: 10px;
  left: 95%;
}

.container-menu-header-v3 .sub_menu li {
  text-align: left;
}

.container-menu-header-v3 .topbar-brands-item {
  padding: 10px 8px;
}


/*[ Page sidebar ]
-----------------------------------------------------------
*/
#right-sidebar {text-align: center; padding-top: 15px;}

.container1-page {
  margin-left: 320px;
}

@media (max-width: 1024px){
  .wrap_header_mobile,
  .wrap-utility-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex !important;
  }
  .wrap_header {justify-content: left}

  .container-menu-header-v3,
/*  .container-menu-header-v2,*/
  .container-menu-header
  {display: none;}

  .top-bar {display: none;}
  header {height: auto !important;}

  .container1-page {
    margin-left: 0px;
  }
}


/*[ Slide1 ]
///////////////////////////////////////////////////////////
*/

/*[ Slick1 ]
-----------------------------------------------------------
*/
.wrap-slick1 {
  position: relative;
}

.item-slick1 {
  height: 570px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.arrow-slick1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  color: white;
  position: absolute;
  background-color: black;
  opacity: 0;

  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);

  border-radius: 50%;
  z-index: 200;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.wrap-slick1:hover .arrow-slick1 {
  opacity: 0.5;
}

.arrow-slick1:hover {
  background-color: #e65540;
}

.next-slick1 {
  right: 50px;
  left: auto;
}

.prev-slick1 {
  left: 50px;
  right: auto;
}

@media (max-width: 576px) {
  .next-slick1 {
    right: 15px;
  }

  .prev-slick1 {
    left: 15px;
  }
}

/*[ Caption ]
-----------------------------------------------------------
*/

@media (max-width: 992px) {
  .wrap-content-slide1 .xl-text2 {
    font-size: 60px;
  }
}

@media (max-width: 768px) {
  .wrap-content-slide1 .xl-text3,
  .wrap-content-slide1 .xl-text2,
  .wrap-content-slide1 .xl-text1 {
    font-size: 50px;
  }

  .wrap-content-slide1 .m-text27,
  .wrap-content-slide1 .m-text1 {
    font-size: 16px;
  }

  .item-slick1 {
    height: 470px;
  }

  .train-mrr-home-column-2 {margin: 20px 0;}
  .current-issue-block {text-align: center;}
  .current-issue-block .text-right {text-align: center !important;}
  img.magazine-cover {margin-bottom: 20px;}
  .current-issue-block img.thumbnail {margin-bottom: 10px; height: 150px;}
  .white-background {padding: 20px 0;}
}

@media (max-width: 576px) {
  .wrap-content-slide1 .xl-text3,
  .wrap-content-slide1 .xl-text2,
  .wrap-content-slide1 .xl-text1 {
    font-size: 40px;
  }

  .wrap-content-slide1 .m-text27,
  .wrap-content-slide1 .m-text1 {
    font-size: 16px;
  }

  .item-slick1 {
    height: 370px;
  }
}

/*[ rs1-slick1 ]
-----------------------------------------------------------
*/
.rs1-slick1 .item-slick1 {
  height: 100vh;
}

@media (max-width: 992px) {
  .rs1-slick1 .item-slick1 {
    height: calc(100vh - 85px);
  }
}




/*[ Slide2 ]
///////////////////////////////////////////////////////////
*/

/*[ Slick2 ]
-----------------------------------------------------------
*/
.wrap-slick2 {
  position: relative;
  margin-right: -15px;
  margin-left: -15px;
}

/* ------------------------------------ */
.arrow-slick2 {
  position: absolute;
  z-index: 100;
  top: calc((100% - 70px) / 2);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 39px;
  color: #cccccc;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.arrow-slick2:hover {
  color: #666666;
}

.next-slick2 {
  right: -30px;
}

.prev-slick2 {
  left: -30px;
}

@media (max-width: 1280px) {
  .next-slick2 {
    right: 0px;
  }

  .prev-slick2 {
    left: 0px;
  }
}

@media (max-width: 1610px) {
  .rs1-slick2 .next-slick2 {
    right: 0px;
  }

  .rs1-slick2 .prev-slick2 {
    left: 0px;
  }
}

/*[ rs Sweetalert ]
///////////////////////////////////////////////////////////
*/
.swal-overlay {
    overflow-y: auto;
}

.swal-icon--success {
    border-color: #66a8a6;
}

.swal-icon--success__line {
    background-color: #66a8a6;
}

.swal-icon--success__ring {
    border: 4px solid rgba(102, 168, 166, 0.2);
}

.swal-button:focus {
    outline: none;
    box-shadow: none;
}

.swal-button {
    background-color: #e65540;
    font-family: Open Sans;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    font-weight: unset;
    border-radius: 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.swal-button:hover {
    background-color: #333333;
}

.swal-button:active {
    background-color: #e65540;
}

.swal-title {
  font-family: Montserrat-Medium;
  color: #333333;
  font-size: 16px;
  line-height: 1.5;
  padding: 0 15px;
}

.swal-text {
  font-family: Open Sans;
  color: #333333;
  font-size: 15px;
  text-align: center;
}

.swal-footer {
    margin-top: 0;
}


/*[ Block1 ]
///////////////////////////////////////////////////////////
*/
.block1-wrapbtn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;

  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1);
}


/*[ Block2 ]
///////////////////////////////////////////////////////////
*/
.block2-labelsale::before,
.block2-labelnew::before
{
  z-index: 100;
  font-family: Open Sans;
  font-size: 12px;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 22px;
  border-radius: 11px;
  position: absolute;
  top: 12px;
  left: 12px;
}

.block2-labelsale::before {
  background-color: #e65540;
  content: 'Sale';
}

.block2-labelnew::before {
  background-color: #66a8a6;
  content: 'New';
}

/* ------------------------------------ */
.block2-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.3);
  opacity: 0;
}

/* ------------------------------------ */
.block2-btn-addcart {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -45px;
}

/* ------------------------------------ */
.block2-btn-towishlist,
.block2-btn-addwishlist {
  display: block;
  position: absolute;
  top: 26px;
  right: 20px;
  font-size: 20px;
  color: white;
  line-height: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.block2-btn-addwishlist:hover {
  color: white;
}

.block2-btn-addwishlist .icon-wishlist,
.block2-btn-towishlist .icon-wishlist {
  line-height: 0;
}

.block2-btn-addwishlist:hover .icon_heart_alt {
  display: none;
}

.block2-btn-addwishlist:hover .icon_heart {
  display: block;
}

/* ------------------------------------ */
.block2-btn-towishlist .icon_heart_alt {
  display: none;
}

.block2-btn-towishlist .icon_heart {
  display: block;
  color: #e65540;
}

/* ------------------------------------ */
.block2-overlay:hover {
  opacity: 1;
}

.block2-overlay:hover .block2-btn-addcart {
  bottom: 20px;
}

.block2-overlay:hover .block2-btn-addwishlist,
.block2-overlay:hover .block2-btn-towishlist{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/*[ Block4 ]
///////////////////////////////////////////////////////////
*/
.block4 {
  position: relative;
  overflow: hidden;
  width: calc(100% / 5);
}

@media (max-width: 1360px) {
  .block4 {
    width: calc(100% / 4);
  }
}

@media (max-width: 1200px) {
  .block4 {
    width: calc(100% / 3);
  }
}

@media (max-width: 992px) {
  .block4 {
    width: calc(100% / 2);
  }
}

@media (max-width: 576px) {
  .block4 {
    width: calc(100% / 1);
  }
}

/* ------------------------------------ */
@media (max-width: 1660px) {
  .rs1-block4 .block4 {
    width: calc(100% / 4);
  }
}

@media (max-width: 1380px) {
  .rs1-block4 .block4 {
    width: calc(100% / 3);
  }
}

@media (max-width: 1200px) {
  .rs1-block4 .block4 {
    width: calc(100% / 2);
  }
}

@media (max-width: 576px) {
  .rs1-block4 .block4 {
    width: calc(100% / 1);
  }
}

/* ------------------------------------ */
.block4-overlay {
  display: block;
  background-color: rgba(0,0,0,0.9);
  visibility: hidden;
  opacity: 0;
}

.block4-overlay:hover {
  color: unset;
}

/* ------------------------------------ */
.block4-overlay-txt {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -100%;
}

/* ------------------------------------ */
.block4-overlay-heart {
  transform-origin: top left;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

/* ------------------------------------ */
.block4:hover .block4-overlay {
  visibility: visible;
  opacity: 1;
}

.block4:hover .block4-overlay-txt {
  bottom: 0;
}

.block4:hover .block4-overlay-heart {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/*[ BG Title Page ]
///////////////////////////////////////////////////////////
*/
.bg-title-page {
  width: 100%;
  min-height: 239px;
  padding-left: 15px;
  padding-right: 15px;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
}

@media (max-width: 576px) {
  .bg-title-page .l-text2 {font-size: 35px;}
  .bg-title-page .m-text13 {font-size: 16px;}
}

/*[ rs NoUI ]
///////////////////////////////////////////////////////////
*/
.leftbar #filter-bar {
  margin-right: 6px;
  margin-left: 6px;
  height: 4px;
  border: none;
  background-color: #e1e1e1;
}
.leftbar #filter-bar .noUi-connect {
  background-color: #c5c5c5;
  border: none;
  box-shadow: none;
}
.leftbar #filter-bar .noUi-handle {
  width: 13px;
  height: 13px;
  left: -6px;
  top: -5px;
  border: none;
  border-radius: 50%;
  background: #999999;
  cursor: pointer;
  box-shadow: none;
  outline: none;
}
.leftbar #filter-bar .noUi-handle:before {
  display: none;
}
.leftbar #filter-bar .noUi-handle:after {
  display: none;
}

/*[ Filter Color ]
///////////////////////////////////////////////////////////
*/
.color-filter1 {background-color: #00bbec;}
.color-filter2 {background-color: #2c6ed5;}
.color-filter3 {background-color: #ffa037;}
.color-filter4 {background-color: #ff5337;}
.color-filter5 {background-color: #a88c77;}
.color-filter6 {background-color: #393939;}
.color-filter7 {background-color: #cccccc;}

.checkbox-color-filter {
  display: none;
}

.color-filter {
    display:block;
    width:25px;
    height:25px;
    cursor:pointer;
    border-radius: 50%;
}

.checkbox-color-filter:checked + .color-filter {
  box-shadow: 0 0 0px 2px black;
  -moz-box-shadow: 0 0 0px 2px black;
  -webkit-box-shadow: 0 0 0px 2px black;
  -o-box-shadow: 0 0 0px 2px black;
  -ms-box-shadow: 0 0 0px 2px black;
}

/*[ Pagination ]
///////////////////////////////////////////////////////////
*/
.pagination {
  margin-right: -6px;
  margin-left: -6px;
}

.item-pagination {
  font-family: Open Sans;
  font-size: 13px;
  color: #808080;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #eeeeee;
  margin: 6px;
}

.item-pagination:hover {
  background-color: #222222;
  color: white;
}

.active-pagination {
  background-color: #222222;
  color: white;
}



/*[ Slick3 ]
///////////////////////////////////////////////////////////
*/

.wrap-slick3-dots {
  width: 14.5%;
}

.slick3 {
  width: 80.64%;
}

.slick3-dots li {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}

.slick3-dots li img {
  width: 100%;
}

.slick3-dot-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  border: 3px solid transparent;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.slick3-dot-overlay:hover {
  border: 3px solid #888888;
}

.slick3-dots .slick-active .slick3-dot-overlay {
  border: 3px solid #888888;
}


/*[ Dropdown content ]
///////////////////////////////////////////////////////////
*/
.show-dropdown-content .down-mark {
  display: block;
}

.show-dropdown-content .up-mark {
  display: none;
}


/*[ Cart ]
///////////////////////////////////////////////////////////
*/
/*[ Table ]
-----------------------------------------------------------
*/
.wrap-table-shopping-cart {
  overflow: auto;
}

.container-table-cart::before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 51px);
  background-color: #e6e6e6;
  top: 51px;
  left: 0;
}

.container-table-cart::after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 51px);
  background-color: #e6e6e6;
  top: 51px;
  right: 0;
}

.table-shopping-cart {
  border-collapse: collapse;
  width: 100%;
  min-width: 992px;
}

.table-shopping-cart .table-row {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.table-shopping-cart .column-1 {
  width: 225px;
  padding-left: 50px;
}
.table-shopping-cart .column-2 {
  width: 330px;
  padding-right: 30px;
}
.table-shopping-cart .column-3 {
  width: 133px;
  padding-right: 30px;
}
.table-shopping-cart .column-4 {
  width: 355px;
  padding-right: 30px;
}
.table-shopping-cart .column-5 {
  padding-right: 30px;
}

.table-shopping-cart .table-head th {
  font-family: Montserrat-Bold;
  font-size: 13px;
  color: #555555;
  line-height: 1.5;
  text-transform: uppercase;
  padding-top: 16px;
  padding-bottom: 16px;
}

.table-shopping-cart td {
  font-family: Open Sans;
  font-size: 16px;
  color: #555555;
  line-height: 1.5;
  padding-top: 37px;
  padding-bottom: 30px;
}

.table-shopping-cart .table-row .column-2 {
  font-size: 15px;
}


/* ------------------------------------ */
.cart-img-product {
  width: 90px;
  position: relative;
}

.cart-img-product img {
  width: 100%;
}

.cart-img-product::after {
  content: '\e870';
  font-family: Linearicons;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  color: white;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  opacity: 0;
}

.cart-img-product:hover:after {
  cursor: pointer;
  opacity: 1;
}


/*[ Tags ]
///////////////////////////////////////////////////////////
*/
.wrap-tags {
  margin-right: -3px;
  margin-left: -3px;
}

.tag-item {
  display: block;
  font-family: Open Sans;
  font-size: 13px;
  color: #888888;
  line-height: 1.5;
  padding: 5px 15px;
  border: 1px solid #cccccc;
  border-radius: 15px;
  margin: 3px;
}

.tag-item:hover {
  border: 1px solid #e65540;
}


/*[ tab01 ]
///////////////////////////////////////////////////////////
*/
.tab01 .nav-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom: none;
  margin-right: -15px;
  margin-left: -15px;
}

.tab01 .nav-tabs .nav-item {
  padding: 8px 16px;
}

.tab01 .nav-link {
  padding: 0;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid transparent;
  font-family: Open Sans;
  font-size: 15px;
  color: #888888;
  line-height: 1.1;
}

.tab01 .nav-link.active {
    color: #333333;
    border-bottom: 1px solid #6a6a6a;
}

.tab01 .nav-link:hover {
    color: #333333;
    border-bottom: 1px solid #6a6a6a;
}

@media (max-width: 480px) {
  .tab01 .nav-tabs .nav-item {
    padding: 8px 6px;
  }

  .tab01 .nav-tabs {
    margin-right: -6px;
    margin-left: -6px;
  }

  .intro-copy {
    min-height: 168px;
    min-width: 200px;
  }
}


/*[ Modal video 01 ]
///////////////////////////////////////////////////////////
*/
body {padding-right: 0px !important;}

.modal {
  padding: 0px !important;
  z-index: 99999;
  overflow-x: hidden;
  overflow-y: auto !important;
}
.modal-open {overflow-y: scroll;}

/* ------------------------------------ */
.modal-backdrop {
  background-color: transparent;
}

#modal-video-01 {
  background-color: rgba(0,0,0,0.8);
  z-index: 1350;
}

#modal-video-01 .modal-dialog {
  max-width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

.wrap-video-mo-01 {
  width: 854px;
  height: auto;
  position: relative;
  margin: 15px;
}

.video-mo-01 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
  -moz-transition: all 2s;
  transition: all 2s;
}

.video-mo-01 iframe {
  width: 100%;
  height: 100%;
}

.close-mo-video-01 {
  font-size: 50px;
  color: white;
  opacity: 0.6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1250;
  width: 60px;
  height: 60px;
  top: 0;
  right: 0;
}

.close-mo-video-01:hover {
  cursor: pointer;
  opacity: 1;
}
.jwplayer {
  margin-bottom: 25px !important;
}

/*[ Input NumProduct ]
///////////////////////////////////////////////////////////
*/
input.num-product {
    -moz-appearance: textfield;
    appearance: none;
    -webkit-appearance: none;
}

input.num-product::-webkit-outer-spin-button,
input.num-product::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* ========================================
UTIL CSS - START
===========================================*/
/*[ SHAPE ]
///////////////////////////////////////////////////////////
*/

/*[ Display ]
-----------------------------------------------------------
*/
.dis-none {display: none;}
.dis-block {display: block;}
.dis-inline {display: inline;}
.dis-inline-block {display: inline-block;}
.dis-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

/*[ Position ]
-----------------------------------------------------------
*/
.pos-relative {position: relative;}
.pos-absolute {position: absolute;}
.pos-fixed {position: fixed;}

/*[ float ]
-----------------------------------------------------------
*/
.float-l {float: left;}
.float-r {float: right;}


/*[ Width & Height ]
-----------------------------------------------------------
*/
.sizefull {
	width: 100%;
	height: 100%;
}
.w-full {width: 100%;}
.h-full {height: 100%;}
.max-w-full {max-width: 100%;}
.max-h-full {max-height: 100%;}
.min-w-full {min-width: 100%;}
.min-h-full {min-height: 100%;}

/*[ Top Bottom Left Right ]
-----------------------------------------------------------
*/
.top-0 {top: 0;}
.bottom-0 {bottom: 0;}
.left-0 {left: 0;}
.right-0 {right: 0;}

.top-auto {top: auto;}
.bottom-auto {bottom: auto;}
.left-auto {left: auto;}
.right-auto {right: auto;}


/*[ Opacity ]
-----------------------------------------------------------
*/
.op-0-0 {opacity: 0;}
.op-0-1 {opacity: 0.1;}
.op-0-2 {opacity: 0.2;}
.op-0-3 {opacity: 0.3;}
.op-0-4 {opacity: 0.4;}
.op-0-5 {opacity: 0.5;}
.op-0-6 {opacity: 0.6;}
.op-0-7 {opacity: 0.7;}
.op-0-8 {opacity: 0.8;}
.op-0-9 {opacity: 0.9;}
.op-1-0 {opacity: 1;}

/*[ Background ]
-----------------------------------------------------------
*/
.bgwhite {background-color: white;}
.bgblack {background-color: black;}
.bgltgray {background-color: #f7f7f7;}
.bgred {background-color: #b21f25;}

/*[ Wrap Picture ]
-----------------------------------------------------------
*/
.wrap-pic-w img {width: 100%;}
.wrap-pic-max-w img {max-width: 100%;}

/* ------------------------------------ */
.wrap-pic-h img {height: 100%;}
.wrap-pic-max-h img {max-height: 100%;}

/* ------------------------------------ */
.wrap-pic-cir {
	border-radius: 50%;
	overflow: hidden;
}
.wrap-pic-cir img {
	width: 100%;
}

/*[ Hover ]
-----------------------------------------------------------
*/
.hov-pointer:hover {cursor: pointer;}

/* ------------------------------------ */
.hov-img-zoom {
	display: block;
	overflow: hidden;
}
.hov-img-zoom img{
	width: 100%;
	-webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.hov-img-zoom:hover img {
	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
  	-ms-transform: scale(1.1);
  	-o-transform: scale(1.1);
	transform: scale(1.1);
}



/*[  ]
-----------------------------------------------------------
*/
.bo-cir {border-radius: 50%;}

.of-hidden {overflow: hidden;}

.visible-false {visibility: hidden;}
.visible-true {visibility: visible;}

.cs-pointer {cursor: pointer;}



/*[ Transition ]
-----------------------------------------------------------
*/
.trans-0-1 {
	-webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.trans-0-2 {
	-webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.trans-0-3 {
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.trans-0-4 {
	-webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.trans-0-5 {
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.trans-0-6 {
	-webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.trans-0-9 {
	-webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
}
.trans-1-0 {
	-webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}



/*[ Layout ]
///////////////////////////////////////////////////////////
*/

/*[ Flex ]
-----------------------------------------------------------
*/
/* ------------------------------------ */
.flex-w {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* ------------------------------------ */
.flex-l {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
}

.flex-r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}

.flex-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.flex-sa {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
}

.flex-sb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

/* ------------------------------------ */
.flex-t {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.flex-b {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.flex-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.flex-str {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: stretch;
	align-items: stretch;
}

/* ------------------------------------ */
.flex-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

.flex-row-rev {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.flex-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

.flex-col-rev {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

/* ------------------------------------ */
.flex-c-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.flex-c-t {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.flex-c-b {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.flex-c-str {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-ms-align-items: stretch;
	align-items: stretch;
}

.flex-l-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}

.flex-r-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;
}

.flex-sa-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	-ms-align-items: center;
	align-items: center;
}

.flex-sb-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}

/* ------------------------------------ */
.flex-col-l {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.flex-col-r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.flex-col-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
}

.flex-col-l-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: flex-start;
	align-items: flex-start;
	justify-content: center;
}

.flex-col-r-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: flex-end;
	align-items: flex-end;
	justify-content: center;
}

.flex-col-c-m {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

.flex-col-c-b {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: flex-end;
}

.flex-col-str {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: stretch;
	align-items: stretch;
}

.flex-col-sb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
}

/* ------------------------------------ */
.flex-col-rev-l {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.flex-col-rev-r {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.flex-col-rev-c {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-ms-align-items: center;
	align-items: center;
}

.flex-col-rev-str {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-ms-align-items: stretch;
	align-items: stretch;
}

/*=========================================================
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
=========================================================*/

/*[ C-Text colors ]
///////////////////////////////////////////////////////////
*/
.c-text-red {
	color: #B21F24;
}
.c-text-dkred {
	color: #9B1B20;
}
.c-text-gray {
	color: #757575;
}
.c-text-dkgray {
	color: #333333;
}
.c-text-ltgray {
	color: #EEEEEE;
}
.c-text-wt {
	color: #FFFFFF;
}
.c-text-bk {
	color: #000000;
}

/* MRR - BLUE */
.c-text-blu {
	color: #0062AC;
}
.c-text-dkblu {
	color: #014D87;
}

/* GRW - GREEN */
.c-text-gre {
	color: #00552D;
}
.c-text-dkgre {
	color: #004223;
}



/*[ Size ]
///////////////////////////////////////////////////////////
*/
.size0 {
	width: 100%;
	height: 35px;
	padding: 0 15px;
}
/*[ Background ]
///////////////////////////////////////////////////////////
*/
.bg0 {background-color: #B21F24;} /*red*/
.bg1 {background-color: #757575;} /*dark gray*/
.bg3 {background-color: rgba(255,255,255,0.95);} /*white opacity*/
.bg4 {background-color: #121212;} /*almost black*/
.bg5 {background-color: #eeeeee;} /*light gray*/
.bg6 {background-color: #ffffff;} /*white*/
.bg7 {background-color: #333333;} /*dark font gray*/
.bg8 {background-color: #e7e7e7;} /*very light gray*/

.bg-img1 {
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
}
/*[  ]
-----------------------------------------------------------
*/
.bg0-hov:hover {background-color: #e65540;}



/*[  ]
-----------------------------------------------------------
*/
.bg1-overlay {background-color: rgba(0,0,0,0.35);}

/*[ Border ]
///////////////////////////////////////////////////////////
*/
.bo0 {
	border: 1px solid #cccccc;
}
.bo0-top {
	border-top: 1px solid #cccccc;
}
.bo-lt-gray-top {
	border-top:1px solid #eeeeee;
}
.bo-lt-gray {
	border:1px solid #eeeeee;
}

/*[  ]
-----------------------------------------------------------
*/
.bo-rad-2 {border-radius: 2px;}
.bo-rad-3 {border-radius: 3px;}
.bo-rad-4 {border-radius: 4px;}
.bo-rad-5 {border-radius: 5px;}
.bo-rad-6 {border-radius: 6px;}
.bo-rad-7 {border-radius: 7px;}
.bo-rad-8 {border-radius: 8px;}
.bo-rad-9 {border-radius: 9px;}
.bo-rad-10 {border-radius: 10px;}
.bo-rad-15 {border-radius: 15px;}
.bo-rad-20 {border-radius: 20px;}
.bo-rad-23 {border-radius: 23px;}
.bo-rad-50 {border-radius: 50%;}
.bo-t-rad-2 {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.bo-b-rad-2 {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

/*=========================================================
EFFECT   EFFECT   EFFECT   EFFECT   EFFECT   EFFECT  EFFECT
=========================================================*/

/*[ Effect1 ]
-----------------------------------------------------------
*/
.effect1 {
	position: relative;
	border-bottom: 1px solid #cccccc;
}
.effect1-line {
	display: block;
	position: absolute;
	width: 0;
	height: 1px;
	background-color: #e65540;
	left: 0;
	bottom: -1px;
	-webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.effect1 input:focus + .effect1-line {
	width: 100%;
}

/*[ Effect2 ]
-----------------------------------------------------------
*/
.eff2:active {
	background-color: #e65540;
	color: white;
}



.eff3 {
	opacity: 0.7;
}
.eff3:hover {
	opacity: 1;
}
/*[ Box Shadow ]
///////////////////////////////////////////////////////////
*/
.shadow1 {
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
}


/*[ Gradient ]
///////////////////////////////////////////////////////////
*/
.gradient1 {
    background: -webkit-linear-gradient(rgba(0,0,0,0.6) , rgba(0,0,0,0));
    background: -o-linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
    background: -moz-linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,0.6) , rgba(0,0,0,0));
}



/*[ Transform ]
///////////////////////////////////////////////////////////
*/
.transform1 {
	-webkit-transform: translate(-50%, -50%) rotateZ(90deg);
	-moz-transform: translate(-50%, -50%) rotateZ(90deg);
	-ms-transform: translate(-50%, -50%) rotateZ(90deg);
	-o-transform: translate(-50%, -50%) rotateZ(90deg);
	transform: translate(-50%, -50%) rotateZ(90deg);
}

/*[ Hover ]
///////////////////////////////////////////////////////////
*/
.hov1:hover {
    background-color: #9B1B20; /*RED*/
  	color: white;
}

.hov2:hover {
	color: white;
	text-decoration: underline;
}

.hov3:hover {
	color: #333333; /*dark font gray*/
}

.hov4:hover {
	opacity: 0.8;
}
.hov5 {
	line-height: 1.1;
	border-bottom: 1px solid transparent;
}
.hov5:hover {
	color: white;
	border-bottom: 1px solid white;
}

.hov6:hover {
	color: white;
	text-decoration: underline;
}
/*[ Active ]
///////////////////////////////////////////////////////////
*/
.active1 {
	color: #333333;
}
/*[ Parallax ]
///////////////////////////////////////////////////////////
*/
.parallax0 {
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.overlay0 {
    background-color: rgba(0,0,0,0.2);
}


/*
============================
FOOTER
============================
*/

/*[ FOOTER ]
///////////////////////////////////////////////////////////
*/
.footer-section {
  border-top: 1px solid #eeeeee;
  padding: 30px 20px 45px 20px;
  background: #ffffff;
}
.footer-section a,
.footer-global-bottom a,
.footer-explore a {
  color: #333333 !important;
}
.footer-explore a:hover,
.footer-explore a:focus,
.footer-explore a:active,
.footer-global-bottom a:hover,
.footer-global-bottom a:focus,
.footer-global-bottom a:active {
  color: #121212;
}
.footer-section li {
  line-height: 2.2;
}
.footer-logo {
  margin-top: -10px;
}
.footer-kalm-topbar a {
  padding: 0 20px;
}
.footer-logo .unknown {
  position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    /* padding-left: 20px;*/
}


.footer-section ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/*.footer-brand-columns div {
  border: 1px solid blue;
}*/
.footer-logo img {
  /*width: 60%;*/
  padding-bottom: 9px;
  padding-top: 32px;
  padding-left: 0;
}
.footer-title {
  font-family: 'Inter', 'Open Sans', sans-serif;
  font-size: 1.2rem;
  padding-bottom: 12px;
  padding-top: 28px;
}

.footer-wrap-join {
  width: 100px;
}
/* ============================
FOOTER GLOBAL BOTTOM - KALMBACH
============================
*/

.footer-global-bottom {
  border-top: 1px solid #eeeeee;
  background: #ffffff;
  padding-top:25px;
  padding-bottom: 15px;
  font-size: .8rem;
}
.footer-bottom-right div {
  padding: 10px 15px;
}

.footer-bottom-left,
  .footer-bottom-right {
  font-size: .8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: left;
  justify-content: center;
  text-align: left;
  flex-wrap: wrap;
}
.footer-bottom-left {
  padding-bottom: 20px;
  line-height: 2.5;
}
@media (max-width: 768px){
.footer-bottom-left {
	justify-content: left;
}
}
.footer-bottom-right {
  line-height: 1;
}
.linedivide3 {
  display: block;
  height: 32px;
  width: 1px;
  background-color: #cccccc;
  /*margin-left: 5px;
  margin-right: 5px;*/
  margin-top: 7px;
}
@media (min-width: 768px){
.footer-bottom-left,
.footer-bottom-right {
  font-size: .9rem;
  }
.linedivide3 {
  display: block;
  height: 20px;
  }
}
@media (min-width: 1500px){
.footer-bottom-left {
  /*padding-bottom: 20px;*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: left;
  justify-content: flex-start;
}
.footer-bottom-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: right;
  justify-content: flex-end;
}
}
/*@media (min-width: 992px){
  .footer-bottom-right,
  .footer-bottom-left {
  font-size: .9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  flex-wrap: wrap;
}
  .footer-bottom-left {
    padding-bottom: 25px;
  }
}*/
.footer-explore-sites {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: .95rem;
}
.footer-explore {
  border-top: 1px solid #eeeeee;
  background: #eeeeee;
/*  border-bottom: 1px solid #ccc;*/
  padding: 20px 15px;
}
.footer-explore a {
  color: #333;
}
.footer-explore-sites span {
  font-weight: 600;
}
.footer-explore-sites ul {
  display: inline-flex;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.footer-explore-sites ul li {
  padding: 0 15px;
  line-height: 3.5;
  font-size:.9rem;
}
.footer-kalm-logo {
  padding-left: 15px;
  padding-right: 20px;
}
/*.explore-link {
  padding: 10px;
  border: 1px solid #ccc;
}
@media (min-width: 771px;){
  .explore-link {
  padding: 0;
  border: none;
}
}*/

/*.footer-explore-sites div {padding:10px 15px;}*/
/* ============================
FILTERS - INTERNAL LISTING PAGES
============================
*/
.filter-wrap {

}
.filter-wrap a {
  color: #333333;
}
.filter-wrap a:hover,
.filter-wrap a:focus,
.filter-wrap a:active {
  color: #9B1B20;
}
.filter-main a:hover,
.filter-main a:focus,
.filter-main a:active {
  color: #333;
}
.filter-top-ad-space {
  margin:20px 0;
}
.filter-top-ad-space iframe {
  width: 100%;
  height: auto;
}
.filter-top-ad-space #google_image_div {
  width: 100%;
}
.img_ad {
  width: 100% !important;
}
#facet-slider {
  padding:20px 30px;
  background: #fff;
  flex-grow: 0;
  white-space: nowrap;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
}
.facet-slider-open {
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
}
#filter-button:before {
  font-family: FontAwesome;
  content: "\f1de";
  margin-right:8px;
}
#filter-button {
  padding-bottom: 20px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
}
#filter-button .fa-sliders {
  padding-right: 5px;
}
/*#filter-clear {
  display: none;
}*/
/*.filter-clear {
  display: none;
}*/
.facet-list div {
  line-height: 2.1em;
}
.filter-description, .author-description {padding: 10px 0 25px 0;}
.pills-rounded .nav-item .nav-link {
border-radius: 10em;
}

.pills-lt-gray {
background-color: #e7e7e7;
border: 1px solid #cccccc;
padding: 10px 15px;
margin-right: 15px;
margin-bottom: 20px;
white-space: nowrap;
}
.filter-main {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
}
.filter-main .nav-item {
  flex-grow: 0;
}



.nav-link:hover,
.nav-link:focus,
.nav-link:active {
  background-color: #ccc;
  color: #333;
}
a.nav-link-all {
  color: #fff;
}
.nav-link-all {
  border: 1px solid #606060;
  background: #606060;
  color: #fff;
  padding: 10px 20px;
  margin-right: 15px;
  margin-bottom: 20px;
  white-space: nowrap;
  font-weight: 500;
}
a.nav-link-all:hover,
a.nav-link-all:focus,
a.nav-link-all:active {
  color: #fff;
  background-color: #909090;
  border:1px solid #909090;
  font-size: 700;
}

.facetwp-sort {
  height: 40px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /*justify-content: flex-start;*/
  justify-content: flex-end;
  margin-bottom: 20px;
  /*margin-top: 20px;*/
}

.facetwp-sort-select {
  padding-left: 10px;
  padding-right: 10px;;
  border-radius: 10px;
}
#filter-list-area {
  padding: 20px;
}

@media (min-width: 768px){
#filter-list-area {
  padding: 20px 45px;
}
}
/* CARDS */
.card-img-top {
  height: 220px;
  object-fit: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
/*TRACK PLAN DATABASE CARD IMAGES - START*/
.mrr-template-track-plan-database .card-img-top,
.mrr-template-track-plan-database-php .card-img-top,
.ctt-template-track-plan-database .card-img-top,
.ctt-template-track-plan-database .card-img-top,
.page-template-track-plan-database .card-img-top,
.page-template-track-plan-database .card-img-top {
  object-fit: contain;
}
/*TRACK PLAN END*/
/*TRN - BOOK REVIEWS START*/
.postid-1267 .card-img-top {
  object-fit: contain;
  padding: 25px 25px 0 25px;
}
/*TRN - BOOK REVIEWS END*/


.card-body {
  padding: 1.65rem 1.85rem;
}
@media (min-width: 576px){
.card-deck .card {
  margin-top: 15px;
  border:1px solid #ccc;
}
.card-deck-filters.card-deck .card:last-child,
.card-deck-filters.card-deck .card:nth-last-child(-n+2),
.card-deck-filters.card-deck .card:nth-last-child(-n+3),
.card-deck-filters.card-deck .card:nth-last-child(-n+4) {
  max-inline-size:23%;
}
}

.card-deck-filters .card {
  flex:20%;
 /* flex:25%;*/
}

@media (min-width: 576px){
.card-deck-filters .card {
  flex:30%;
 /* flex:25%;*/
}
}
@media (min-width: 1201px){
.card-deck-filters .card {
  flex:20%;
 /* flex:25%;*/
}
}
/*@media (min-width: 992px){
.card-deck-filters .card {
  flex:20%;
}
}*/



/* ADS - IN PAGE LIST - FILTER TEMPLATE*/
.train-filter-ad-1,
.train-filter-ad-2,
.train-filter-ad-3,
.train-filter-ad-4 {
  flex: 20%;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  margin-bottom: 30px;
  margin-top: 15px
}
@media (min-width: 576px){
.train-filter-ad-1,
.train-filter-ad-2,
.train-filter-ad-3,
.train-filter-ad-4 {
  margin:15px;
  flex: 30%;
}
}
@media (min-width: 1201px){
.train-filter-ad-1,
.train-filter-ad-2,
.train-filter-ad-3,
.train-filter-ad-4 {
  flex: 20%;
}
}
#train-grid-421>li {
  width: 100% !important;
}
/* ============================
HOME PAGES
============================
*/
.intro-copy h1
{
  color: #333;
  font-weight: 300;
  font-size: 40px;
  padding: 0;
}
.intro-copy p { font-weight: 600; }

@media (min-width: 993px){
.intro-copy h1
{
  padding: 1rem 0 0 0;
}
}
h2
{
  color: #333;
  font-weight: 300;
  font-size: 30px;
  padding: 1em 0 .5em 0;
}

.hero-cta
{
  text-align: center;
  font-family: "Open Sans", san-serif;
  font-weight: 400;
  font-size: 16px;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-cta-text
{
  background: rgba(255, 255, 255, .85);
  border-radius: 10px;
  padding: 30px;
  width: 90%;
  margin: 20px auto;
  font-weight: 500;
}

.hero-cta-text h2 { font-size: 28px; padding-top: .5em; }

.hero-cta-text p
{
  font-family: "Open Sans", san-serif;
  font-size: 16px;
}

.hp-feature-article .card
{
  border-radius: 0rem;
  background: #fff;
  border:1px solid #ccc;

  /* height: 100%; */
}

.hp-feature-article .card .card-img-top
{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (min-width: 768px){
	.hp-feature-article .card .card-img-top {
		height: fit-content; /*take this out if it affects other sites*/
	}
  .page-template-page-mrr .hp-feature-article .card .card-img-top,
  .page-template-page-ctt .hp-feature-article .card .card-img-top,
  .page-template-page-ctr .hp-feature-article .card .card-img-top,
  .page-template-page-grw .hp-feature-article .card .card-img-top {
    height: 300px;
  }
  .hero-cta-text {width: 80%;}
  .todays-date-col {
  text-align: right;
}
}
@media (min-width: 992px){
	.hp-feature-article .card .card-img-top {
		height: 500px; /*take this out if it affects other sites*/
	}
	}
.hp-news {
	padding: 1.25rem 2rem !important;
}
.hp-news, .hp-news-reviews, .article-block {
  padding: 1.25em;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  background-color: #fff;
}
.hp-news, .hp-news-reviews, .hp-feature-article {
	height: 100%;
}
.todays-news, .reviews-block
{
  border: 1px solid #ccc;
  width: 100%;
  background: #fff;
  border-radius: 0.5rem;
}
/*.reviews-block-body h5{
text-transform: inherit !important;
}*/
.reviews-block-title {
 text-transform: inherit !important;
}
.reviews-block-title a {
  color: #333;
}
.todays-newsreviews-solo {
  border: 1px solid #ccc;
}
.todays-news .card-title:hover,
.news-section .card-title:hover,
.reviews-block-title a:hover,
.news-section .card-title:hover {
  color: #9B1B20 !important;
}
.reviews-block-category {
  text-transform: uppercase;
  /*font-weight: 600 !important;*/
  font-size: 16px !important;
}
.reviews-block img {
  height: 175px;
}
.reviews-block .card-body {
  padding:1.25rem 1.5rem;
}
.page-template-news-reviews .todays-news h5 {
  padding:.5rem 0;
}
.page-template-news-reviews h1 {
  margin-bottom: 1rem;
}
.page-template-news-reviews .todays-news .card-title {
  color: #333;
}
.todays-news h2 {
  padding-top: 0;
}
.page-template-news-reviews .todays-date {
  text-align: right;
  font-size: 1.25rem;
}

.article-block .card img
{
  width: 100%;
  border-radius: 0rem;
}

.article-block .card { border-radius: 0px; }
.article-block .image-fix {
  height: 300px;
}
.hp-news h2
{
  color: #333;
  font-family: "Open Sans", san-serif;
  font-weight: 400;
  font-size: 1.4em;
  padding: 0;
}

.hp-news .card, .news-filter-block .card
{
  flex-direction: row;
  flex-wrap: wrap;
  border-radius: 0rem;
  width: 100%;
  border:1px solid #ccc;
}
@media (max-width: 1200px){
.hp-news-reviews {
	padding: 2rem !important;
}
}
.hp-news-reviews .nav-link {
	padding-right: 20px;
	padding-left: 20px;
}

.hp-news-reviews .nav-link:hover,
.hp-news-reviews .nav-link:focus,
.hp-news-reviews .nav-link:active,
.hp-top-articles .nav-link:hover,
.hp-top-articles .nav-link:focus,
.hp-top-articles .nav-link:active,
.top-categories .nav-link:hover,
.top-categories .nav-link:focus,
.top-categories .nav-link:active {
	border-radius: 20px;
}
.top-categories .nav-item .nav-link {
  padding: 8px 15px;
}
.top-categories-all {
  align-self: flex-end !important;
}
.top-categories-small-card .card-title{
  font-size:1.1rem !important;
}
/* .news-filter-block .card {width: 50%; float: left;} */

.hp-news .card img, .hp-news-reviews .card img,  .news-filter-block .card img
{
  float: left;
  margin: 2rem 0rem 1.25rem 1.25rem;
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 0rem;
}

.hp-news .card .card-body, .hp-news-reviews .card .card-body,  .news-filter-block .card .card-body
{
  width: 75%;
  float: left;
  font-size: 1em;
}

.hp-feature-article .card .card-body h5,
.hp-news-reviews .card h5, 
.article-block .card h5,
.reviews-block h5,
.todays-news h5,
.popular-articles h5
{
  text-transform: uppercase;
  font-size: .9em !important;
  margin: 8px 0 0 0;
}

.hp-news .card .card-body h5,
.photo-day .card h5,
#carouselVideos h5 {
  text-transform: uppercase;
  font-size: .9em !important;
  margin: 8px 0 7px 0;
}
#carouselVideos strong {    
	text-transform: uppercase;
    font-size: .9rem;
    font-weight: 500;
}
.hp-news .card .card-body h5.card-title
{
  text-transform: none;
  font-size: .9em;
  margin: 0px 0;
  color: #333;
  font-weight: 400;
}
.hp-news .card .card-body a strong,
.hp-feature-article .card .card-body a strong,
.popular-articles strong,
.popular-articles h5,
.hp-news-reviews .card .card-body a strong,
.photo-cards-container h5,
.photo-cards-container a strong
{
  text-transform: uppercase;
  font-weight: 400 !important;
  font-size: .9em !important;
}
.photo-cards-container h5 {
  margin-top: 10px;
}
.hp-feature-article .card .card-body .card-title,
.popular-articles .card-title,
.hp-news-reviews .card-title,
.hp-news .card-title,
.photo-day .card-title,
.small-photo-day .left-side .card-title,
#carouselVideos .card-title,
.photo-cards-container .card-title
{
  text-transform: none;
  font-size: 1.1em !important;
  margin: 10px 0;
  color: #333;
  font-weight: 400;
}
.hp-feature-article .card .card-body .card-title,
.photo-day .card-title {
	font-size: 1.5rem !important;
}
.hp-feature-article .card .card-body .card-title:hover,
.popular-articles .card-title:hover,
.hp-news-reviews .card-title:hover,
.hp-news .card-title:hover,
.photo-day .card-title:hover,
.small-photo-day .left-side .card-title:hover,
#carouselVideos .card-title:hover,
.photo-cards-container .card-title:hover
{
  color:inherit;
}


.popular-articles {
  padding:0 20px;
}
@media (min-width: 576px){
.popular-articles {
  padding:0;
}
}
.todays-date { font-family: "Open Sans", san-serif; }
/* .popular-articles { display: flex; } */
.popular-articles img.card-img-top { border-radius: 0px; }
.custom-block { display: flex; }

.custom-block  h3
{
  font-size: 24px;
  font-weight: 300;
  margin: .5em 0;
}

.custom-block .card
{
  border: 0px solid gray;
  text-align: center;
  background: #ddd;
  border-radius: 0.5rem;
  min-height: 270px;
  padding: 1rem;
}

.custom-block .card .fa { font-size: 30px !important; }
.hp-news-reviews .card { flex-direction: row; min-height: 200px; border:1px solid #ccc;}
.hp-news-reviews h2 { padding: 0; }

a.see-more
{
  text-align: center;
  color: #333;
}

a.all-news,
.hp-news-reviews a.all-news {
  padding: 10px 0;
  font-weight: 600;
  display: inline-block;
  color: #333;
}
@media (min-width: 992px){
.hp-news-reviews a.all-news,
a.all-news {
  float:right;
}
}
.nav-more-button {
  font-size: 14px;
  color:#333;
}
a.all-news .fa, a.see-more .fa { font-size: .8em; }
.hp-news-reviews h3 { font-size: 1.1em; }
.hp-news-reviews li.nav-item { display: inline-block; }
.train-home-forum-right-1 img, .train-home-forum-right-2 img { width: 100%; }
.top-categories {font-weight: 600;}
.top-categories .navbar-brand
{
  font-family: "Open Sans", san-serif;
  font-weight: 600;
}



.popular-topics
{
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  font-family: "Open Sans", san-serif;
  background: #f7f7f7;
}

.popular-topics a.nav-link { color: #555 !important; }
.popular-topics a.nav-link:hover { color: #333 !important; }
.popular-topics a.navbar-brand
{
  color: #555;
  font-weight: 600;
  font-size: 1em;
  padding: 0;
}

.popular-topics .fa
{
  color: #747474 !important;
  font-size: 1.5em;
}
.forum-block,
.hp-forum-blog-ads {
  padding:10px 20px;
}
.forum-block .card
{
  background: #ddd !important;
  border-radius: 0.5rem;
  text-align: center;
  font-family: "Open Sans", san-serif;
  border: 0px solid #333;
  padding: 2em 1em;
}
.forum-buttons {
  margin-bottom:1rem;
}
@media (min-width: 1200px){
.forum-middle-text {
  text-align: left;
}
.forum-buttons {
  margin-bottom:0;
}
}
a.btn.btn-outline
{
  border: 1px solid #757575;
  margin: 0 10px;
}
a.btn.btn-outline:hover,
a.btn.btn-outline:active {
  background: #ddd;
}
a.btn.btn-small
{
  border: 1px solid #757575;
  margin: 0 5px;
  font-size: 12px;
}

.forum-block h4 { margin: 1em 0; }
.trains-front-page-forum .card {padding: 0 1em .5em 1em;}
.forum-block .card .fa { font-size: 30px !important; }
.local-home-forum-right-1 img, .local-home-forum-right-2 img { width: 100%; }
.membership-block .btn-primary {
	width: 100%;
	margin-bottom: 15px;
}
.membership-block .btn-outline {
	width: 100%;
	margin: 0 !important;
}
@media (min-width: 768px){
.membership-block .btn-primary {
	width: auto;
	margin-bottom: 0;
}
.membership-block .btn-outline {
	width: auto;
	margin: 0 15px !important;
}
}
.membership-block .card {
  border:1px solid #ccc;
}
.membership-block h4
{
  margin-top: 1em;
  font-weight: 400;
}
.membership-block .card-body {
  padding: 1.5rem 3rem 3rem 3rem;
}
.membership-block .card-body img
{
  float: left;
  margin-right: 2em;
}

.photo-day img
{
  width: 70% !important;
  float: right !important;
  border-radius: 0px;
}

.small-photo-day img
{
  width: 100% !important;
  float: none !important;
  border-radius: 0px;
}

.photo-day .card
{
  border-radius: 0px;
  height: fit-content;
  width: 100%;
  border:1px solid #ccc;
}
.small-photo-day {
	height: inherit !important;
}
.photo-day .badge-light
{
  border: 1px solid #ddd;
  background-color: white;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 500;
  display: inline-block;
  margin: 40px 0;
  padding: 0.5em 0.8em;
}

.left-side { width: 30%; }
.small-photo-day .left-side { width: 100%; }

.photo-day .card-title
{
  font-size: 1.5em;
  line-height: 1.3em;
}
.photo-cards-container {
  padding-right: 15px;
  padding-left: 15px;
}
.white { background-color: #fff; }
.photos h2 { padding: 0 0 .6em 0; }
.home-featured-block {
  padding:.45rem 2rem;
  border:1px solid #ccc;
}
.current-issue-block
{
  background: #fff;
  border-radius: 10px;
  border: 1px solid #999;
  overflow: hidden;
}

.current-issue h3 {
  font-size: 20px !important;
  color: #333;
  font-weight: 300;
  margin-bottom: 15px;
}

.current-issue p { font-weight: 600; }
.current-issue .card { border-radius: .5rem; }

.current-issue-block img.thumbnail
{
  border: 1px solid #999;
  width: 100%;
  height: auto;
  object-fit:cover;
  height: 110px;
}

.current-issue-block img.thumbnail-hp
{
  border: 1px solid #999;
  width: 100%;
  height: auto;
  object-fit:cover;
  height: 110px;
  margin-bottom: 15px;
}

.current-issue-block h5
{
  font-size: 20px;
  color: #333;
  font-weight: 300;
  padding-bottom: 10px
}

.current-issue-block h4
{
  font-size: 24px !important;
  color: #333;
  font-weight: 300;
  padding-bottom: 8px;
}

h5.in-this-issue
{
  text-transform: uppercase;
  font-size: .9em !important;
  margin-top:5px !important;
  margin-bottom: -10px !important;
  font-weight: 400;
}
/*.magazine-archive img.wp-post-image, article img, figure, img, #secondary img {
	width: 100%;
}*/
.magazine-archive img,
#archive-wrapper .card img {
	width: 100%;
}
img.magazine-cover
{
  width: 100%;
  height: auto;
  border:1px solid #ccc;
}

img.thumb-50
{
  width: 60px;
  height: auto;
  float: left;
  padding: 10px 10px 10px 0;
}

a.black-link { color: #333; }
.white-background { background-color: rgba(255,255,255,.7); }
.hp-current-issue-content p {
	text-align: left;
}
@media (max-width:1199px) {
  .magazine-archive .flex-btns .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .single #circ_trains_com_mrr_mag_sub_article_offer-textcontainer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width:575px ){
.tab-content {
	padding-right: 0 !important;
}
.home-featured-block {
	margin:15px;
}
.magazine-archive .flex-btns .col-sm-6 a.btn {
  width: 200px;
}
.current-issue .nav-pills .nav-link.active,
.nav-pills .show .nav-link {
  color: #fff;
  background-color: #ccc;
  border-bottom: 5px solid #333;
  border-radius: 0px;
}
}
.current-issue
{
  background-size: cover;
  background-repeat: no-repeat;
}

.current-issue .nav-pills .nav-link.show {
	background: #fff;
}

.current-issue-block .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  	background-color: #ccc;
  	border-radius: 0px;
}
.current-issue .nav-pills .nav-link { border-radius: 0rem; }
.current-issue .nav-pills .nav-link img { padding: .5rem .25rem; }
.hp-issue-tabs {
	width: 25%;
}
.videos img.card-img-top
{
  border-radius: 0px;
  z-index: 99;
height: 180px;
}

.video-icon {
  width: 50px;
  height: 50px;
  z-index: 999;
  position: absolute;
  border: 0px solid red;
  background-image: url(../svg/play-icon.svg);
  background-repeat: no-repeat;
  /*margin-left: -25px;
  top: 15%;*/
  top: 30%;
  /*left: 50%;
  transform: translate(-50%,-50%);*/
  display: flex;
  align-self: center;
}
.hp-news-reviews .video-icon {
  top: 80px;
  left: 60px;
  width: 25px;
}
.hp-feature-article .video-icon {
	top:25%;
}
@media (min-width: 768px) {
	.video-icon {
		top:20%;
	}
	/*.hp-feature-article .video-icon {
	top:30%;*/
}
@media (min-width: 992px) {
.hp-issue-tabs {
	width: 100%;
}
.hp-news-reviews .video-icon {
  top: 80px;
}
.current-issue .nav-pills .nav-link.active,
.nav-pills .show .nav-link {
  border-right: 5px solid #333;
  border-top: 0;
}
.current-issue .nav-link { border-right: 4px solid #ddd; }
.hp-feature-article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
}
@media (min-width: 1200px) {
	.video-icon {
		top:25%;
	}
	.hp-feature-article .video-icon {
	top:220px;
}
}

.carousel-item .card {
  border:1px solid #ccc;
}
.carousel-item .video-icon{ top: 80px; }

.hp-news .video-icon {
  top: 50px;
  left: 70px;
  width: 35px; 
}
.page-template-default .hp-news .video-icon {
  top: 80px;
  left: 60px;
  width: 25px; 
}
a.card-img.video {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-icon.alt {
  top:unset!important;
}

.lock-icon
{
  width: 30px;
  height: 30px;
  z-index: 999;
  position: absolute;
  border: 0px solid red;
  background-image: url(../svg/lock-icon.svg);
  right: 10px;
  top: 10px;
}

/* .videos a.carousel-control-next { right: -120px !important; }
.videos a.carousel-control-prev { left: -120px !important; } */

.carousel-inner {
    position: relative;
    width: 96%;
    overflow: hidden;
    margin: auto;
}

.carousel-control-prev, .carousel-control-next {width: auto;}

.videos .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%333333' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
.videos .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%333333' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

/*
.current-issue {
    position: relative;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    padding: 0;
    margin: 0;
}

.current-issue::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(255,255,255,.8);
}
 */

/* If the screen size is 601px or more, set the font-size of <div> to 80px */

@media only screen and (min-width: 769px)
{
/*
  .popular-articles .card
  {
    width: 25%;
    float: left;
    margin: 0 15px 0 15px;
    flex: 1;
    border-radius: 0;
  }
 */

  /*.reviews-block .card
          {
            width: 50%;
            float: left;
            margin: 0 15px 0 0;
            flex: 1;
            border-radius: 0;
          }*/
}

/* If the screen size is 600px or less, set the font-size of <div> to 30px */


@media only screen and (max-width: 768px)
{
/*
  .popular-articles .card
  {
    float: left;
    margin: 0 15px 0 15px;
    flex: inherit;
    border-radius: 0;
  }
 */



  .photo-day img
  {
    width: 100% !important;
    float: none !important;
    border-radius: 0px;
  }

  .left-side { width: 100%; }
  .small-photo-day { margin-top: 30px; }
  .videos .d-flex {display: block !important;}

/*  this hides the nav pills on modeling and railroads page */
  .page-template-modeling-and-railroads .all-modeling .nav-item.active  {display:none;}
  ul.filter-main.all-modeling {display: inline-block;}
}


/* ============================
MODELING AND RAILROADS
============================
*/
.all-modeling {
  border-bottom: none;
}
/* ============================
PHOTO OF THE DAY
============================
*/
.photo-of-the-day img.photo-day-full {
  width: 100%;
  height: auto;
}
.card-deck-photo-day .card {
  -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    /*margin-right: -15px;
    margin-left: -15px;*/
}
.photo-day-search {
    margin: 2rem 0;
    padding: 1rem 1.5rem;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    width: 100%;
    /* max-width: 620px; */
    background: #eee;
    display: flex;
}
.photo-day-search .facetwp-facet {
  margin-bottom: 20px;
}
.photo-day-search .facetwp-input-wrap {
  width: 100%;
}
.photo-day-search .facetwp-facet input.facetwp-search,
.photo-day-search .facetwp-facet input.facetwp-location {
  width: 100%;
}
.photo-day-search .facet-wrap {
  width: 100%;
}

/* ============================
NEWS AND REVIEWS
============================
*/
.page-template-news-reviews .navbar ul li a, .page-template-news .navbar ul li a
{
  border: 1px solid #ccc;
  background-color: #eee;
  border-radius: 50px;
  font-size: 1em;
  padding: 5px 10px !important;
  text-align: center;
  margin-right: 5px;
  font-family: 'Open Sans', san-serif;
  white-space: nowrap;
}

.page-template-news-reviews .navbar .navbar-brand,
.page-template-news .navbar .navbar-brand
{
  /*border: 2px solid #333;
  border-radius: 50px;
  font-size: 1em;
  padding: 5px 10px !important;
  text-align: center;*/
    border: 1px solid #606060;
    background: #606060;
    color: #fff;
    padding: 5px 10px;
    margin-right: 15px;
 /*   margin-bottom: 20px;*/
    white-space: nowrap;
    font-weight: 500;
    border-radius:50px;
    font-size: 1em; 
}
.page-template-news-reviews .navbar .navbar-brand:hover,
.page-template-news .navbar .navbar-brand:hover
{
    border: 1px solid #909090;
    background: #909090;
    color: #fff;
    padding: 5px 10px;
    margin-right: 15px;
 /*   margin-bottom: 20px;*/
    white-space: nowrap;
    font-weight: 500;
    border-radius:50px;
    font-size: 1em; 
}
.page-template-news-reviews .navbar-light .navbar-nav .nav-link:hover {
  background: #cccccc;
}
.train-top-banner-ad
{
  text-align: center;
  margin: 1px 0;
  margin-top: 1.4rem;
}

.article-block h3
{
  color: #333;
  font-weight: 300;
  font-size: 1em;
  margin-top: 1rem;
}

.article-block .card { width: 100%; border:1px solid #ccc; }

.image-fix
{
  height: 200px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Brads styles */

/* = BRAD STYLES = */

/* = SINGLE.PHP STYLES = */

/* = h1 SINGLE = */
.single-wrapper h1, .photo-of-the-day h1 {
    font-size: 28px;
}

.single-wrapper .entry-header, .single-wrapper .entry-header a {
    color: #212529;
    font-size: 0.8rem;
}

/* = BREADCRUMBS SINGLE = */
/*.single-wrapper p#breadcrumbs.article-breadcrumbs span span a {
    color: #707070;
    font-size: .7rem;
}

.single-wrapper span.breadcrumb_last  {
    font-size: .7rem;
}*/

/* Add a slash symbol (/) behind each span */
/*.single-wrapper p#breadcrumbs.article-breadcrumbs span span a:after {
    padding: 8px;
    color: #000;
    content: "/\00a0";
  }*/

/* = EMAIL NEWSLETTER SINGLE = */
.single-wrapper div.nlform {
  margin: 2rem 0;
  padding: 1.25rem 1.5rem 2rem 1.5rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  width: 100%;
  /*max-width: 620px;*/
  background: #eee;
}

.single-wrapper div.nlform input.form-control {
  border: 1px solid #707070;
  background: #fff;
  border-radius: 0.25rem 0 0 0.25rem;

}

.single-wrapper div.nlform .btn-outline-secondary {
  background: #707070;
  color: #fff;
  border-radius: 0 0.25rem 0.25rem 0;
}

.single-wrapper div.nlform h3 {
/*color: #4192d3;*/
font-size: 1.2rem;
display: inline-block;
margin: 0 .3rem 0 0;
}

.single-wrapper div.nlform p {
display: inline-block;
}
/*/////////////////////////////////*/
/* = RCLP - PDF DOWNLOAD FORM = */
/*////////////////////////////////*/
.single-wrapper div.rclpform {
  margin: 2rem 0;
  padding: 2rem 2rem 2.75rem 2rem;
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  width: 100%;
  /*max-width: 620px;*/
  background: #eee;
  text-align: center;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%), 0 4px 20px 0 rgb(0 0 0 / 10%);
}

.single-wrapper div.rclpform input.form-control {
  border: 1px solid #707070;
  background: #fff;
  border-radius: 0.25rem 0 0 0.25rem;
  border-right: 0;
}

.single-wrapper div.rclpform .btn-outline-secondary {
  background: #121212;
  color: #fff;
  border-radius: 0 0.25rem 0.25rem 0;
}
.single-wrapper div.rclpform .btn-outline-secondary:hover {
  background: #333;
}
.single-wrapper div.rclpform .btn-primary:hover,
.single-wrapper div.rclpform a.fa-download,
.single-wrapper div.rclpform a:hover{
  color: #ffffff;
}

.single-wrapper div.rclpform h3 {
/*color: #4192d3;*/
font-size: 1.2rem;
display: inline-block;
padding-bottom: .5rem;
}

.single-wrapper div.rclpform p {
display: inline-block;
padding-bottom: .5rem;
}
.single-wrapper div.rclpform .rclp-disclaimer {
padding-top: 20px;
padding-bottom: 0;
margin-bottom: 0;
text-align: left;
}
.single-wrapper .rclp-error {
  color: #b21f24;
}
.single-wrapper .rclp-success {
  padding-bottom: 15px;
  padding-top: 5px;
}
.single-wrapper div.rclpform input.outline-error {
  border: 1px solid #b21f24 !important;
}
@media (max-width: 1200px){
  .single-wrapper div.rclpform input.form-control {
    width: 100%;
    border: 1px solid #707070;
  }
.single-wrapper div.rclpform .input-group-btn {
  width: 100%;
  padding-top: 15px;
}
.single-wrapper div.rclpform .btn-outline-secondary {
  width: 100%;
  border-radius: 5px;
}
}

/* = COMMENTS SINGLE = */
.comments-area {
  padding: 1rem 2rem;
  border: 1px solid #ccc;
  background: #fff;
  border-top: 0;
}
  .single-wrapper .btn-light {
    border: 1px solid #ccc;
    background: #fff;
    margin: 1rem 1rem 0 1rem;
    padding: 0.6rem 1rem;
    border-radius: 0;
  }

  .single-wrapper .btn-light span:nth-of-type(1) {
    font-weight: 700;
    font-size: 1.3rem;
    color: #333;
    float: left;
    line-height: 2.5rem;

  }

  .single-wrapper .btn-light span:nth-of-type(2) {
    text-align: right;
    /*background: #757575;*/
    color: #848484;
    padding: 0 0.2rem;
    font-size: 42px;
    float: right;
    border-radius: 0.25rem;
    font-weight: bold;
    max-height: 45px;
    line-height: 2rem;
    margin-top: 2px;
    border:1px solid #999;
  }
textarea.form-control {
  border: 1px solid #999;
}

/* = RELATED ARTICLES SINGLE = */
.related-articles-heading {
      text-align: center;
      padding: 1.5rem 0 .5rem 0;
      color: #333;
      font-size: 2rem;
      margin-top: 1rem;
  }
.brand-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: .9em;
    padding-bottom: 10px;
}


  #relate-posts .card-text a {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
  }
   @media only screen and (min-width:567px) and (max-width:767px) {
  	 #relate-posts {
  	display: flex;
  	flex-wrap: wrap;
  }
  	#relate-posts .card {
  	flex: 0 0 44%;
  }
  }
  @media only screen and (min-width:768px) and (max-width:991px) {
  #relate-posts {
  	display: flex;
  	flex-wrap: wrap;
  }
  #relate-posts .card {
  	flex: 0 0 45%;
  }
}

/* BUTTON STYLES */
.btn-red {
  color: #ffffff !important;
  border: 1px solid #b21f24;
  background: #b21f24;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active {
  color: #ffffff;
  background: #9B1B20;
  border: 1px solid #9B1B20;
}

.btn-gry-outline {
  color: #333333 !important;
  border: 1px solid #757575;
  margin: 0;
}

.btn-gry-outline:hover,
.btn-gry-outline:focus,
.btn-gry-outline:active {
  color: #ffffff !important;
  border: 1px solid #9B1B20;
  background: #9B1B20;
}

  /* = ISSUE-PHP STYLES = */

  .border-gray {
    border-bottom: 1px solid #ccc;
    margin: 1rem;
  }

.issue-wrapper a.btn {
  margin-right: 10px !important;
  margin-bottom: 10px;
  padding: 12px 16px;
}

.issue-magazine-top {
  border-bottom: 1px solid #cccccc;
  margin-bottom:30px;
  padding-bottom: 20px;
}
.issue-magazine-top h2 {
  padding:.25em 0 .5em 0;
}
.issue-sect-one,
.issue-sect-two,
.issue-sect-three {
  margin-bottom:30px;
  padding-bottom: 20px;
}
.issue-sect-one {
 border-bottom: 1px solid #cccccc;
}
.issue-sect-two h4 {
  padding: 20px 0 10px 0;
}

.issue-image-video,
.issue-image-video img {
  margin-bottom: 20px;
}
.issue-sect-two .hp-news,
.issue-sect-three .hp-news {
  width: 100%;
}
.issue-sect-one .card {
  flex-flow:column;
  height: 100%;
}
.issue-sect-one .card-title {
  padding:1.25em 1.25em 0 1.25em;
  margin:0;
}
.issue-feat-card {
  padding-bottom: 15px;
}
.issue-feat-card .card-title {
  text-transform: uppercase;
  font-size: .9em;
  padding:1.75rem 2rem 0 2rem;
}
.issue-feat-card .card-body {
  padding:0 2rem;
}
.issue-feat-card img {
  max-height: 200px;
}
/* = MEDIA QUERIES = */

@media only screen and (max-width: 1024px) {
  .single-wrapper form {
    padding: 1rem 1rem 2rem 1rem;
  }

/*SEARCH IN FULL WIDTH BELOW MENU*/ 
.header-search {
    width: 100%;
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    margin:40px 0 0 0;
    padding: 20px;
  }
}
.pagination-right {
  text-align: center !important;
}

/* end brads styles */

/* HOBBY STORE BLOCK */
.store-block {
  text-align: left;
}
.small-allcaps {text-transform: uppercase !important; font-size: 15px;font-weight: 600;}
.store-image {min-height: 180px; margin-top: 20px;}
.store-block a {color: #333 !important;}
.store-block a:hover {color: #121212;}
.store-block .btn-outline-secondary:hover,
.store-block .btn-outline-secondary:active {
  background: #ddd;
}
button.search-submit {
    padding-right: 20px;
    border-width: 0px;
    background: transparent;
}

#wrapper-footer {
	background: #eee;
  padding: .5rem 1rem 3rem 1rem;
  margin-bottom: -30px;
}

#wrapper-footer .hero-cta-text
{
	background: #eee url('../svg/lightgray-train-logo.svg') no-repeat left;
	text-align: center;
	border: 0px solid red;
  padding: 0;
}
#wrapper-footer .hero-cta-text h2 {color: #b21f24;}
#wrapper-footer .hero-cta-text .input-group { margin:auto; }
#wrapper-footer .hero-cta-text .input-group input:focus,
#wrapper-footer .hero-cta-text .input-group input:focus,
#wrapper-footer .hero-cta-text .input-group input:focus {
  webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5) !important;
}
.mrr-template #wrapper-footer .hero-cta-text .input-group input:focus,
.mrr-template-default #wrapper-footer .hero-cta-text .input-group input:focus,
.page-template-page-mrr #wrapper-footer .hero-cta-text .input-group input:focus {
  webkit-box-shadow: 0 0 0 0.2rem rgba(0, 98, 173, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 98, 173, 0.5) !important;
}
.grw-template #wrapper-footer .hero-cta-text .input-group input:focus,
.grw-template-default #wrapper-footer .hero-cta-text .input-group input:focus,
.page-template-page-grw #wrapper-footer .hero-cta-text .input-group input:focus {
  webkit-box-shadow: 0 0 0 0.2rem rgba(0, 66, 35, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 66, 35, 0.5);
}
.mrr-template #wrapper-footer .hero-cta-text h2,
.mrr-template-default #wrapper-footer .hero-cta-text h2,
.page-template-page-mrr #wrapper-footer .hero-cta-text h2 {
  color: #0062ad;
}
.grw-template #wrapper-footer .hero-cta-text h2,
.grw-template-default #wrapper-footer .hero-cta-text h2,
.page-template-page-grw #wrapper-footer .hero-cta-text h2 {
  color: #00552d;
}

#wrapper-footer .hero-cta-text .btn-outline-secondary
{
	color: #fff;
	background-color: #6c757d;
}
@media (min-width: 768px){
  #wrapper-footer .hero-cta-text{
    width: 80%;
    padding: 30px;
  }
}
@media (min-width: 992px){
  #wrapper-footer .hero-cta-text .input-group { 
    width: 70%; 
  }
}
@media (min-width: 1200px){
  #wrapper-footer .hero-cta-text .input-group { 
    width: 60%; 
  }
}
/* hides feature image on photo gallery template */
.photo-gallery img.wp-post-image {display:none;}

/* hides feature image on all single post pages */
img.wp-post-image {display:none;}

/* fixes share button styles */
.simplesocialbuttons.simplesocial-round-txt button
{
	border-radius: 5px;
	font-family: 'Inter', Arial, sans-serif;
	border-color: #707070;
}

.ssb_inline-share_heading
{
	font-size: 1.1em;
	font-weight: 700;
	margin-top: 40px;
	padding: 0 0 0px;
}

/* fixes the two read more buttons that appear on elementor full width template on post lists */
.elementor-default .understrap-read-more-link {display: none;}


/* news wire template ad fixes */
.train-news-ads-placement  {text-align:center; width: 100%; margin-top: 30px;}
/*.newswire .train-news-ads-placement  {text-align:center; width: 100%; margin-top: 30px;}*/
.newswire .train-news-ads-placement  ul li {float:none !important; display: inline-block; text-align:center;}

.newswire .news-filter-block .video-icon {
	left: 66px;
    margin-left: -20px;
    top: 40px;
    width: 40px;
    height: 40px;
    }


/* MAGAZINE ARCHIVE */
.pagination-right .facetwp-pager {background: transparent; text-align: right; color: #333;}
.pagination-right .facetwp-facet {margin-bottom: 10px;}
.archive-bottom-pagination .facetwp-pager {color: #333; background: transparent;}
#archive-wrapper .card-body {padding:0 0 1em 0;}
.flipbook-paywall {

}


.facet-list .facet-label {
  cursor: pointer;
  display:block;
}

.facet-list .facet-label:before {
  content: '\f347';
  font-family: dashicons;
  font-weight: normal;
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(0);
  color: inherit;
  position: relative;
  background: transparent;
  height: auto;
  width: auto;
  right: auto;
  line-height: inherit;

  transition: transform 400ms;
}

.facet-list .facet-wrap.facet-open .facet-label:before {
    transform:rotate(180deg);
}

.facet-list .facet-wrap.facet-closed .facet-label:before {
    transform:rotate(0deg);
}

.facet-list .facet-label:hover {
  color: #909090;
}

#facet-sidebar.screen-large #facet-slider {
  width: 250px;
}

#facet-sidebar.screen-large #filter-list-area {
  width: calc( 100% - 250px );
}

#filter-clear {
  margin-left: 5px;
}

#filter-clear a {
  font-weight: bold;
  text-decoration: none;
  display: block;
}

#filter-clear a:before {
  font-family: FontAwesome;
  content: "\f00d";
  margin-right: 5px;
}

#filter-clear a:hover {
  text-decoration: none;
  color: #909090;
}

#relate-posts {padding-bottom: 40px;}

#views-remaining { 
  background-color:#ccc; 
  color:#333;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  padding: .5rem 1rem;
  margin-bottom: 1rem;
}
#close-vr-warning {
    font-size: 30px;
    border: 1px solid #333;
    padding: 1px 7px;
    border-radius: 5px;
    margin-top: -3px;
}

/* BAMBO - MRR BUTTON STYLES ADJUSTMENTS */
 /* MRR, CTT STYLE OVERRIDES */

 .single #circ_trains_com_mrr_mag_sub_article_offer-imagecontainer {
  height: auto;
  width: 100%;
}

.single #circ_trains_com_mrr_mag_sub_article_offer-textcontainer {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
}

.single #circ_trains_com_mrr_mag_sub_article_offer-headline,
.single #circ_trains_com_mrr_mag_sub_article_offer-message {
  color: #ffffff;
  font-size: 14px;;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
}

/* ELEMENTOR */

.single .elementor-align-center .elementor-button {
  width: 100%;
}

.single .photo-of-the-day .inner-content-img img {
  display: none;
}