/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
IV Blue::#1cafdd;

background: #ffffff url("img_tree.png") no-repeat right top;
baby blue: #4ac9f2;
IV BLUE: 1cafdd
yellow: #fff200;


*/
/*
fonts
*/

/* 
@font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 300; src: url('/assets/fonts/merriweather-v21-latin-300.eot'); src: local('Merriweather Light'), local('Merriweather-Light'), url('/assets/fonts/merriweather-v21-latin-300.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/merriweather-v21-latin-300.woff2') format('woff2'), url('/assets/fonts/merriweather-v21-latin-300.woff') format('woff'), url('/assets/fonts/merriweather-v21-latin-300.ttf') format('truetype'), url('/assets/fonts/merriweather-v21-latin-300.svg#Merriweather') format('svg'); }
 */

@font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 700; src: url('/assets/fonts/merriweather-v21-latin-700.eot'); src: local('Merriweather Bold'), local('Merriweather-Bold'), url('/assets/fonts/merriweather-v21-latin-700.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/merriweather-v21-latin-700.woff2') format('woff2'), url('/assets/fonts/merriweather-v21-latin-700.woff') format('woff'), url('/assets/fonts/merriweather-v21-latin-700.ttf') format('truetype'), url('/assets/fonts/merriweather-v21-latin-700.svg#Merriweather') format('svg'); }


@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; src: url('/assets/fonts/poppins-v12-latin-100.eot'); src: local('Poppins Thin'), local('Poppins-Thin'), url('/assets/fonts/poppins-v12-latin-100.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/poppins-v12-latin-100.woff2') format('woff2'), url('/assets/fonts/poppins-v12-latin-100.woff') format('woff'), url('/assets/fonts/poppins-v12-latin-100.ttf') format('truetype'), url('/assets/fonts/poppins-v12-latin-100.svg#Poppins') format('svg'); }

@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('/assets/fonts/poppins-v12-latin-600.eot'); src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('/assets/fonts/poppins-v12-latin-600.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/poppins-v12-latin-600.woff2') format('woff2'), url('/assets/fonts/poppins-v12-latin-600.woff') format('woff'), url('/assets/fonts/poppins-v12-latin-600.ttf') format('truetype'), url('/assets/fonts/poppins-v12-latin-600.svg#Poppins') format('svg'); }


@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('/assets/fonts/poppins-v12-latin-700.eot'); src: local('Poppins Bold'), local('Poppins-Bold'), url('/assets/fonts/poppins-v12-latin-700.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/poppins-v12-latin-700.woff2') format('woff2'), url('/assets/fonts/poppins-v12-latin-700.woff') format('woff'), url('/assets/fonts/poppins-v12-latin-700.ttf') format('truetype'), url('/assets/fonts/poppins-v12-latin-700.svg#Poppins') format('svg'); }



@font-face { font-family: 'Courier Prime'; font-style: normal; font-weight: 400; src: url('/assets/fonts/courier-prime-v2-latin-regular.eot'); src: local('Courier Prime Regular'), local('CourierPrime-Regular'), url('/assets/fonts/courier-prime-v2-latin-regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/courier-prime-v2-latin-regular.woff2') format('woff2'), url('/assets/fonts/courier-prime-v2-latin-regular.woff') format('woff'), url('/assets/fonts/courier-prime-v2-latin-regular.ttf') format('truetype'), url('/assets/fonts/courier-prime-v2-latin-regular.svg#CourierPrime') format('svg'); }

html,
button,
input,
select,
textarea {
    color: #222;
}
html {
	font-family: 'Yantramanav', sans-serif;	
	font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(210 210 210);
    margin: 0 auto;
    padding: 0;
	max-width:85%;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

body {
    font-size: 12px/26px;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

.containerRow
{
	float:left;
	clear:both;
	width:100%;
	text-align:center;
	z-index:0;
}

section {
  border-bottom: 1px solid #999;
  text-align: center;
  padding: 100px 0 0;
  height: 800px;
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 10%;
  margin-bottom: .5em;
  font-size:2em;
  padding:25px 5px 0;
  line-height: 1.15;
}
h1 {
    color: #5D5D5F;
    font-size: 38px;
    margin: 0;
    padding: 0;
    padding-left:5px;
    padding-right:5px;
    margin-bottom: 13px;
}
h2 {
    color: #01ABEE;
    font-size: 29px;
    padding: 5px;
    margin-bottom: 15px;
}
h1.primary {
  margin: 0 2%;
  margin-bottom: .5em;
  font-size:0.75em;
  padding:5px;
  color:#666;
}

p.primary {
/* 
  margin: 0 2%;
 */
  margin-bottom: .5em;
  font-size:1.1em;
  padding:5px;
  color:#666;
  text-align:center;
}

a, a:visited {
    color: #000;
}

p,ol,ul {
  width: 88%;
  font-size:0.9em;
  margin: 0 auto;
  padding:0 0 20px 0; 
      text-align: left;
}

ol, ul{
	margin-left:10%;
}

.body-inside li {
    margin-left: 20px;
    margin-bottom: 8px;
}
.body-inside ul {
    width: 88%;
    font-size: 0.9em;
    margin: 0 auto;
    padding: 0 0 20px 0;
    text-align: left;
}
p.home {
  width: 75%;
  font-size:0.9em;
  margin: 0 auto;

}

p.small{
  font-size: 0.7em;
  margin: 0 auto;
  padding:5px 20px ; 
  text-align:justify;
}


ul.retailers{
  width: 90%;
  font-size:0.9em;
  font-weight:bold;
  margin: 0 20px 25px -20px;
  text-align:center;
}

ul.retailersBlue {
  width: 90%;
  font-size:0.9em;
  font-weight:bold;
  margin: 25px 20px 25px -20px;
  text-align:left;
}

ul.retailers li,  ul.retailersBlue li{
  list-style:none;
  line-height:2.0;
}

ul.retailers li:before {
  content: '\2022';
  margin-right: 0.5em;
  color:#000;
  font-size:2.0em;
}

ul.retailersBlue li:before {
  content: '\2022';
  margin-right: 0.5em;
  color:#fff;
  font-size:1.0em;
}

li.headerBullet{
	font-size: 1.5em;
    margin-left: -10px;
    font-weight: bold;
}

.bg-blue{
	background-color: #4ac9f2;
}

.bg-yellow{
	background-color: #fff200;
}

#blueDotNumbers{
	position:relative;
	display:block;
	width:100%;
	max-width:600px;
	text-align:center;
	margin:0 auto 25px;;
}


/* ------------------------------------------
  NAVIGATION STYLES - HEADER
--------------------------------------------- */

.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

#bodyContainer{
margin-top:58px;
/* 
	margin-top: 61px;	
 */
/* 	margin-top: 100px; */}

/* 
header {
  background: #fff;
  position: fixed;
  height:70px;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px #ccc solid;
  box-shadow: 1px 2px 10px #666;
}
 */
header {
    background: #fff;
    position: fixed;
/* 
    height:100px;
 */
/* 
    height: 121px;	
 */

    height: 64px;
    z-index: 3;
    width: 100%;
    left: 0;
    top: 0;
/* 
    border-bottom: 1px #ccc solid;
 */
    box-shadow: 1px 2px 10px rgba(102, 102, 102, 0.36);
}
/* 
.logo {
  padding:0;
  margin:0 0 0 5%;
  width:70%;
  height:100%;
  float: left;
  background: url("../img/logo_220.gif") no-repeat left center;
  background-size: 80%;
  z-index:20;
}
 */

 .logo {
    width: 230px;
    padding: 0;
/* 
    margin: 0 0 0 5%;    
 */
    margin: 15px 0 0 17px;
/*     width: 70%; */
    height: 48%;
    float: left;
    background: url(../img/logo_400.gif) no-repeat left center;
    background-size: 80%;
    z-index: 20;
}

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  text-indent: -300px;
  position: relative;
  overflow: hidden;
  width: 60px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: #00aedf; /* Edit this to change the icon color */
  font: normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */
  text-transform: none;
  text-align: center;
  float:right;
  content: "\2261"; /* Hamburger icon */
  text-indent: 0;
  speak: none;
  margin:7px 10% 0 0;
  width: 100%;
  left: 0;
  top: 0;
}

.nav-toggle.active:before {
  font-size: 28px;
  content: "\78"; /* Close icon */
}


.nav-collapse ul {
  position:fixed;
  margin: 0;
  padding: 0;
  width: 100%;
/* 
  height:80%;
 */
  height:100%; /*take off later*/
  display: block;
  list-style: none;
   background: #00aedf;
   opacity: 0.9;
   overflow-y:scroll;
   filter: alpha(opacity=90); /* For IE8 and earlier */
       margin-top: 9px;/*take off later*/
}


.nav-collapse li {
    width: 100%;
    display: block;
    padding: 2%;
    padding-right: 0;
    float: left;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {max-height: 100%;}
.disable-pointer-events {pointer-events: none !important;}
.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}

.nav-collapse,
.nav-collapse * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  text-align: center;
  color: #000;
  font-size:2.0em;
  width: 100%;
  float: left;
}

.nav-collapse a:hover{
  color: #fff200;
}

.nav-collapse a:active,
.nav-collapse .active a {

}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
  color:#fff200;
}

#SecondaryMenu{
	display:none;
}

.header-tight{
}

.innerRow-fullWidth{
	margin:0 0 0 0;
	float:left;
	width:100%;
	clear:both;
	margin-top:30px;
}

.innerRowStackTwo{
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	width:100%;
}

.innerRowStackTwoArtist{
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	width:100%;
	 margin-bottom: 25px;
}

.innerRowStackTwoArtist span{
	display:none;
}

.innerRowStackTwoSubPage .half{
     float: left;
    width: 97%;
    display: block;
    clear: both;
    margin: 1% 0 1% 1.5%;
    display: block;
    /* clear: none; */
    border: #000 solid 1px;
}

.innerRowStackTwoSubPage .halfSmall{
	float: left;
    width: 97%;
    display: block;
    clear: both;
    display: block;
    /* clear: none; */
    border: none;
	text-align:justify;
	padding:0;
	
}

.innerRowStackTwo .half, .innerRowStackTwoArtist .half{
	float:left;
	width:100%;
	display:block;
	clear:both;
}

.innerRowStackTwo .halfYellow{
	display:none;
}

.innerRowStackTwo .half img, .innerRowStackTwoArtist .half img{
	display:block;
	width:100%;
}

.innerRowStackTwo .half a.cta{
	position:absolute;
	display:block;
	width:30%;
	padding:10px 10px;
	margin:-20% 35%;
	background:#fff;
	color:#000;
	font-size:1.0em;
	text-decoration:none;
}

.innerRowStackTwo .half a.ctaYellow {
    display: inline-block;
    padding: 10px 10px;
    color: #000;
    font-size: 2.0em;
    margin: 200px 0;
}

.innerRowStackTwo .half a.ctaBlack{
	position:relative;
	display:block;
	width:60%;
	padding:10px 10px;
	margin:0 0 0 15px;
	background:#000;
	color:#fff;
	font-size:1.0em;
	text-decoration:none;
	text-align: center;
}

.artistHalfText{
	background:#fef200;
}

