img{width:100%;}  
/* =========================================circle banner================================
==================================================================================*/
.carousel-caption{
    bottom: 50%;padding: 0;
}

.banner{
    position: relative;
    margin-top: 100px;
}
.carousel-inner{
    height: 500px;
}
.jm-circle-banner{    
    background:url(../images/banner-bg.jpg);
    /*background: linear-gradient(100deg, #0071AF 0%, #6E3E90 41%, #BC2D5D 100%);*/
    background-position: 100%;
    background-size: cover;
    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;
    right: 20%;
    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-image: linear-gradient(120deg, #8fd3f4 0%, #84fab0 100%);
    background-position: 100%;
    background-size: cover;
    width: 18.9vw;
    height: 18.9vw;
    border-radius: 50%;
    position: absolute;
    z-index: 999;
}

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

.ellispe3{
    background: linear-gradient(179.46deg, #0a3671c7 15.78%, rgba(121, 0, 164, 0) 101.48%)!important;
    background-position: 100%;
    background-size: cover;
    width: 33.2vw;
    height: 33.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: 65vw;
	display: inline-grid;
    align-content: center;
}

.mach-shape-content h1{
    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 h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 2.9vw;
    line-height: 3.5vw;
	padding-bottom: 0.6vw;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #FFFFFF;
    text-shadow: 2px 1px 1px #145580;
}
 
.mach-shape-content h4{
    font-family: 'Roboto', sans-serif;
     font-weight: 400;
     font-size: 1.2vw;
    line-height: 2vw;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #FFFFFF;
	padding: 1vw 0;
    word-spacing: 4px;
}

.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 h1{
	font-size: 4.4vw;
    line-height: 1;
}
.jm-video-banner .mach-shape-content h1 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 h2{
	padding-bottom: 1.6vw;
    font-weight: 400;
    letter-spacing: 0.02em;
}
.blow-mould-exclusive .mach-shape-content h1 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 h2{
	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 h2 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/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/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/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 h2{
	font-weight: 300;
    padding-top: 1.8vw;
}
.exports-slide .mach-shape-content h2 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);
}

.carousel-control-next, .carousel-control-prev{
    width: 10%;
}
/**/

 
.video-fluid{
    
    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;
}

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