body {
	overflow-x: hidden;
	font-family: 'Roboto', sans-serif;
}

p {
	line-height: 1.75
}

a {
	color: #212529
}

a:hover {
	color: #3b329f;
	text-decoration: none
}

.text-primary {
	color: #3b329f !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

section {
	padding: 60px 0
}

section h2.section-heading {
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 15px
}

section h3.section-subheading {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 2px
}

@media (min-width:768px) {
	section {
		padding: 50px 0
	}
}

.btn {
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700
}

.btn-xl {
	font-size: 18px;
	padding: 20px 40px
}

::-moz-selection {
	background: #3b329f;
	text-shadow: none
}

::selection {
	background: #3b329f;
	text-shadow: none
}

img::selection {
	background: 0 0
}

img::-moz-selection {
	background: 0 0
}
/* 
#mainNfont-family:'Roboto';
sans-serifav {
	background-color: #212529
} */

#mainNav .navbar-toggler {
	font-size: 12px;
	right: 0;
	padding: 13px;
	text-transform: uppercase;
	color:#00003c;
	border: 0;
	background-color: #3b329f;
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

#mainNav .navbar-brand {
	color: #3b329f;
	font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive
}

#mainNav .navbar-brand.active,
#mainNav .navbar-brand:active,
#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
	color: #fec503
}

#mainNav .navbar-nav .nav-item .nav-link {
    font-size: 72%;
    font-weight: 600;
    padding: .75em 0;
    letter-spacing: 1px;
    color: #00003c;
    font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#mainNav .navbar-nav .nav-item.active a,
#mainNav .navbar-nav .nav-item .nav-link:hover {
	 color: #fea900 !important;
}

@media (min-width:992px) {
	#mainNav {
		padding-top: 10px;
		padding-bottom: 10px;
		-webkit-transition: padding-top .3s, padding-bottom .3s;
		-moz-transition: padding-top .3s, padding-bottom .3s;
		transition: padding-top .3s, padding-bottom .3s;
		border: none;
		background-color: transparent
	}
	#mainNav .navbar-brand {
		font-size: 1.75em;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s
	}
	#mainNav .navbar-nav .nav-item .nav-link {
		padding: 1.1em 1em!important
	}
	#mainNav.navbar-shrink {
		padding-top: 0;
		padding-bottom: 0;
		background-color: #fff;
		border-bottom: 0px solid rgba(60, 188, 158, 1.00)
	}
	#mainNav.navbar-shrink .navbar-brand {
		font-size: 1.25em;
		padding: 12px 0
	}
}

header.masthead {
	text-align: center;
	height: 100vh;
	color: #fff;
	background-image: url(../img/header-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

header.masthead .intro-text {
	padding-top: 150px;
	padding-bottom: 100px
}

header.masthead .intro-text .intro-lead-in {
	font-size: 26px;
	line-height: 22px;
	margin-bottom: 20px;
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700
}

header.masthead .intro-text .intro-heading {
	font-size: 40px;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 25px;
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

@media (min-width:768px) {
	header.masthead .intro-text {
		padding-top: 250px;
		padding-bottom: 200px
	}
	header.masthead .intro-text .intro-lead-in {
		font-size: 35px;
		line-height: 20px;
		margin-bottom: 20px;
		font-weight: 700;
		font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
	}
	header.masthead .intro-text .intro-heading {
		font-size: 50px;
		font-weight: 700;
		line-height: 75px;
		margin-bottom: 50px;
		font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
	}
}

.service-heading {
	margin: 15px 0;
	font-size: 18px;
	text-transform: none
}

#portfolio .portfolio-item {
	right: 0;
	margin: 0 0 15px
}

#portfolio .portfolio-item .portfolio-link {
	position: relative;
	display: block;
	max-width: 400px;
	margin: 0 auto;
	cursor: pointer
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
	opacity: 0;
	background: rgba(254, 209, 54, .9)
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
	opacity: 1
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
	font-size: 20px;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 20px;
	margin-top: -12px;
	text-align: center;
	color: #fff
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
	margin-top: -12px
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
	margin: 0
}

#portfolio .portfolio-item .portfolio-caption {
	max-width: 400px;
	margin: 0 auto;
	padding: 25px;
	text-align: center;
	background-color: #fff
}

#portfolio .portfolio-item .portfolio-caption h4 {
	margin: 0;
	text-transform: none
}

