#header + #container {
  padding: 25px 0 0;
}
.the-title {
  color: #2c2936;
  line-height: 1.4;
  font-size: 25px;
}
h1.the-title {
  margin-bottom: 30px;
  letter-spacing: 3px;
  font-weight: 700;
}
h1.blog-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 45px;
}
h1.the-title,
h4.the-title {
  color: #403d39; 
  text-transform: uppercase;
}
h4.the-title {
  font-size: 20px;
}
h5.the-title {
  font-size: 18px;
}
.dropdown-menu {
  margin: 0;
  width: 180px; 
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
  display: none;
}
.open > .dropdown-menu { 
    display: block;
}
.dropdown.last .dropdown-menu {
  left: auto;
  right: 0;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
  min-width: 320px;
}
.dropdown.last .dropdown-menu.notice-list {
  z-index: -1;
}
.dropdown.last.open > .dropdown-menu {
  z-index: 1003;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: transparent;
}
.dropdown-menu:after {
  width: 17px;
  height: 15px;
  background: url(../static/assets/img/pages/pop_02.png) no-repeat 50% 50%;
  top: -11px;
  left: 15px;
  position: absolute;
  content: "";
  z-index: 1001;
}
.dropdown.last .dropdown-menu:after {
  right: 15px;
  left: auto;
}
#header + #container .breadcrumbs {
  padding-top: 0;
}
#container .breadcrumbs a {
  color: #333333;
}
/*video box*/
.video-list {
  margin-top: 10px;
  margin-bottom: 60px;
  position: relative;
}
.video-list:after {
  border-bottom: #333333 solid 2px;
    content: "";
    display: block;
  margin: 0 auto;
    width: 50px;
  height: 50px;    
    transition: opacity 0.5s linear 0s;
}
.video-title {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
.press-list {
  padding: 10px 0 40px;
  /*border-bottom: 1px solid #e1e1e1;*/
  margin: 20px 0;
}
@media(min-width: 768px){
  .equalize-press-image {
    width: 295px !important; 
    height: 209px !important;
  }
}
@media(min-width: 1200px){
  .press-list .video-item {
    min-height: 375px;
  }
}
@media(max-width: 992px){
  .press-list .video-item {
    min-height: 400px;
  }
}
.press-list .video-item {
  margin-bottom: 50px;
  overflow: hidden;
}
.press-list .video-item {
  min-height: 375px;
}
.press-list .play-icon {
  height: 60px;
    width: 60px;
  background-size: 100% 100%;
}
.video-item .video-thumb {
  position: relative;
  margin-bottom: 30px;
}
.press-list h5.the-title {
  text-transform: capitalize;
  font-size: 18px;
}
.press-list .video-item .video-thumb {
  margin-bottom: 15px;
}
.press-bottom {
  line-height: 1.3;
}
.press-bottom .press-icon {
  float: left;
  width: 37px;
  height: 37px;
  -webkit-border-radius: 37px;
  -moz-border-radius: 37px;
  border-radius: 37px;
}
.press-bottom .press-icon + div {
  margin-left: 47px;
  padding-top: 3px;
}
.press-bottom span {
  display: block;
  font-size: 10px;
}
.press-list:after {
  display: none;
}
.video-item .video-thumb:after,
.country-lists .list-item-thumb:after {
  background-color: #000;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.5s linear 0s;
  z-index: 1;
}
.video-item .video-thumb:hover:after,
.country-lists .list-item:hover .list-item-thumb:after {
  opacity: 0.4;
}
.video-item .video-thumb:hover i.snb-icon {
  opacity: 0.8;
}
.video-item .video-thumb img,
.list-item-thumb img {
  width: 100%;
  height: auto;
  max-width: 100%;  
}
.video-item .video-thumb .video-play {  
    bottom: 0;   
    left: 0;   
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.5s linear 0s;
  z-index: 2;
  text-transform: uppercase;
  color: #ffffff; 
  font-weight: 500;
}
.video-item .video-thumb .video-play h5 {
  margin-top: 8px;
}
.video-item .video-thumb,
.video-item .video-thumb:after,
.video-item .video-thumb img,
.country-lists .list-item-thumb,
.country-lists .list-item-thumb:after,
.country-lists .list-item-thumb img,
.left-nav,
.list-item.popular-item,
.list-item-infos,
.list-item-overlay,
.other-history .list-item,
.interest-list li,
.help-list .help-item .list-item-thumb img,
.add-image,
.add-image img,
.navbar-nav > li > .dropdown-menu,
.boxers-lists .list-item-thumb,
.boxers-lists .list-item-thumb img,
.about-stats about-stats-item,
.what-do .list-item,
.shipping-calculator,
.social-block,
.widget-border,
.list-item.border-item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.country-lists {
  position: relative;
  margin: 20px 0 40px;
}
.list-item {
  margin-bottom: 30px;
  position: relative;
}
.list-item.popular-item {
  border: 1px solid #e1e1e1;
  padding-bottom: 40px;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.list-item.border-item {
  border: 1px solid #e1e1e1;
  background-color: #ffffff;
}
.popular-bottom {
  position: absolute;
  bottom: 0;
  padding: 0 15px;
  left: 0;
  right: 0;
}
.popular-bottom div {
  margin: 0;
}
.popular-bottom .row {
    height: 40px;
    line-height: 40px;
    text-align: justify;
}
.popular-bottom .row:after {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}
.popular-bottom div div {
  padding: 0;
  width: auto;
  float: none;
  display: inline-block;
}
.popular-bottom div div:first-child {
  padding-right: 5px;
}
.popular-bottom div + div {
  padding-left: 0;
}
.country-lists .list-item-thumb {
  position: relative;
}
.list-item-infos {
  padding: 10px 15px;
}
.list-item-thumb + .list-item-infos,
.list-item-overlay {
  position: absolute;
  color: #ffffff;
  padding: 5px 10px;
  text-align: center;
}
.list-item-infos,
.list-item-overlay {  
    top: 0;
  z-index: 3; 
  font-weight: 500;
  bottom: 0;
  font-size: 13px;
  left: 0;
    right: 0; 
}
.list-item-infos:first-child {
  height: 100%;
  padding-top: 20px;
}
.list-item-overlay {
  background: url(../static/assets/img/pages/overlay.png);
  background: rgba(0, 0, 0, 0.85);
  opacity: 0; 
  transition: opacity 0.5s linear 0s;
  z-index: 5;
  padding-top: 40px;
  text-align: center;
}
.brand-list .list-item-overlay {
  padding-top: 0;
}
.list-item-overlay p:first-child {
  margin-bottom: 30px;
}
.brand-list .list-item-overlay p:first-child {
  margin-bottom: 0;
}
.brand-list .list-item-overlay p + p {
  margin-top: 10px;
}
.list-item:hover .list-item-overlay {
  opacity: 1;
}
.list-item-thumb + .list-item-infos h4.the-title {
    text-transform: none;
  color: #ffffff;
}
.country-lists .list-item-infos .boxer-infos {
  background: url(../static/assets/img/pages/overlay.png);
  padding: 11px 5px;
  border: #000000 solid 1px;
  margin-bottom: 40px;
  text-align: center;
  display: inline-block;
  max-width: 280px;
}

.country-lists .list-item-infos .the-title,
.country-lists .list-item-infos .the-title a {
  color: #ffffff; 
}
.country-lists .list-item-infos .the-title a {

}
.country-lists .list-item-infos .btn {
  text-transform: uppercase;
}
.boxers-lists {
  position: relative;
}
.most-popular-item .boxers-lists li {
  margin-bottom: 0;
}
.most-popular-item .boxers-lists li .popular-bottom strong {
  font-weight: 500;
}
.more-icon {
  position: fixed;
  bottom: 40px;
  right: 50px;
  z-index: 1020;  
  transition: opacity 0.3s linear 0s;
}

.country-lists .more-icon,
.boxers-lists .more-icon,
#footer .more-icon {
  position: absolute;
  right: 30px;
  bottom: -10px;
  z-index: 15;
  opacity: 0;
  transition: opacity 0.3s linear 0s;
}

.country-lists:hover .more-icon,
.boxers-lists:hover .more-icon,
#wrapper:hover .more-icon {
  opacity: 1;
  z-index: 1020;
}
.list-item-infos .btn-default {
  background: none;
  border: 1px solid white;
  color: #ffffff;
}
.list-item-infos .btn-default:hover {
  background: rgba(0, 0, 0, 0.9);
  color: #fbda57;
  border-color: #000000;
}
.list-item-infos .popular-img {
    margin-top: 15px;
}