.artistHalfImg{
	width:100%;
}
#artist-pic-featured{ background:url("../img/james-dupree.jpg")  no-repeat center center;padding-top:0;background-size:cover; min-height: 600px;}										
#artist-pic-singer{ background:url("../img/pew_halfer_aif_combo_singer.jpg")  no-repeat center center; min-height: 500px;background-size:cover;}
#artist-pic-schmuckler{ background:url("../img/pew_halfer_aif_schmuckler.jpg")  no-repeat center center; padding-top:100%;}
#artist-pic-eades{ background:url("../img/pew_halfer_aif_eades.jpg")  no-repeat center center; padding-top:100%;}
#artist-pic-donovan{ background:url("../img/pew_halfer_aif_timothyODonovan.jpg")  no-repeat center center; padding-top:100%;}
#artist-pic-williams{ background:url("../img/pew_halfer_aif_tamishaWilliams.jpg")  no-repeat center center; padding-top:100%;}
#artist-pic-garrity{ background:url("../img/pew_halfer_aif_jennyGarrity.jpg")  no-repeat center center; padding-top:100%;}
#artist-pic-chris-eads{ background:url("../img/pew_halfer_aif_combo_chrisEads.jpg")  no-repeat center center; padding-top:100%;}


.bgyellow{
	width:640px;
	height:540px;
	background:#fff200;
}

.bgBlue{
	width:640px;
	height:540px;
	background:#4ac9f2;
}

.bgBlack{
	width:640px;
	height:540px;
	background:#000;
}

 .locationOverlay{
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    margin: 10px 0 0 0;
 }
 
  .locationOverlay p{
    background: #fff;
    color: #000;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    height: 0px;
    font-size: 1.3em;
    padding: 2px 0 30px 0;
 }

.mobileHalfer{
	 padding: 15px 55px;
    background: #fff200;
    font-size: 1.5em;
    color: #000;
    display: inline-block;
	 margin: -80px 0 40px 0;
	 width:60%;
}

#desktopHalfer{
	display:none;
}

.innerRow-fullWidth a.cta{
	position:relative;
	display:block;
	width:30%;
	padding:10px 10px;
	margin:0 auto 50px;
	background:#fff;
	color:#000;
	font-size:1.0em;
	text-decoration:none;
}

.innerRowStackTwo, .innerRow-stackFour, .innerRowStackTwoArtist {
	float:left;
	clear:both;
	position:relative;
	width:100%;

}
.innerRowStackTwo{
	padding-top: 6px;/*take off later*/
	}
.innerRow-stackFour .qtr{
	float:left;
	width:100%;
	position:relative;
	display:block;
	padding-bottom:30px;
}

.innerRow-trips{
	position:relative;
	float:none;
	clear:both;
	width:100%;
	display:block;
}

.innerRow-trips .trip{
	float:left;
	width:100%;
	min-height: 200px;
}

.blueBG{
	background: #1cafdd;
}

.blackBG{
	background: #000;
}



#optical_glasses{background:url("../img/pew_halfer_optical_glasses.jpg") no-repeat center center;}
#optical_human{background:url("../img/pew_halfer_optical_human.jpg") no-repeat center center;}
#sun_glasses{background:url("../img/pew_halfer_sun_glasses.jpg") no-repeat center center;}
#sun_human{background:url("../img/pew_halfer_sun_human.jpg") no-repeat center center;}

.frameNameHome{
	position:relative;
	display:block;
	width:80%;
	padding:10px 0;
	margin:0px auto 25px;
	color:#000;
	font-size:0.9em;
	text-decoration:none;
}

a.frameNameHomeLink{
	position:relative;
	display:block;
	color:#4ac9f2;
	font-size:1.1em;
	margin:-20px 0 0 0;
}

#membersRow img{
	position:relative;
	width:60%;
	
}
#membersTitle{
	text-align:center;
	padding:5px 0;
	margin:0;
}

.membersBlue{
	background:#4ac9f2;
}

.membersYellow{
	background:#fff200;
}

#membersRow{
	padding:10px 0;
}

.fullyInsert, .fullyLogo{
	display:none;
}

#home_instagram{
	background:#4ac9f2;
}



.mask {
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  transition: opacity 300ms;
  background: rgba(0,0,0, 0.5);
  visibility: hidden;
  position: fixed;
  opacity: 0;
  z-index: 2;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.android .mask {
  -webkit-transition: none;
  transition: none;
}

.js-nav-active .mask {
  visibility: visible;
  opacity: 1;
}

 footer {
    padding: 50px 0;
    padding-top:20px;
}

footer p {
	width: 85%;
    font-size: 0.7em;
    margin: 0 auto;
    padding: 0 0 20px 0;
    text-align:center;
}

footer h3{
	font-size:0.9em;
}

.socialRow{
	position:relative;
	width:100%;
	height:32px;
	margin: 32px auto;
	padding:0;
}

.socialRow a{
	display:inline-block;
	width:32px;
	height:32px;
}

#social_facebook {
    left: 49px;
    width: 32px;
    background: url('../img/icons_social.gif') 81px 0;
}

#social_instagram {
    left: 45px;
    width: 32px;
    background: url('../img/icons_social.gif') 32px 0;
}

#social_twitter {
    left: 1px;
    width: 32px;
    background: url('../img/icons_social.gif') 0 0;
}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

#homeSlider{
	position:relative;
	display:block;
	width:100%;
	clear:both;
	height:0;
	background:url("../img/pew_homeSlider_750_senior.jpg") no-repeat center center;
	background-size: cover;
    background-repeat: no-repeat;
	padding-top:110.5%; 
	
}

#aboutSlider{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/pew_homeSlider_750_senior.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.8%; 
}


#aboutSlider{
	margin-top:-20px;
}


#retailerSlider{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/pew_retailerSlider_750.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.8%; 
}

#aifSlider{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/pew_aifSlider_banner.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:18.08%; 
}

#campaign_tort{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/pew_homeSlider_720_tort.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:110.5%; 
	clear:both;
}


#campaign_contact{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/iv_homeSlider_750_contactLensClub.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:65.66%; 
	clear:both;
}

#campaign_icb{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/iv_homeSlider_750_icberlin-event.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:65.66%; 
	clear:both;
}

#HOMESALE{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/black-friday-web-banner-1080.jpg") no-repeat center center;
	background-size: cover;
    background-repeat: no-repeat; 
	padding-top:65.66%; 
	clear:both;
}
.top-banner-phone img {
    max-width: 100%;
    
}
.top-banner-lg {
    display:none;
}
#campaign_tort_home{
	position:relative;
	display:block;
	width:100%;
	height:0;
	background:url("../img/pew_tortoise_750_banner.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:78.66%; 
}

/* 
#aifClothSlider{
	position:relative;
	display:block;
	clear:both;
	width:100%;
	height:0;
	background:url("../img/There-are-No-Lambs-in-the-Jungle.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.16%; 
}
 */

#aifClothSlider {
    position: relative;
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    background: url(../img/There-are-No-Lambs-in-the-Jungle.jpg) no-repeat center center;
    background-repeat: no-repeat;
    padding-top: 200%;
    background-size: cover;
    min-height: 100%;
}
#homeSliderSub{
	position:relative;
	display:block;
	clear:both;
	width:100%;
	height:0;
	background:url("../img/pew_homeSlider_blueWave.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.8%; /* (img-height / img-width * container-width) */
}

.aboutFully{
	position:relative;
	display:block;
	clear:both;
	width:100%;
	height:0;
	background:url("../img/pew_homeSlider_750_create.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.8%; /* (img-height / img-width * container-width) */
}

#homeSlider p{
	position:relative;
	margin-top:-40px;
}

.cat{
	cursor:pointer;
}

#catTop{
	margin-top:40px;
}

.catRow, .specRow{
	width:94%;
	margin:0 auto;
}

.topFrameRow{
	diplay:block;
	padding:40px 0 0;
}

.topFrameRow H1{
	display:block;
	margin:25px 0 0 0;
	font-size:1.2em;
	
}

.topFrameRow H2{
	display:block;
	font-size:1.0em;
	margin:-7px 0 0 0;
	color:#333;
}

#backlink,  #zoom{
	display:inline-block;
	position:relative;
	text-decoration:none;
	z-index:2;
}

#backlink{
	float:left;
	margin:-20px 0 0 20px;
	font-size:0.8em;
	color:#000;
}

#zoom{
	float:right;
	margin:-20px 20px 0 0;
	width:10px;
}

.loveTrain{background: url("../img/eyeglasses/loveTrain_antique_m_sun_500.jpg");}

#scatContainer{
	width:96%;
	margin:35px auto 0;
	overflow:hidden;
}
.scat{
	display:inline-block;
	margin:0 auto;
	padding:2%;
}

#scatContainerHome{
	width:96%;
	margin:35px auto 0;
	overflow:hidden;
}
#scatContainerHome .scat{
	display:inline-block;
	margin:0 auto;
	padding:2%;
	
}

#scatContainerHome .glassImageContainer{
	width:300px;
	height:150px;
	overflow:hidden;
	margin:0 auto;
}

#scatContainerHome .glassImageContainer img{
	position:relative;
	width:300px;
	margin:0 0 0 0;
}

#scatContainerHome .glassImageContainer img:hover{
	margin:-150px 0 0 0;
}
		
.glassImageContainer, .frameFrameContainer{
	width:300px;
	height:150px;
	overflow:hidden;
	margin:0 auto;
}

.glassImageContainer img, .frameFrameContainer img{
	position:relative;
	width:300px;
	margin:0 0 0 0;
}

.glassImageContainer img:hover, .frameFrameContainer img:hover{
	margin:-150px 0 0 0;
}

.cat p{
	font-size:0.7em;
	text-align:justify;
}

p.frameName{
	font-size:1.0em;
	text-align:center;
	color:#000;
}

.specRow trip{
	float:right;
}

.specRow H3{
}

p.specs{
	text-align:center;
	padding:-20px 0 20px;
}

span.specActive{
	font-weight:bold;
	color:#000;
}

span.specOut{
	display:none;
}

.pipe{
	margin:0 30px;
	display:none;
}

#spec_buy p, #spec_about p, #spec_other p, #spec_buy a{
	text-align:justify;
	color:#333;
}

#spec_buy .spec_buy_center{
	text-align:center;
}

span.label{
	display:block;
	vertical-align:center;
}

#finishRow{
	position:relative;
}

.finishActive, .finish{
	font-size:0.8em;
}

.finish{	
	color:#333;
}

.finishActive{
	text-decoration:none;
	font-weight:bolder;
	color:#000;
}

/*************SWATCHES
**************************/

span.colorSolid{
	display:inline-block;
	margin:25px auto 0;
}

span.color2Tone{
	display:inline-block;
	margin:0 auto 25px;
}

span.colorTort{
	display:inline-block;
	margin:0 auto 25px;
}
span.colorSolid_About{
	display:inline-block;
	margin:25px auto 0;
}

span.color2Tone_About{
	display:inline-block;
	margin:0 auto 25px;
}



#swatches{
	width:90%;
	display:block;
	margin:0 auto;
	text-indent: none;
	list-style:none;
	overflow:hidden;
	padding:0;
	vertical-align:top;
}


#swatches a{
	position:relative;
	display:inline-block;
	margin:10px;
	width:38px;
	height:38px;
	background: url("../img/colors-2018.gif");
	background-size: 800px; /* whole sprite width contrained to individual width*/
	border:1px solid #ccc;
	border-radius:19px;
}

#swatches_About{
	width:90%;
	display:block;
	margin:0 auto;
	text-indent: none;
	list-style:none;
	overflow:hidden;
	padding:0;
	vertical-align:top;
}


#swatches_About a{
	position:relative;
	display:inline-block;
	margin:5px;
	width:100px;
	height:100px;
	background: url("../img/colors.gif");
	background-size: 1700px; /* whole sprite width contrained to individual width*/
	border:1px solid #ccc;
	border-radius:50px;
}

