/* CONVERTS ALL IMAGES IN ARTICLE 2 (HOMEPAGE) TO BE RESPONSIVE */
#div_articleid_2 img {
  display: block;
  max-width: 100%;
  height: auto; }

#content_area table.v65-productDisplay {
  table-layout: fixed; }

#div_articleid_2 img[src$="/FeaturedProducts.gif"],
#div_articleid_2 img[src$="/clear1x1.gif"],
#div_articleid_2 .v65-productDisplay img {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  max-width: 100%;
  height: auto;
  min-width: 25px; }

#div_articleid_2 img[src="/clearfix1x1.gif"] {
  display: inline;
  width: auto;
  height: auto; }

/* HOMEPAGE FEATURED PRODUCTS */
.v65-productDisplay .productnamecolor.colors_productname, a.productnamecolor.colors_productname {
  color: #909090;
  font: 700 12px 'Montserrat', Arial, Sans-Serif;
  text-transform: uppercase;
  line-height: 1.5em; }

.v65-productDisplay .productnamecolor.colors_productname:hover, a.productnamecolor.colors_productname:hover {
  color: #7fc7c5;
  text-decoration: none; }

table.v65-productDisplay font.text.colors_text, table.v65-productDisplay font.text.colors_text b {
  color: #909090;
  font: 400 12px 'Montserrat', Arial, Sans-Serif !important; }

/* FEATURED PRODUCTS */
#content_area .v65-productDisplay img[src$="nophoto.gif"],
#content_area .v65-productDisplay img[src*="/v/vspfiles/photos/"] {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 10px;
  border: 0 !important; }

/* Product Title */
table.v65-productDisplay .productnamecolor {
  font-size: 12px;
  font-weight: normal; }

/* List Price */
table.v65-productDisplay .product_listprice,
table.v65-productDisplay .product_listprice b {
  font-size: 12px;
  font-weight: normal; }

/* Our Price */
table.v65-productDisplay .product_productprice,
table.v65-productDisplay .product_productprice b {
  font-size: 12px;
  font-weight: normal; }

