/* General */
.font-eurostile {
	font-family: 'eurostileregular';
}

.font-signpainter-housescriptrg {
	font-family: 'signpainter_housescriptRg';
	font-size: 3.5rem;
}

.bg-primary-over {
	background-color: #2D7BF3 !important;
	bottom: 30% !important;
}

.bg-grey {
	background-color: grey !important;
	bottom: 10% !important;
	top: -11% !important;
}

.bg-black-white {
	background: linear-gradient(grey, black);
	border: 2px solid #fff;
}

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

#top-bar {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background: white;
	z-index: 20;
}

.section-video-container {
	position: relative;
}

.video-content {
	position: absolute;
	right: 0;
	left: 0;
}

.box {
	text-align: center;
	padding: 20px;
}

.box.box-shadow {
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
}

.box.box-primary {
	background: rgba(24, 104, 243, 0.7);
	border: 5px solid white;
}

.box.box-secondary {
	font-size: 5rem;
	background: white;
	color: #2D7BF3;
	border-top: 5px solid #AC7DFF;
	border-bottom: 5px solid #AC7DFF;
}

.box.box-red {
	background-color: #D91500;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
}

.font-weight-semi-bold {
	font-weight: 500 !important;
}

.toggle {
	display: inline-flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	flex-shrink: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

.toggle .btn-toggle {
	background: #A6AAA9;
	font-size: 5rem;
	color: #919191;
	border: 8px solid #919191;
	height: 125px;
	width: 125px;
}

.toggle .btn-toggle:hover {
	background: #552d96;
	color: white;
	border: 8px solid white;
}

.toggle input {
	display: none;
}

.mb_checkbox:checked + label {
	background: #AC7DFF;
	color: white;
	border: 8px solid white;
}

/* .toggle .content {
	display: none;
} */
/* GREEN BUTTONS */

#nextPage-btn {
	position: fixed;
	bottom: 7vh;
	right: 5vw;
	transform: scale(0);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 0.375rem;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	opacity: 0;
	color: #fff;
	background: #31c77f;
	border: 0px solid #fff;
	will-change: transform;
	z-index: 10;
	transition: .2s;
}

#nextPage-btn:hover {
	background: #fff;
	border-color: #31c77f;
	color: #31c77f;
}

.btn-success:hover {
	border-color: transparent !important;
	color: #31c77f !important;
}

#nextPage-btn.show {
	transform: scale(1);
	opacity: 1;
	transition: all 0.2s, transform 0.2s cubic-bezier(0.5, 0, 1, 2);
}

#backPage-btn {
	position: fixed;
	top: 20vh;
	left: 5vw;
	transform: scale(0);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 0.375rem;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	opacity: 0;
	color: #fff;
	background: linear-gradient(#70BF41, #00882B);
	border: 2px solid #fff;
	will-change: transform;
	z-index: 10;
	transition: .2s;
}

#backPage-btn:hover {
	background: #fff;
	border-color: #fff;
	color: #2D7BF3;
}

#backPage-btn.show {
	transform: scale(1);
	opacity: 1;
	transition: all 0.2s, transform 0.2s cubic-bezier(0.5, 0, 1, 2);
}

#share-fb {
	position: fixed;
	bottom: 4rem;
	/* bottom: 7vh; */
	left: 5vw;
	transform: scale(0);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	opacity: 0;
	will-change: transform;
	z-index: 10;
	transition: .2s;
	color: #2D7BF3;
}

#share-fb:hover,
#like-fb:hover {
	opacity: 0.7;
}

#share-fb.show,
#like-fb.show {
	transform: scale(1);
	opacity: 1;
	transition: all 0.2s, transform 0.2s cubic-bezier(0.5, 0, 1, 2);
}

#like-fb {
	position: fixed;
	bottom: 7rem;
	/* bottom: 15vh; */
	left: 5vw;
	transform: scale(0);
	opacity: 0;
	will-change: transform;
	z-index: 10;
	transition: .2s;
}

.footer .logo img {
	height: 49px;
	width: 200px;
}

.snackbar.active {
	top: 20vh;
}