.popular-item .popular-icon {
  z-index: 6;
  top: -2px;
  left: 8px;
  position: absolute;
  display: block;
}
.popular-item .popular-icon {
  z-index: 6;
  top: -2px;
  left: 8px;
  position: absolute;
  display: block;
}

.order-top {
  z-index: 4;
  top: 0;
  right: 0;
  position: absolute;
  display: block;
  padding: 2px 6px;
  background-color: #f2f1f1;
  -webkit-border-radius: 0 3px 0 3px;
  -moz-border-radius: 0 3px 0 3px;
  border-radius: 0 3px 0 3px;
  color: #797c7b;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}
.order-top small {
  display: block;
  font-size: 9px;
  font-weight: 400;
}

/*how-it-work*/
.how-it-work {
  font-size: 16px;
  border-bottom: #f3f3f3 solid 1px;
  margin-bottom: 50px;  
}

.how-it-work .dot-line {
  display: none;
}
.how-it-work:after {
  border-bottom: #f3f3f3 solid 1px;
    content: "";
    display: block;
  margin: 0 auto;
    width: 80%; 
    transition: opacity 0.5s linear 0s;
}
.list-item.popular-item > .popular-img,
.list-item .item-img {
   border-bottom: 1px solid #e1e1e1;
}
.list-item.popular-item > .popular-img img,
.list-item .item-img img {
  width: 100%;
  height: auto;
}
.popular-img {
  margin-bottom: 15px;
  text-align: center;
}
.how-it-work .thumb img,
.popular-img img,
.why-item .thumb img,
.list-item-infos img,
.worldwide-map img,
.breakdown-list-thumb img,
.shopmarklet-banner img,
.shopmarklet-content img {
  max-width: 100%;
  height: auto;
}
.how-it-work .how-item {
  position: relative;
  margin-bottom: 20px;
}
.how-it-work .how-item .the-title {
  text-transform: uppercase;
  font-weight: 700;
}
.two-cols .col {
  float: left;
  width: 50%;
  margin-bottom: 30px;
}

.why-list > div:nth-child(2n+1) {
  clear: both;
}
.why-item {
  margin-bottom: 30px;
  font-size: 16px;
}
.why-item .thumb {
  float: left;
  width: 96px;
  margin-top: 10px;
}
.why-item .thumb + .text {
  margin-left: 116px;
}
#get-started,
#join-the-force {
  font-size: 16px;
}
#get-started .border-box {
  max-width: 600px;
  margin: 0 auto 40px;
  line-height: 15px;
}
#join-the-force {
  max-width: 500px;
  margin: 0 auto 40px;
}
.border-box {
  border: #e1e1e1 solid 4px;
  padding: 10px 0px 30px 0px;
}
.border-box h1 {
  margin-bottom: 20px;
}
.border-box .btn,
.country-lists .list-item-infos .btn {
  margin-bottom: 10px;
  padding: 10px 30px;
}
.country-lists .list-item-infos .btn {
  padding: 8px 30px;
}
.border-box .inline-item {
  color: #818181;
  font-size: 14px;
}

