*{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html{
font-size: 100%;
scroll-behavior: smooth;
}
a{
color: inherit;
text-decoration: none;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
a:hover,a:focus{
color: inherit;
text-decoration: none;
}
i,
span,
a{
display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6{
color: #000000;
margin: 0px;
font-family: 'Poppins';
}

ul,
ol {
margin: 0px;
padding: 0px;
list-style-type: none;
}
p {
margin: 0px;
}
input,
textarea {
display: inherit;
}
input:focus,
textarea:focus{
outline: none;
}
img {
max-width: 100%;
}
blockquote{
margin: 0;
}
body {
color: #000000;
font-size: 17px;
line-height: 1.5;
overflow-x: hidden;
font-family: 'Roboto';
}

.slick-slide {
outline: 0;
}
.form_group {
position: relative;
}
.form_control{
width: 100%;
border: none;
font-weight: 500;
}

.container-1450{
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container-1350{
max-width: 1380px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media only screen and (min-width: 1550px){
.container-1450{
max-width: 1480px;
}
}


@-webkit-keyframes animate {
17% { border-bottom-right-radius: 3px; }
25% { -webkit-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); }
50% {
-webkit-transform: translateY(18px) scale(1,.9) rotate(45deg) ;
transform: translateY(18px) scale(1,.9) rotate(45deg) ;
border-bottom-right-radius: 40px;
}
75% { -webkit-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); }
100% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); }
}
@keyframes animate {
17% { border-bottom-right-radius: 3px; }
25% { -webkit-transform: translateY(9px) rotate(22.5deg); transform: translateY(9px) rotate(22.5deg); }
50% {
-webkit-transform: translateY(18px) scale(1,.9) rotate(45deg) ;
transform: translateY(18px) scale(1,.9) rotate(45deg) ;
border-bottom-right-radius: 40px;
}
75% { -webkit-transform: translateY(9px) rotate(67.5deg); transform: translateY(9px) rotate(67.5deg); }
100% { -webkit-transform: translateY(0) rotate(90deg); transform: translateY(0) rotate(90deg); }
} 

@-webkit-keyframes shadow {
50% {
-webkit-transform: scale(1.2,1);
transform: scale(1.2,1);
}
} 

@keyframes shadow {
50% {
-webkit-transform: scale(1.2,1);
transform: scale(1.2,1);
}
}


/* Floating css */

.animate-float-x {
-webkit-animation-name: float-x;
animation-name: float-x;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}

.animate-float-y {
-webkit-animation-name: float-y;
animation-name: float-y;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}

@-webkit-keyframes float-x {
0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes float-x {
0% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@-webkit-keyframes float-y {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@-webkit-keyframes float-bob-y {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes float-bob-y {
0% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}

.back-to-top {background: #e9204f;border-radius: 50%;bottom: 30px;color: #fff;cursor: pointer;display: none;font-size: 20px;width: 50px;height: 50px;line-height: 50px;position: fixed;right: 30px;text-align: center;text-decoration: none;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;z-index: 337;}
.back-to-top:hover, .back-to-top:focus {background: black;color: #fff;}



/* Animation */
@-webkit-keyframes shakeX {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}

20%,
40%,
60%,
80% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
}
@keyframes shakeX {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
}


.transparent-header {position: absolute;background-color: transparent;top: 13px;left: 0;width: 100%;z-index: 999;}

/* Header Navigation Default */
.nav-ml-auto{
margin-left: auto;
}
.header-navigation .nav-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
visibility: hidden;
opacity: 0;
z-index: 9999;
}
.header-navigation .nav-overlay.active {
visibility: visible;
opacity: 1;
}
.breakpoint-on .nav-ml-mr-auto{
margin-left: 0px;
}
.site-branding .brand-logo{
max-width: 200px;
}
.header-navigation .primary-menu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-navigation .main-menu ul > li.has-children > a:before {
content: "\f107";
font-family: "Font Awesome 5 Pro";
font-weight: 600;
display: inline-block;
color: #162542;
font-size: 14px;
margin-left: 5px;
float: right;
}
.header-navigation .main-menu ul li {
display: inline-block;
position: relative;
}
.header-navigation .main-menu ul li:first-child > a {
padding-left: 0px;
}
.header-navigation .main-menu ul li > a {display: block;font-size: 17px;color: #fff;font-family: 'Roboto';text-transform: capitalize;font-weight: 700;padding: 35px 18px;line-height: inherit;}
.header-navigation .main-menu>ul>li>a:after{display: block;content: '';width: 0;height: 2px;background-color: #e9204f;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.header-navigation .main-menu ul li>a.active:before,
.header-navigation.breakpoint-on .nav-menu .main-menu ul>li>a.nav-link.active,
.header-navigation .main-menu ul li>a.active{color: #fff;}
.header-navigation .main-menu ul li .sub-menu {
position: absolute;
left: 0;
top: 120%;
min-width: 250px;
background-color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
z-index: 99;
padding: 10px 0;
height: auto;
-webkit-box-shadow: 0 30px 70px 0 rgb(137 139 142 / 15%);
box-shadow: 0 30px 70px 0 rgb(137 139 142 / 15%);
}
.header-navigation .main-menu ul li .sub-menu li {
display: block;
margin: 0;
}
.header-navigation .main-menu ul li .sub-menu li:last-child > a {
border-bottom: none;
}
.header-navigation .main-menu ul li .sub-menu li a {
display: block;
padding: 0 20px 0;
position: relative;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
border-radius: 0;
line-height: 45px;
margin: 0;
color: #1b3255;
}
.header-navigation .main-menu ul li .sub-menu li a:hover {
color: #fff;
border-color: transparent;
}
.header-navigation .main-menu ul li .sub-menu li .sub-menu {
left: 100%;
top: 50%;
}
.header-navigation .main-menu ul li .sub-menu li:hover .sub-menu {
top: 0%;
}
.header-navigation .main-menu ul li .sub-menu li:hover > a {
color: var(--blue-dark);
}
.header-navigation .main-menu ul li:hover.has-children > a:before {
color: var(--blue-dark);
}
.header-navigation .main-menu ul li:hover > a {color: #fff;}
.header-navigation .main-menu ul li>a.active:after,
.header-navigation .main-menu ul li:hover>a:after{width: 20px;}
.header-navigation .main-menu ul li:hover > .sub-menu {
opacity: 1;
visibility: visible;
top: 100%;
}
.header-navigation .main-menu ul li .dd-trigger {
display: none;
}
.header-navigation.breakpoint-on {
padding: 15px 0;
}
.header-navigation.breakpoint-on .header-right-nav ul li.bar-item{
display: none;
}
.header-navigation.breakpoint-on .primary-menu{
padding-bottom: 15px;
}
.header-navigation.breakpoint-on .nav-menu {
text-align: left;
background-color: #fff;
position: fixed;
top: 0;
left: -300px;
z-index: 9999;
width: 300px;
height: 100%;
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
padding: 0;
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
display: block;
overflow-x: hidden;
overflow-y: scroll;
padding-top: 70px;
}
.header-navigation.breakpoint-on .nav-menu.menu-on {
left: 0;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li {
display: block;
margin: 0;
border-bottom: 1px solid #ececec;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li:last-child {
border-bottom: 0;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu {
border-top: 1px solid #ececec;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
color: var(--heading);
padding: 13px 20px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li a:after{
display: none;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu {
width: 100%;
position: relative;
top: 0;
left: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
visibility: visible;
opacity: 1;
display: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a {
color: #162542;
padding: 0px 20px 0 40px;
line-height: 45px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover {
border-color: rgba(255, 255, 255, 0.5);
}
.header-navigation .main-menu ul > li.has-children .sub-menu li.has-children:hover > a:after {
color: var(--blue-dark);
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger {
display: block;
position: absolute;
right: 0;
height: 42px;
width: 45px;
top: 0;
border-left: 1px solid #eaeaea;
z-index: 2;
background: transparent;
text-align: center;
line-height: 45px;
cursor: pointer;
color: #162542;
font-size: 20px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu.menu-on {
left: 0;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li.search-item{
display: none;
}
.header-navigation.breakpoint-on .navbar-close,
.header-navigation.breakpoint-on .navbar-toggler {
display: block;
}
.header-navigation .header-right-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-navigation .navbar-toggler {
display: none;
padding: 0;
border: none;
background-color: transparent;
cursor: pointer;
}
.header-navigation .navbar-toggler span {position: relative;background-color: #fff;border-radius: 3px;display: block;height: 3px;margin-top: 5px;padding: 0;-webkit-transition-duration: 300ms;-o-transition-duration: 300ms;transition-duration: 300ms;width: 30px;cursor: pointer;display: block;}
.header-navigation .navbar-toggler.active span:nth-of-type(1) {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
top: 8px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(2) {
opacity: 0;
}
.header-navigation .navbar-toggler.active span:nth-of-type(3) {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
top: -8px;
}
.header-navigation .navbar-close {position: absolute;top: 0;right: 0;z-index: 12;width: 40px;height: 40px;text-align: center;line-height: 40px;display: none;cursor: pointer;background: #E9204F;}
.header-navigation .navbar-close i {
color: #fff;
font-size: 20px;
}
.navigation-white .navbar-toggler span{
background-color: #fff;
}
.header-navigation.breakpoint-on .nav-menu .nav-search{
display: block;
}
.nav-menu .nav-search{
display: none;
margin: 0 20px 20px;
}
.nav-menu .nav-search .form_group .form_control{
border: 1px solid #e1e1e1;
height: 60px;
padding: 0 20px;
}
.nav-menu .nav-search .form_group .search-btn{
position: absolute;
top: 17px;
right: 20px;
background-color: transparent;
}

/* Header Right Nav */
.header-right-nav ul{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-right-nav ul li.bar-item{
cursor: pointer;
}
.header-right-nav ul li.bar-item a{
width: 45px;
height: 45px;
border-radius: 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: var(--blue-dark);
}
.header-right-nav ul li.navbar-toggle-btn{
display: none;
}

/* Navigation Style v1 */
.header-navigation.breakpoint-on.navigation-style-v1 .primary-menu{
padding-bottom: 0;
border-bottom: none;
}
.navigation-style-v1 .primary-menu{
border-bottom: 1px solid rgba(25, 25, 25, 0.1);
}
.navigation-style-v1 .container-fluid{
padding-left: 70px;
padding-right: 70px;
}


/* Navigation Style v2 */

.navigation-style-v2 .container-fluid{
padding-left: 190px;
padding-right: 190px;
}
.navigation-style-v2 .header-right-nav ul li{
margin-left: 35px;
}
.navigation-style-v2 .header-right-nav ul li.cart-item a{
position: relative;
color: var(--heading);
}
.navigation-style-v2 .header-right-nav ul li.cart-item a span{
position: absolute;
top: -12px;
right: -12px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fd4a18;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
}
.navigation-style-v2 .header-right-nav ul li.bar-item a{
border-radius: 50%;
}


/* Navigation Style v3 */
.navigation-style-v3 .container-fluid{
padding-left: 70px;
padding-right: 70px;
}
.navigation-style-v3 .primary-menu .site-branding{
display: inline-flex;
align-items: center;
}
.navigation-style-v3 .primary-menu .site-branding .lang-dropdown{
margin-left: 50px;
display: inline-flex;
align-items: center;
}
.navigation-style-v3 .primary-menu .site-branding .lang-dropdown:before{
display: inline-block;
content: '|';
margin-right: 50px;
}
.lang-dropdown .nice-select{
display: flex;
border: none;
padding: 0;
font-size: 18px;
color: var(--heading);
font-weight: 700;
}
.lang-dropdown  .nice-select .option{
padding: 0 10px;
}
.navigation-style-v3 .header-right-nav ul li.bar-item span{
width: 28px;
height: 3px;
background-color: #191919;
display: block;
}
.navigation-style-v3 .header-right-nav ul li.bar-item span:nth-child(2){
width: 35px;
margin: 7px 0;
}
.navigation-style-v3 .header-right-nav ul li:not(first-child){
margin-left: 40px;
}
.navigation-style-v3 .header-navigation .main-menu ul li > a{
font-style: 17px;
font-weight: 500;
}
/* Header Sticky */
.header-navigation.sticky {position: fixed;top: 0;left: 0;right: 0;z-index: 999;background-color: black;-webkit-animation: sticky 1.2s;animation: sticky 1.2s;-webkit-box-shadow: 0px 10px 30px 0px rgb(110 104 162 / 10%);box-shadow: 0px 10px 30px 0px rgb(110 104 162 / 10%);}
.header-navigation.navigation-white.sticky{
background-color: var(--heading);
}
@-webkit-keyframes sticky {
0% {
top: -200px;
}
100% {
top: 0;
}
}
@keyframes sticky {
0% {
top: -200px;
}
100% {
top: 0;
}
}

.slick-dots li button{
position: relative;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: rgba(89, 86, 232, 0.3);
z-index: 1;
}
.slick-dots li button:after{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
content: '';
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid var(--blue-dark);
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.slick-dots li.slick-active button:after{
visibility: visible;
opacity: 1;
}

.banner-sec{background-size: cover;background-repeat: no-repeat;padding: 200px 0px 400px 0px;position: relative;background-position: top center;}

/*.banner-sec:before{content:"";position: absolute;background-color: black;top: 0;left: 0;right: 0;bottom:0;opacity: 0.8;}*/

.banner-content h2{color: #fff;font-size: 38px;letter-spacing: -1.9px;font-weight: 300;margin-bottom: 25px;}

.banner-content h1{color: #fff;font-size: 51px;font-weight: 800;letter-spacing: 2px;margin-bottom: 25px;}


.banner-content h3{
font-size: 28px;
color: #fff;
}

.site-branding img {
    width: 200px;
}

.banner-small-image img{
	    opacity: 0.23;
}


.banner-boxes-content-main{background-color: #1B1B1B;box-shadow: 0px 10px 50px 1px rgba(0,0,0,0.3);transition: background 0.7s;padding: 60px 40px 60px 40px;height: 100%; cursor: pointer;}

.banner-boxes-icon i{
font-size: 48px;
color: #E9204F;
}

.banner-boxes-content{
position: relative;
}

.banner-boxes-content h3{
	color: #fff;
	font-family: 'Poppins';
	font-size: 24px;
    font-weight: 700;
    position: relative;
}

.banner-boxes-content h3:before{content:"";position: absolute;background-color: #E9204F;height: 2px;width: 40px;bottom: -9px;}

.banner-boxes-icon {
    margin-bottom: 60px;
}

.banner-boxes-content p{
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	line-height: 26px;
	margin-top: 30px;
}

.banner-boxes-sec{margin-top: -300px;}


.banner-boxes-content-main:hover{background-color: #E9204F;z-index: 1;position: relative;}

.banner-boxes-content-main:hover .banner-boxes-icon i{
	color: #fff;
}

.banner-boxes-content-main:hover .banner-boxes-content h3:before{
	background-color: #fff;
}

.banner-boxes-content-main.banner-boxes-shape:after{content: "";background-color: #E9204F;height: 70px;width: 385px;position: absolute;bottom: -18px;z-index: -1;left: 15px;transition: background 0.7s;}


.banner-boxes-content-main.banner-boxes-shape:hover:after{
	z-index:inherit;
	left: 0;
}

.services-sec {
    margin-top: 150px;
    position: relative;
}

.services-sec-head h2{color: #101010;font-size: 48px;font-weight: 700;position: relative;margin-bottom: 20px;}

.services-sec-head h2:before{content:"";position: absolute;height: 2px;width: 40px;top: -40px;left: 0;background-color: #E9204F;}

.services-sec-head h4{
color: #e9204f;
font-family: 'Roboto Condensed';
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}

.services-boxes-main{background-color: #f3f3f3;transition: background 0.7s, border 0.7s, border-radius 0.7s, box-shadow 0.7s;padding: 60px 40px 60px 40px;height: 100%;}

.logo-boxes-main{background-color: #f3f3f3;transition: background 0.7s, border 0.7s, border-radius 0.7s, box-shadow 0.7s;padding: 30px;height: 100%;align-content: center;}

.services-sec-head {
margin-bottom: 50px;
}

.services-boxes-icon i{
	font-size: 58px;
    color: #e9204f;
}

.services-boxes-icon{
    transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
    transform: translateY(10px);
}

.services-boxes-content h3{color: #101010;font-size: 20px;font-weight: 700;margin-bottom: 20px;}

.services-boxes-content p{
	color: #101010;
	font-size: 17px;
	margin-bottom: 20px;
	line-height: 26px;
}

.services-boxes-content{
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
transform: translateY(50px);
}

.services-boxes-link-icon i{
opacity: 0;
transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01);
font-size: 25px;
color: #ffffff;
}

.services-boxes-main:hover .services-boxes-icon{
transform: translateY(0px);
margin: 0px;
}

.services-boxes-main:hover .services-boxes-content{
transform: translateY(25px);
}

.services-boxes-main:hover{
	background-color: #e9204f;
}

.logo-boxes-main:hover{
	background-color: #c5c1c1;
}

.services-boxes-main:hover .services-boxes-icon i{
	color: #fff;
}

.services-boxes-main:hover .services-boxes-content h3{
	color: #fff;
}

.services-boxes-main:hover .services-boxes-content p{
	color: #fff;
}

.services-boxes-main:hover .services-boxes-content .services-boxes-link-icon i{
opacity: 1;
}

.service-box-link{
	height: 100%;
}


.works-sec-head h2{
color: #101010;
font-size: 48px;
font-weight: 700;
position: relative;
margin-bottom: 20px;
}

.works-sec-head h4{
	color: #e9204f;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.works-sec-head h2:before{
content: "";
position: absolute;
height: 2px;
width: 40px;
top: -40px;
left: 0;
background-color: #E9204F;
}

.works-sec{margin-top: 300px;position: relative;}


.works-sec:before{
    content: '';
    background-color: #e9204f;
    height: 60px;
    width: 2px;
    position: absolute;
    top: -150px;
    left: 50%;
}

.screen {
    height: 450px;
    overflow: hidden;
    cursor: pointer;
    padding: 0px;
}

.screen img {
    transform: translate3d(0px, 0px, 0px);
    transition: 3s all;
}

.screen img:hover {
    transform: translate3d(0px, -70%, 0px);
}

.works-sec-head {
    margin-bottom: 50px;
}

.about-sec-head h2{
color: #101010;
font-size: 48px;
font-weight: 700;
position: relative;
margin-bottom: 20px;
}

.about-sec-head h4{
color: #e9204f;
font-family: 'Roboto Condensed';
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}

.about-sec {
    margin-top: 300px;
    position: relative;
}

.about-sec:before {
    content: '';
    background-color: #e9204f;
    height: 60px;
    width: 2px;
    position: absolute;
    top: -150px;
    left: 50%;
}

.about-us-head-content p{
color: #747474;
font-family: "Roboto Condensed", Sans-serif;
font-size: 18px;
font-weight: 300;
}

.about-us-head-content {
    text-align: right;
}

.about-box-image{
transition: background 3s, border-radius 0.3s, opacity 3s;
}

.about-box-image img{
height: 548px;
object-fit: cover;
filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );
transition: background 3s, border-radius 0.3s, opacity 3s;

}

.about-sec-head {
    margin-bottom: 50px;
}

.about-box-content h2{color: #101010;font-size: 22px;font-weight: 700;margin-bottom: 70px; position: relative;}

.about-box-content p{
color: #747474;
font-size: 17px;
font-weight: 400;
line-height: 26px;
}

.about-box-content {
    margin-top: 30px;
}

.about-box-content h2:before{
	    content: "";
	    position: absolute;
	    background-color: #E9204F;
	    height: 2px;
	    width: 40px;
	    bottom: -35px;
}

.about-box-image:hover img{
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}


.clients-sec {
    margin-top: 300px;
    position: relative;
}

.clients-sec:before {
    content: '';
    background-color: #e9204f;
    height: 60px;
    width: 2px;
    position: absolute;
    top: -150px;
    left: 50%;
}

.clients-head h2{
	    color: #101010;
    font-size: 48px;
    font-weight: 700;
    position: relative;
    margin-bottom: 20px;
}

.clients-head h4{
color: #e9204f;
font-family: 'Roboto Condensed';
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}

.clients-head{
	margin-bottom: 50px;
}

.clients-gallery ul{
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	justify-content: center;
}

footer{background-color: #1b1b1b;padding: 140px 0px 0px 0px;margin-top: 80px;position: relative;}


.footer-logo img{
width: 250px;
}

.footer-first-widget-content p{
color: #fff;
font-size: 17px;
font-weight: 400;
line-height: 26px;
}

.footer-logo {
    margin-bottom: 30px;
}

.footer-social ul{
	display: flex;
	gap: 10px;
}

.footer-social {
    display: inline-block;
}

.footer-social ul li a{width: 30px;height: 30px;border: 2px solid #e9204f; position: relative;border-radius: 50%;padding: 20px; transition: 700ms cubic-bezier(0.17, 0.67, 0, 1.01); display: block;}



.footer-social ul li a i{
color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
transition: all 0.2s ease-in-out;
}

.footer-social ul li:hover a{

    transform: translateY(-8px);
}

.footer-social ul li a:hover i{
	color: #e9204f;
}


.footer-first-widget-content {
    margin-bottom: 20px;
}

.footer-second-widget h2{color: #ffffff;font-size: 48px;margin-bottom: 20px;font-weight: 700;}

.footer-second-widget {
    text-align: center;
}

.footer-second-widget ul{
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 30px;
}

.footer-second-widget ul li{
	color: #fff;
	font-size: 17px;
}

.footer-second-widget ul li a{
	color: #fff;
	font-size: 17px;
}

.footer-second-widget ul li a:hover{
	color:#e9204f;
}

.footer-second-widget .pop-btn{font-family: "Poppins", Sans-serif;font-size: 17px;font-weight: 600;line-height: 16px;border-style: solid;border-width: 2px 2px 2px 2px;border-color: #e9204f;padding: 20px 40px 20px 40px;color: #fff;position: relative;z-index: 1;}

.footer-second-widget .pop-btn:before{
	background-color: #e9204f;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0, 1.01);
	/* transition-timing-function: cubic-bezier(0.17, 0.67, 0, 1.01); */
}

.footer-second-widget .pop-btn:hover:before{-webkit-transform: scaleX(1);transform: scaleX(1);}

.footer-third-widget{
	text-align: center;
}

.footer-third-widget h3{font-size: 28px;font-family: 'Roboto';color: #fff;margin-bottom: 20px;}


.footer-third-widget ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap:20px;
}

.footer-third-widget ul li a{
	color: #fff;
	font-size: 17px;
	position: relative;
}


.footer-third-widget ul li a:after{content:"";border-color: #E9204F;border-left-width: 2px;border-left-style: solid;position: absolute;height: 22px;right: calc(-21px/2);top: 7px;}

.footer-copy{background-color: #000000;padding: 30px;margin-top: 140px;}

.footer-copy-text p{
color: #747474;
font-family: "Roboto Condensed", Sans-serif;
font-size: 15px;
}

.footer-copy-text p a{
color: #fff;
}

.footer-copy-text p a:hover{
	color: #e9204f;
}

.footer-copy-privacy-list ul{
	display: flex;
	gap:20px;
}

.footer-copy-privacy-list ul li a{
	color: #fff;
	font-size: 15px;
}

.footer-copy-privacy-list ul li a:hover{
	color: #e9204f;
}

.footer-copy-privacy-list {
    float: right;
}

footer:before{
content: '';
background-color: #e9204f;
height: 60px;
width: 2px;
position: absolute;
top: -30px;
left: 50%;
}

.nav-menu.nav-ml-auto.menu-on .main-menu ul li>a.active{
	color: black !important;
}

.works-port-branding{
	margin-top: 20px;
}

.works-port-main.works-port-logo {
    text-align: center;
    margin-top: 30px;
}

.inner-banner-sec{
	background-color: #000000e6;
	padding: 180px 0px 50px 0px;
	position: relative;
}
 
.inner-banner-sec-head h1{
color: #fff;
margin-bottom: 20px;
font-size: 42px;
font-weight: 700;
position: relative;
}

.inner-banner-sec-head h1:before{content: "";position: absolute;height: 2px;width: 60px;top: -30px;left: 0;background-color: #E9204F;}

.inner-banner-sec-page-listing ul{
	display: flex;
	gap: 20px;
}

.inner-banner-sec-page-listing ul li a{
color: #E9204F;
font-family: Roboto Condensed;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}

.inner-banner-sec-page-listing ul li span{
color: #fff;
opacity: .5;
font-size: 13px;
}

.inner-banner-sec-page-listing ul li{
color: #fff;
font-family: Roboto Condensed;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}

.video-page-content-sec {
margin-top: 50px;
}

.video-page-content-head h2{color: #E9204F;font-size: 28px;font-weight: 700;margin-bottom: 20px;}

.video-page-content-head p{
color: #7a7a7a;
font-size: 17px;
line-height: 1.5;
margin-bottom: 20px;
}

.video-page-content-head p strong{
	color: black;
}

.packages-sec{
	margin-top: 50px;
}

.packages-head {
    text-align: center;
    margin-bottom: 50px;
}

.packages-head h2{color: #E9204F;font-size: 42px;font-weight: 700;}

.packages-main{border: 3px solid #E9E2E24F;transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;height: 100%;}

.packages-title-head.packages-gradiant-1{background-image: -webkit-linear-gradient(45deg, #3d9ff3 0%, #3fd5cc 100%);padding: 50px 30px 50px 30px;}

.packages-title-head h3{color: #fff;text-transform: capitalize;font-size: 30px;font-weight: 700;font-family: 'Roboto';margin-bottom: 10px;}


.packages-title-head h2{font-size: 60px;font-family: 'Roboto';color: #fff;padding-left: 20px;position: relative;font-weight: 700;}

.packages-title-head h2 span{
	position: absolute;
	left: 0px;
	font-size: 20px;
	top: 10px;
}

.packages-content{
	padding: 30px 30px 30px 30px;
}

 
.packages-content ul{display: flex;flex-direction: column;gap: 15px;}

.packages-content ul li{color: #78909c;font-size: 15px;position: relative;padding-left: 30px;}


.packages-content ul li:before{content: "\f00c";color: #78909c;margin: 0 5px 0 0;font-family: 'Font Awesome 6 Free';font-weight: 900;font-size: 20px;position: absolute;left: 0;}

.package-btn{border-radius: 5px;font-size: 14px;color: #fff;padding: 25px 40px 25px 40px;width: 100%;text-align: center;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;margin-top: 35px;}

.package-btn.packages-gradiant-1{
	background-image: -webkit-linear-gradient(45deg, #3d9ff3 0%, #3fd5cc 100%);
}

.package-btn.packages-gradiant-2{
    background-image: -webkit-linear-gradient(45deg, #643df3 0%, #9b3fd5 100%);
}

.packages-title-head.packages-gradiant-2{ background-image: -webkit-linear-gradient(45deg, #643df3 0%, #9b3fd5 100%);padding: 50px 30px 50px 30px;}

.package-btn.packages-gradiant-2:hover{
	background-image: -webkit-linear-gradient(45deg, #9b3fd5 0%,   #643df3 100%);
	color: #fff;
}


.package-btn.packages-gradiant-3{
      background-image: -webkit-linear-gradient(45deg, #f33d82 0%, #d5b43f 100%);
}

.packages-title-head.packages-gradiant-3{     background-image: -webkit-linear-gradient(45deg, #f33d82 0%, #d5b43f 100%);padding: 50px 30px 50px 30px;}

.package-btn.packages-gradiant-3:hover{
	    background-image: -webkit-linear-gradient(45deg, #d5b43f  0%,  #f33d82 100%);
	color: #fff;
}

.package-btn.packages-gradiant-1:hover{
	background-image: -webkit-linear-gradient(45deg, #3fd5cc 0%, #3d9ff3 100%);
	color: #fff;
}

.inner-page-portfolio-sec{
	margin-top: 50px;
}

.inner-page-portfolio-head{
    text-align: center;
    margin-bottom: 50px
}

.inner-page-portfolio-head{
	text-align: center;
}

.inner-page-portfolio-head h2{color: #E9204F;font-size: 42px;font-weight: 700;}

.inner-page-portfolio-content{
	margin-bottom: 20px;
}

.branding-page-content-sec{margin-top: 50px;margin-bottom: 100px;}

.branding-page-content-head h2{
color: #E9204F;
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
}

.branding-page-content-head p{
color: #7a7a7a;
font-size: 17px;
line-height: 1.5;
margin-bottom: 20px;
}

.branding-page-content-extra-left-content ul{
	list-style: disc;
	padding-left: 20px;
}

.branding-page-content-extra-left-content ul li{
	color: #7a7a7a;
}

.branding-page-content-extra-right-content img{
	    transition-duration: .5s;
    transition-property: transform;
    border: 3px solid #D3CECE;
}

.branding-page-content-extra-right-content img:hover{
transform: scale(1.1);
}

.branding-page-content-extra-left-content{
	margin-top: 20px;
}

.inner-page-portfolio-content.branding-portfolio-content img{object-fit: cover;width: 600px;border: 3px solid #D3CECE;}


.packages-content p{text-align: center;color: #78909c;font-size: 15px;font-weight: 700;margin-bottom: 20px;}

.branding-page-content-extra-right-content {
    text-align: center;
}

section.branding-page-content-sec.reputation-page-content-sec {
    margin-bottom: 50px;
}

.footer-third-widget ul li a:hover{
color: #e9204f;
}

.terms-sec{
margin-top: 50px;
}

.terms-page-head h2{
color: #E9204F;
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
}

.terms-page-head p{
color: #7a7a7a;
font-size: 17px;
line-height: 1.5;
margin-bottom: 20px;
}

.terms-page-head a{
color: #E9204F;
}

.terms-page-head ul{
list-style: disc;
padding-left: 20px;
margin-bottom: 20px;
}

.terms-page-head ul li{
color: #7a7a7a;
}

.terms-page-head h1{color: #E9204F;font-weight: 700;margin-bottom: 20px;font-size: 35px;}

.terms-page-head ol{
	list-style-type: binary;
}

.privacy-sec{
margin-top: 50px;
}

.privacy-head h2{
color: #E9204F;
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
}

.privacy-head p{
color: #7a7a7a;
font-size: 17px;
line-height: 1.5;
margin-bottom: 20px;
}

.privacy-head ul{
	list-style: disc;
	padding-left: 20px;
	margin-bottom: 20px;
}

.privacy-head ul li{
color: #7a7a7a;
}

.privacy-head ul li strong{
	color: black;
}

.privacy-head a{
	color: #E9204F;
}

.order-popup .modal-body{width: 700px;margin: 0 auto;}

.order-popup .modal-body h1{color: #101010;font-size: 48px;font-weight: 800;margin-bottom: 20px;}

.order-popup .modal-body p{
color: #747474;
font-size: 17px;
}

.order-popup .modal-body .model-head-content{margin-bottom: 40px;}

.order-popup .modal-body .form-group {
margin-bottom: 20px;
position: relative;
}

.order-popup .modal-body label{
color: #101010;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}

.order-popup .modal-body input{
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 0px;
	padding: 25px 10px 25px 10px;
}

.order-popup .modal-body select{
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 0px;
	padding: 0px 10px 0px 10px;
	height: 60px;
}


.order-popup .modal-body select:focus{
	box-shadow: none;
	outline: none;
	border: 1px solid #e9204f;
}

.order-popup .modal-body input:focus{
	box-shadow: none;
	border: 1px solid #e9204f;
}

.order-popup .modal-body textarea{
	min-height: 150px;
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 0px;
}



.order-popup .modal-body textarea:focus{
	box-shadow: none;
	border: 1px solid #e9204f;

}

.order-popup .modal-body .order-btn{
    color: #ffffff;
    background-color: #e9204f;
    padding: 10px 80px 10px 80px;
    font-size: 20px;
    border: none;
    margin-top: 20px;
}


.order-popup .modal.modal-fullscreen .modal-body {
    overflow-y: hidden;
}

.order-popup .modal-body .btn-close{
	
position: absolute;
	
right: 0;
	
border: none;
	
background: transparent;
	
color: #acacac;
	
font-size: 30px;
	
top: 30px;
}
.listBox li {
	color: #7a7a7a;
	font-size: 14px;
}
a.logoBox >img {
    max-width: 200px;
}
a.logoBox > h2 {
	margin-bottom: 0;
	color: #000;
}
a.logoBox:first-child>img {
    filter: drop-shadow(1px 2px 1px black);
}