@font-face {
    font-family: 'Impacted';
    src: url('../fonts/Impacted.woff2') format('woff2'),
        url('../fonts/Impacted.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Impact';
    src: url('../fonts/Impact.woff2') format('woff2'),
        url('../fonts/Impact.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ***** Common Css **** */
:root {
    scroll-behavior: initial;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
}
ol,
ul {
    margin: 0;
    padding: 0;
}
img {
    display: block;
}
figure{margin: 0;}
a,button {
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
    text-decoration: none;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #000;
    text-decoration: none;    
}
.main-wrpper {
    height:auto;
    width: 100%;
}
.container{
    max-width: 1580px;
}
h1,h2{
    font-family: 'Impact';
}
/* ***** End Common Css **** */

/* **** Header **** */
header {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    background: transparent;
    padding: 30px 0;
    border: none;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
/*header.nav-new{
    padding: 15px 0;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: none;
}*/
.navbar .container .navbar-brand,
.navbar .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-brand {
    float: none;
    height: auto;
    padding: 0;
}
.navbar-brand img {
    max-width: 100%;
    height: 50px;
}
.navbar {
    background: transparent;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.nav-row{
    display: flex;
    align-items: center;
    width: 100%;
}
.navbar-light .navbar-nav {
    margin: 0 0 0 50px;
    background: #1f1f1f;
    padding: 12px 45px;
    border-radius: 30px;
}
.navbar-light .navbar-nav li {
    margin-right: 70px;
}
.navbar-light .navbar-nav li:last-child {
    margin-right: 0;
}
.navbar-light .navbar-nav .nav-link{
    padding: 0px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Impact';
    font-weight: 400;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover {
    color: #00B9B3;
}

.nav-btn{
    margin: 0 0 0 auto;
    background: #fff;
    padding: 0 0 0 20px;
    display: flex;
    align-items: center;
    width: fit-content;
    color: #000;
    border-radius: 50px;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Impact';
    font-weight: 400;
}
.nav-btn figure{
    min-width: 60px;
    max-width: 60px;
    margin: 0 0 0 15px;
}
.nav-btn:hover{
    background: #1f1f1f;
    color: #fff;
}
/* **** End Header **** */

/* **** toggler **** */
.navbar-light .navbar-toggler {background-color: transparent;border-radius: 0;outline: none;box-shadow: none;border: none;height: 40px;width: 40px;padding: 0;}
.navbar-light .navbar-toggler:focus {box-shadow: none;outline: none; }
.navbar-light .navbar-toggler .navbar-toggler-icon {background-image: unset;}
.navbar-toggler:active, .navbar-toggler:focus { outline: none; }
.navbar-light .navbar-toggler-icon {width: 14px;height: 18px;background-image: none;position: relative;border-bottom: 2px solid #fff;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {width: 30px;position: absolute;height: 2px;background-color: #fff;top: 0;right: 0;content: "";z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after {top: 8px;width: 22px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);width: 30px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);width: 30px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}
/* **** End toggler **** */

/* **** Hero Banner **** */
.hero-banner{
    padding: 200px 0 100px;
    position: relative;
}
.banner-data-bx{
    position: relative;
    z-index: 2;
}
.banner-topdt{
    display: flex;
    max-width: 540px;
    margin: 0 0 40px;
}
.banner-topdt figure{
    max-width: 140px;
    min-width: 140px;
    margin: 0 -15px 0 0;
}
.banner-topdt figure img{
    width: 100%;
}
.banner-topdt p{
    margin: 0;
    font-size: 26px;
    font-weight: normal;
    color: #fff;
    line-height: 34px;
}
.banner-data-bx h1{
    font-size: 120px;
    font-weight: normal;
    color: #fff;
    line-height: 130px;
    display: block;
    margin: 0 0 290px;
    text-shadow: 4px 8px 24px rgba(0, 0, 0, 0.47);
}
.banner-data-bx .btn-read{
    display: flex;
    align-items: center;
    font-size: 36px;
    font-weight: normal;
    color: #fff;
    font-family: 'Impact';
    padding: 15px 0;
    border-bottom: 7px solid #6f6e6e;
    max-width: 600px;
}
.banner-data-bx .btn-read figure{
    max-width: 55px;
    min-width: 55px;
    margin: 0 0 0 auto;
}
.banner-data-bx .btn-read figure img{
    width: 100%;
}
.banner-data-bx .btn-read:hover{
    color: #00B9B3;
    border-bottom-color: #fff;
}

.banner-img{
    max-width: 1050px;
    position: absolute;
    top:130px;
    right: 10%;
}
.banner-img img{
    width: 100%;
}
/* **** End Hero Banner **** */

/* **** Bonnes Raisons **** */
.bonnes-raisons-wrp{
    padding: 50px 0;
}
.bonnes-raisons-wrp h2{
    font-size: 60px;
    font-weight: normal;
    color: #5b5a5a;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.bonnes-raisons-wrp ul{
    display: flex;
    flex-wrap: wrap;
    border: 4px solid #6f6e6e;
    border-radius: 15px;
}
.bonnes-raisons-wrp ul li{
    width: 25%;
    padding: 40px 30px;
    border-right:4px solid #6f6e6e;
}
.bonnes-raisons-wrp ul li:last-child{
    border: none;
}
.raison-box{
    text-align: center;
}
.raison-box h3{
    margin: 0 auto 30px;
    border-radius: 50px;
    font-size: 34px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Impact';
    display: block;
    text-align: center;
    background: #161616;
    padding: 15px;
}
.raison-box p{
    text-align: center;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
}
/* **** End Bonnes Raisons **** */

/* **** Product **** */
.sunweez-wrp{
    padding: 150px 0;
    position: relative;
}
.sunweez-title{
    max-width: 650px;
    margin: 0 auto 100px;
}
.sunweez-title img{
    width: 100%;
}
.sunweez-wrp .row{
    align-items: center;
}
.sunweez-img{
    max-width: 340px;
}
.sunweez-img img{
    width: 100%;
}
.sunweez-data h2{
    font-size: 42px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 30px;
}
.sunweez-data h2 span{
    font-size: 60px;
}
.sunweez-data h3{
    margin: 0 0 20px;
    font-size: 42px;
    font-family: 'Impact';    
    font-weight: normal;
    color: #fff;
    background: linear-gradient(to bottom, rgba(177,147,203,1) 0%,rgba(96,228,222,1) 100%); 
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
.sunweez-data p{
    font-size: 26px;
    font-weight: normal;
    color: #ffffff;
    line-height: 34px;
    margin: 0 0 60px;
}
.sunweez-data h4{
    margin: 0 0 20px;
    font-size: 42px;
    font-family: 'Impact';    
    font-weight: normal;
    color: #fff;
    background: linear-gradient(to bottom, #fdf7d8 0%,#d39bc2 100%); 
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
/* **** End Product **** */

/* **** Freshness Packaging **** */
.freshness-packaging-wrp{
    padding: 100px 0;
}
.freshness-packaging-wrp .row{
    align-items: center;
}
.freshness-packaging-title{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 70px;
    width: fit-content;
}
.freshness-packaging-title figure{
    max-width: 120px;
}
.freshness-packaging-title figure img{
    width: 100%;
}
.freshness-packaging-title h2{
    font-size: 120px;
    color: #fff;
    text-align: center;
    margin: 0 25px;
    text-transform: uppercase;
}
.freshness-img img{
    width: 100%;
}
.freshness-data h3{
    font-family: 'Impact';    
    font-size: 42px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.freshness-data h3 span{
    font-size: 60px;
}
.freshness-data p{
    font-size: 26px;
    font-weight: normal;
    color: #fff;
    line-height: 34px;
    margin: 0 0 30px;
}
/* **** End Freshness Packaging **** */

/* **** Quality Control **** */
.quality-control-wrp{
    padding: 50px 0;
}
.quality-control-wrp .col-md-4{width: 39%;}
.quality-control-wrp .col-md-8{width: 61%;}
.quality-control-img figure,.quality-control-img{
    height: 100%;
}
.quality-control-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.quality-control-data p{
    font-size: 26px;
    line-height: 34px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 20px;
}
.quality-control-data p span{
    font-weight: bold;
}
.quality-control-data p:last-child{
    margin: 0;
}
.quality-control-row{
    margin: 50px 0 0;
}
.quality-control-row ul{
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}
.quality-control-row ul li{
    width: 33.33%;
    padding: 0 15px;
}
.quality-control-row ul li a{
    padding: 15px 30px;
    border-radius: 50px;
    background: #161616;
    display: block;
}
.quality-control-row ul li a h4{
    text-align: center;
    margin: 0;
    font-size: 34px;
    font-weight: normal;
    color: #fff;
    font-family: 'Impact';    
    text-transform: uppercase;
}
.quality-control-row ul li a:hover h4{
    background: linear-gradient(to bottom, rgba(177,147,203,1) 0%,rgba(96,228,222,1) 100%); 
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
/* **** End Quality Control **** */

/* **** Gamma Orignal **** */
.gamma-orignal-wrp{
    padding: 100px 0 0;
}
.gamma-orignal-wrp .freshness-packaging-title{
    margin: 0 auto;
}
.gamma-orignal-wrp p{
    font-size: 26px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    margin: 0 auto 100px;
}
.gamma-pro-box{
    margin: 0 0 100px;
}
.gamma-pro-box figure{
    max-width: 380px;
    margin: 0 auto;
}
.gamma-pro-box figure img{
    width: 100%;
}

.nos-engagements-wrp{
    padding: 100px 0 200px;
}
/* **** End Gamma Orignal **** */

/* **** Footer **** */
footer{
    border-top: 3px solid #fff;
}
.footer-top{
    padding: 70px 0;
}
.footer-contact h3,.other-links h3,.quicklinks h3{
    font-size: 34px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 30px;
    font-family: 'Impact';    
}
.quicklinks li{
    margin: 0 0 10px;
}
.quicklinks li:last-child{
    margin: 0;
}
.quicklinks li a{
    position: relative;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    padding: 0 0 0 15px;
    display: table;
}
.quicklinks li a:after{
    position: absolute;
    content: '';
    width: 5px;
    height: 2px;
    background: #fff;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.quicklinks li a:hover{
    color: #5b5a5a;
}

.other-links ul li{
    margin: 0 0 10px;
}
.other-links li:last-child{
    margin: 0;
}
.other-links li a{
    position: relative;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    display: table;
}
.footer-contact p a:hover,.other-links li a:hover{
    color: #5b5a5a;
}

.footer-contact p{
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    line-height: 36px;
}
.footer-contact p a{
    color: #fff;
}

.copyright{
    padding: 50px 0;
}
.copyright p{
    margin: 0;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
}
/* **** End Footer **** */

/* **** About Page **** */
.inner-banner{
    padding: 150px 0 0;
    position: relative;
}
.inner-banner .row{
    align-items: center;
}
.inner-banner-img img{
    width: 100%;
}
.inner-banner-data{
    max-width: 555px;
}
.breadcrumb-rw{
    margin: 0 0 30px;
}
.breadcrumb-rw ul{
    display: flex;
    align-items: center;
}
.breadcrumb-rw ul li{
    margin: 0 30px 0 0;
    position: relative;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}
.breadcrumb-rw ul li:after{
    position: absolute;
    content: '||';
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    right: -22px;
    top: 0;
}
.breadcrumb-rw ul li:last-child{
    margin: 0;    
}
.breadcrumb-rw ul li:last-child:after{display: none;}
.breadcrumb-rw ul li a{
    font-weight: normal;
    color: #fff;
}
.inner-banner-data h1{
    margin: 0 0 30px;
    font-family: 'Impact';
    font-weight: 400;
    font-size: 80px;
    line-height: 90px;
    color: #FFFFFF;
}
.inner-banner-data p{
    margin: 0;
    font-size: 30px;
    font-weight:300;
    color: #fff;
    line-height: 40px;
}

.about-pg-wrp{
    padding: 75px 0;
}
.about-pg-rw{
    padding: 75px 0;
}
.about-pg-rw .row{
    align-items: center;
    margin: 0 -25px;
}
.about-pg-rw .row .col-md-5{
    width: 46%;
    padding: 0 25px;
}
.about-pg-rw .row .col-md-7{
    width: 54%;
    padding: 0 25px;
}
.about-img img{
    width: 100%;
}
.about-data{
    max-width: 695px;
}
.about-data h2{
    margin: 0 0 40px;
    font-size: 60px;
    font-weight: normal;
    font-family: 'Impact';
    color: #fff;
    line-height: 70px;
}
.about-data p{
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
}
.about-data .nav-btn{
    margin: 25px 0 0;
}

.about-counter-row{
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}
.about-counter-row ul{
    display: flex;
    flex-wrap: wrap;
}
.about-counter-row ul li{
    width: 33.33%;
    border-right: 1px solid rgba(255, 255, 255, 0.20);
}
.about-counter-row ul li:last-child{
    border: none;
}
.about-counter-row ul li h3{
    margin: 0 0 5px;
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    font-family: 'Impact';
}
.about-counter-row ul li p{
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 26px;
}
.counter-bx{
    max-width: 150px;
}
.about-counter-row ul li:nth-child(2) .counter-bx{
    margin: 0 auto;
}
.about-counter-row ul li:nth-child(3) .counter-bx{
    margin: 0 0 0 auto;
}

.about-pg-rw:nth-child(even) .row{
    flex-flow: row-reverse;
}

.our-clints-list{
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
.our-clints-list ul{
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid rgba(255, 255, 255, 0.20);
    border-right: 1px solid rgba(255, 255, 255, 0.20);
}
.our-clints-list ul li{
    width: 20%;
    border-right: 1px solid rgba(255, 255, 255, 0.20);
}
.our-clints-list ul li:last-child{
    border: none;
}
.our-clints-list ul li figure{
    margin: 0 auto;
    display: table;
}

.our-team-wrp{
    padding: 150px 0;
}
.our-team-wrp h2{
    margin: 0 auto 60px;
    font-weight: 400;
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    color: #FFFFFF;
}
.our-team-wrp .row{
    margin: 0 -25px;
}
.our-team-wrp .row .col-md-4{
    padding: 0 25px;
}
.team-block{
    padding: 10px;
    border: 1px solid #fff;
}
.team-img img{
    width: 100%;
}
.team-data{
    padding: 20px;
}
.team-data h3{
    font-size: 26px;
    font-weight: normal;
    color: #ffff;
    line-height: 36px;
    font-family: 'Impact';
    margin: 0 0 10px;
}
.team-data p{
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 26px;
}
.team-data p:last-child{
    margin: 0;
}
/* **** End About Page **** */

/* **** Products Page **** */
.products-wrp{
    padding: 75px 0 0;
}
.products-row{
    padding: 75px 0 0;
}
.products-row .freshness-packaging-title{
    margin: 0 auto 70px;
}
.products-row .freshness-packaging-title figure{
    max-width: 100px;
}
.products-row .freshness-packaging-title h2{
    font-size: 80px;
    text-transform: inherit;
}
/*.products-row .row{
    margin: 0 -75px;
}
.products-row .row .col-md-4{
    padding: 0 75px;
}*/
.product-box{
    margin: 0 auto 150px;
}
.product-box figure{
    margin: 0 auto 30px;
    max-width: 315px;
}
.product-box figure img{
    width: 100%;
}
.product-box h3{
    font-family: 'Impact';
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 auto;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.product-box h3:hover{
    color: #00B9B3;
}
/* **** End Products Page **** */

.section-404.error-pg {
    padding: 240px 0 160px;
}

.section-404.error-pg .detail-404 h2 {
    font-size: 60px;
    font-weight: normal;
}

.section-404.error-pg .detail-404  p {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    line-height: 30px;
}

.section-404.error-pg .back-home-button .nav-btn {
    margin: 0 auto;
}

.typography-section {
	padding: 180px 0 80px;
}

.typography-section h1 {
	font-size: 100px;
	color: #fff;
	margin: 0 0 9px 0;
}

.typography-section h2 {
	font-size: 80px;
	color: #fff;
	margin: 0 0 9px 0;
}

.typography-section h3 {
	font-size: 60px;
	color: #fff;
	margin: 0 0 9px 0;
}

.typography-section h4 {
	font-size: 42px;
	color: #fff;
	margin: 0 0 9px 0;
}

.typography-section h5 {
	font-size: 34px;
	color: #fff;
	margin: 0 0 9px 0;
}

.typography-section h6 {
	font-size: 26px;
	color: #fff;
	margin: 0 0 15px 0;
}

.typography-section p {
	font-size: 24px;
	color: #fff;
	margin: 0 0 15px 0;
}

.typography-section strong {
	color: #fff;
	font-style: italic;
}

.typography-section span {
	color: #fff;
}

.typography-section img {
	width: 100%;
	max-width: 300px;
}

.typography-section .alignleft {
	float: left;
	margin: 21px 20px 21px 0;
}

.typography-section .alignright {
	float: right;
	margin: 0 0 43px 20px;
}

.typography-section .aligncenter {
	display: block;
	margin: 9px auto 20px;
}

.typography-section blockquote {
	font-size: 24px;
	color: #fff;
	padding-left: 19px;
	border-left: 8px solid #FF5353;
	margin: 0 0 11px 0;
}

.typography-section ul,
ol {
	margin: 0 0 9px 0;
}

.typography-section ul li {
	font-size: 24px;
	color: #fff;
}

.typography-section ol li {
	font-size: 24px;
	color: #fff;
}

.typography-section a {
	font-size: 24px;
	color: #FF2727;
	text-decoration-line: underline;
}

.typography-section a:hover {
	color: #ff26ff;
}