

@import "compass/css3";


#mtl-media header, nav, section, container, div, ul, li, a, span, p, strong, button, h1, h2, h3, h4, h5, h6 {
	font-family: "Manrope", sans-serif !important;
	color:#222222 !important;
	letter-spacing: 0px !important;
} 


.mtl-media-bulb {

	width:65% !important;
	min-width: 250px !important;
	height: auto !important;

}

.mtl-service-title {
	font-size:28px;
	text-align: center;
}

.mtl-margin {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	line-height: 111% !important;
}

.mtl-service-subtitle {
	font-size: 75% !important;
	line-height: 88%;
	font-weight: 400;
	text-align: center;
}


.quotes {display: none;
	font-family: "Manrope", sans-serif !important;
	font-weight: 400;
}


.service-name {
	
	font-family: "Manrope", sans-serif !important;
	width:auto;
	height:auto;
	color: #454545 !important;
	text-transform: uppercase;
	letter-spacing: -1px !important;
	line-height: 90%;
	font-size: 31px;
	text-align: center;
	font-weight: 300;
	z-index: 999999999 !important;
	margin-top:-36px;
	border:none !important;
	outline: none !important;
transition: all 1s ease-in-out;
}






.portfolio-item a:link {
	border:none !important;
	outline: none !important;
	text-decoration: none !important;
}

.portfolio-item a:hover {
	border:none !important;
	outline: none !important;
	text-decoration: none !important;
}



.portfolio-item a:link {
	border:none !important;
	outline: none !important;
	text-decoration: none !important;
}

.portfolio-item a:hover {
	border:none !important;
	outline: none !important;
	text-decoration: none !important;
}



.bluestick {
	
font-weight: 900;
	color:#16588e !important;
	font-size: 69%;
	vertical-align: text-top;
	letter-spacing: -2px;
}

.redstick {
	
font-weight: 900;
	color:#f10f2a !important;
	font-size: 69%;
	vertical-align: text-top;
	letter-spacing: -2px;
}

.tightstick {
	letter-spacing: -5px !important;
}


.service-icon {
	width:180px !important;
	height: auto;
	margin:0px auto 0px auto !important;
	padding:0px;
	z-index: 0 !important;
	margin-bottom: 0px;
}





.thumb-info-wrapper-opacity-0 {
transition: all 1s ease-in-out;
	
}


.thumb-info-wrapper-opacity-0:hover {
transform: scale(1.1);

}


.thumb-info-wrapper-opacity-0:hover .service-name {
transform: scale(1.1);

}
.mtl-media-title {
	width:100%; min-width: 100%; max-width: 100%;
	height:auto;
	margin:85px auto 10px auto;
	padding:20px 0px 0px 0px;
	text-align: center;
	background:none;
}


#mtl-title-1 {
	z-index: 500;
}


#mtl-title-2 {
	z-index: 500;
}



img.vert-move {
    -webkit-animation: mover 1.8s infinite  alternate;
    animation: mover 1.8s infinite  alternate;
}


.vert-move {
    -webkit-animation: mover 1.8s infinite  alternate;
    animation: mover 1.8s infinite  alternate;
}






.parallax-in {
    -webkit-animation: mover 1.5s infinite  alternate;
    animation: mover 1.5s infinite  alternate;
}




@-webkit-keyframes mover {
    0% { transform: translateY(3px); }
    100% { transform: translateY(-8px); }
}
@keyframes mover {
    0% { transform: translateY(3px); }
    100% { transform: translateY(-8px); }
}


#footer mtl-footer {
	background: #ffffff !important;
}


.no-map-scroll { position:relative; }

.click-map { width:100%; min-height:420px; position:absolute; top:0; }



.parallax-in {
	position:absolute;
	top:0px;
	margin-left:10%;
	width:555px;
	max-width: 90%;
	height: auto;
	margin-top:0px;
	margin-bottom:0px;
}



.dropdown-item .dropdown-toggle {
	border-color: #333333 !important;
}



.mtlsvc {
	 animation: animate 3s ease-out forwards infinite;
            animation-delay: 1s;
}


 @keyframes animate {
            0% {
                letter-spacing: -15px;
            }
  
            20% {
                letter-spacing: 10px;
            }
  
            100% {
                letter-spacing: 2px;
            }
        }



#barsup {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


