/* CSS Document */logo

.main-content {
    min-height: 75vh;
}

label{
    font-size:14px;
    color: #848484;
    font-weight: bold;
}

.nav-logo{
	height: 70px;
}

.hero-search-form .tab-content .tab-pane {
    padding: 35px;
    background-color: rgb(33 57 145 / 0.6);
}

.single-post {
    box-shadow: 1px 1px 3px #e2e2e2;
}

.btn-xs{
    padding: 8px;
    line-height: 1;
    height: auto;
}

.custom-btn {
	cursor: pointer;
    min-width: 180px;
    height: 52px;
    background-color: #EE2D30;
    border-color: #EE2D30;
    border-radius: 0;
    padding: 0 15px;
    line-height: 50px;
    color: #fff !important;
    font-weight: 600;
    font-size: 15px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

/*-------------------*/

.category-btn {
	display: table;
	text-align: center;
    min-width: 180px;
    /* height: 52px; */
    background-color: #EE2D30;
    border-color: #EE2D30;
    border-radius: 0;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 15px 10px;
}

.category-btn-span {
	display: table-cell;
	vertical-align: middle;
}

.category-btn:hover {
    background-color: #EC1317 !important;
    border-color: #EC1317 !important;
    color: #fff;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.category-selection .category-btn-contain:nth-child(odd) .category-btn {
    background-color: #213991;
    border-color: #213991;
}

.cat-heading-spit{
	color: #ec008b;
}

/*-------------------*/

.btn-wrap-text {
	white-space: normal !important;
	word-wrap: break-word !important;
}

.hero-search-form form .select2-selection {
    height: 52px;
    border-radius: 0;
    padding: 0 80px 0 40px;
    color: #72728c;
    font-size: 12px;
    font-weight: 600;
    border: none;
    /*margin-right: 10px;*/
	background: #fff;
}

/*------- owl-carousel ----------*/

.owl-carousel .owl-item .lead-slide {
    width: 600px;
    height: auto;
    margin: 0 auto;
}

.owl-dot:after {
    content: "\f111";
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
	color: #848484;
}

.owl-dot.active:after {
    content: "\f192";
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
	color: #e50589;
}

.owl-dots {
    width: fit-content;
    margin: 15px auto;
    display: block;
}

.owl-dot {
    display: inline;
	padding: 5px;
}

/*------- SELECT2 ----------*/

.hero-search-form form .select2-container--default .select2-selection--single .select2-selection__rendered  {
	line-height: 50px;
}

.hero-search-form form  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 15px;
    width: 55px;
}

.catDropdown {
    font-size: 12px;
}

.catDropdown .select2-results__options::-webkit-scrollbar {
	width: 10px;
}

.catDropdown .select2-results__options::-webkit-scrollbar-track {
	background: #f1f1f1; 
}

.catDropdown .select2-results__options::-webkit-scrollbar-thumb {
	background: #7d7c7d; 
    border-radius:10px;
}
.catDropdown .select2-results__options::-webkit-scrollbar-thumb:hover {
	background: #ec018b; 
} 

/*.catDropdown .select2-results > .select2-results__options{
	max-height: unset !important;
}*/

/*--- Registration Page ---*/

.selected.card{
    border-color: #eb008b;
}

.selected .card-header{
	background: #ffd9ef;
	border-bottom: 1px solid #eb008b;
}

.selected .package-selector{
	color: #eb008b !important;
}

.selected .package-selector:after {
    content: '\f058';
    font-family: 'FontAwesome';
}

#sameAddress{
	width: 17px;
    height: 17px;
}

.form-check > label, .form-check > input{
	cursor: pointer;
}

/*-- --*/

.packages .listing-box:hover,
.packages .sq-box:hover,
.packages .lead-box:hover,
.filter-box:hover{
    border-color: #eb008b;
    background: #fff0f9;
    cursor: pointer;
}

