html {
	scroll-behavior: smooth;
}

@font-face {
	font-display: swap;
	font-family: 'London';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/London.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Edinburgh';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Edinburgh.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Bangkok';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Bangkok.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Seattle';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Seattle.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Berlin';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Berlin.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Glasgow';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Glasgow.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Bayview';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Bayview.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Manila';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Manila.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Osaka';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Osaka.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Janeiro';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Janeiro.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Dubai';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Dubai.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Delhi';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Delhi.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Austin';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Austin.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Rome';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Rome.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Doha';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Doha.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Paris';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Paris.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Dallas';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Dallas.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Rio';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Rio.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Houston';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Houston.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Bristol';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Bristol.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Shanghai';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Shanghai.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Phoenix';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Phoenix.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Zurich';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Zurich.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Taipei';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Taipei.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Tallin';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Tallin.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Toronto';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Toronto.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Dublin';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Dublin.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Chicago';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Chicago.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Miami';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Miami.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Sydney';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Sydney.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Perth';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Perth.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Valencia';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Valencia.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Dakota';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Dakota.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Seoul';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Seoul.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Athens';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Athens.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Oslo';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Oslo.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Venice';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Venice.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Prague';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Prague.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Tokyo';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Tokyo.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Vienna';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Vienna.ttf') format('truetype');
}

@font-face {
	font-display: swap;
	font-family: 'Phuket';
	src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Phuket.ttf') format('truetype');
}

/* @font-face {
	  font-display: swap;
	  font-family: 'Loveisland';
	  src: url('/wp-content/plugins/custom_neon/fonts/new_fonts/Loveisland.ttf') format('truetype');
  } */

.custom-font {
	width: 100%;
	max-width: 87px;
	max-height: 29px;
}

.gradDynamic {
	position: relative;
}

.gradiantbox {
	width: 100%;
	display: inline-block;
	position: relative;
	min-height: 200px;
	text-align: center;
	padding: 50px 0;
	z-index: 9;
}

.gradDynamic::after {
	background: linear-gradient(270deg, #3e23ff, #ff2362, #2dafe6, #ff00ff, #ff8000);
	background-size: auto;
	background-size: 400%;
	animation: colorSpin 30s linear infinite;
}

.gradDynamic::before {
	background-color: #2dafe6;
}

.elementor-toggle-item {
	border-radius: 20px;
}

.body_m * {
	border-radius: 10px;
	/* transition: all 0.1s ease;
	  animation: all 0.1s ease; */
	transition: none;
	animation: none;
}

.gradDynamic h2 {
	width: 100%;
	display: inline-block;
	color: #fff;
	font-size: 16pt;
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
}

.gradDynamic h3 {
	color: #fff;
	font-size: 46pt;
	font-weight: normal;
	text-shadow: 1px 1px 1px #fff;
	margin: 0;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 10px;
}

.gradDynamic::after,
.gradDynamic::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	z-index: -1;
}

@keyframes colorSpin {
	0% {
		background-position: 0% 4%
	}

	50% {
		background-position: 100% 97%
	}

	100% {
		background-position: 0% 4%
	}
}

.WordSection1 .col-md-6:first-child {
	padding-left: 0;
	padding-right: 22px !important;
}

.WordSection1 .col-md-6 {
	float: left;
	margin-top: 20px;
}

.WordSection1 h2,
.WordSection1 h1 {
	font-weight: 400;
	font-size: 26px;
	letter-spacing: unset;
	text-align: left;
	line-height: 1em;
	margin: 25px 0 10px;
}

.WordSection1 h2.tpH,
.WordSection1 h1.tpH {
	font-weight: 600;
	font-size: 36px;
	margin-bottom: 25px;
	text-transform: uppercase;
	color: #5761ff;
}

.WordSection1 h2.h2faq {
	font-size: 36px;
	padding: 15px 0;
	text-align: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.WordSection1 .col-md-6 p {
	margin-bottom: 15px !important;
	text-align: justify;
	font-size: 16px;
}

.WordSection1 .col-md-6 div {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.WordSection1 .col-md-6 div img {
	width: 100px;
	margin-right: 20px;
	float: left;
}

.WordSection1 .col-md-6 div p {
	display: table;
}

.WordSection1 .col-md-6 p.tp {

	margin-left: 20px;
}

.WordSection1 h2 span {
	color: #666;
	font-size: 20px;
}

.WordSection1 p.tac {
	color: #8c8c8c;
	font-style: italic;
	font-size: 14px;
	margin: 20px, 1px, 0px, 6px;
	text-align: left;
}

.white,
#color_table p.active {
	color: white !important;
}

gold {
	color: #D4AF37;
}

.shopping_cart a {
	font-size: 2em !important;
}

#result_table td {
	background: #ffffff;
}

.option_group>.input-group {
	width: 100%;
}

.option_group>.input-group>input {
	width: 20%;
}

.shopping_cart_buzz {
	position: absolute;
	display: inline;
	margin-left: -0.5em;
	font-size: 0.5em;
	padding: 0.25em;
	width: 1.5em;
	height: 1.5em;
	line-height: 1em;
	font-weight: bold;
	color: white;
	background: #000000;
	border-radius: 50%;
	font-family: sans-serif;
}

#details_address {
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#details_address.open {
	height: auto;
}

.site-footer {
	width: 100%;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	color: #666;
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 -1px 2px rgba(0, 0, 0, .1);
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 9999;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.site-footer:hover {
	background: rgba(255, 255, 255, 1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.copyrights-col-right ul {
	float: right;
}

.social-icons li {
	display: inline-block;
}

.social-icons a {
	margin: 0 0 0 5px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	color: #222;
	display: block;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.social-icons a:hover {
	color: #d5768a;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#main_slide {
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#main_slide.loading {
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* - - - - backend - - - - */

td>img {
	height: 28px;
	cursor: pointer;
}


/* 1 - - - - backend header - - - - */
.backend {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	overflow-y: scroll;
	background: #ffffff;
}

.input-group-btn .btn {
	font-size: 14px;
	border-width: 1px;
}


.page-title-block {
	padding: 25px 0;
}

/*
  .btn,
  .btn:hover {
	  border: 1px solid black;
	  color: black;
  }
  */

/*
  .btn,
  .btn:hover {
	  border: transparent;
  }
  */

.btn:hover,
.btn.active {
	box-shadow: 0px 0px 5px #a2e6ff, 0px 0px 10px #a2e6ff;
	opacity: 1;
}

.backend_bar {
	position: absolute;
	color: black;
	width: 3rem;
	height: 3rem;
	top: 0;
	padding: 0.5rem;
	right: -3rem;
	font-size: 2rem;
	background: white;
	cursor: pointer;
}

.header_backend {
	text-align: center;
	position: fixed;
	left: -20vw;
	top: 0;
	width: 20vw;
	height: 100vh;
	background: #ffffff;
	opacity: 0.5;
	z-index: 1000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.header_backend.active {
	left: 0;
	opacity: 1;
	-webkit-filter: drop-shadow(1px 0px 10px #2b2b2b);
	filter: drop-shadow(1px 0px 10px #2b2b2b);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.header_backend .sf-menu {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.header_backend .navigation {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
}

.header_backend .navigation li {
	text-align: center;
	float: none;
	border: none;
}

.header_backend .navigation li:hover {
	border: none;
}

.header_backend .navigation li a {
	display: block;
	font-size: 1rem;
	text-decoration: none;
	color: black;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 100;
}

.header_backend .navigation li a:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header_backend .logo_head {
	width: 5rem;
}

.header_backend .logo_head a img {
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-filter: drop-shadow(0px 0px 100px 10px rgba(255, 255, 255, 1));
	filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 1));
}

.header_backend .logo_head a img:hover {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* 2 - - - - backend product management - - - - */

.back_tran {
	position: relative;
	border-radius: 10px;
	padding: 20px;
}

.loader-back {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.25);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.loader-back-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.25);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#message-back {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.5);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.loader-back.loading,
.loader-back-image.loading,
#message-back.loading {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.wrapper {
	position: fixed;
	background: rgba(255, 255, 255, 1);
	z-index: 9990;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	overflow-y: auto;
	padding-bottom: 70px;
	padding-top: 70px;
	/* 	border-radius: 10px; */
	/* 	box-shadow: 0px 0px 20px #a2e6ff; */
	/* 	border: 1px solid #000; */
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.image_wrapper {
	border: none !important;
	width: 100%;
	height: 100%;
	left: 0 !important;
	top: 0 !important;
	background: rgba(0, 0, 0, 0);
}

.image_wrapper>img {
	position: absolute;
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.s_wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: rgba(255, 255, 255, 1);
	z-index: 9999;
	width: 400px;
	height: 400px;
	/*
	  line-height: 100px;
	  font-size: 100px;
  */
	color: #2b2b2b;
	/* 	overflow-y: auto; */
	/* 	border: 1px solid #000; */
	border-radius: 10px;
	box-shadow: 0px 0px 20px #a2e6ff;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.s_wrapper p {
	font-size: 20px;
	line-height: 20px;
}

.s_wrapper.show {
	top: 0;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#message {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	overflow-y: auto;
	padding: 20px;
}

.process_wrapper {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 999999;
	font-size: 2.5em;
	line-height: 2.5em;
	background: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border-radius: 0;
	color: white;
	border: none !important;
	top: 0 !important;
}

#progress {
	display: none;
}

#progress.active {
	display: block;
}

.process_wrapper>div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.wrapper.show {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#paypal_check {
	position: absolute;
	width: 150px;
	height: 25px;
	padding: 0;
	margin: 0;
	z-index: 100;
	cursor: pointer;
}

.wrapper>.wrapper_cancel {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 2em;
	border: none;
	background: none;
	color: black;
	z-index: 9999;
}

.image_wrapper>.wrapper_cancel {
	color: white;
}

.type_dropdown li:hover .remover {
	display: block;
}

.type_dropdown .remover {
	position: absolute;
	display: none;
	right: 10px;
	margin-top: -20px;
	height: 14px;
	width: 14px;
	font-size: 14px;
	line-height: 14px;
	padding: 0;
	text-align: center;
	background-color: red;
	border-radius: 50%;
	border: none;
	color: white;
}

#myRange {
	-webkit-appearance: none;
	width: 100%;
	height: 0.5rem;
	margin-top: 0.25rem;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 5px;
	box-shadow: inset 2px 2px 10px #3f3f3f;
}

#myRange:hover {
	opacity: 1;
}

#myRange::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 2rem;
	height: 2rem;
	/* xbackground-image: url(images/favicon.png); */
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid black;
}

#myRange::-moz-range-thumb {
	width: 2rem;
	height: 2rem;
	/* xbackground-image: url(images/favicon.png); */
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	cursor: pointer;
	border-radius: 50%;
}

.table_dropdown {
	border: none;
	background: none;
}

#store_box input {
	width: 50%;
}

input {
	color: black;
}

#bar_image {
	height: 100px;
	width: 300px;
}


/* Home Page */

