@charset "UTF-8";

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0!important;
    font-family: proxima-nova,sans-serif;
}

body {
    color: #000;
    font-size: 16px;
    font-family: proxima-nova,sans-serif;
    overflow-x: hidden;
    font-weight: 300;
    background-color: #FFF7F2;
    overflow-y: scroll;
}

:focus {
    outline: -webkit-focus-ring-color auto 0;
}

img{width:100%;}

a,
a:hover,
a:focus,
a:visited {
    outline: 0;
    text-decoration: none;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -ms-transition: all .4s linear;
    transition: all .4s linear;
}

button::-moz-focus-inner {
    outline: 0;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

ul li,
ol li {
    list-style-type: none;
    text-decoration: none;
}

::selection {
    background: #dcdcdc;
    color: #060606;
}

.viewport {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.scroll-container {
  /*position: absolute;*/
  overflow: hidden;
  z-index: 10;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.content {
  width: 100%; 
}

/* =========================================extra css================================
==================================================================================*/
.margin-top-20{margin-top: 20px;}
.ws-nowrap{white-space: nowrap;}

.loading-screen {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background: linear-gradient(150deg, #FFCC00 0%, #f66904 92.45%);
    width: 0%;
    height: 100%;
}

.load-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
}

/* =========================================header================================
==================================================================================*/

 /*navbar*/

.carousel-caption{bottom: 50%;padding: 0;}

.nav-header .container,
.nav-header .container-fluid {
	padding: 0;
}

.menu-bar {
	position: relative;
	width: 100%;
	padding: 0 20px;
}

.menu-bar li a {
    font-family: 'Montserrat', sans-serif!important;
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.0em;
	text-transform: uppercase;
	color: #fff;
	padding: 20px 0;
	display: block;
	transition: all 0.3s ease 0s;
	position: relative;
}

/*.menu-bar ul li.active a:after{*/
/*	content: "";*/
/*	position: absolute;*/
/*	left: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	width: 100%;*/
/*	border-bottom: 5px solid #FFCC00;*/
/*    z-index: -6;*/
/*}*/

.menu-bar li {
	/*display: inline-block;*/
	padding: 0 12px;
	line-height: 40px;
}

.mob-nav {
	display: none;
}

.jm-head-panel {
	position: relative;
	width: 100%;
}

.jm-menu-block {
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	border-radius: 0px 0px 8px 8px;
	position: absolute;
	right: 0;
	width: 100%;
}

.jm-logo-block {
	position: absolute;
	right: 0;
	left: 5px;
	overflow: hidden;
	top: -2px;
	background: url('../images/logo-white-bg.png') no-repeat 0 0;
	background-size: cover;
	padding: 19px 35px 35px;	
}
a.menu-logo-link{
	position: absolute;
	left: 40px;
	top: 16px;
	width: 282px;
	height: 55px;
	z-index: 9990;
}
.jm-logo-block img {
	width: auto;
	height: 55px;
}

.header {
	position: relative;
	z-index: 999;
}

.jm-header .navbar {
	padding: 12px 0 0;
	z-index: 1000;
}

.jm-header {
	position: fixed;
	z-index: 999;
	width: 100%;
	padding: 0 40px;
}

.navbar-nav {
	justify-content: flex-end;
}

.menu-bar .target {
	position: absolute;
	border-bottom: 5px solid transparent;
	z-index: -1;
	transform: translateX(-40px) !important;
	top: 0 !important;
}

.menu-bar a,
.menu-bar .target {
	transition: all .35s ease-in-out;
}


/* mobile nav */
/*-------------------*/

.menu-icon-box {
	display: none;
	position: relative;
	top: 12px;
	height: 39px;
	width: 45px;
	cursor: pointer;
	z-index: 10000;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
	/*border: 1px solid white;*/
	background-color: transparent;
}

@media (pointer: fine) {
	.menu-icon-box:hover span {
		background: #fc0;
	}
}

.menu-icon-box.active .menu-line-top {
	top: 8px;
	-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
	transform: translateY(11px) translateX(0) rotate(45deg);
	background: #8505a9;
}

.menu-icon-box.active .menu-line-middle {
	opacity: 0;
}

.menu-icon-box.active .menu-line-bottom {
	top: 30px;
	-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
	transform: translateY(-11px) translateX(0) rotate(-45deg);
	background: #8505a9;
}

.menu-icon-box span {
	background: #fff;
	border: none;
	height: 2px;
	width: 55%;
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}

.menu-icon-box span:nth-of-type(2) {
	top: 18px;
}

.menu-icon-box span:nth-of-type(3) {
	top: 26px;
}

.menu-overlay-wrap nav {
	background: none;
}

.menu-overlay-wrap {
	position: fixed;
	background: #fff;
	top: 0;
    right: 20px;
    left: 20px;
    bottom: 20px;
    width: auto;
    height: auto;   
    overflow-y: auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    
}

.menu-overlay-wrap.open {
	/*opacity: 1;
	visibility: visible;*/
    z-index: 9;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    
}

.menu-overlay-wrap nav {
	position: relative;
	width: 100%;
	padding-left: 15%;
	padding-right: 15%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1000;
}

.menu-overlay-wrap ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	height: 100%;
	width: 100%
}

.menu-overlay-wrap ul li {
	width: 100%;
	position: relative;
	opacity: 1;
}

.menu-overlay-wrap ul li a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	font-weight: 600;
	text-align: left;
	color: #8505a9;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 7px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.menu-overlay-wrap ul li a:hover,
.menu-overlay-wrap ul li a:focus,
.menu-overlay-wrap ul li a:active {
	color: #e3000f;
}

.menu-overlay-wrap ul li a:hover:after,
.menu-overlay-wrap ul li a:focus:after,
.menu-overlay-wrap ul li a:active:after {
	width: 100%;
}

.menu-overlay-wrap ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	/*-webkit-transform: translateX(-50%);
          transform: translateX(-50%);*/
	height: 100%;
	color: #e3000f;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.menu-social-block {
	padding: 0 !important;
}

.menu-social-block li {
	width: 25px !important;
}

.menusocial{
    display: flex;
    flex-wrap: wrap;
}

.menusocial li{
    width: 50px!important;
}

/*end*/


/* =========================================circle banner================================
==================================================================================*/

.banner{
    position: relative;
}


.jm-circle-banner{    
    background: -webkit-linear-gradient(100deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
    background: linear-gradient(100deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
    background-position: 100%;
    background-size: contain;
    height: 100%;
    width: 100%;
    display: block!important;
    position: absolute!important;
    
}

.banner .carousel-item{
    display: block;
}

.view{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: auto 0;
   
}

.circle-wrap{
    position: absolute;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: auto 0;
    opacity: 0;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

body.loaded .circle-wrap,
body.loaded .jm-img-content {
    opacity: 1;
}

.ellispe1{
    background: linear-gradient(180deg, #FF9458 0%, rgba(250, 191, 116, 0.14) 100%)!important;
    background-position: 100%;
    background-size: cover;
    width: 21.9vw;
    height: 21.9vw;
    border-radius: 50%;
    position: absolute;
    z-index: 999;
}

.ellispe2{
    background: linear-gradient(180deg, #FA9474 0%, rgba(205, 141, 255, 0) 100%)!important;
    background-position: 100%;
    background-size: cover;
    width: 29.7vw;
    height: 29.7vw;
    border-radius: 50%;
    position: absolute;
    z-index: 998;
}

.ellispe3{
    background: linear-gradient(179.46deg, #BE2BD6 15.78%, rgba(121, 0, 164, 0) 101.48%)!important;
    background-position: 100%;
    background-size: cover;
    width: 36.2vw;
    height: 36.2vw;
    border-radius: 50%;
    position: absolute;
    z-index: 997;
}

.jm-img-content{
    position: absolute;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: auto 0;
    z-index: 999;
}

.jm-vid-content{
	position: absolute;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: auto 0;
    z-index: 999;
}

#vidone{
	margin-top: -3.5vw;
}
.mach-shape-wrap{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}


body.loaded .mach-shape-wrap {
    opacity: 1;
}

.mach-shape-img{
    width: 100%;
    max-width: 36vw;
    padding: 5vw 0 0 0;
}

.mach-shape-content{
    text-align: left;
    width: 32vw;
	display: inline-grid;
    align-content: center;
}

.mach-shape-content h2{
    font-family: 'Montserrat', sans-serif;
    /*font-size: 60px;
    line-height: 98.9%;*/
    font-size: 3.4vw;
    line-height: 3.4vw;
    font-weight: 700;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
    
    
}
.mach-shape-content p{
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2vw;
    line-height: 2.5vw;
	padding-bottom: 0.6vw;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FFFFFF;
}

.mach-shape-wrap .mach-shape-content h4{
    font-family: 'Montserrat', sans-serif;
     font-weight: 300;
     font-size: 1.4vw;
    line-height: 2vw;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    color: #FFFFFF;
	padding: 2vw 0;
	opacity:1!important;
}


.mach-shape-content h5{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6vw;
    line-height: 2vw;
	padding-bottom: 0.6vw;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.mach-shape-content h6{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.1vw;
    line-height: 2vw;
    letter-spacing: 0.125em;
    text-transform: capitalize;
    color: #FFFFFF;
}

.jm-video-banner .mach-shape-content h2{
	font-size: 4.4vw;
    line-height: 1;
}

.jm-video-banner .mach-shape-content h2 span{
	font-weight: 300;
}

.banner .carousel-control-prev-icon{
    background: url(../images/arrow-prev-white.svg) no-repeat;
    background-size: auto 100%;
    background-position: 50%;
}

.banner .carousel-control-next-icon{
    background: url(../images/arrow-next-white.svg) no-repeat;
    background-size: auto 100%;
    background-position: 50%;
}

.banner .carousel-control-next-icon, .banner .carousel-control-prev-icon{width: 50px; height: 50px;}

.left-image-slide .mach-shape-wrap{ flex-flow:row-reverse;}
.left-image-slide .mach-shape-content{
	padding-left: 3vw;
}


.spreads-wings .mach-shape-img {
    max-width: 39vw;
    padding: 3vw 0 0 0;
}

.spreads-wings .mach-shape-content h5{padding-bottom: 2vw;}

.blow-mould-exclusive .mach-shape-content p{
	padding-bottom: 1.6vw;
    font-weight: 400;
    letter-spacing: 0.02em;
}
.blow-mould-exclusive .mach-shape-content h2 span{
	font-weight: 200;
}
.blow-mould-exclusive .mach-shape-content h4{
	padding: 1.2vw 0 0;
}

.blow-mould-exclusive .mach-shape-content h6{padding: 2vw 0 0;}

.mind-blowing-slide .mach-shape-img {
	max-width: 40vw;
}

.lifetime-slide .mach-shape-content p{
	font-weight: 200;
	padding-top: 0.6vw;
}

.lifetime-slide .mach-shape-content h4{
	font-weight: 200;
	padding-top: 0.6vw;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2vw;
    line-height: 2.5vw;
    padding-bottom: 0.6vw;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FFFFFF;
}

.lifetime-slide .mach-shape-content p span{
	font-weight: 600;
}

.jm-round-img{
	width: 54vw;
	height: 53vw;
	border-radius: 50%;
	box-shadow: -20px 4px 35px -1px rgba(121, 41, 73, 0.4);
    z-index: 999;
}

.jm-round-img.exports-countries{
	background: url(../images/home-slider/export-slide.jpg);
	background-size: 152%;
    background-position: 62% 32%;
	background-repeat: no-repeat;
	position: absolute;
}


.jm-round-img.best-brand-award{
	background: url(../images/home-slider/best-brand-slide.jpg);
	background-size: cover;
	background-position: 25% 0%;
	background-repeat: no-repeat;	
	margin-left: 3vw;
	position: absolute;
}
.jm-round-img.lifetime-award{
	background: url(../images/home-slider/lifetime-award-slide.jpg);
	background-size: 204%;
	background-position: 28% 0%;
	background-repeat: no-repeat;
	position: absolute;
}


.mind-blowing-slide .circle-wrap{
	left: 23vw;
}

.exports-slide .mach-shape-content p{
	font-weight: 300;
    padding-top: 1.6vw;
}
.exports-slide .mach-shape-content p span{
	font-size: 6vw;
    line-height: 6vw;
    font-weight: 500;
}

.exports-slide .circle-wrap, .best-brand-slide .circle-wrap, .lifetime-slide .circle-wrap{
    right: 27%;
    z-index: -9;
}

.exports-slide .ellispe1, .best-brand-slide .ellispe1, .lifetime-slide .ellispe1{
	width: 44.9vw;
	height: 44.9vw;
}
.exports-slide .ellispe2, .best-brand-slide .ellispe2, .lifetime-slide .ellispe2{
    width: 68.7vw;
    height: 68.7vw;
}
.exports-slide .ellispe3, .best-brand-slide .ellispe3, .lifetime-slide .ellispe3{
    width: 82.2vw;
    height: 82.2vw;
}

.floatingsocialnav {
    position: fixed;
    z-index: 100;
    width: 42px;
    left: 1%;
    right: 0;
    bottom: 40px;
    top: auto;
}

.floatingsocialnav .mshare {
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
    margin: 15px auto;
}

.floatingsocialnav ul li a {
    color: #fff;
    padding: 4px 0;
    display: block;
    text-align: center;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    width: 34px;
    margin: 0 auto;
}

.floatingsocialnav ul li:hover a, .menusocial li:hover img{
   -webkit-transition: all 300ms linear;
   -moz-transition: all 300ms linear;
   -o-transition: all 300ms linear;
   -ms-transition: all 300ms linear;
   transition: all 300ms linear;
}

.floatingsocialnav ul li:hover a{
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
   -o-transform: scale(0.9);
   -ms-transform: scale(0.9);
   transform: scale(0.9);
}

.menusocial li:hover a{
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
   -o-transform: scale(0.9);
   -ms-transform: scale(0.9);
   transform: scale(0.9);
}

/* =========================================mgf-block================================
==================================================================================*/


.container {
	max-width: 100%;
	width: calc(100% - 200px);
}

.video-fluid{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.jm-video-banner .mach-shape-content {
	width: 100%;
	padding: 0;
}
.jm-video-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
    opacity: 0.6;
}

.jm-about-wrap{
    width:90%;
	position: relative;	
}	

.index-mgf-mask-anim{	
    position: absolute;	
    top: 0;	
    left: 0;	
    right: 0;	
    bottom: 0;	
    background: #fff7f2;	
}	

.jm-about-wrap .row{	
    margin: 0;	
}	

.jm-about-panel{
    padding: 100px 0;
}

.jm-about-img{
    background: url(../images/mfg-bg-img.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    position: relative;
	padding: 0;
}

.jm-about-content{
    background-color: #ffffff;
    padding: 70px 0 0;
	overflow: hidden;
}

.jm-about-content h5{
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.005em;
    color: #000000;
    text-align: justify;
    font-weight: 300;
    padding:0 0 30px 0;
}

.jm-about-content h5.firstpar{font-weight: 400;}

.jm-about-content h5:nth-child(2){
    padding: 0 0 30px;
}

.jm-about-content .container{
    max-width: 565px;
    position: relative;    
}


.btn-block{
    font-family: Montserrat;
    font-weight: 400;
    display: block;
    letter-spacing: 0.28em;
    font-size: 14px;
    line-height: 14px;
     text-transform: uppercase;
    color: #FFFFFF;
    width:210px;
    text-align: center;
    padding: 20px;
    color: #fff;
    z-index: 1;
    right: 15px;
    bottom: 0;
    text-decoration: none;
    background-color: #473585; 
    position: absolute;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}


@media (pointer: fine) {
.btn-block:hover{
    color: #fff;
	letter-spacing: 0.45em;
}
}


/*.jm-img-block-content{*/
/*    width: 460px;*/
   /* background:  linear-gradient(0deg, #E3000F -7.32%, #C2000D 102.51%); */
/*   background-color: #e5901f;*/
/*    padding: 60px 50px 50px;*/
/*    position: absolute;*/
/*    top:-100px;*/
/*    left: 0%;*/
/*}*/
.jm-img-block-content{
    width: 460px;
   /* background:  linear-gradient(0deg, #E3000F -7.32%, #C2000D 102.51%); */
   background-color: #e5901f;
    padding: 60px 50px 50px;
    position: absolute;
    top:-50px;
    left: -10%;
}

.jm-img-block-content h1{
    font-family: 'Montserrat', sans-serif!important;
    font-size: 36px;
    line-height: 108.9%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    font-weight: 200;
}

.jm-img-block-content h1 span{
    font-weight: 700;
}

.jm-counter-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.count-block{
    width: 20vw;
    height: 20vw;
}

.inner-block {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.first-img{
   /* background: url(../images/count-img11.jpg) no-repeat; */
   background-color: rgb(229, 144, 31);
    background-position: 100%;
    background-size: cover;
     border: 2px solid #eda702; 
}

.count-title {
    font-family: 'Montserrat', sans-serif!important;
    font-size: 4vw;
    line-height: 4.2vw;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #fff;
}

.counter{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.count-text {
    font-family: 'Montserrat', sans-serif!important;
    font-size: 0.9vw;
    line-height: 1vw;
    font-weight: 400;
    letter-spacing: -0.005em;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}

.second-img{
    background: url(../images/count-img2.jpg) no-repeat;
    background-position: 100%;
    background-size: cover;
    margin-top: 20vw;
}

.third-img{
/*    background: url(../images/count-img31.jpg) no-repeat; */
 background-color: rgb(229, 144, 31);
    background-position: 100%;
    background-size: cover;
    margin-top: 11vw;
   border: 2px solid #eda702; 
}

.fourth-img{
    background: url(../images/count-img4.jpg) no-repeat;
    background-position: 100%;
    background-size: cover;
}

.third-img:hover{
   filter: opacity(80%);
}

.bg-block:hover{
   filter: opacity(80%);
}
.first-img:hover{
   filter: opacity(80%);
}
.fifth-img{
    background: url(../images/count-img5.jpg) no-repeat;
    background-position: 100%;
    background-size: cover;
}

.bg-block{
    background-color:#e5901f; 
     border: 2px solid #eda702;
   /* background: linear-gradient(100deg, #e5901f 0%, #e5901f 41%, #e5901f 100%); */
    margin-top: 8vw;
     
}

.sixth-img{
    background: url(../images/count-img6.jpg) no-repeat;
    background-position: 100%;
    background-size: cover;
}

.counter-panel{
    padding: 0 0 120px;
}

/* =========================================awards block================================
==================================================================================*/

.awards-panel{
    position: relative;
    padding: 0 0 80px;
}

.line-wrap{
    width: 100%;
    padding-left: 190px;
}

.jm-heading{
	position: relative;
}
.jm-heading h3{
    font-family: 'Montserrat', sans-serif!important;
    font-size: 50px;                      
    line-height: 98.9%;
    font-weight: 500;
    letter-spacing: -0.04em;
    position: relative;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.jm-heading h1{
    font-family: 'Montserrat', sans-serif!important;
    font-size: 50px;                      
    line-height: 98.9%;
    font-weight: 500;
    letter-spacing: -0.04em;
    position: relative;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.jm-heading h2{
    font-family: 'Montserrat', sans-serif!important;
    font-size: 50px;                      
    line-height: 98.9%;
    font-weight: 500;
    letter-spacing: -0.04em;
    position: relative;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}


.jm-head-line{
    content: '';
    background: url(../images/line-img.png) no-repeat;
    position: absolute;
    left: -188px;
    width: 168px;
    height: 3px;
    bottom: 7px;
}


.jm-heading h6{
    font-size: 18px;
    line-height: 124%;
    letter-spacing: 0.01em;
    color: #000000;
    font-weight: 700;
    padding: 22px 0 0 0;
}

.jm-sec-title{
    position: relative;
}

.jm-heading p{
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #000000;
    font-weight: 300;
    padding: 25px 0 50px 0;
    width: 905px;
}

.awards-block{
    padding: 35px 0;
}

.awards-content h6{
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.01em;
    color: #000000;
    font-weight: 300;
    padding: 15px 0 0px;
}


/* =========================================machine-carousel block================================
==================================================================================*/
.machine-panel{
    padding: 0 0 115px 0;
    position: relative;
}

.partners-panel, .ipf-panel, .appli-panel, .mould-slider-panel, .timeline-panel{
    width: calc(100% - 115px);
    margin: 0 0 0 auto;
    padding-left: 190px;
}

.partners-img .carousel-item-next, .partners-img .carousel-item-prev, .partners-img .carousel-item.active { display: flex!important;}

.partners-img .carousel-item img {
    width: 100%;
    max-width: 295px;
}

.carousel-flex {
    display: flex!important;
    flex-wrap: nowrap;
    
}

.partners-img{
    padding: 50px 0 80px;
}

.controls-top{
    position: absolute;
    top: -6%;
    display: flex;
    width: 100%;
    background: -webkit-linear-gradient(126.23deg, #FFFFFF -20.73%, #FF825A 23.13%, #8300B1 98.99%);
    background: linear-gradient(126.23deg, #FFFFFF -20.73%, #FF825A 23.13%, #8300B1 98.99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.right-caro{
    position: absolute;
    right: 0;
    left: 50px;
}


.jm-machine-carousel{padding: 25px 0 0 0;}


.machine-content h2{
    font-family: 'Montserrat', sans-serif!important;
    font-size: 20px;
    line-height: 106.9%;
    text-transform: uppercase;
    color: #000000;
    font-weight: 400;
    padding: 6px 0 6px 20px;
}

.machine-content {
    border-left: 8px solid #8300B1;
    margin: 30px 0 0 0;
}

.machine-slider img{
    width: 70%!important;
}


.machine-slider{
    width: 480px;
}

.product-mach-wrap .machine-slider img{
    width: 80%!important;
}

.product-mach-wrap .machine-slider img{margin: 0 auto; padding: 0 30px 30px;}

/*.product-mach-wrap .slick-initialized .slick-slide{
    transform: scale(0.85);
    opacity: 0.5;
    transition: all 400ms cubic-bezier(.14,.99,.43,.99);
    
}*/


.product-mach-wrap .machine-content{
    border: 0; 
    text-align: center;
    margin: 0;
    padding: 24px 0;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.product-mach-wrap .machine-content h2{
    padding: 0;
    color: #ffffff;
}

/*
.product-mach-wrap .machine-slider a, .machine-slider.slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] a{
    display: block;
    margin: 20px 10px 50px;
    border: 1px solid #F1E4C2;
    border-radius: 20px;
    transform: scale(0.85);
    transition: transform 0.3s;
    opacity: 0.5;
    transition: all 400ms cubic-bezier(.14,.99,.43,.99);
}



.machine-slider.slick-slide.slick-current.slick-active.slick-center, .machine-slider.slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] a{
    transform: scale(1);
    transition: transform 0s!important;
    opacity: 1;
}
*/

.product-mach-wrap .machine-slider.slick-slide.slick-current.slick-active a,
.product-mach-wrap .machine-slider.slick-slide.slick-center a {
    transform: scale(1, 1);
    transition: all 400ms cubic-bezier(.14,.99,.43,.99);
    opacity: 1;
    box-shadow: 0px 10px 15px rgba(223, 191, 150, 0.35);
}

.product-mach-wrap .machine-slider.slick-slide.slick-current.slick-active a:hover,
.product-mach-wrap .machine-slider.slick-slide.slick-center a:hover {box-shadow: 0px 12px 20px rgba(223, 191, 150, 0.8);}

.product-mach-wrap .machine-slider a, .product-mach-wrap .machine-slider.slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] a {
    display: block;
    margin: 20px 10px 50px;
    border: 1px solid #F1E4C2;
    border-radius: 20px;
    transform: scale(0.85, 0.85);
    opacity: 0.7;
    transition: all 400ms cubic-bezier(.14,.99,.43,.99);
}


.product-mach-wrap .machine-slider.slick-slide.slick-current.slick-active.slick-center a, .product-mach-wrap .machine-slider.slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] a {
    transform: scale(1, 1);
    transition: all 400ms cubic-bezier(.14,.99,.43,.99);
    opacity: 1;
    box-shadow: 0px 10px 15px rgba(223, 191, 150, 0.35);
}


.product-mach-wrap .machine-slider.slick-slide.slick-current.slick-active.slick-center a{
    opacity: 1;
}


.product-mach-wrap .machine-slider.slick-slide.slick-current.slick-active.slick-center a{transform: scale(1);}

/*.machine-slider.slick-slide.slick-current.slick-active.slick-center a{box-shadow: 0px 10px 15px rgba(223, 191, 150, 0.35);}*/

.product-mach-wrap .machine-slider.slick-slide.slick-current.slick-active.slick-center a:hover, .machine-slider.slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] a:hover {box-shadow: 0px 12px 20px rgba(223, 191, 150, 0.8);}

.finance-panel{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
   padding-left: 190px; 
}

.fin-block{
    padding: 50px 75px 100px;
    position: relative;
    width: 30%;
    background: #FFFFFF;
    border: 1px solid #F4E4D0;
    box-sizing: border-box;
    position: relative;
	 -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	overflow: hidden;
}

.fin-block:hover{
    box-shadow: 0px 13px 18px rgba(223, 191, 150, 0.35);
}

.fin-block h1{
    font-family: 'Montserrat', sans-serif!important;
    font-size: 36px;
    line-height: 98.9%;
    font-weight: 300;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #8A20AF;
}


.fin-block h3{
    font-family: 'Montserrat', sans-serif!important;
    font-size: 36px;
    line-height: 98.9%;
    font-weight: 300;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #8A20AF;
}

.pd-space h1{
    padding: 0 0 50px;
}

.pd-p-space p{
    margin: 0 0 30px 0;
}

.fin-block p{
    font-size: 16px;
    line-height: 128.5%;
    letter-spacing: 0.01em;
    color: #000000;
    font-weight: 500;
    padding: 35px 0;
}

.fin-block .btn-block{
    width:190px;
    background: #000;
    text-align: center;
    color: #fff;
    padding: 0!important;
}

.fin-block .btn-block:hover,.fin-block .btn-block:focus{
    border: 1px solid #8300B1;
    background-color: transparent;
}

.fin-block .btn-block a:hover{
   color: #8300B1;
}

a.fin-btn{
    font-family: 'Montserrat', sans-serif!important;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    letter-spacing: 3.4px;
    text-transform: uppercase;
    color: #FFFFFF;
	background: #473585;
    text-align: center;
    padding: 0;
}

a.fin-btn span {
	padding: 20px 30px 20px 20px;
}

a.fin-btn:before {
	content: "";
	background: #FF825A;
	background: -webkit-linear-gradient(90deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
	background: linear-gradient(180deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
	width: 26px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: relative;
	z-index: 99;
}

a.fin-btn, a.fin-btn span, a.fin-btn:before{	
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


a.fin-btn:hover{letter-spacing: 4.4px;}
a.fin-btn:hover span{padding: 20px 30px 20px 30px;}
a.fin-btn:hover:before{ width: 35px;}

.bg-gradient {
	background: -webkit-linear-gradient(95.89deg, #FFFFFF -20.73%, #FF825A 23.13%, #8300B1 98.99%);
	background: linear-gradient(95.89deg, #FFFFFF -20.73%, #FF825A 23.13%, #8300B1 98.99%);
	-webkit-text-fill-color: transparent;
	width: 21px;
}

.fin-btn{
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    bottom: 45px;
}


.jm-machine-carousel .slick-prev, .jm-machine-carousel .slick-next{
	top: -45px;
	width: 28px;
	height: 28px;
	background: #000;
	display: block !important;
}

/*.product-carousel{padding: 0 0 0 9%;}*/

.product-carousel .slick-prev, .product-carousel .slick-next{
    width: 28px;
	height: 28px;
	background: #000;
	display: block !important;
}

.product-carousel .slick-prev{
    /*top:-18px;*/
	left: 0;
	background: url(../images/arrow-prev.svg) no-repeat;
    background-size: 65%;
    background-position: 50%;
    z-index: 10;
}

.product-carousel .slick-next{
    /*top:-18px;
	left: 60px;*/
	right: 0;
	background: url(../images/arrow-next.svg) no-repeat;
    background-size: 65%;
    background-position: 50%;
}

.jm-machine-carousel .slick-prev:before, .jm-machine-carousel .slick-next:before, .product-carousel .slick-prev:before, .product-carousel .slick-next:before{
	color: transparent;
}
.jm-machine-carousel .slick-prev{
    top:-18px;
	left: 0;
	background: url(../images/arrow-prev.svg) no-repeat;
    background-size: 65%;
    background-position: 50%;
}

.jm-machine-carousel .slick-next{
    top:-18px;
	left: 60px;
	right: auto;
	background: url(../images/arrow-next.svg) no-repeat;
    background-size: 65%;
    background-position: 50%;
}

/* =========================================ipf block================================
==================================================================================*/

.ipf-block{
    display: flex;
    flex-wrap: nowrap;
    background-color: #fff;
    margin-right: 50px;
	justify-content: space-between;
	
}
.ipf-wd.ipf-content-block{
	min-height: 300px; 
}
.ipf-block > a, .ipf-wd.ipf-content-block {
    width: 49%;
}
.ipf-img-block img{
    width: 100%;
}

/*.ipf-wd{
    width: 50%;
}*/

.jm-ipf-silder{
    padding: 0 0 100px;
}

.jm-partners-img{
    padding: 120px 0 0;
}

.jm-ipf-silder .slick-prev, .jm-ipf-silder .slick-next{
	top: -45px;
	width: 28px;
	height: 28px;
	background: #000;
	display: block !important;
}
.jm-ipf-silder .slick-prev:before, .jm-ipf-silder .slick-next:before{
	color: transparent;
}
.jm-ipf-silder .slick-prev{
	left: 0;
	background: url(../images/arrow-prev.svg) no-repeat;
    background-size: 65%;
    background-position: 50%;
}

.jm-ipf-silder .slick-next{
	left: 60px;
	right: auto;
	background: url(../images/arrow-next.svg) no-repeat;
    background-size: 65%;
    background-position: 50%;
}


.ipf-panel .line-wrap{
    width: 100%;
    padding-left: 0;
}

.ipf-sub-content h5{
    font-size: 17px;
    line-height: 125.4%;
    font-weight: 400;
    color: #000000;
}

.ipf-content-block{
    padding: 48px 60px 72px 0;
    position: relative;
}

.download-btn{
    display: flex;
    flex-wrap: nowrap;
    width:100%;
    margin: 25px 0 0 0;
    position: absolute;
    /*left: -19px;*/
    bottom: 0;
}

.download-btn a{
    width:100%;
    padding: 15px;
    background: #473585;
    letter-spacing: 0.165em;
    text-transform: uppercase;
    align-items: center;
    text-align: center;
    font-size: 14px;
    line-height: 125.4%;
    font-weight: 300;
    color: #FFFFFF;

}

.ipf-bg-gradient{
    background: -webkit-linear-gradient(320deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
    background: linear-gradient(180deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
    width:26px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (pointer: fine) {
.download-btn:hover a {letter-spacing: 0.265em;}
.download-btn:hover .ipf-bg-gradient{width:35px;}
}
/* =========================================speaks block================================
==================================================================================*/

.industry-speaks-panel{
    width: calc(100% - 115px);
    background: url(../images/speaks-bg.jpg) no-repeat;
    background-position: 100%;
    background-size: cover;
    /*background-attachment: fixed;*/
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    padding: 40px 0 90px 0;
}
.newsletter-speaks-panel{

    background: url(../images/bg-news.png) no-repeat;
    background-position: 100%;
    background-size: cover;
    /*background-attachment: fixed;*/
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    padding:90px;
}
.jm-speaks-img .carousel-item-next, .jm-speaks-img .carousel-item-prev, .jm-speaks-img .carousel-item.active { display: flex!important;}

.jm-speaks-img .carousel-item img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.jm-speaks-img{
    padding: 30px 0 0;
}


.jm-speaks-carousel .sk-pd{
    padding: 50px 25px;
}

.jm-speaks-carousel .carousel-inner{
    border-radius: 10px!important;
}

.jm-speaks-heading h3{
    font-family: 'Montserrat', sans-serif;
    padding: 60px 0 0 0;
    font-size: 30px;
    line-height: 98.9%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 500;
}

.jm-speaks-carousel .controls-top{right: -80%; top: -54px;}

.jm-speaks-carousel .controls-top span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.jm-speaks-carousel .controls-top .right-jm-part{
     border-right: 3px solid #fff!important;
    border-bottom: 3px solid #fff!important;
}

.jm-speaks-carousel .controls-top .left-jm-part{
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
}

.jm-speaks-carousel .right-caro{left: 38px}

.industrty-wrap{padding: 30px 0 0 0;}

.newspaper-block{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width:80%!important;
    padding: 24px 18px!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.newspaper-img img{
    width:158px;
    border-radius: 6px;
}

.newspaper-content h3{
    font-size: 20px;
    line-height: 1.3;
    color: #FFFFFF;
    font-weight: 300;
    padding: 0 20px 0 20px;
}

.slick-slider{outline: 0;}

.industry-speaks-panel .slick-prev, .slick-next{display: none!important;}
.newsletter-speaks-panel .slick-prev, .slick-next{display: none!important;}

.industry-speaks-panel .slick-vertical .slick-slide{display: flex!important;}
.newsletter-speaks-panel .slick-vertical .slick-slide{display: flex!important;}

.newspaper-block:hover{
    background-color: rgba(83, 0, 0, 0.33);
    border-radius: 8px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
    -webkit-box-shadow: 2px 5px 5px rgba(36, 9, 9, 0.31);
    -moz-box-shadow: 2px 5px 5px rgba(36, 9, 9, 0.31);
    -o-box-shadow: 2px 5px 5px rgba(36, 9, 9, 0.31);
    -ms-box-shadow: 2px 5px 5px rgba(36, 9, 9, 0.31);
    box-shadow: 2px 5px 5px rgba(36, 9, 9, 0.31);

    
}
 
.industry-speaks-panel .slick-active + .slick-active + .slick-active + .slick-active {
  opacity: 0.33;
}
.newsletter-speaks-panel .slick-active + .slick-active + .slick-active + .slick-active {
  opacity: 0.33;
}
/* ========================================about===============================
==================================================================================*/

.about-heading h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 50px;
	line-height: 98.9%;
	font-weight: 500;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block
} 

.about-heading h2 span{
    font-size: 75px;
    line-height: 75px;
    font-weight: 700;
}

.about-banner{position: relative;}

.about-heading{
    position: absolute;
    top:12%;
}

.main-banner{
    width:95%;
    
}

.about-banner-wrap{
    background: url(../images/jg-about-banner.png) no-repeat;
    background-position: 0% 100%;
    background-size: contain;
    height: 80vw;

}

.about-content{
    width:625px;
    /*background: rgba(227, 0, 15, 0.8); */
    background-color: #e5901f;
    padding: 80px 73px 80px;
    position: absolute;
    right: 17%;
    top:26%;
}

.abt-block-content{display: none;}

.about-content h6{
    font-size: 23px;
    line-height: 141.3%;
    text-align: justify;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    font-weight: 400;
    padding: 0 0 15px 0;
}


.abt-block-content h6{
    font-size: 23px;
    line-height: 141.3%;
    text-align: justify;
    letter-spacing: -0.01em;
    color: #FFFFFF;
    font-weight: 400;
    padding: 0 0 15px 0;
}


.abt-block-content p{
    font-size: 15px;
    line-height: 23px;
    text-align: justify;
    color: #FFFFFF;
    font-weight: 300;
}

.about-content p{
    font-size: 15px;
    line-height: 23px;
    text-align: justify;
    color: #FFFFFF;
    font-weight: 300;
}

.abt-block-content{
    width:100%;
    background: rgba(227, 0, 15, 0.8);
    padding: 80px 73px 80px;
}

.abt-bg-img, .abt-head-title{display: none;}

.abt-head-title h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 42px;
	line-height: 98.9%;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	background: #800931;
	background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding: 0 0 20px 0;
	display: inline-block;
}
.abt-head-title h2 span{
    font-size: 68px;
    line-height: 71px;
	font-weight: 700;
}

.abt-head-title{
    padding: 160px 0 0 0;
}

.manufa-wrap{
    width: 100%;
    margin: 0 auto;
}

.manufa-block{
    margin: 0 auto;
    width: 960px;
    padding: 65px 0 85px;
}

.manufa-heading h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 115%;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #8300B1;
}
.manufa-heading h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 115%;
    text-align: center;
    letter-spacing: -0.02em;
    text-transform: capitalize;
    color: #8300B1;
}

.manufa-content p{
    font-weight: normal;
    font-size: 18px;
    line-height: 145.8%;
    text-align: center;
    color: #000000;
    padding: 80px 0;
}

.video-wrap{
    max-width:900px;
    margin: 0 auto;
}

.abt-video-block {
    width: 100%;
    position: relative;
}

.abt-video-block::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(137, 82, 0, 0.79) url(../images/playbutton.svg) no-repeat;
    background-size: 18%;
    background-position: center;
}

span.abt-video-anim-mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff7f2;
}

.jm-vision-content{
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quotation{
  font-size: 30px;
  //margin: 0 auto;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 10px 20px;
  line-height: 1.4;
}

.quotation:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #8300B1;
  font-size: 3em;
}
.quotation::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 57px;
  color:#8300B1;
  font-size: 3em;
}
.jm-vision-content footer{
  margin:0;
  /*text-align: right;*/
  font-size: 1.5em;
  font-style: italic;
    color:#8300B1;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 80px;
}

.jm-vision-content h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 115%;
    letter-spacing: -0.03em;
    color: #8300B1;
    border-top: 1px solid #c4c4c4;
    /*border-bottom: 1px solid #c4c4c4;*/
    padding: 80px 0 40px;
}

.jm-manag-img {
    padding: 0 0 100px 0;
}

.mange-img-sm{
    position: absolute;
    bottom: 0;
}

.mange-img {
    padding-right: 50px;
}

.years-block{
    position: relative;
}

.abt-img-anim-mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff7f2;
}

.abt-img-sm-anim-mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff7f2;
}


.timeline-slider{
	margin-top: 65px;
    cursor: pointer;
}

.timeline-slider, .timeline-slide{
	padding: 0;
    position: relative;
}

.timeline-slider .slick-list {padding-top: 75px;}

/*.timeline-slider {
  margin: 70px 0 40px;
  list-style-type: none;
  display: flex;
  padding: 0;
  text-align: center;
}*/
.timeline li {
  transition: all 200ms ease-in;
}
.timestamp {
  width: 100%; /* for flexible width*/
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  font-weight: 100; 
    overflow: hidden;
}
.timestamp span {
	font-weight: 600;
	font-size: 80px;
	line-height: 98.9%;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	background: linear-gradient(0deg, #00649a 0%, #63288c 41%, #800931 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	text-align: left;
}
.status {
  padding: 0px 40px;
  display: flex;
  justify-content: left;
  border-top: 1px solid #BCB6B9;
  position: relative;
  transition: all 200ms ease-in ;
}

.status-inner-block{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
  
.status h5 {
  font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #000000;
    padding-top: 20px;
    text-align: left;
    
}

.status span:before {
  content: '';
  width: 17px;
  height: 17px;
  background-color: #C4C4C4;
  border-radius: 25px;
  border: 1px solid #BCB6B9;
  position: absolute;
  top: -9px;
  left: calc(100% - 18px); /* align circle to center*/
  transition: all 200ms ease-in;\
}
/*.swiper-control {
  text-align: left;
    display: flex;
    flex-wrap: wrap;
    margin: 35px 0 0 0;
}

.swiper-container {
  width: 100%;
  height: 350px;
  margin: 50px 0;
  overflow: hidden;
    width: calc(100% - 305px);
    margin: 0 0 0 auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
}*/


.swiper-slide:nth-child(2n) {
  width: 40%;
}
.swiper-slide:nth-child(3n) {
  width: 20%;
}

.tlprev-slide{
    background: url(../images/arrow-prev.svg) no-repeat;
    background-size: 65%;
    background-position: 10%;
    width: 28px;
    height: 28px;
}

.tlnext-slide{
    background: url(../images/arrow-next.svg) no-repeat;
    background-size: 65%;
    background-position: 100%;
    width: 28px;
    height: 28px;
    margin: 0 0 0 25px;
}

.slick-list:focus
{
    outline: none!important;
}


/* =======================================product================================
==================================================================================*/

.product-wrap{padding: 200px 0 70px;}
.main-products .product-wrap {padding: 200px 0 20px;}

.pro-head, .pro-content{max-width: 662px;}

/*.pro-head h3{*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    font-size: 50px;*/
/*    line-height: 98.9%;*/
/*    font-weight: 500;*/
/*    letter-spacing: -0.04em;*/
/*    text-transform: uppercase;*/
/*    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);*/
/*    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);*/
/*    -webkit-background-clip: text;*/
/*  -webkit-text-fill-color: transparent;*/
/*    padding: 0 0 50px 0;*/
/*    display: inline-block;*/
/*}*/
.pro-head  .head{
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    line-height: 98.9%;
    font-weight: 500;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    padding: 0 0 50px 0;
    display: inline-block;
}
.pro-head h1{
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    line-height: 98.9%;
    font-weight: 500;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    padding: 0 0 50px 0;
    display: inline-block;
}

.pro-head h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    line-height: 98.9%;
    font-weight: 500;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    padding: 0 0 50px 0;
    display: inline-block;
}


/*.pro-head h3 span{*/
/*    font-size: 75px;*/
/*    line-height: 75px;*/
/*    font-weight: 700;*/
/*}*/

.pro-head .head span{
    font-size: 75px;
    line-height: 75px;
    font-weight: 700;
}

.pro-head h2 span{
    font-size: 75px;
    line-height: 75px;
    font-weight: 700;
}

.pro-content p{
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    color: #1A1A18;
}

.product-mach-wrap{
    padding: 80px 0 0;
}

.product-mach-wrap.products2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}



.prod-mac-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mach-block{
    width:45%;
    position: relative;
    margin: 0px 0 6em;
}
.prod-anim-nineth-row .mach-block{
	margin: 0;
}

@media (pointer: fine) {
.mach-block:hover .bg-gradient {width: 40px;}
.mach-block:hover .btn-content {width: 360px; padding: 0 20px;}
}

.mach-block::before{
    content: '';
    position: absolute;
    background: #F1E4C2;
    border-radius: 39px 0px 60px;
    width: 75%;
    height: 100%;
    right: 4%;
    z-index: -2;
}

.prod-anim-mask{
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: #fff7f2;
    z-index: 0;
}

.mach-img img {
    width: auto;
    margin: auto;
    height: 357px;
    padding: 25px 0 0 0;
}

.mach-img{
    padding: 140px 0 25px;
    height: 100%;
    text-align: center;
    margin-right: 5vw;
}


.big-machine img{height: 310px;}


.ibs .mach-img img{width: auto; padding: 25px 0 0 0;}

.mach-content{
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    padding: 35px 0;
    right: 0%;
}

.btn-content{
    width:320px;
    background: #473585;
}

.btn-content, .product-mach-wrap .bg-gradient{
	-webkit-transition: all 700ms cubic-bezier(.14,.99,.43,.99);
	-moz-transition: all 700ms cubic-bezier(.14,.99,.43,.99);
	-o-transition: all 700ms cubic-bezier(.14,.99,.43,.99);
	-ms-transition: all 700ms cubic-bezier(.14,.99,.43,.99);
	transition: all 700ms cubic-bezier(.14,.99,.43,.99);
}

.product-mach-wrap .bg-gradient{
    background: -webkit-linear-gradient(180deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
    background: linear-gradient(180deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
    width: 34px;
}

.btn-content h4{
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 117.9%;
    font-weight: 500;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 12px 20px;
}

.btn-content h4 span {
    font-size: 65%;
    line-height: 1.3;
    margin-top: 8px;
    display: block;
}

.btn-content h4 a{
    color: #FFFFFF;
    text-decoration: none;
}

.product-brochure {
    max-width: 305px;
    position: relative;
    background-color: #F1E4C2;
    padding: 32px 35px 45px;
    border-radius: 0 30px;
    text-align: center;
    margin: 0 0 2.2em 3.5em;
    align-items: center;
}
.product-brochure > img {
	width: 60px;
    margin-right: 25px;
}
.product-brochure h5{
	text-align: left;
    font-size: 20px;
    line-height: 22px;
}

.product-brochure h5 span{
	display: block;
    font-weight: 700;
}

.product-brochure .mould-circle-link {
    position: absolute;
    bottom: -30px;
    right: 40px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.product-brochure .mould-circle-wrap{padding: 0 19px;}
.product-brochure .mould-circle-wrap img{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}


/* ========================================product-details===============================
==================================================================================*/

.applications-panel{
    padding: 100px 0 50px 0;
    position: relative;
}


.applications-list {
	padding-left: 190px;

}
.applications-list ul {
    display: flex;
    flex-wrap: wrap;
}

.applications-list ul li {
    padding: 2px 20px 2px 0;
    margin-right: 20px;
    margin-bottom: 15px;
    border-right: 1px solid rgb(246, 138, 4);
}
.applications-list ul li:last-child{border: 0;}

.custom-img-gallery {
    column-count: 4;
    padding: 50px 0 100px 190px;
}
.cutom-img-block {
    margin-bottom: 15px;
}

.custom-pd{
    padding: 0 0 50px 0!important;
}

.custom-points li{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #1A1A18;
    position: relative;
    padding: 6px 0 10px 25px;
    list-style-type: none;
}

.custom-points li::before{
    position: absolute;
    content: " ";
  background:#8300B1;
  width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 12px;
    left: 0;
}

.jm-prod-description-right{width: 60%;}
.jm-prod-description-left{width: 40%;}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
    background: linear-gradient(150deg, #FFCC00 0%, #f66904 92.45%);
    right: 0;
    top:-45px;
}

.jm-prod-image {
	text-align: right;
    position: relative;
	padding: 5% 0 7%;
}

.jm-prod-link-wrap{
    position: relative;
    padding: 20px 0 0 0;
}

.jm-prod-link-block{
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.jm-prod-image img {
	width: 85%;
}

#accumulator-double-st .jm-prod-image, #coextrusion-double-st .jm-prod-image, #auto-deflashing-series-fs .jm-prod-image {padding: 15% 0 8% 0;}
#accumulator-double-st .jm-prod-image img, #coextrusion-double-st .jm-prod-image img, #auto-deflashing-series-fs .jm-prod-image img {width: 95%;}
#industrial-barrel .jm-prod-image img {width: 75%; padding-right: 10%;}
#water-tank .jm-prod-image img {width: 80%; padding-right: 5%;}

.jm-prod-title h2{
	font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 80px;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.jm-prod-title h1{
	font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 80px;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.jm-prod-content h1{
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 43px;
    letter-spacing: -0.01em;
    color: #1A1A18;
    padding: 20px 0;
}
.jm-prod-content h3{
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 43px;
    letter-spacing: -0.01em;
    color: #1A1A18;
    padding: 20px 0;
}

.jm-prod-content h5{
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.01em;
    color: #1A1A18;
}

.jm-prod-content h4{
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 119.9%;
    letter-spacing: -0.015em;
    color: #1A1A18;
    padding: 15px 0 25px;
}

.jm-prod-content p{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #1A1A18;
    padding: 0 0 25px 0;
}

.prod-video-block {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#custom-made .prod-video-block{
	width: 85%;
    margin: 0 0 0 auto;
}

.prod-video-block::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(87, 69, 60, 0.79) url(../images/playbutton.svg) no-repeat;
    background-size: 18%;
    background-position: center;
}

#custom-made .float-right .prod-video-block::before{
	background: rgba(87, 69, 60, 0.2) url(../images/playbutton.svg) no-repeat;
	background-size: 18%;
    background-position: center;
}

span.video-anim-mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff7f2;
}

span.custom-video-anim-mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff7f2;
}

span.more-video-anim-mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff7f2;
}

button.mfp-close:focus{
	outline: 0;
	border: 0;
}

.jm-prod-image::before{
   content: '';
    position: absolute;
    background: #F7E5D9;
    width: 455px;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -2;
}

span.anim-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff7f2;
    z-index: -1;
}

.jm-prod-icon-link{
    border: 1px solid #8A756E;
    border-radius: 5px;
    min-width: 220px;
    padding: 15px;
    margin-left: 15px;
}

.jm-prod-icon-link:hover {
    border: 1px solid #f5e0d1;
    background-color: #fff5ef;
    box-shadow: 0px 6px 14px -6px #dc580082;
}
    
.jm-prod-icon-link img{
    width: 40px;
    height: auto;
}

.jm-prod-icon-link h5{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
    padding: 0 0 0 12px;
    text-align: left;
}

.jm-prod-icon-link h5 span{
    font-weight: 300;
    display:block;
}

.dp-none{display: none;}

.product-app-slider, .mould-slider{
	margin-top: 95px;
}

.product-app-slider .appli-slide, .mould-slider .mould-slide{
	padding: 0 2px;
    position: relative;
}

.appli-slide:before, mould-slide:before{
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF7F2;
	z-index: 1;
	transform-origin: 100% 0;
}

.appli-slide img, .mould-slide img {
    height: 335px;
	width: auto;
}


.product-app-slider .slick-prev, .product-app-slider .slick-next, .more-video-slider .slick-prev, .more-video-slider .slick-next, .custom-more-vid-slider .slick-prev, .custom-more-vid-slider .slick-next, .mould-slider .slick-prev, .mould-slider .slick-next, .timeline-slider .slick-prev, .timeline-slider .slick-next{
	top: -45px;
	width: 28px;
	height: 28px;
	background: #000;
	display: block !important;
}
.more-video-slider .slick-prev, .more-video-slider .slick-next, .custom-more-vid-slider .slick-prev, .custom-more-vid-slider .slick-next, .timeline-slider .slick-prev, .timeline-slider .slick-next{top: -17px;}

.product-app-slider .slick-prev:before, 
.product-app-slider .slick-next:before, 
.more-video-slider .slick-prev:before, 
.more-video-slider .slick-next:before, 
.custom-more-vid-slider .slick-prev:before, 
.custom-more-vid-slider .slick-next:before, 
.mould-slider .slick-prev:before, 
.mould-slider .slick-next:before,
.timeline-slider .slick-prev:before,
.timeline-slider .slick-next:before{
	color: transparent;
}
.product-app-slider .slick-prev, .more-video-slider .slick-prev, .custom-more-vid-slider .slick-prev, .mould-slider .slick-prev, .timeline-slider .slick-prev{
	left: 0;
	background: url(../images/arrow-prev.svg) no-repeat;
    background-size: 65%;
    background-position: 50%;
}

.product-app-slider .slick-next, .more-video-slider .slick-next, .custom-more-vid-slider .slick-next, .mould-slider .slick-next, .timeline-slider .slick-next{
	left: 60px;
	right: auto;
	background: url(../images/arrow-next.svg) no-repeat;
    background-size: 65%;
    background-position: 50%;
}

.more-video-slider .slick-prev, .custom-more-vid-slider .slick-prev{right: 60px; left: auto;}
.more-video-slider .slick-next, .custom-more-vid-slider .slick-next{ right: 0; left: auto;}
.more-video-wrapper{margin: 55px 0 20px;}
.custom-made-videos-panel .more-video-wrapper{margin: 0;}
.more-video-title h5{
	font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    /*background: -webkit-linear-gradient(117.81deg, #FFFFFF -20.73%, #FF825A 23.13%, #8300B1 98.99%);
    background: linear-gradient(117.81deg, #FFFFFF -20.73%, #FF825A 23.13%, #8300B1 98.99%);*/
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.more-video-slider .mfp-title, .custom-more-vid-slider .mfp-title{position: absolute;}
.vid-slide{padding: 0 4px;}
.vid-slide .prod-video-block::before{background-size: 28%;}
.more-video-slider .slick-track, .custom-more-vid-slider .slick-track{margin-left: 0;}
.custom-pd{ padding: 0px 0 115px 0;}

//*tabs accordions*//


.features-panel{
   padding: 100px 0 0 0!important;
}

.container-fluid{
    padding: 0!important;
}

.resp-tabs-list li{
    width: 320px;
    float: none;
    margin: 0 -5px 0 0!important;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 22px 15px 20px!important;
}

.resp-tab-item{
    background-color: #A4A4A4;
}

.resp-tab-active{
    background: #7C0008;
}

.resp-tabs-list{
    text-align: center;
}

.resp-tab-active{
    border: none!important;
}

.resp-tab-content{border:none;}

.events-infra-gallery-panel .tab-content{height: auto!important;}

 #tabInfo {
    display: none;
}

.feat-panel{
    background: url(../images/features-bg.jpg) no-repeat;
    background-position: 100% 100%;
    background-size: cover;
    min-height: 370px;
    width: 100%;
    padding: 100px 0 50px;
}

.feat-panel p{
    color:white;
}

.feat-block{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 80%;
}

.feat-wrap{
    width: 30%;
    justify-content: center;
    display: flex;
    text-align: center;
    background: rgba(186, 0, 12, 0.7);
    mix-blend-mode: normal;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 2em;
    min-height: 155px;
	padding: 30px;
    margin-left: 2.4%;
    margin-right: 2.4%;
}

.feat-wrap:nth-of-type(3n) {
    margin-right: 0;
}
.feat-wrap:nth-of-type(3n+1) {
    margin-left: 0;
}

.feat-wrap h4{
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 100;
}

.pdf-container{
	height: 80vh;
}
#techspecs.modal .modal-dialog{
	max-width: 80%;
}


/* ========================================gallery===============================
==================================================================================*/

.ipf-bang-panel{ padding: 200px 0 110px;}

.ipf-bang-block{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

.ipf-bang-wrap{
    width: 30%;
    margin: 0 1%;
	background: #fff;
	display: -ms-flexbox;
	display: flex;
    flex-direction: column;
	margin-bottom: 30px;
}

.ipf-bang-wrap img{
    width: 100%;
    margin: 0 auto;
    display: block;
}

.ipf-bang-content{
    padding: 25px 25px 0 28px;
    background-color: #fff;
}

.ipf-bang-content h5, .ipf-bang-content h6{
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    padding: 0 0 27px 0;
}

.ipf-bang-download-btn{
    position: relative;
    width: 100%;
    padding: 15px 12px 15px 36px;
    background: #473585;
    letter-spacing: 0.165em;
    text-transform: uppercase;
    align-items: center;
    text-align: center;
    font-size: 14px;
    line-height: 125.4%;
    font-weight: 100;
    color: #FFFFFF;
    -webkit-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    display: block;
	margin-top: auto;
}
a.ipf-bang-download-btn:hover {color: #fff;}
@media (pointer: fine) {
a.ipf-bang-download-btn:hover:before {width: 11%;}
a.ipf-bang-download-btn:hover {color: #fff; letter-spacing: 0.265em;}
}

.ipf-bang-download-btn a{
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}

.ipf-bang-download-btn:before{
    position: absolute;
    content: '';
    background: -webkit-linear-gradient(180deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
    background: linear-gradient(180deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
    width: 26px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 8%;
    left: 0;
    top:0;
    height: 100%;
}

.events-infra-gallery-panel{
    width: calc(100% - 115px);
    margin: 0 0 0 auto;
    padding-left: 250px;
}


/* gallery-tabs*/

.events-infra-gallery-panel .nav{margin-bottom: -47px;}

.nav-tabs{
    border-bottom: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    border-radius: 31px;
    color: #fff;
    text-align: center;
}

.nav-item a{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 125.4%;
    color: #000000;
    text-align: center;

}

.nav-tabs .nav-item{
    width: 231px;
}

.nav-link{
    padding: 20px 0;
}


.nav-tabs .nav-item:nth-child(1){
    margin-right: 5%;
}

.nav-tabs .nav-link{
    border: none;
    border-radius: 31px;
}

/*gallery-slider*/

.gallery-img-slider{
	margin-top: 95px;
}

.gallery-img-slider .gallery-slide{
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #f5e1d5;
}


.img-popup{
    padding: 0 4px;
}

.img-popup img{
    height: 335px;
	width: auto;
}

.gallery-panel{
    position: relative;
}

.gallery-silder-content{
    vertical-align: middle;
    position: absolute;
    left: -245px;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
}

.gallery-silder-content h1{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 125px;
    line-height: 125.4%;
    letter-spacing: -0.05em;
    color: #E3000F;
    text-align: left;
}

.gallery-silder-content h3{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 125px;
    line-height: 125.4%;
    letter-spacing: -0.05em;
    color: #e5901f;
    text-align: left;
}

.gallery-silder-content p{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 125.4%;
    letter-spacing: -0.01em;
    color: #000000;
}

.gallery-silder-content h2 {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 75px;
    line-height: 0.95;
    letter-spacing: -0.05em;
    color: #E3000F;
    text-align: left;
}


.mfp-image-holder .mfp-close{
    background: linear-gradient(150deg, #FFCC00 0%, #f66904 92.45%);
    right: 0;
}

img.mfp-img{
    padding: 0;
}

.mfp-arrow-left:before{
    border-right: 0;
}

button:focus{
    outline: none;
     outline: none; 
}


.gallery-slide:before,
.gallery-slide:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.gallery-slide img {
	max-width: 100%;
	backface-visibility: hidden;
	vertical-align: top;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: relative;
}
.gallery-slide:before,
.gallery-slide:after {
  content: '';
  background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
  background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gallery-slide:before {
  width: 300px;
  height: 2px;
}

.gallery-slide:after {
  height: 300px;
  width: 2px;
}

.gallery-slide:hover img {
  zoom: 1;
  filter: alpha(opacity=25);
  -webkit-opacity: 0.25;
  opacity: 0.25;
}

.gallery-slide:hover:before,
.gallery-slide:hover:after {
  opacity: 1;
}

.gallery-slide:hover:before {
  width: 50px;
}


.gallery-slide:hover:after {
  height: 50px;
}

.gallery-img-slider .slick-prev{
	top: 300px;
	width: 28px;
	height: 28px;
	background: #000;
	display: block !important;
    z-index: 2;
}

 .gallery-img-slider .slick-next{
	top: 300px;
	width: 28px;
	height: 28px;
	background: #000;
	display: block !important;
     z-index: 2;
}
.gallery-img-slider .slick-prev:before, .gallery-img-slider .slick-next:before{
	color: transparent;
}
.gallery-img-slider .slick-prev{
	left: 30px;
	background: url(../images/arrow-prev-white.svg) no-repeat;
    background-size: 25%;
    background-position: 46%;
    background-color: #e5901f;
    border-radius: 50%;
    padding: 20px;
}

.gallery-img-slider .slick-next{
	right: 30px;
	background: url(../images/arrow-next-white.svg) no-repeat;
    background-size: 25%;
    background-position: 58%;
    background-color: #e5901f;
    border-radius: 50%;
    padding: 20px;
}



/* ========================================ancillaries-moulds===============================
==================================================================================*/



.mould-wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mou-block{
	 width: 30%;
    position: relative;
	background-color: #F1E4C2;
	padding: 69px 25px 70px;
	border-radius: 0 30px;
    text-align: center;
    margin-bottom: 5em;
    
}

.mou-block h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 1;
    text-align: center;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    
}

.mou-block h5{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -0.04em;
    color: #000000;
    padding-top: 10px;
}

.mou-block-img img {
    max-width: 350px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

.mould-circle-link{
	position: absolute;
	bottom: -35px;
    right: 56px;   
    width: 70px;
    height: 70px;
    line-height: 70px;   
}

.mould-circle-wrap{    
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    border-radius: 50%;
   	display: block;
    padding: 0 22px;  
	z-index: 1;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
	position: relative;
	z-index: 4;
}

.mould-circle-link:before{
	content: "";
	position: absolute;
	width: 80%;
	height: 80%;
	background: #000;
	background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	border-radius: 50%;
	opacity: 0.7;
	-webkit-transition: all 800ms ease;		
	-moz-transition: all 800ms ease;		
	-o-transition: all 800ms ease;		
	-ms-transition: all 800ms ease;		
	transition: all 800ms ease;		
	z-index: 1;
}

.mould-circle-wrap:hover{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
.mould-circle-link:hover:before{
	-webkit-transform: scale(1.9);
	-moz-transform: scale(1.9);
	-o-transform: scale(1.9);
	-ms-transform: scale(1.9);
	transform: scale(1.9);
	opacity: 0;
}

/* ========================================moulds===============================
==================================================================================*/


.ancillaries-moulds-panel{ padding: 200px 0 0px;}
.blow-mould-designs{padding-bottom: 100px;}
.moc-of-mould-list h5{padding: 25px 0 10px;}


/* ========================================Ancillaries===============================
==================================================================================*/

.ancillaries-wrap{
    padding: 200px 0 100px;
}

.ancillaries-wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.anc-block{
	width: 30%;
	background-color: #F6E5D9; 
	padding: 50px 30px 50px;
	margin-bottom: 4%;
	border-radius: 30px 0 30px 0;
}
.anc-block, .anc-block img{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.anc-title{
	font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
	font-size: 16px;
	line-height: 1.2;
	padding: 12px 20px;
	background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    border-radius: 30px;
    color: #fff;
    text-align: center;
	margin-right: -55px;
	margin-left: auto;
	margin-top: 40px;
	border: 5px solid #fff7f2;
}
.anc-block:hover{
	box-shadow: 0px 10px 18px -5px rgba(197, 113, 53, .46);
}
.anc-block:hover img{
	transform: scale(0.9);
}



/* ========================================export=================================
==================================================================================*/

.export-panel{
    padding: 200px 0 20px;
}

.export-header-content h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 50px;
	line-height: 98.9%;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	padding: 0 10px 35px 0;
}

.export-header-content h4{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #000000;
}

.export-header-content h5{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -0.04em;
    color: #000000;
}

h1#newstyle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-transform: uppercase;
 -webkit-text-fill-color: #000;
 }
 
.export-header-content h1{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 75px;
    line-height: 1.2;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    display: inline-block;
	padding-right: 10px;
}

.export-header-content p{
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: #000000;
    padding: 35px 0 0 0;
}

.export-header-content img{padding: 55px 0;}

.states-block{margin: 0 auto; width: 100%;}

.states-block li{
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    letter-spacing: -0.04em;
    color: #000000;
    width: 178px;
	margin-bottom: 10px;
}


.states-block ul{
    display: grid;
    grid-template-columns: 18% 18% 18% 18% 18%;
    grid-column-gap: 2.2%;
    justify-content: center;
    max-width: 1000px;
    margin: auto;
}

.f32 .flag{vertical-align: bottom!important;}

.states-block span{
    margin: 0 10px 0 0;
}

.map-panel{ position: relative;}

.heart-block{
    position: absolute;
    right: 31.6%;
    top: 48.6%;
    font-size: 2.5vw;
}

.heart-block span {color: #ff0000}

/* ========================================contact=================================
==================================================================================*/

.contact-panel{padding: 200px 0 60px;}

.contact-header-content h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 75px;
    line-height:90px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 20px!important;
}

.contact-header-content h4{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #000;
}


.contact-details-block{padding: 60px 0;}

.jm-contact{padding: 0 0 50px 0;}

.jm-contact#accordion3{padding: 0;}

h2.acc-heading{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 25px 0;
    letter-spacing: -0.04em;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.jm-contact .card {
  border: none;
  background: none;
  border-bottom: 1px solid #C4C4C4;
    border-radius: 0;
}

.jm-contact .card .card-header {
  padding: 0px;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.jm-contact .card .card-header:hover {
    background: rgba(243, 121, 6, 0.12);
    padding-left: 10px;
    border-radius: 0;
}
.jm-contact .card .card-header .jm-contact-title {
  width: 100%;
  text-align: left;
  padding: 0px;
  padding-left: 18px;
  padding-right: 0;
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  padding-top: 20px;
  padding-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #000000;
    position: relative;
}


.jm-contact .card .card-body {
  padding: 50px 45px;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  line-height: 28px;
  letter-spacing: 1px;
    position: relative;
    background: #F1ECE8;
}

.jm-contact .card .card-body:before{
    content: "";
    position: absolute;
    /*background: linear-gradient(-90deg, #8300B1 0%, #FF825A 100%);*/
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background-position: 100%;
    height: 3px;
    width: 100%;
    left: 0;
    top: 0;
}

.jm-contact .card .card-body h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    color: #000000;
    padding-bottom: 15px;
}

.email-block{
    display: grid;
    grid-template-columns: 190px auto;
    justify-content: left;
    grid-column-gap: 20px;
}

.jm-contact .card .card-body h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.jm-contact .card .card-body h6 span{
    font-weight: 400;
    
}

.jm-contact .card .card-body h6 a{
    text-decoration: none;
    color: #000;
    font-weight: 400;
    
}

.jm-contact .card .card-body h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    padding: 0 0 32px;
}

.jm-contact-title .c-accordion-plus {
	position: absolute;
	height: 18px;
	width: 18px;
	right: 18px;
	top: 18px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}

.jm-contact-title .c-accordion-plus::after {
	content: '';
	width: 18px;
	background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	background-position: 100%;
	height: 2px;
	opacity: 0;
	display: block;
	margin-top: -10px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}

.jm-contact-title .c-accordion-plus::before {
	content: '';
	height: 18px;
	background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
	width: 2px;
	background-position: 100%;
	display: block;
	margin-left: 8px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
	opacity: 1;
}

.jm-contact-title.collapsed .c-accordion-plus {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.jm-contact-title.collapsed .c-accordion-plus::before{ }

.jm-contact-title.collapsed .c-accordion-plus::after{opacity: 1;}

.sucess-msg{
    font-family: 'Montserrat', sans-serif;
	background: #F1E4C2;
    padding: 70px 50px;
    text-align: center;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 500;
    color: #8300B1;
    letter-spacing: -0.04em;
}

.iso-block{
    padding: 30px 0 0 18px;
}

.iso-block h4{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #414141;
}

/*form container*/

.aside {
    width: 100%;
    margin: 0 auto;
    z-index: 999;
    padding: 0 80px 40px 0;
    z-index: 2;
}

.aside p{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    padding-bottom: 25px;
}

.aside p span{
    font-size: 30px;
}


form .form-group{
        margin-bottom: 15px!important;
}

form .form-group input, form .form-group select{
    font-family: 'Montserrat', sans-serif;
    padding: 15px 20px;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #616258;
    height: auto;
}


form .form-group textarea{
    padding: 15px 20px!important;
}

.form-group .error:last-child, .form-group .error:nth-child(2) {
    color: #f36060;
    font-size: 14px;
    padding: 2px 0;
}

.form-btn:hover {
    background-color: #0060af;
}

.form-control{
    background-color: #FFF7F2;
    border: 1px solid #D4D4D2;
    box-sizing: border-box;
    border-radius: 0;
}

.form-control:focus {
    color: #495057;
    background-color: transparent;
    border-color: #000;
    outline: 0;
    box-shadow: none;
}

/*end form container*/


.form-submit-btn{
    position: relative;
    width: 199px;
    height: 53px;
    padding: 15px 0 15px 25px;
    background: #473585;
    letter-spacing: 0.165em;
    text-transform: uppercase;
    align-items: center;
    text-align: center;
    font-size: 14px;
    line-height: 125.4%;
    font-weight: 100;
    color: #FFFFFF;
    transition: all 0.3s ease !important;
    display: block;
    margin: 40px 0 0 0;
    border: 0;
}

@media (pointer: fine) {
button.form-submit-btn:hover:before {width: 11%;}
button.form-submit-btn:hover {width: 220px; color: #fff; letter-spacing: 0.365em;}
}

.form-submit-btn button{
    color: #FFFFFF;
    text-decoration: none;
    display: block;
}

.form-submit-btn:before{
    position: absolute;
    content: '';
    background: -webkit-linear-gradient(180deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
    background: linear-gradient(180deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);
    width: 26px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 15%;
    left: 0;
    top:0;
    height: 100%;
}

.map-layout iframe{
    width:100%!important;
    height: 472px;
}

.form-group .error:last-child, .form-group .error:nth-child(2) {
    color: #f36060;
    font-size: 14px;
    padding: 2px 0;
}


/* =========================================optional features================================
==================================================================================*/

.optional-features-panel .row{margin-bottom: 100px;}
.optional-features-panel .row:last-child{margin-bottom: 0px;}
.optional-feat-image{
	position: relative;
	padding: 50px 0px 50px 60px;
}

.optional-feat-image:before{
	position: absolute; 
	content: '';
    background: rgb(237, 216, 190, 0.31);/*background: #F6E5D9;*/
	width: 85%;
    left: 0;
    top:0;
    height: 100%;
	z-index: -2;
}
.right-img-row .optional-feat-image:before{
		left: auto;
		right: 0;
}
.right-img-row .optional-feat-image{
		padding: 50px 60px 50px 0;
}
.optional-feat-line-heading h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 31px;
    letter-spacing: -0.04em;
    text-transform: uppercase;
    -webkit-background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
	margin-left: 100px !important;
}
.optional-feat-line-heading{
	position: relative;
	margin: 100px 0 40px;
}

.optional-feat-line-heading:before{
	position: absolute;
	content: '';
	 background: -webkit-linear-gradient(-60deg, #FFFFFF 3%, #FF825A 33.13%, #8300B1 98.99%);
	width: 85px;
    height: 2px;
    left: 0;
    bottom: 5px;
}

.optional-feat-list{
	margin-left: 100px;
}
.optional-feat-list li{
	position: relative;
	padding: 0 0 10px 30px;
	font-size: 18px;
	line-height: 1.4;
}
.optional-feat-list li:before{
	position: absolute;
	content: '';
	 background: #C4C4C4;
	width: 10px;
    height: 10px;
    left: 0;
    top: 7px;
	border-radius: 50%;
}

.opt-last-row .optional-feat-content{
    padding: 50px 0;
}
.opt-last-row .optional-feat-line-heading{
	margin: 0px 0 40px;
}

.infer-align-list{
	margin-left: 100px;
	display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 20px;
}
.infer-align-list li {
    position: relative;
    padding: 30px 30px 30px 110px;
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
    background-color: rgb(237, 216, 190, 0.31);
    margin-left: 20px;
    font-weight: 400;
}
span.opt-numb {
    position: absolute;
    top: 5px;
    left: -13px;
    font-size: 80px;
    line-height: 1;
    font-weight: 900;
    color: #EDD8BE;
}

span.opt-anim-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff7f2;
}

.an-mo-intro .jm-prod-title h2{
	font-size: 50px;
    font-weight: 500;
}

.an-mo-intro .jm-prod-title h1{
	font-size: 50px;
    font-weight: 500;
}

.an-mo-intro .jm-prod-description-left {
    width: 60%;
}

.an-mo-intro .jm-prod-content h4{  
	font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: #000000;
    padding: 20px 0 0 0;
}

.moc-block {
    padding: 0 0 50px 0;
}
.moc-block h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 29px;
    letter-spacing: -0.01em;
    color: #1A1A18;
    margin-bottom: 25px !important;
}
.moc-block ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.moc-block ul li {
    padding: 4px 30px 4px 0;
    margin-right: 30px;
    border-right: 1px solid #f68a04;
    font-size: 20px;
}
.moc-block ul li:first-child {
    padding-left: 0;
}
.moc-block ul li:last-child {
    border: 0;
}

.mould-appli-gallery{
	display: grid;
	grid-template-columns: auto auto auto;
	grid-gap: 10px;
	margin-top: 10px;
}


/* =========================================our-client================================
==================================================================================*/

.our-client-gallery{
	display: grid;
	grid-template-columns: 13% 13% 13% 13% 13% 13% 13%;
	grid-gap: 10px;
	margin-top: 10px;
}

.jm-client-content h5{      
	font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: #000000;
    padding: 35px 0 0 0;
}

.client-intro .jm-client-title h2{
    font-family: 'Montserrat', sans-serif;
	font-size: 50px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.04em;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;

}

.client-intro .jm-client-title h1{
    font-family: 'Montserrat', sans-serif;
	font-size: 50px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -0.04em;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
     -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;

}

.client-intro .jm-client-title h2 span, .an-mo-intro .jm-prod-title h2 span, .an-mo-intro .jm-prod-title h1 span, .client-intro .jm-client-title h1 span{
    font-size: 75px;
    font-size: 75px;
    line-height: 75px;
    font-weight: 700;
	padding-right: 6px;
}


.client-intro .jm-client-description-left {
    width: 60%;
}

.amm-block{
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.client-img-block h3{
    background-color: #72175c;
    display: inline-block;
    background: -webkit-linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(100deg, #00649a 0%, #63288c 41%, #800931 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
    line-height: 1.2;
}

.client-img-block:last-child {
    background: #fff;
    padding: 10px;
}



.disclaimer-panel {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.71);
	width: 100%;
	height: 100%;
	z-index: 99999;
	top: 0;
	left: 0;
	display: none;
	backdrop-filter: blur(4px);
}

.disclaimer-block {
	position: absolute;
	top: 60%;
	width: 90%;
	height: 90vh;
	max-height: 920px;
	max-width: 400px;
	left: 0;
	right: 0;
	margin: 0 auto 20px auto;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 40px 15px 25px 25px;
	background-color: #fff;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
}

.disclaimer-block img {
	max-width: 700px;
}

.disclaimer-close {
	display: block;
	text-align: center;
	background-color: #00649a;
	background: -webkit-linear-gradient(120deg, #00649a 0%, #63288c 41%, #800931 100%);
    background: linear-gradient(120deg, #00649a 0%, #63288c 41%, #800931 100%);
	color: #fff;
	padding: 5px 10px;
	cursor: pointer;
	position: absolute;
	z-index: 99;
	top: 2px;
	right: 2px;
	font-size: 22px;
	line-height: 1;
	font-weight: bold;
}

.scroll-block {
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
	height: 100%;
	padding-right: 20px;
	margin-bottom: 15px;
}
.disclaimer-panel ::-webkit-scrollbar {width: 8px;} /* width */
.disclaimer-panel ::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 5px;} /* Track */
.disclaimer-panel ::-webkit-scrollbar-thumb {background: #888; border-radius: 5px;} /* Handle */
.disclaimer-panel ::-webkit-scrollbar-thumb:hover {background: #555; } /* Handle on hover */

 @media all and (max-width:800px) and (orientation:portrait) {	
	 .disclaimer-block {height: 113vw; overflow: hidden;}
}
 @media all and (min-height:980px) and (orientation:landscape) {	 
	 .disclaimer-block {height: 925px;}
 }
 @media all and (max-width:575px) {	 
	 .disclaimer-block {padding: 40px 10px 18px 18px;}
	 .disclaimer-close {padding: 4px 10px; }
	 .scroll-block {padding-right: 10px;}
 }


/* =========================================footer================================
==================================================================================*/

.jm-footer{
    padding: 100px 0 80px;
}

.govt-panel{
    display: flex;
    margin: 30px 0;
}

.govt-content{
    width: 285px;
    margin: 0 6vw 0 0;
    display: inline-flex;
    align-items: center;
}
.govt{margin: 0 50px 0 0;}
.eepcindia{ width: 200px; margin: 10px 50px 0 0!important;}
.aipma{width: 76px}
.pmmai{width: 126px;}
.iso{width: 80px;}
.ce-mar{width: 112px; margin: 0;}

.footer-menu li{
    font-size: 14px;
    line-height: 220%;
    letter-spacing: -0.02em;
    color: #000000;
    font-weight: 500;
}

.footer-menu li a, footer p a{
    color: #000;
    text-decoration: none;
}
.footer-menu li a:hover, footer p a:hover{color: #e3000f;}

.govt-content p{
    font-size: 14px;
    line-height: 129%;
    letter-spacing: -0.02em;
    color: #000000;
    font-weight: 500;
}

.jm-contact-block h4{
    font-size: 20px;
    line-height: 181.5%;
    letter-spacing: -0.02em;
    color: #000;
    font-weight: 600;
}

.jm-contact-block h5{
    font-size: 14px;
    line-height: 181.5%;
    letter-spacing: -0.02em;
    color: #000;
    font-weight: 500;
}

.jm-contact-block p{
    font-size: 12px;
    line-height: 181.5%;
    letter-spacing: -0.02em;
    color: #000;
    font-weight: 500;
}

.makein-india{min-width: 280px; display: inline-flex; align-items: center;}

.copy-content p{
    font-size: 14px;
    line-height: 129%;
    letter-spacing: -0.02em;
    color: #797C77;
    font-weight: 500;
	margin: 30px 0 0;
}

.copy-content p a{color: #797C77; text-decoration: none; }

.copy-content p a:hover{color:#00a651;}

.copy-content p span {color: #ff0000; padding: 0 5px;}

.copy-content p span .svg-inline--fa, .heart-block span .svg-inline--fa {
    -webkit-animation: animateHeart 2.5s infinite;
    animation: animateHeart 2.5s infinite;
}

svg:not(:root).svg-inline--fa {overflow: visible;}

.svg-inline--fa.fa-w-16 {width: 1em;}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}

footer hr{margin-top: 0; margin-bottom: 0;}
footer .menu-block{margin-bottom: 30px;}
footer .jm-contact-block { margin-top: 20px;}
.whatsappico {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: auto;
    z-index: 990;
}
.whatsappico a {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00a823;
}
.whatsappico a img { width: 30px;}
.whatsappico a:hover{
	transform: scale(1.1);
}



/*------------animation keyframes-------------------*/

@-webkit-keyframes animateHeart {
    0% {
        -webkit-transform: scale(0.8);
    }
    5% {
        -webkit-transform: scale(0.9);
    }
    10% {
        -webkit-transform: scale(0.8);
    }
    15% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(0.8);
    }
}

@keyframes animateHeart {
    0% {
        transform: scale(0.8);
    }
    5% {
        transform: scale(0.9);
    }
    10% {
        transform: scale(0.8);
    }
    15% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(0.8);
    }
}

/* =========================================page loader================================
==================================================================================*/
/*

.preloader {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10000;
}


.pre-loader-wrap {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f68f04;
	background: linear-gradient(150deg, #FFCC00 0%, #f66904 92.45%);
}

.loader-logo {
    max-width: 250px;
    margin: -60px auto 30px;
}

.loader-progressbar {
	position: relative;
	width: 300px;
	height: 3px;
	border-radius: calc(3px * 2);
	margin: auto;
	overflow: hidden;
}

.loader-progressbar:before {
	content: "";
	position: absolute;
	right: 0;
	width: 300px;
	height: 3px;
	border-radius: calc(3px * 2);
	background: #8300B1;
	animation: barLoadAnim 1.4s infinite ease-in-out;
}

.loader-progressbar:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #8300B1;
	opacity: 0.2;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

@keyframes barLoadAnim {
	0% {
		transform: translateX(calc(300px * -1));
	}
	0%,
	40% {
		width: 300px;
	}
	95%,
	to {
		width: 0;
		transform: translateX(0);
	}
}
*/