.nmnp {
	
	height: auto !important;
	margin: 0px !important;
	padding:0px !important;
	clear: none !important;
	
}

.nmb {
	margin-bottom: 0px !important;	
	padding-bottom: 0px !important;	
	height: auto !important;
}




.word-rotator-words {
	border: 0px !important;

 }


.ttt5 {
	font-size: 133%;
	font-weight: 700 !important;
	color: #222222;
	letter-spacing: -2px !important;
	height:100% !important;
	margin: 0px;

}



.linkz {
	align-self: center !important;
	text-transform: none !important;
	margin: 0px 10px 0px 10px !important;
	padding: 0px !important;
}


.linkk {
	align-self: center !important;
	text-transform: none !important;
	margin: 0px 8px !important;
	padding: 0px !important;
}



/* CSS */
.button-74 {
	align-self: center !important;
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 2.5px;
  box-shadow: #323232 2px 2px 0 0;
  color: #212121;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
	letter-spacing: 0px !important;
  padding: 0px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	margin: 5px 6px !important;
}

.button-74:hover {
  background-color: #ffffff;
  box-shadow: #232323 3px 3px 0 0;
}

.button-74:active {
  box-shadow: #222222 1px 1px 0 0;
  transform: translate(2px, 2px);
  background-color: #ffffff;
}

.button-74:visited {
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 2.5px;
  box-shadow: #323232 2px 2px 0 0;
  color: #232323;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
	letter-spacing: 0px !important;
  padding: 0px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}


@media (min-width: 768px) {
  .button-74 {
    min-width: 101px;
    padding: 5px 10px !important;
  }
	
}@media (max-width: 768px) {
  .button-74 {
    min-width: 150px;
    padding: 10px 23px !important;
	  align-self: center;
	  align-content: center;
	  justify-content: center;
	  font-size: 18px !important;
  }
}


@media (max-width: 768px) {
  #mainNav {
	  align-content: center !important;
	  justify-content: center !important;
  }
}




.rev-slidebg {
	
	opacity: 1.0 !important;
}





#revolutionSliderCarouselContainer .rev_slider_wrapper .fullwidthbanner-container .rev_slider .fullwidthabanner .rev-slidebg {
	
	opacity: 1.0 !important;
}





.shop-gallery img {
	
border: 2px #212121 solid !important;	
}











.rs-module { border-radius:0px !important; }

.tparrows  {
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
	 opacity: .69 !important;

}







.menu {
  cursor: pointer;
  margin: 0 auto;
  padding-left: .96em;
  position: relative;
  width: 40px;
  height: 30px;
	background: none !important;
}
.menu-global {
  backface-visibility: hidden;
  position: absolute;
  left: 0;
  border-top: 6px solid #222;
  width: 100%;
	background: none !important;
}


.menu-top {
  top: 0px;
}
.menu-middle {
  top: 17px;
}
.menu-bottom {
  top: 34px;
    
}




.Hthree {
	width: auto;
	height:auto;
	margin: 39px auto 0px auto;
	padding:0px;
	align-self: center;
	color:#121212;
	background: none;
	background-color: transparent;
	font-family: 'Manrope' !important;
	letter-spacing: -1px !important;
	font-weight: 900 !important;
	text-transform: none;
	font-size: 295% !important;
	text-align: center !important;
}




.Hfour {
	width: auto;
	height:auto;
	margin: 0px auto 0px auto;
	padding:0px;
	align-self: center;
	color:#121212;
	background: none;
	background-color: transparent;
	font-family: 'Manrope' !important;
	letter-spacing: 0px !important;
	font-weight: 600 !important;
	text-transform: none;
	font-size: 198% !important;
	text-align: center !important;
}




.Hfour-c {
	width: auto;
	height:auto;
	margin: 5px auto 10px auto;
	padding:0px;
	align-self: center;
	color:#212121;
	background: none;
	background-color: transparent;
	font-family: 'Manrope' !important;
	letter-spacing: 1px !important;
	font-weight: 600 !important;
	text-transform: none;
	font-size: 111% !important;
	text-align: center !important;
}


#accord {
	width: 1300px !important;
	height: auto !important;
	max-width: 100% !important;
	margin:0 auto !important;
}