#portfolio .portfolio-item .portfolio-caption p {
	font-size: 16px;
	font-style: italic;
	margin: 0;
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

#portfolio * {
	z-index: 2
}

@media (min-width:767px) {
	#portfolio .portfolio-item {
		margin: 0 0 30px
	}
}

.portfolio-modal {
	padding-right: 0!important
}

.portfolio-modal .modal-dialog {
	margin: 1rem;
	max-width: 100vw
}

.portfolio-modal .modal-content {
	padding: 100px 0;
	text-align: center
}

.portfolio-modal .modal-content h2 {
	font-size: 3em;
	margin-bottom: 15px
}

.portfolio-modal .modal-content p {
	margin-bottom: 30px
}

.portfolio-modal .modal-content p.item-intro {
	font-size: 16px;
	font-style: italic;
	margin: 20px 0 30px;
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.portfolio-modal .modal-content ul.list-inline {
	margin-top: 0;
	margin-bottom: 30px
}

.portfolio-modal .modal-content img {
	margin-bottom: 30px
}

.portfolio-modal .modal-content button {
	cursor: pointer
}

.portfolio-modal .close-modal {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 75px;
	height: 75px;
	cursor: pointer;
	background-color: transparent
}

.portfolio-modal .close-modal:hover {
	opacity: .3
}

.portfolio-modal .close-modal .lr {
	z-index: 1051;
	width: 1px;
	height: 75px;
	margin-left: 35px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #212529
}

.portfolio-modal .close-modal .lr .rl {
	z-index: 1052;
	width: 1px;
	height: 75px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	background-color: #212529
}

.timeline {
	position: relative;
	padding: 0;
	list-style: none
}

.timeline:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 40px;
	width: 2px;
	margin-left: -1.5px;
	content: '';
	background-color: #e9ecef
}

.timeline>li {
	position: relative;
	min-height: 50px;
	margin-bottom: 50px
}

.timeline>li:after,
.timeline>li:before {
	display: table;
	content: ' '
}

.timeline>li:after {
	clear: both
}

.timeline>li .timeline-panel {
	position: relative;
	float: right;
	width: 100%;
	padding: 0 20px 0 100px;
	text-align: left
}

.timeline>li .timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0
}

.timeline>li .timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0
}

.timeline>li .timeline-image {
	position: absolute;
	z-index: 100;
	left: 0;
	width: 80px;
	height: 80px;
	margin-left: 0;
	text-align: center;
	color: #fff;
	border: 7px solid #e9ecef;
	border-radius: 100%;
	background-color: #3b329f
}

.timeline>li .timeline-image h4 {
	font-size: 10px;
	line-height: 14px;
	margin-top: 12px
}

.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
	padding: 0 20px 0 100px;
	text-align: left
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0
}

.timeline>li.timeline-inverted>.timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0
}

.timeline>li:last-child {
	margin-bottom: 0
}

.timeline .timeline-heading h4 {
	margin-top: 0;
	color: inherit
}

.timeline .timeline-heading h4.subheading {
	text-transform: none
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
	margin-bottom: 0
}

@media (min-width:768px) {
	.timeline:before {
		left: 50%
	}
	.timeline>li {
		min-height: 100px;
		margin-bottom: 100px
	}
	.timeline>li .timeline-panel {
		float: left;
		width: 41%;
		padding: 0 20px 20px 30px;
		text-align: right
	}
	.timeline>li .timeline-image {
		left: 50%;
		width: 100px;
		height: 100px;
		margin-left: -50px
	}
	.timeline>li .timeline-image h4 {
		font-size: 13px;
		line-height: 18px;
		margin-top: 16px
	}
	.timeline>li.timeline-inverted>.timeline-panel {
		float: right;
		padding: 0 30px 20px 20px;
		text-align: left
	}
}

@media (min-width:992px) {
	.timeline>li {
		min-height: 150px
	}
	.timeline>li .timeline-panel {
		padding: 0 20px 20px
	}
	.timeline>li .timeline-image {
		width: 150px;
		height: 150px;
		margin-left: -75px
	}
	.timeline>li .timeline-image h4 {
		font-size: 18px;
		line-height: 26px;
		margin-top: 30px
	}
	.timeline>li.timeline-inverted>.timeline-panel {
		padding: 0 20px 20px
	}
}