.home-block {
	position: relative;
	display: block;
	width: 100vw;
	overflow: hidden;
	background: #ffffff;
	left: 0;
	top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

.home-block.touch {
	background-attachment: scroll;
}

/*
  .home-block:before {
	  content: "";
	  display: block;
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  background-image: url('images/home.jpg');
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-attachment: fixed;
  }
  */

/*
  .home-block.show_home {
	  z-index: 1500;
  }
  */

.back_img {
	display: block;
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.back_img>img {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	z-index: -1;
}

.home-block-content {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1480;
}



.gallery_block {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	width: 12.5vw;
	height: 12.5vw;
	background: black;
	cursor: pointer;
}

.gallery_block>img {
	opacity: 0.5;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	z-index: 1552;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gallery_block>img.loading {
	opacity: 0;
}

.image_block_backend_main {
	width: 12rem;
}

.image_block_backend {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	width: calc(6rem - 16px);
	background: black;
	cursor: pointer;
}

.image_block_backend .delete {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	width: 1rem;
	height: 1rem;
	font-size: 0.75rem;
	line-height: 1rem;
	text-align: center;
	background: white;
	color: black;
	border-radius: 50%;
	z-index: 2;
	box-shadow: 2px 2px 10px black;
}

.image_block_backend:hover .delete {
	display: block;
}

.gallery_block_backend {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	width: 12.5vw;
	height: 12.5vw;
	background: black;
	cursor: pointer;
}

.gallery_block_backend .delete {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
	background: white;
	color: black;
	border-radius: 50%;
	z-index: 2;
	box-shadow: 2px 2px 10px black;
}

.gallery_block_backend:hover .delete {
	display: block;
}

.gallery_block_backend>img {
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	z-index: 1552;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 1;
}

.features.colored>li>span>img {
	width: 100%;
}

/*
  .gallery_block.active {
	  overflow: visible;
	  opacity: 1;
  }
  
  .gallery_block.active img {
	  
  }
  */

.home_gallery {
	background: #ffffff;
}

#home_gallery>.gallery_block:nth-child(n+32) {
	display: none;
}

.gallery_block>i {
	color: white;
	font-size: 10vw;
	text-align: center;
	line-height: 10vw;
	width: 12.5vw;
	height: 10vw;
	cursor: pointer;
}

.gallery_block>p {
	position: absolute;
	left: 0;
	bottom: 0;
	color: white;
	text-align: center;
	width: 100%;
	;
	cursor: pointer;
	padding: 1rem;
	height: 2.5vw;
	line-height: 2.5vw;
}

.gallery_block:hover>img {
	opacity: 1;
}

.paypal_msg {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.paypal_small {
	width: 100%;
	height: 100%;
	overflow: hidden;

	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center;

	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;
	overflow: hidden;
}

.v_center {
	height: 100vh;
	overflow: hidden;

	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center;

	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;
	overflow: hidden;
}

.neon_font {
	font-size: 9em;
	/* 	text-transform: uppercase; */
	font-family: "Wild Spirit";
	color: white;
}

.home-block-selection p {
	color: white;
}

.home_logo {
	position: absolute;
	width: 20rem;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
	-moz-filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
	-o-filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
	-ms-filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
	-webkit-filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
}

.main-menu-wrapper {
	background: #ffffff;
}

.navigation>ul>li>a {
	font-size: 1.25em;
}

.navigation>ul>li>a:hover {
	text-shadow: 0 0 5px #a2e6ff, 0 0 10px #a2e6ff;
	color: #2b2b2b;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.site-header .shopping_cart_xs {
	font-size: 18px;
	margin: 25px 60px 0 0;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}

/* 4-store */

.store {
	width: 100vw;
	/* 	padding-top: 70px; */
	height: 100vh;
	/*
	  overflow-x: hidden;
	  overflow-y: auto;
  */
	/* 	background: url("images/back_white.png") repeat; */
}

.store .product_box_filter {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.store .filter_bbox {
	display: block;
	position: relative;
	width: 20vw;
	float: left;
}

.product_bbox {
	display: block;
	position: relative;
	width: 100%;
	;
	float: left;
}

.store .product_box_container {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	overflow: auto;
	padding-bottom: 70px;
	/*
	  -webkit-transition: all 0.3s ease;
	  -moz-transition:    all 0.3s ease;
	  -o-transition:      all 0.3s ease;
	  -ms-transition:     all 0.3s ease;
	  transition:         all 0.3s ease;
  */
}

#product_box {
	overflow: auto;
}

body {
	height: auto;
	padding-bottom: 0px;
}

.ins_box {
	cursor: pointer;
	overflow: none;
	padding: 0;
	margin: 0;
}

.ins_box .ins_box_image {
	width: 100%;
}

.ins_box .ins_box_image img {
	width: 100%;
}

.ins_box .ins_box_title {
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 100;
	color: white;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	opacity: 0;
	font-size: 0.75rem;
	padding: 0.5rem;
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center;

	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.ins_box:hover .ins_box_title {
	opacity: 1;
}

.product_box {
	cursor: pointer;
}

.product_box_img {
	width: 100%;
}

.product_box_title {
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.product_box_price {
	width: 100%;
	text-align: center;
}

#product_images .img_con img:not(:first-child),
#hire_images .img_con img:not(:first-child) {
	width: 25%;
	cursor: pointer;
}

.ico-list {
	width: 500px;
	margin-left: -400px;
}

.ico-list li {
	padding: 0;
}

.ico-list li a {
	display: inline-block !important;
	border-left: 1px solid black;
}

.ico-list li a:nth-child(1) {
	border-left: none;
}

/* -------------- custom ----------------*/

table.item_table img {
	height: 5rem;
}

table.item_table td {
	vertical-align: middle;
	display: table-cell;
	height: 5rem;
}

.custom.body_m {
	height: auto;
	width: 100vw;
}

.custom_block {
	position: relative;
	width: 65%;
	padding-bottom: 65%;
	border: 1px solid white;
}

.custom_block p {
	position: absolute;
	font-size: 2em;
	line-height: 4em;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.demo_text {
	background-color: #002652;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: ;
	padding-top: 100%;
	z-index: 2;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	/* 	border: 1px solid white; */
}

.demo_box_full .demo_text {
	margin-bottom: 10px;
}

.demo_text>.text_show {
	font-size: 7rem;
	position: absolute;
	top: 5%;
	width: 100%;
	line-height: 7rem;
	text-align: center;
	color: white;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: text-shadow 0.5s ease;
	-moz-transition: text-shadow 0.5s ease;
	-ms-transition: text-shadow 0.5s ease;
	-o-transition: text-shadow 0.5s ease;
	transition: text-shadow 0.5s ease;
}

.demo_on_off {
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 96px;
	height: 50px;
}

.demo_on_off.onswitch {
	/* xbackground: url(../images/on.png) no-repeat; */
}

.demo_on_off.offswitch {
	/* xbackground: url(../images/off.png) no-repeat; */
}

.font_style li {
	background: transparent;
	color: black;
	height: 2rem;
	font-size: 1rem;
	line-height: 2rem;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.font_style li.active {
	text-shadow: rgb(255, 255, 255) 0px 0px 2px, rgb(255, 255, 255) 0px 0px 4px, #a2e6ff 0px 0px 8px, #a2e6ff 0px 0px 6px, #a2e6ff 0px 0px 8px, #a2e6ff 0px 0px 22px, #a2e6ff 0px 0px 30px;
}

.bg_style li {
	border: 1px solid lightgrey;
	height: 2rem;
	font-size: 1.5rem;
	line-height: 3rem;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.bg_style li>p {
	text-transform: uppercase;
	display: none;
}

.custom_tab>li.active>a {
	background: none;
	border: none;
	border-bottom: 2px solid #5761ff;
}

.option_group_custom {
	border: none;
	padding: 10px;
	margin-bottom: 0;
}

.option_group_custom .form-group {
	height: 0;
	display: none;
	opacity: 0;
	margin: 0;
}

.option_group_custom .form-group.active {
	height: auto;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: inline-block;
}

.size-box {
	width: calc(50% - 10px);
	float: left;
	border: 1px solid #d4d4d4;
	border-radius: 0;
	text-align: left;
	padding: 0;
	cursor: pointer;
	font-size: 0.75rem;
	line-height: 1.5rem;
	margin: 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.board-sub {
	overflow: hidden;
}

.board-sub>image {
	width: 100%;
}

.size-box .s_price {
	text-align: left;
	padding: 0;
}

.size-box .s_price div:nth-child(2) {
	padding-left: 5px;
	background: #FFF;
}

.size-box .s_price.noprice div:nth-child(2) {
	padding: 0 5px;
	font-size: 0.72rem;
}

.size-box.active,
.size-box:hover,
.board-box.active,
.board-box:hover,
.non-latin-board-box.active,
.non-latin-board-box:hover {
	box-shadow: 0px 0px 20px #a2e6ff;
}

.slidecontainer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 10px 15%;
}

.img_preload {
	overflow: hidden;
	height: 72vh;
	width: 100%;
}

.function_btn .btn-group {
	margin: 10px;
}

.about_container {
	padding: 0;
	margin: 0;
}

.about_img {
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 11;
}

.about_img img {
	cursor: pointer;
}

.about_text {
	color: black;
	padding: 2em;
	font-size: 1.5em;
	z-index: 33;
}

.fa-facebook+a:before,
.fa-instagram+a:before {
	content: " ";
}

.store .container {
	padding: 0;

}

#order_table tr {
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#order_table tr:hover {
	cursor: pointer;
	background: #a2e6ff;
}

.details {
	overflow: hidden;
	display: none;
	position: absolute;
	background: rgba(255, 255, 255, 0.75);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 50px 20px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	filter: scale(0.1);
	-webkit-filter: scale(0.1);
	-moz-filter: scale(0.1);
	-ms-filter: scale(0.1);
	-o-filter: scale(0.1);
}

.details.show {
	display: block;
}

/* Stylesheets and Google fonts import */
/* @import url("font-awesome.css"); */
/* @import url("entypo.css"); */

/* @font-face {
	  font-display: swap;
	  font-family: 'bubble';
	  src: url('../fonts/bubble.eot');
	  src: url('../fonts/bubble.eot') format('embedded-opentype'),
		  url('..fonts/bubble.woff') format('woff'),
		  url('../fonts/bubble.ttf') format('truetype'),
		  url('images/bubble.svg') format('svg');
	  font-weight: normal;
	  font-style: normal;
  } */

.white,
#color_table p.active {
	color: #fff !important;
}

gold {
	color: #D4AF37;
}

.shopping_cart a {
	font-size: 2em !important;
}

#result_table td {
	background: #ffffff;
}

.option_group>.input-group {
	width: 100%;
}

.option_group>.input-group>input {
	width: 20%;
}

.shopping_cart_buzz {
	position: absolute;
	display: inline;
	margin-left: -0.5em;
	font-size: 0.5em;
	padding: 0.25em;
	width: 1.5em;
	height: 1.5em;
	line-height: 1em;
	font-weight: bold;
	color: white;
	background: #000000;
	border-radius: 50%;
	font-family: sans-serif;
}

#details_address {
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#details_address.open {
	height: auto;
}

.site-footer {
	width: 100%;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	color: #666;
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 -1px 2px rgba(0, 0, 0, .1);
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 9999;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.site-footer:hover {
	background: rgba(255, 255, 255, 1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.copyrights-col-right ul {
	float: right;
}

.social-icons li {
	display: inline-block;
}

.social-icons a {
	margin: 0 0 0 5px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	color: #222;
	display: block;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.social-icons a:hover {
	color: #d5768a;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#main_slide {
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#main_slide.loading {
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* - - - - backend - - - - */

td>img {
	height: 28px;
	cursor: pointer;
}


/* 1 - - - - backend header - - - - */
.backend {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	overflow-y: scroll;
	background: #ffffff;
}

.input-group-btn .btn {
	font-size: 14px;
	border-width: 1px;
}


.page-title-block {
	padding: 25px 0;
}

/*
  .btn,
  .btn:hover {
	  border: 1px solid black;
	  color: black;
  }
  */

/*
  .btn,
  .btn:hover {
	  border: transparent;
  }
  */

.btn:hover,
.btn.active {
	box-shadow: 0px 0px 5px #a2acff, 0px 0px 10px #a2e6ff;
	opacity: 1;
}

.backend_bar {
	position: absolute;
	color: black;
	width: 3rem;
	height: 3rem;
	top: 0;
	padding: 0.5rem;
	right: -3rem;
	font-size: 2rem;
	background: white;
	cursor: pointer;
}

.header_backend {
	text-align: center;
	position: fixed;
	left: -20vw;
	top: 0;
	width: 20vw;
	height: 100vh;
	background: #ffffff;
	opacity: 0.5;
	z-index: 1000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.header_backend.active {
	left: 0;
	opacity: 1;
	-webkit-filter: drop-shadow(1px 0px 10px #2b2b2b);
	filter: drop-shadow(1px 0px 10px #2b2b2b);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.header_backend .sf-menu {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.header_backend .navigation {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
}

.header_backend .navigation li {
	text-align: center;
	float: none;
	border: none;
}

.header_backend .navigation li:hover {
	border: none;
}

.header_backend .navigation li a {
	display: block;
	font-size: 1rem;
	text-decoration: none;
	color: black;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 100;
}

.header_backend .navigation li a:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.header_backend .logo_head {
	width: 5rem;
}

.header_backend .logo_head a img {
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-filter: drop-shadow(0px 0px 100px 10px rgba(255, 255, 255, 1));
	filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 1));
}

.header_backend .logo_head a img:hover {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* 2 - - - - backend product management - - - - */

.back_tran {
	position: relative;
	border-radius: 10px;
	padding: 20px;
}

.loader-back {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.25);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.loader-back-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.25);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#message-back {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.5);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.loader-back.loading,
.loader-back-image.loading,
#message-back.loading {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.wrapper {
	position: fixed;
	background: rgba(255, 255, 255, 1);
	z-index: 9990;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	overflow-y: auto;
	padding-bottom: 70px;
	padding-top: 70px;
	/* 	border-radius: 10px; */
	/* 	box-shadow: 0px 0px 20px #a2e6ff; */
	/* 	border: 1px solid #000; */
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.image_wrapper {
	border: none !important;
	width: 100%;
	height: 100%;
	left: 0 !important;
	top: 0 !important;
	background: rgba(0, 0, 0, 0);
}

.image_wrapper>img {
	position: absolute;
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.s_wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: rgba(255, 255, 255, 1);
	z-index: 9999;
	width: 600px;
	height: 400px;
	/*
	  line-height: 100px;
	  font-size: 100px;
  */
	color: #2b2b2b;
	/* 	overflow-y: auto; */
	/* 	border: 1px solid #000; */
	border-radius: 10px;
	box-shadow: 0px 0px 20px #a2e6ff;
	text-align: center;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.s_wrapper p {
	font-size: 20px;
	line-height: 20px;
}

.s_wrapper.show {
	top: 0;
	/*visibility: hidden;*/
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#message {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	overflow-y: auto;
	padding: 20px;
}

.process_wrapper {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 999999;
	font-size: 2.5em;
	line-height: 2.5em;
	background: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border-radius: 0;
	color: white;
	border: none !important;
	top: 0 !important;
}

#progress {
	display: none;
}

#progress.active {
	display: block;
}

.process_wrapper>div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.wrapper.show {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#paypal_check {
	position: absolute;
	width: 150px;
	height: 25px;
	padding: 0;
	margin: 0;
	z-index: 100;
	cursor: pointer;
}

.wrapper>.wrapper_cancel {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 2em;
	border: none;
	background: none;
	color: black;
	z-index: 9999;
}

.image_wrapper>.wrapper_cancel {
	color: white;
}

.type_dropdown li:hover .remover {
	display: block;
}

.type_dropdown .remover {
	position: absolute;
	display: none;
	right: 10px;
	margin-top: -20px;
	height: 14px;
	width: 14px;
	font-size: 14px;
	line-height: 14px;
	padding: 0;
	text-align: center;
	background-color: red;
	border-radius: 50%;
	border: none;
	color: white;
}

#myRange {
	-webkit-appearance: none;
	width: 100%;
	height: 0.5rem;
	margin-top: 0.25rem;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 5px;
	box-shadow: inset 2px 2px 10px #3f3f3f;
}

#myRange:hover {
	opacity: 1;
}

#myRange::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 2rem;
	height: 2rem;
	/* xbackground-image: url(images/favicon.png); */
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid black;
}

#myRange::-moz-range-thumb {
	width: 2rem;
	height: 2rem;
	/* xbackground-image: url(images/favicon.png); */
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	cursor: pointer;
	border-radius: 50%;
}

.table_dropdown {
	border: none;
	background: none;
}

#store_box input {
	width: 50%;
}

input {
	color: black;
}

#bar_image {
	height: 100px;
	width: 300px;
}


/* Home Page */

.home-block {
	position: relative;
	display: block;
	width: 100vw;
	overflow: hidden;
	background: #ffffff;
	left: 0;
	top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

.home-block.touch {
	background-attachment: scroll;
}

/*
  .home-block:before {
	  content: "";
	  display: block;
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  background-image: url('images/home.jpg');
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center center;
	  background-attachment: fixed;
  }
  */

/*
  .home-block.show_home {
	  z-index: 1500;
  }
  */

.back_img {
	display: block;
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.back_img>img {
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	z-index: -1;
}

.home-block-content {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1480;
}



.gallery_block {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	width: 12.5vw;
	height: 12.5vw;
	background: black;
	cursor: pointer;
}

.gallery_block>img {
	opacity: 0.5;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	z-index: 1552;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gallery_block>img.loading {
	opacity: 0;
}

.image_block_backend_main {
	width: 12rem;
}

.image_block_backend {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	width: calc(6rem - 16px);
	background: black;
	cursor: pointer;
}

.image_block_backend .delete {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	width: 1rem;
	height: 1rem;
	font-size: 0.75rem;
	line-height: 1rem;
	text-align: center;
	background: white;
	color: black;
	border-radius: 50%;
	z-index: 2;
	box-shadow: 2px 2px 10px black;
}

.image_block_backend:hover .delete {
	display: block;
}

.gallery_block_backend {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	width: 12.5vw;
	height: 12.5vw;
	background: black;
	cursor: pointer;
}

.gallery_block_backend .delete {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
	background: white;
	color: black;
	border-radius: 50%;
	z-index: 2;
	box-shadow: 2px 2px 10px black;
}

.gallery_block_backend:hover .delete {
	display: block;
}

.gallery_block_backend>img {
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	z-index: 1552;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 1;
}

.features.colored>li>span>img {
	width: 100%;
}

/*
  .gallery_block.active {
	  overflow: visible;
	  opacity: 1;
  }
  
  .gallery_block.active img {
	  
  }
  */

.home_gallery {
	background: #ffffff;
	z-index: 20;
}

#home_gallery>.gallery_block:nth-child(n+32) {
	display: none;
}

.gallery_block>i {
	color: white;
	font-size: 8vw;
	text-align: center;
	line-height: 8vw;
	width: 12.5vw;
	height: 8vw;
	cursor: pointer;
}

.gallery_block>p {
	position: absolute;
	left: 0;
	bottom: 0;
	color: white;
	text-align: center;
	width: 100%;
	;
	cursor: pointer;
	padding: 1rem;
	height: 4vw;
	line-height: 2vw;
}

.gallery_block:hover>img {
	opacity: 1;
}

.paypal_msg {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.paypal_small {
	width: 100%;
	height: 100%;
	overflow: hidden;

	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center;

	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;
	overflow: hidden;
}

.v_center {
	height: 100vh;
	overflow: hidden;

	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center;

	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;
	overflow: hidden;
}

.neon_font {
	font-size: 9em;
	/* 	text-transform: uppercase; */
	font-family: "Wild Spirit";
	color: white;
}

.home-block-selection p {
	color: white;
}

.home_logo {
	position: absolute;
	width: 20rem;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
	-moz-filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
	-o-filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
	-ms-filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
	-webkit-filter: drop-shadow(0px 0px 5px #fff) drop-shadow(0px 0px 10px #fff);
}

.main-menu-wrapper {
	background: #ffffff;
}

.navigation>ul>li>a {
	font-size: 1.25em;
}

.navigation>ul>li>a:hover {
	text-shadow: 0 0 5px #a2e6ff, 0 0 10px #a2e6ff;
	color: #2b2b2b;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.site-header {
	width: 100%;
	position: sticky;
	position: -webkit-sticky;
	z-index: 1502;
	top: 0;
	left: 0;
}

.site-header .shopping_cart_xs {
	font-size: 18px;
	margin: 25px 60px 0 0;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}

/* 4-store */

.store {
	width: 100vw;
	/* 	padding-top: 70px; */
	height: 100vh;
	/*
	  overflow-x: hidden;
	  overflow-y: auto;
  */
	/* 	background: url("images/back_white.png") repeat; */
}

.store .product_box_filter {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.store .filter_bbox {
	display: block;
	position: relative;
	width: 20vw;
	float: left;
}

.product_bbox {
	display: block;
	position: relative;
	width: 100%;
	;
	float: left;
}

.store .product_box_container {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	overflow: auto;
	padding-bottom: 70px;
	/*
	  -webkit-transition: all 0.3s ease;
	  -moz-transition:    all 0.3s ease;
	  -o-transition:      all 0.3s ease;
	  -ms-transition:     all 0.3s ease;
	  transition:         all 0.3s ease;
  */
}

#product_box {
	overflow: auto;
}

body {
	height: auto;
	padding-bottom: 0px;
}

.ins_box {
	cursor: pointer;
	overflow: none;
	padding: 0;
	margin: 0;
}

.ins_box .ins_box_image {
	width: 100%;
}

.ins_box .ins_box_image img {
	width: 100%;
}

.ins_box .ins_box_title {
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	z-index: 100;
	color: white;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	opacity: 0;
	font-size: 0.75rem;
	padding: 0.5rem;
	display: -ms-flexbox;
	-ms-flex-pack: center;
	-ms-flex-align: center;
	display: -moz-box;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: box;
	box-pack: center;
	box-align: center;

	display: flex;
	align-items: center;
	justify-content: center;

	text-align: center;
	overflow: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.ins_box:hover .ins_box_title {
	opacity: 1;
}

.product_box {
	cursor: pointer;
}

.product_box_img {
	width: 100%;
}

.product_box_title {
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.product_box_price {
	width: 100%;
	text-align: center;
}

#product_images .img_con img:not(:first-child) {
	width: 25%;
}

.ico-list {
	width: 500px;
	margin-left: -400px;
}

.ico-list li {
	padding: 0;
}

.ico-list li a {
	display: inline-block !important;
	border-left: 1px solid black;
}

.ico-list li a:nth-child(1) {
	border-left: none;
}

/* -------------- custom ----------------*/

table.item_table img {
	height: 5rem;
}

table.item_table td {
	vertical-align: middle;
	display: table-cell;
	height: 5rem;
}



.custom_block {
	position: relative;
	width: 65%;
	padding-bottom: 65%;
	border: 1px solid white;
}

.custom_block p {
	position: absolute;
	font-size: 2em;
	line-height: 4em;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.demo_text {
	background-color: black;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	padding-top: 100%;
	z-index: 2;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	/* 	border: 1px solid white; */
}

.demo_text>.text_show {
	font-size: 7rem;
	position: absolute;
	top: 35%;
	width: 100%;
	line-height: 7rem;
	text-align: center;
	color: white;
	cursor: pointer;
	z-index: 2;
	-webkit-transition: text-shadow 0.5s ease;
	-moz-transition: text-shadow 0.5s ease;
	-ms-transition: text-shadow 0.5s ease;
	-o-transition: text-shadow 0.5s ease;
	transition: text-shadow 0.5s ease;
}

#text {
	padding: 0.5em;
	font-size: 3.3rem;
	line-height: normal;
	overflow: hidden;
}

.font_style li {
	background: transparent;
	color: black;
	height: 2rem;
	font-size: 1rem;
	line-height: 2rem;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 0;
}

.font_style li.active {
	text-shadow: rgb(255, 255, 255) 0px 0px 2px, rgb(255, 255, 255) 0px 0px 4px, #a2e6ff 0px 0px 8px, #a2e6ff 0px 0px 6px, #a2e6ff 0px 0px 8px, #a2e6ff 0px 0px 22px, #a2e6ff 0px 0px 30px;
}

.bg_style li {
	border: 1px solid lightgrey;
	height: 2rem;
	font-size: 1.5rem;
	line-height: 3rem;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

ul#color_table {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	/* gap: 10px; */
	/* max-width: 100% !important; */
	/* justify-content: center; */
	/* align-items: center; */
	grid-row-gap: 10px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.color_style #color_table li.col-xs-2 {
	margin: 0;
	cursor: pointer;
	display: grid !important;
	padding: 0;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.color_style li>p {
	/* width: 100%; */
	/* height: auto; */
	/* position: absolute; */
	/* left: -2px; */
	top: 0;
	text-align: center;
	/* font-size: 2rem; */
	/* line-height: 4rem; */
	margin: 0 auto;
	padding: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.color_style #color_table li>.color_name {
	width: 100%;
	height: auto;
	/* position: absolute; */
	left: 0;
	top: 4rem;
	text-align: center;
	font-size: 0.8rem !important;
	line-height: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 0;
	color: #000;
}

.bg_style li>p {
	text-transform: uppercase;
	display: none;
}

.custom_tab>li.active>a {
	background: none;
	border: none;
	border-bottom: 2px solid #5761ff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background: none;
	border: none;
	border-bottom: 2px solid #64ff5c;
	color: #fff;
}

h4#board_price {
	margin: 0;
	font-size: 12px;
}

.option_group_custom {
	border: none;
	padding: 10px;
	margin-bottom: 0;
}

.option_group_custom .form-group {
	height: 0;
	display: none;
	opacity: 0;
	margin: 0;
}

.option_group_custom .form-group.active {
	height: auto;
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: inline-block;
}

.tool-bottom .form-group {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

.tool_head {
	display: inline-block;
	width: 100%;
	background: #000;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 16px;
	text-align: left;
	box-sizing: border-box;
	padding: 10px;
	line-height: 2;
}

.tool_head img {
	width: 60px;
	float: right;
}

button.btn.btn-static {
	background: #000;
	color: #fff;
	border-radius: 0;
	display: inline-block;
	letter-spacing: 0;
	font-size: 9px;
}

.btn-static i {
	display: inline-block;
	font-size: 20px;
	vertical-align: middle;
}

span.btn_text {
	display: inline-block;
	vertical-align: middle;
	color: #c6c3c3;
	text-align: center;
	margin-left: 10px;
}

.btn_text_head {
	font-size: 13px;
	display: block;
	font-weight: bold;
	color: #fff;
	line-height: 1;
}

.size-box {
	width: calc(50% - 10px);
	float: left;
	border: 1px solid #d4d4d4;
	border-radius: 0;
	text-align: left;
	padding: 0;
	cursor: pointer;
	font-size: 0.75rem;
	line-height: 1.5rem;
	margin: 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.size-box .s_size {
	text-align: right;
	padding: 0;
}

.size-box .s_price {
	text-align: left;
	padding: 0;
}

.size-box.active,
.size-box:hover {
	box-shadow: 0px 0px 0 3px #5761ff;
	border-color: transparent;
	border-radius: 0;
}

.slidecontainer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 10px 15%;
}

.img_preload {
	overflow: hidden;
	height: 72vh;
	width: 100%;
}

.function_btn .btn-group {
	margin: 10px;
}

.about_container {
	padding: 0;
	margin: 0;
}

.about_img {
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 11;
}

.about_img img {
	cursor: pointer;
}

.about_text {
	color: black;
	padding: 2em;
	font-size: 1.5em;
	z-index: 33;
}

.fa-facebook+a:before,
.fa-instagram+a:before {
	content: " ";
}

.store .container {
	padding: 0;

}

#order_table tr {
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#order_table tr:hover {
	cursor: pointer;
	background: #a2e6ff;
}

.details {
	overflow: hidden;
	display: none;
	position: absolute;
	background: rgba(255, 255, 255, 0.75);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	filter: scale(0.1);
	-webkit-filter: scale(0.1);
	-moz-filter: scale(0.1);
	-ms-filter: scale(0.1);
	-o-filter: scale(0.1);
}

.details.show {
	display: block;
	filter: scale(1);
	-webkit-filter: scale(1);
	-moz-filter: scale(1);
	-ms-filter: scale(1);
	-o-filter: scale(1);
}

.bootstrap-datetimepicker-widget table td {
	border: 1px solid #ddd;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
	color: #ccc;
}

.bootstrap-datetimepicker-widget table td.show_range,
.bootstrap-datetimepicker-widget table td.show_range:hover {
	background-color: rgba(245, 227, 28, 0.5);
	border-radius: 0px;
}

.bootstrap-datetimepicker-widget table td.show_range_first,
.bootstrap-datetimepicker-widget table td.show_range_first:hover {
	background-color: rgba(245, 227, 28, 0.5);
	border-radius: 4px 0px 0px 4px
}

.bootstrap-datetimepicker-widget table td.show_range_last,
.bootstrap-datetimepicker-widget table td.show_range_last:hover {
	background-color: rgba(245, 227, 28, 0.5);
	border-radius: 0px 4px 4px 0px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
	color: black;
}

.hire_head {
	background: black;
	color: white;
}

.tot_price_sec {
	font-size: 12pt;
	margin: 10px 0 0;
}

.total_sel_price {
	font-size: 22pt;
	margin-left: 3px;
}

.plug_style .dropdown {
	display: inline-block;
}

.plug_style .btn-default {
	width: 100%;
	padding: 2px 2px 2px 10px;
}

.plug_style i {
	float: right;
	border: 1px solid #f3f3f3;
	padding: 0 5px;
	font-size: 1.2rem;
}

.plug_style h4 {
	display: inline-block;
	font-size: 11pt;
	float: left;
	margin: 0;
}

.DskOnly {
	display: block;
}

.MobOnly {
	display: none;
}

@media handheld,
screen and (min-width : 300px) and (max-width : 350px) {
	.DskOnly {
		display: none;
	}

	.banner.DskOnly {
		display: none !important;
	}

	.MobOnly {
		display: block;
	}

	.topim {
		text-align: center;
	}

	.topim img {
		margin: 0 auto;
	}

	.WordSection1 h2.tpH {
		text-align: center;
		font-size: 30px;
	}

	.gradDynamic h3 {
		font-size: 26px
	}

	.gradDynamic h2 {
		font-size: 11pt;
	}
}

@media handheld,
screen and (min-width : 350px) and (max-width : 768px) {
	.DskOnly {
		display: none;
	}

	.banner.DskOnly {
		display: none !important;
	}

	.MobOnly {
		display: block;
	}

	.topim {
		text-align: center;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.topim img {
		margin: 0 auto;
	}

	.WordSection1 h2.tpH {
		text-align: center;
		font-size: 30px;
	}

	.gradDynamic h3 {
		font-size: 26px;
	}

	.gradDynamic h2 {
		font-size: 11pt;
	}
}

@media (max-width: 991px) {
	.container {
		padding: 0 !important;
	}

	.WordSection1 .col-md-6:first-child {
		padding-right: 0 !important;
	}
}

button.addtocart {
	display: inline-block;
	border: 0.1em solid #000;
	padding: 4px 0 4px 0;
	text-decoration: none;
	font-weight: 300;
	font-size: 120%;
	color: #FFF;
	text-align: center;
	transition: all 0.5s;
	background-color: #000;
	width: 100%;
	letter-spacing: 3px;
}

button.addtocart:hover {
	color: #FFF;
	background-color: #5761ff;
}

@media all and (max-width:30em) {
	button.addtocart {
		display: block;
		margin: 0.4em auto;
	}
}


.make_style_form .bord_color .bord_img {
	display: inline-flex;
}

.make_style_form .bord_color .bord_img .board-name {
	display: none;
	color: #5761ff;
	font-weight: 600;
}

.make_style_form .bord_color .bord_img img {
	border-color: transparent;
	border-radius: 9px;
	border: 2px solid #616161;
	margin-left: 12px;
	cursor: pointer;
	margin-right: 12px;
	transition: all 0.5s ease;
}

.make_style_form .bord_color .bord_img img.active {
	border: 2px solid #5761ff;
}

.make_style_form .bord_color .bord_img img:hover {
	border: 2px solid #5761ff;
}

.make_style_form .bord_color .bord_txt {
	margin-top: 10px;
	text-align: left;
	margin-left: 10px;
}

.make_style_form .bord_color .bord_txt span {
	color: #333333;
	font-weight: 600;
	font-size: 14px;
}

@media only screen and (max-width: 1200px) {
	.make_style_form .bord_color .bord_img img {
		margin: 0 12px;
		height: 36px;
	}
}

@media only screen and (max-width: 767px) {
	.make_style_form .bord_color .bord_img img {
		margin: 0 10px;
		height: 36px;
	}
}


.size-notice label,
.size-notice-lenght label,
.size-notice-height label {
	text-align: center;
	margin: 8px 15px 8px 15px;
	color: white;
	font-size: 14px;
	font-weight: 400;

}

.size-notice,
.size-notice-lenght,
.size-notice-height {
	background-color: #5761ff;
	margin: 10px;
}

/* dd alignment image issue 03-05-21 start*/
.align_icon.right_icon,
.align_icon.left_icon,
.align_icon.center_icon,
.align_icon.right_icon.active,
.align_icon.left_icon.active,
.align_icon.center_icon.active {
	background-repeat: no-repeat;
}

@media handheld,
screen and (min-width : 768px) and (max-width : 991px) {
	.align_wrap {
		display: grid;
		grid-auto-flow: column;
		gap: 4px;
		align-items: center;
		justify-items: center;
	}

	.align_icon.left_icon,
	.align_icon.center_icon,
	.align_icon.left_icon.active,
	.align_icon.center_icon.active {
		margin: 0 auto;
		padding: 0;
	}
}

/* dd alignment image issue 03-05-21 end*/










a:hover,
.navigation>ul>li:hover>a,
.navigation>ul>li>ul>li:hover>a,
.navigation>ul>li>ul>li>ul>li:hover>a,
.navigation>ul>li>ul>li>ul>li>ul>li:hover>a,
.text-primary,
.btn-primary .badge,
.btn-link,
a.list-group-item.active>.badge,
.nav-pills>.active>a>.badge,
p.drop-caps:first-child:first-letter,
.accent-color,
.post-more,
ul.nav-list-primary>li a:hover,
.mfp-title a,
.grid-item.post .continue-reading,
.grid-item.post h3 a:hover,
.grid-item.post .post-footer a:hover,
.meta-data a:hover,
.post.format-link:hover .link-icon,
.twitter_widget a,
.widget.recentposts_widget .readmore,
.fact-ico,
blockquote p,
.about-box .about-cont h4,
.contact-info i.fa,
.pricing-column h3,
.project-info h4,
.action-port .gallery-permalink {
	color: black;
}

.twitter_widget a:hover,
.widget.recentposts_widget .readmore:hover {
	opacity: .9
}

p.drop-caps.secondary:first-child:first-letter,
.accent-bg,
.fa.accent-color,
.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.label-primary,
.progress-bar,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.panel-primary>.panel-heading,
.carousel-indicators .active,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span,
hr.sm,
hr.md,
hr.lg,
.flex-control-nav a:hover,
.flex-control-nav a.flex-active,
.accordion-heading .accordion-toggle.active,
.accordion-heading:hover .accordion-toggle,
.accordion-heading:hover .accordion-toggle.inactive,
.nav-tabs li a:hover,
.nav-tabs li a:active,
.nav-tabs li.active a,
.page-actions-block a:hover,
.page-actions-block a.inverse,
.media-box .zoom span,
.media-box .expand span,
.secondary-header,
.features.colored li .icon,
.swiper .swiper-slide .permaurl,
.post.format-quote a.quote-box,
.about-block,
.tag-cloud a,
.pricing-column.highlight h3,
.page-header {
	background-color: black;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.next-prev-nav a:hover,
.tag-cloud a:hover {
	background: black;
	opacity: .9
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus,
.panel-primary,
.panel-primary>.panel-heading,
.fc-event,
.post.format-link:hover .link-icon {
	border-color: black;
}

.panel-primary>.panel-heading+.panel-collapse .panel-body,
.navigation>ul>li:hover {
	border-top-color: black;
}

.panel-primary>.panel-footer+.panel-collapse .panel-body,
.contact-info a {
	border-bottom-color: black;
}

/* Color Scheme Specific Classes */













/* 
  @font-face {
	  font-display: swap;
	  font-family: 'porto-icons';
	  src: url('../fonts/porto-icons.woff2') format('woff2'), url('../fonts/porto-icons.woff') format('woff');
	  font-weight: normal;
	  font-style: normal
  } */

/* Magento-style CSS */
.row {
	/* margin-right: 0; */
	/* margin-left: 0; */
}


.message .success {
	background: #e5efe5;
	color: #006400
}

.message .success p {
	padding: 10px 30px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 13px;
	margin-left: 20px;
	/* xbackground: url('/create-neon-sign/images/success.jpg') no-repeat left center; */
}

.message .error {
	background: #fae5e5;
	color: #e02b27
}

.message .error p {
	padding: 10px 30px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 13px;
	margin-left: 20px;
	/* xbackground: url('/create-neon-sign/images/error.jpg') no-repeat left center; */
}

#color_table li.col-xs-2 {
	/* width: 19.667% !Important; */
}

.color_desc {
	display: inline-block;
	margin-top: 10px;
	font-size: 13px;
	width: 100%;
}

.color_desc span.cdesc {
	display: inline-block;
	width: 100%;
}

.color_desc span.cimg {
	display: inline-block;
	width: 100%;
	max-width: 335px;
	align: center;
	repeat: none;
	height: 150px;
	margin-top: 10px;
}

.color_desc span.cmore {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.color_desc span.cmore>a {
	color: #337ab7;
}

.color_style li>.color_name {
	font-size: 10px !Important;
}

#size_table .size-box .s_size,
#size_table .size-box .s_size2 {
	padding: 0;
	text-align: right;
}

.s_size2,
.s_size,
.non_latin_s_size,
.non_latin_s_size2 {
	color: #696969;
	/* font-size: 12px !important; */
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	padding-right: 3px;
	font-weight: 400 !important;
}

.size-box .size-name,
.size-box .no-price-size-name {
	font-weight: 600;
	font-size: 12px;
}

.s_size2 div:nth-child(2),
.s_size div:nth-child(2) {
	background: #FFF;
}

#quoteform {
	display: none;
	width: 70%;
	float: left;
	margin: 10px 30px;
	text-align: left;
}

#quoteform label {
	text-align: left;
	float: left;
}

.parallax {
	height: 720px;
	width: 100vw;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* the line below is to force the image to go full width */
	margin-left: calc(-50vw + 50%);
}

.parallax2 {
	height: 720px;
	width: 100vw !important;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* the line below is to force the image to go full width */
	margin-left: calc(-50vw + 50%);
}

.parallax3 {
	height: 720px;
	width: 100vw !important;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/* the line below is to force the image to go full width */
	margin-left: calc(-50vw + 50%);
}

.bg_style {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.bg_style label {
	text-transform: uppercase;
	width: 385px;
	color: #fff;
	padding: 0 10px;
	background: rgba(0, 0, 0, 0.5);
	margin: 0;
	letter-spacing: 2px;
}

.bg_style ul {
	display: inline-block;
}

.bg_style li {
	height: 56px;
	width: 77px;
	float: left;
}

.demo_text {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.demo_text>.text_show {
	width: auto;
}

#size_table {
	display: inline-block;
	width: 100%;
	padding: 0 5px;
}

@media (min-width: 992px) {
	.col-md-8-5 {
		width: 64%;
	}

	.col-md-3-5 {
		width: 36%;
	}
}

/* The container */
.custom-checkbox .custom-control-label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
	font-weight: 400;
	color: #000;
}

/* Hide the browser's default checkbox */
.custom-checkbox .custom-control-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.custom-control.custom-option {
	text-align: left;
	font-family: 'Brandon_light', sans-serif;
}

.custom-control.custom-option .col-xs-6,
.custom-control.custom-option .col-xs-5,
.custom-control.custom-option .col-xs-7 {
	padding: 0;
	margin-top: 10px;
}

.custom-control.custom-option label {
	float: left;
	color: #00c4c8;
	font-size: 20px;
}

.custom-control.custom-option small {
	float: right;
	width: 52%;
	font-weight: bold;
	font-size: 14px;
}

.custom-control.custom-option .col-xs-7 small {
	width: 65%;
}

.custom-control.custom-option span {
	font-weight: bold;

}

.custom-control.custom-option .info-light {
	display: none;
	border-radius: 5px;
	background-color: #dcfcfd;
	color: #00c4c8;
	padding: 5px 15px;
	margin-top: 5px;
}

.custom-control.custom-option .info-light.active {
	display: block;
}

.custom-control.custom-radio {
	margin-bottom: 5px;
}

/* Create a custom checkbox */
.custom-checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border-radius: 10px;
	background-color: #fff;
	border: 2px solid gray;
}

.custom-radio label {
	border: 2px solid #f5f5f5;
	background: #f5f5f5;
	border-radius: 10px;
	width: 100%;
	text-align: center;
	padding: 10px;
	color: #000;
	font-size: 12px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
	height: 66px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	font-weight: 600;
}

.main_radio .col-xs-6 {
	padding: 0 5px;
}

.custom-radio.selected label,
.custom-radio:hover label {
	box-shadow: unset;
	border-color: transparent;
	border-radius: 10px;
	border: 1px solid #5761ff;
	background: #fff;
}

.custom-radio input {
	position: absolute;
	opacity: 0;
}

span.radio_span {
	display: inline-block;
	margin: 10px 0 0;
	color: #010101;
	font-size: 14px;
}

span.radio_span span#waterProofPrice {
	font-size: 14px
}

/* On mouse-over, add a grey background color */
.custom-checkbox .custom-control-label:hover input~.checkmark {
	background-color: #fff;
	border: 2px solid gray;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox .custom-control-label input:checked~.checkmark {
	background-color: #5761ff;
	border-color: #5761ff;
}

.custom-checkbox .custom-control-label input[type=checkbox]:checked+label {
	background-color: #5761ff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkbox .custom-control-label:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.custom-checkbox .custom-control-label input:checked~.checkmark:after {
	display: block;
}

.form-group.main_radio {
	padding: 0 5px;
	margin: 25px 0;
}

/* Style the checkmark/indicator */
.custom-checkbox .custom-control-label .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	position: absolute;
}

.color_desc {
	width: 100%;
	background-color: #f5f5f5;
	color: #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 0;
}

.cdesc {
	padding: 0px 5px 0px 5px;
}

.demo_on_off.offswitch {
	/* xbackground: url(../../images/off_new.png) no-repeat; */
	height: 34px;
	background-size: auto 100%;
	width: 74px;
}

.demo_on_off.onswitch {
	/* xbackground: url(../../images/on_new.png) no-repeat; */
	height: 34px;
	background-size: auto 100%;
	width: 74px;
}

.demo_on_off {
	top: 15px;
	left: 15px;
}

.make_style_form div.size-box {
	margin: 5px;
	padding: 5px;
	border: 0px;
	/*border: 2px solid #e7e6e6;*/
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
	border-radius: 10px;
	font-size: 1.1rem !important;
}

.make_style_form div.size-box strong,
.make_style_form div.size-box .s_size2 div {
	font-size: 12px;
	font-weight: 600;
}

#input_text::-webkit-input-placeholder {
	text-align: center;
	padding-top: 1%;
}

textarea#input_text {
	text-align: center;
	padding-top: 6%;
	background: #f5f5f5;
	border-radius: 10px;
	border: 1px solid #b9b9b9;
}

textarea[data-placeholder].active {
	color: #8a8a8a !important;
}

.option-label {
	font-weight: 600;
}

.make_style_form div.size-box.active,
.make_style_form div.size-box:hover {
	box-shadow: unset;
	border-color: transparent;
	border-radius: 10px;
	border: 1px solid #5761ff;
	background: #fff;
}

.make_style_form .size-box .s_price div:nth-child(2),
.make_style_form .s_size2 div:nth-child(2),
.make_style_form .s_size div:nth-child(2) {
	/*background: #e7e6e6;*/
	background: #f5f5f5;
}

.make_style_form div.size-box.active .s_price div:nth-child(2),
.make_style_form div.size-box.active .s_size2 div:nth-child(2),
.make_style_form div.size-box.active .s_size div:nth-child(2),
.make_style_form div.size-box:hover .s_price div:nth-child(2),
.make_style_form div.size-box:hover .s_size2 div:nth-child(2),
.make_style_form div.size-box:hover .s_size div:nth-child(2),
.make_style_form div.size-box.active strong,
.make_style_form div.size-box.active .s_size2 div,
.make_style_form div.size-box.active .s_size div,
.make_style_form div.size-box:hover strong,
.make_style_form div.size-box:hover .s_size2 div,
.make_style_form div.size-box:hover .s_size div {
	background: #fff;
}

.make_style_form .size-box .s_price {
	color: #000;
	font-size: 18px;
	padding-left: 0px;
	font-weight: 600;
}

.dropdown-design,
.dropdown-toggle-design {
	background: #f5f5f5;
	padding: 10px 0;
	border-radius: 10px;
	margin: 10px;
	font-size: 13px;
}

.dropdown-toggle-design li:nth-child(1) a {
	color: #5761ff;
}

.dropdown-design .btn-default {
	background: #f5f5f5;
	border: 0px;
}

.dropdown-toggle-design {
	margin: 10px 0px;
}

.total-section {
	background: #f5f5f5;
	padding: 15px;
	font-size: 14px;
	border-radius: 10px;
	text-align: left;
}

.total_sel_price {
	float: right;
}

button#add_to_cart,
button#non-latin-free-quote-button {
	padding: 15px;
	border-radius: 10px;
}

button.addtocart,
button.free-quote-button {
	border: none !important;
	font-weight: 600;
	display: inline-block;
	padding: 4px 0;
	text-decoration: none;
	font-size: 120%;
	color: #FFF;
	text-align: center;
	transition: all 0.5s;
	background-color: #5761ff;
	width: 100%;
	letter-spacing: 1px;
}

button.addtocart:hover,
button.free-quote-button:hover {
	color: #FFF;
	background-color: #5761ff;
}

@media all and (max-width:30em) {

	button.addtocart,
	button.free-quote-button {
		display: block;
		margin: 0.4em auto;
	}
}

.get-quote-btn {
	color: #5d5d5d !important;
	font-weight: bolder;
	text-transform: uppercase;
}

button.click-save-button {
	padding: 10px 40px;
	border-radius: 10px;
	font-size: 16px;
	display: inline-block;
	border: none;
	text-decoration: none;
	font-weight: 300;
	text-align: center;
	transition: all 0.5s;
	width: 100%;
	background: #5761ff;
	color: #fff;
	font-weight: 600;
}

button.click-save-button:hover {
	color: #FFF;
	background-color: #5761ff;
}

.save-design {
	display: inline-block;
	font-size: 20px;
	color: #5761ff;
	line-height: 24px;
	cursor: pointer;
}

.save-design img {
	margin-right: 10px;
}

.save-design-wrapper {
	font-size: 12px
}

.save-design-wrapper .dd-tooltip {
	position: relative;
	display: inline-block;
}

.save-design-wrapper .dd-tooltip .tooltiptext {
	visibility: hidden;
	width: 140px;
	background-color: #555;
	color: #fff;
	font-size: 12px;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
}

.save-design-wrapper .dd-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.save-design-wrapper .dd-tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.plug_style label {
	font-size: 16px;
	color: #6A6A6A;
	font-weight: 600;
}

.modal-dialog .row>div,
.modal-dialog .row {
	/* margin:0; */
	position: relative;
}

.form-group.plug_style {
	margin-left: 10px;
}

.dropdown-toggle-design li,
.form-group.plug_style li {
	margin: 0;
}


.dropdown-menu>li>a,
.dropdown-toggle-design a {
	line-height: 2.3 !important;
}

.plug_style h4 {
	color: #333333e8;
	letter-spacing: normal;
}

.demo_text {
	border-radius: 11px;
}

.form-group.plug_style .btn-default {
	display: flex;
	border: 0;
	background: #f5f5f5;
}

.form-group.plug_style i {
	border: 0;
}

@media screen and (min-width: 992px) {
	.demo_text {
		padding-top: 90%;
		background-position: top center;
	}
}

@media screen and (max-width: 991px) {

	body {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.custom {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.bg_style li {
		height: 65px;
		background-size: cover;
	}
}

@media screen and (max-width: 767px) {

	body {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.custom {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.demo_text {
		padding-top: 92%;
		background-position: top center;
	}

	.col-xs-12.top-logo {
		float: none;
	}

	.color_desc {
		background-color: #fff !important;
	}
}

@media handheld,
screen and (min-width: 768px) and (max-width: 991px) {
	.col-xs-12.top-logo {
		float: none;
	}

	.demo_text {
		background-position: top center;
	}
}

@media screen and (max-width:767px) {

	.page-footer-logo img {
		max-width: 300px;
	}

}

.two_btn .col-md-6 a,
.quote_form_two_btn .col-md-6 a {
	color: #2b2b2b;
}

/* Added By Jayeshkumar Lakum For Top Search End*/
/*tabnew*/
.nav-tabs li a {
	border: 0 !important;
}

.nav-tabs.custom_tab {
	border: 1px solid #5761ff;
}

.nav-tabs.custom_tab {
	background: none;
	border-radius: 10px 15px 0 0;
	overflow: hidden;
}

.nav-tabs.custom_tab li {
	border-right: 0;
}

.nav-tabs.custom_tab>li>a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 10px solid #5761ff;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

.nav-tabs.custom_tab>li>a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 10px solid #ffffff;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 100%;
	z-index: 2;
}

.nav-tabs.custom_tab li a,
.nav-tabs.custom_tab li a:hover {
	color: #5761ff;
	text-shadow: none;
	font-weight: 500;
}

.nav-tabs.custom_tab>li.active>a,
.nav-wizard>li.active>a:hover,
.nav-tabs.custom_tab>li.active>a:focus {
	color: #ffffff;
	background: #5761ff !important;
}

.nav-tabs.custom_tab>li.active>a,
.nav-tabs.custom_tab>li.active>a:focus,
.nav-tabs.custom_tab>li.active>a:hover {
	background-color: #5761ff;
}

.nav-tabs.custom_tab>li:not(:last-child)>a {
	margin-right: 0;
}

.nav-tabs.custom_tab>li.active:not(:last-child)>a:after {
	border-left: 10px solid #5761ff;
}

.nav-tabs.custom_tab>li:last-child.active>a:before,
.nav-tabs.custom_tab>li:last-child>a:after,
.nav-tabs.custom_tab>li:last-child>a:before {
	display: none;
}

.nav-tabs.custom_tab>li:last-child.active>a:after {
	width: 1px;
	right: -1px;
	background: #5761ff;
	content: "";
	display: inline-block;
	border: 0;
	height: 100%;
	left: inherit;
}

/*tabnewend*/
#quoteform {
	width: 100%;
}

#quoteform button.btn.btn-success {
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	transition: all 0.5s;
	background-color: #5761ff;
	width: 100%;
	max-width: 280px;
	margin: auto;
	padding: 15px;
	border-radius: 10px;
	font-size: 20px;
	outline: none !important;
}

#quoteform button.btn.btn-success:hover {
	color: #FFF;
	background-color: #5761ff;
}

.two_btn,
.quote_form_two_btn {
	margin-bottom: 0;
	padding: 30px 0;
}

.two_btn .btn,
.quote_form_two_btn .btn {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	transition: all 0.5s;
	background-color: rgb(54, 54, 235);
	background-color: deeppink;
	width: 100%;
	letter-spacing: 0;
	margin: auto;
	padding: 10px;
	border-radius: 10px;
	outline: none !important;
	text-transform: uppercase;
	font-family: 'archivo', sans-serif;
}

#quoteform {
	margin: 0;
	padding: 10px 30px;
}

#quoteform .for_more {
	font-size: 20px;
	text-transform: uppercase;
}

