*{font-family: Montserrat, Arial, sans-serif}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .1s ease !important;
       -o-transition: height .1s ease !important;
          transition: height .1s ease !important;
}

#carouselIndicators{
	/*padding: 10px;*/
    /*margin-top: 15px;*/
    box-sizing: border-box;
    /*border: 1px solid #dee2e6;*/
}

body{
	background: url('/assets/img/just-waves15.png');
}

.navbar-light .navbar-toggler{
	border: none;
}

.navbar-toggler{

}

.display-6{
	font-size: 1.8rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 10px;
}

footer {
    margin-top: 100px;
    background: #7ac9a9;
    color: #fff;
    background: rgb(131, 208, 176);
    background: -moz-linear-gradient(-45deg, rgb(65,214,163) 0%, rgb(52, 201, 234) 100%);
    background: -webkit-linear-gradient(-45deg, rgb(142, 208, 181) 0%,rgb(52, 201, 234) 100%);
    background: linear-gradient(-183deg, rgb(135, 208, 178) 0%,rgb(52, 201, 234) 100%)
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41d6a3', endColorstr='#34c9ea',GradientType=1 );
}

footer a{
	color:#fff!important;
}

footer .social_icons{
	font-size: 35px;
}

footer .social_icons .fab{
    -webkit-transition: all ease-out 500ms;
    -moz-transition: all ease-out 500ms;
    -o-transition: all ease-out 500ms;
    transition: all ease-out 500ms;
}

footer .social_icons a{
	text-transform: none;
	color:#fff;
}

footer .social_icons .fab:hover{
	transform: scale(1.2);
}

.text-white{
	color:#fff;
}

.display-5 {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 18px;
}

.product_code{
	color: #bbb;
}

.product_image{
	width: 100%;
	height: 650px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding:10px;
	border: 1px solid #dee2e6;
}

.list-unstyled{
	font-weight: 300;
	font-size: 13px;
}

.h5, h5 {
    font-weight: 400;
}

nav{
	position: relative;
}

.nav-tabs .nav-link{
	color: #333;
}

.lead{
	margin-bottom: 0;
}

.product_social .fab{
	font-size: 30px;
}

.breadcrumbs{
	font-size: 13px;
    color: #333;
}

.breadcrumbs a{
	color: #333;
}

.breadcrumbs .fas{
	color:#9a9a9a;
	margin: 0 10px;
}

.section_product, .hp_product{
	padding:10px;
	box-sizing: border-box;
    border: 1px solid #dee2e6;
    background: #fff;
}

.section_product_image, .hp_product_image{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 250px;
}

.section_product_name_alignment, .hp_product_name_alignment{
	height: 50px;
	vertical-align: middle;
	display: inline-block;
}

.section_product_name, .hp_product_name{
    color: #333;
    vertical-align: middle;
	display: inline-block;
    align-items: center;
}


.section_product a, .hp_product a{
	text-decoration: none;
}

.carousel-indicators li{
	background-color: rgb(184, 229, 211);
}

.carousel-indicators .active{
	background-color: #63c199;
}

#nav-tabContent{
	min-height: 200px;
    background: #fff;
    padding: 15px;
    border: 1px solid #dee2e6;
    border-top: none;
}

.submenu {
    background: #fff;
    width: 500px;
    height: 200px;
    border: 1px solid #62c7da;
    display: none;
    position: absolute;
    top: 42px;
    left: 70px;
    z-index: 300;
    box-shadow: 0 7px 15px rgba(197, 170, 131, 0.6);
}

.submenu:hover{
	display: block!important;
}

.categories_selector{
	width: 100%; margin-bottom: 50px; margin-top: 30px;
}

.submenu a, .categories_selector a{
	text-decoration: none;
	color:#333;
}


.btn-secondary {
    color: #fff;
    background-color: #62c7da;
    border-color: #62c7da;
}

.caret_indicator{
	position: absolute;
    left: calc(50% - 20px);
    width: 40px;
    top: -18px;
}