.drinkflip {
	font-size: 128% !important;
	font-weight: 800 !important;
	line-height:123% !important;
	margin-top:0px !important;
	padding-top: 0px !important;
	margin-bottom:0px !important;
	padding-bottom: 0px !important;
	 background: none !important;
	background-color: transparent !important;
	z-index: 0;
	overflow: visible !important;
	padding-left: 10px !important;
}


.Hbrand {
	width: auto;
	height:auto;
	margin: -10px auto 0px auto;
	padding:0px;
	color:#212121;
	background: none;
	background-color: transparent;
	font-family: 'Manrope' !important;
	letter-spacing: 1px !important;
	font-weight: 600 !important;
	text-transform: none;
	font-size: 182% !important;
	text-align: center !important;
	align-self: center !important;
}









.tiner-1 {
	font-size:82% !important;
}


.tiner-1-w {
	font-size:88% !important;
	color: #121212 !important;
}



.tiner-1-2 {
	font-size: 75% !important;
}



.tiner-1-3 {
	font-size:69% !important;
}




.holdit-line-title {
	font-size:182% !important;
	font-weight: 800 !important;
	letter-spacing: 1.5px !important;
	color: #212121 !important;
}

.mini-c {
	font-size: 54%;
	font-weight: 600;
}


.holdit-line-title-bg {
	z-index: 444444444;
	border: 3px #222 solid;
	background: #fff;
	color: #222;
	margin-bottom:0px;
	padding-bottom:0px;
	height: auto;
	overflow:  visible;
}


.holdit-line-title-bg-line-title {
	z-index: 444444444;
	border: 0px #222 solid;
	background: #fff;
	color: #222;
	margin-bottom:0px;
	padding-bottom:0px;
	height: auto;
	overflow: visible;
}



.line-container {
	border: 2px #222 solid;
	border-radius: 0px;
	background: #fff;
	color: #222 !important;
}


/* CSS */
.button-75 {
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 1px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 900;
  font-size: 25px;
	letter-spacing: 2.5px !important;
    padding: 15px 15px 1px 15px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	margin: 5px 0px !important;
}

.button-75:hover {
  background-color: #ffffff;
  box-shadow: #323232 3px 3px 0 0;
	margin:5px 0px !important;
}

.button-75:active {
  box-shadow: #222222 1px 1px 0 0;
  transform: translate(2px, 2px);
  background-color: #ffffff;
	margin:5px 0px !important;
}

.button-75:visited {
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 1px;
  box-shadow: #323232 2px 2px 0 0;
  color: #232323;
  cursor: pointer;
  font-weight: 900;
  font-size: 25px;
	letter-spacing: 2.5px !important;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	margin: 5px 0px !important;
}


@media (min-width: 768px) {
  .button-75 {
	align-self: center;
	  align-content: center;
	  align-items: center;
    width: 309px;
    padding: 13px 8px 1px 8px !important;
  }
	
}@media (max-width: 768px) {
  .button-75 {
	align-self: center;
	  align-content: center;
	  align-items: center;
    width: 309px;
    padding: 13px 8px 1px 8px !important;
	  align-self: center;
	  align-content: center;
	  justify-content: center;
	  font-size: 25px !important;
  }
}

.button-76 {
  background-color: #ffffff;
  color: #222222;
  font-weight: 600;
  font-size: 31px;
	letter-spacing: .5px !important;
  text-align: center;
  text-decoration: none;
	margin: 8px auto 28px auto !important;
}

.b76 {
	font-weight: 800;
}


.allofthem {
	width:100% !important;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}

.hundo {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	height: auto !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}


#hundo1 {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	height: auto !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#hundo2 {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	height: auto !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#hundo3 {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	height: auto !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}




.hundo5 {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	height: auto !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	text-align: center;
	align-content: center;
	align-self: center;
}




.hundo5a {
	width: 1234px !important;
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	height: auto !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	text-align: center;
	align-content: center;
	align-self: center;
}


.hundo6 {
	width: 631px !important;
	max-width: 98% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	height: auto !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 5px !important;
	text-align: center;
	align-content: center;
	align-self: center;
	font-size: 208% !important;
	font-weight: 800 !important;
	letter-spacing: 1px !important;
	background: #fff !important;
	color: #222 !important;
	border: 3px #212121 solid !important;
	border-radius: 1px !important;
	line-height: 78% !important;
}


.Htwo {
	
	font-size: 321%;
	font-weight: 800;
	letter-spacing: -1.5px !important;
	color: #222222;
	line-height: 69% !important;
	margin-top: 48px;
}

