/* ------------------------------------- */
/* ------------------------------------- */
/* Current View Port Size based on Form Factor / Bootstrap Snap Points */
/* LG (desktop) */ 		#currentViewPort{width: 100%; height: 20px; background-color: #a340b7; z-index: 100; position: fixed; top: 0px; left: 0px;}
/* MD (desktop) */		@media screen and (min-width: 992px) and (max-width: 1199px) {#currentViewPort{background-color: #8dc63f;}}
/* SM (tablet) */ 		@media screen and (min-width: 768px) and (max-width: 991px) {#currentViewPort{background-color: #009be8;}}
/* SM (small tablet) */	@media screen and (min-width: 481px) and (max-width: 767px) {#currentViewPort{background-color: #ff00ff;}}
/* XS (phone) */		@media (max-width: 480px) {#currentViewPort{background-color: #ff0000;}}

/* ------------------------------------- */
/* ------------------------------------- */
/* Terrapin Utility Classes */

/* Limit Content container growth to 1200px wide apply to rows containers only */
.contentMaxWidth {max-width:1200px; margin-left:auto; margin-right:auto; width:auto; text-align:left;}
@media screen and (max-width:480px) {
.contentMaxWidth {margin-left:-15px; margin-right:-15px; width:auto; text-align:left;}	
}

/* Equal Height Columns typically used to make aside & main content div equal in height */
.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
@media screen and (max-width: 480px) {.row-eq-height {display: block;}}

/* Extension of bootstrap img-responsive - Make images grow to 100% of container width (will stretch image)  */
.img-responsive-full {display: block; width: 100%; height: auto;}

/* Verticle Align Classes Using Table / Table-Cell  */
.ValignParent {
	display: table;
	height:127px;
	min-height:127px; /* Firefox Requires both height & min-height to work correctly */
	margin-left:auto; margin-right:auto;
	}
.ValignChild {
	display: table-cell;
	margin:0px; padding:0; 	
    vertical-align: middle;
	font-family: 'Raleway', Arial, Helvetica, Verdana, sans-serif; color: #ffffff; font-size: 32px; line-height: 40px;	
	text-align:center;
	}
/* Adjust Height of Parent at XS size */
@media (max-width: 480px) {
.ValignParent {
	display: table;
	height:auto;
	min-height:50px;
	}	
}

/* ------------------------------------- */
/* ------------------------------------- */
/* Standardized padding calls as classes  */
.padding10 {padding-top:10px; padding-bottom:10px;}
.padding20 {padding-top:20px; padding-bottom:20px;}
.padding30 {padding-top:30px; padding-bottom:30px;}
.padding40 {padding-top:40px; padding-bottom:40px;}
.padding50 {padding-top:50px; padding-bottom:50px;}
.padding60 {padding-top:60px; padding-bottom:60px;}
.padding70 {padding-top:70px; padding-bottom:70px;}
.padding80 {padding-top:80px; padding-bottom:80px;}
.padding90 {padding-top:90px; padding-bottom:90px;}
.padding100 {padding-top:100px; padding-bottom:100px;}

/* ------------------------------------- */
/* ------------------------------------- */
/* Standardized margin calls as classes  */

.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-15, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-30, 
.margin-bottom-35, 
.margin-bottom-40, 
.margin-bottom-45, 
.margin-bottom-50, 
.margin-bottom-55, 
.margin-bottom-60 { 
   clear: both;
}

.margin-bottom-5  { margin-bottom: 5px;  }
.margin-bottom-10 { margin-bottom: 10px; } 
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-45 { margin-bottom: 45px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-55 { margin-bottom: 55px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-bottom-65 { margin-bottom: 65px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-bottom-75 { margin-bottom: 75px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-bottom-85 { margin-bottom: 85px; }
.margin-bottom-90 { margin-bottom: 90px; }
.margin-bottom-95 { margin-bottom: 95px; }
.margin-bottom-100 { margin-bottom: 100px; }

.margin-top-5   { margin-top: 5px;  }
.margin-top-10  { margin-top: 10px; }
.margin-top-15  { margin-top: 15px; }
.margin-top-20  { margin-top: 20px; }
.margin-top-25  { margin-top: 25px; }
.margin-top-30  { margin-top: 30px; }
.margin-top-35  { margin-top: 35px; }
.margin-top-40  { margin-top: 40px; }
.margin-top-45  { margin-top: 45px; }
.margin-top-50  { margin-top: 50px; }
.margin-top-55  { margin-top: 55px; }
.margin-top-60  { margin-top: 60px; }
.margin-top-65  { margin-top: 65px; }
.margin-top-70  { margin-top: 70px; }
.margin-top-75  { margin-top: 75px; }
.margin-top-80  { margin-top: 80px; }
.margin-top-85  { margin-top: 85px; }
.margin-top-90  { margin-top: 90px; }
.margin-top-95  { margin-top: 95px; }
.margin-top-100  { margin-top: 100px; }

.margin-left-5   { margin-left: 5px;  }
.margin-left-10  { margin-left: 10px; }
.margin-left-15  { margin-left: 15px; }
.margin-left-20  { margin-left: 20px; }
.margin-left-25  { margin-left: 25px; }
.margin-left-30  { margin-left: 30px; }
.margin-left-35  { margin-left: 35px; }
.margin-left-40  { margin-left: 40px; }
.margin-left-45  { margin-left: 45px; }
.margin-left-50  { margin-left: 50px; }
.margin-left-55  { margin-left: 55px; }
.margin-left-60  { margin-left: 60px; }

.margin-right-5   { margin-right: 5px;  }
.margin-right-10  { margin-right: 10px; }
.margin-right-15  { margin-right: 15px; }
.margin-right-20  { margin-right: 20px; }
.margin-right-25  { margin-right: 25px; }
.margin-right-30  { margin-right: 30px; }
.margin-right-35  { margin-right: 35px; }
.margin-right-40  { margin-right: 40px; }
.margin-right-45  { margin-right: 45px; }
.margin-right-50  { margin-right: 50px; }
.margin-right-55  { margin-right: 55px; }
.margin-right-60  { margin-right: 60px; }

/* ------------------------------------- */
/* ------------------------------------- */
/* Reponsive Bottom Margins */

/* LARGE TABLET */
.sm-margin-bottom-10 {margin-bottom: 0px;}
@media (max-width: 991px) {.sm-margin-bottom-10 {margin-bottom: 10px;}}
.sm-margin-bottom-20 {margin-bottom: 0px;}
@media (max-width: 991px) {.sm-margin-bottom-20 {margin-bottom: 20px;}}
.sm-margin-bottom-30 {margin-bottom: 0px;}
@media (max-width: 991px) {.sm-margin-bottom-30 {margin-bottom: 30px;}}
.sm-margin-bottom-40 {margin-bottom: 0px;}
@media (max-width: 991px) {.sm-margin-bottom-40 {margin-bottom: 40px;}}

/* SMALL TABLET */
.hd-margin-bottom-10 {margin-bottom: 0px;}
@media (max-width: 767px) {.hd-margin-bottom-10 {margin-bottom: 10px;}}
.hd-margin-bottom-20 {margin-bottom: 0px;}
@media (max-width: 767px) {.hd-margin-bottom-20 {margin-bottom: 20px;}}
.hd-margin-bottom-30 {margin-bottom: 0px;}
@media (max-width: 767px) {.hd-margin-bottom-30 {margin-bottom: 30px;}}
.hd-margin-bottom-40 {margin-bottom: 0px;}
@media (max-width: 767px) {.hd-margin-bottom-40 {margin-bottom: 40px;}}

/* PHONE */
.xs-margin-bottom-10 {margin-bottom: 0px;}
@media (max-width: 480px) {.xs-margin-bottom-10 {margin-bottom: 10px;}}
.xs-margin-bottom-20 {margin-bottom: 0px;}
@media (max-width: 480px) {.xs-margin-bottom-20 {margin-bottom: 20px;}}
.xs-margin-bottom-30 {margin-bottom: 0px;}
@media (max-width: 480px) {.xs-margin-bottom-30 {margin-bottom: 30px;}}
.xs-margin-bottom-40 {margin-bottom: 0px;}
@media (max-width: 480px) {.xs-margin-bottom-40 {margin-bottom: 40px;}}

.xs-margin-top-20 {margin-bottom: 0px;}
@media (max-width: 480px) {.xs-margin-top-20 {margin-top: 20px;}}


/* ------------------------------------- */
/* ------------------------------------- */
/* Reponsive Content Alignment Shifts */

/* LARGE TABLET  */
.sm-shift-RC {text-align: right;}
@media (max-width: 991px) {.sm-shift-RC {text-align: center;}}
.sm-shift-LC {text-align: left;}
@media (max-width: 991px) {.sm-shift-LC {text-align: center;}}
.sm-shift-LR {text-align: left;}
@media (max-width: 991px) {.sm-shift-LR {text-align: right;}}
.sm-shift-RL {text-align: right;}
@media (max-width: 991px) {.sm-shift-RL {text-align: left;}}

/* SMALL TABLET */
.hd-shift-RC {text-align: right;}
@media (max-width: 767px) {.hd-shift-RC {text-align: center;}}
.hd-shift-LC {text-align: left;}
@media (max-width: 767px) {.hd-shift-LC {text-align: center;}}
.hd-shift-LR {text-align: left;}
@media (max-width: 767px) {.hd-shift-LR {text-align: right;}}
.hd-shift-RL {text-align: right;}
@media (max-width: 767px) {.hd-shift-RL {text-align: left;}}

/* PHONE */
.xs-shift-RC {text-align: right;}
@media (max-width: 480px) {.xs-shift-RC {text-align: center;}}
.xs-shift-LC {text-align: left;}
@media (max-width: 480px) {.xs-shift-LC {text-align: center;}}
.xs-shift-LR {text-align: left;}
@media (max-width: 480px) {.xs-shift-LR {text-align: right;}}
.xs-shift-RL {text-align: right;}
@media (max-width: 480px) {.xs-shift-RL {text-align: left;}}


/* ------------------------------------- */
/* ------------------------------------- */
/* 12 Column Content Shifts */

@media (max-width: 480px) {
  .row.reorder-xs {transform: rotate(180deg); direction: rtl;}
  .row.reorder-xs > [class*="col-"] {transform: rotate(-180deg); direction: ltr;}
}

@media (min-width: 481px) {
  .row.reorder-hd {transform: rotate(180deg); direction: rtl;}
  .row.reorder-hd > [class*="col-"] {transform: rotate(-180deg); direction: ltr;}
}

@media (min-width: 768px) {
  .row.reorder-sm {transform: rotate(180deg); direction: rtl;}
  .row.reorder-sm > [class*="col-"] {transform: rotate(-180deg); direction: ltr;}
}

@media (min-width: 992px) {
  .row.reorder-md {transform: rotate(180deg); direction: rtl;}
  .row.reorder-md > [class*="col-"] {transform: rotate(-180deg); direction: ltr;}
}

/* ------------------------------------- */
/* ------------------------------------- */
/* Hide Dynamic Data Columns */
.xs-hide-dataCol {display: table-cell !important;}
@media (max-width: 480px) {.xs-hide-dataCol {display: none !important;}}

.hd-hide-dataCol {display: table-cell !important;}
@media (max-width: 767px) {.hd-hide-dataCol {display: none !important;}}

.sm-hide-dataCol {display: table-cell !important;}
@media (max-width: 991px) {.sm-hide-dataCol {display: none !important;}}


/* ------------------------------------- */
/* ------------------------------------- */
/* Image Cropped to Conainter */

/* Display Portrait Orientation for MD & LG */
.product_imageContainer {
	width:100%;
	height:250px;
	overflow:hidden;
	position:relative;
	}
.product_imageContainer img {
   position: absolute;
   left: 50%;
   top: 50%;
    -ms-transform: translateY(-50%) translateX(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%) translateX(-50%); /* Chrome, Safari, Opera */
    transform:translateY(-50%) translateX(-50%);  
	}	

/* Change Display to Landscape Orientation for XS, HD & SM */	
@media (min-width: 992px) {
.product_imageContainer {
	width:100%;
	height:auto;
	max-height:374px;
	overflow:hidden;
	position:relative;	
	}
	
.product_imageContainer img {
   position:relative;
   left:0%;
   top:0%;
   -ms-transform: none;
   -webkit-transform: none;
   transform:none;
	}		
}



/* ------------------------------------- */
/* ------------------------------------- */
/* Clear Fix for Dynamic Content */

/*  Smartphone  */
@media (max-width: 480px) {
/* Column clear fix */
.FloatDynamicData .col-lg-1:nth-child(12n+1),
.FloatDynamicData .col-lg-2:nth-child(6n+1),
.FloatDynamicData .col-lg-3:nth-child(4n+1),
.FloatDynamicData .col-lg-4:nth-child(3n+1),
.FloatDynamicData .col-lg-6:nth-child(2n+1),
.FloatDynamicData .col-md-1:nth-child(12n+1),
.FloatDynamicData .col-md-2:nth-child(6n+1),
.FloatDynamicData .col-md-3:nth-child(4n+1),
.FloatDynamicData .col-md-4:nth-child(3n+1),
.FloatDynamicData .col-md-6:nth-child(2n+1),
.FloatDynamicData .col-sm-1:nth-child(12n+1),
.FloatDynamicData .col-sm-2:nth-child(6n+1),
.FloatDynamicData .col-sm-3:nth-child(4n+1),
.FloatDynamicData .col-sm-4:nth-child(3n+1),
.FloatDynamicData .col-sm-6:nth-child(2n+1),
.FloatDynamicData .col-hd-1:nth-child(12n+1),
.FloatDynamicData .col-hd-2:nth-child(6n+1),
.FloatDynamicData .col-hd-3:nth-child(4n+1),
.FloatDynamicData .col-hd-4:nth-child(3n+1),
.FloatDynamicData .col-hd-6:nth-child(2n+1) {
    clear: none;
  }
.FloatDynamicData .col-xs-1:nth-child(12n+1),
.FloatDynamicData .col-xs-2:nth-child(6n+1),
.FloatDynamicData .col-xs-3:nth-child(4n+1),
.FloatDynamicData .col-xs-4:nth-child(3n+1),
.FloatDynamicData .col-xs-6:nth-child(2n+1) {
    clear: left;
  }
}

/*  Small Tablet  */
@media (min-width: 481px) {
/* Column clear fix */
.FloatDynamicData .col-lg-1:nth-child(12n+1),
.FloatDynamicData .col-lg-2:nth-child(6n+1),
.FloatDynamicData .col-lg-3:nth-child(4n+1),
.FloatDynamicData .col-lg-4:nth-child(3n+1),
.FloatDynamicData .col-lg-6:nth-child(2n+1),
.FloatDynamicData .col-md-1:nth-child(12n+1),
.FloatDynamicData .col-md-2:nth-child(6n+1),
.FloatDynamicData .col-md-3:nth-child(4n+1),
.FloatDynamicData .col-md-4:nth-child(3n+1),
.FloatDynamicData .col-md-6:nth-child(2n+1),
.FloatDynamicData .col-sm-1:nth-child(12n+1),
.FloatDynamicData .col-sm-2:nth-child(6n+1),
.FloatDynamicData .col-sm-3:nth-child(4n+1),
.FloatDynamicData .col-sm-4:nth-child(3n+1),
.FloatDynamicData .col-sm-6:nth-child(2n+1) {
    clear: none;
  }
.FloatDynamicData .col-hd-1:nth-child(12n+1),
.FloatDynamicData .col-hd-2:nth-child(6n+1),
.FloatDynamicData .col-hd-3:nth-child(4n+1),
.FloatDynamicData .col-hd-4:nth-child(3n+1),
.FloatDynamicData .col-hd-6:nth-child(2n+1) {
    clear: left;
  }
}

/*  Large Tablet  */
@media (min-width: 768px) {
/* Column clear fix */
.FloatDynamicData .col-lg-1:nth-child(12n+1),
.FloatDynamicData .col-lg-2:nth-child(6n+1),
.FloatDynamicData .col-lg-3:nth-child(4n+1),
.FloatDynamicData .col-lg-4:nth-child(3n+1),
.FloatDynamicData .col-lg-6:nth-child(2n+1),
.FloatDynamicData .col-md-1:nth-child(12n+1),
.FloatDynamicData .col-md-2:nth-child(6n+1),
.FloatDynamicData .col-md-3:nth-child(4n+1),
.FloatDynamicData .col-md-4:nth-child(3n+1),
.FloatDynamicData .col-md-6:nth-child(2n+1),
.FloatDynamicData .col-hd-1:nth-child(12n+1),
.FloatDynamicData .col-hd-2:nth-child(6n+1),
.FloatDynamicData .col-hd-3:nth-child(4n+1),
.FloatDynamicData .col-hd-4:nth-child(3n+1),
.FloatDynamicData .col-hd-6:nth-child(2n+1) {
    clear: none;
  }
.FloatDynamicData .col-sm-1:nth-child(12n+1),
.FloatDynamicData .col-sm-2:nth-child(6n+1),
.FloatDynamicData .col-sm-3:nth-child(4n+1),
.FloatDynamicData .col-sm-4:nth-child(3n+1),
.FloatDynamicData .col-sm-6:nth-child(2n+1) {
    clear: left;
  }
}

/*  Medium Desktop  */
@media (min-width: 992px) {
/* Column clear fix */
.FloatDynamicData .col-lg-1:nth-child(12n+1),
.FloatDynamicData .col-lg-2:nth-child(6n+1),
.FloatDynamicData .col-lg-3:nth-child(4n+1),
.FloatDynamicData .col-lg-4:nth-child(3n+1),
.FloatDynamicData .col-lg-6:nth-child(2n+1),
.FloatDynamicData .col-sm-1:nth-child(12n+1),
.FloatDynamicData .col-sm-2:nth-child(6n+1),
.FloatDynamicData .col-sm-3:nth-child(4n+1),
.FloatDynamicData .col-sm-4:nth-child(3n+1),
.FloatDynamicData .col-sm-6:nth-child(2n+1),
.FloatDynamicData .col-hd-1:nth-child(12n+1),
.FloatDynamicData .col-hd-2:nth-child(6n+1),
.FloatDynamicData .col-hd-3:nth-child(4n+1),
.FloatDynamicData .col-hd-4:nth-child(3n+1),
.FloatDynamicData .col-hd-6:nth-child(2n+1) {
    clear: none;
  }
.FloatDynamicData .col-md-1:nth-child(12n+1),
.FloatDynamicData .col-md-2:nth-child(6n+1),
.FloatDynamicData .col-md-3:nth-child(4n+1),
.FloatDynamicData .col-md-4:nth-child(3n+1),
.FloatDynamicData .col-md-6:nth-child(2n+1) {
    clear: left;
  }
}

/*  Large Desktop  */
@media (min-width: 1200px) {
/* Column clear fix */
.FloatDynamicData .col-md-1:nth-child(12n+1),
.FloatDynamicData .col-md-2:nth-child(6n+1),
.FloatDynamicData .col-md-3:nth-child(4n+1),
.FloatDynamicData .col-md-4:nth-child(3n+1),
.FloatDynamicData .col-md-6:nth-child(2n+1),
.FloatDynamicData .col-sm-1:nth-child(12n+1),
.FloatDynamicData .col-sm-2:nth-child(6n+1),
.FloatDynamicData .col-sm-3:nth-child(4n+1),
.FloatDynamicData .col-sm-4:nth-child(3n+1),
.FloatDynamicData .col-sm-6:nth-child(2n+1),
.FloatDynamicData .col-hd-1:nth-child(12n+1),
.FloatDynamicData .col-hd-2:nth-child(6n+1),
.FloatDynamicData .col-hd-3:nth-child(4n+1),
.FloatDynamicData .col-hd-4:nth-child(3n+1),
.FloatDynamicData .col-hd-6:nth-child(2n+1) {
    clear: none;
  }
.FloatDynamicData .col-lg-1:nth-child(12n+1),
.FloatDynamicData .col-lg-2:nth-child(6n+1),
.FloatDynamicData .col-lg-3:nth-child(4n+1),
.FloatDynamicData .col-lg-4:nth-child(3n+1),
.FloatDynamicData .col-lg-6:nth-child(2n+1) {
    clear: left;
  }
}

/* ------------------------------------- */
/* ------------------------------------- */
/*  Used to prevent Clear Fix being applied to specific element */
.clearNone {
	clear: none !important;
}