@media (min-width:1200px) {
	.timeline>li {
		min-height: 170px
	}
	.timeline>li .timeline-panel {
		padding: 0 20px 20px 100px
	}
	.timeline>li .timeline-image {
		width: 170px;
		height: 170px;
		margin-left: -85px
	}
	.timeline>li .timeline-image h4 {
		margin-top: 40px
	}
	.timeline>li.timeline-inverted>.timeline-panel {
		padding: 0 100px 20px 20px
	}
}

.team-member {
	margin-bottom: 50px;
	text-align: center
}

.team-member img {
	width: 225px;
	height: 225px;
	border: 7px solid #fff
}

.team-member h4 {
	margin-top: 25px;
	margin-bottom: 0;
	text-transform: none
}

.team-member p {
	margin-top: 0
}

section#contact {
	background-color: #212529;
	background-image: url(../img/map-image.png);
	background-repeat: no-repeat;
	background-position: center
}

section#contact .section-heading {
	color: #fff
}

section#contact .form-group {
	margin-bottom: 25px
}

section#contact .form-group input,
section#contact .form-group textarea {
	padding: 20px
}

section#contact .form-group input.form-control {
	height: auto
}

section#contact .form-group textarea.form-control {
	height: 248px
}

section#contact .form-control:focus {
	border-color: #3b329f;
	box-shadow: none
}

section#contact ::-webkit-input-placeholder {
	font-weight: 700;
	color: #ced4da;
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

section#contact :-moz-placeholder {
	font-weight: 700;
	color: #ced4da;
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

section#contact ::-moz-placeholder {
	font-weight: 700;
	color: #ced4da;
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

section#contact :-ms-input-placeholder {
	font-weight: 700;
	color: #ced4da;
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

footer {
	padding: 20px 20px;
	text-align: center
}