/*solids*/
#swatches a.c_antique{ background-position: 0 0; }
#swatches a.c_blush{ background-position: -38px 0; }
#swatches a.c_cobalt{ background-position: -76px 0; }
#swatches a.c_crystal{ background-position: -114px 0; }
#swatches a.c_1130{ background-position: -152px 0; }
#swatches a.c_grape{ background-position: -190px 0; }
#swatches a.c_ruby{ background-position: -228px 0; }
#swatches a.c_emerald{ background-position: -266px 0; }
#swatches a.c_rootbeer{ background-position: -304px 0; }
#swatches a.c_slate{ background-position: -342px 0; }
#swatches a.c_tangerine{ background-position: -380px 0; }
#swatches a.c_tortoise{ background-position: -646px 0; }

#swatches .combo a{
	 background-position: -646px 0;
}


/* COLOR FRONTS AND TORT SIDES
emerald=004030


*/
#swatches a.combo_black_tort, #swatches a.combo_black_tort:hover { border-left: 25px solid #000; width: 17px;}
#swatches a.combo_ruby_tort, #swatches a.combo_ruby_tort:hover { border-left: 25px solid #9e0001; width: 17px;}
#swatches a.combo_teal_tort, #swatches a.combo_teal_tort:hover { border-left: 25px solid #2174a0; width: 17px;}
#swatches a.combo_cobalt_tort, #swatches a.combo_cobalt_tort:hover { border-left: 25px solid #0000b4; width: 17px;}
#swatches a.combo_grape_tort, #swatches a.combo_grape_tort:hover { border-left: 25px solid #5b007b; width: 17px;}
#swatches a.combo_antique_tort, #swatches a.combo_antique_tort:hover { border-left: 25px solid #f0e6a4; width: 17px;}
#swatches a.combo_emerald_tort, #swatches a.combo_emerald_tort:hover { border-left: 25px solid #004030; width: 17px;}
#swatches a.combo_blush_tort, #swatches a.combo_blush_tort:hover { border-left: 25px solid #ce0494; width: 17px;}
#swatches a.combo_tangerine_tort, #swatches a.combo_tangerine_tort:hover { border-left: 25px solid #ff3f02; width: 17px;}
#swatches a.combo_crystal_tort, #swatches a.combo_crystal_tort:hover { border-left: 25px solid #fff; width: 17px;}

#swatches a.combo_tort_black, #swatches a.combo_tort_black:hover { border-right: 17px solid #000; width: 25px;}
#swatches a.combo_tort_ruby, #swatches a.combo_tort_ruby:hover { border-right: 17px solid #9e0001; width: 25px;}
#swatches a.combo_tort_teal, #swatches a.combo_tort_teal:hover { border-right: 17px solid #2174a0; width: 25px;}
#swatches a.combo_tort_cobalt, #swatches a.combo_tort_cobalt:hover { border-right: 17px solid #0000b4; width: 25px;}
#swatches a.combo_tort_grape, #swatches a.combo_tort_grape:hover { border-right: 17px solid #5b007b; width: 25px;}
#swatches a.combo_tort_antique, #swatches a.combo_tort_antique:hover { border-right: 17px solid #f0e6a4; width: 25px;}
#swatches a.combo_tort_emerald, #swatches a.combo_tort_emerald:hover { border-right: 17px solid #004030; width: 25px;}
#swatches a.combo_tort_blush, #swatches a.combo_tort_blush:hover { border-right: 17px solid #ce0494; width: 25px;}
#swatches a.combo_tort_tangerine, #swatches a.combo_tort_tangerine:hover { border-right: 17px solid #ff3f02; width: 25px;}
#swatches a.combo_tort_crystal, #swatches a.combo_tort_crystal:hover { border-right: 17px solid #fff; width: 25px;}

/*solids on About Page*/
#swatches_About a.c_antique{ background-position: 0 0; }
#swatches_About a.c_blush{ background-position: -100px 0; }
#swatches_About a.c_cobalt{ background-position: -200px 0; }
#swatches_About a.c_crystal{ background-position: -300px 0; }
#swatches_About a.c_1130{ background-position: -400px 0; }
#swatches_About a.c_grape{ background-position: -500px 0; }
#swatches_About a.c_ruby{ background-position: -600px 0; }
#swatches_About a.c_emerald{ background-position: -700px 0; }
#swatches_About a.c_rootbeer{ background-position: -800px 0; }
#swatches_About a.c_slate{ background-position: -900px 0; }
#swatches_About a.c_tangerine{ background-position: -1000px 0; }

/*two-tone*/
#swatches a.c_rootbeerCobalt{ background-position: -418px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches a.c_rootbeerCrystal{ background-position: -456px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches a.c_rootbeerEmerald{ background-position: -494px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches a.c_slateCobalt{ background-position: -532px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches a.c_slateEmerald{ background-position: -570px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches a.c_slateCrystal{ background-position: -608px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
	
/*two-tone ABOUT PAGE*/
#swatches_About a.c_rootbeerCobalt{ background-position: -1100px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches_About a.c_rootbeerCrystal{ background-position: -1200px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches_About a.c_rootbeerEmerald{ background-position: -1300px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches_About a.c_slateCobalt{ background-position: -1400px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches_About a.c_slateEmerald{ background-position: -1500px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
#swatches_About a.c_slateCrystal{ background-position: -1600px 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

#swatches a:hover, swatches_About a:hover{
	border:1px solid #000;
}

#swatches a span{
	display:none;
}

#swatches_About a span{
	position:relative;
	display:block;
	font-family:"poppins";
	font-size:0.7em;
	color:#fff;
	text-shadow: 3px 2px 5px #000;
	margin:40px auto 0;
	text-align:center;
	vertical-align:center;
}

#swatches_About a{
	text-decoration:none;
}

#swatches_About span.swatch_About_Color{
	position:relative;
	display:block;
	padding:0 0 0 10px;
	width:100px;
	-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}

/*************SWATCHES
**************************/

h4{
	text-align:center;
	font-size:0.8em;
	text-decoration:underline;
	font-weight:normal;
	margin:0;
}

h2.fancy{
	font-family: 'Merriweather', serif;
	font-size:3.0em;
	color: #4ac9f2;
	margin:-40px auto 30px;
}

h2.fancy_About{
	font-family: 'Merriweather', serif;
	font-size:3.0em;
	color: #4ac9f2;
	margin:0 auto;
}

h3.quad{
	margin:25px auto 0;
	font-size:0.9em;
}

p.staff{
	margin:25px;
}

.contact p{
	text-align:center;
}

.formContainer{
	margin:7%;
}

#contact label{
	display:block;
	margin:15px 0 0 0;
	text-align:left;
	font-size:0.9em;
}
#contact input[type='text'], #contact input[type='email'], #contact input[type='tel'], textarea{
    width: 60%;
    color: #000;
    font-size: 1.3em;
    border: #ccc solid 1px;
}



#btnSubmit{
	position:relative;
	display:block;
	width:50%;
	padding:10px;
	margin:30px auto;
	color:#fff;
	font-family:"poppins";
	font-size:1.0em;
	text-decoration:none;
}

#form-messages{
	position:relative;
	display:block;
	width:80%;
	margin:40px auto;
}

.success{
	font-family: 'Merriweather', serif;
	font-size:3.0em;
	color: #4ac9f2;
	margin:-40px auto 30px;
}

.error{
	font-family:"poppins";
	font-size:1.5em;
	color: #ff0000;
	margin:-40px auto 30px;
}

.featuredArtist{
	font-size:3.5em;
	color:#009ddc;
	font-weight:bold;
	margin-top:-50px;
}

.artistLinks{
	color:#000;
	font-weight:bold;
     font-family: Arial black;
    font-size: 1.2em;
}

#clothTitleOverlay{
    float: right;
    margin-top: -80px;
    background-color: #fff;
    padding: 0;
    margin: -80px 0 0 0;
	padding: 5px 30px;
	font-size: 0.8em;
}

.clothLabel{
	padding:0;
	text-align:center;
}

#intro p{
    color: #4ac9f2;
    font-size: 1.0em;
    font-family: 'poppins';
}

#aif-overlay{
	position: relative;
    margin: -200px 0 0 0;
}

#aif-overlay h1{
	font-size: 3.0em; 
     font-family: "poppins";
     color: transparent; 
     text-shadow: 0 0 5px rgba(0,0,0,1.0); 
}

#aif-overlay h2{
	font-size: 0.8em; 
     font-family: "poppins";
}

a.boldBabyBlue{
	color:#1cafdd;
	font-weight:bold;
	font-size:1.3em;
	font-family:"poppins";
}

a.boldWhite{
	color:#fff;
	font-weight:bold;
	font-size: 1.0em;
    font-family: "poppins";
    text-decoration: none;
}

h1.homeTrip{
	color:#fff;
	font-weight:bold;
	font-size: 1.3em;
    font-family: "poppins";
    text-decoration: none;
	margin-top: 25px;
}

p.learnMoreTrip{
	    color: #fff;
    font-size: 0.8em;
    font-family: "poppins";
    text-decoration: none;
    /* margin: 20px 5px -20px 5px; */
    text-align: center;
    padding: 25px 0;
}

span.forcedMobileTextBreak{
	display: block;
    margin: -40px 0 0 0;
}

.maps{
	    width: 99%;
    height: 200px;
    display: block;
}

#dotContainer{
	float:right;
	width:200px;
	height:200px;
	margin:-200px 0 0 0;
	overflow:hidden;
  }
  
  /*


. . . . . . . . . . . . . . . . . F O R M S


*/

#contactForm{
	position:relative;
	width:95%;
	margin: 0px auto 0;
	vertical-align:top;
	padding:5px;
}

.formContainer{
	position:relative;
	background:#f4f4f4;
	width:95%;
	margin: 0px auto 0;
	vertical-align:top;
	padding:5px;
	border-top:60px solid #00aedf;
}

.formContainer .breadcrumb{
	position:relative;
	width:100%;
	margin:-40px 0 30px 0;
	font-size:0.8em;
	color:#fff;
	padding:5px;
}

.formContainer p{
	font-size:0.8em;
}

.section{
	display:block;
	background:#fff;
	margin:10px 0;
	padding:5px;
	overflow:hidden;
}

#formContact .subsection1{
	float:left;
	width:10%;
}

#formContact .subsection2{
	float:right;
	width:90%;
}

.labelNewsletter{
    display:block;
	font-size:0.8em;
	margin:0 0 0 10px;
}

#formContact input{
	display:block;
	position:relative;
	width:90%;
	margin:0 auto;
}

input[type=checkbox] {
	position:relative;
	/* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding:10px;
}

input[type=radio] {
	position:relative;
    margin:10px;
}

#insuredBox{
	position:relative;
	display:inline-block;
	margin:-20px 0 0 20px;
}

.radioLabel{
	position:relative;
	display:inline;
	margin:0 5px 0 10px;
	font-size:0.8em;
	font-weight:bold;
}


#formContact label{
	position:relative;
	float:left;
	display:block;
	font-size:0.8em;
}

#contactForm label{
    /* position: relative; */
    /* float: left; */
    display: block;
    font-size: 0.8em;
}

#contactForm input{
    width: 60%;
    border: 1px solid #ccc;
}

#newsletterLabel{
	position:relative;
	display:inline;
	font-size:0.8em;
}