#heading-section h3.rush-order {
	letter-spacing: 3px;

}

.color_style #color_table li.col-xs-2.rush-order {
	width: 16% !important;
}

a.rush-order {
	color: #fff;
}

a.standard-order {
	color: #fff;
}

.rush-order-info,
.standard-view-info {
	margin-top: 10px;
	margin-bottom: 5px;
	background: #5761ff;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	padding: 7px 0;
	border-radius: 10px;
	clear: both;
}

.size-notice,
.size-notice-lenght,
.size-notice-height {
	border-radius: 10px;
}

/* For dimension calculation */
div.size-indicator {
	position: absolute;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgb(191 190 190);
	font-size: .85rem;
}

div.right-handle {
	left: 0;
	top: 0;
	bottom: 0;
	flex-direction: column;
}

div.indicator-container {
	position: relative;
	height: 100%;
	width: 100%;
}

div.right-handle div.indicator-container {
	width: 8px;
}

.indicator-container span {
	background-color: rgb(191 190 190);
	position: absolute;
}

div.indicator-container span.first {
	height: 100%;
	top: 0;
	bottom: 0;
	left: calc(50% - 1px);
	width: 2px;
}

.indicator-container span.second {
	width: 100%;
	height: 2px;
	left: 0;
	right: 0;
	top: 0;
}