.Htwo2 {
	font-weight: 500;
		font-size: 78%;
	letter-spacing: 2.5px !important;
}

.color-title {
	
	text-align: center;
	align-self: center;
	width:auto;
	height: auto;
	padding:0px;
	margin: 4px auto 0px auto !important;
	text-transform: none !important;
	font-weight: 700;
	letter-spacing: 1px !important;
	font-size: 148% !important;
}


.cid {
	font-size: 88%;
	font-weight: 500;
	letter-spacing: 0px !important;
}

.color-sym {
	font-size: 78%;
	font-weight: 500;
	padding-left: 2px;
}


.price-title {
	
	text-align: center;
	align-self: center;
	width:auto;
	height: auto;
	padding:0px;
	margin: 9px !important;
	text-transform: none !important;
	font-weight: 700;
	font-size: 139%;
}


.msrp {
	font-size: 99%;
	font-weight: 500;
	text-decoration-line: line-through;
	margin-right: 11px;
}


.button-77 {
	width:93%!important;
	max-width: 93% !important;
	height: auto !important;
	margin-top: 0px !important;
	align-self: center !important;
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 1px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 700;
  font-size: 142% !important;
  letter-spacing: 0px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-77:hover {
  background-color: #ffffff;
  box-shadow: #323232 3px 3px 0 0;
	margin-top: 0px !important;
}

.button-77:active {
  box-shadow: #222222 1px 1px 0 0;
  transform: translate(2px, 2px);
  background-color: #ffffff;
	margin-top: 0px !important;
}

.button-77:visited {
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 1px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 700;
  font-size: 122%;
  letter-spacing: 0px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
		margin-top: 0px !important;

}




.button-82 {
	float: right !important;
	width:33%!important;
	max-width: 33% !important;
	height: auto !important;
	margin-top: 0px !important;
	align-self: flex-end !important;
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 2px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 700;
  font-size: 122%;
  letter-spacing: 0px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-82:hover {
  background-color: #ffffff;
  box-shadow: #323232 3px 3px 0 0;
	margin-top: 0px !important;
}

.button-82:active {
  box-shadow: #222222 1px 1px 0 0;
  transform: translate(2px, 2px);
  background-color: #ffffff;
	margin-top: 0px !important;
}





.button-82:visited {
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 2px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 700;
  font-size: 122%;
  letter-spacing: 0px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
		margin-top: 0px !important;

}







.button-82a {
	float: left !important;
	width:58%!important;
	max-width: 58% !important;
	height: auto !important;
	margin-top: 0px !important;
	align-self: flex-start !important;
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 2px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 700;
  font-size: 122%;
  letter-spacing: 0px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-82a:hover {
  background-color: #ffffff;
  box-shadow: #323232 3px 3px 0 0;
	margin-top: 0px !important;
}

.button-82a:active {
  box-shadow: #222222 1px 1px 0 0;
  transform: translate(2px, 2px);
  background-color: #ffffff;
	margin-top: 0px !important;
}





.button-82a:visited {
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 2px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 700;
  font-size: 122%;
  letter-spacing: 0px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
		margin-top: 0px !important;

}
















.button-77-w {
  background-color: #ffffff;
  border: 2px #121212 solid;
  border-radius: 1px;
  box-shadow: #121212 2px 2px 0 0;
  color: #121212;
  cursor: pointer;
  font-weight: 700;
  font-size: 133%;
	letter-spacing: .5px !important;
    padding: 2px 28px 1px 28px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	margin: 12px auto !important;
	align-self: center !important;
	align-content: center !important;
}

.button-77-w:hover {
  background-color: #ffffff;
  box-shadow: #121212 3px 3px 0 0;
}

.button-77-w:active {
  box-shadow: #121212 1px 1px 0 0;
  transform: translate(2px, 2px);
  background-color: #ffffff;
}

.button-77-w:visited {
  background-color: #ffffff;
  border: 1px #121212 solid;
  border-radius: 1px;
  box-shadow: #121212 2px 2px 0 0;
  color: #121212;
  cursor: pointer;
  font-weight: 700;
  font-size: 133%;
	letter-spacing: .5px !important;
    padding: 2px 28px 1px 28px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}









.button-77-s {
	width: 199px !important;
	max-width: 41% !important;
	height:  28px !important;
  background-color: #ffffff;
  border: 2px #121212 solid;
  border-radius: 1px;
  box-shadow: #121212 2px 2px 0 0;
  color: #121212;
  cursor: pointer;
  font-weight: 700;
  font-size: 123%;
	letter-spacing: 0px !important;
    padding: 5px 2px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	margin: 4px 1px auto !important;
	align-content: center !important;
	clear: none;
}

.button-77-s:hover {
  background-color: #ffffff;
  box-shadow: #121212 3px 3px 0 0;
}

.button-77-s:active {
  box-shadow: #121212 1px 1px 0 0;
  transform: translate(2px, 2px);
  background-color: #ffffff;
}

.button-77-s:visited {
	width: 199px !important;
	max-width: 41% !important;
	height:  28px !important;
  background-color: #ffffff;
  border: 2px #121212 solid;
  border-radius: 1px;
  box-shadow: #121212 2px 2px 0 0;
  color: #121212;
  cursor: pointer;
  font-weight: 700;
  font-size: 123%;
	letter-spacing: 0px !important;
    padding: 5px 2px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	margin: 4px 1px auto !important;
	align-content: center !important;
	clear: none;
}












#rstar {
	font-size: 55% !important;
	font-weight: 500 !important; 
}

#h-one {
	
}


.mlz {
	
	font-size: 119%;
	font-weight: 800;
}

.inst {
	font-size: 123% !important;
	border: 2px #222 solid !important;
}



.button-78 {
	background: #fff !important;
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 1px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 700;
  font-size: 131%;
	letter-spacing: 0px !important;
    padding: 3px 16px 2px 16px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	margin: 0px auto !important;
}

.button-78:hover {
	background: #fff !important;
  background-color: #ffffff;
  box-shadow: #323232 3px 3px 0 0;
	margin: 0px auto !important;
}

.button-78:active {
		background: #fff !important;

  box-shadow: #222222 1px 1px 0 0;
  transform: translate(2px, 2px);
  background-color: #ffffff;
	margin: 0px auto !important;
}

.button-78:visited {
		background: #fff !important;

  background-color: #ffffff;
  border: 1px #232323 solid;
  border-radius: 1px;
  box-shadow: #323232 2px 2px 0 0;
  color: #232323;
  cursor: pointer;
  font-weight: 700;
  font-size: 131%;
	letter-spacing: 0px !important;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
	margin: 0px auto !important;
}


.circlez {
	position:absolute;
	top:11px;
	left: 11px;
	padding-bottom:10px;
	color: #222;
	border-bottom: 4px #222 solid;
	font-size: 295%;
	font-weight: 900 !important;
}

.circlez-p {
	position:absolute;
	top:11px;
	left: 11px;
	padding-bottom:5px;
	color: #222;
	border-bottom: 4px #222 solid;
	font-size: 275%;
	font-weight: 700 !important;
}

.instap {
	font-size: 169%;
	font-weight: 600 !important;
	color: #222;
	letter-spacing: -1px;
	line-height: 111% !important;
	width:94% !important;
	min-width: 94%;
	max-width: 94%;
	text-align: center;
	margin: 0 auto;
	padding-top:10px;
}

.holditall {
	width:999px; max-width: 100%; height: auto; margin: 20px auto 0px auto !important; padding: 0px; align-self: center;
}




.nav-link {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}


.spacer {
	width: 1px;
	height: 5px;
	margin:  20px;
	padding:0px;
}

#dolla1 {
	font-size: 69% !important;
	
}