/*profile*/
.profile-tab,
.boxer-tab {
  margin: 30px 0;
}
.profile-tab li {
  padding: 0 30px;
}
.profile-tab a {
  text-transform: uppercase;  
  font-weight: 500;
  font-size: 20px;
  color: #818181;
}
.profile-tab a:hover,
.profile-tab li.active a {
  color: #333333;
  text-decoration: none;
}
.profile-tab li.active a {
  border-bottom: #fbda57 solid 3px;
}
.profile-form .form-group .form-inline select.form-control {
  margin-right: 5px;
}
.infos-text {
  margin-top: 10px;
  color: #818181;
  font-size: 13px;
}
.infos-text p {
  margin-bottom: 5px;
}
.grey-block {
  border-top: #e1e1e1 solid 1px;
  background-color: #f6f6f6;
  padding: 20px 0;
}
.white-block {
  margin: 10px 0 0;
  background-color: #ffffff;
  padding: 20px 15px;
}

.white-block .form-group {
  margin: 0;
}
.white-block .form-control {
  margin: 0 0 8px;
}

/*blog*/
.blog-category {
  font-size: 16px;
  color: #403d39;
}
.blog-category > ul {
  margin-bottom: 0;
}
.blog-category > ul > li {
  padding: 0 0 15px;
  margin: 0 30px;
}
.blog-category li a {
  color: #403d39;
  text-decoration: none;
  font-weight: 500;
}
.mobile-nav {
  margin: 0 -15px;
  display: none;
}
.desktop-nav {display: none;}
.mobile-nav .blog-category > ul > li {
  float: left;
  width: 33.33333333333333%;
  margin: 0;
  padding: 5px;
  border: 1px solid #e1e1e1;
  border-left: 0;
  font-size: 12px;
  position: relative;
  margin-top: -1px;
}
.mobile-nav .blog-category > ul.two-cols > li {
  width: 50%;
}
.mobile-nav .blog-category > ul > li a {
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color: #2c2936;
  background-color: #f6f6f6;
}
.mobile-nav .blog-category {
  margin-bottom: 15px;
}
.mobile-nav .blog-category > ul > li:nth-child(3n+1) {
  border: 1px solid #e1e1e1;
}
.mobile-nav .blog-category > ul > li.btn-block {
  width: 100%;
}
.blog-lists { 
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}
.blog-lists > h3 {
  margin-bottom: 30px;
}
.blog-lists .list-item {
  border: 1px solid #e1e1e1;
}
.blog-lists .list-item .btn.btn-default {
  opacity: 0;
  transition: opacity 0.3s linear 0s;
}
.blog-lists .list-item:hover .btn.btn-default {
  opacity: 1;
}
.blog-lists-top {
  padding-top: 0; 
}
.blog-lists-top .item-center .list-item {
  background-color: #fffaf5;
  color: #333333;
}
.blog-lists-top .item-center .list-item h1 {
  font-size: 120px;
  margin-top: 40px;
}

.blog-lists-top .item-center .list-item .list-item-infos h4.the-title,
.blog-lists-top .item-center .list-item .list-item-infos {
  color: #333333;
}
.blog-lists-top .item-center .list-item .list-item-infos {
  padding-bottom: 20px;
}
.blog-lists-top .item-right + li {
  clear: both;
}
.blog-lists-top .item-center .list-item .list-item-thumb {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1;
}
.blog-lists-top .item-center .list-item .list-item-thumb img {
  height: 100%;
}
.blog-lists > ul {
  margin-bottom: 0;
}
.blog-lists > .bottom {
  text-align: center;
  margin: 0 0 30px;
}

.blog-lists > .bottom .btn,
.subscribe-botttom .btn {
  min-width: 180px;
  padding: 12px 30px;
}
.serivce-fee .btn {
  padding: 11px 30px 8px;
}
.other-history {
  margin: 0 0 30px;
}
.other-history .list-item {
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
}

.other-history .list-item .list-item-infos {
  font-size: 16px;
  font-weight: 400;
}
.other-history .list-item .rating {
  font-size: 10px;
}
.other-history .list-item h4 .rating {
  display: block;
}
.other-history .list-item-infos h4.the-title,
.other-history .boxers-lists .list-item-infos h4.the-title {
  text-transform: none;
}