.indicator-container.bottom span.second {
	top: unset;
	bottom: 0;
}

div.bottom-handle {
	left: 0;
	right: 0;
	bottom: 0;
}

div.bottom-handle .indicator-container {
	height: 8px;
}

div.bottom-handle .indicator-container span.first {
	left: 0;
	top: 0;
	bottom: 0;
	width: 2px;
}

div.bottom-handle .indicator-container span.second {
	top: calc(50% - 1px);
}

div.indicator-container.right span.first {
	left: unset;
	right: 0;
}

div.calculated-width {
	margin: 0 4px;
	white-space: nowrap;
	text-shadow: 1px 1px 3px #343434;
}

div.calculated-height {
	text-shadow: 1px 1px 3px #343434;
}

div.demo_text_clone {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.demo_text_clone .text_show {
	position: absolute;
	color: white;
	text-align: center;
}

div.demo_box_side div.text_show,
div.demo_text_clone div.text_show {
	padding: 0 60px 0 60px;
	margin: 15px 0 350px 0;
}

div.demo_box_full div.text_show {
	padding: 0 60px 0 60px;
	margin: 15px 0 180px 0;
}

div.demo_text_clone div.text_show {
	text-shadow: none !important;
}

.message-pop {
	min-height: 170px;
}

.message-pop div {
	float: left;
	margin: 0 15px;
	width: 27%;
}

.message-pop div {
	font-weight: 400;
	font-size: 16px;
}

.message-pop div a {
	color: #5761ff
}

.message-pop div strong {
	color: #5761ff;
	font-weight: 400;
	font-size: 16px;
	background-color: #fff;
	margin-bottom: 15px
}

.message_wrapper button {
	background-color: #5761ff;
	font-size: 16px;
	padding: 5px 45px;
}

div.small-ip67-warning {
	margin-top: 2px;
	font-size: 6px;
	line-height: 1.2;
}

div.back-board-colors-container,
div.non-latin-back-board-colors-container {
	margin: 10px 10px 0;
	text-align: left;
}

div.back-board-colors,
div.non-latin-back-board-colors {
	display: flex;
	justify-content: space-between;
	clear: both;
}

div.back-board-colors img,
div.non-latin-back-board-colors img {
	border-radius: 8px;
	border: 2px solid;
	cursor: pointer;
	border-color: #696969;
}

div.back-board-colors img.selected,
div.non-latin-back-board-colors img.selected {
	border-color: #5761ff;
}

div.back-board-colors-header {
	font-weight: 600;
	font-size: 13px;
	color: #6A6A6A;
}

div.back-board-colors-selected-text,
div.non-latin-back-board-colors-selected-text {
	color: #696969;
	margin-bottom: 5px;
	font-size: 13px;
	display: inline-block;
}

label.wall-mount-label {
	display: inline-block !important;
}

div.wall-mount-kit-dropdown {
	display: inline-block;
	margin-left: 2px;
}

div.wall-mount-kit-dropdown div.dropdown-toggle {
	width: 100%;
	background: #f5f5f5;
}

div.wall-mount-kit-dropdown #wall_mount_kit_value {
	display: inline-block;
	margin: 0;
	text-transform: capitalize;
	width: 75px;
	text-align: left;
	font-weight: 500;
	font-size: 12px;
	top: -2px;
	position: relative;
}

div.wall-mount-kit-dropdown i {
	font-size: 1.2rem;
}

a.see-photos {
	color: #5761ff !important;
	font-size: 11px
}

#save-design-url,
#save-design-url-mob {
	background: #f5f5f5;
	padding: 15px;
	font-size: 12px;
	border-radius: 10px;
	text-align: left;
	margin-bottom: 20px;
	word-break: break-all;
}

ul.font-image-container li {
	height: auto;
	padding: 3px 3px;
	margin: 0;
	overflow-x: hidden;
}

ul.font-image-container li.active span {
	background-color: #ff84c7;
	border-color: #ff84c7;
	;
}

ul.font-image-container li span:hover {
	background-color: #5761ff;
	border-color: #5761ff;
}

ul.font-image-container li span {
	border: 1px solid #e9e9e9;
	border-radius: 6px;
}

ul.font-image-container li span {
	padding: 2px 2px;
	border: 1px solid #e9e9e9;
	border-radius: 6px;
	display: inline-block;
	width: 100%;
}

ul.font-image-container li.active span img {
	filter: invert(1);
}

ul.font-image-container li span:hover img {
	filter: invert(1);
}

.text-highlight {
	color: #ff82cb;
}

div.non-latin-indoor-outdoor-container .custom-control-label {
	line-height: 1.5;
}

div.non-latin-indoor-header {
	padding: 0 5px 5px;
}

div.non-latin-backboard-type-header {
	padding: 0 10px 0;
}

div.non-latin-text-header {
	font-weight: 600;
	font-size: 13px;
	color: #6A6A6A;
	text-align: left;
}

div.non-latin-text-header .see-photos {
	font-weight: 500;
}

div.non-latin-price-quote-header {
	font-weight: 600;
	font-size: 17px;
	padding: 0 10px 5px;
}

div.non-latin-price-quote-body {
	color: #696969;
	font-size: 12px;
	line-height: 1.5;
	padding: 0 10px 10px;
}

div.free-quote-button-container {
	padding: 0 10px;
	height: 35px;
}

div.non-latin-back-board-colors-container {
	margin-bottom: 20px;
}

div.non-latin-indoor-outdoor-container {
	margin: 10px 0 5px !important;
}

form.non-latin-form {
	margin: 15px 0;
}

form.non-latin-form label {
	font-size: 13px;
	text-align: left !important;
	padding: 0 10px;
	color: #696969;
}

form.non-latin-form .non-latin-form-text {
	font-size: 12px;
	text-align: left;
	padding: 0 10px;
	color: #696969;
	line-height: 1.3;
}

form.non-latin-form div.input-field {
	padding: 0 10px;
}

form.non-latin-form .form-control {
	margin-bottom: 0px;
}

form.non-latin-form .non-latin-range-slider {
	margin: 10px 0 0;
}

form.non-latin-form .non-latin-slider-values {
	/* display: flex;
	justify-content: space-between; */
	position: relative;
	height: 30px;
	padding: 0;
	margin: 0 10px;
	width: calc(100% - 20px);
}

form.non-latin-form .non-latin-slider-values .non-latin-slider-value {
	font-size: 12px;
	color: #696969;
	margin-bottom: 10px;
	position: absolute;
}

div.rgb-color-container {
	clear: both;
	display: flex;
	justify-content: space-evenly;
	padding: 10px 0;
	gap: 10px;
}

div.rgb-color-header {
	color: #505050;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
}

div.rgb-color-icon span {
	font-size: 2.5rem;
	cursor: pointer;
}

div.rgb-color-text {
	font-size: 11px;
	line-height: 1.5;
	text-align: left;
	cursor: pointer;
}

div.rgb-upgrade-price-container {
	font-size: 12px;
}

div.rgb-color-changing-info {
	position: absolute;
	/* top: 10px;
	right: 20px; */
	color: white;
	top: 50px;
	left: 20px;
}

div.waterproof-not-available-with-rgb {
	font-size: 11px;
	color: rgb(105, 105, 105);
	font-weight: normal;
	padding-top: 5px;
}

div.non-latin-waterproof-not-available-with-rgb {
	font-size: 11px;
	color: rgb(105, 105, 105);
	font-weight: normal;
	line-height: 1.1;
}

div.rgb-waterproof-message {
	color: rgb(105, 105, 105);
	font-size: 12px;
	padding-top: 3px;
}

.no-pad {
	padding: 0;
}

.color_desc .yt-container {
	overflow: hidden;
	aspect-ratio: 16/9;
}

.color_desc .yt-container iframe {
	width: 300%;
	height: 100%;
	margin-left: -100%;
}

/* For Medium screen */
@media (min-width: 768px) {
	div.small-ip67-warning {
		font-size: 8px;
	}

	div.wall-mount-kit-dropdown #wall_mount_kit_value {
		width: 75px;
	}

	div.wall-mount-kit-dropdown {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 335px) {
	.total_sel_price {
		font-size: 8pt;
		font-weight: bold;
	}
}

@media screen and (min-width : 335px) and (max-width : 375px) {
	.total_sel_price {
		font-size: 13pt;
		font-weight: bold;
	}
}

@media screen and (min-width : 993px) and (max-width : 1110px) {
	.total_sel_price {
		font-size: 13pt;
		font-weight: bold;
	}
}

@media screen and (min-width : 1110px) and (max-width : 1175px) {
	.total_sel_price {
		font-size: 16pt;
		font-weight: bold;
	}
}

@media (min-width: 1175px) {
	.color_desc .yt-container {
		pointer-events: none;
	}
}













/* Stylesheets and Google fonts import */
/* @import url("font-awesome.css"); */
/* @import url("entypo.css"); */
/* @import url("animations.css"); */
/*  CSS definations for Cameroll  */


/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	/* 	margin: 0; */
	/* 	padding: 0; */
	/* 	border: 0; */
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	/* 	display: block; */
}

/* 
  body {
	  line-height: 1;
	  font-family: 'archivo', sans-serif;
	  font-weight: 400;
  }
   */
ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

/* * {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-boxf;
	  box-sizing: border-box;
	  outline: none;
  } */

iframe {
	border: 0;
}

.disablescroll {
	overflow-y: hidden;
}

/* ==================================================
	 Basic Styles
  ================================================== */

html,
body {
	height: 100%;
}

