body{
	font-family: Open Sans;
	font-size: 16px;
	line-height: 28px;
	overflow-x:hidden;
}



/*--- START:- HEADER
============================================================---*/
.navbar-expand-lg .navbar-nav { margin-left: 200px; }

.navbar-brand { font-family: Open Sans; font-size: 22px; font-weight: 500; }

.navbar-nav .nav-link { font-size: 16px; color: #000; font-weight: 500; margin-right: 30px !important; }

.navbar-nav .nav-link.active { color: #17c6aa !important; }

/*--- END:- HEADER
============================================================---*/


/*--- START:- BANNER
============================================================---*/
.carousel-item img {
	height: 750px;
}

.carousel-caption {
	top: 30%;
	text-align: left;
}

.carousel-caption h5 {
	font-family: Open Sans;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 0px;
}

.carousel-caption p {
	font-family: Open Sans;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 30px;
}

.carousel-caption a {
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	padding: 8px 30px;
	background-color: #17c6aa;
	border-radius: 5px;
	border: 1px solid #ccc;
	transition: all 900ms;
}

.carousel-caption a:hover {
	color: #000;
	border: 1px solid #17c6aa;
	background-color: #ccc;
}

.carouserl_secend_caption {
	top: 35%;
	left: 50%;
	text-align: center;
}


/*--- END:- BANNER
============================================================---*/

/*--- START:- ABOUT US
============================================================---*/
.about_headig { position: relative; margin-top: 80px; text-align: center; }

.about_headig::after { position: absolute; top: 110%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 240px; height: 2px; background-color: #17c6aa; }

.about_headig::before { position: absolute; top: 120%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 120px; height: 2px; background-color: #17c6aa; }

.about_headig h3 { font-family: Open Sans; color: #17c6aa; text-transform: uppercase; font-size: 26px; font-weight: 600; margin-bottom: 0px; }

.about_headig p { font-family: Open Sans; font-size: 16px; margin-top: 15px; margin-bottom: 0px; }

.video-wrapper { position: relative; width: 100%; margin-top: 50px; padding-top: 56.25%; overflow: hidden; background-color: #000; }

.video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.about_title { position: relative; margin-top: 50px; }

.about_title::after { position: absolute; content: ""; top: 0px; left: 0px; width: 2px; height: 30px; background-color: #17c6aa; }

.about_title h3 { font-size: 26px; margin-left: 15px; text-transform: uppercase; font-weight: 700; color: #333; }

.about_title p { margin-top: 15px; font-size: 16px; color: #555; text-align: justify; max-width: 700px; margin-left: auto; margin-right: auto; line-height: 1.6; }

/*--- END:- ABOUT US
============================================================---*/


/*--- START:- PRODUCTS
============================================================---*/


.product_headig { 
	position: relative; 
	margin-top: 80px; 
	text-align: center; 
}

.product_headig::after { 
	position: absolute; 
	top: 110%; left: 50%; 
	transform: translate(-50%, -50%); 
	content: ""; 
	display: block; 
	width: 240px; 
	height: 2px; 
	background-color: #17c6aa; 
}

.product_headig::before { 
	position: absolute; 
	top: 120%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	content: ""; 
	display: block; 
	width: 120px; 
	height: 2px; 
	background-color: #17c6aa; 
}

.product_headig h3 { 
	font-family: Open Sans; 
	color: #17c6aa; 
	text-transform: uppercase; 
	font-size: 26px; 
	font-weight: 600; 
	margin-bottom: 0px; 
}

.product_headig p { 
	font-family: Open Sans; 
	font-size: 16px; 
	margin-top: 15px; 
	margin-bottom: 0px; 
}

.filter-buttons {
	margin-top: 50px;
}

.filter-buttons button {
	font-family: Open Sans; 
	font-size: 16px;
	color: #000;
	padding: 5px 20px;
	border: 1px solid #17c6aa;
	background-color: #ccc; 
	border-radius: 5px;
	transition: all 900ms;
}

.filter-buttons button:hover {
	color: #fff;
	border: 1px solid #ccc;
	background-color: #17c6aa;
}

.filter-buttons .active {
	color: #fff;
	background-color: #17c6aa;
}

.grid-item {
  	margin-bottom: 20px;
}

.grid-item img {
	border-radius: 8px;
	transition: transform 0.3s ease;
}

.img-fluid {
	width: 100%;
	height: 350px;
}

.grid-item img:hover {
	transform: scale(1.05);
}

/*--- END:- PRODUCTS
============================================================---*/


/*--- START: FOOTER
============================================================---*/
.bg-fotter { background-color: #f9f9f9; padding-top: 50px; margin-top: 80px; padding-bottom: 80px; }

.fott-contact {position: relative; }

.fott-contact h6 { color: #17c6aa; padding-bottom: 0px; }

.fott-contact h6:before { position: absolute; content: ""; top: 25px; left: 0px; width: 40%; height: 1px; background-color: #17c6aa; transform-origin: left; }

.fott-contact p {color: #717173; margin-top: 30px; margin-bottom: 0px; }

.fott-contact p span a {color: #17c6aa; font-size: 16px; text-decoration: none; }

.fott-contact p span a:hover {color: #fff; }

.colling a { font-size: 16px; color: #17c6aa; text-decoration: none; }

.mo-col { font-size: 26px; }

.tryol { position: relative; }

.tryol h6 { color: #17c6aa; }

.tryol p { color: #717173; margin-top: 30px; }

.tryol h6:before { position: absolute; content: ""; top: 25px; left: 0px; width: 50%; height: 1px; background-color: #17c6aa; transform-origin: left; }

.tryol p span { color: #17c6aa; }

.categories { position: relative; }

.categories h6 { color: #17c6aa; }

.categories h6:before { position: absolute; content: ""; top: 25px; left: 0px; width: 70%; height: 1px; background-color: #17c6aa; transform-origin: left; }

.categories ul { margin-top: 30px; padding-left: 0px; }

.categories ul li { list-style-type: none; margin-top: 1px; }

.categories ul li a:hover { color: #17c6aa; }

.categories ul li a { color: #717173; font-size: 16px; text-decoration: none; }

.newsletter { position: relative; }

.newsletter h6 { color: #17c6aa; }

.newsletter h6:before { position: absolute; content: ""; top: 25px; left: 0px; width: 40%; height: 1px; background-color: #17c6aa; transform-origin: left; }

.newsletter p { color: #717173; margin-top: 15px; margin-bottom: 0px; }

.newsletter input { width: 100%; height: 50px; color: #717173; padding-left: 15px; margin-top: 35px; background: 0; border: 1px solid #17c6aa; }

.newsletter input:focus { outline: none; }

.newsletter a { position: absolute; font-size: 16px; bottom: 0px; right: 0px; font-family: "Roboto Slab",serif; color: #fff; font-size: 16px; text-decoration: none; background-color: #ccc; border: 1px solid #17c6aa; padding: 10px 30px; transition: all 900ms; }

.newsletter a:hover { color: #fff; text-decoration: none; background-color: #17c6aa; }

.line { width: 100%0; margin-top: 15px; height: 1px; background-color: #717173; }

.Copyright { text-align: center; margin-top: 15px; color: #717173; }

.Copyright p span { color: #17c6aa; }

/*--- END:- FOOTER
============================================================---*/


/*--- START:- SCROLLING BUTTON
============================================================---*/
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    background-color: #17c6aa;
    color: #fff;
    padding: 12px 16px;
    border-radius: 50%;
    z-index: 999;
    text-align: center;
    font-size: 18px;
    transition: all 900ms;
}

.back-to-top:hover {
    background-color: #555;
}
/*--- END:_ SCROLLING BUTTON
============================================================---*/