#formContact textarea{
	width:90%;
	margin:0 auto;
}


#formContact H1{
	font-size:0.9em;
	color:#00aedf;
}

#blueDot{
	position:relative;
	width:400px;
	height:400px;
	background:#00aedf;
	border-radius:200px;
	z-index:-21;
}

H3.promoRow{
    display: block;
    font-weight: bold;
    text-align: center;
    margin: 0px 0 20px;
    font-size: 0.8em;
    color: #00aedf;
}

H2.bodyTitle{
	font-size:1.4em;
}

.btnReqAppt{
	display: block;
    width: 90%;
    margin: 0 auto;
}

.naverator{
	display:none;
}

p.copyright{
	font-size:0.7em;
	text-align:center;
}

/*

B R A N D S

*/

#brandList{
	position:relative;
	display:block;
}

#brandList a{
	text-decoration: none;
	color: #000;
}

#brandList ul{
	list-style:none;
	padding:0;
	margin:0;
}

#brandList ul li{
	display:block;
	border:1px solid #000;
	margin:2%;
	padding:2%;
}  #brandList ul li:hover{border:1px solid #00aedf;}

#brandList ul li img{
	position:relative;
	display:block;
	width:90%;
	margin:0 auto;
}

.brandManu{
	position:relative;
	display:block;
	width:100%;
}

.brandLogo{
    position:relative;
	display:block;
	width:100%;
	max-width:300px;
	padding:3% 0;
	margin:0 auto;
} 

#brandRow{
    border: 1px solid #000;
    margin: 2%;
    /* width: 100%; */
    position: relative;
}

.brand_frame{
	 position: relative;
    margin: -4% 0 0 0;
    font-size: 1.1em;
    z-index: 1;
    color: #000;
}


#productList{
	position:relative;
	display:block;
}

#productList ul{
	list-style:none;
	padding:0;
	margin:0;
}

#productList ul a{
	text-decoration:none;
}

#productList ul li{
	display:block;
	border:1px solid #000;
	margin:2%;
	padding:2% 2% 5% 2%;
}  #productList ul li:hover{border:1px solid #00aedf;}

#productList ul li img{
	position:relative;
	display:block;
	width:90%;
	margin:0 auto;
	z-index:0;
}

.reviewButtons{
	width:100%;
	display:block;
	position:relative;
	    padding-bottom: 20px;
	
}

a.btnMaster, .btnMaster{
	position:relative;
	display:block;
	background:#00aedf;
	padding:10px 25px;
	margin:10px auto;
	text-align:center;
	    text-decoration: none;
		    max-width: 600px;
}

a.btnMaster span, .btnMaster span{
	display:block;	
	text-align:center;
	color:#fff;
	text-shadow: 5px 5px 15px #47d5fd;
}

a.btnMaster:hover, .btnMaster:hover{
	background:#12bbea;
	border:1px solid #00aedf inset;
}

#insuranceLogos{
    /* padding: 0 0 0 40px; */
    list-style: none;
    text-indent: -25px;
    text-align: center;
}

#insuranceLogos li{
        margin: 40px 0;
}

/*homepage pop up*/

.modalDialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.modalDialog:target {
  opacity: 1;
  pointer-events: auto;
}
.modalDialog > div {
    width: 70%;
    position: relative;
    margin: 10% auto;
    border-radius: 0;
    background: #00adf0;
    font-size: 18px;
    padding: 30px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}
.close {
    background: #808186;
    line-height: 24px; 
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 12px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.26);
}
.close:hover {
  background: rgb(98, 99, 105);
}
.close a, .close a:visited {
    color: #fff;
}

/*top bar*/

.top-bar p {
    text-align: center;
    line-height: 1.2em;
    padding: 0;
    font-size: 0.9em;
}
.top-bar {
    background: rgba(0, 173, 240, 0.7);
    padding: 10px;
}

/*round button*/
a.round-button, .round-button a{
text-decoration: none;
    padding: 8px 16px;
    border: solid #00adf1 0.15em;
    border-radius: 24px;
    font-weight: 600;
    color: #5d5d5f;
    font-size: 0.9rem;
    letter-spacing: 0.01em;
    transition: all 0.2s ease-in;
    display:inline-block;
}
a.round-button:hover, .round-button a:hover {
    background-color: #5ac5f5;
    color: #4a4949;
    transition: all 0.2s ease-in;
    border-color: #5ac5f5;
}
a.round-button.black-button:hover {
    background-color: #5c5c5c;
    color: #fff;
}
a.round-button.black-button {
    border-color: #5c5c5c;
    color: #222;
}
.about-hours-left-exams, .about-hours-right-exams {

padding-bottom:30px;}

/*logos on frames and insurance page*/
.logo-inside {
    border: black 1px solid;
    box-sizing: border-box;
    margin: 2%;
    }
.logo-inside img {
    width: 70%;
    padding-top: 5%;
    padding-bottom: 5%;
}
.brands-logos-container {
	padding-bottom:20px;
}
.logo-inside:hover {
    border: 1px solid #00aedf;
}
/*half boxes*/
.half{
padding-top:20px;
}
/*flodesk newsletter subscription form*/
.fd-root .ff__container {
max-width:none !important;
width:100% !important;

}
.flodesk-form{
background-color:#F9F9F9;
margin-top:20px;
}
.flodesk-form-dark{
	background-color: #231F20;
    margin-top: 3rem;
    padding-top: 1rem;
    padding-bottom: 1.2rem;
}
/*faq section*/

.panel {
  padding: 0 18px;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.faq-blurb p {
    text-align: center;
}


.faq-section{
margin-bottom:25px;
}

.faq-section-list p {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    width: 99%;
    padding-bottom: 0;
    text-align: left;
}
.faq-section-list {
    width: 90%;
    margin:auto;
}
.accordion {
    color: #444;
    cursor: pointer;
    padding: 15px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}
/*faq button*/

button.accordion.active, .accordion:hover {
    background: rgba(0, 173, 240, 0.7);
    color: #000;
}
button.accordion:after {
    content: url(img/right-arrow.svg);
    float: right;
    margin-left: 5px;
    width: 6px;
    height: 6px;
/* 
    transition: all 0.1s ease-in-out;
 */
}
button.accordion.active:after {
    transform: rotate(90deg);
    margin-top: 6px;
    margin-right: -5px;
}


/* homepage css move*/

.home-page .inside-padding {
    padding: 5%;
    padding-bottom:0;
}

.home-image-half img {
    width: 100%;
}
.home-page p {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 9px;
}
.blue-outline-box .circle-left img {
    width: 100%;
}
.blue-outline-box .circle-left {
    width: 60%;
    margin: auto;
    margin-bottom: 30px;
}
.flex-column {
    flex-direction: column;
}
.blue-outline-box {
    border: solid 2px #01ABEE;
    padding: 8% 3%;
    margin-bottom: 20px;
}
.home-page h2, .home-page .lindberg-home-blurb h1 {
    color: #01ABEE;
    font-size: 29px;
    padding: 0;
    margin: 5px 0 15px 0;
}
.home-page-top {
    margin-bottom: 35px;
}
.blue-outline-box h2 {
    text-align: center;
}
.home-page h3 {
    width: 100%;
    text-align: left;
    font-size: 19px;
    margin: 0;
    padding: 0 0 10px 0;
}
.home-page h4 {
    text-align: left;
}
.blue-outline-box .text-right {
margin:2%;
}
.blue-outline-box .row-one {
    margin-bottom: 5%;
}

.home-page h1 {
    color: #5D5D5F;
    font-size: 38px;
    text-align: left;
    margin: 0;
    padding: 0;
    margin-bottom: 13px;
}

.home-page-top h2 {
    text-align: left;
}
.home-image-right {
    padding-top:20px;
}
.home-page h4 {
    text-align: left;
    text-decoration: none;
    padding: 0;
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    color: #808186;
    margin-bottom: 15px;
    margin-top: 15px;
}
.home-button {
    text-align: left;
    margin: 0;
/* 
    margin-bottom: 40px;
    margin-top: 32px;
 */
 margin-bottom: 8px;
    margin-top: 7px;
}
.location-marker {
    float: left;
    padding-right: 14px;
}
.gray-callout {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 18px;
}

.gray-callout .message {
    padding-top: 5px;
}
.blue-callout {
    background-color: #5ac5f5;
    padding: 18px 18px 13px 18px;
    margin-top: 25px;
}

p.my-20px {
    margin: 20px 0 30px 0;
}

.row-two {
    padding-top: 5%;
}

/*homepage pew graphic*/
.pew-graphic-1-inside {
    width: 90%;
    margin: auto;
    background-color: #fff;
    border: solid 2px #4AC9F2;
}
.pew-left-picture-1 {
    width: 100%;
      /*  background-image: url(/img/PEW_Model_Session_Dayanna_0710-cropped.jpg);*/
    background-image: url(/img/home/pew-model-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 400px;
}
.pew-left-picture-1 img {
    width: 100%;
}
.pew-right-text-1 {
/* 
    width: 40%;
 */
    text-align: left;
    padding: 5%;
    background-image: url(/img/right-yellow-bar.svg);
    background-repeat: no-repeat;
    background-position: bottom 20px right 8%;
}
.homepage-pew-graphic-1 {
    margin: auto;
    background-image: url(/img/pew-left-back-2.svg);
    background-repeat: no-repeat;
    background-position: top 0 left -25px;
    padding-top: 41px;
    margin-bottom: 30px;
}


.homepage-pew-graphic-1 h2 {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    color: #222222;
    letter-spacing: 0.05em;
    font-size: 30px;
}
h2.blue-pew-subtitle{
    text-transform: uppercase;
    font-family: 'poppins';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 1px;
    color: #01ABEE;
}
a.pew-black-button, .pew-black-button a {
    background-color: #000000;
    padding: 10px 16px;
    font-family: 'poppins';
    letter-spacing: .05em;
    text-transform: none;
    line-height: normal;
    color: #fff;
    display: inline-block;
    transition: .2s all ease-in-out;
    text-decoration: none;
    font-weight: 600;
}
a.pew-black-button:hover, .pew-black-button a:hover {
    background-color: #fff200;
    color: #000000;
    transition: .2s all ease-in-out;
}

.pew-button{
margin-bottom:30px;}
.homepage-pew-graphic-1 li {
    font-family: 'Courier Prime';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 15px;
    counter-increment: item;
}
.homepage-pew-graphic-1 ol {
    margin-top: 30px;
    list-style: none;
    counter-reset: item;
    margin-bottom:0;
}

.homepage-pew-graphic-1 li:before {
    margin-right: 10px;
    content: counter(item);
    background: #FFF200;
    border-radius: 50%;
    color: black;
    width: 21px;
    text-align: center;
    display: inline-block;
    margin-left: -41px;
    font-family: 'poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    padding: 5px;
}
/*black friday promo*/
.black-friday-promo {
    color: #fff;
    background-color: #231f20;
    padding: 30px;
}
p.font-weight-bold {
    font-weight: bold;
}
.text-center p, .text-center h1, .text-center .home-button, .text-center h2 {
    text-align: center!important;
}
.home-page p {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 9px;
}
.text-uppercase {
    text-transform: uppercase;
}
sup.text-lowercase {
    text-transform: lowercase;
}
.black-friday-promo h1 {
    font-size: 3.5em;
    letter-spacing: 0.03em;
}
.black-friday-promo p.top-title {
    font-size: 0.8em;
    letter-spacing: 0.1em;
}
h2.white-text, h1.white-text {
    color: #fff;
}
.highlight-dates {
    color: #000;
    background-color: #fff;
    display: inline-block;
    padding: 5px 20px 3px 20px;
    margin-bottom: 18px;
    letter-spacing: 0.05em;
}
.highlight-dates p {
    margin-bottom: 0;
}
svg.svg-inline--fa.fa-gift-card.fa-w-18.fa-3x {
    width: 42px;
    color: #04abda;
}

a.round-button.white-button:hover {
    background-color: #fff;
    color: #000;
        border-color: #fff;
}
a.round-button.white-button {

    color: #fff;
}
.black-friday-promo p.larger-text {
	font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    }
.black-friday-promo h1 {
    font-size: 5em;
    line-height:1;
}
.black-friday-promo .blue-outline-box {
    border: solid 2px #04abda;
}
.black-friday-promo h2 {
    color: #04abda;
    letter-spacing: 0.02em;
}
p.tiny-text {
    font-family: 'Courier Prime';
    font-size: 9px;
}
/*bootstrap min*/
/*
.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}

@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}

@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}

@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}

@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}

.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}
*/
/*more bootstrap code*/
.bg-white {
    background-color: #fff!important;
}
.d-none { 
	display: none !important; 
}

.text-left {
text-align:left;
}
.w-100{
width:100% !important;
}
.ml-0{
margin-left:0 !important;
}
.w-100
{ max-width: 100%;
height:auto;
}
.pl-0{
padding-left: 0 !important;
}
.fixed-width-body {
/*    max-width: 1280px;
*/    
    margin: auto;
    float: none;
    margin-top: 30px;
}
.opacity-0{
opacity: 0 !important;
}
.dark-background{
background-color:#000;
}
.mr-0{
margin-right:0 !important;}
.mb-2rem {
    margin-bottom: 2rem !important;
} 
.text-center{
text-align:center !important;
}
.light-gray-rule-fixed {
    border-bottom: 1px solid rgba(0,0,0,0.20);
}
.img-fluid {
    max-width: 100% !important;
    height: auto !important;
}
.d-flex {
    display: flex !important;
}
.mb-1rem{
margin-bottom:1rem !important;
}
/*bootstrap min*/
.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}

@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}