html,
hmtl a {
	width: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* a {
	  color: #000;
	  text-decoration: none;
	  cursor: pointer;
  
	  -webkit-transition: color 0.1s linear 0s;
	  -moz-transition: color 0.1s linear 0s;
	  -o-transition: color 0.1s linear 0s;
	  transition: color 0.1s linear 0s;
  } */

a:hover {
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	outline: 0;
	color: #666666;
}

a img {
	border: none;
}

a>img {
	vertical-align: middle;
}

.white-bg {
	background: #ffffff;
}

.gray-bg {
	background: #bababa;
}

.gray-text {
	color: #bababa;
}

.lgray-bg {
	background: #f5f7fa;
}

.dgray-bg {
	background: #333333;
}

img {
	max-width: 100%;
}

img,
object,
embed,
audio,
video {
	max-width: 100%;
}

img {
	height: auto;
}

/*  */

i,
em,
.italic {
	font-style: italic;
}

.uppercase {
	text-transform: uppercase;
}

.align-left {
	float: left;
	margin: 0 25px 0 0px !important;
}

.align-right {
	float: right;
	margin: 0 0 0 25px !important;
}

.text-align-left {
	text-align: left;
}

.text-align-center {
	text-align: center;
}

.text-align-right {
	text-align: right;
}

.color-text {
	color: #ffffff;
}

.through {
	text-decoration: line-through;
}

.border-radius {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

/* ==================================================
	 Typography
  ================================================== */

.body_m h1,
.body_m h2,
.body_m h3,
.body_m h4,
.body_m h5,
.body_m h6 {
	/* margin: 0 0 15px 0; */
	color: #2b2b2b;
	font-weight: 400;
	/* line-height: 1.5em; */
	/* letter-spacing: .1em; */
}

.body_m  h1 {
	font-size: 2em;
}

.body_m  h2 {
	/* font-size: 29px; */
}

.body_m  h3 {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0;
}

.body_m  h4 {
	font-size: 15px;
	text-transform: uppercase;
}

.body_m  h5 {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0;
}

.body_m  h6 {
	font-size: 12px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0;
}

h1.short,
h2.short,
h3.short,
h4.short,
h5.short,
h6.short,
p.short {
	margin-bottom: 5px;
}

h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
	margin-top: 22px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #2b2b2b;
	text-decoration: none;
}

.huge {
	font-size: 10em;
}

blockquote {
	margin: 30px 0;
	padding: 0 0 0 30px;
	border: 0;
	position: relative;
}

blockquote p {
	margin-bottom: 0;
	color: #aab2bd;
	white-space: normal;
	font-style: italic;
	font-size: 20px;
	line-height: 1.5em;
	font-family: Georgia, serif;
	text-align: left;
}

blockquote p:before {
	content: '"';
	font-size: 50px;
	color: #1a1717;
	font-family: 'Lato', sans-serif;
	position: absolute;
	left: 0;
	top: 0;
}

blockquote cite {
	color: #000;
}

blockquote cite:before {
	content: "- ";
}

blockquote.pull-left {
	border: 0;
}

blockquote.pull-right {
	border: 0;
}

p {
	margin: 0 0 15px 0;
}

p.md {
	font-size: 16px;
	line-height: 22px;
}

p.lg {
	font-size: 30px;
	line-height: 1.2em;
}

.big {
	font-size: 200%;
	line-height: 1.5em;
}

.thin {
	font-weight: 300;
}

p.drop-caps:first-child:first-letter {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	padding: 4px;
	font-size: 75px;
	font-family: Georgia, serif;
	line-height: 60px;
}

p.drop-caps.secondary:first-child:first-letter {
	margin-right: 10px;
	padding: 6px 12px;
	border-radius: 4px;
	color: rgb(255, 255, 255);
}

.title {
	text-transform: uppercase;
	font-size: 40px;
	line-height: 120%;
}

.sub-title {
	display: block;
	font-size: 15px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #2b2b2b;
}

hr {
	display: block;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	height: 1px;
	border: 0;
	background: #eee;
}

hr.sm {
	display: inline-block;
	margin: 5px 0 15px 0;
	width: 40px;
	height: 2px;
	border: 0;
	background: #eee;
}

hr.md {
	display: inline-block;
	margin: 5px 0 15px 0;
	width: 120px;
	height: 2px;
	border: 0;
	background: #eee;
}

hr.lg {
	display: inline-block;
	margin: 5px 0 15px 0;
	width: 200px;
	height: 2px;
	border: 0;
	background: #eee;
}

hr.fw {
	display: block;
	clear: both;
	margin-top: 0;
	width: 100%;
	height: 2px;
	border: 0;
	background: #eee;
}

hr.fw.thin {
	height: 1px;
}

ul.checks,
ul.angles,
ul.carets,
ul.chevrons {
	margin-bottom: 15px;
}

ul.checks>li,
ul.angles>li,
ul.carets>li,
ul.chevrons>li {
	margin: 10px 0;
}

ul.checks>li>i,
ul.angles>li>i,
ul.carets>li>i,
ul.chevrons>li>i {
	margin-right: 2px;
}

ul.inline {
	margin: 10px 0;
}

ul.inline>li {
	display: inline-block;
	margin-right: 10px;
}

ul.inline>li i.fa {
	margin-right: 2px;
}

ul.nav-list-primary>li a {
	display: block;
	padding: 8px;
	border-bottom: 1px solid #e6e9ed;
	color: #666666;
	text-decoration: none;
}

ul.nav-list-primary>li a:hover {
	text-decoration: none;
}

ul.unordered {
	margin: 10px 0 10px 20px;
	list-style-type: disc;
}

ol {
	margin: 10px 0 10px 30px;
	list-style-type: decimal;
}

ul.unordered ul,
ol ul {
	margin: 10px 0 10px 20px;
}

ul.unordered ul {
	list-style-type: circle;
}

dl {
	margin: 10px 0;
}

dl dt {
	font-weight: 700;
}

address.ico i {
	display: inline-block;
	float: left;
	clear: both;
	padding-top: 3px;
}

address.ico p {
	margin: 0;
	padding-bottom: 10px;
}

address.ico span {
	display: inline-block;
	padding-left: 20px;
}

.cursive {
	font-family: Georgia, serif;
	font-style: italic;
	text-transform: none;
	font-weight: 400;
	letter-spacing: 0;
}

label {
	display: inline-block;
	margin-bottom: 10px;
	color: #9A9A9A;
	font-size: 13pt;
	font-weight: 600;
}

.size_style label {
	color: #6A6A6A;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	padding: 0 10px;
	margin-bottom: 5px;
	font-weight: 600;
}

label.size_note,
.sign_note {
	font-size: 11px;
	text-align: justify;
	padding: 0 10px;
	font-weight: normal;
	line-height: 1.5;
}

.sign_note {
	color: #9A9A9A;
	display: inline-block;
	padding: 0;
}

.sign_note p {
	margin: 0;
	font-size: 11px;
}

.sign_note .tooltip {
	font-size: 14px !important;
}

.custom-radio label {
	font-size: 11pt;
	line-height: 1;
	margin-bottom: 0;
	display: inline-flex !important;
}

.custom-control.custom-radio {
	text-align: left;
}

.plug_style label,
.board_style label {
	color: #6A6A6A;
	;
	font-size: 13pt;
	margin-bottom: 0;
	display: block;
	text-align: left;
	padding-left: 10px;
}

.plug_style label {
	padding: 0;
}

.form-control {
	margin-bottom: 20px;
}

.form-group {
	margin: 0;
	display: inline-block;
	width: 100%;
}

textarea.form-control {
	border-radius: 2px;
	resize: none;
	height: 90px;
	border: 1px solid #f3f3f3;
}

::-webkit-input-placeholder {
	/* Edge */
	color: #aeaeae;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #aeaeae;
}

::placeholder {
	color: #aeaeae;
}

.align_wrap {
	padding: 0;
	margin-top: 5px;
}

.align_icon {
	display: inline-block;
	width: 110px;
	height: 29px;
	cursor: pointer;
}

.align_icon.left_icon {
	/* xbackground-image: url(../images/leftoff.png); */
}

.align_icon.center_icon {
	/* xbackground-image: url(../images/centeroff.png); */
	margin: 0 2px;
}

.align_icon.right_icon {
	/* xbackground-image: url(../images/rightoff.png); */
}

.align_icon.left_icon.active {
	/* xbackground-image: url(../images/lefton.png); */
}

.align_icon.center_icon.active {
	/* xbackground-image: url(../images/centeron.png); */
}

.align_icon.right_icon.active {
	/* xbackground-image: url(../images/righton.png); */
}

.ico,
.ico-social {
	font-style: normal;
	font-weight: normal;
}

img.alignleft {
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}

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

img.alignleft:after {
	clear: both;
}

/* ==================================================
	 Margin Bottom Sets
  ================================================== */

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

.margin-10 {
	margin-bottom: 10px !important;
}

.margin-15 {
	margin-bottom: 15px !important;
}

.margin-20 {
	margin-bottom: 20px !important;
}

.margin-30 {
	margin-bottom: 30px !important;
}

.margin-40 {
	margin-bottom: 40px !important;
}

.margin-50 {
	margin-bottom: 50px !important;
}

.margin-60 {
	margin-bottom: 60px !important;
}

.margin-70 {
	margin-bottom: 70px !important;
}

.margin-80 {
	margin-bottom: 80px !important;
}

.push-top {
	margin-top: 35px;
}

/* ==================================================
	 Padding Sets
  ================================================== */
.padding-b0 {
	padding-bottom: 0 !important;
}

.padding-tb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padding-tb30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-tb45 {
	padding-top: 45px;
	padding-bottom: 45px;
}

.padding-tb75 {
	padding-top: 75px;
	padding-bottom: 75px;
}

.padding-tb100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.padding-tb125 {
	padding-top: 125px;
	padding-bottom: 125px;
}

.padding-as25 {
	padding: 25px;
}

/* ==================================================
	 Spacers
  ================================================== */
.spacer-10 {
	height: 10px;
	clear: both;
	width: 100%;
}

.spacer-20 {
	height: 20px;
	clear: both;
	width: 100%;
}

.spacer-30 {
	height: 30px;
	clear: both;
	width: 100%;
}

.spacer-40 {
	height: 40px;
	clear: both;
	width: 100%;
}

.spacer-50 {
	height: 50px;
	clear: both;
	width: 100%;
}

.spacer-75 {
	height: 75px;
	clear: both;
	width: 100%;
}

.spacer-100 {
	height: 100px;
	clear: both;
	width: 100%;
}

/* ----------------------------------------------------------------------------------------- */
/* Multi purpose classes */
/* ----------------------------------------------------------------------------------------- */
.overlay-transparent {
	background: rgba(0, 0, 0, .6);
}

.btn {
	border-width: 0;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 11px;
	-webkit-transition: all 0.3s ease 0.2s;
	-moz-transition: all 0.3s ease 0.2s;
	-ms-transition: all 0.3s ease 0.2s;
	-o-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.1s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn-default {
	border-width: 1px;
	box-shadow: none;
	text-shadow: none;
	width: 50%;
	padding: 2px 5px;
	border-color: #f3f3f3;
}

.checkers-overlay {
	/* xbackground: url(images/checkers.png) repeat; */
}

.pattern-overlay {
	/* xbackground: url(images/pattern.png) repeat; */
}

.make_style_form {
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	padding: 2px 2px 10px 2px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 6px 23px -2px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 0px 6px 23px -2px rgba(0, 0, 0, 0.27);
	box-shadow: 0px 6px 23px -2px rgba(0, 0, 0, 0.27);
}

/*
  .social-icons li{
	  display:inline-block;
  }
  .social-icons a{
	  margin:0 0 0 5px;
	  width:22px;
	  height:22px;
	  text-align:center;
	  line-height:25px;
	  color:#222;
	  display:block;
	  text-decoration:none;
	  border-width:1px;
	  border-style:solid;
	  border-color:transparent;
  }
  */
.social-icons li.facebook a:hover {
	border-color: #3B5998;
	color: #3B5998;
}

.social-icons li.twitter a:hover {
	border-color: #00ACED;
	color: #00ACED;
}

.social-icons li.behance a:hover {
	border-color: #1769FF;
	color: #1769FF;
}

.social-icons li.delicious a:hover {
	border-color: #3274D1;
	color: #3274D1;
}

.social-icons li.deviantart a:hover {
	border-color: #4B5D50;
	color: #4B5D50;
}

.social-icons li.digg a:hover {
	border-color: #14589E;
	color: #14589E;
}

.social-icons li.dribbble a:hover {
	border-color: #5761ff;
	color: #5761ff;
}

.social-icons li.foursquare a:hover {
	border-color: #2398C9;
	color: #2398C9;
}

.social-icons li.github a:hover {
	border-color: #4183C4;
	color: #4183C4;
}

.social-icons li.google a:hover {
	border-color: #245DC1;
	color: #245DC1;
}

.social-icons li.googleplus a:hover {
	border-color: #D14836;
	color: #D14836;
}

.social-icons li.instagram a:hover {
	border-color: #3F729B;
	color: #3F729B;
}

.social-icons li.jsfiddle a:hover {
	border-color: #4679A4;
	color: #4679A4;
}

.social-icons li.linkedin a:hover {
	border-color: #007FB1;
	color: #007FB1;
}

.social-icons li.pinterest a:hover {
	border-color: #CB2027;
	color: #CB2027;
}

.social-icons li.reddit a:hover {
	border-color: #FF4500;
	color: #FF4500;
}

.social-icons li.skype a:hover {
	border-color: #00AFF0;
	color: #00AFF0;
}

.social-icons li.tumblr a:hover {
	border-color: #2C4762;
	color: #2C4762;
}

.social-icons li.vimeo a:hover {
	border-color: #44BBFF;
	color: #44BBFF;
}

.social-icons li.youtube a:hover {
	border-color: #CD332D;
	color: #CD332D;
}

.social-icons li.flickr a:hover {
	border-color: #0063DB;
	color: #0063DB;
}

.social-icons.inversed li.facebook a {
	color: #3B5998;
}

.social-icons.inversed li.twitter a {
	color: #00ACED;
}

.social-icons.inversed li.behance a {
	color: #1769FF;
}

.social-icons.inversed li.delicious a {
	color: #3274D1;
}

.social-icons.inversed li.deviantart a {
	color: #4B5D50;
}

.social-icons.inversed li.digg a {
	color: #14589E;
}

.social-icons.inversed li.dribbble a {
	color: #5761ff;
}

.social-icons.inversed li.foursquare a {
	color: #2398C9;
}

.social-icons.inversed li.github a {
	color: #4183C4;
}

.social-icons.inversed li.google a {
	color: #245DC1;
}

.social-icons.inversed li.googleplus a {
	color: #D14836;
}

.social-icons.inversed li.instagram a {
	color: #3F729B;
}

.social-icons.inversed li.jsfiddle a {
	color: #4679A4;
}

.social-icons.inversed li.linkedin a {
	color: #007FB1;
}

.social-icons.inversed li.pinterest a {
	color: #CB2027;
}

.social-icons.inversed li.reddit a {
	color: #FF4500;
}

.social-icons.inversed li.skype a {
	color: #00AFF0;
}

.social-icons.inversed li.tumblr a {
	color: #2C4762;
}

.social-icons.inversed li.vimeo a {
	color: #44BBFF;
}

.social-icons.inversed li.youtube a {
	color: #CD332D;
}

.social-icons.inversed li.flickr a {
	color: #0063DB;
}

.social-icons.inversed li.facebook a:hover {
	background: #3B5998;
}

.social-icons.inversed li.twitter a:hover {
	background: #00ACED;
}

.social-icons.inversed li.behance a:hover {
	background: #1769FF;
}

.social-icons.inversed li.delicious a:hover {
	background: #3274D1;
}

.social-icons.inversed li.deviantart a:hover {
	background: #4B5D50;
}

.social-icons.inversed li.digg a:hover {
	background: #14589E;
}

.social-icons.inversed li.dribbble a:hover {
	background: #5761ff;
}

.social-icons.inversed li.foursquare a:hover {
	background: #2398C9;
}

.social-icons.inversed li.github a:hover {
	background: #4183C4;
}

.social-icons.inversed li.google a:hover {
	background: #245DC1;
}

.social-icons.inversed li.googleplus a:hover {
	background: #D14836;
}

.social-icons.inversed li.instagram a:hover {
	background: #3F729B;
}

.social-icons.inversed li.jsfiddle a:hover {
	background: #4679A4;
}

.social-icons.inversed li.linkedin a:hover {
	background: #007FB1;
}

.social-icons.inversed li.pinterest a:hover {
	background: #CB2027;
}

.social-icons.inversed li.reddit a:hover {
	background: #FF4500;
}

.social-icons.inversed li.skype a:hover {
	background: #00AFF0;
}

.social-icons.inversed li.tumblr a:hover {
	background: #2C4762;
}

.social-icons.inversed li.vimeo a:hover {
	background: #44BBFF;
}

.social-icons.inversed li.youtube a:hover {
	background: #CD332D;
}

.social-icons.inversed li.flickr a:hover {
	background: #0063DB;
}

.social-icons.inversed li a:hover {
	color: #fff;
}

.next-prev-nav {
	display: inline-block;
}

.next-prev-nav a {
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
}

.next-prev-nav a:hover {
	color: #fff;
}

.meta-data {
	display: block;
	font-size: 10px;
	color: #aab2bd;
	letter-spacing: .2em;
	padding: 0 !important;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	margin-bottom: 5px;
}

.meta-data a {
	color: #aab2bd;
	text-decoration: none;
}

.meta-data a i {
	text-decoration: none;
}

.meta-data a:hover {
	text-decoration: none;
	color: #aab2bd;
}

.meta-data>span {
	display: inline-block;
	margin-right: 20px;
}

.meta-data i {
	margin-right: 1px;
}

.meta-data>span:last-child {
	border-right: 0;
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

.media-box {
	position: relative;
	display: block;
	max-width: 100%;
}

.media-box .zoom,
.media-box .expand {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #1a1717 !important;
	font-size: 1.5em;
	z-index: 999;
	left: 0;
	top: 0;
	margin: 0;
	background-color: rgba(255, 255, 255, .9);
	opacity: 0;
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}

.media-box .zoom span,
.media-box .expand span {
	width: 50px;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transform: scale(1.5, 1.5);
	transform: scale(1.5, 1.5);
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}

.media-box:hover .zoom span,
.media-box:hover .expand span {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: transform .3s .2s;
	-moz-transition: transform .3s .2s;
	-ms-transition: transform .3s .2s;
	-o-transition: transform .3s .2s;
	transition: transform .3s .2s;
}

.touch .media-box .zoom,
.touch .media-box .expand {
	-webkit-transform: none;
	transform: none;
	display: none;
}

.touch .media-box:hover .zoom span,
.touch .media-box:hover .expand span {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.img-thumbnail img:hover,
.img-thumbnail:hover {
	opacity: .9
}

.media-box:hover .zoom,
.media-box:hover .expand {
	opacity: 1;
	-webkit-transition: opacity .3s .2s;
	-moz-transition: opacity .3s .2s;
	-ms-transition: opacity .3s .2s;
	-o-transition: opacity .3s .2s;
	transition: opacity .3s .2s;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	/* xbackground: url(images/dropdown-arrow.png) no-repeat !important; */
	background-position: right center !important;
	background-color: #fff !important;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	line-height: normal !important;
}

select::-ms-expand {
	display: none;
}

.flexslider {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	/* background: url(images/loader.gif) no-repeat scroll center center; */
}

.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.flexslider .slides {
	zoom: 1;
}

.flex-viewport {
	width: 100%;
}

.hero-slider.flexslider>ul.slides {
	height: 100%;
}

.flexslider ul.slides li {
	height: auto;
	width: 100%;
	overflow: hidden;
	position: static;
	background-attachment: scroll !important
}

.flexslider .flex-control-nav {
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 111;
	left: 0;
	bottom: 10px;
	padding: 0;
	margin: 0;
}

.flexslider .flex-control-nav li {
	display: inline;
}

.flexslider .flex-control-nav a {
	width: 25px;
	height: 8px;
	background-color: #ffffff;
	display: inline-block;
	margin: 0 6px;
	text-indent: -9999px;
	text-decoration: none;
}

.flexslider .flex-prev,
.flexslider .flex-next {
	background: rgba(0, 0, 0, .6);
	color: #f8f7f3;
	display: block;
	margin-bottom: 10px;
	position: absolute;
	top: 50%;
	right: 20px;
	font-size: 14px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	display: inline-block;
	/* font-family: FontAwesome; */
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none;
	display: none;
	text-align: center;
	border-radius: 5px;
}

.flexslider .flex-prev {
	left: 20px;
	right: auto;
}

.flexslider .flex-prev:before {
	content: "\f104";
}

.flexslider .flex-next:before {
	content: "\f105";
}

.flexslider:hover .flex-prev,
.flexslider:hover .flex-next {
	display: block;
}

.flexslider .flex-prev:hover,
.flexslider .flex-next:hover {
	color: #fff;
}

/*-------------------------------------------------------------------------------------------*/
/* SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
	background-color: #fff;
	color: #2b2b2b;
	font-size: 15px;
	font-weight: 400;
	font-family: 'archivo', sans-serif;
	line-height: 1.5em;
	overflow-x: hidden;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

body.fs:after {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	content: "";
	height: 100px;
	width: 100%;
	display: block;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 1500;
	pointer-events: none
}

html,
body {
	width: 100%;
	height: 100%;
}

body .body {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

body.classic {
	background: #fff;
}

body.gallery {
	/* xbackground: url(images/ajax-loader-dark.gif) no-repeat center center fixed #040204; */
}

body.boxed {
	background: #fff;
}

body.fs {
	overflow: hidden;
}

body.landing:after {
	display: none;
}

.top-header {
	height: 70px;
	background: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	position: relative;
	z-index: 8;
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}

.top-header.stickyh {
	background: rgba(255, 255, 255, .9);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	-webkit-transition: background .3s .2s, box-shadow .3s .2s, -webkit-box-shadow .3s .2s;
	-moz-transition: background .3s .2s, box-shadow .3s .2s, -webkit-box-shadow .3s .2s;
	-ms-transition: background .3s .2s, box-shadow .3s .2s, -webkit-box-shadow .3s .2s;
	-o-transition: background .3s .2s, box-shadow .3s .2s, -webkit-box-shadow .3s .2s;
	transition: background .3s .2s, box-shadow .3s .2s, -webkit-box-shadow .3s .2s;
}

.top-header>.container {
	position: relative;
}

.site-header h1.logo {
	padding-top: 5px;
}

.logo a {
	text-decoration: none;
}

.horiz-nav>li {
	float: left;
}

.horiz-nav>li>a {
	display: inline-block;
	padding: 0 20px;
	line-height: 30px;
	text-decoration: none;
	border-right: 1px solid rgba(0, 0, 0, .1);
	color: #fff;
}

.horiz-nav>li>a:hover {
	background: rgba(0, 0, 0, .05)
}

.horiz-nav>li:first-child>a {
	border-left: 1px solid rgba(0, 0, 0, .1);
}

.horiz-nav a {
	text-decoration: none;
}

.boxed .horiz-nav.pull-left li:first-child a {
	border-left: 0;
}

.boxed .horiz-nav.pull-right li:last-child a {
	border-right: 0;
}

.site-header .menu-toggle {
	font-size: 18px;
	margin: 25px 0 0 0;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}

.site-header .menu-toggle:focus {
	outline: 0;
}

.navigation {
	text-align: center;
	font-family: 'Lato', sans-serif;
}

.navigation>ul {
	float: right;
}

.navigation>ul>li {
	float: left;
	font-size: 11px;
	position: relative;
	letter-spacing: .2em;
	text-transform: uppercase;
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: transparent;
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}

.navigation>ul>li:hover {
	-webkit-transition: border-top-color .3s .2s;
	-moz-transition: border-top-color .3s .2s;
	-ms-transition: border-top-color .3s .2s;
	-o-transition: border-top-color .3s .2s;
	transition: border-top-color .3s .2s;
}

.navigation>ul>li>a {
	line-height: 64px;
	padding: 0 15px;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
}

.navigation>ul>li#trigger-about>a:hover {
	color: #000;
}

.navigation ul>li:hover>a,
.navigation ul>li.current_menu_item>a {}

.navigation>ul>li ul {
	position: absolute;
	top: 67px;
	left: 0;
	z-index: 2500;
	display: none;
	min-width: 100%;
	height: auto;
	margin-left: 0;
	background: rgba(255, 255, 255, 1);
	border-bottom: 2px solid #1a1717;
	text-align: left;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}

.navigation>ul>li:hover ul {
	display: block;
}

.navigation>ul>li>ul li {
	line-height: normal;
	font-size: 10px;
	position: relative;
	letter-spacing: .1em;
}

.navigation>ul>li>ul li>a {
	display: block;
	padding: 10px 25px;
	border-bottom: 1px solid #f5f7fa;
	white-space: nowrap;
	text-decoration: none;
}

.navigation>ul>li>ul>li:hover>a,
.navigation>ul>li>ul>li>ul>li:hover>a {
	text-decoration: none;
	padding: 10px 25px;
	border-top: 0;
}

.navigation>ul>li>ul li:last-child a {
	border-bottom: 0;
}

.navigation>ul>li>ul li ul {
	left: 100% !important;
	margin-left: 0;
	top: 0;
	min-width: inherit;
	position: absolute;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

.main {
	position: relative;
	top: 70px;
	z-index: 2;
}

body.fs .main,
body.page .main {
	top: 0;
}

body.personal .main {
	top: 0;
}

.content {
	padding: 40px 0 60px;
}

body.gallery .content {
	padding-top: 0;
	padding-bottom: 40px;
}

.slider-rev-cont {
	position: relative;
}

.grid-holder {
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}

.grid-item {
	/* xbackground: url(images/loader.gif) no-repeat center center; */
}

.grid-holder .grid-item {
	float: left;
	position: relative;
	text-align: center;
	overflow: hidden;
	padding: 0.30% .15% 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.isotope-grid .grid-item {
	margin-bottom: 30px;
}

.grid-item a,
.grid-item a:hover {
	color: #333;
}

.grid-item .grid-hover {
	background: rgba(255, 255, 255, .8);
	-webkit-transform: scale(.7, .7);
	transform: scale(.7, .7);
	opacity: 0;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0.30%;
	display: block;
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}

.touch .grid-item .grid-hover {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.grid-hover-central {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0;
	display: block;
	padding: 20px;
}

.grid-item:hover .grid-hover {
	-webkit-transform: scale(.93, .9);
	transform: scale(.93, .9);
	opacity: 1;
	-webkit-transition: transform .3s .2s, opacity .3s .2s;
	-moz-transition: transform .3s .2s, opacity .3s .2s;
	-ms-transition: transform .3s .2s, opacity .3s .2s;
	-o-transition: transform .3s .2s, opacity .3s .2s;
	transition: transform .3s .2s, opacity .3s .2s;
}

.touch .grid-item .grid-hover {
	background: none;
	-webkit-transform: none;
	transform: none;
	display: none
}

.touch .grid-item:hover .grid-hover {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.grid-hover strong {
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 10px 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	display: block;
}

.touch .grid-hover strong {
	border: 0;
}

.grid-hover .date {
	font-style: italic;
	font-size: 12px;
	display: block;
}

.grid-item .action-port {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	background: rgba(255, 255, 255, .9);
	text-align: left;
	z-index: 6;
	color: #999;
	padding: 0 20px;
	font-size: 12px;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -25px;
	height: 25px;
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}

.touch .grid-item .action-port {
	bottom: 0;
}

.grid-item:hover .action-port {
	bottom: 0;
	-webkit-transition: bottom .3s .5s;
	-moz-transition: bottom .3s .5s;
	-ms-transition: bottom .3s .5s;
	-o-transition: bottom .3s .5s;
	transition: bottom .3s .5s;
}

.touch .grid-item:hover .action-port {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.isotope-grid .grid-item.post>.grid-item-inner {
	background: #fff;
	border: #e6e9ed 1px solid;
	padding: 10px;
	position: relative;
}

.grid-item.post .grid-content {
	margin-top: 10px;
}

.grid-item.post hr {
	background: #e6e9ed;
	margin-top: 0px;
}

.grid-item.post .meta-data {
	font-size: 10px;
	margin-bottom: 0;
}

.grid-item.post .meta-data a,
.post-footer,
.post-footer a {
	color: #aab2bd;
}

.grid-item.post .meta-data a:hover {
	color: #1a1717;
}

.grid-item.post .meta-data span {
	padding: 0 7px;
}

.grid-item.post .meta-data span:first-child {
	padding-left: 0;
}

.post-footer>div {
	display: inline-block
}

.post-footer {
	font-size: 13px;
}

.post-footer>span {
	margin-right: 10px;
}

.post-footer a {
	text-decoration: none;
}

.post-footer>span:last-child {
	margin-right: 0;
}

.post.format-quote a.quote-box {
	display: block;
	padding: 20px;
	margin-bottom: 10px;
}

.post.format-quote a.quote-box i.fa-quote-left {
	color: #fff;
	opacity: .2;
	position: absolute;
	z-index: 100;
	font-size: 90px;
	left: 30px;
	top: 30px;
}

.post.format-quote blockquote {
	padding: 0 20px;
}

.post.format-quote blockquote p {
	color: #fff;
	text-align: left;
	margin-bottom: 20px;
}

.post.format-quote blockquote cite {
	color: #e6e9ed;
	font-weight: 13px;
}

.post.format-link {
	text-align: center;
}

.post.format-link .post-type-bg {
	padding: 50px;
	background: #e6e9ed
}

.post.format-link .link-icon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #aab2bd;
	font-size: 30px;
	display: inline-block;
	border: 1px solid #aab2bd;
	margin-bottom: 10px;
}

.posts-archive .post {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e6e9ed;
}

.posts-archive .pagination {
	margin-top: 0;
}

.post-content {
	background: #fff;
	padding: 30px 0;
}

.post-comments {
	margin: 30px 0 0 0;
}

.comments {
	margin: 0;
	list-style-type: none;
}

.comments li {
	margin-bottom: 25px;
}

.comments li .post-comment-block {
	padding: 25px;
	padding-bottom: 5px;
	border: 1px solid #aab2bd;
	background: #fff;
}

.comments li .img-thumbnail {
	float: left;
	margin-right: 20px;
}

.comments li h5 {
	margin-bottom: 5px;
}

.comments li ul {
	padding-top: 25px;
	padding-left: 50px;
}

.post-comment-form {
	margin: 30px 0 40px 0;
	border-bottom: 0;
}

.post-comment-form .form-control {
	margin-bottom: 20px;
}

.action-port .gallery-permalink {
	text-transform: uppercase;
	color: #3bafda;
}

.action-port .gallery-likes {
	margin-right: 10px;
}

.site-footer {
	width: 100%;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	color: #666;
	background: rgba(255, 255, 255, .9);
	-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 -1px 2px rgba(0, 0, 0, .1);
	bottom: -40px;
	left: 0;
	position: fixed;
	z-index: 999
}

body.fs .site-footer {
	z-index: 1501;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.site-footer a {
	color: #666;
}

.site-footer a:hover {
	color: #333;
}

.copyrights-col-right ul {
	float: right;
}

/* Gallery Pages Styling */
.page-title-block {
	text-align: center;
	padding: 50px 0;
	margin: 0;
}

.page-title-block.pull-top {
	padding-top: 0;
}

.page-title-block.inverted h4 {
	color: #fff !important;
}

.page-title-block.inverted hr {
	background: #fff;
}

.page-title-block h1 {
	text-transform: uppercase;
}

.page-title-block .page-excerpt {
	padding: 0 100px;
}

.page-actions-block {
	padding: 20px 0;
	font-size: 13px;
	background-color: #f5f7fa;
	position: relative;
}

body.boxed .page-actions-block {
	margin-bottom: 40px;
}

.page-actions-block h2 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 25px;
	font-size: 18px;
	padding: 0 100px;
	text-align: center;
	text-transform: uppercase
}

.page-actions-block li {
	display: inline-block;
}

.page-actions-block a {
	display: block;
	text-decoration: none;
	background: #ccd1d9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	-webkit-transition: all 0.3s ease 0.2s;
	-moz-transition: all 0.3s ease 0.2s;
	-ms-transition: all 0.3s ease 0.2s;
	-o-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.1s;
}

.page-actions-block a:hover {
	color: #fff;
}

.page-bottom-line {
	text-align: left;
	margin-bottom: 30px;
}

.page-bottom-line hr {
	margin-bottom: 20px;
}

.gallery-feedbacks {
	position: relative;
}

.gallery-feedbacks a {
	margin-right: 15px;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}

.share-expander {
	position: relative;
}

.share-expander:hover>a {
	background: #000 !important;
}

.share-expander:hover>.share-buttons {
	display: block;
}

.share-buttons {
	position: absolute;
	z-index: 2;
	white-space: nowrap;
	width: 200px;
	display: none;
	left: 45px;
	top: 0;
}

.share-buttons li {
	float: left;
}

.share-buttons li a {
	margin-right: 5px;
	margin-left: 0;
}

.gallery-actions {
	float: right;
}

.gallery-actions li {
	float: left;
	margin-top: 5px;
}

.gallery-actions a {
	margin-left: 5px;
	padding: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.gallery-description {
	position: fixed;
	bottom: -300px;
	height: 300px;
	overflow: auto;
	width: 100%;
	z-index: 9999;
	left: 0;
	background: rgba(255, 255, 255, .9)
}

.gallery-description .container {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.sort-source {
	margin: 0 auto 40px auto;
	float: none;
	display: inline-block;
	text-align: center;
}

.sort-source li.active a {
	background: #000 !important
}

.isotope-grid a {
	text-decoration: none;
}

.recent-portfolio a {
	text-decoration: none;
}

.portfolio-info {
	padding: 20px;
	background: #f5f7fa;
	display: block;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	margin-top: -1px;
}

.portfolio-info .portfolio-item-title {
	display: block;
	letter-spacing: .1em;
	line-height: 1em;
}

.portfolio-info hr {
	display: inline-block;
	margin: 0;
}

.categories-portfolio {
	display: block;
}

.categories-portfolio>span {
	font-size: 11px;
	color: #aab2bd;
	padding: 0 3px 0 0
}

.categories-portfolio>span:after {
	content: " / ";
	padding-left: 3px;
}

.categories-portfolio>span:last-child:after {
	content: ""
}

.portfolio-single {
	margin-bottom: 40px;
}

.portfolio-single-title {
	padding: 30px;
	background: #fff;
	position: relative;
	text-align: center;
}

.portfolio-single-title h2 {
	text-transform: uppercase;
}

.portfolio-single-slider {
	position: relative;
}

.portfolio-single-content {
	background: #fff;
	padding: 30px 0
}

.portfolio-single-bg .portfolio-single-content {
	padding: 30px;
}

.project-nav {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	top: 0;
	text-align: left;
}

.project-nav a {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 22px;
	color: #fff;
	position: absolute;
	z-index: 2;
	top: 50%;
	background: #f5f7fa;
	color: #555
}

.project-nav a.prev,
.project-nav a.next {
	right: 0;
}

.project-nav a.prev {
	left: 0;
}

.portfolio-single .gallery-actions a {
	width: auto;
	padding: 0 10px;
}

.project-info {
	margin-bottom: 20px;
}

.project-info h4 {
	margin-bottom: 10px;
}

.project-info .page-actions-block {
	margin-top: 0;
	background: none;
	padding: 0;
}

.project-info .page-actions-block li {
	float: left;
	margin-bottom: -10px
}

.project-categories a {
	margin-right: 5px;
}

.project-categories a:after {
	content: ", "
}

.project-categories a:last-child:after {
	content: ""
}

.related-projects h3 {
	color: #fff;
}

.sidebar .related-projects h3 {
	color: #1a1717;
}

.galleria.fullwidth img {
	width: 100% !important;
	height: auto !important;
}

.galleria.fullheight img {
	height: 100% !important;
	width: auto !important;
}

/* PAGE SPECIFIC STYLING */
.landing-content {
	text-align: center;
	position: absolute;
	z-index: 1000;
	width: 50%;
	height: 200px;
	margin: -100px 0 0 -25%;
	top: 50%;
	left: 50%
}

.landing-content .btn-default {
	background: none;
	padding: 10px 40px;
	border-color: #fff;
	border-width: 3px;
	color: #fff;
	font-size: 20px;
	margin: 30px auto 0;
}

.landing-content .btn-default:hover {
	background: rgba(0, 0, 0, .1);
}

.tp-boxed {
	background-color: #f5f7fa;
}

.features li {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.features.colored li {
	margin-top: 30px;
	margin-bottom: 20px;
}

.features li h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.features.colored li .icon {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50%;
	border-radius: 80%;
	text-align: center;
	display: inline-block
}

.features li i.ico {
	font-size: 5em;
	font-style: normal;
}

.features.colored li .icon i.ico {
	line-height: 80px;
	color: #fff;
}

.features li p {
	padding: 0 20px;
}

.post.standard {
	margin-bottom: 40px;
}

.page-footer {
	background-color: #f5f7fa;
	border-top: 1px solid #eee;
	padding: 40px 0;
}

.about-block {
	width: 100%;
	/* xbackground-image: url(images/ag-square.png); */
	background-repeat: repeat;
}

.about-content {
	/* 	padding-top:100px; */
}

.about-content .social-icons li:first-child {
	margin-left: 0;
	margin-bottom: 20px;
}

.static-pages {
	margin-top: 0;
}

.static-pages .sub-title {
	margin-bottom: 30px;
}

.error-404 {
	margin-top: 80px;
}

.error-404 .sub-title {
	margin-bottom: 40px;
}

.page-header {
	margin-top: 70px;
	margin-bottom: 0;
	border-bottom: 0;
	padding: 30px 0;
	text-align: center;
}

.page-header h1 {
	color: #fff;
	margin-bottom: 0;
}


/* Sidebar */
.widget {
	margin-bottom: 40px;
}

.widget a {
	text-decoration: none;
}

.widget a:hover img {
	opacity: .9;
}

.widgettitle {
	margin-bottom: 5px;
}

.widget ul>li {
	border-bottom: 1px solid #e6e9ed;
	padding: 10px 0;
	color: #999999;
}

.widget ul>li a {
	display: inline-block;
	text-decoration: none;
}

.widget ul>li a i {
	margin-right: 5px;
}

.widget ul>li:first-child {
	padding-top: 0;
}

.widget ul>li a:hover {
	text-decoration: none;
}

.tag-cloud a {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 7px;
	padding: 4px 12px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

.tag-cloud a:hover {
	text-decoration: none;
	color: #fff;
}

.afwidgtit {
	margin-bottom: 20px !important;
}

.widget.instafeed_widget ul li,
.widget.flickr_widget ul li {
	width: 31%;
	margin-right: 2.33%;
	margin-bottom: 20px;
	float: left;
	border-bottom: 0;
	padding: 0;
}

.flickr_widget_alt ul li {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 20px;
	float: left;
}

.widget.instafeed_widget ul li a,
.widget.flickr_widget ul li a,
.widget.flickr_widget_alt ul li a,
.widget.recentposts_widget li a {
	display: inline;
}

.widget.instafeed_widget li:nth-child(3n+3),
.widget.flickr_widget li:nth-child(3n+3) {
	margin-right: 0;
}

.widget.flickr_widget_alt ul li {
	border-bottom: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.flickr_widget_alt li:nth-child(2n+2) {
	margin-right: 0;
}

.twitter_widget a {
	text-decoration: none;
}

.widget.recentposts_widget li {
	margin-bottom: 20px;
	border-bottom: 0;
	padding: 0;
}

.widget.recentposts_widget li h5 {
	margin-bottom: 10px;
}

.widget.recentposts_widget .post-thumbnail {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}

.widget.recentposts_widget .readmore {
	font-size: 13px;
}

.widget .social-icons li {
	border-bottom: 0;
}

.widget .social-icons li a {
	text-align: center;
}

.about-box {
	position: relative;
	margin-bottom: 30px;
}

.about-box .about-bg-image {
	height: 200px;
	overflow: hidden;
}

.about-box .about-bg-image img {
	height: 100%;
	width: auto;
	min-width: 100%;
}

.about-box .about-image {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -40px;
}

.about-box .about-image img {
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.about-box .about-cont {
	background: #f5f7fa;
	padding: 50px 25px 25px;
	text-align: center
}

#googleMap iframe {
	width: 100%;
}

#googleMap {
	height: 100%;
}

#googleMap img {
	max-width: none;
}

.contact-box {
	padding-right: 30px;
	padding-top: 110px;
	height: 100%;
	overflow: auto;
}

.contact-form {
	margin-bottom: 60px;
}

.contact-info a {
	text-decoration: none;
	border-bottom: 2px solid
}

#message .alert {
	padding-left: 30px;
}

#back-to-top {
	position: fixed;
	z-index: 999;
	right: 17px;
	bottom: 17px;
	display: none;
	padding: 5px 12px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: rgba(0, 0, 0, .7);
	color: #ffffff;
}

/* SLIDER REVOLUTION CUSTOM CAPTIONS STYLES */
.tp-caption {
	font-family: 'Lato', sans-serif;
	visibility: hidden;
}

.tp-caption p {
	font-family: "Lato", sans-serif;
}

.tp-caption.whiter h1,
.tp-caption.whiter h2,
.tp-caption.whiter h3,
.tp-caption.whiter h4,
.tp-caption.whiter h5,
.tp-caption.whiter h6,
.tp-caption.whiter p {
	color: #fff;
}

.tp-caption.whiter h1 {
	text-transform: uppercase;
	font-size: 72px;
	letter-spacing: 0;
}

.tp-caption.whiter h2 {
	text-transform: uppercase;
	font-size: 40px;
	letter-spacing: .1em;
}

.tp-caption.whiter h4 {
	letter-spacing: 1em;
}

.tp-caption.whiter .btn-default {
	background: none;
	border-color: #fff;
	border-width: 3px;
	color: #fff;
}

.tp-caption.whiter hr.md {
	background: #fff !important;
}

.tp-caption.darker h1,
.tp-caption.darker h2,
.tp-caption.darker h3,
.tp-caption.darker h4,
.tp-caption.darker h5,
.tp-caption.darker h6,
.tp-caption.darker p {
	color: #000;
}

.tp-caption.darker h1 {
	text-transform: uppercase;
	font-size: 72px;
	letter-spacing: 0;
}

.tp-caption.darker h2 {
	text-transform: uppercase;
	font-size: 40px;
	letter-spacing: .1em;
}

.tp-caption.darker h4 {
	letter-spacing: 1em;
}

.tp-caption.darker .btn-default {
	background: none;
	border-color: #000;
	border-width: 3px;
	color: #000;
}

.tp-caption.darker hr.md {
	background: #000 !important;
}

.tp-caption.cameroll_white_huge {
	position: absolute;
	font-weight: 400;
	font-size: 60px;
	line-height: 60px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	border: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	background-color: transparent;
	color: #fff
}

.tp-caption.cameroll_white_big {
	font-family: 'Lato', sans-serif;
	position: absolute;
	font-weight: 400;
	font-size: 40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	background-color: transparent;
	color: #fff
}

.tp-caption.cameroll_white_small {
	position: absolute;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	padding: 0;
	margin: 0;
	border: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	background-color: transparent;
	color: #fff
}

.tp-caption.cameroll_dark_huge {
	position: absolute;
	font-weight: 400;
	font-size: 60px;
	line-height: 60px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
	border: 0;
	text-shadow: none;
	background-color: transparent;
	color: #222
}

.tp-caption.cameroll_dark_big {
	position: absolute;
	font-weight: 400;
	font-size: 40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	text-shadow: none;
	background-color: transparent;
	color: #222
}

.tp-caption.cameroll_dark_small {
	position: absolute;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	padding: 0;
	margin: 0;
	border: 0;
	text-shadow: none;
	background-color: transparent;
	color: #222
}

.tp-caption.with_white_background {
	font-size: 25px;
	line-height: 50px;
	font-weight: 400;
	text-decoration: none;
	background-color: rgb(255, 255, 255);
	padding: 0px 13px;
	text-shadow: none;
	margin: 0px;
	letter-spacing: -1.5px;
	border-width: 0px;
	border-color: rgb(0, 0, 0);
	border-style: none;
}

.tp-caption.with_colored_background {
	font-size: 25px;
	line-height: 50px;
	font-weight: 400;
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: rgb(0, 0, 0);
	padding: 0px 13px;
	text-shadow: none;
	margin: 0px;
	letter-spacing: .5px;
	border-width: 0px;
	border-color: rgb(0, 0, 0);
	border-style: none;
}

.tp-caption.small_light_white {
	font-size: 12px;
	line-height: 28px;
	font-weight: 300;
	color: rgb(255, 255, 255);
	text-decoration: none;
	background-color: transparent;
	padding: 0px;
	border-width: 0px;
	border-color: rgb(255, 214, 88);
	border-style: none;
}

.tp-caption.finewide_medium_black {
	color: #000;
	text-shadow: none;
	font-size: 37px;
	line-height: 37px;
	font-weight: 300;
	background-color: transparent;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 5px;
	border-width: 0px;
	border-color: rgb(0, 0, 0);
	border-style: none;
}

/*-------------------------------------------------------------------------------------------*/
/* SHORTCODE DEFINATIONS */
/*-------------------------------------------------------------------------------------------*/

/* ==================================================
	 Tabs
  ================================================== */
.tabs {
	margin-bottom: 25px;
}

.nav-tabs.custom_tab {
	border: none;
	background-image: linear-gradient(to bottom, #1e1e1e, #353535 47%, #353535 48%, #000 49%);
	/* xbackground: #F55aff;
	  background-image: linear-gradient(to right top, #F55aff, #e93f6e, #e73972, #e43276, #e12b7a); */
}

.nav-tabs li {
	position: relative;
	display: block;
	float: left;
	margin-right: 0;
	font-size: 13px;
	border-radius: 0;
	width: calc(100% / 3);
	border-right: 1px solid #000;
}

.nav-tabs li:nth-child(3) {
	border: none;
}

.nav-tabs li a {
	display: block;
	padding: 8px 10px;
	background: none;
	text-decoration: none;
	color: #fff;
	font-size: 13pt;
	border-radius: 0;
	border: none;
	border-bottom: 2px solid #a6a6a6;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

.nav-tabs li a:hover {
	color: #fff;
	text-decoration: none;
	border-color: #5761ff;
	background: none !important;
}

.nav-tabs li a:active,
.nav-tabs li.active a {
	color: #fff;
	border-color: #5761ff;
}

.tab-content {
	padding: 20px;
	margin-top: 1px;
	background: #ffffff;
	font-size: 13px;
}

.tab-content>.tab-pane {
	display: none;
}

.tab-content>.active {
	display: block;
}

.nav-pills>li>a {
	text-decoration: none;
}

/* ==================================================
	 Accordion & Toggle
  ================================================== */
.accordion {
	margin-bottom: 35px;
}

.accordion-group {
	margin-bottom: 8px;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.accordion-heading {
	border-bottom: 0 none;
}

.accordion-heading .accordion-toggle {
	position: relative;
	display: block;
	padding: 15px;
	background: #E6E9ED;
	text-decoration: none;
	font-size: 13px;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}

.accordion-toggle {
	cursor: pointer;
}

.accordion-toggle:hover {
	text-decoration: none;
}

.accordion-heading:hover .accordion-toggle,
.accordion-heading:hover .accordion-toggle.inactive {
	background: #666;
	color: #fff;
}

.accordion-heading .accordion-toggle.active {
	color: #fff;
	background: #666;
}

.accordion-heading .accordion-toggle.inactive {
	background: #E6E9ED;
}

.accordion-heading.accordionize .accordion-toggle i,
.accordion-heading.togglize .accordion-toggle i {
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -8px 0 0 0;
	color: #666;
	font-size: 18px;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}

.accordion-heading:hover .accordion-toggle i {
	color: #fff;
}

.accordion-heading .accordion-toggle.active i,
.accordion-heading:hover .accordion-toggle.inactive i {
	color: #666;
}

.accordion-heading.accordionize .accordion-toggle.active i,
.accordion-heading.togglize .accordion-toggle.active i {
	color: #fff;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion-heading.togglize .accordion-toggle i {
	margin: -8px 0 0 0;
	font-size: 18px;
}

.accordion-heading.togglize .accordion-toggle .fa-plus-circle {
	display: block;
}

.accordion-heading.togglize .accordion-toggle.active .fa-plus-circle {
	display: none;
	padding: 5px 12px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: rgba(0, 0, 0, .7);
	color: #ffffff;
}

.accordion-heading.togglize .accordion-toggle .fa-minus-circle {
	display: none;
}

.accordion-heading.togglize .accordion-toggle.active .fa-minus-circle {
	display: block;
}

.accordion-inner {
	padding: 16px;
	border: 1px solid #e6e9ed;
	background: #fff;
}

/* ==================================================
	 Alerts
  ================================================== */

.alert {
	margin-bottom: 20px;
	padding: 15px 35px 15px 15px;
	border: 1px solid #e6e9ed;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #f8f8f8;
	text-shadow: none;
}

.alert .close {
	position: relative;
	top: 0px;
	right: -22px;
	color: #FFFFFF;
	text-shadow: none;
	line-height: 20px;
	text-decoration: none;
	-webkit-transition: opacity 0.1s linear 0s;
	-moz-transition: opacity 0.1s linear 0s;
	-ms-transition: opacity 0.1s linear 0s;
	-o-transition: opacity 0.1s linear 0s;
	transition: opacity 0.1s linear 0s;
}

.alert .close:hover {
	text-decoration: none;
	opacity: 1;
}

.alert-standard {
	border-color: #e6e9ed;
	background-color: #f8f8f8;
}

.alert-standard,
.alert-standard .close {
	color: #666;
}

.alert-success {
	border-color: #d6e9c6;
	background-color: #dff0d8;
}

.alert-success,
.alert-success .close {
	color: #468847;
}

.alert-danger,
.alert-error {
	border-color: #ebccd1;
	background-color: #f2dede;
}

.alert-danger,
.alert-danger .close,
.alert-error,
.alert-error .close {
	color: #b94a48;
}

.alert-info {
	border-color: #bce8f1;
	background-color: #d9edf7;
}

.alert-info,
.alert-info .close {
	color: #3a87ad;
}

.alert-warning {
	border-color: #faebcc;
	background-color: #fcf8e3;
}

.alert-warning,
.alert-warning .close {
	color: #c09853;
}

/* ==================================================
	 Progress bars
  ================================================== */
@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

@-moz-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

@-o-keyframes progress-bar-stripes {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 40px 0;
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0;
	}

	to {
		background-position: 0 0;
	}
}

.progress {
	margin-bottom: 15px;
	height: 20px;
	border-radius: 3px;
	background-color: #e6e9ed;
	-webkit-box-shadow: none;
	box-shadow: none;
	overflow: visible;
}

.progress-bar {
	float: left;
	width: 0%;
	height: 100%;
	background-color: #e6e9ed;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	-webkit-transition: width 0.6s ease;
	transition: width 0.6s ease;
	position: relative;
	border-radius: 3px;
}

.progress-striped .progress-bar {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}

.progress.active .progress-bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
	background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
	background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
	background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
	background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

span.progress-bar-tooltip {
	position: absolute;
	position: absolute;
	top: -28px;
	right: 5px;
	display: block;
	padding: 4px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #333;
	color: #FFF;
	font-size: 11px;
	line-height: 15px;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-border-radius: 3px;
}

span.progress-bar-tooltip:after {
	position: absolute;
	bottom: -5px;
	left: 13px;
	display: block;
	width: 0;
	border-width: 5px 5px 0;
	border-style: solid;
	border-color: #333 transparent;
	content: "";
}

.progress-label {}

/* ==================================================
	 Facts Counters
  ================================================== */
.counters {
	text-align: center;
	padding: 40px 0;
}

.fact-ico {
	display: inline-block;
	width: 100px;
	height: 100px;
	color: #999999;
	line-height: 100px;
	margin: 10px 0;
}

.count {}

.fact {
	display: inline-block;
	color: #aab2bd;
	font-size: 15px;
	margin-top: 10px;
}

.counters .timer {
	display: inline-block;
	color: #434a54;
	font-weight: 700;
	font-size: 38px;
}

.parallax .counters .timer {
	color: #ffffff;
}

/* ==================================================
	 Modal Box
  ================================================== */
.modal-open {
	overflow: hidden;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: none;
	overflow: auto;
	overflow-y: scroll;
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	transform: translate(0, -25%);
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

.modal-dialog {
	position: relative;
	z-index: 1050;
	margin: 10px;
	width: auto;
}

.modal-content {
	position: relative;
	outline: none;
	border: 1px solid #999999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	background-color: #ffffff;
	background-clip: padding-box;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9997;
	background-color: #1a1717;
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0);
}

.modal-backdrop.in {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.modal-header {
	padding: 15px;
	/* min-height: 16.428571429px; */
	border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
	margin-top: -2px;
}

.modal-title {
	margin: 0;
	line-height: 1.428571429;
}

.modal-body {
	position: relative;
	padding: 20px;
}

.modal-footer {
	margin-top: 15px;
	padding: 19px 20px 20px;
	border-top: 1px solid #e5e5e5;
	text-align: right;
}

.modal-footer:before,
.modal-footer:after {
	display: table;
	content: " ";
}

.modal-footer:after {
	clear: both;
}

.modal-footer:before,
.modal-footer:after {
	display: table;
	content: " ";
}

.modal-footer:after {
	clear: both;
}

.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px;
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px;
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0;
}

@media screen and (min-width: 768px) {
	.modal-dialog {
		margin: 30px auto;
		margin: 10px auto;
		width: 600px;
	}

	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	}
}

/*-------------------------------------------------------------------------------------------*/
/* Parallax
  /*-------------------------------------------------------------------------------------------*/
.parallax {
	background-attachment: fixed !important;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #eee;
}

.touch .parallax,
.page-header.parallax {
	background-attachment: scroll !important;
}

/*-------------------------------------------------------------------------------------------*/
/* Pricing Tables
  /*-------------------------------------------------------------------------------------------*/
.pricing-table {
	margin-top: 50px;
	margin-bottom: 50px;
}

.pricing-table:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

.pricing-table>div:first-child .pricing-column-content,
.pricing-table>div:first-child h3 {
	border-left: 1px solid #e6e9ed !important;
}

.pricing-column {
	float: left;
	overflow: hidden;
	padding: 0px;
	background-color: #fff;
	text-align: center;
	-webkit-transition: box-shadow 0.2s linear;
	-moz-transition: box-shadow 0.2s linear;
	-o-transition: box-shadow 0.2s linear;
	transition: box-shadow 0.2s linear;
}

.pricing-column .features {
	padding: 0;
	margin-bottom: 0;
	background: none;
}

.pricing-column .pricing-column-content {
	padding: 0px 0px 20px 0px;
	border-right: 1px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
}

.pricing-column.highlight {
	position: relative;
	z-index: 1;
	margin: -20px -1px 0px -1px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, .09);
	-moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, .09);
	box-shadow: 0px 0px 13px rgba(0, 0, 0, .09);
	-o-box-shadow: 0px 0px 13px rgba(0, 0, 0, .09);
}

.pricing-column.highlight .pricing-column-content,
.pricing-column.highlight h3 {
	border: none;
}

.pricing-column.highlight h3 .highlight-reason {
	display: block;
	color: rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 12px;
}

.pricing-column.highlight .pricing-column-content {
	border-right: 1px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	border-left: 1px solid #e6e9ed;
	background: #F5F7FA
}

.pricing-column.highlight:hover {
	-webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, .15);
	box-shadow: 0px 0px 13px rgba(0, 0, 0, .15);
	-o-box-shadow: 0px 0px 13px rgba(0, 0, 0, .15);
}

.pricing-column ul li {
	padding: 10px 25px;
	border-bottom: 1px solid #e6e9ed;
	color: #666666 !important;
	list-style: none;
	line-height: 18px;
	margin: 0;
}

.pricing-column ul li:first-child {
	border-top: 1px solid #e6e9ed;
}

.pricing-column.highlight h3 {
	margin-bottom: 0px !important;
	padding: 15px 0px;
	color: #ffffff !important;
}

.toggle .pricing-column h3 {
	font-size: 26px !important;
}

.pricing-column h3 {
	margin-bottom: 0px;
	padding: 18px 0px 18px 0px;
	border-top: 1px solid #e6e9ed;
	border-right: 1px solid #e6e9ed;
	border-bottom: 1px solid #e6e9ed;
	background-color: #ffffff;
	font-size: 26px;
	line-height: 28px;
}

.pricing-column h4 {
	margin-bottom: 0px;
	margin-left: -22px;
	padding: 20px 30px 6px 30px;
	color: #333333;
	font-size: 54px !important;
	line-height: 42px !important;
}

.pricing-column h4 .dollar-sign {
	position: relative;
	top: -14px;
	right: -6px;
	font-size: 22px;
	line-height: 22px;
}

.pricing-column .interval {
	display: block;
	display: block;
	padding-bottom: 17px;
	min-height: 38px;
	color: #999999;
}

.pricing-column ul {
	margin-left: 0px;
}

.pricing-column .btn {
	margin-top: 25px;
}

.pricing-column.highlight .btn {
	margin-bottom: 20px;
}

.pricing-table.six-cols>div {
	width: 16.5%;
}

.pricing-table.five-cols>div {
	width: 20%;
}

.pricing-table.four-cols>div {
	width: 25%;
}

.pricing-table.three-cols>div {
	width: 33.2%;
}

.pricing-table.two-cols>div {
	width: 50%;
}

/* For Touch Devices */
.touch .site-header {
	position: absolute;
	top: 0;
}

.touch body.fs .site-header {
	top: 0;
}

.touch body.fs .body,
.touch body.fs body {
	height: 100%;
	position: relative;
	overflow: hidden;
}

.touch .body {
	position: static;
}

/*-------------------------------------------------------------------------------------------*/
/* Responsive Classes
  /*-------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.grid-holder .grid-item {
		width: 20%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navigation>ul>li>a {
		padding: 0 14px;
	}

	.grid-holder .grid-item {
		width: 25%;
	}
}

@media only screen and (max-width: 992px) {

	.navigation {
		float: left;
		width: 100%;
	}

	.navigation ul {
		float: none;
	}

	.navigation>ul>li {
		display: block;
		width: 100%;
		line-height: normal;
		text-align: left;
		border-top-color: transparent;
	}

	.navigation>ul>li:hover {
		border-top-color: transparent !important;
	}

	.navigation>ul>li>a {
		padding: 10px 25px;
		border-bottom: 1px solid #ccd1d9;
		border-right: 0;
		line-height: normal;
	}

	.navigation>ul>li:last-child a {
		border-bottom: 0;
	}

	.navigation>ul>li>ul,
	.navigation>ul>li>ul li ul {
		position: static;
		height: auto !important;
		border-bottom: 1px solid #e6e9ed;
		top: 0;
		left: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-left: 0;
	}

	.navigation>ul>li>ul:before,
	.navigation>ul>li>ul li ul:before {
		display: none;
	}

	.right-sidebar {
		margin-top: 40px;
	}

	.pricing-column .features {
		margin-bottom: 0;
	}

	.pricing-column.highlight {
		margin: 0;
	}

	.pricing-table>div:third-child .pricing-column-content,
	.pricing-table>div:nth-child(2n+1) h3 {
		border-left: 1px solid #eeeeee !important;
	}

	.pricing-column ul li:first-child {
		border-top: 1px solid #eeeeee;
	}

	.pricing-column ul li:nth-child(2n+1) {
		background-color: #f8f8f8;
	}

	.toggle .pricing-column h3 {
		font-size: 26px !important;
	}

	.pricing-column.highlight .btn {
		margin-bottom: 0;
	}

	.pricing-table.six-cols>div {
		width: 50%;
	}

	.pricing-table.five-cols>div {
		width: 50%;
	}

	.pricing-table.four-cols>div {
		width: 50%;
	}

	.pricing-table.three-cols>div {
		width: 50%;
	}

	.pricing-table.two-cols>div {
		width: 50%;
	}

	.grid-holder .grid-item {
		width: 33.3333%;
	}

	.site-footer {
		height: auto;
		text-align: center;
	}

	#googleMap {
		height: 250px !important;
	}

	.post-media {
		margin-bottom: 20px;
	}

	.contact-box {
		padding: 30px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.contactForm {
		width: 45%;
		margin-right: 5%;
		float: left;
	}

	.contact-info {
		width: 50%;
		float: left;
	}

	.contact-info .col-md-4 {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {

	/* Isotope */
	.isotope-grid.isotope {
		overflow: visible !important;
		height: auto !important;
	}

	.isotope-grid .isotope-item {
		position: static !important;
		margin-right: auto;
		margin-left: auto;
		width: auto;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
	}

	.isotope-grid .isotope-hidden {
		display: none !important;
	}

	.site-header .menu-toggle {
		margin-right: 20px;
	}

	.pricing-table.six-cols>div {
		margin: 0 auto 30px;
		width: 100%;
	}

	.pricing-table.five-cols>div {
		margin: 0 auto 30px;
		width: 100%;
	}

	.pricing-table.four-cols>div {
		margin: 0 auto 30px;
		width: 100%;
	}

	.pricing-table.three-cols>div {
		margin: 0 auto 30px;
		width: 100%;
	}

	.pricing-table.two-cols>div {
		margin: 0 auto 30px;
		width: 100%;
	}

	.grid-holder .grid-item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.site-footer {
		height: auto;
		text-align: center;
	}

	/*
	  .site-footer .social-icons{
		  float:none;
	  }
  */
	#googleMap {
		height: 200px !important;
	}

	.post-media {
		margin-bottom: 20px;
	}

	.landing-content .btn-default {
		padding: 10px;
	}

	.copyrights-col-left {
		display: none;
	}

	.features li {
		margin-top: 0;
	}

	.quick-gallery .col-md-3,
	.quick-gallery .col-sm-3,
	.recent-portfolio .col-md-3,
	.recent-portfolio .col-sm-3,
	.recent-news .post,
	.recent-news .post {
		margin-bottom: 20px;
	}

	.post-media {
		margin-bottom: 20px;
	}

	.page-actions-block h2 {
		position: relative;
		top: 0;
		padding: 0;
	}

	.gallery-feedbacks {
		display: none
	}

	.gallery-actions {
		float: none;
		text-align: center;
	}

	.gallery-actions li {
		float: none;
		display: inline-block;
	}

	.project-nav a {
		background: none;
	}

	.touch body.contact .body,
	.touch body.contact body {
		overflow-y: scroll !important;
	}

	.contact-box {
		height: auto !important;
	}

	.contactForm {
		width: 100%;
		margin-right: 0;
	}

	.contact-info {
		width: 100%;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.grid-holder .grid-item {
		width: 50%;
	}

	.landing-content .btn-default {
		padding: 10px 40px;
	}
}

@media only screen and (max-width: 450px) {
	.bg_style ul {
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}

	.bg_style li {
		width: 20%;
	}
}

/* For Retina Devices */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {}




/* Typography */
.section-header {
	text-align: center;
	margin-bottom: 50px;
}

.section-header span {
	font-weight: 400;
	margin-bottom: 15px;
	display: block;
}

.accordion-primary .acc {
	margin-left: -15px;
	margin-right: -15px;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.accordion-primary.accordion-small .acc {
	margin-left: -5px;
	margin-right: -5px;
}

.accordion-primary .my-faq-item {
	width: 50%;
	margin-bottom: 25px;
	padding: 0 15px;
}

.accordion-primary.accordion-full .my-faq-item {
	width: 100%;
}

.accordion-primary.accordion-small .my-faq-item {
	padding: 0 5px;
}

.accordion-primary .my-faq-item .header {
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	position: relative;
	padding-right: 30px;
}

.accordion-primary.accordion-small .my-faq-item .header h3 {
	font-size: 20px;
}

.accordion-primary .my-faq-item .header .arrow {
	display: block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #666;
	width: 5px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.accordion-primary .my-faq-item .header.active .arrow {
	transform: rotate(-180deg);
}

.accordion-primary .my-faq-item .header i {
	font-size: 30px;
	position: absolute;
	top: 50%;
	right: 15px;
	height: 12px;
	line-height: 10px;
	margin-top: -6px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	color: #999999;
}

.accordion-primary .my-faq-item .header.active i {
	transform: rotate(-180deg);
}

.accordion-primary .my-faq-item .body {
	display: none;
	padding: 15px;
	border-top: 0;
}

.accordion-primary .my-faq-item .body ul {
	list-style: inherit;
	padding-left: 25px;
	line-height: 1.2em;
}

.accordion-primary .my-faq-item .body ul li {
	margin-bottom: 10px;
}

b {
	font-weight: 700;
}

/* Heading Section */
#heading-section {
	padding: 5px 0;

}

#heading-section h2 {
	color: #5761ff;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0px;
	padding: 15px 0 0 0;
	text-transform: uppercase;
}

#heading-section h3 {
	font-size: 22px;
	font-weight: 400;
	color: #5761ff;
	position: relative;
	top: -15px;
}

/* End Heading Section */

/* My Imagination Section */
#my-imagination-section {
	padding: 100px 0;
	font-size: 16px;
	line-height: 1.5em;
	color: #2f2f2f;
	font-weight: 400;
}

#my-imagination-section h2 {
	color: #5761ff;
	font-size: 40px;
	font-weight: 600;
	padding: 10px 0 0px;
	letter-spacing: 0px;
	text-transform: uppercase;
}

#my-imagination-section h3 {
	font-size: 26px;
	font-weight: 400;
	line-height: 1em;
	text-transform: uppercase;
}