.author {
  margin: 30px 0;
  font-size: 14px;
}
.author a {
  font-size: 16px;
  font-weight: 500;
}
.author img {
  float: left;
  margin-right: 10px;
  width: 61px;
  height: 61px;
  -webkit-border-radius: 61px;
  -moz-border-radius: 61px;
  border-radius: 61px;
}
.other-history .list-item .author img + p {
  margin-left: 71px;
  padding-top: 10px;
}
.instagram-block > h3,
.other-history > h3 {
  margin: 30px 0 25px;
}
.grey-block .other-history > h3 {
  margin-top: 0;
}
.other-history .btn-group.two-cols {
  margin: 0 0 35px;
}
.instagram-block h3 small {
  line-height: 1;
  display: block;
  color: #2c2936;
  font-size: 14px;
}
.instagram-lists ul > li {
  float: left;
  width: 14.28571428571429%;
}
.instagram-lists ul {
  margin: 0;
}
.instagram-lists ul > li .list-item {
  margin: 0;
}
.nav-pagination,
.brand-list {
  margin-bottom: 20px;
}
.brand-list {
  margin-top: 10px;
}
.brand-list .list-item-infos h5 {
  margin: 5px 0;
}
.nav-pagination .pagination {
  margin: 0;
}
.nav-pagination .pagination li {
  margin: 0 0 0 5px;
  display: inline-block;
}
.nav-pagination .pagination li a {
  color: #333333;
  font-size: 13px;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.nav-pagination .pagination > .active > a,
.nav-pagination .pagination > .active > a:focus,
.nav-pagination .pagination > .active > a:hover,
.nav-pagination .pagination > .active > span,
.nav-pagination .pagination > .active > span:focus,
.nav-pagination .pagination > .active > span:hover {
  background-color: #333333;
  color: #ffffff;
}
#container .help-detail{
  margin-top: 30px;
}
#container .help-box {
  position: relative;
}
.help-list li .help-item > h4 {
  margin-bottom: 15px;
  color: #2c2936;
}
.help-list li .help-item > h4 .fa {
  font-weight: 700;
}
.help-list li .help-item > h4 small {
  display: block;
  color: #818181;
  font-size: 13px;
  text-transform: none;
}
.help-list li .help-item > h4 a {
  color: #2c2936;
}
.help-list .help-item .list-item-thumb {
  margin-bottom: 15px;
}
.most-popular {
  margin: 30px 0;
}
.most-popular > h4 {
  margin-bottom: 20px;
}
.most-popular li {
  padding: 5px 0;
}
.most-popular li a {
  font-size: 16px;
}
.left-nav {
  border: 1px solid #e1e1e1;
}
.left-nav li {
  border-top: 1px solid #e1e1e1;
  padding-right: 30px;
  position: relative;
}
.left-nav li:first-child {
  border-top: none;
}
.left-nav li:hover,
.left-nav li.active {
  background-color: #f6f6f6;
}
.left-nav li.active:after,
.left-nav li:hover:after {
  position: absolute;
  top: 50%;
  right: 10px;
  font-family: FontAwesome;
  position: absolute;
  width: 10px;
  height: 14px;
  margin-top: -16px;
  content: "\f105";
  display: block;
  color: #333333;
  font-size: 21px;
  font-weight: 800;
}
.left-nav li a {
  color: #403d39;
  padding: 12px;
  display: block;
}
.left-nav li.active a {
  font-weight: 500;
}
.left-nav li.active a,
.left-nav li:hover a {
  color: #333333;
}

.sidebar .widget {
  color: #2c2936;
  border: 1px solid #e1e1e1;
  margin-bottom: 30px;
}

.boxer-deals {
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}

.sidebar .widget .widget-title {
  background-color: #f6f6f6;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
  margin: 0;
  padding: 12px 15px;
}
.widget-content {
  background-color: #ffffff;
  padding: 15px;
  font-size: 13px;  
}
.article-border {
  border: 1px solid #e1e1e1;
  padding: 30px 20px;
  margin-bottom: 20px;
}
.article-header {
  position: relative;
  margin-bottom: 40px;
}
.article-header > h3 {
  margin-top: 0;
  text-transform: uppercase;
}
.article-header .article-meta {
  float: right;
  width: 50px;
  text-align: right;
  color: #c6c6c6;
  margin-top: 6px;
}
.article-header .article-meta a {
  color: #c6c6c6;
  font-size: 16px;
}
.article-header .article-meta + .the-title {
  margin-right: 50px;
}
.article-content {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 40px;
}

.article-footer {
  font-size: 12px;
  color: #8f8f8f;
  margin-bottom: 40px;
  font-style: italic;
}
.article-content a,
.article-footer a {
  text-decoration: underline;
}
.article-footer a {
  color: #8f8f8f; 
}

.article-source {
  color: #898989;
  font-size: 11px;
  margin: 0 0 30px;
}

.boxers-lists .list-item-infos h4.the-title {
  text-transform: uppercase;
}
.boxers-lists .first-item .list-item-infos {
  padding: 20px 0;  
}
#spotlight-profile {  
  border-bottom: #dfdfdf solid 1px;
  color: #ffffff;
  padding: 10px 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  height: 80px;
  position: absolute;
  bottom: 0;
  width: 100%;  
}

#spotlight-profile .profile-top .container {
  position: relative;
}
.profile-stats {
  font-size: 13px;
}
.profile-stats span {
  display: block;
}

.profile-stats span.num {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}
.profile-stats > ul {
  margin: 0;
}
.profile-stats li {
  padding: 0 30px;
  text-align: center;
  position: relative;
}
.profile-stats li:after {
  position: absolute;
  left: 0;
  height: 60%;
  width: 1px;
  background-color: #ffffff;
  top: 20%;
  content: "";
  display: block;
}