/* Button */
.btn-shadow {
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

/* Text Colors*/
.text-black {
	color:rgba(0, 0, 0);
}

/* Custom CTA FORM Input */
.text-cta-form label {
  position: relative;
  display: block;
}
.text-cta-form label input {
  box-sizing: border-box;
  display: block;
  border: none;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.text-cta-form label input::-webkit-input-placeholder {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #999;
  font: 18px Helvetica, Arial, sans-serif;
}
.text-cta-form label input::-moz-placeholder {
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #999;
  font: 18px Helvetica, Arial, sans-serif;
}
.text-cta-form label input:-ms-input-placeholder {
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #999;
  font: 18px Helvetica, Arial, sans-serif;
}
.text-cta-form label input::-ms-input-placeholder {
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #999;
  font: 18px Helvetica, Arial, sans-serif;
}
.text-cta-form label input::placeholder {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #999;
  font: 18px Helvetica, Arial, sans-serif;
}
.text-cta-form label input:focus, .text-cta-form label input.populated {
  padding-top: 28px;
  padding-bottom: 12px;
}
.text-cta-form label input:focus::-webkit-input-placeholder, .text-cta-form label input.populated::-webkit-input-placeholder {
  color: transparent;
}
.text-cta-form label input:focus::-moz-placeholder, .text-cta-form label input.populated::-moz-placeholder {
  color: transparent;
}
.text-cta-form label input:focus:-ms-input-placeholder, .text-cta-form label input.populated:-ms-input-placeholder {
  color: transparent;
}
.text-cta-form label input:focus::-ms-input-placeholder, .text-cta-form label input.populated::-ms-input-placeholder {
  color: transparent;
}
.text-cta-form label input:focus::placeholder, .text-cta-form label input.populated::placeholder {
  color: transparent;
}
.text-cta-form label input:focus + span,
.text-cta-form label input.populated + span,
.text-cta-form label input:focus + span + .label,
.text-cta-form label input.populated + span + .label {
  opacity: 1;
  top: 10px;
}
.text-cta-form label span.label {
  color: #2D7BF3;
  font: 13px Helvetica, Arial, sans-serif;
  position: absolute;
  top: 0px;
  left: 20px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.text-cta-form input[type="submit"] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font: 18px Helvetica, Arial, sans-serif;
  border: none;
  background: #2D7BF3;
  color: #fff;
  padding: 16px 40px;
}

/* Pricing Table */
.pricing-layout .nav-tabs,
.custom-tabs-layout .nav-tabs {
	border-bottom: none;
}

.pricing-layout h4,
.custom-tabs-layout h4 {
	color: white;
}

.pricing-layout a,
.custom-tabs-layout a {
	color: white;
}

.pricing-layout a:hover,
.custom-tabs-layout a:hover {
	color: rgba(255, 255, 255, 0.7);
}

.pricing-layout .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.custom-tabs-layout .nav-tabs .nav-link.active {
	color: white;
	background-color: initial;
	border:	none;
	border-bottom: 5px solid #AC7DFF ;
}

.pricing-layout .nav-tabs .nav-link:hover,
.custom-tabs-layout .nav-tabs .nav-link:hover, 
.nav-tabs .nav-link:focus {
	border: initial;
	border-bottom: 5px solid rgba(125, 46, 255, 0.5);
}

.pricing-layout .pricing-content {
	color: white;
}
.pricing-layout .btn-buy {
	color: white;
	background: #D91500;
}

.pricing-layout .cart {
	background: #e2e1e2;
	padding: 20px;
}

/* Cart */
.cart {
	font-family: sans-serif;
	/* position: sticky; */
	top: 130px;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
}

.cart .quantity,
.order-details .quantity {
	width: 150px;
	height: 50px;
	margin: auto 0;
	padding: 0;
	border: 0;
	border-right: 1px solid #333;
	background: rgba(0, 0, 0, 0.5);
	font-size: 1.5em;
	line-height: 75px;
	text-align: center;
	color: #fff;
}

.cart input[type=checkbox] {
	margin: 10px;
	width: 2em;
  height: 2em;
}

.cart a {
	color: #2D7BF3;
}
.cart a:hover {
	color: #552d96;
}

.cart #checkout-btn {
	color: white;
}

.cart #checkout-btn:hover {
	color: #00882B;
}

/* Contact Form */
.sumo-contact-form {
	box-shadow: 2px 2px 7px 0px #00000077;
background-color: white;
margin: 40px;
padding: 20px;
border-radius: 5px;
}