.titlebg {
	
	width:100% !important;
	min-width: 100% !important;
	height: auto !important;
	margin: -38px auto 0px auto !important;
	color: #ffffff !important;
	padding-bottom: 6px !important;
	background: #222 !important;
	background-color: #222222 !important;
	
}

.sectiontitle {
	color: #ffffff !important;
	padding: 14px 0px 11px 0px !important;
}

.sectionsub {
	margin: 7px auto 25px auto !important;
}

#holdit-mini-gallery {
	width:1065px !important;
	max-width: 100% !important;
	height: auto;
	margin: 0 auto;
	padding:0px;
	align-self: center;
}


.holdit-product-static {
	
	width: 302px !important;
	max-width: 96% !important;
	height: auto;
	margin:0 auto;
	padding:0px;
}




.lovecircle {
	position: relative;
	width: 200px;
	max-width: 99% !important;
	height: 200px;
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
	float: none !important;
	clear: none !important;
	align-self: center !important;
	margin:0 auto !important;
}

.lovelogo {
	position: absolute;
	width: 135px;
	height: 128px;
	background-image:url("https://holdit.net/img/icons/holdit-eco-1.png");
	background-size: cover;
	border-radius: 100vmax;
	background-position: center;
}
.lovelogo2 {
	position: absolute;
	width: 137px;
	height: 137px;
	background:url("https://holdit.net/img/icons/holdit-eco-2.png");
	background-size: cover;
	border-radius: 100vmax;
	background-position: center;
}
.lovelogo3 {
	position: absolute;
	width: 140px;
	height: 140px;
	background:url("https://holdit.net/img/icons/holdit-eco-3.png");
	background-size: cover;
	border-radius: 100vmax;
	background-position: center;
}

