/*
.home-new a,
.home-new p,
.home-new strong,
.home-new h2,
.home-new h3,
.home-new h4 {font-family: Inter}
*/

.home-new img {vertical-align: top}
.home-new .row {margin-left: -15px; margin-right: -15px}

.home-new h3,
.home-title,
.home-new a {border: 0; color: #142465}
.home-new a:hover {color: #213aa6}

/* .home-new p {font-size: 18px} */

.home-gray {background: #f8f8f8}
.home-container {max-width: 1500px; margin: 0 auto; padding: 0 25px}

.home-title {font-size: 54px; font-weight: 700; line-height: 65px; margin-bottom: 30px}
.home-button {font-size: 54px; font-weight: 700; line-height: 65px; color: #fff !important; background: #142465; border-radius: 200px; padding: 10px 20px; transition: .2s}
.home-button:hover {background: #213aa6; box-shadow: 0 0 0 3px #ced6f5}
.home-shop-now {margin: 50px 0 60px 0}

.doers {border: 1px solid #d6d6d6; border-radius: 20px; box-shadow: 0 0 0.15rem #cdcdcd; margin: 40px 0 0 0 !important; padding: 60px 30px}
.doers h3 {font-size: 44px; font-weight: 700; line-height: 32px}
.doers h4 {font-size: 20px; font-weight: 500; line-height: 32px}
.doers img {box-shadow: 1px 1px 5px #cdcdcd; max-width: 100%}
.doers a {font-size: 20px; font-weight: 700; line-height: 32px}
.doers .doers-desc {font-size: 20px; line-height: 32px; margin-bottom: 10px}

.top-blocks {margin-top: 30px}
.top-blocks .row {margin-left: -15px; margin-right: -15px}
.top-block-item {border-radius: 60px; max-width: 362px; overflow: hidden; box-shadow: 0 0 0.15rem #cdcdcd; margin: 40px auto 0}
.top-block-item-content {padding: 20px}
.top-block-item-title {font-size: 20px; font-weight: 700; line-height: 24px; margin-bottom: 10px}
.top-block-item-desc {line-height: 22px; min-height: 132px; margin-bottom: 10px; overflow: hidden; max-height: 132px}
.top-block-item-more {font-weight: 700; line-height: 22px; margin-bottom: 30px}
.top-block-item-more a {color: #000}

.favorite-categories {margin-top: 70px}
.favorite-category-item {padding: 20px 15px 15px 15px; box-shadow: 0 0 0.15rem #cdcdcd; margin-bottom: 30px}
.favorite-category-item:hover {box-shadow: 0 0 0.25rem #cdcdcd}
.favorite-category-item-image {display: flex; align-items: center}
.favorite-category-item-image a {width: 122px; height: 122px; overflow: hidden; position: relative; border-radius: 50%; border: 1px solid #d6d6d6}
.favorite-category-item-image a:hover {border-color: #142465}
.favorite-category-item-image img {position: absolute; left: calc(50% - 100px); top: calc(50% - 100px); max-width: initial !important}
.favorite-category-item-title {height: 54px}
.favorite-category-item-title a {color: #000; font-size: 22px; font-weight: 700; line-height: 27px}
.favorite-category-item-subcategories p {margin-top: 6px}
.favorite-category-item-subcategories a {color: #000}

.explore-clothing {margin: 100px auto 0}
.explore-clothing .row {margin-left: -15px; margin-right: -15px}
.explore-clothing-item {max-width: 310px; margin-top: 30px}
.explore-clothing-item:hover .explore-clothing-item-image {box-shadow: 0 0 0 3px #ced6f5; transition: .2s}
.explore-clothing-item:hover .explore-clothing-item-link a {color: #213aa6}
.explore-clothing-item-image {border-radius: 40px; overflow: hidden; box-shadow: 0 0 0.15rem #cdcdcd}
.explore-clothing-item-link {text-align: center}
.explore-clothing-item-link a {font-size: 22px; font-weight: 700; line-height: 27px; padding-top: 30px; display: block}

.personal-care > div {margin-top: 40px; padding: 40px 25px}
.personal-care .row {margin-left: -15px; margin-right: -15px}
.personal-care-item {background: #fff; text-align: center; margin-bottom: 20px; border-radius: 42px; padding: 35px; box-shadow: 0 0 0.15rem #cdcdcd}
.personal-care-item img {max-width: 100%}
.personal-care-item-link {margin-top: 20px; height: 54px}
.personal-care-item-link a {font-size: 22px; font-weight: 400; line-height: 27px}

.trending-blog {margin: 60px auto 0}
.trending-blog img {max-width: 100%}
.trending-blog-item {margin-top: 30px; box-shadow: 0 0 0.15rem #cdcdcd}
.trending-blog-item-content {background: #f8f8f8; padding: 20px}
.trending-blog-item-title {height: 54px; margin-bottom: 20px; overflow: hidden}
.trending-blog-item-title a {font-size: 22px; font-weight: 700; line-height: 27px}
.trending-blog-item-text {height: 72px; overflow: hidden}
.trending-blog-item-text a {text-decoration: underline; color: #000}
.trending-blog-item-more {margin-top: 20px}
.trending-blog-item-more a {font-size: 18px; font-weight: 700; line-height: 22px; color: #000}

.site-description {margin: 30px 0}
.site-description strong {color: #142465}
.site-description p {margin-bottom: 30px; font-size: 20px; font-weight: 400; line-height: 24px}
.site-description p:last-child {margin-bottom: 0}

/* @media (max-width:480px) { */
@media (max-width:680px) {
	.home-title {font-size: 28px; line-height: 35px}
	.home-button {font-size: 28px}
	.home-container {margin: 0 15px; padding: 0}
	.home-shop-now {margin: 30px 0 40px 0}

	.home-new img {max-width: 100%}
	.home-new .row.doers {margin-left: 0px; margin-right: 0px; padding: 30px 10px}

	.doers h4 {margin-top: 10px}
	.doers h3 {font-size: 23px}
	.doers .doers-desc {font-size: 16px; line-height: 25px}

	.top-block-item-desc {min-height: auto}
	.favorite-category-item {margin-bottom: 15px}
	.favorite-category-item-title {height: auto; margin-bottom: 15px}

	.top-block-item,
	.explore-clothing-item {margin-left: auto; margin-right: auto}
	.explore-clothing-item-link a {padding-top: 10px}

	.personal-care > div {padding-left: 0; padding-right: 0}
	.personal-care .col-sm-15 {width: 100%}
	.personal-care-item {padding: 20px}
	.personal-care-item-link {max-height: 42px}
	.personal-care-item-link a {font-size: 18px; line-height: 20px}
	.trending-blog-item-title {height: auto; font-size: 20px}
}

@media (min-width: 1000px) and (max-width:1500px) {
	.favorite-categories .col-sm-6 {
		flex: 0 0 33.333%;
    max-width: 33.333%;
	}
}

@media (min-width: 559px) and (max-width:760px) {
	.favorite-categories .col-sm-6 {
		flex: 0 0 100%;
    max-width: 100%;
	}
}

@media (max-width: 767px) {
  .text-xs-center {
    text-align: center;
  }
	.hidden-xs {
		display: none !important;
	}
}