.packages .listing-box.selected,
.packages .sq-box.selected,
.packages .lead-box.selected,
.filter-box.selected{
    border-color: #eb008b;
    background: #ffd9ef;
}

.packages .listing-box:hover > .listing-box-header
.packages .sq-box:hover > .sq-box-header
.packages .lead-box:hover > .lead-box-header{
	background: #ffd9ef;
	/*border-bottom: 1px solid #eb008b;*/
}

.packages .card:hover > .card-body .package-selector{
	color: #eb008b ;
}

.test-purple{
    color: #7643ea;
}

#package-selected > li{
    list-style: disc;
    margin-left: 30px;
}

/* .packages, .packages, .packges-header{
    display: none;
} */

/* .card-data{
    position: relative !important;
    top: 50%;
    transform: translateY(-50%);
} */

/* @media screen and (max-width: 768px) {
    .card-data{
        top: unset;
        transform: unset;
    }
} */

/*--------------Ribbon-------------------*/

.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.ribbon-wrapper .ribbon {
    font-size: 12px;
    color: #333;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 7px 0;
    top: 15px;
    left: -30px;
    width: 120px;
    color: #fff;
    /* background: linear-gradient(250deg, rgb(249, 0, 0) 40%, rgb(155, 0, 0) 100%); */
    /* background: linear-gradient(315deg, rgb(249, 0, 0) 40%, rgb(255, 166, 166) 67%, rgb(249, 0, 0) 100%); */
    background: linear-gradient(315deg, rgb(249, 0, 0) 45%, rgb(255, 136, 136) 65%, rgb(249, 0, 0) 85%);
    
}

.filter-box .ribbon-wrapper .ribbon{
    padding: 3px 0;
    top: 7px;
    left: -20px;
    width: 80px;
}

/*--------------UL Styles-------------------*/

section .non-list {
    padding: 0;
    margin: 0;
}

section .non-list li{
    list-style: none;
}

.list-styled{
    padding-left: 40px;
    margin-bottom: 15px;
}

.list-styled li{
    list-style: disc;
    color: #848484;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

/*-- Regsitration Page --*/

.sq-info-box{
    width: 60px;
    aspect-ratio: 1/1;
    background: #6bb9d0;
}

.lead-info-box{
    width: 120px;
    aspect-ratio: 2/1;
    background: #6bb9d0;
}

#packages .card, .package-selector{
	cursor: pointer;
}

/*#packages .card:hover > .card-body .package-selector:after{
	content: '\f058';
    font-family: 'FontAwesome';
}*/

.getSummary{
    cursor: pointer;
}

.package-selector:after{
	content: '\f111';
	font-family: 'FontAwesome';
}

.package {
 	position: absolute;
	opacity: 0;
	display: none;
}

.package-selector{
	transition: 300ms;
	font-size: 24px;
}

.package-selector.invalid, .package-selector.is-invalid {
    transition: 300ms;
    font-size: 24px;
    /*border: 3px solid #9a9a9a;*/
	/*animation: border-pulsate 1.5s infinite;*/
	animation: color-pulsate 1.5s infinite;
	filter: drop-shadow(0px 0px 0px red);
	/*color: red;*/
    padding: 2px;
    margin: 0px;
    line-height: 25px;
    border-radius: 15px;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 33%;
    float: left;
    position: relative;
	text-align: center;
}

#progressbar #package:before {
    font-family: 'FontAwesome';
    content: "\f49e"
}
	
#progressbar #company:before {
    font-family: 'FontAwesome';
    content: "\f1ad"
}

#progressbar #personal:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f007"
}

#progressbar #payment:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f09d"
}

#progressbar #confirm:before {
    font-family: 'FontAwesome';
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: skyblue
}

/* Mark input boxes that gets an error on validation: */
input.invalid, select.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  opacity: 1;
}

lable.package-selector input.invalid:parent {

	color: red;
	
}

/*
.single-catagory-area {
	background-color: #e265af;
}

.sticky .header_area {
    background-color: rgb(53 54 58 / 0.8);
}*/