footer span.copyright {
	font-size: 90%;
	line-height: 40px;
	text-transform: none;
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

footer ul.quicklinks {
	font-size: 90%;
	line-height: 40px;
	margin-bottom: 0;
	text-transform: none;
	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif
}

ul.social-buttons {
	margin-bottom: 0
}

ul.social-buttons li a {
	font-size: 20px;
	line-height: 40px;
	display: block;
	width: 40px;
	height: 40px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	color: #fff;
	border-radius: 100%;
	outline: 0;
	background-color: #212529
}

ul.social-buttons li a:active,
ul.social-buttons li a:focus,
ul.social-buttons li a:hover {
	background-color: #3b329f
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.blue-box-item{
    width:100%;
    height:auto;
    background: #2a81e1;
    background: -moz-linear-gradient(45deg, #2a81e1 0%, #45b7e6 100%);
    background: -webkit-linear-gradient(45deg, #2a81e1 0%,#45b7e6 100%);
    background: linear-gradient(45deg, #2a81e1 0%,#45b7e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a81e1', endColorstr='#45b7e6',GradientType=1 );
    padding:50px;
    min-height:650px;
    color:#fff;
}

.black-box-item{
    width:100%;
    height:auto;
    background: #131313; /* Old browsers */
    background: -moz-linear-gradient(#131313 1%, #545454 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(#131313 1%,#545454 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(#131313 1%,#545454 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#545454',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding:50px;
    min-height:325px;
    color:#fff;
}

.green-box{
    background: #389c38; /* Old browsers */
    background: -moz-linear-gradient(#389c38 0%, #0f4d21 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(#389c38 0%,#0f4d21 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(#389c38 0%,#0f4d21 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389c38', endColorstr='#0f4d21',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.content-section{

    margin-top:-150px;

}
.hw-1 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    /* letter-spacing: 2px; */
    line-height: 34px;
    margin-bottom: 10px;
    font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.hw-2{
    font-size:19px;
    color:#fff;
    font-weight:700;
    letter-spacing:0;
    line-height:26px;
    margin-bottom:8px;
    font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
.col-side{
    width:100%;
    height:auto;
    min-height:324px;
    padding:50px!important;
    text-align:center;
    background-image:url(../img/prd-2.jpg);
    background-size:cover;
    padding-top:130px!important;
    background-position:center;
}
.col-side-2{

    background-image:url(../img/prd-3.jpg);
    padding-top:140px!important;

}
#services{
    background-color:#F5F5F5;

    padding:70px 0;
}
p{

}


@media (min-width: 1200px){
    .container {
        width: 1170px;
    }
}

.nav-tabs--vertical {

    border-right: 1px solid #ddd;
    display: flex;
    flex-flow: column nowrap;
    padding:0 30px;
    border:1px solid #eee;
    background-color:#fff;

}
.nav-tabs--left {
    margin: 0 15px;
}
.nav-tabs--left .nav-item + .nav-item {
    margin-top: .25rem;
}
.nav-tabs--left .nav-link {
    transition: border-color .125s ease-in;
    white-space: nowrap;
}
.nav-tabs--left .nav-link:hover {
    background-color: #f7f7f7;
    border-color: transparent;
}
.nav-tabs--left .nav-link.active {
    border-bottom-color: #ddd;
    border-right-color: #fff;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    margin-right: -1px;
}
.nav-tabs--left .nav-link.active:hover {
    background-color: #fff;
    border-color: #0275d8 #fff #0275d8 #0275d8;
}



.nav-tabs .nav-item {
    border-bottom: 1px solid rgba(228,228,228,1.00);
    padding:8px 0;

}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #3b329f;;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6;
    font-weight:700;
}
.nav-tabs .nav-link {
    border: 0px solid transparent;
    color: #363636;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-link {
    display: block;
    padding: .7rem 0rem;
}

.product-box{
    width:100%;
    height:auto;
    background-color:rgba(255,255,255,1.00);
    padding-top:30px;
    padding-bottom:20px;
    vertical-align: middle;
    min-height:230px;

}
.col-product{
    background-color:rgba(243,243,243,1.00);
    padding:80px 0;
}

.col-product h3{
    margin-top:20px;
    font-size:1.5em;
    margin-bottom:30px;
}
.col-product h5{

    font-size:1em;
    margin-top:10px;


}



.pad-30{
    margin-bottom:30px;
}

.btn-view-more{
    background-color:#3b329f;
    color:#fff;
    line-height:206px;
    font-family: 'Roboto', sans-serif;
    font-weight:700;
    letter-spacing:1px;

}


.btn-view-more a{
    color:#fff;
    text-decoration:none;
}
.prd-side {
    background-image: url(../img/fixed-indoor-side-bg.jpg);
    /* background-size: cover; */
    width: 100%;
    height: 60vh;
}

.col-full{
    width:100%;

    position:static;
    text-align: center;
    color: white;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.about-short{
    padding:0 0;

}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.vertical-line{
    border-left:1px solid rgba(216,216,216,1.00);

}

.sec-footer{
    background-color:#2e2b34;
    color:#BCBCBC;

}
.sec-footer h5{
    margin-bottom:20px;
    margin-top:20px;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
    color:#00003c;

}
p{ font-size:14px;
}
.footer-links{
    font-size:14px;
    text-decoration:none;
    list-style-type:none;
    list-style-position:outside;
    padding-left:0;

}
.sec-footer p{
    font-family: 'Roboto', sans-serif;
}

.footer-links li{
    margin-bottom:10px;

}
.footer-links li a{

    color:#BCBCBC !important;
    text-decoration:none;
}
.footer-links li a:hover{
    color:rgba(241,241,241,1.00);
}
footer{
    background-color:#25232a;
    color:rgba(91,91,91,1.00);
    font-size:13px;

}



.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}
.carousel-caption{
    margin-bottom:250px;
}
.carousel-caption h1{
    font-size:50px;
    letter-spacing:2px;
}
.carousel-caption h3{
    font-size:30px;
    letter-spacing:2px;
}

.col-product h2{
    margin-bottom:40px;
}

#mainNav .navbar-toggler {
    font-size: 12px;
    right: 0;
    padding: 13px;
    text-transform: uppercase;
color: #00003c;
    border: 0;
    background-color: transparent;
    font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.handwrite{
    font-family: 'Just Another Hand', cursive;
    letter-spacing:2px;
}
.btn-view-more .btn{
    padding:15px 20px;
    font-size:14px;
}


@media only screen and (max-width: 600px) {
    body{
        padding-top:85px;
    }
    #about{
        padding-top:0;
    }
    .content-section{

        margin-top:-60px;

    }
    .carousel-caption{
        margin-bottom:5px!important;
        margin-top:5px!important;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .carousel-caption h1{
        font-size:18px!important;
    }
    .carousel-caption h3{
        font-size:16px!important;
    }
    .btn-view-more{
        background-color:#3b329f;
        color:#fff;
        line-height:0px!important;
        height:115px!important;
        min-height:115px!important;
        border-radius:5px;

    }


    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        background-color:#fff;
    }
    .product-box {
        margin-top:20px;
    }

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

    .prd-side{
        display:none;
    }
    .vertical-line{
        display:none;
    }

    .slick-slide {
        margin-top: 30px!important;
    }
    .about-short{

        padding-bottom:10px!important;
    }
    .col-product-box{
        border:1px solid #eee;
        padding:15px;
        margin-top:10px;

    }
    .pad-hed{
        margin-top:10px!important;
    }

    .tz-gallery  .card{
        margin-bottom:10px!important;
        height:auto!important;
        max-height:200px!important;
        overflow:hidden!important;

    }

    .dir-col-msg{
        text-align:center!important;
    }
    .col-dir-img{
        margin-top:40px;
    }

    .no-margin-mob{
        padding-left:0;
        padding-right:0;

    }

    .color-box{
        height:auto!important;
        width:100%!important;
        padding:40px;

        color:#fff;
    }
    .color-box-black{
        padding:40px!important;
    }

    .navbar-shrink{
        top:0!important;

    }
    .pad-col{
        padding-left:15px!important;
    }
}
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div {margin:20px;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; width:50px; background-color:rgba(0,0,0,0.66); color:#fff; height:50px; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:10px; }
.MultiCarousel .rightLst { right:10px; }

.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;

}
.sec-events{
    padding:80px 0!important;
}

.sec-why{
    padding:80px 0;
    background-color:rgba(253,253,253,1.00);
}
.sec-icon{
    margin-top:15px;
    border:1px solid rgba(244,244,244,1.00);
    padding:20px;
    background-color:#fff;

}

.col-block{
    background-color:#fff;
    margin-bottom:20px;
    border:1px solid rgba(244,244,244,1.00);
    padding:30px 30px 10px;
    min-height:460px;
}
.sec-icon h5 {
    margin-top: 15px;
    letter-spacing: normal;
    font-size: 14px;
    /* font-weight: 500; */
    color: #343a40c2;
    line-height: 23px;
}
.sec-icon h2{
    margin-bottom:60px!important;
}

/* .sec-products{
    background-color:#FBFBFB;
    padding-bottom:60px;
} */
.sec-products {
    background-color: #e7e7e9;
    padding-bottom: 60px;
}
.col-product-box{

    padding:20px;
    background-color:#fff;
    box-shadow:3px 3px 10px rgba(0,0,0,0.15);


}
.col-product-box h5 {
    font-size: 1em;
    margin-top: 10px;
}

.top-banner{
    width:100%;
    max-height:260px;
    overflow:hidden;
}

.pad-50{
    padding-bottom:50px;
}

.divider-circle{
    margin-top:20px;
    margin-bottom:50px;
}

.divider-circle .fa {
    margin-left:5px;
    margin-right:5px;
    font-size:12px;
}

.pad-hed{
    margin-top:80px;
}

.vetical-list {
    color: #0D0D0D;
    list-style-image: url(../img/tick-inside-circle.svg);
    margin-left:-20px;
}
.vetical-list li{
    margin-bottom:10px;
}


.col-product-box hr{
    margin-top:5px;
    margin-bottom:5px;
    border-top:1px solid #F4F4F4;
}
.col-product-box p{
    margin-top:5px;
    margin-bottom:0px;
    padding:2px 10px;
    color:#6A6A6A;


}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f106";
    float: right;
    color:#3b329f;
    font-weight:700;




}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f107";

}
.bt{

}


.card-header{
    margin-top:8px;
    font-size:14px;
    cursor:pointer;
    border-bottom:none;
}

.card-header-1{
    margin-top:0;
    margin-bottom:10px;
    font-size:16px;
    letter-spacing:1px;
    font-weight:700;


}
#collapseOne{
    margin-top:20px;
}
.col-no-pad {
    padding:10px 0 0 0;
}
.accordion{
    display:inline; width:100%
}

.tz-gallery .card {
    margin-bottom: 30px;
    /* height: 220px; */
    overflow: hidden;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #FFFFFF;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius: 0rem;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.tz-gallery .lightbox img {
    width: 100%;

    transition: 0.2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}


.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0,0,0,0.3);
}