#my-imagination-section .box h3 {
	color: #5761ff;
	text-transform: uppercase;
	text-align: left;
}

#my-imagination-section h3 span {
	font-size: 22px;
	color: #777;
}

#my-imagination-section .box {
	padding: 12px 8px 12px;
	margin-bottom: 30px;
	text-align: justify;
}


/* My FAQ Section */
#my-faq-section {
	padding: 100px 0 0;
	font-size: 16px;
	line-height: 1.5em;
	color: #2f2f2f;
}

#my-faq-section h2 {
	color: #5761ff;
	font-size: 42px;
	padding: 10px 0 30px;
	letter-spacing: 0px;
	font-weight: 600;
}


#my-faq-section h3 {
	font-size: 22px;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 0;
}

#my-faq-section h3 span {
	font-size: 16px;
	color: #777;
	display: block;
}

#my-faq-section .faq-featured-area {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

#my-faq-section .faq-featured-area .faq-featured-item {
	width: 25%;
	padding: 10px;
	text-align: center;
}

#my-faq-section .faq-featured-area .faq-featured-item h4 {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 0;
	text-transform: inherit;
	letter-spacing: inherit;
	margin-bottom: 15px;
}

#my-faq-section .faq-featured-area .faq-featured-item .faq-featured-item-inner {
	-webkit-box-shadow: 2px 8px 17px -6px rgba(225, 225, 225, 1);
	-moz-box-shadow: 2px 8px 17px -6px rgba(225, 225, 225, 1);
	box-shadow: 2px 8px 17px -6px rgba(225, 225, 225, 1);
	padding: 15px;
	min-height: 435px;
}