@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}

@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}

@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}

.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}

/*more bootstrap*/
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}



.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}


.border-0 {
  border: 0 !important;
}



.border-top-0 {
  border-top: 0 !important;
}

.border-end-0 {
  border-right: 0 !important;
}


.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start-0 {
  border-left: 0 !important;
}


.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}


@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}

/*bootstrap ends*/
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
/*the lindberg shop*/
.box-one, .three-boxs-single {
    border: rgba(0,0,0, 0.20) 0.06rem solid;
    box-sizing: border-box;
    margin: 2%;
}
.box-info {
    padding: 1.8rem 2rem 3rem 2rem;
}
.lindberg-video video {
    width: 100%;
	margin-bottom: 2rem;
}
.lindberg-info h2 {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}
.lindberg-one-box, .lindberg-two-boxes {
    background-color: rgba(0, 0, 0, 0.03);
    margin: 2%;
}
/*order free lindberg parts*/

.temple-tips .menu-row.one {
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
}
.box-menu-section {
    margin: 2%;
}
.temple-tips .menu-row.one, .temple-tips .menu-row.two, .nose-pads .menu-row.one {
    padding-bottom: 2rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

.nose-pads .menu-block.one, .nose-pads .menu-block.two {
    border-bottom: solid 1px rgba(0,0,0,0.20);
    padding-bottom: 1.5rem;
    margin-bottom: 0.5rem;
}
.nose-pads .menu-block.two.last{
border-bottom:0;
}
.temple-tips .menu-image.one {
    margin-bottom: 2rem;
}
.nose-pads h4 {
    padding-top: 0;
    text-decoration: none;
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
    color: #01ABEE;
    font-weight: 600;
    letter-spacing: 0.03rem;
}
.temple-tips h3, .nose-pads h3 {
    font-size: 1.8rem;
    color:#707070;
}
.chart-with-icon img {
    margin-bottom: 1.5rem;
}
.chart-with-icon h2 {
    margin-bottom: 2rem;
}
.chart-with-icon h2 {
    margin-bottom: 2rem;
}
.chart-with-icon p {
    margin-bottom: 2rem;
}
.chart-with-icon p:last-child {
    margin-bottom: 0;
}
/*lindberg shop call out*/
.background-dark {
    background: #231f20;
    color: #ffffff;
}

.lindberg-call-out {
    padding: 3rem 2% 0rem 2%;
    margin: 3rem 0;
}
.call-out-info-right {
    padding: 1.8rem 2rem 3rem 2rem;
}

.lindberg-call-out.multi-rows{
padding:0;
margin:0;
display:block;
}
.lindberg-call-out.multi-rows .row {
    padding: 2rem 0;
    margin: auto;
}
.lindberg-call-out.multi-rows .picture-left {
    width: 80%;
    margin: auto;
}
.lindberg-call-out.multi-rows .picture-left img {
    width: 100%;
}
.lindberg-call-out.multi-rows {
    margin: 2rem 0;
    padding: 1.5rem;
}
.lindberg-call-out.multi-rows .call-out-info-right {

    padding: 2rem 0rem 0rem 0rem;
}

/*faq section*/


.faq-section-list p {
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    width: 99%;
    padding-bottom: 0;
    text-align: left;
}

/*faq button*/

button.accordion.active, .accordion:hover {
    background: rgba(0, 173, 240, 0.7);
    color: #000;
}
button.accordion:after {
    content: url(/img/right-arrow.svg);
    float: right;
    margin-left: 5px;
    width: 6px;
    height: 6px;
/* 
    transition: all 0.1s ease-in-out;
 */
}
button.accordion.active:after {
    transform: rotate(90deg);
    margin-top: 6px;
    margin-right: -5px;
}



/*overall gift card styles*/

.gift-card-promo.text-center {
    padding: 30px;
    padding-bottom: 1px;
}
svg.svg-inline.fa.fa-gift-card.fa-w-18.fa-3x {
    width: 30px;
}
/*max your flex sale*/
.max-your-flex {
    background-color: #ffe117;
    color: #264290;
    font-size: 17px;
}
.max-your-flex .blue-outline-box, .max-your-flex .blue-outline-box h2, .max-your-flex a {
    border-color: #264290;
    color: #264290;
}
.max-your-flex a.round-button {
    border-color: #264290;
    color: #fff;
    background-color: #264290;
}
.max-your-flex a.round-button:hover {
    border-color: #221f1e;
    color: #ffe117;
    background-color: #201e22;
}



/*slider*/
/* Slideshow container */
.slideshow-container {
    position: relative;
    height: auto;
}
.slideshow-container img {
    width: 100%;
    height: auto;
}
.slider-text-right {
padding:25px 30px 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgba(0,0,0,0.04);
}

  
.mySlides {
    position: relative;
    width:auto;
}
.slide-caption {
    color: #ffffff;
    font-size: 0.9em;
    padding: 0.6em 1em 0 1em;
    position: absolute;
    bottom: 1em;
    text-align: center;
    background: #000000;
    opacity: 0.9;
    font-weight: 700;
    letter-spacing: 0.02em;
}
/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #ffffff;
  opacity:0.6;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
opacity:1;
}
.slideshow-nav {
    position: absolute;
    bottom: 1em;
	right:1em;
}
/* Next & previous buttons */
/* 
.prev, .next {
  cursor: pointer;
  position: absolute;
}
 */

/* Position the "next button" to the right */
/* 
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
 */


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/*home*/


.home-page h1 {
    font-size: 27px;
    }
h4.blue-border-bottom {
    display: inline-block;
    border-bottom: solid #00adf1 0.15em;
    float: left;
    margin-bottom:3em;
}
h4.phone{
font-size: 21px;
}
a.dark-button, .dark-button a {
    color: #fff;
}
.home-lindberg-callout video {
    width: 100%;
}
.home-lindberg-callout {
    background-color: #231f20;
    color: #fff;
    margin: auto;

}
.lindberg-home-blurb {
    padding: 2rem 2rem 2.5rem 2rem;
}

.lindberg-home-blurb a.dark-button {
    margin-top: 0.5rem;
}
/* large slider */

.lindberg-images img {
    width: 100%;
    margin-bottom:1rem;
}
.lg-slideshow.slideshow-container {
    margin-bottom:2rem;
}
.center-dots .slideshow-nav {
    position: absolute;
    bottom: 1em;
    display: flex;
    justify-content: center;
    width: 100%;
}
.prev, .next {
  cursor: pointer;
  position: absolute;
}
.prev {
    background-image: url(/img/left-arrow-1.png);
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    left: 1rem;
    top: 50%;
}
.prev:hover {
    background-image: url(/img/left-arrow-2.png);
}
.next {
    background-image: url(/img/right-arrow-1.png);
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    right: 1rem;
    top: 50%;
}
.next:hover {
    background-image: url(/img/right-arrow-2.png);
}
.slider-reverse{
	display:flex;
    flex-direction: column-reverse;
}
.blue-dots .dot {
    background-color: #02afe1;
}
/*slider ends*/
.fixed-width-body li {
    margin-left: 1rem;
}
.fixed-width-body ol, ul {
    margin: auto;
}

/*lindberg sale*/
.lindberg-fall-event{
    display: flex;

    background-color: #130D07;
}
.lindberg-fall-event .text-area {
    width: 60%;
}
.lindberg-fall-event .image-area {
    width: 40%;
}
.text-mustard{
    color: #DEB441;
}

/*shorter header*/
img.logo-1 {
    width: 16rem;
    padding: 0.5rem 0 0 1rem;
}
.text-black{
	color:#222 !important;
}

/*locations and hours*/



.locations-and-hours h3 {
    font-size: 1.8rem;
}

.store-hours-box {
    width: 16rem;
   border: solid #00adf1 0.15em;
       display: table;
}

.store-hours-box p, .store-hours-box h3 {
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
    width: 100%;
}

.store-hours-box p {
    padding-bottom: 0.2rem;
}


.service-info h3, .service-info p {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    width: 100%;
}

.service-info {
    width: 88%;
    margin:auto;

}


.service-info h3 {padding-top: 0; padding-left:0;}