.profile-stats li:first-child:after {
  background-color: transparent;
}

#spotlight-profile .profile-top .profile-photo + .profile-stats {
  margin-left: 220px;
}
.profile-infos {
  color: #000000; 
  padding: 30px 0;
  border-bottom: 1px solid #e1e1e1;
}
.profile-summary h2 {
  font-size: 32px;
  font-weight: 500;
  margin-top: 0;
}
.profile-summary h2 .fa-check-circle {
  color: #64be5d;
  font-size: 20px;
  font-weight: 400;
}
.profile-summary strong {
  font-weight: 700;
}
.profile-photo {
  width: 210px;
  position: absolute;
  z-index: 1001;
  top: -111px;
}
.profile-photo .rating i,
.profile-infos .rating i {
    margin: 0 3px;
  }
.profile-photo .profile-avatar,
.profile-photo .profile-avatar img {
  -webkit-border-radius: 210px;
  -moz-border-radius: 210px;
  border-radius: 210px;
}
.profile-photo .profile-avatar img {
  width: 100%;
  height: 100%;
}
.profile-photo .profile-avatar {
  width: 210px;
  height: 210px;
  background-color: #d8d8d8;
  border: 2px solid #ffffff;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
  margin-bottom: 10px;
  position: relative;
}

.list-item .avatar {  
  margin-bottom: 10px;
  text-align: center;
}
.list-item .avatar img {
  width: 100px;
  height: 100px;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
}
.list-item .avatar,
.list-item .avatar img {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

.profile-photo .profile-avatar .edit-avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  border-radius: 120px; 
  margin-left: -60px;
  margin-top: -60px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding-top: 36px;
  text-align: center;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.3s linear 0s;
}
.profile-photo .profile-avatar:hover .edit-avatar,
.profile-photo .profile-avatar .edit-avatar.on {
  opacity: 1;
}
.profile-photo {
  color: #2c2936;
}
.profile-photo a {
  color: #2c2936;
  text-decoration: underline;
}
.profile-photo .btn,
.profile-infos .btn {
  text-decoration: none;
  padding-top: 9px;
  padding-bottom: 9px;
  max-width: 290px;
  margin: 0 auto;
}
.profile-photo .profile-avatar .edit-avatar a {
  color: #ffffff; 
  display: block;
  margin-bottom: 3px;
}

.user-quote {
  color: #818181;
  font-style: italic;
}
.user-quote .fa {
  float: left;
  color: #e4e4e4; 
  font-size: 40px;
}

.user-quote .fa + div {
  margin-left: 46px;
}

.rating {
  color: #d9d9d9;
  font-size: 16px;
}

.filter {
  margin: 30px 0 20px;
}

.filter .form-control {
  height: 40px;
}
.filter p {
  color: #b3b3b3;
  font-size: 10px;
  text-transform: uppercase;
}

.most-popular-item {
  border-top: 1px solid #e1e1e1;
    padding-top: 20px;
}
.most-popular-item > h3,
.boxer-deals > h3 {
  margin-bottom: 30px;
}