#my-faq-section .faq-featured-area .faq-featured-item .icon {
	display: block;
	margin: 0 auto 15px;
	width: 75px;
}

.faq-wrap {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	background-color: #F4F4F4;
	padding: 50px 0 100px;
}






.custom.body_m {
	/* width: max-content !important; */
	width: 100%;
	margin: auto;
	/* margin-top: 3em; */
}

div.size-indicator {
	filter: contrast(10.5);
}

#color_table li.col-xs-2 {
	/* min-width: 15% !important; */
	/* max-height: 71px; */
	list-style: none;
}

.color_desc span.cimg {
	display: inline-block;
	width: 100%;
	max-width: 335px;
	align: center;
	repeat: none;
	height: 150px;
	margin-top: 10px;
	background-position: center;
	background-size: cover;
}

ul.font-image-container {
	padding: 0;
}

ul.font-image-container li {
	text-shadow: none !important;
	overflow: hidden;
	height: 45px;
}

ul.font-image-container li.active {
	background: #5761ff33;
}

/* ul.font-image-container li:hover {
    z-index: 9999999;
    position: relative;
    scale: 1.4;
} */

ul.font-image-container li:hover span {
	box-shadow: none;
	/*     scale: 1; */
	/*     font-size: 20px; */
	color: black;
	/* padding: 5px; */
	background: white;
	/*     opacity: 0.95; */
	z-index: 9999999;
	/*     position: relative; */
	/*     text-shadow: 0 0 0px white; */
	/*     line-height:1; */
}