.sumo-contact-form-input {
	width: 100%;
padding: 10px;
border: 0px;
border-bottom: 2px solid #0079D0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin: 10px 0px;
}

/* Contact Form */
.sumo-contact-cta-section {
	margin-top: -8px;
}

.sumo-contact-cta-form {
	border: 5px solid #0079D0;
	padding: 3rem;
}

.sumo-contact-cta-form input {
	border-radius: 50px;
	background: white;
}

.sumo-contact-cta-form input:focus {
	border: 2px solid #0079D0;
}

.sumo-contact-cta-form label {
	color: white;
	font-weight: 700;
	font-size: 2rem;
}

.sumo-contact-cta-form .contact-cta-submit-btn {
	border-radius: 50px;
}

.sumo-contact-cta-form .form-validation {
	top: inherit !important;
}

#exit-popup {
	border: 10px solid white;
}

#exit-popup-form .exit-column {
	border: 10px solid white;
	padding: 20px;
}

.white-popup {
  position: relative;
  background: #FFF;
  /* padding: 20px; */
  width: auto;
  max-width: 480px;
  margin: 20px auto;
}
.white-popup > * {
	margin-top: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/* Tools Table */
.market-table .column-header {
	width: 50%;
}

.iframe-container iframe {
	width: 100%;
	height: 1080px;
}

#results-table td,
#results-table th {
	width: 20%;
}

/* Live Chat Popup */
.chat-popup-transition {
	transition:all 0.5s ease;
}
  
#chat-popup {
	background: white;
	border: 1px solid #d0d3d6;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	bottom: -440px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	float: left;
	/* height: 223px; */
	margin: 0 auto;
	right: 60px;
	position: fixed;
	text-align: center;
	width: 300px;
	z-index: 100;
}
  
#chat-popup.open-chat {
  bottom: -1px;
}
  
#chat-label {
	background: #2D7BF3;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	height: 40px;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
  
#chat-label.open-chat-label {
  background: #2D7BF3;
  height: 65px;
}

/* Blog Posts */
.blog-posts .post-title a:hover {
	color: #552d96;
}

.blog-posts .post-text,
.blog-posts .post-meta {
	color: white;
}

.blog-posts .post-img-link img {
	object-fit: cover;
	height: 300px;
}

/* Pricing Slider */
.pricing-slider .owl-text {
	position: absolute;
	top: 35%;
	width: 100%;
	text-align: center;
	font-size: 2rem;
	color:  #181B4C;
	text-shadow: 2px 2px grey;
	font-size: 48px;
}

.pricing-slider .owl-carousel .owl-prev,
.pricing-slider .owl-carousel .owl-next {
	/* background-color: #00000066; */
	font-size: 35px;
	color: #fff;
	transition: .3s;
}

.pricing-slider .owl-carousel .owl-prev {
	float: left;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pricing-slider .owl-carousel .owl-next {
	float: right;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pricing-slider .owl-nav {
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0 -15px;
}

.pricing-slider .owl-style-2 .owl-stage-outer {
	margin: initial;
	padding: 0 20px;
}

.pricing-slider .owl-carousel .owl-nav {
	margin-top: 1rem;
}

#terms-checkbox {
	margin: 10px;
	width: 1em;
	height: 1em;
}

/* Styles for dialog window */
#terms-popup {
	padding: 20px 30px;
	text-align: left;
	max-width: 880px;
	margin: 40px auto;
	position: relative;
	font-family: 'Montserrat';
}

#terms-popup p{
	line-height: 1.25em;
}

/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 

	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

/* Responsive Mode */
@media (min-width: 425px){
	
}

@media (max-width: 576px) {
	
	.main-section {
		margin-top: 30px !important;
	}
	.box.box-secondary {
		font-size: 2.5rem;
	}
}

@media (min-width: 768px) {
	#chat-popup {
		bottom: -467px;
	}

	.iframe-container iframe {
		width: 100%;
		height: 540px;
	}
}

@media (min-width: 992px) {
    
}

@media (min-width: 1200px) {
	#chat-popup {
		bottom: -525px;
		width: 400px;
	}
}

#social-link-popup {
	display: none;
}

.bottom-navigation a {
	font-size: 1rem;
	color: white !important;
}

.main-section {
	margin-top: 80px;
}

.main-section-padding {
	padding-top: 9rem;
	padding-bottom: 9rem;
}