.day-left {
    width: 4rem;
}
.store-hours-box-inside {
    margin: auto;
    display: table;
    padding-top: 0.5rem;
    padding-bottom: 1.7rem;
}
.store-hours-box h3{
color:#01ABEE;
font-size: 1.56rem;
}
.d-box-2{
display:none;}
.slider-2 p {
    padding-bottom: 0.7rem;
}
/*moscot*/

 .box-single {

}
.top-slider.slider-2 {
    margin-bottom: 2rem;
}
.mb-3rem{
margin-bottom:3rem;
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.mt-1rem {
    margin-top: 1rem;
}
.pb-2rem {
    padding-bottom: 2rem !important;
}
.text-black {
    color: #000 !important;
} 

.eye-doctor {
    width: 7rem;
    margin-left: auto;
    margin-right: auto;
}


	.logo-group.three, .logo-group.four {
    width: 99%;
}
	
.three .logo-box, .four .logo-box {
    margin-left: 1%;
}

/*
	.logo-group img {
    width: 80%;
}
*/
.lt-gray-background {
    background-color: #f9f9f9;
}
.border-gray{
	border:rgba(0, 0, 0, 0.20) 0.06rem solid;
}

	.hubspot-frame {
    width: 90%;
    margin: auto;
}

				.insurance-logo-max-width
{
    max-width: 22rem;
}

.usa-banner .middle {
    max-width: 6rem;
}

/*homepage 2025*/

	.light-blue-background {
		background: #5CDFFF;
	}
		/* ====================================================================
			   Media Queries
		========================================================================== */
@media only screen and (min-width: 400px) {
		   		
/* 
.logo {
    width: 230px;
    margin-top:7px;
}
 */		   		
}	

@media only screen and (min-width: 462px) {
		   		
/* 
.nav-collapse ul{
    margin-top: 26px;
    }
 */
}			   		
		
@media only screen and (min-width: 550px) {
			
			
			.glassImageContainer{
				width:500px;
				height:250px;
				overflow:hidden;
				margin:0 auto;
			}
			
			.glassImageContainer img{
				position:relative;
				width:500px;
				margin:0 0 0 0;
			}
			
			.glassImageContainer img:hover{
				margin:-250px 0 0 0;
			}
			
			.frameFrameContainer{
				width:400px;
				height:200px;
				overflow:hidden;
				margin:0 auto;
			}
			
			.frameFrameContainer img{
				position:relative;
				width:400px;
				margin:0 0 0 0;
			}
			
			.frameFrameContainer img:hover{
				margin:-200px 0 0 0;
			}
			
			.topFrameRow H1{
				display:block;
				margin:25px 0 0 0;
				font-size:1.7em;
			}
			
			
			span.specOut{
				display:inline-block;
				color:#666;
			}
			
			.pipe{
				margin:0 30px;
				display:inline;
			}
/* #artist-pic-featured{ background:url("../img/james-dupree.jpg")  no-repeat center center; background-size:cover;}		 */								
#artist-pic-eades{ background:url("../img/pew_halfer_aif_eades.jpg")  no-repeat center center;/* padding-top:0;padding-top:80%; */ background-size:cover;}										
#artist-pic-donovan{ background:url("../img/pew_halfer_aif_timothyODonovan.jpg")  no-repeat center center; /* padding-top:80%; */ background-size:cover;}
#artist-pic-williams{ background:url("../img/pew_halfer_aif_tamishaWilliams.jpg")  no-repeat center center;/*  padding-top:80%; */ background-size:cover;}
#artist-pic-garrity{ background:url("../img/pew_halfer_aif_jennyGarrity.jpg")  no-repeat center center; /* padding-top:80%; */ background-size:cover;}
#artist-pic-schmuckler{ background:url("../img/pew_halfer_aif_schmuckler.jpg")  no-repeat center center;/*  padding-top:80%; */ background-size:cover;}
#artist-pic-singer{ background:url("../img/pew_halfer_aif_combo_singer.jpg")  no-repeat center center; /* padding-top:80%; */ background-size:cover;}
#artist-pic-chris-eads{ background:url("../img/pew_halfer_aif_combo_chrisEads.jpg")  no-repeat center center; /* padding-top:80%; */ background-size:cover;}		
		}


@media (min-width: 576px) {

	.three .logo-box {
    width: 32%;
/*    border: solid 0.006rem #ccc;*/
}
	    .four .logo-box {
        width: 23%;
    }
}
			@media only screen and (min-width: 750px) {
			

/* 
			header {
			  background: #fff;
			  position: fixed;
			  height:165px;
			  height: 145px;
			  z-index: 3;
			  width: 100%;
			  text-align:center;
			  left: 0;
			  top: 0;
			  border-bottom: 1px #ccc solid;
			}
 */
			

			
			p,ol,ul {
			  width: 85%;
			  font-size:1.0em;
/* 
			  margin: 0 auto;
 */
			  padding:0 0 20px 0; 
			}
			.body-inside ul {
    width: 85%;
    font-size: 1.0em;
    margin: 0 auto;
    padding: 0 0 20px 0;
    text-align: left;
}

.body-inside li {
    margin-left: 30px;
}	
		  
			  .fullyInsert, .fullyLogo{
				display:block;
			}
			
			.innerRowStackTwo{
				position:relative;
				width:100%;
				overflow:hidden;
				padding-top:0;
				
			}
			
			.innerRowStackTwoArtist{
				position:relative;
				display:flex;
				overflow:hidden;
				clear:both;
				width:100%;
			}
			
			.innerRowStackTwoSubPage{
				position:relative;
				width:100%;
				overflow:hidden;
				padding-top:0;
				
			}
			
			
			
			
			
			.innerRow-stackFour .qtr{
				float:left;
				width:25%;
				position:relative;
				display:block;
			}
			
			
			.innerRowStackTwo .half, .innerRowStackTwoArtist .half{
				    width: 47.5%;
					margin: 1% 0 1% 1.5%;
					display: inline;
					clear: none;
					position: relative;
			}


			
			
			.innerRowStackTwo .half img, .innerRowStackTwoArtist .half img{
				display:inline-block;
				width:92%;
				margin:2%;
			}
			
			.innerRowStackTwoSubPage .half{
				 float: left;
				width: 47.5%;
				display: inline;
				clear: none;
				margin: 1% 0 1% 1.5%;
				display: block;
				/* clear: none; */
				border: #000 solid 1px;
			}
			
			.innerRowStackTwoSubPage .halfSmall{
				        width: 42%;
						margin: 1% 4%;
						display: inline;
						clear: none;
						border: none;
						text-align: justify;
			}
			
			.innerRowStackTwo .half a.cta{
				position:relative;
			}
			
			.innerRowStackTwo .halfYellow{
				float:left;
				width:100%;
				display:block;
				clear:both;
				background:#fff200;
			}
			
			.mobileHalfer{
				display:none;
			}
			
			#desktopHalfer{
				display: inline-block;
				max-height: 400px;
			}
			
			.innerRow-trips{
				width:100%;
				margin:0 auto;
			}

			.innerRow-trips .trip{
				    width: 33.3%;
					margin: 0 auto;
					/* padding: .5%; */
					min-height: 200px;
					position:relative;
			}
			
			p.learnMoreTrip{
				    color: #fff;
    font-size: 0.8em;
    font-family: "poppins";
    text-decoration: none;
    /* margin: 20px 5px -20px 5px; */
    /* text-align: right; */
    position: absolute;
    /* right: 5px; */
    bottom: 5px;
    /* text-align: center; */
    width: 100%;
			}

			
			.loveTrain{background: url("../img/eyeglasses/loveTrain_antique_m_sun_1000.jpg");}

			h1.primary {
			  font-size:1em;
			}
			
			.glassImageContainer{
				width:200px;
				height:100px;
				overflow:hidden;
				margin:0 auto;
			}
			
			.glassImageContainer img{
				position:relative;
				width:200px;
				margin:0 0 0 0;
			}
			
			.glassImageContainer img:hover{
				margin:-100px 0 0 0;
			}
			
			.frameFrameContainer{
				width:600px;
				height:300px;
				overflow:hidden;
				margin:0 auto;
			}
			
			.frameFrameContainer img{
				position:relative;
				width:600px;
				margin:0 0 0 0;
			}
			
			.frameFrameContainer img:hover{
				margin:-300px 0 0 0;
			}
			

			#optical_glasses{background:url("../img/pew_halfer_optical_glasses.jpg") no-repeat center center;}
			#optical_human{background:url("../img/pew_halfer_optical_human.jpg") no-repeat center center;}
			#sun_glasses{background:url("../img/pew_halfer_sun_glasses.jpg") no-repeat center center;}
			#sun_human{background:url("../img/pew_halfer_sun_human.jpg") no-repeat center center;}
			
			

			#homeSlider, #aboutSlider{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/pew_homeSlider_senior.jpg") no-repeat center center;
				background-size: cover;
				background-repeat: no-repeat;
				padding-top:64.8%; /* w /h * 100*/
			}
			
			#aboutSlider{
				margin-top:-25px;
			}
			
			#retailerSlider{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/pew_retailerSlider.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%; 
			}
			
			#aifSlider{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/pew_aifSlider_banner.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:18.08%; 
			}
			
#aifClothSlider{
	position:relative;
	display:block;
	clear:both;
	width:100%;
	height:0;
	background:url("../img/There-are-No-Lambs-in-the-Jungle.jpg") no-repeat center center;
	background-size: contain;
    background-repeat: no-repeat;
	padding-top:64.16%; 
}
			
			
			#campaign_tort{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/pew_homeSlider_1200_tort.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				/* padding-top:64.8% */
				padding-top: 58.8%;
			}
			
			#campaign_contact{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/iv_homeSlider_1200_contactLensClub.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%; 
				clear:both;
			}

	#campaign_icb{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/iv_homeSlider_1200_icberlin-event.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%; 
				clear:both;
			}

			#HOMESALE{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/black-friday-web-banner-1600.jpg") no-repeat center center;
				background-size: cover;
				background-repeat: no-repeat;
				padding-top:64.8%; 
				clear:both;
			}
.top-banner-phone {
    display:none;
}
.top-banner-lg  {
    display:block;
}
.top-banner-lg img {
    width: 100%;
}
			#campaign_tort_home{
				position:relative;
				display:block;
				width:100%;
				height:0;
				background:url("../img/pew_tortoise_1200_banner.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%
			}
			
			
			
			#homeSliderSub{
				position:relative;
				display:block;
				clear:both;
				width:100%;
				height:0;
				background:url("../img/pew_homeSlider_blueWave.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%; /* w /h * 100*/
			}
			
			.aboutFully{
				position:relative;
				display:block;
				clear:both;
				width:100%;
				height:0;
				background:url("../img/pew_homeSlider_create.jpg") no-repeat center center;
				background-size: contain;
				background-repeat: no-repeat;
				padding-top:64.8%; /* w /h * 100*/
			}
			
			#homeSlider p{
				position:relative;
				margin-top:-40px;
			}
			
			.frameNameHome{
				position:relative;
				display:block;
				width:50%;
				padding:10px;
				margin:10px auto 0;
				color:#000;
				font-family:"mono";
				font-size:0.9em;
				text-decoration:none;
			}
			
			#membersRow img{
				position:relative;
				width:80%;
				
			}
			#membersTitle{
				text-align:center;
/* 
				padding:0 5px 5px; this is adding extra padding to the website on the right
 */
				margin:0 0 0 0;
			}
			
			#membersRow{
				padding:10px;
			}
			
			#home_instagram{
				background:#fff;
			}
			
			.topFrameRow H1{
				display:block;
				margin:25px 0 0 0;
				font-size:2.0em;
			}
			
			span.label{
				float:left;
				display:inline-block;
				margin:15px 0 0 0;
				height:38px;
				vertical-align:center;
			}

			.formContainer{
				margin:10% 7% 0 0;
			}
			
			
			#contact label{
				display:block;
				margin:15px 0 0 0;
				text-align:left;
				font-size:0.9em;
			}
			#contact input[type='text'], textarea{
				width:60%;
				color:#000;
				font-family:'poppins';
				font-size:1.3em;
			}
			
			#btnSubmit{
				position:relative;
				display:block;
				width:30%;
				padding:10px;
				margin:30px auto;
				color:#fff;
				font-family:"poppins";
				font-size:1.0em;
				text-decoration:none;
			}
			
			#scatContainer{
				width:96%;
				margin:35px auto 0;
				overflow:hidden;
			}
			.scat{
				display:inline-block;
				margin:0 auto;
				padding:2%;
			}
			
			ul.retailers{
			  width: 90%;
			  font-size:1.2em;
			  font-weight:bold;
			  margin: 0 20px 25px -20px;
			  text-align:center;
			}
			
			ul.retailersBlue {
			  width: 90%;
			  font-size:1.4em;
			  font-weight:bold;
			  margin: 55px 20px 25px -20px;
			  text-align:left;
			}
			
			a.frameNameHomeLink{
				position:relative;
				display:block;
				color:#4ac9f2;
				font-family:"poppins";
				font-size:1.1em;
				margin:0 0 0 0;
			}