.lovetext {
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: 'Courier New' !important;
	color: #000;
	font-size: 18px;
	animation: textRotation 10s linear infinite;
	letter-spacing: 0px !important;
}

@keyframes textRotation {
	to {
		transform: rotate(-360deg);
	}
}

.lovetext span {
	position: absolute;
	left: 50%;
	font-size: 1.25em;
	transform-origin: 0 100px;
	letter-spacing: 0px !important;
	font-family: 'Courier New' !important;
}



.lovetext2 {
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: 'Courier New' !important;
	color: #000;
	font-size: 18px;
	animation: textRotation 10s linear infinite;
	letter-spacing: 0px !important;
}

@keyframes textRotation {
	to {
		transform: rotate(-360deg);
	}
}

.lovetext2 span {
	position: absolute;
	left: 50%;
	font-size: 1.25em;
	transform-origin: 0 100px;
	letter-spacing: 0px !important;
	font-family: 'Courier New' !important;
}




.lovetext3 {
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: 'Courier New' !important;
	color: #000;
	font-size: 18px;
	animation: textRotation 10s linear infinite;
	letter-spacing: 0px !important;
}

@keyframes textRotation {
	to {
		transform: rotate(-360deg);
	}
}

.lovetext3 span {
	position: absolute;
	left: 50%;
	font-size: 1.25em;
	transform-origin: 0 100px;
	letter-spacing: 0px !important;
	font-family: 'Courier New' !important;
}

.brdr {
	border: 2.5px #121212 solid !important;
}



@media (min-width: 768px) {
  .marquee-dt {
visibility: visible !important;
	  color: #121212 !important;
	  font-size: 55% !important;
  }
	
  .marquee-mob {
	visibility: hidden !important;
	  width:0px !important;
	  height: 0px !important;
	  font-size: 0px !important;
	  margin: 0px !important;
	  padding: 0px !important;
  }
	

}

@media (max-width: 768px) {
  .marquee-dt {
	visibility: hidden !important;
	  width:0px !important;
	  height: 0px !important;
	  font-size: 0px !important;
	  margin: 0px !important;
	  padding: 0px !important;
  }
	
  .marquee-mob {
	  visibility: visible!important;
	  color: #121212 !important;
	  font-size: 55% !important;
  }
	
}



.button-86 {
	width: 333px !important;
	max-width: 89% !important;
	height: auto !important;
	margin-top: 0px !important;
	align-self: flex-end !important;
  background-color: #ffffff;
  border: 2px #121212 solid;
  border-radius: 2px;
  box-shadow: #323232 2px 2px 0 0;
  color: #121212;
  cursor: pointer;
  font-weight: 700;
  font-size: 122%;
  letter-spacing: 0px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-86:hover {
  background-color: #ffffff;
  box-shadow: #323232 3px 3px 0 0;
	margin-top: 0px !important;
}

.button-86:active {
  box-shadow: #222222 1px 1px 0 0;
  transform: translate(2px, 2px);
  background-color: #ffffff;
	margin-top: 0px !important;
}





.button-86:visited {
  background-color: #ffffff;
  border: 2px #232323 solid;
  border-radius: 2px;
  box-shadow: #323232 2px 2px 0 0;
  color: #222222;
  cursor: pointer;
  font-weight: 700;
  font-size: 122%;
  letter-spacing: 0px !important;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
		margin-top: 0px !important;

}