textarea#input_text {
	width: 100%;
	/* height: max-content; */
	padding: 5px;
	line-height: 1;
	padding-top: 16px;
}

.form-group.text_input.active {
	width: 100%;
	height: 100%;
}

label.size_note {
	font-size: 15px;
}

.small-size-info:nth-child(1) {
	display: none;
}

.sign_note p {
	font-size: 14px;
	padding: 5px;
}

.small-size-info:last-child {
	display: none;
}

button.btn.btn-upload {}

button.btn.btn-upload {}

.body_m .btn.btn-default:hover {
	background: white;
}

.body_m .btn.btn-default {
	color: black;
}

.nav-tabs li a {
	padding: 9px !important;
	background: white;
}

ul.nav.nav-tabs.custom_tab {
	padding: 0;
	border-radius: 8px;
	box-shadow: 0px 0px 2px #5761ff;
	/* border-bottom: 3px solid #5761ff; */
	background: white;
	/* padding-top: 5px; */
	margin-bottom: 10px;
	cursor: pointer;
}

.make_style_form div.size-box.active,
.make_style_form div.size-box:hover {
	background: #2500FC;
	box-shadow: 0 2px 5px #2500FC;
	border: 1px solid white;
}

.make_style_form div.size-box.active *,
.make_style_form div.size-box:hover * {
	color: white;
}

ul.font-image-container li span {
	scale: 0.80;
	/* box-shadow: 0 2px 2px #00000052 !important; */
	border: none;
	/* font-size: 35px; */
	/* white-space: nowrap; */
	height: max-content;
	box-shadow: none !important;
}

ul.font-image-container li span,
.custom-control.custom-radio label,
.back-board-colors img,
.size-box {
	box-shadow: 0 2px 2px #00000052;
}

.fa-flash:before,
.fa-bolt:before {
	/* text-shadow: 1px 1px 1px #8e8e8ef5; */
}

ul.font-image-container li.active span {
	background-color: transparent;
	/* color: white !important; */
}

.small-ip67-warning {
	display: none;
}

/* 
.nav-tabs.custom_tab li a:hover {
	color: #5761ff;
    background-color: #d0d3ff;
	text-shadow: none;
	font-weight: 500;
} */
.col-xs-4.align_icon.active {
	color: white;
	background: #5761ff;
}

.col-xs-4.align_icon {
	background: whitesmoke;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 3px #939393;
	font-size: 18px;
	border-radius: 5px;
}

.demo_on_off.standard.offswitch .on {
	background: white;
}

.demo_on_off.standard.offswitch {
	background: none;
}

.demo_on_off.standard.onswitch {
	background: none;
}

.demo_on_off.standard.onswitch .off {
	background: white;
}

.demo_on_off.standard span {
	padding: 5px 10px;
	border: 1px solid #bebebe;
}

.demo_on_off.standard {
	width: max-content;
}

.size-box.disabled {
	opacity: 0.8;
	pointer-events: none;
}


#size_table .size-box:nth-of-type(4) .size-name::after {
	content: "POPULAR";
	padding: 0.2rem;
	color: white !important;
	background: #FF9800;
	margin: 0 0.2rem;
	/* margin-top: 0.2rem; */
	font-weight: 400;
	/*     border:1px solid white; */
	display: inline-block;
	border-radius: 5px;
	/*     color:yellow; */
	font-size: 10px;
	font-family: archivo;
	letter-spacing: .31px;
	width: max-content;
	/*     z-index:5; */
	position: absolute;
	height: fit-content;
	line-height: 1;
	top: -1em;
	/*     bottom: 1em; */
	/*     left: 50% !important; */
	/*     transform: translateX(-50%) !important; */
	/*     filter: drop-shadow(0px 2px 2px #cdcdcd); */
}


#size_table .size-box:nth-of-type(4).active .size-name::after {

	/*     color:black !important; */
	/*     background:#FF9800; */

}

.board_style small {
	display: none;
}

/* 
.dropdown-toggle-design li:nth-child(1) div {
    color: white;
    width: max-content;
    background: #5761ff;
    box-shadow: 0 2px 5px #9aa0ff;
} */
.board-box.active div {
	color: white;
	/*     width: max-content; */
	/* background: #5761ff; */
	/* box-shadow: 0 2px 5px #9aa0ff; */
}

.board-box.active {
	box-shadow: none;
}

.dropdown-toggle-design li * {
	box-shadow: none;
	color: black;
}

.dropdown-toggle-design li a {
	padding: 4px;
	display: flex;
	justify-content: space-between;
}

.board-box.active,
.dropdown-toggle-design li:hover a {
	color: white;
	background: #5761ff;
	box-shadow: 0 2px 5px #9aa0ff;
	box-shadow: none;
}

.board-box.active *,
.dropdown-toggle-design li:hover * {
	color: white;
}

.dropdown-toggle-design li {
	padding: 0;
	/* margin: 5px; */
}


button.addtocart,
button.free-quote-button {
	color: white;
	background: #0fbd71 !important;
	border: 0px solid #004717 !important;
	box-shadow: 0 1px 5px #79797991;
	border-radius: 10px !important;
}

button.addtocart:hover,
button.free-quote-button:hover {
	background: #00cd74;

}

.btn,
.btn {
	box-shadow: 0 1px 3px #939393;
}

.btn:hover,
.btn.active {
	box-shadow: 0px 0px 5px #5762ff80, 0px 0px 10px #5762ff7a;
	opacity: 1;
	background-color: blue;
}

.body_m * {
	border-radius: 10px;
	/* transition: all 0.1s ease;
    animation: all 0.1s ease; */
	transition: none;
	animation: none;
}

.modal-body {
	padding: 5px 10px;
}

.mcs-wrapper {
	/* background: #000000b8; */
}

.custom-control.selected label {
	background: #2500FC;
	color: white;
}

.custom-control.selected * {
	color: white;
}

.tooltip * {
	display: none;
	width: max-content;
	/*   font-size: 10px; */
	text-transform: lowercase;
	/*   background: black; */
	opacity: 1;
}

.tooltip div {
	color: black;
	background: whitesmoke;
}

#color_table img {
	height: 33px;
}

#color_table svg {
	padding: 3px;
	height: 43px;
	width: 43px;
	height: 100%;
	width: 100%;
	padding: 7px;
}

#color_table .active+.color_name {
	/* background: #5761ff; */
	/* color: white !important; */
}

#color_table .active * {
	filter: drop-shadow(0 1px 0 red), drop-shadow(0 2px 0 red), drop-shadow(0 3px 0 red), drop-shadow(0 4px 0 red), drop-shadow(0 0 5px rgba(0, 0, 0, .23), 0 1px 3px rgba(0, 0, 0, .43), 1px 4px 6px rgba(0, 0, 0, .4), 0 5px 10px rgba(0, 0, 0, .38), 3px 7px 12px rgba(0, 0, 0, .25));
	fill: white;
	stroke: white;
	stroke-width: 200px;
}

.color_style li>p {
	/* line-height: 1; */
	/* margin: 0; */
	/* padding: 0; */
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	/* padding: 5px; */
}

.color_style li:nth-child(1) svg {
	/* fill: gray !important; */
	background: radial-gradient(#00000017, transparent);
}

.color_style li:nth-child(1) svg,
.color_style li:nth-child(2) svg {
	filter: invert(0.2)
}

.color_style li:nth-child(2) svg {
	/* fill: white !important; */
	/* stroke: white; */
	background: radial-gradient(#00000000, transparent);
}

.color_style li:nth-child(2) *,
.color_style li:nth-child(1) * {
	fill: white !important;
	stroke: white;
}

dropdown-design,
.dropdown-toggle-design {
	background: white;
	padding: 10px 0;
	margin: 0px;
	font-size: 13px;
}

@media screen and (min-width: 768px) {
	.modal-dialog {
		/* margin-top: 20px; */
		width: max-content !important;
		overscroll-behavior: contain !important;

	}
}

.modal-dialog button.close {
	background: none;
	text-shadow: none;
	opacity: 1;
	color: #000000;
	background: #e4e4e4;
	width: max-content;
	line-height: 1;
	padding: 5px 10px;
	margin-left: auto;
}

.modal-header {
	display: flex;
	width: 100%;
	align-items: center;
}

h4#neonOutputModalLabel {
	font-weight: bold;
}

.modal-dialog p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: black;
}

.modal-dialog input {
	border: 1px solid gray;
	box-shadow: 0 0 1px grey;
}

.modal-dialog * {
	/* font-size: 15px; */
}

.modal-dialog form {
	max-width: 99%;
}

.modal-dialog textarea {
	font-size: 13px;
	line-height: 1.5;
	width: 100%;
	max-height: 100%;
}

.modal-dialog .form-control {
	margin-bottom: 5px;
}

ul.nav.nav-tabs.custom_tab {}

ul.nav.nav-tabs.custom_tab li {
	padding: 0;
	margin: 0 !important;
}

ul.nav.nav-tabs.custom_tab li a {
	padding: 6px !important;
	margin: 0;
}

.rgb-color-icon svg {
	width: 50px;
	height: 100%;
}

.fa-flash:before,
.fa-bolt:before {
	display: none;
	;
}


@media (min-width: 992px) {
	.col-md-8-5 {
		position: -webkit-sticky;
		/* Safari */
		position: sticky;
		top: 0;
		width: 64%;
	}

	.col-md-3-5 {
		width: 36%;
	}
}

.option_group_custom label,
.size_style label {
	width: 100%;
	text-align: left;
	margin-top: 10px;
	color: black;
	/* background: #5761ffd9; */
	padding: 5px;
	margin-left: 5px;
	/* display: flex; */
	align-items: center;
	/* padding-left: 1em; */
}

.option_group_custom label span,
.size_style label span {
	background: #5761ff;
	padding: 10px;
	margin-right: 10px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}






@media screen and (max-width: 600px) {
	div.back-board-colors img {
		max-width: 15%;
	}

	.form_wrapper {
		margin: 0;
		padding: 0;
	}

	ul.font-image-container li span {
		scale: 0.80;
	}
}


.make_style_form div.size-box.active,
.make_style_form div.size-box:hover,
.make_style_form div.size-box {
	border-radius: 10px;
}


.make_style_form div.size-box>div {
	margin: 0 !important;
	padding: 0 !important;
}

button#gotocheckout {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	column-gap: 1em;
	/* box-shadow: 0 1px 5px black; */
	/* border: none; */
	background: #4d52f5;
	text-shadow: none;
	font-size: 13px;
	padding: 10px;
	font-weight: 500;
	box-shadow: none;
	margin-bottom: 16px;
}

button#gotocheckout:hover,
button#gotocheckout:focus {
	filter: brightness(0.9) contrast(1.5);
}

.demo_text {
	background-size: cover;
}

.dropdown-toggle-design li div:nth-child(3) {
	display: none;
}

.demo_text_clone {
	/* position: absolute !important; */
	/*     top: 0; */
	/*     bottom:0; */
	/* z-index: -999999999999; */
	/* left: 10vw; */
	/*    max-height:0; */
	/*     overflow:hidden; */
}


.text_show.draggable.ui-draggable.ui-draggable-handle * {
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-ms-transition: all 0s linear;
	-o-transition: all 0s linear;
	transition: all 0s linear;
}

.image-preview-container {
	padding-bottom: 10px;
}

.save-design {
	color: #2500FC;
	margin-top: 1em;
	font-family: "archivo";
}


.total_sel_price {
	color: var(--e-global-color-primary);
	font-size: 2rem;
	font-weight: bold;
	font-family: 'archivo';
}

.disable-cart {
	opacity: 0.5;
	pointer-events: none !important;
}



button#gotocheckout,
.disable-cart,
button#add_to_cart {
	animation: all .51s ease !important;
	transition: all .51s ease !important;
}


div#modalImage img {
	/* aspect-ratio: 1; */
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	object-fit: contain;
	/* background: black; */
	max-height: 250px;
	margin: auto;
}

.modal-dialog button.close:hover {
	background: #cdcdcd;
}

.btn-upload {
	/* background-colorx: var(--e-global-color-accent) !important; */
	color: white;
	/* box-shadow: none; */
	padding: 10px;
	border-radius: 5px !important;
}

.body_m a {
	text-decoration: none;
	color: black;
	/* font-weight: normal !important; */
	font-family: 'archivo',sans-serif;
}


body,
.elementor-section {
	/* overflow: visible !important; */
}

.two_btn,
.quote_form_two_btn {
	margin-bottom: 20px;
	padding: 10px 0;
}

.col-md-8 {
	margin-bottom: 20px;
}

.nav-tabs.custom_tab>li.active>a,
.nav-tabs.custom_tab>li.active>a:focus,
.nav-tabs.custom_tab>li.active>a:hover {
	background-color: #2500FC !important;
}

.nav-tabs.custom_tab>li.active>a,
.nav-wizard>li.active>a:hover,
.nav-tabs.custom_tab>li.active>a:focus {
	color: #ffffff;
	background: #2500FC !important;
}

.nav-tabs.custom_tab>li.active:not(:last-child)>a:after {
	border-left: 10px solid #2500FC;
}

.custom-checkbox .custom-control-label input:checked~.checkmark {
	background-color: #2500FC;
	border-color: #2500FC;
}

.board-box.active,
.dropdown-toggle-design li:hover a {
	background: #2500FC;
}

@media screen and (min-width: 992px) {
	.demo_text {
		padding-top: 60%;
		background-position: bottom center;
	}
}



#text {
	background-color: black;
}


div.back-board-colors {
	overflow: hidden;
	width: 100%;
}

div.back-board-colors img,
div.non-latin-back-board-colors img {
	aspect-ratio: 1 !important;
	max-width: 14%;
}

div#modalImage {
	background: black;
}

div.size-box * {
	font-size: .65rem;
}



@media screen and (max-width: 340px) {
	ul.font-image-container li span {
		scale: 0.65;
	}
}

@media screen and (max-width: 400px) {

	.total-section {
		padding: 1em 0.8em;
		margin: 0;
	}

	span.total_sel_price {
		font-size: 1.5rem;
	}

	.tot_price_sec {
		padding: 0.51em;
	}
}


@media screen and (max-width: 300px) {
	#size_table {
		display: flex;
		flex-direction: column;
	}

	.size-box {
		width: 100%;

	}
}

@media screen and (max-width: 500px) {

	.custom.body_m,
	.make_style_form {
		margin-top: 1rem;
	}

	.form-group.plug_style {
		display: flex;
		flex-direction: column;
		gap: 0.8rem;
	}

	.form-group.plug_style>.dropdown {
		width: 90%;
		margin: 0;
		padding: 0;
	}

	.form-group.plug_style>.dropdown>.btn {
		padding: 0.5rem;
		display: flex;
		justify-content: space-between;
		align-content: center;
	}


	.make_style_form div.size-box {
		padding: 0.3em 0.2em;
	}

	.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated {
		padding: 0;
	}

	ul#size_table {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 98%;
		gap: 0.3rem;
		padding: 0;
		margin: .81rem auto;
	}

	ul#size_table .size-box {
		width: 100%;
		margin: 0;
	}


	ul#size_table .col-xs-7 * {
		font-size: 0.6rem;
	}


	ul#size_table .s_price {
		font-size: .91rem;
	}

	ul#size_table .size-name {
		font-size: 0.7rem;
	}
}

/* 

ul#size_table {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

ul#size_table >div {
    width: 95%;
} */

span.no-price-message {
	word-break: keep-all;
	font-size: 0.65rem !important;
}



div#text.rgb::before {
	display: flex;
	justify-content: center;
	align-items: center;
	content: "RGB";
	color: white !important;
	text-shadow: 1px 1px 1px black;
	font-family: sans-serif;
	position: absolute;
	letter-spacing: 5px;
	font-size: 18px;
	font-size: 20%;
	font-weight: 400;
	top: 5px;
	line-height: 1.5 !important;
	text-shadow: none;
	/* aspect-ratio: 1; */
	width: auto;
	padding: 0 5px;
	background: linear-gradient(#ff6200, magenta, blue, green, yellow) !important;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fdfdfd;
}




.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	/* padding: 1% !important; */
	background: #00000073;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	transition: all 0.35s ease-in;
}

.modal.is-visible {
	visibility: visible;
	opacity: 1;
}

.modal-dialog {
	position: relative;
	/* max-width: 1000px; */
	max-height: max-content;
	overflow: auto;
	border-radius: 5px;
	background: white;
	cursor: default;
	box-shadow: 0 0 20px gray;
	/* margin: 0rem auto !important; */
	border: none;
	width: 100%;
}

.modal-dialog>* {
	/* padding: 1rem; */
}

.modal-header,
.modal-footer {
	background: white;
}

.modal-header {
	display: flex;
	justify-content: space-between;
	padding: .51rem;
}

.modal-header .close-modal {
	font-size: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1;
	background: white;
	border: none;
	color: black;
}

.modal p+p {
	margin-top: 1rem;
}



header.modal-header .close-modal {
	margin-left: auto;
	color: black !important;
	min-height: 0 !important;
	padding: 10px;
}


section.modal-content {
	overflow: auto;
	border-radius: 0;
	border: none;
	box-shadow: none;
	overflow: auto;
	padding: 10px;
}


.mcs-item img {
	aspect-ratio: 1;
	object-fit: cover;
}

.body_m .col-md-3-5 * {
	/* transition: all 0.1s ease !important; */
}




.lds-ring {
	display: inline-block;
	position: relative;
	width: max-content;
	height: max-content;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	border: .2em solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


button#gotocheckout .loading>div {
	height: 20px;
	width: auto;
	aspect-ratio: 1;
}

button#gotocheckout .loading {
	display: none;
}


.disabled {
	cursor: not-allowed;
	opacity: .65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	pointer-events: none;
}

.size-name {
	width: max-content;
}


.back-board-colors-selected-text {
	color: blue !important;
	padding: 0 1em;
}


.lb-next,
.lb-prev {
	opacity: 0;
	display: none !important;
}


div#content>div>div {
	padding: 0 !important;
}

.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-026ff8f .elementor-widget-wrap {
	padding: 0 !important;
}

div#content {
	padding-top: 0 !important;
}

.modal-content form {
	/* max-width: 95%; */
	margin: auto;
	padding: 0;
}

.modal-dialog .row>div {
	/* margin: 0 !important; */
	/* width: 100% !important; */
	/* padding: 5px 0; */
}

@media screen and (max-width: 501px) {
	.modal-dialog .row>div {
		margin: 0 !important;
		width: 100% !important;
		padding: 5px 0;
	}

	.modal-dialog .row>div {
		margin: 0 !important;
		/* width: 100% !important; */
		padding: 5px;
	}
}


.modal-dialog .row {
	margin: 0 !important;
	width: 100% !important;
}

.modal-dialog textarea {
	height: 200px;
}

div#masthead {
	padding: 0 15px;
}


.col-inner .container,
.convert_your_logo_idea .container {
	max-width: 100%;
}



.section-content{
	z-index:unset !important;
}


.header-inner.flex-row.container.logo-left.medium-logo-center {
    width: unset !important;
}



.nav-vertical>li {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}