/*----- SweetAlerts2 -----*/

.swal2-content{
    color: #848484;
}

/*----- Info Center -----*/
.media-tags, .media-tags a{
    font-size: 12px;
    color: #868e96;
}

.media-tags a:hover{
    color: #00adef;
}

.media-tags i{
    font-size: 11px;
}

.media-tags ul li {
    display: inline-block;
    padding-right: 10px;
}

/*----- Videos -----*/
.video-content{
    background-color: #00adef;


}
.feature-video-content h5{
    color: #fff;
    margin-bottom: 0;
    
}

.feature-video-content{
    position: relative;
    z-index: 2;
    padding: 13px 15% 13px 17px;
}

/*----- ANIMATIONS -----*/

@keyframes border-pulsate {
    0%   { border-color: rgba(234, 2, 139, 1); }
    50%  { border-color: rgba(234, 2, 139, 0); }
	100%   { border-color: rgba(234, 2, 139, 1); }
}

@keyframes color-pulsate {
    0%   { 
		color: rgba(245, 0, 0, 1);
		filter: drop-shadow(0px 0px 5px red);
	}
    50%  { 
		color: rgba(245, 10, 10, 1); 
		filter: drop-shadow(0px 0px 1px red);
	}
	100%   { 
		color: rgba(245, 0, 0, 1); 
		filter: drop-shadow(0px 0px 5px red);
	}
}

/*-------------- Square Banner Adds --------------*/

#left_float_banner{
	left: 0px;
	position: fixed;
	text-align: center;
	top: 20vh;
	z-index: -10;
	/*width: 200px;*/
    margin-left: 10px;
	/*padding: 25px;*/
}

#right_float_banner{
	right: 0px;
	position: fixed;
	text-align: center;
	top: 20vh;
	z-index: -10;
	/*width: 200px;*/
    margin-left: 10px;
	/*padding: 25px;*/
}

#left_float_banner .sidebar_banner li {
    margin: 15px 0px;
}

/*------------------------------- Pager --------------------------------------*/
.page-link {
    color: #ffffff;
    background-color: #eb008b;
    border: 1px solid #fff;
}

/*------------------------------- Give us a Call --------------------------------------*/

#contact-num{
    display: none;
    background: #c8f0ff;
    padding: 10px;
    border: 1px solid #00adef;
    border-radius: .25rem;
}

/*------------------------------- Category Quote Request --------------------------------------*/

.cat-quote-req{
    height: auto;
    padding: 10px 15px;
    line-height: 30px;
}

/*----------------------------------------------------------------------------*/

@media screen and (max-device-width : 425px){ 
	
	#left_float_banner, #right_float_banner{
		display: none;
	}
	
}

@media screen and (max-device-width : 768px){ 
	
	.sidebar_banner img{
		padding: 15px !important;
	}
	
	#left_float_banner, #right_float_banner{
		padding: 0px;
	}
	
}
	
@media screen and (max-device-width : 1024px){ 

    .nav-logo {
        width: 160px;
    }
	
	.sidebar_banner{
		display: flex;
	}
	
	.sidebar_banner li{
		display: inline-block;
	}
	
	.sidebar_banner img{
		padding: 25px
	}

    .sidebar_banner img{
		padding: 30px;
	}
	
	#left_float_banner, #right_float_banner{
		position: relative;
		width: 100%;
		top: unset;
		left: unset;
	}

}

@media screen and (min-device-width : 1024px) and (max-width : 1224px){ 

    .listings-area .container {
        width: 70vw !important;
    }

    #left_float_banner, #right_float_banner{
		width: 160px;
	}

}

/* Desktops and laptops ----------- */
@media screen and (min-width : 1224px) {
	
    .listings-area .container {
        width: 70vw !important;
    }

    #left_float_banner, #right_float_banner{
		width: 175px;
	}
	
}

/* video aspect ratio */
.video_container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
  }
  
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
  }