.checks-list li {
  position: relative;
  padding: 3px 0 3px 25px;
}
.checks-list li:after {
  display: block;
  content:"\f00c";
  position: absolute;
  left: 5px;
  top: 6px;
  width: 10px;
  height: 10px;
  color: #64be5d;
  font-family: FontAwesome;
  font-size: 10px;
}
.earning-block {  
  color: #333333;
}
.earning-block ul {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 14px;
}
.earning-block li { 
  padding-bottom: 14px;
}
.earning-block strong {
  font-weight: 700;
}
.earning-block .total-row {
  padding: 0 0 8px;
  text-transform: uppercase;  
  line-height: 25px;
}
.earning-block .total-row strong {
  /*font-size: 18px;*/
}
.earning-block a {
  font-size: 12px;
}
.interest-block {
  font-size: 12px;
}
.widget-content .interest-block {
  margin: 0 -5px;
}
.interest-block li {
  border: 1px solid #e1e1e1;
  padding: 8px 25px;
  margin-bottom: 5px;
  background: #ffffff url(../static/assets/img/pages/icon-01.png) no-repeat 5px 50%;
  position: relative;
}
.interest-block li.ui-sortable-helper {
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.06);
}
.interest-block li .delete-icon {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 11px;
  background-color: #ccc;
  right: 5px;
  color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  line-height: 1;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
}
.interest-block .add-interest {
  background-color: #f6f6f6;
  margin: 5px -10px -15px;
  padding: 10px 10px 15px;
  border-top: 1px solid #e1e1e1;  
  position: relative;
}
.interest-block .add-interest .form-group {
  margin-bottom: 10px;
}
.interest-block .add-interest.one-row {
  padding-right: 80px;
}
.interest-block .add-interest.one-row .form-group {
  margin-bottom: 0;
}
.interest-block .add-interest.one-row .btn {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 60px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.border-bottom {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}
/*.border-bottom . {
  margin-bottom: 25px;
}
*/
.add-image {
  border: 2px dotted #333;
  position: relative;
  height: 315px;
  display: block;
  max-width: 100%;
}
.add-image .add-button {
  position: absolute;
  width: 100px;
  height: 50px;
  top: 50%;
  left: 50%;
  text-align: center;
  margin: -25px 0 0 -50px;
}

/* notice-list*/
.notice-list {
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
  padding-bottom: 0;
}
.notice-list > li:last-child {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.notice-list .notice-title {
  padding: 5px 10px;
}
.notice-list .notice-item {
  padding: 10px;
  background-color: #f6f6f6;
  border-top: #e1e1e1 solid 1px;
}
.notice-avatar {
  float: left;
}
.notice-avatar,
.notice-avatar img {
  width: 54px;
  height: 54px;
  -webkit-border-radius: 54px;
  -moz-border-radius: 54px;
  border-radius: 54px;
}
.notice-img {
  float: right;
  width: 80px;
  height: 60px;
  overflow: hidden;
}
.notice-img img {
  max-width: 100%;
}
.notice-img + .notice-content {
  margin-right: 87px;
}
.notice-avatar + .notice-content,
.notice-avatar + .notice-img + .notice-content {
  margin-left: 61px;
}
.notice-content p {
  margin: 1px 0 3px;
}
.notice-content a {
  color: #4a4a4a;
}
.notice-content a.text-blue {
  color: #4a90e2;
}
.notice-content .fa {
  color: #d5d6d0;
}

.copyright-text {
  color: #8d8d8d;
  font-size: 12px;
  margin-bottom: 20px;
}
.btn-default.desktop-version {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: transparent;
  font-size: 13px;
  color: #333333;
  margin-bottom: 20px;
  text-transform: none;
}
.about-stats .about-stats-item {
  border: 1px solid #e1e1e1;
  padding: 16px 0;
  color: #818181;
  margin: 15px 0;
  min-height: 108px;
  position: relative;
}

.about-stats .about-stats-item .about-thumb-img {
  position: absolute;
  width: 145px;
  text-align: center;
  bottom: 15px;
  left: 0;
}
.about-stats .about-stats-item .about-thumb-img img {
  max-width: 100%;
}
.about-stats .about-stats-item div.about-text {
  padding: 0 16px;
}
.about-stats .about-stats-item div.about-text h1,
.worldwide-block span + h1 {
  margin: 0;
  color: #333;
  font-weight: 500;
}
.about-stats .about-stats-item .about-thumb-img + div.about-text {
  margin-left: 146px;
  padding-left: 0;
}

.worldwide-block {
  margin: 15px 0;
}
.worldwide-block .worldwide-map {
  position: relative;
}

.our-team {
  border-top: 1px solid #e1e1e1;
  padding-top: 10px;
  margin: 20px 0;
}
.fee-breakdown {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding-top: 10px;
  padding-bottom: 20px;
  margin: 20px 0;
}
.our-team > h3.the-title {
  margin-bottom: 20px;
}

.our-team .list-item-infos {
  text-align: center;
  color: #403d39;
  font-weight: 400;
}
.our-team .list-item-infos h4.the-title,
.what-do .list-item-infos h4.the-title {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.what-do .list-item-infos h4.the-title {
  margin: 20px 0 15px;
}
.team-avt {
  padding: 10px 0;  
}

.our-team .position {
  color: #818181;
  font-size: 14px;
  position: relative;
  margin-bottom: 15px;
}
.our-team .position:after {
  content: "";
  width: 20px;
  height: 15px;
  margin: 0 auto;
  border-bottom: #000000 solid 2px;
  display: block;
}

.what-do {
  margin: 40px 0;
}
.what-do-top ul {
  margin-bottom: 0;
}

.what-do-top .what-do-img {
  position: relative;
  width: 216px;
  height: 216px;
  margin: 0 auto;
}

.what-do .list-item {
  margin: 0 15px;
  border: 5px solid #e1e1e1;
  position: relative;
}
.what-do .list-item .list-item-infos {
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
}
.dot-top,
.dot-left,
.dot-right,
.dot-bottom {
  width: 15px;
  height: 15px;
  background-color: #8b572a;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: block; 
  position: absolute;
}
.dot-top,
.dot-bottom { 
  left: 50%;
  margin-left: -8px;
}
.dot-top {
  top: 0;
}
.dot-left,
.dot-right {
  top: 50%;
  margin-top: -8px;
}
.dot-left {
  left: 0;
}

.dot-right {
  right: 0;
}
.dot-bottom {
  bottom: 0;
}
.what-do .dot-top {
  margin-top: -11px;
  margin-left: -7px;
}
.what-do .what-do-top .dot-left {
  margin-left: -7px;
}
.what-do .what-do-top .dot-right {
  margin-right: -7px;
}
.what-do  .what-do-top .dot-bottom {
  margin-bottom: -7px;
  margin-left: -9px;
}
.what-do ul {
  position: relative;
}
.what-do .invoice-icon {  
  margin-top: 20px;
  text-align: center;
}
.rates-content {
  margin-bottom: 25px;
}
.rates-content .notice-control {
  font-size: 12px;
}
.serivce-fee,
.shipping-calculator {
  border: 1px solid #e1e1e1;
  margin-bottom: 8px;
}
.rates-content h4 {
  font-size: 16px;
}
.serivce-fee h4 {
  padding: 13px 17px;
  background-color: #f6f6f6;
  margin-top: 0;
}

.serivce-fee > .form-inline {
  padding: 7px 17px 17px;
}
.serivce-fee .form-group {
  margin-right: 5px;
}

.serivce-fee .control-label {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
}

.serivce-fee .result-box {
  padding: 0 20px;
  height: 40px;
  background-color: #64be5d;
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  min-width: 86px;
  color: #ffffff;
  display: inline-block;  
}
.serivce-fee .form-group:last-child {
  margin-left: 40px
}
.rates-content .table:last-child {
  margin-bottom: 0;
}
.table-01 {
  font-family: "Avenir",sans-serif;
}
.table-01 .top-row th,
.table-01 .top-row td {
  background-color: #2c2936;  
}
.table-01 th,
.table-01 td {
  font-size: 13px;
}
.table-01 > tbody > tr > th {
  vertical-align: middle;
}
.table-01 .top-row th,
.table-01 .top-row td {
  border: #2c2936 solid 1px;
  color: #fbdf84;
  font-size: 12px;
  font-weight: 400;
}
.table-01.table-fee .top-row th {
  text-transform: uppercase;
}
.table-01.table-fee .top-row th,
.table-01.table-fee .top-row td {
  background-color: #2c2936;
  color: #ffffff;
  font-weight: 700;
  font-size: 13px;
}
.table-fee td,
.table-fee th {
  text-align: center;
}
.table-fee > tbody > tr > td, .table-fee > tbody > tr > th, .table-fee > tfoot > tr > td, .table-fee > tfoot > tr > th, .table-fee > thead > tr > td, .table-fee > thead > tr > th {
  border: none;
}
.shipping-calculator {
  margin-top: 10px;
}
.shipping-calculator h5 {
  background-color: #2c2936;  
  color: #fbda57;
  font-size: 13px;
  font-weight: 700;
  padding: 19px 20px 18px;
  margin: 0;
  border-radius: 4px 4px 0 0;
  text-align: center;
}
.shipping-calculator .shipping-calculator-content {
  padding: 20px 30px;
}
.shipping-type {background-color: #f6f6f6;}
.shipping-type label {
  float: left;
  width: 50%;
  margin: 0;
}
.shipping-type label span {
  display: block;
  border-bottom: transparent solid 3px;
  text-align: center;
  padding: 20px;
  text-align: center;
  color: #b3b3b3;
  font-size: 16px;
}

.shipping-calculator .box-group {
  background: url(../static/assets/img/pages/box.png) no-repeat 26% 0;
  height: 204px;
  position: relative;
}
.shipping-calculator .box-group .form-control {
  width: 100px;
  height: 30px;
  font-size: 13px;
  position: absolute;
}

.shipping-calculator .box-group .form-control.height {
  top: 31%;
  right: -5px;
}
.shipping-calculator .box-group .form-control.width {
  bottom: 25px;
  left: -15px;
}
.shipping-calculator .box-group .form-control.length {
  bottom: 12px;
  right: 76px;
}
.shipping-calculator .btn {
  width: 190px;
}

.breakdown-list-thumb {
  width: 240px;
  float: left;
  margin-top: 40px;
  text-align: center;
}

.breakdown-list-thumb + div {
  margin-left: 241px;
}
.tax-infos-item,
.contact-page form {
  margin-bottom: 20px;
}

.contact-page {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 16px;
}
.contact-page h1.the-title {
  margin-bottom: 10px;
}
.contact-page textarea,
.contact-page input.form-control,
.contact-page select.form-control {
  font-size: 16px;
}
.contact-page input.form-control,
.contact-page select.form-control,
.contact-page .form-group .btn {
  height: 55px;
}
.contact-page .form-group .btn {
  margin-top: 25px;
}
.contact-page .most-popular {
  margin-top: 0;
}
.contact-page .most-popular >h4 {
  margin-bottom: 10px;
}
.help-list.sm .bg-01 {
  background: #fc6e4b url(../static/assets/img/pages/faq-01.png) no-repeat 100% 50%;
}
.help-list.sm .bg-02 {
  background: #71b8b0 url(../static/assets/img/pages/faq-02.png) no-repeat 100% 50%;
}
.help-list.sm .bg-03 {
  background: #f69c2c url(../static/assets/img/pages/faq-03.png) no-repeat 100% 50%;
}
.help-list.sm .bg-04 {  
  background: #39d1c9 url(../static/assets/img/pages/faq-04.png) no-repeat 100% 50%;
}
.help-list.sm li > div {  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 18px 20px 20px;
  min-height: 70px;
  color: #ffffff;
  overflow: hidden;
  margin-bottom: 30px;
}
.help-list.sm .help-item {
  margin-bottom: 15px;
}
.help-list.sm li .help-item > h4 {  
  font-size: 18px;
  margin: 0;  
}

.help-list.sm li > div h4.the-title,
.help-list.sm li > div h4.the-title small,
.help-list.sm li > div h4.the-title a {
  color: #ffffff;
}

.help-list.sm li > div h4.the-title small {
  display: block;
  margin-top: 5px;
}
.customer-avatar {
  float: right;
  width: 82px;
  height: 82px;
}
.customer-avatar img {
  width: 82px;
  height: 82px;
  -webkit-border-radius: 82px;
  -moz-border-radius: 82px;
  border-radius: 82px;  
}
.purchased {
  width: 320px;
  margin: 0 auto 20px;
}
.purchased-text {
  padding: 20px 0;
  font-size: 14px;
}
.purchased-text h3 {
  margin: 0;
  font-weight: 700;
}
.invoice-order {
  position: relative;
  margin: 0 -10px;
  margin-bottom: 25px;
  background: url(../static/assets/img/pages/invoice-bg.png) no-repeat 50% 0;
  background-size: 100% 15px;
  padding: 7px 10px 0;
}
.invoice-order .invoice-block {
  border-bottom: #333 solid 1px;
  background-color: #a9cfe2;
  padding: 0 22px;
  font-size: 13px;
  color: #2c2936;
  position: relative;
  z-index: 1;
}
.invoice-order .invoice-block:first-child {
  border-radius: 4px 4px 0 0;
}
.invoice-order .invoice-total {
  padding: 0 22px 4px;
  color: #2c2936;
  border-top: #333 solid 2px;
  font-size: 18px;
  font-weight: 700;
  background: #75abc6 url(../static/assets/img/pages/total-bg.jpg) repeat-x 0 100%;
}
.invoice-block .invoice-item {
  border-top: #333 dashed 1px;
}
.invoice-block .invoice-item:first-child {
  border-top: none;
}
.invoice-block .invoice-item div,
.invoice-block .invoice-top div,
.invoice-total div {
  float: left;
  width: 75%;
  padding: 14px 0;
}
.invoice-block .invoice-top {
  font-size: 14px;
  font-weight: 700;
}
.invoice-block .invoice-item div + div,
.invoice-block .invoice-top div + div,
.invoice-total div + div {
  float: left;
  width: 25%;
  text-align: right;
}
.social-block,
.widget-border {
  border: 4px solid #e1e1e1;
  padding: 15px 0 20px;
  text-align: center;
  margin-bottom: 20px;
}

.social-block .socials > a {
    margin: 0 12px;
  }
.social-block .icon-social {
  width: 40px;
  height: 40px;
  background-size: 100% 100%;   
}
.widget-border {
  padding: 15px 20px 20px;
}
.widget-border a,
.left-nav li a:hover,
.article-content a:hover,
.article-footer a:hover,
.profile-photo a:hover,
.help-list li .help-item > h4 a,
.help-list.sm li > div h4.the-title a {
  text-decoration: none;
}
.widget-border .btn {
  height: 45px;
  text-decoration: none;
}
.directory-nav {
  padding: 26px 0;
  text-align: justify;
  height: 90px;
}
.directory-nav:after {
  content: "";
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
}
.directory-nav a {
  display: inline-block;
  font-size: 16px;
  color: #000000;
  margin-right: 8px;
}
.directory-nav > div {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.tips-item {
  border-bottom: 1px solid #e1e1e1;
  padding: 0 55px 30px;
  margin-bottom: 30px;
}
.tips-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.tip-img {
  min-width: 78px;
  margin-right: 20px;
  float: left;
}
.pull-right.tip-img {
  margin-right: 0;
  margin-left: 20px;
}
.shopping-modal .modal-body .grey-block {
  padding: 30px 0;
}

.tip-img img {
  max-width: 100%;
}

.tips-item p {
  font-size: 20px;
  font-weight: 500;
  padding: 8px 0;
  margin: 0;
  line-height: 1.5;
}

.tips-item p a {
  color: #333333;
  text-decoration: underline;
}
.tips-item p a:hover,
.tips-item p a.btn {  
  text-decoration: none;
}
.grey-block.shopmarklet {
  background-color: #f1f1f1;
}
.shopmarklet-top {
  position: relative;
}
.shopmarklet-banner,
.shopmarklet-content {  
  margin-bottom: 25px;
}
.shopmarklet-content .the-title {
  margin-top: 25px;
}
.shopmarklet-content h1 {
  line-height: 1;
}
.shopmarklet-content h4 { 
  line-height: 1.4;
}
.shopmarklet-top .shopmarklet-content .btn small {
  display: block;
  font-size: 12px;
  text-transform: none;
}
.shopmarklet-content p + .btn {
  margin-top: 20px;
}
.shopmarklet-item {
  margin-bottom: 20px;
}
.shopmarklet-number {
  margin-bottom: 5px;
}
.shopmarklet-bottom {
  border-top: 1px solid #e1e1e1;
  padding: 30px 0 10px;
}
.promo-content .step {
  font-size: 14px;
  margin-left: 10px;
}
.promo-content .step ul {
  margin-left: 10px;
  font-style: italic;
}
.promo-content strong {
  font-weight: 700;
}
.promo-list { 
  padding: 20px 0 0;  
}
.promo-box {
  background-color: white;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  margin-bottom: 30px;
  overflow: hidden;
}
.promo-box .event {
  color: #333;
  font-size: 12px;
  line-height: 16px;
  background: #f0f0f0;
  padding: 5px 10px;
}
.promo-text {
  margin-bottom: 25px;
}
.promo-box .promo-content {
  padding: 20px 20px 50px;
}
.promo-box .promo-content h3 {
  margin: 10px 0 20px;
}
.promo-bottom {
  font-size: 14px;
  text-align: left;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.promo-bottom .fa {
  color: #b3b3b3;
}
.promo-bottom p {
  margin: 0;
}
.article-not-found {
  margin: 20px 10px;
  padding: 40px;
  border: 1px solid #777;
  border-radius: 4px;
  color: #777;
  font-size: 14px;
}
.section-20-20 {
  margin: 50px 0px;
}
.video-thumb {
  text-align: center; 
  height: 202px;
  background-repeat: no-repeat;
  background-position: center center;
}
.item-video {
  background-size: cover;
}
.item-article {
  background-size: contain;
}

 @media(max-width: 768px){
  .mobile-press {
    height: 300px !important;
  }
 }
@media(min-width: 769px) and (max-width: 1180px){
  .mobile-press {
      height: 165px !important;
  }
 }