.location_address_wrapper {
	position: relative;
	border-top: 1px solid #c5aa81;
	width: 70%;
	height: 200px;
	margin: 0 auto;
	margin-top: -100px;
	background: #fff;
	padding:20px;
	margin-bottom: 50px;
	background: linear-gradient( to bottom, white, white, rgba(255, 255, 255, 0) );
}
.location_address_wrapper:before, .location_address_wrapper:after {
  content: "";
  position: absolute;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c5aa81), to(transparent));
  background-image: -webkit-linear-gradient(#c5aa81, transparent);
  background-image: -moz-linear-gradient(#c5aa81, transparent);
  background-image: -o-linear-gradient(#c5aa81, transparent);
  background-image: linear-gradient(#c5aa81, transparent);
  top: -1px;
  bottom: -1px;
  width: 1px;
}
.location_address_wrapper:before {
  left: -1px;
}
.location_address_wrapper:after {
  right: -1px;
}
.location_address_wrapper .fas{
	vertical-align: top;
	width: 25px;
	padding-top: 3px;
}
.location_address_wrapper a{
	color: #333;
}
.address{
	display: inline-block;
	vertical-align: top;
    margin-left: 10px;
}

.btn-buy{

}

.related_products_wrapper a,.related_products_wrapper a:hover{
	text-decoration: none;
}
.related_product{
	display: inline-block; width: 100%; height: 140px; border: 1px solid #dee2e6; padding: 5px;  background-position: center;background-repeat: no-repeat;background-size: cover;
}

#carouselWithIndicators .carousel-item, #carouselIndicators .carousel-item{
	width: 100%; height: 650px; background-repeat:no-repeat; background-size: cover; background-position: center;
}
#carouselWithIndicatorsBig .carousel-item{
	width: 100%; height: 100%; background-repeat:no-repeat; background-size: cover; background-position: center;
}
#partnersModal .modal-dialog{
	margin-top:250px;
	max-width: 700px;
}










#carouselWithIndicators .carousel-inner .active{
	display: block;
	width: 100%;
	height: 650px;
	border: 1px solid #dee2e6;
	background-size: cover;
	background-color:#fff;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}


#carouselWithIndicatorsBig .carousel-inner .active, #carouselWithIndicatorsBig .carousel-inner, 
#carouselWithIndicatorsBig .carousel-item-left, #carouselWithIndicatorsBig .carousel-item-right,
#carouselWithIndicators .carousel-item-left, #carouselWithIndicators .carousel-item-right,
{
	display: block;
	width: 100%;
	height: 100%; 
	border: 1px solid #dee2e6;
	background-size: cover;
	background-color:#fff;
	background-position: center;
	background-repeat: no-repeat;
}


.thumbnail {
    height: 35px;
    width: 50px;
    border: 2px solid #fff;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    display: inline-block;
}

.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

#slider-thumbs .item{

}

#thumbcarousel{
	text-align: center;
	text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}

#thumbcarousel .thumbnail{
	margin: 0 auto;
	width: 100px; 
	height: 80px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.thumbnail_wrapper{
	display: inline-block;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

#carouselWithIndicators .carousel-item-left,#carouselWithIndicators .carousel-item-right{
	border: 1px solid #dee2e6;
}

.retailer_wrapper a{
	text-decoration: none;
	color: #333;
}

.product_social a{
	color: #c59e68;
	text-decoration: none;
}

.close{
	text-shadow: none;
	color:#fff;
}

.modal-header .close{
	margin:0;
	padding: 3px;
}

.modal-content{
	border: none;
}

.retailer_wrapper{
	padding: 10px;
}

.retailer_content{
	border: 1px solid #eee;
	background-color: #fff;
}

.modal-header{
	background-color:#8ad1b3;
	color:#fff;

	background: rgb(131, 208, 176);
    background: -moz-linear-gradient(-45deg, rgb(65,214,163) 0%, rgb(87, 203, 214) 100%);
    background: -webkit-linear-gradient(-45deg, rgb(142, 208, 181) 0%,rgb(87, 203, 214) 100%);
    background: linear-gradient(-45deg, rgb(135, 208, 178) 0%,rgb(87, 203, 214) 100%) filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41d6a3', endColorstr='#57cbd6',GradientType=1 );
}

.modal-body{
	background-color:#fff;
	background-image: url('/assets/img/just-waves15.png');	
}

.modal-bigCarousel{
	max-width: 80%;
    max-height: 90%;
    height: 100%;
}

.modal-bigCarousel .modal-content{
	width: 100%;
	height: 100%;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #7ac9a9;
    border-radius: .25rem;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #7ac9a9;
}

#bigImageModal .close{
	position: absolute;
    top: 20px;
    z-index: 9999999;
    right: 20px;
    color: #c3a77e;
    text-shadow: none;
    font-size: 30px;
}