.social-link {
	color: #2D7BF3;
}

.the-list{
	margin-top: 1.25rem;
}

.the-list ul li p{
	margin: 0;
}

.the-list ul li p:first-child{
	margin-right: 5px;
}

#locations-bar {
	font-weight: bold;
}

#locations-bar a,
#locations-bar a:visited,
#locations-bar span {
	color: #fff;
}

#locations-bar span::after {
	padding: 0 1rem;
}

#locations-bar .location-item::after {
	content: "-";
}

#locations-bar .location-item:last-child::after {
	content: "";
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
	margin-bottom: 30px;
  }
  .portfolio #portfolio-flters {
	padding: 0;
	margin: 0 auto 35px auto;
	list-style: none;
	text-align: center;
	background: #fff;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
	border-radius: 50px;
	padding: 8px 20px;
  }
  .portfolio #portfolio-flters li {
	cursor: pointer;
	display: inline-block;
	padding: 10px 15px 8px 15px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	color: #444444;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
  }
  .portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
	color: #1bac91;
  }
  .portfolio #portfolio-flters li:last-child {
	margin-right: 0;
  }
  .portfolio .portfolio-wrap {
	transition: 0.3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
  }
  .portfolio .portfolio-wrap::before {
	content: "";
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 30px;
	right: 30px;
	top: 30px;
	bottom: 30px;
	transition: all ease-in-out 0.3s;
	z-index: 2;
	opacity: 0;
  }
  .portfolio .portfolio-wrap .portfolio-info {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	z-index: 3;
	transition: all ease-in-out 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  }
  .portfolio .portfolio-wrap .portfolio-info::before {
	display: block;
	content: "";
	width: 48px;
	height: 48px;
	position: absolute;
	top: 35px;
	left: 35px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	transition: all 0.5s ease 0s;
	z-index: 9994;
  }
  .portfolio .portfolio-wrap .portfolio-info::after {
	display: block;
	content: "";
	width: 48px;
	height: 48px;
	position: absolute;
	bottom: 35px;
	right: 35px;
	border-bottom: 3px solid #fff;
	border-right: 3px solid #fff;
	transition: all 0.5s ease 0s;
	z-index: 9994;
  }
  .portfolio .portfolio-wrap .portfolio-info h4 {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
  }
  .portfolio .portfolio-wrap .portfolio-info p {
	color: #ffffff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
  }
  .portfolio .portfolio-wrap .portfolio-links {
	text-align: center;
	z-index: 4;
  }
  .portfolio .portfolio-wrap .portfolio-links a {
	color: #fff;
	margin: 0 2px;
	font-size: 28px;
	display: inline-block;
	transition: 0.3s;
  }
  .portfolio .portfolio-wrap .portfolio-links a:hover {
	color: #4ae3c6;
  }
  .portfolio .portfolio-wrap:hover::before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
  }
  .portfolio .portfolio-wrap:hover .portfolio-info {
	opacity: 1;
  }
  .portfolio .portfolio-wrap:hover .portfolio-info::before {
	top: 15px;
	left: 15px;
  }
  .portfolio .portfolio-wrap:hover .portfolio-info::after {
	bottom: 15px;
	right: 15px;
  }
  
  /*--------------------------------------------------------------
  # Portfolio Details
  --------------------------------------------------------------*/
  .portfolio-details {
	padding-top: 40px;
  }
  .portfolio-details .portfolio-details-slider img {
	width: 100%;
  }
  .portfolio-details .portfolio-details-slider .swiper-pagination {
	margin-top: 20px;
	position: relative;
  }
  .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background-color: #fff;
	opacity: 1;
	border: 1px solid #1bac91;
  }
  .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #1bac91;
  }
  .portfolio-details .portfolio-info {
	padding: 30px;
	box-shadow: 0px 0 30px rgba(33, 65, 60, 0.08);
  }
  .portfolio-details .portfolio-info h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
  }
  .portfolio-details .portfolio-info ul {
	list-style: none;
	padding: 0;
	font-size: 15px;
  }
  .portfolio-details .portfolio-info ul li + li {
	margin-top: 10px;
  }
  .portfolio-details .portfolio-description {
	padding-top: 30px;
  }
  .portfolio-details .portfolio-description h2 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 20px;
  }
  .portfolio-details .portfolio-description p {
	padding: 0;
  }