/* 
#artist-pic-featured{ background:url("../img/james-dupree.jpg")  no-repeat center center;padding-top:0;}													
 */
#artist-pic-singer{ background:url("../img/pew_halfer_aif_combo_singer.jpg")  no-repeat center center; padding-top:0; background-size:cover;}
#artist-pic-schmuckler{ background:url("../img/pew_halfer_aif_schmuckler.jpg")  no-repeat center center; padding-top:0;}
#artist-pic-donovan{ background:url("../img/pew_halfer_aif_timothyODonovan.jpg")  no-repeat center center; padding-top:0;}
#artist-pic-williams{ background:url("../img/pew_halfer_aif_tamishaWilliams.jpg")  no-repeat center center; padding-top:0;}
#artist-pic-garrity{ background:url("../img/pew_halfer_aif_jennyGarrity.jpg")  no-repeat center center; padding-top:0;}
#artist-pic-eades{ background:url("../img/pew_halfer_aif_eades.jpg")  no-repeat center center; padding-top:0;}
#artist-pic-chris-eads{ background:url("../img/pew_halfer_aif_combo_chrisEads.jpg") no-repeat center center; padding-top:0;}


			span.forcedMobileTextBreak{
				display:none;
			}

H3.promoRow{
    font-size: 1.2em;

}



H2.bodyTitle{
	font-size:1.8em;
}

/*

					B R A N D S
					
					*/
					/*
					.twin75{
						
						display:inline-block;
						float:right;
						width:70%;
						padding:1%;
						height:100%;
						vertical-align:top;
						border:1px solid #333;
					}
					
					.twin75 p, .twin75 H1{
						margin:2% 1%;
					}*/
					
					#brandList{
						display:inline-block;
						width:94%;
						padding:0;
						height:100%;
						vertical-align:top;
						border:none;
					}
					
					#brandList a{
						text-decoration: none;
						color: #000;
					}
					
					#brandList ul{
						position:relative;
						width:100%;
						list-style:none;
						padding:0;
						margin:0;
					}
					
					#brandList ul li{
						position:relative;
						display:block;
						border:1px solid #000;
						margin:0 0 2% 0;
						padding:2%;
						overflow:hidden;
					}  #brandList ul li:hover{border:1px solid #00aedf;}
					
					#brandList ul li img{
						float:left;
						width:38%;
						margin:0 auto;
						vertical-align:middle;

					}
					
					#brandList ul li p{
						float:right;
						width:58%;
						height:100%;
					}
					
					.brandManu{
						float:left;
						width:60%;
						padding:0 2% 2% 0;
					}
					
					.brandLogo{
						position:relative;
						display:block;
						width:30%;
						padding:0 0 3% 0;
						margin:0 auto;
					}
					
					.brand_frame, .brand_price{
						position:relative;
						margin:-2% 0 0 0;
						font-size:1.3em;
						z-index:1;
					}
					
					#productList{
				position:relative;
				display:block;
				margin:0 auto;
			}
			
			#productList ul{
				width:100%;
				list-style:none;
				padding:0;
				margin:0 auto;
			}
			
			#productList ul li{
				width:45%;
				display:inline-block;
				border:1px solid #000;
				margin:1% auto;
				padding:2%;
			}  #productList ul li:hover{border:1px solid #00aedf;}
			
			#productList ul li img{
				position:relative;
				display:block;
				width:100%;
				margin:0 auto;
				z-index:0;
			}
			
			#brandRow{
    border: 1px solid #000;
    margin: 2%;
    /* width: 100%; */
    position: relative;
	overflow:auto;
}

				
	.about-hours-left {
/* 
    padding-bottom: 110px;
 */

    padding-bottom: 65px;
    }
    
.about-hours-right {
    padding-bottom: 20px;
}
					
	.about-hours-left-exams  {
/* 
    padding-bottom: 87px;
 */
    padding-bottom: 121px;

    }
.about-hours-right-exams {
    padding-bottom: 40px;
}	
		
				/*temporary operations page*/
		.flex{ display:flex;}
.email-left{width:50%;    margin-left: 4%;}
.call-right{width:50%}
.modalDialog > div {
    width: 400px;
}
		.center{text-align:center;}
.gray-text {color: #5a5a5a;}
.medium-h3{font-size: 26px;}


/*logos on frames and insurance page*/
.logo-inside {
    flex: 0 48%;
    border: black 1px solid;
    box-sizing: border-box;
    margin: 1% 0% 0.5% 1.3%;
    }
.brands-logos-container {
  display: flex;
  flex-wrap: wrap;
}  

.faq-section-list {
    display: flex;
    width: 90%;
    margin: auto;
    
}

.faq-section-left {
    width: 49%;
    margin-right: 1%;
}
.faq-section-right {
    width: 49%;
    margin-left: 1%;
}
/*new home*/
.home-image-half {
    width: 45%;
}
.home-image-right {
    padding-left: 5%;
    width: 48%;
    padding-top: 2%;
}

.blue-outline-box .circle-left {
    width: 28%;
    margin: 0;
}
.gray-callout {
    padding: 26px;
}
.home-page h1 {
	font-size: 43px;
   margin-bottom: 25px;
}

.black-friday-promo h1 {
    font-size: 5em;
    line-height:1;
}
.blue-outline-box {
    border: solid 2px #01ABEE;
    padding: 5% 10%;
    margin-bottom: 35px;
}

.blue-outline-box h2 {
    text-align: left;
}
.light-gray-rule {
    border-bottom: 1px solid rgb(0 0 0 / 0.20);
}
.blue-callout {
    background-color: #5ac5f5;
    padding: 25px 30px 20px 30px;
    margin-top: 25px;
}
.home-page .inside-padding {
    max-width: 1640px;
    margin: auto;
}
.blue-outline-box .text-right {
    margin: auto;
    margin-left: 5%;
}

/*pew homepage graphic*/
.pew-left-picture-1 {
    width: 50%;
/*    background-image: url(/img/PEW_Model_Session_Dayanna_0710-cropped.jpg);*/
	background-image: url(/img/home/pew-model-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height:auto;
}
.pew-right-text-1 {
    width: 40%;
    text-align: left;
    padding: 5%;
    background-image: url(/img/right-yellow-bar.svg);
    background-repeat: no-repeat;
    background-position: bottom 20px right 8%;
}
.homepage-pew-graphic-1 {
    margin: auto;
    background-image: url(/img/pew-right-back.svg),url(/img/pew-left-back-2.svg);
    background-repeat: no-repeat;
    background-position: bottom 0 right 2.3%,top 0 left -.4%;
    padding-bottom: 62px;
    padding-top: 41px;
    margin-bottom: 30px;
}
.homepage-pew-graphic-1 ol {
    margin-top: 35px;
}
.pew-button{
margin-bottom:0;}
.homepage-pew-graphic-1 h2 {

    font-size: 37px;
}
h2.blue-pew-subtitle {
font-size:16px!important;
}
/*black friday promo*/
.black-friday-promo .blue-outline-box {
    width: 60%;
    margin: auto;
}

/* 
		#bodyContainer {
    margin-top: 120px;
}
 */
 
 /*the lindberg shop*/
 .box-one {
    flex: 0 48%;
    margin: 1% 0% 0.5% 1.3%;
}
.two-boxes-column {
    display: flex;
    flex-wrap: wrap;
}

.box-info {
    padding: 1.8rem 4rem 3rem 4rem;
}
.lindberg-video video {
    width: 500px;
}
.lindberg-two-boxes-section {
    display: flex;
}
.lindberg-overview-section {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.lindberg-one-box, .lindberg-two-boxes {
    margin:1%;
    margin-top:0;
}
.lindberg-two-boxes.column-one {
    margin-right: 0.5%;
}
.lindberg-two-boxes.column-two {
    margin-left: 0.5%;
}
.temple-tips .menu-images-section.two {
    display: flex;
    align-items: center;
    justify-content: center;
}
.temple-tips .menu-image.one {
    margin-bottom: 0;
}
.box-menu-section {
    margin: 0 6% 2% 6%;
}
.nose-pads .menu-row.two {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nose-pads .menu-block.two {
    padding-left: 2rem;
}

.nose-pads .menu-block.one, .nose-pads .menu-block.two {
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding-bottom:0;
    border:0;
}
.nose-pads .menu-block.one {
    padding-right: 2rem;
    border-right: 1px solid rgba(0,0,0,0.20);
}
.lindberg-two-boxes {
    width: 50%;
}
.home-page h1 {
    font-size: 31px;
    margin-bottom: 25px;
    font-weight: 600;
}
.blue-outline-box .text-right {
    margin: auto;
    margin-left: 5%;
    width: 75%;
  }  
.home-lindberg-callout {
    width: 90%;
    margin-bottom: 3rem;
}
.lindberg-home-blurb {
    padding: 2rem 4rem 3rem 4rem;
}
/*lindberg shop call out dark box*/

.lindberg-call-out .picture-left {
    width: 50%;
}
.call-out-info-right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 3%;
    width: 50%;
}
.lindberg-call-out{
padding:0;
margin: 2rem 0;
display: flex;
}
.lindberg-call-out .picture-left {
    padding: 3% 0 3% 3%;
}

.lindberg-images {
    display: flex;
}
.lindberg-images img {
    width: 48.5%;
    margin: 0.5%;
    margin-left: 0.6%;
}
.lindberg-call-out.multi-rows .row {
    display: flex;
    justify-content: center;
}
.lindberg-call-out.multi-rows .picture-left {
    padding: 0 2rem 0 0;
    width: 240px;
    margin:0;
    
}
.lindberg-call-out.multi-rows .picture-left img {
    width: 100%;
    height:auto;
}
.lindberg-call-out.multi-rows .call-out-info-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.8rem 2rem 3rem 2rem;
}

	.container-2 {
    width: 85%;
    margin: auto;
    display: flex;
}
				.service-info {
    padding-left: 3rem;
    width: 80%;
/* 
    margin: 1.95rem;
 */
}
a.round-button, .round-button a{ 
font-size:1.0rem;
}

.mb-3rem-md{
margin-bottom:3rem !important;}
.intro-contact-us {
    text-align: center;
}
.d-box-1{
display:none;}
.d-box-2{
display:table;
height: fit-content;}
		}
		



							
					@media only screen and (min-width: 800px) {
						
						/* ============
							WIDE: Main
						   ============ */
							
							/* BRICKS: stacked to 3 brick*/
							.stack-3col { display:block; float: left; width: 100%;}
							.stack-3col section.brick { float: left; width: 30%; margin:2%; background:Lime;}
							.stack-3col section.brick:first-child {margin-left:0;}
							.stack-3col section.brick:last-child {margin-right:0;}
							/* BRICKS: stacked to 3 brick*/
							
							#aboutSlider{
								margin-top:-30px;
							}
							
							.artistLinks{
							color:#000;
							font-weight:bold;
							 font-family: Arial black;
							font-size: 1.4em;
							
						}
						.nav-collapse li {
  						padding:1%;
						}
	
							
						}

	@media screen and (min-width: 930px) {
.logo-inside img {
    width: 450px;
    padding-top: 30px;
    padding-bottom: 30px;
}

}
@media only screen and (min-width: 960px){

 .half{
padding-top:25px;
}
.faq-section-list {
    display: flex;
    width: 70%;
    margin: auto;
    max-width: 900px;
}
                                    /* ===============
                                        Maximal Width
                                       =============== */
/* when burger menu ends*/          
                                    header {
              background: #fff;
              position: fixed;
/* 
              height:165px;
 */
/*            height: 145px;
*/           
                height: 6rem;
              z-index: 3;
              width: 100%;
              text-align:center;
              left: 0;
              top: 0;
/* 
              border-bottom: 1px #ccc solid;
 */
            }

.nav-collapse ul {
    position: relative;
    /* top: 93px; */
    margin-top: 9px;
    /* top: 60px; */
    background: none;
     overflow-y: hidden; 
    /* height: 65px; */
    display: flex;
    float: right;
    right: 0;
    width: initial;
    margin-right: 2rem;
    margin-top: 2.5rem;
}

              .js .nav-collapse {
              }
              .js .nav-collapse.closed {
                max-height: none;
              }

              .nav-toggle {
            display:none;
              }

              
                .nav-collapse {
                width: 100%;
              }
              
               .mask {
                display: none !important;
                opacity: 0 !important;
              }
              
.nav-collapse li {
    padding: 2%;
    padding-right: 0;
    width: auto;
    /* float: left; */
    text-transform: uppercase;
    padding: 0;
}
             
              .nav-collapse li a {
                  display:inline-block;
                  float:left;
                  font-size:1.0em;
                  color:#000;
                  z-index:9999;
                  text-align: left;
              }
              
              .nav-collapse li a:hover {
                  color:#4ac9f2;
              }
            
              .nav-collapse ul ul a {
                display: none;
              }
              
              #retailerNavLink{
                  display:none;
              }
              
              #SecondaryMenu{
                  position:fixed;
                  display:block;
                  top:0px;
                  right:0px;
                  background:#4ac9f2;
                  padding:5px 10px;
              }
              
              #SecondaryMenu a{
                  font-family:"poppins";
                  font-size:1.0;
                  font-weight:bold;
                  color:#fff;
                  text-decoration:none;
              }