.tz-gallery img {
    border-radius: 0px;
}

.baguetteBox-button {
    background-color: transparent !important;
}



.card{
    margin-bottom:30px;
}

.img-round{
    border-radius:50%;
    padding:10px;
    width:100%;
    max-width:200px;
    text-align:center;
    margin-bottom:20px;
    border:3px dotted rgba(212,212,212,1.00);
}


.lead {
    font-size: 23px;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'PT Serif', serif;
    color: #272d2c;
    margin-bottom: 40px;
}


.form-group {
    margin-bottom: 5px;
}

.form-control {
    border-radius: 0px;
    color: #6b6c6d;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    height: 52px;
    padding: 0px;
    line-height: 1.42857143;
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    border-bottom: 1px solid #cbcfce;
    background-color: transparent;

    letter-spacing: 0px;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}

.form-control:focus {
    color: #34b2a4 !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: #34b2a4;
    font-size: 12px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

input[type=checkbox],
input[type=radio] {
    margin: 8px 0 0;
    margin-top: 12px;
    line-height: normal;
}

input::-webkit-input-placeholder {
    color: #6b6c6d !important;
}

input:focus::-webkit-input-placeholder {
    color: #34b2a4 !important;
    bottom: 20px;
    position: relative;
}

textarea::-webkit-input-placeholder {
    color: #6b6c6d !important;
}

textarea:focus::-webkit-input-placeholder {
    color: #34b2a4 !important;
    bottom: 20px;
    position: relative;
    font-size: 12px;
}

.input-group-addon {
    background-color: transparent;
    border: 1px solid #34b2a4;
    border-radius: 0px;
}

.focus {
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    border-bottom: 1px solid #cbcfce;
    background-color: #fff;
}

.focus:focus {
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    border-bottom: 1px solid #cbcfce;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .form-control {
    border-color: #3c763d;
    background-color: #fff;
    box-shadow: none;
}

.has-success .form-control:focus {
    border-color: #3c763d;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control {
    border-color: #a94442;
    background-color: #fff;
    box-shadow: none;
}

.has-error .form-control:focus {
    border-color: #34b2a4;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-addon:last-child {
    border-left: 0;
    border-right: transparent;
    border-top: transparent;
}

.input-group-addon i {
    color: #34b2a4;
}

option {
    color: #6b6c6d;
}


.mb60{margin-bottom:60px;}




.space-medium {
    padding-top: 80px;
    padding-bottom: 80px;
}
.pdt20 {
    padding-top: 20px;
}





.contact-caption-text {
    font-size: 23px;
    color: #272d2c;
}

#contact-map {
    height: 450px;
    width: 100%;
    position: relative;
}

