/******/
@import "https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css";
@import "bootstrap.min.css";
@import "icofont.min.css";
@import "font.css";
@import "animate.css";
@import "col.css";
@import "medi.css";
@import "fin.css";
/*@import "slid-media.css";*/
html {
  overflow-x: hidden;
  scroll-behavior: smooth; 	
}
body {
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background-image: url("../images/body.webp");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background:#000;
}
body > .skiptranslate{
    display: none !important;
  }
  .goog-te-gadget {
    color: transparent!important;
    font-size:0px;
  }
.skiptranslate.goog-te-gadget{
	float:left;
	color: #FFF !important;
}


.skiptranslate.goog-te-gadget div select{
    display: block;
    width: 100% !important;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.skiptranslate.goog-te-gadget span{
	display: none;
}

.skiptranslate.goog-te-gadget{
	color:#000 !important;
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	}

a{ text-decoration:none;

}
a:hover{
	text-decoration:none;
}
p{
	font-size:0.9rem;
	line-height:1.6;
	font-weight:400;
	color:#222121;
	text-align: justify;
	}
.aria-container{
	width: 100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	overflow: hidden;
	
}

header{
	width:100%;	
	background:rgba(0,0,0,0.9);
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
    -moz-box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
    box-shadow: 2px 2px 20px 0px rgba(42, 67, 113, 0.15);
	
	}
@keyframes slide-in-top {
  0% {
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateY(0), translate(-50%, -50%);
    opacity: 1;
  }
}

.fixed-top {  
  animation: slide-in-top 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/*.will-show {
  animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}*/

/*.will-hide {
  animation: slide-in-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation-direction: reverse;
}*/

.menu .modal-dialog {
    width: 100% !important;
    max-width: none;
    height: 100%;
    margin: 0;
	overflow: hidden;
	background:rgba(0,0,0, 1.0); 
  }

 .menu .modal-dialog .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
	 background:rgba(0,0,0, 1.0); 
  }

 .menu .modal-dialog .modal-content .modal-body {
    overflow-y: auto;
	background-image: url("../images/highquality.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top 50px;
	  
  }
.menuon, .closebtn{	
	background:#F5A623;
	color: #000 !important;
	padding:25px  30px;
	font-size: 20px;
	border: 0 !important;
	outline: none !important;
}

.vertical-menu a {  
  color:#ACA8A8;
  padding:0px;
  text-decoration: none;
  display: block;
  text-align: left;
  transition:color 0.3s;  
  font-waight:bold;	  
  font-family: proximanova_bold, sans-serif !important;
}


.dropdown-container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.dropdown-container a {
  padding-left: 30px;
  font-size: 16px;
  color:#FFF;
}

.boss-sld {
  height: 1050px;
  overflow: hidden;
  min-height: 1050px;
  max-height: 100vh;
  position: relative;
}
.boss-sld_target {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.boss-sld_target img, .boss-sld_target video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  min-height: 100%;
  min-width: 100%;
}
@media screen and (max-width: 992px) {
  .boss-sld{
    height: 700px;
    max-height: 100vh;
  }
}
.video-title h6{
	font-waight:light;	  
	font-family: proximanova_light, sans-serif !important;
	/*font-size: clamp( 2.5rem, 5vw, 5vh);*/
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	color:#FFF;
	
	
}

.video-title h1{
	font-waight:bolder;	  
	font-family: proximanova_extrabold, sans-serif !important;
	/*font-size: clamp( 3.5rem, 10vw, 10vh);*/
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
	color:#FFF;
	
}
.video-title h1 span{
	font-waight:bold;	  
	font-family: proximanova_bold, sans-serif !important;	
}


/* banner**/
.image-blur {
      overflow: hidden;
      max-width: 100%;
    }

    .image-blur img {
      width: 100%;
      display: block;
      object-fit: cover;
      filter: blur(30px);
      transition: all 0.3s ease;
      opacity: 0;
    }

    .image-blur img.lazyloaded {
      filter: blur(0);
      opacity: 1;
      animation: lazyloaded-slide-in 0.6s ease-out forwards;
    }

    @keyframes lazyloaded-slide-in {
      from {
        transform: translateX(-100px);
        opacity: 0;
      }
      to {
        transform: translateX(0);
        opacity: 1;
      }
    }
/* end*/



.mt-120{
	margin-top:50px;
}


.social-vertical ul{
	list-style: none;
	float: left;
}

.social-vertical ul li{
	float: left;
	width: 100%;
	padding: 10px;
}

.social-vertical ul li a{
	float: left;
	padding: 10px;
	border:1px solid #ACA8A8;
}

.social-vertical ul li a i{
	color:#ACA8A8;
	font-size: 26px;
}




.social-horiz ul, .social-horiz-2 ul{
	list-style: none;
	display: block;
}

.social-horiz ul li, .social-horiz-2 ul li{
	float: left;	
	padding: 10px;
}

.social-horiz ul li a{
	float: left;
	padding: 10px;
	border:1px solid #ACA8A8;
}

.social-horiz ul li a i{
	color:#ACA8A8;
	font-size: 26px;
}

.social-horiz-2 ul li a{
	float: left;
	padding: 10px;
	border:1px solid #ACA8A8;
}

.social-horiz-2 ul li a i{
	color:#000;
	font-size: 26px;
}

.social-footer ul li{
	float: left;	
	padding: 10px;
}

.social-footer ul li a{
	float: left;
	padding: 10px;
	border:1px solid #FFF;
}

.social-footer ul li a i{
	color:#FFF;
	font-size: 26px;
}



.menu-footer ul{
	list-style: none;
	display: block;
}

.menu-footer ul li{
	float: left;	
	padding: 10px;
}

.menu-footer ul li a{
	float: left;
	color: #FFF;
	font-size: 18px;
}
.menu-footer ul li a span{
	color:#F5A623;
}




.circle-text {
 /* width: 700px;
  height: 700px;*/
  position: relative;
  margin: 0 auto;
  text-align: center;
  /*margin-left: 5vw;*/
  background:radial-gradient(
      circle farthest-side at 100% 0%,
      rgba(245,166,35, 1) 0%,
      rgba(245,166,35, 1) 120%,
      rgba(245,166,35, 1) 125.3%
    );
  /*mix-blend-mode: multiply;*/
  border-radius: 50%;
  overflow: hidden;
  color:#000;
  /*text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.3);*/
}

.wrap-el::before {
  content: "";
  width: 50%;
  height: 100%;
  float: left;
  --left-bg-shape: radial-gradient(
    circle farthest-side at 100% 50%,
    transparent 99.7%,
    rgba(30, 85, 119, 0.1) 100%
  );
  background: var(--left-bg-shape);
  /*shape-outside: var(--left-bg-shape);
  ORIGINAL
  shape-outside: polygon(0% 0%, 100% 0%, 84.36% .62%, 69.1% 2.45%, 54.6% 5.45%, 41.22% 9.55%, 29.29% 14.64%, 19.1% 20.61%, 10.9% 27.3%, 4.89% 34.55%, 1.23% 42.18%, 0% 50%, 1.23% 57.82%, 4.89% 65.45%, 10.9% 72.7%, 19.1% 79.39%, 29.29% 85.36%, 29.29% 85.36%, 41.22% 90.45%, 54.6% 94.55%, 69.1% 97.55%, 84.36% 99.38%, 100% 100%, 0% 100%);*/
  shape-outside: polygon(
    0% 0%,
    100% 0%,
    84.36% 0.62%,
    69.1% 2.45%,
    54.6% 5.45%,
    41.22% 9.55%,
    29.29% 14.64%,
    0% 20%,
    0% 27%,
    4.89% 34.55%,
    1.23% 42.18%,
    0% 50%,
    1.23% 57.82%,
    4.89% 65.45%,
    10.9% 72.7%,
    19.1% 79.39%,
    29.29% 85.36%,
    29.29% 85.36%,
    41.22% 90.45%,
    54.6% 94.55%,
    69.1% 97.55%,
    84.36% 99.38%,
    100% 100%,
    0% 100%
  );
  shape-margin: 4.4%;
}

.wrap-el::after {
  content: "";
  width: 50%;
  height: 100%;
  float: right;
  --right-bg-shape: radial-gradient(
    circle farthest-side at 0% 50%,
    transparent 99.7%,
    rgba(30, 85, 119, 0.1) 100%
  );
  background: var(--right-bg-shape);
  /*shape-outside: var(--right-bg-shape);
  ORIGINAL
  shape-outside: polygon(100% 0%, 0% 0%, 15.64% .62%, 30.9% 2.45%, 45.4% 5.45%, 58.78% 9.55%, 70.71% 14.64%, 80.9% 20.61%, 89.1% 27.3%, 95.11% 34.55%, 98.77% 42.18%, 100% 50%, 98.77% 57.82%, 95.11% 65.45%, 89.1% 72.7%, 80.9% 79.39%, 70.71% 85.36%, 70.71% 85.36%, 58.78% 90.45%, 45.4% 94.55%, 30.9% 97.55%, 15.64% 99.38%, 0% 100%, 100% 100%);*/
  shape-outside: polygon(
    100% 0%,
    0% 0%,
    15.64% 0.62%,
    30.9% 2.45%,
    45.4% 5.45%,
    58.78% 9.55%,
    70.71% 14.64%,
    100% 20%,
    100% 27%,
    95.11% 34.55%,
    98.77% 42.18%,
    100% 50%,
    98.77% 57.82%,
    95.11% 65.45%,
    89.1% 72.7%,
    80.9% 79.39%,
    70.71% 85.36%,
    70.71% 85.36%,
    58.78% 90.45%,
    45.4% 94.55%,
    30.9% 97.55%,
    15.64% 99.38%,
    0% 100%,
    100% 100%
  );
  shape-margin: 4.4%;
}

.circle-text h2{ 
  font-waight:bold;	  
  font-family: proximanova_bold, sans-serif !important;
  
  /*font-size: 37.5px;*/
  line-height: 1.2;
  margin-bottom: 1.5rem;
}


@media (min-width: 768px) {
	.circle-text {
	  width: 700px;
	  height: 700px;
	}
	
	.circle-text h2{
		font-size: clamp( 1.6rem, 4.1vw, 4.1vh);
	}
  
}
	
@media (max-width: 768px) {
	.circle-text {
	  width: 320px;
	  height: 320px;
	}
	.circle-text h2{
		font-size: clamp( 1.01rem, 2.5vw, 2.5vh);
	}
	
}

.btn-musterd{
	padding-left: 25px;
	padding-right: 25px;
	background-color:#F5A623; 
	color: #000;
	font-size: 26px;
	font-waight:light;	  
	font-family: proximanova_light, sans-serif !important;
}
.btn-chery{
	padding-left: 25px;
	padding-right: 25px;
	background-color:#d1031c;
	color: #FFF;
	font-size: 26px;
	font-waight:light;	  
	font-family: proximanova_light, sans-serif !important;
}

.top-para p{
	font-waight:bold;	  
	font-family: proximanova_bold, sans-serif !important;
	font-size: clamp( 1.3rem, 3.1vw, 3.1vh);
}

.top-para-2 p{
  font-waight:bold;	  
   font-family: proximanova_bold, sans-serif !important;
	font-size: clamp( 1.3rem, 3.1vw, 3.1vh);
}

.top-para-2 p strong{
	font-waight:bolder;	  
	font-family: proximanova_extrabold, sans-serif !important;
}


.football {
  height:100px;
  width:100px;
  background-image: url('../images/football.webp');
  background-repeat: no-repeat;
  top: 100%;
  right: 10%;
  position: absolute;
  
 -webkit-animation: football 15s linear infinite, football .1s linear 50s infinite, football_up_down 2.9s linear infinite;
  animation: football 15s linear infinite, football .1s linear 50s infinite, football_up_down 2.9s linear infinite;  
	/*animation:football_up_down 1s linear infinite;*/
}


@-webkit-keyframes football_up_down {  
  0% { transform:rotate(180deg); top:100% } 
  50% { transform:rotate(360deg); top:30%; } 
  100% { transform:rotate(540deg); top:100% } 
}
@keyframes football_up_down {  
  0% { transform:rotate(180deg); top:100% } 
  50% { transform:rotate(360deg); top:30%; } 
  100% { transform:rotate(540deg); top:100% } 
}

/* 360*/

.round-logo, .round-logo-2 {/* 	
    width: 700px !important;
    height: 700px !important;*/
	margin: 0 auto;
    -webkit-animation:spin 7s linear infinite;
    -moz-animation:spin 7s linear infinite;
    animation:spin 7s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.we-are-SHM, .expservices{
	position: absolute; 
	/*top:20%;*/ 
	left: 0;
}

.filter{
	filter: blur(00px);
    object-fit: cover;
    transition: all .3s ease
}

.expservices{
	top:5%;	
}

.sponsorship h4{
	font-waight:900;	  
	font-family: proximanova_bold, sans-serif !important;
	/*font-size: clamp( 4rem, 6.1vw, 6.1vh);*/
	color:#FFF;
	text-align: center;
}
.sponsorship p{
	font-waight:800;	  
	font-family: proximanova_light, sans-serif !important;
	font-size: clamp( 1.5rem, 3vw, 3vh);
	color:#FFF;
}



/* webtech tabcontent */
.tab {
  float: left;  
  width:100%;
  
}

.tab ul{
	float: left; 
	list-style: none;
	padding: 0;
	margin: 0;
}
.tab ul li{
  float: left;  
  width:100%;
}
.tab ul li a {
  float:left;
  color: black;
  padding:5px 25px;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;  
  text-decoration: none;
  font-family: proximanova_bold, sans-serif !important;
  font-size: clamp( 1.5rem, 4vw, 4vh);
  transition:0.5s;
}



.tab ul li a.active {
  border-bottom: 5px solid #d1031c;
  color: #d1031c;
  transition: border 0.5s;
}

.tabcontent {
  float: left;
  padding: 0px 12px;
  display: none;
  color:#FFF; 
  transform: translateY(20px);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.tabcontent.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

/* Clear floats after the tab */


/* Brand slider*/
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.card-body h5{
	font-family: proximanova_bold, sans-serif !important;
	font-size: clamp( 2rem, 3vw, 3vh);
}

.card-body h5 span{
	font-family: proximanova_light, sans-serif !important;
	font-size: clamp( 1rem, 3vw, 3vh);
}
.card-body p{
	font-family: proximanova_light, sans-serif !important;
	font-size: clamp( 1rem, 2.5vw, 2.5vh);
}

.card-body a{
	font-size: 18px;
}

.mail-model{
	position:absolute; 
	top:0;	
}

.hide{
	display: none;
}
.show{
	display:block;
}
.form-check-label a{
	color:#F5A623;
}

.breadcrumbs ul{
	float:left;	
	list-style: none;
	background:#F5A623;
	border-radius: 15px;
	padding: 25px;
}

.breadcrumbs ul li{	
	float: left;
	padding: 10px;	
	font-size:22px;
	
}

.breadcrumbs ul li a{
	color:#000;
	text-decoration: none;
	font-size:22px;	
}
.top-para-2 ul{
	list-style: none;
	
}

.top-para-2 ul li{
    font-family: proximanova_bold, sans-serif !important;
	font-size: clamp( 1.5rem, 2vw, 2vh);
}

.top-para-2 ul li a{
	color:#000;
	font-family: proximanova_light, sans-serif !important;
}



.get-in-touch ul{
	list-style: none;
	
}
.get-in-touch ul li{
    font-family: proximanova_bold, sans-serif !important;
	
}

.get-in-touch ul li a{
	color:#000;
	font-family: proximanova_light, sans-serif !important;
}