/* Sale Price */
table.v65-productDisplay .product_saleprice,
table.v65-productDisplay .product_saleprice b {
  font-size: 12px;
  font-weight: normal;
  color: #7fc7c5; }

/* Deal Price */
table.v65-productDisplay .product_dealprice {
  font-size: 12px;
  font-weight: normal;
  color: #7fc7c5; }

@media (max-width: 480px) {
  /* Product Title */
  table.v65-productDisplay .productnamecolor {
    font-size: 12px; }

  /* List Price */
  table.v65-productDisplay .product_listprice,
  table.v65-productDisplay .product_listprice b {
    font-size: 12px; }

  /* Our Price */
  table.v65-productDisplay .product_productprice,
  table.v65-productDisplay .product_productprice b {
    font-size: 12px; }

  /* Sale Price */
  table.v65-productDisplay .product_saleprice,
  table.v65-productDisplay .product_saleprice b {
    font-size: 12px; }

  /* Deal Price */
  table.v65-productDisplay .product_dealprice {
    font-size: 12px; } }


@media only screen  and (max-width: 767px) {
    .home .latest-news .news-text-area {min-height: 100px;}
}

/* controls size of images in FPS - AMC 4.23.15 */
#fpslider img{max-height:200px;width:auto; margin:0 auto;}

/* moves fp controls out further from slider - AMC 4.23.15 */
#fpslider .owl-next {left:-5%!important;}
#fpslider .owl-prev{right:-5%!important;}

/* **************************** */
/* Begin Homepage Snippet Styles */
/* **************************** */

/* Overide Styles on content builder */
.vcb-snippet .frank .row img { margin: 0; }
.vcb-snippet .frank .row {margin-left: -15px; margin-right: -15px;}

/* Helper Classes & Bootstrap overides */
.frank .promo__overlay { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.frank .promo__center {text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width:100%;}
.frank .promo__img { width: 100%; }

@media only screen and (min-width: 768px) { 
  .vcb-snippet .frank .row.margin-5-sm,
  .frank .row.margin-5-sm {
     margin-left: -5px; margin-right: -5px;
  }
}
@media only screen and (min-width: 768px) { 
  .vcb-snippet .frank .padding-10-sm,
  .frank .padding-10-sm { 
     padding-left: 10px; padding-right: 10px; 
  }
}
@media only screen and (max-width: 991px) { 
  .vcb-snippet .frank .row.margin-5-sm-down,
  .frank .row.margin-5-sm-down  {
     margin: 0 -5px; 
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) { 
  .vcb-snippet .frank .padding-5-sm,
  .frank .padding-5-sm  {
     padding-left: 5px;
     padding-right: 5px; 
  }
}
@media only screen and (min-width: 768px) {
  .vcb-snippet .frank .no-padding-sm-up,
  .frank .no-padding-sm-up { 
    padding: 0; 
  } 
}
@media only screen and (min-width: 1200px) {
  .vcb-snippet .frank .row.margin-10-lg,
  .frank .row.margin-10-lg { 
    margin-left: -10px; margin-right: -10px; 
  } 
 }
@media only screen and (min-width: 1200px) { 
  .vcb-snippet .frank .row.no-margin-lg,
  .frank .row.no-margin-10-lg { 
    margin: 0; 
  }
}
@media only screen and (min-width: 1200px) { 
  .vcb-snippet .frank .row.padding-10-lg,
  .frank .row.padding-10-lg {
     padding-left: 10px; padding-right: 10px; 
  }
}

/* Hero Styles */
.frank .hero {  position: relative; }
.frank .hero-link {display: block;}

@media only screen and (min-width: 992px) { .frank .hero {margin-top: 48px;} }

.frank .hero-text {  
  position: absolute;
  top: 5%;
  right: 5%;
  color: #fff;
}

.frank .line { width: 61px; height: 4px; background-color: white; margin-top: 17px; margin-bottom: 34px; display: block; }
.frank .shop-link { font-family: 'Crimson Text'; font-style: italic; font-size: 18px; }

/* Promo Styles */

.frank .promos--top { margin: 10px 0; }
@media only screen and (min-width: 1200px) { .frank .promos--top { margin: 20px 0; } }
.frank h2 { font-size: 15px; margin-bottom: 5px; margin-top: 5px; letter-spacing: 2px; line-height: 1.4; font-weight: bold; text-transform: uppercase; }
@media only screen and (min-width: 768px) and (max-width: 991px) { .frank h2 { font-size: 16px; font-weight: bold; } }
@media only screen and (min-width: 992px) { .frank h2 { font-size: 26px; } }
.frank .latest-news { text-align: left; }
@media only screen and (min-width: 992px) { .frank .latest-news { margin-bottom: 100px; } }
.frank .latest-news > h2 { text-align: center; }
.frank .latest-news .news-text-area { width: 87%; }
.frank .latest-news img { display: block; width: 100%; height: auto; }
.frank .latest-news a { color: black; }
.frank .latest-news .news-column { padding-bottom: 35px; }
@media only screen and (min-width: 992px) { .frank .latest-news .news-column { padding: 0; }
  .frank .latest-news .news-column h2 { font-size: 16px; } }
.frank .latest-news h2 { margin-bottom: 20px; margin-top: 20px; letter-spacing: 1px; }
.frank .latest-news p { font-size: 12px; line-height: 1.8; margin-bottom: 30px; }

@media only screen and (max-width: 767px) { .frank .shop-link { font-size: 14px; } }
.frank .philosophy { position: relative; }
.frank .philosophy img { display: block; width: 100%; height: auto; }
.frank .philosophy-header { background: #f3f3f3; }
@media only screen and (min-width: 992px) { .frank .philosophy-header { padding-left: 60px; } }
.frank .philosophy-header a .shop-link { color: black; margin: 37px 0 30px 0; }
@media only screen and (min-width: 768px) { .frank .philosophy-header a .shop-link { color: white; } }
@media only screen and (min-width: 768px) { .frank .philosophy-header { position: absolute; top: 0%; height: 100%; background: rgba(0, 0, 0, 0.5); color: white !important; } }
.frank .philosophy-header .white-line { margin-top: 5px; margin-bottom: 7px; }
.frank .philosophy-header h4 { font-size: 13px; line-height: 2; margin-bottom: 15px; }
.frank .philosophy-header h2 { font-size: 24px; margin-top: 80px; letter-spacing: 4px; display: inline-block; }
@media only screen and (min-width: 768px) { .frank .philosophy-header h2 { width: 350px; font-weight: bold; } }
.frank .skinny-line { width: 39px; height: 2px; margin: 13px auto; background-color: white; }
@media only screen and (min-width: 768px) { .frank .skinny-line { width: 63px; height: 4px; margin-top: 15px; margin-bottom: 15px; } }
.frank .intro-team-box, .frank .team-member { padding: 0 5px; margin-bottom: 10px; }
@media only screen and (min-width: 768px) { .frank .intro-team-box, .frank .team-member {padding: 0;} }
@media only screen and (min-width: 992px) { .frank .team { margin: 0px; } }
.frank .team .team-top { overflow: hidden; position: relative; margin-bottom: 10px; }

.frank .team img { display: block; width: 100%; height: auto; }
.frank .intro-team-box { text-align: center; font-size: 14px; height: 100%; }
.frank .intro-team-box .seperator-line { width: 40px; height: 2px; margin: 11px auto; background-color: white; }
.frank .intro-team-box h2 { font-size: 4vw; margin-top: 19%; font-weight: bold; width: 82%; margin-left: auto; margin-right: auto; color: black; }
.frank .intro-team-box .skinny-line { background-color: black; }
.frank .intro-team-box .subtext { font-style: italic; font-family: "Crimson Text"; margin-top: 10px; display: inline-block; font-size: 14px; color: black; }
@media only screen and (min-width: 768px) { .frank .intro-team-box h2 { font-size: 18px; color: black; font-weight: bold; padding: 0px 10px; }
  .frank .intro-team-box .subtext { font-size: 18px; } }
@media only screen and (min-width: 992px) {  .frank .intro-team-box h2 {font-size: 26px;}}

.frank .shop-now { padding: 9px 32px; font-size: 13px; border: 2px solid white; background: transparent; color: white; margin: 37px 0; display: inline-block; transition: all .2s ease; letter-spacing: 1px; }
@media only screen and (max-width: 500px) { .frank .shop-now { margin: 10px 0; } }
.frank .shop-now a { color: white; display: block;}
.frank .shop-now:hover { background: #464f67; color: #fff !important; }

.frank .accessories { color: #fff; }
@media only screen and (max-width: 768px) { .frank .accessories { margin-bottom: 10px; } }

@media only screen and (min-width: 768px) { .frank .accessories, .frank .shopping { padding-left: 5px; padding-right: 5px; } }
@media only screen and (min-width: 1200px) { .frank .accessories, .frank .shopping { padding-left: 10px; padding-right: 10px; } }

.frank .shopping { text-align: center; color: white;  }
@media only screen and (max-width: 767px) { .frank .shopping img { height: 320px; }}
.frank .shopping a { position: relative; color: white; display: block;}
@media only screen and (max-width: 500px) { .frank .circle-section { -webkit-background-size: 65%; background-size: 65%;  background-position: center} }
@media only screen and (min-width: 768px) and (max-width: 991px) { .frank .circle-section { -webkit-background-size: 80%; background-size: 80%;  background-position: center } }
.frank .circle-section { /*background-image: url('../images/template/circle.png?1418334595');*/ background-repeat: no-repeat; height: 220px; width: 220px; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin: -110px; text-align: center; }
.frank .circle-section a { color: white; }
.frank .circle-section .learn-more { color: #fff; /* text color */ font-family: "Montserrat"; font-size: 12px; letter-spacing: 1px; }
.frank .circle-section h2 { margin: 0 auto; text-align: center; width: 141px; padding-top: 59px; }
@media only screen and (max-width: 767px) { .frank .circle-section h2 { padding-top: 58px; }
  .frank .circle-section .skinny-line { margin: 17px auto; } }
@media only screen and (min-width: 992px) { .frank .circle-section .sinny-line { margin-bottom: 25px; }
  .frank .circle-section h2 { padding-top: 40px; text-shadow: 1px 1px 3px #000; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .frank .container { width: 100%; } }
.frank #style-shop-button  { color: black; border: 2px solid black; text-align: center; }