.contact-form {
    background-color: #fff;
    padding: 30px;
    text-align: center;



    -webkit-box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);
}

.contact-section {
    margin-bottom: 30px;
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e9e8;
}

.contact-section .contact-icon {
    float: left;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 25px;
    color: #34b2a4;
    padding-right: 20px;
    position: initial;
}

.contact-section .contact-info {
    padding-top: 10px;
    font-weight: 700;
}

.contact-social {
    
}

.contact-social ul {}

.contact-social ul li {
    float: left;
}

.contact-social ul li a {
    font-size: 16px;
    padding-right: 10px;
    color: #6b6c6d;
}

.contact-social ul li a:hover {
    color: #0084bf;
}

.location-block {
    border-radius: 2px;
    border: 1px solid #eaeaea;
    padding: 30px;
    margin-bottom: 20px;
    background-color: #fff;
}

.sec-contact{
    padding:80px 0 50px;
}

.sec-map{
    padding:0 0 0 0;
}


.rental-prd-side{
    background-image:url(../img/gallery/GALLAR%205.jpg);
}

.indoor-prd-side{
    background-image:url(../img/hawiii-banner-2.jpg);
}

.outdoor-prd-side{
    background-image:url(../img/gallery/fixed%20outdoor%209.jpg);
    background-position:center;
}

.box-img{
    width:100%;
    height:auto;
    max-height:325px;
    overflow:hidden;
}
.color-box{
    height:325px;
    width:100%;
    padding:40px;

    color:#fff;
}