.card-header{
	background-color: rgb(229, 251, 242);
}


.about-img-1{
	float: right;
    display: inline-block;
    shape-outside: url(/assets/img/cut1.png);
    shape-margin: 112px;
}

.about-img-2{
	float: left;
    display: inline-block;
}



.btn-tabs {
    color: #fff;
    background-color: #62c7da;
    border: none;
    border-bottom: 1px solid #fff;
    width: 100%;
    border-radius: 0px;
    padding: 8px;
    outline: 0;
    box-shadow: none!important;
    text-align:left;
    padding-left: 20px;
}

.fa-caret-down{
	transition: all 0.5s ease-in-out;
}

.collapsed .fa-caret-down{
	transform: rotate(-90deg);
}
#collapseDesc{
	margin-bottom:20px;
}

.nxt-static-overlay {
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    padding: 20px 30px;
    background: rgba(13, 13, 13, 0.72);
    font-size: 20px;
    line-height: 1.5;
    border-bottom-left-radius: 10px;
    /* width: 60%; */
    box-shadow: 5px 3px 30px black;
    overflow: hidden;
    color: #fff;
}

.nxt-static-overlay-about-us{
    margin: auto;
    z-index: 999;
    padding: 35px 25px;
    background: rgb(63, 184, 150);
    background-color: rgb(63, 184, 150);
    line-height: 1.5;
    border-radius: 5px;
    /* width: 60%; */
    box-shadow: 5px 3px 30px #8abaaa;
    overflow: hidden;
    color: #fff;
    background-image: url(/assets/img/about_us_ncv.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

.footer_partners img{
	width: 80%;
}

@media only screen and (max-width: 992px) {
	.nav-item{
		margin-top:20px;
	}
	.submenu{
		display: none!important;
	}

	.btn-buy{
		width: 100%;
	}
	#carouselWithIndicators .carousel-item, #carouselWithIndicators .carousel-inner .active, #carouselWithIndicators .carousel-inner {
		height: 400px;
	}

	.location_address_wrapper{
		width: 100%;
		margin-top:0px;
	}

	.modal-bigCarousel{
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		height: 100%;
		margin:0;
	}
	.carousel-inner{
		text-align: center;
	    
	}
	.modal-content .carousel-inner{
		height: 85px;
	    overflow: scroll;
	}
	span.strech{
		display: none;
	}
	#partnersModal .modal-dialog{
		margin-top:10px;
	}

	body{
		padding-top:64px;
	}

	.nxt_menu{
		position: fixed;
		top: 0;
		z-index: 999;
		width: 100%;
	}
	.nxt_menu .navbar{
		margin: 0;
	}
	.navbar{
		width: 100%;
	}
	.nav-item{
		display: inline-block;
		margin: 8px;
	}
	.nav-item:first-child{
		margin-top:20px;
	}
	#carouselWithIndicators .carousel-item, #carouselIndicators .carousel-item{
		width: 100%; height: 400px; background-repeat:no-repeat; background-size: cover; background-position: center;
	}

	.btn-secondary{
		font-size:14px;
	}
	.section_product_image{
		font-size:14px;
	}
	.section_product_image{
		height: 200px;
	}
	.nxt-static-overlay{
		display: none;
	}
	.nxt-static-about-us-badges{
		display: none;
	}
	.nxt-static-overlay-about-us{
		background-image: none;
		margin: 50px 0;
	}

	.footer_partners img{
		width: 150px;
		margin-top:10px;
	}
	.section_product_name, .hp_product_name{
		min-height: 62px;
		font-size:14px;
	}
}

@media only screen and (min-width: 992px) {
	.p-2{
		padding:1rem!important;
		font-size: 16px;
	    font-weight: 300;
	}
	.navbar{
		width: auto;
	}

	.nav-item{
		margin: 7px 5px;
		display: inline-block;
	}
}

.navbar-toggler{

}

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

#relatedCarousel .carousel-control-next, #relatedCarousel .carousel-control-prev{
	width: 5%;
	opacity: 0.2;
	  -webkit-transition: opacity .1s ease !important;
       -o-transition: opacity .1s ease !important;
          transition: opacity .1s ease !important;
}

#relatedCarousel:hover .carousel-control-next, #relatedCarousel:hover .carousel-control-prev{
	opacity: 1;
}