.naverator {
    color: #ccc;
    margin: 0 1rem 0 1rem;
    display: inline;
}
                                
            #bodyContainer{
/* 
                margin-top: 165px;
 */

                margin-top: 146px;
    margin-top: 6rem;
                
            }
    .logo {
    /* float: none; */
    width: 60%;
    /* height: 90%; */
    max-width: 400px;
    position: relative;
    display: block;
    background: url(../img/logo_400.gif) no-repeat;
    background-size: 90%;
    /* background-position: center; */
    margin: 19px 0 0 15px;
    /* text-align: center; */
    z-index:0;
        margin-left: 1.7%;/*take off later*/
            }   
            
            /*burger ends*/
                            /*header with shorter nav*/

.header-section {
    display: flex;
}

img.logo-1 {
    width: 22rem;
    padding: 1rem;
}
	.hubspot-frame {
    width: 70% !important;
    margin: auto;
    max-width: 900px !important;
}
    
}					
						  @media only screen and (min-width: 1000px) {
								
								.loveTrain{background: url("../img/eyeglasses/loveTrain_antique_m_sun_1000.jpg");}
								
								#scatContainerHome{
									display:inline-block;
									width:96%;
									margin:5px auto 0;
									overflow:hidden;
								}
								#scatContainerHome .scat{
									position:relative;
									margin:0 auto;
									padding:1%;
								}
								
								#scatContainerHome .glassImageContainer{
									width:200px;
									height:100px;
									overflow:hidden;
									margin:0 auto;
								}
								
								#scatContainerHome .glassImageContainer img{
									position:relative;
									width:200px;
									margin:0 0 0 0;
								}
								
								#scatContainerHome .glassImageContainer img:hover{
									margin:-100px 0 0 0;
								}
								
								.frameNameHome{
									position:relative;
									display:inline-block;
									width:90%;
									padding:10px 0;
									margin:0px auto 25px;
									color:#000;
									font-family:"mono";
									font-size:0.9em;
									text-decoration:none;
								}
								
								
								.frameFrame{
									display: block;
									text-decoration: none;
									margin:0 auto;
									width:900px;
									height:450px;
									background-size: 900px;
								}
								
								.frameFrame:hover {
									background-position: 0 -450px;
								}
								
								.glassImageContainer{
									width:300px;
									height:150px;
									overflow:hidden;
									margin:0 auto;
								}
								
								.glassImageContainer img{
									position:relative;
									width:300px;
									margin:0 0 0 0;
								}
								
								.glassImageContainer img:hover{
									margin:-150px 0 0 0;
								}
								
								.frameFrameContainer{
									width:900px;
									height:450px;
									overflow:hidden;
									margin:0 auto;
								}
								
								.frameFrameContainer img{
									position:relative;
									width:900px;
									margin:0 0 0 0;
								}
								
								.frameFrameContainer img:hover{
									margin:-450px 0 0 0;
								}
								
								span.labelSolid,  span.label2Tone{
								position:absolute;
								display:inline;
								margin:20px 0px 0 -80px;
							}
							
							#zoom{
								display:none;
							}
							  .d-lg-flex{
								  display:flex !important;
							  }
							  
							  .three-boxes{
							display:flex !important;
								  width: 99%;
							  }
							.three-boxs-single {
								width: 33%;
								margin: 0;
								margin-left: 1%;
							}
														
							}
						
									@media only screen and (min-width: 1080px) {
			
.slideshow-container {
    width: 60%;
}
.slider-text-right {
    width: 40%;
padding-left:4%;
padding-right:4%;
/* 
padding-top:0;
 */
    }
.top-slider{
	display:flex;
}
.slider-reverse{flex-direction:row;}
.home-page h1{
/* 
font-size:38px;
 */
font-size:26px;
}
.slideshow-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.lg-slideshow.slideshow-container {
    width: 80%;
    margin: auto;
    margin-bottom: 2rem;
    margin-top: 1rem;
}
				  			}			
									@media only screen and (min-width: 1200px) {
									
	
									
										.wrapper {
											width: 1026px; /* 1140px - 10% for margins */
											margin: 0 auto;
										}
										
										#homeSlider, #aboutSlider{
											background:url("../img/pew_homeSlider_senior.jpg") no-repeat center center;
											background-size:cover;
										}
										
										#aboutSlider{
											margin-top:-35px;
										}
										
										#homeSlider p{
											position:relative;
											margin-top:-40px;
										}
										
										.frameFrameContainer{
											width:1100px;
											height:550px;
											overflow:hidden;
											margin:0 auto;
										}
										
										.frameFrameContainer img{
											position:relative;
											width:1100px;
											margin:0 0 0 0;
										}
										
										.frameFrameContainer img:hover{
											margin:-550px 0 0 0;
										}
										
										#scatContainerHome .glassImageContainer{
											width:250px;
											height:125px;
											overflow:hidden;
											margin:0 auto;
										}
										
										#scatContainerHome .glassImageContainer img{
											position:relative;
											width:250px;
											margin:0 0 0 0;
										}
										
										#scatContainerHome .glassImageContainer img:hover{
											margin:-125px 0 0 0;
										}
/* #artist-pic-featured{ background:url("../img/james-dupree.jpg")  no-repeat center center;padding-top:0;background-size:cover; min-height: 600px;}	 */									
#artist-pic-eades{ background:url("../img/pew_halfer_aif_eades.jpg")  no-repeat center center; background-size:cover; min-height: 600px;}
#artist-pic-singer{ background:url("../img/pew_halfer_aif_combo_singer.jpg")  no-repeat center center; min-height: 600px;background-size:cover;}			
#artist-pic-schmuckler{ background:url("../img/pew_halfer_aif_schmuckler.jpg")  no-repeat center center; background-size:cover; min-height: 600px;}	
#artist-pic-donovan{ background:url("../img/pew_halfer_aif_timothyODonovan.jpg")  no-repeat center center; padding-top:0;background-size:cover; min-height: 600px;}
#artist-pic-williams{ background:url("../img/pew_halfer_aif_tamishaWilliams.jpg")  no-repeat center center; padding-top:0;background-size:cover; min-height: 600px;}
#artist-pic-garrity{ background:url("../img/pew_halfer_aif_jennyGarrity.jpg")  no-repeat center center; padding-top:0;background-size:cover; min-height: 600px;}
#artist-pic-chris-eads{ background:url("../img/pew_halfer_aif_combo_chrisEads.jpg")  no-repeat center center; padding-top:0;background-size:cover; min-height: 600px;}


									}
@media only screen and (min-width: 1250px){
.home-page h1{
font-size:38px;
}
}
										@media only screen and (min-width: 1400px) {
											
											.loveTrain{background: url("../img/eyeglasses/loveTrain_antique_m_sun_2000.jpg");}
											
										
											.glassImageContainer{
												width:400px;
												height:200px;
												overflow:hidden;
												margin:0 auto;
											}
											
											.glassImageContainer img{
												position:relative;
												width:400px;
												margin:0 0 0 0;
											}
											
											.glassImageContainer img:hover{
												margin:-200px 0 0 0;
											}
											
											.frameFrameContainer{
												width:1300px;
												height:650px;
												overflow:hidden;
												margin:0 auto;
											}
											
											.frameFrameContainer img{
												position:relative;
												width:1300px;
												margin:0 0 0 0;
											}
											
											.frameFrameContainer img:hover{
												margin:-650px 0 0 0;
											}
											
											#scatContainerHome .glassImageContainer{
												width:300px;
												height:150px;
												overflow:hidden;
												margin:0 auto;
											}
											
											#scatContainerHome .glassImageContainer img{
												position:relative;
												width:300px;
												margin:0 0 0 0;
											}
											
											#scatContainerHome .glassImageContainer img:hover{
												margin:-150px 0 0 0;
											}

										
									}
									
													@media only screen and (min-width: 1800px) {
													#HOMESALE{
														position:relative;
														display:block;
														width:100%;
														height:0;
														background:url("../img/black-friday-web-banner-1600.jpg") no-repeat center center;
														background-size: cover;
														background-repeat: no-repeat;
														padding-top:64.8%; 
														clear:both;
													}
														
													
													.glassImageContainer{
														width:500px;
														height:250px;
														overflow:hidden;
														margin:0 auto;
													}
													
													.glassImageContainer img{
														position:relative;
														width:500px;
														margin:0 0 0 0;
													}
													
													.glassImageContainer img:hover{
														margin:-250px 0 0 0;
													}
													
													.frameFrameContainer{
														width:1700px;
														height:850px;
														overflow:hidden;
														margin:0 auto;
													}
													
													.frameFrameContainer img{
														position:relative;
														width:1700px;
														margin:0 0 0 0;
													}
													
													.frameFrameContainer img:hover{
														margin:-850px 0 0 0;
													}
													
													#scatContainerHome .glassImageContainer{
														width:350px;
														height:175px;
														overflow:hidden;
														margin:0 auto;
													}
													
													#scatContainerHome .glassImageContainer img{
														position:relative;
														width:350px;
														margin:0 0 0 0;
													}
													
													#scatContainerHome .glassImageContainer img:hover{
														margin:-175px 0 0 0;
													}
												}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@font-face {
  font-family: "responsivenav";
  src:url("responsivenav.eot");
  src:url("responsivenav.eot?#iefix") format("embedded-opentype"),
    url("responsivenav.ttf") format("truetype"),
    url("responsivenav.woff") format("woff"),
    url("responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