.color-box-info{

    background: rgb(109,179,242); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 0%, rgba(54,144,240,1) 52%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 0%,rgba(54,144,240,1) 52%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 0%,rgba(54,144,240,1) 52%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.color-box-black{
    padding:80px;
    height:650px;
    background: rgb(249,252,247); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color:#222;
    box-shadow: 16px 10px 5px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 10px 3px 14px 10px rgb(204 214 226);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}


.color-box-green{
    background: #389c38; /* Old browsers */
    background: -moz-linear-gradient(#389c38 0%, #0f4d21 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(#389c38 0%,#0f4d21 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(#389c38 0%,#0f4d21 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389c38', endColorstr='#0f4d21',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.color-box-red{
    background: rgb(249,252,247); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color:#222;
}
.img-pad-evt{
    width:100%;
    height:auto;
    margin-bottom:40px;
}
.sec-post{
    background-color:hsla(0,0%,100%,1.00);
}

.Lead-4{
    font-size:16px!important;
    font-weight:400;
}

.list-group-item{border:none;
                 border-top:1px solid rgba(0,0,0,.125);
                 padding:15px 0;
                 margin-bottom:0;
                 color:#111;
}

.list-group-item:first-child {

    border-top-left-radius:0;
    border-top-right-radius: 0;
    margin-top:0px!important;


}



.head-ttl{
    margin-top:30px;
    margin-bottom:20px;

}

.pad-col{
    padding-left:60px
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color:#0F7FEF;
    text-decoration: none;
    background-color: #FFFFFF;


}

.list-group-product{
    border-top:none;

    padding:12px 20px;
    margin-top:3px;

}
.list-group-product:hover{
    background-color:#FCFCFC;
}


.fa-angle-double-right{
    color:red;
}
p{font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;


}
.bg-head{
    padding:15px 20px 10px 20px;
    background-color:hsla(0,0%,93%,1.00);
    margin-top:30px;
    margin-bottom:20px;
}


.prd-hed{
    margin-top:15px;
    text-align:center;
}


@media (min-width: 992px){
    #mainNav .navbar-nav .nav-item .nav-link {
        padding: 3em 1em!important;
    }
}

.tool-free-button{
    position:fixed;
    padding:10px 17px;
    right:20px;
    font-size:14px;
    bottom:20px;
    border-radius:60px;
    box-shadow:0px 2px 17px hsla(0,0%,0%,0.26);
}

.tool-free-button-bt{
    position:fixed;
    padding:15px 15px;
    bottom:0;
    border-radius:0;

}

.footer-list li {
    display: block;
    list-style: none;
    text-align: left;
    padding: 6px 0px;
    font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 13px;
}


.sec-img-scrool{
    padding-top:20px;
}


input[type="file"] {
    display: none;
}
.upload-btn {
    border: 1px solid #ccc;
    display:block;
    width:100%;
}
.upload-btn span {
    padding: 8px 10px;
    display: inline-block;
    overflow:hidden;
}
.upload-btn label {
    border: 0;
    background-color: #1EC05E;
    color: #fff;
    padding: 12px 10px;
    display: inline-block;
    float:right;
}

.border-box{
    width:100%;
    height:auto;
    border:1px solid #eee;
    padding:15px;
    margin-bottom:5px;
    background-color:#fff;
}

.card-header{
    margin-top:0;
}
.card-download{
    box-shadow:2px 2px 15px hsla(0,0%,0%,0.20);
}

.card-download .card-body{
    padding-top:0;
}

.youtube-video{
    width:100%;
    height:350px;
    float:left;
    text-align:center;
    color:#fff;
    font-size:50px;
    font-family: 'RobotoThin_0';
    background-image: url(../img/videobg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    /*background-size: cover;*/
    /*border-top:10px solid #fff;*/
    line-height:normal;
    cursor:pointer;
}
.youtube-video a{
    color:#fff;
}
.youtube-video a:hover{
    color:#80BCFF;
}
.parent {
    display: table;
    height:100%;
    width:100%;


}
.child {
    display: table-cell;
    vertical-align: middle;
}
.deployform {
    position: fixed; z-index: 999;
    top: 150px;
    right: 0px;
    width: 50px;
    height: 50px;
    border-radius: 2%;
    /* background-color: #ccb14fe6; */
    cursor: pointer;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  transition: all 0.35s cubic-bezier(0.91, -0.28, 0.06, 1.3), background-color 0.25s ease;
    /*-webkit-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 13px 40px 0px rgba(0, 0, 0, 0.21);*/
  }
  /* .deployform:hover {
    background-color: ;
  } */
  .deployform.open {
      width: 304px;
      height: 360px;
      border-radius: 63px;
      background-color: #3b93f0;
      cursor: default;
  }
  .deployform.open .icon {
    opacity: 0;
    transition-delay: 0.01s;
  }
  .deployform.open .cancel {
    opacity: 1;
    transition-delay: 0.25s;
  }
  .deployform.open form {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
  }
  .deployform .icon {
    width: 105px;
      height: 74px;
      position: absolute;
      left: 0%;
      top: 76%;
      z-index: 99999;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: opacity 0.1s ease;
    transition-delay: 0.2s;
    color: #fff;
    font-size: 36px;
    padding: 4px;
  }
  .deployform .cancel {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 22px;
    opacity: 0;
    transition-delay: 0.01s;
    cursor: pointer;
    padding: 6px 10px;
    color: #fff;
  }
  .deployform form {
    margin-top: 40px;
    opacity: 0;
    visibility: hidden;
    transition-delay: 0.01s;
  }
  .deployform form input {
    width: 235px;
      height: 42px;
      margin-left: 25px;
      margin-top: 17px;
      padding: 0 10px;
      border: 2px solid #e3e3e3;
      background-color: #f1f1f1;
      border-radius: 25px;
      transition: all 0.2s ease;
      font-size: 14px
  }
  .deployform form input:hover, .deployform form input:focus {
    border: 2px solid #d7d7d7;
    outline: 0;
  }
  .deployform form textarea {
    width: 236px;
    min-height: 80px;
    margin-left: 20px;
    margin-top: 10px;
    border: 2px solid #e3e3e3;
    background-color: #f1f1f1;
    border-radius: 2px;
    resize: none;
    padding: 10px 10px;
    font-family: inherit;
    transition: all 0.2s ease;
  }
  .deployform form textarea:hover, .deployform form textarea:focus {
    border: 2px solid #d7d7d7;
    outline: 0;
  }
  .deployform form button {
    width: 90px;
      height: 45px;
      margin-left: 25px;
      margin-top: 10px;
      border: none;
      background-color: #28a745f5;
      border-radius: 23px;
      color: #fff;
      text-transform: uppercase;
      font-family: inherit;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 1px;
      cursor: pointer;
      transition: all 0.2s ease;
  }
  .deployform form button:hover {
    background-color: #da3737;
  }
.home-head-p{
    font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-transform: lowercase;
    text-align: justify;
    font-weight: 400;
}

.text-black-51{
    color: #000!important;
    line-height: 24px;
  }

  /* .panel-title a:after {
    font-family:Fontawesome;
    content:'\f077';
    float:right;
    font-size:10px;
    font-weight:300;
}
.panel-title a.collapsed:after {
    font-family:Fontawesome;
    content:'\f067';
} */
aside,
summary {
    width: 30%;
    float: left;
    margin: 0;
    display: block;

}

summary {
    width: 70%;
}

    /* blog start */
    .pa-blog-box {
        border: 1px solid #eee;
        border-radius: 10px;
        transition: 0.3s;
        margin-bottom: 30px;
      }
      .pa-blog-box img {
        border-radius: 10px 10px 0px 0px;
      }
      .pa-blog-category {
        color: #4b7426;
        font-size: 14px;
        text-transform: capitalize;
      }
      .pa-blog-title {
        padding: 16px 25px 17px;
      }
      .pa-blog-box h2 {
        font-size: 20px;
        margin: 5px 0px;
        line-height: 26px;
      }
      .pa-blog-date {
        font-size: 14px;
      }
      .pa-blog-view {
        padding: 10px 25px;
        border-top: 1px solid #eee;
      }
      .pa-blog-view ul {
        margin: 0;
        padding: 0;
      }
      .pa-blog-view ul li {
        display: inline-block;
        padding-right: 15px;
      }
      .pa-blog-view ul li a {
        font-size: 14px;
      }
      .pa-blog-view ul li a i {
        padding-right: 5px;
      }
      .pa-blog-page {
        padding-bottom: 75px;
      }
      .blog-button {
          background-color: #0b0548;
          color: white;
          padding: 6px 20px;
          margin: 27px 0;
          border: none;
          cursor: pointer;
      }
      /* blog end */
      .slick-slide img {
        display: block;
        /* box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px; */
        box-shadow: rgb(0 0 0 / 10%) -1px 3px 7px 3px;
    }