* 									{ margin:0; padding:0; -webkit-font-smoothing:antialiased; /*-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;*/}
body 								{ margin:0 auto; font-family: 'ProximaNova-Regular';background: #000; font-size:20px; color:#1d1d1d;/*background:url(../images/body-bg2.jpg) left top repeat;background-size:100% 100%*/ }
html								{ height: 100%;}
a:active, a:focus,input:focus, textarea:focus,select button{ outline:0;}
a:active, a:focus					{ outline:expression(hideFocus='true'); }
::-moz-focus-inner					{ border: 1px solid transparent!important; }
:link,:visited      				{ text-decoration:none; }
ul,ol,li,pre,
form,blockquote,
fieldset,input,p, select, label, button, textarea	{ margin:0px; list-style:none; padding:0; font-family: 'ProximaNova-Regular'; vertical-align:top; border-radius: 0;}
input, select, textarea				{ font-family: 'ProximaNova-Regular'; border:0px solid #e0e0e0; padding:5px;color:#454444;font-size:18px;line-height:18px;}
a img								{ border:none; }
h1,h2,h3,h4,h5,h6					{ margin:0px; padding:0px;font-family: 'ProximaNova-Regular';}
.h7{ font-family: 'ProximaNova-Bold';font-size: 50px;font-weight: 700;line-height: 54px;}
@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
         url('../fonts/ProximaNova-Regular.woff') format('woff'),
         url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
         url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNova-Light';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Light.woff2') format('woff2'),
         url('../fonts/ProximaNova-Light.woff') format('woff'),
         url('../fonts/ProximaNova-Light.ttf') format('truetype'),
         url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'ProximaNova-Bold';
  src: url('../fonts/ProximaNova-Bold.eot');
  src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
       url('../fonts/ProximaNova-Bold.woff') format('woff'),
       url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
       url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'),
       url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


.button,.logo-link a img,.menubar,.right-foot a,.navicon::before,.navicon::after,.menu div a,.toplinks a,.social a,.rec_list li,.f_list li,.let-explore span,.navicon_inn,.certific_logo img
									{ transition:all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s;}
.video-main							{height:100%;width:100%;position:fixed;overflow:hidden;z-index:1;opacity:0.3}
.video-main iframe					{margin:-90px 0 0 -90px}
#player								{margin:-40px 0 0 -40px;opacity:0.3}
.main								{position:relative;z-index:1;overflow:hidden}
.homepagebg							{}
.homepage							{display:table-cell;text-align:center;vertical-align:middle;position:relative;z-index:9}
.logo-link							{text-align:center;}
.logo-link a						{display:inline-block}
.logo-link a:hover img				{opacity:0.5;filter:alpha(opacity=50);zoom:1}
.farm-to-fabric,.let-explore span	{color:#FFF;}
.farm-to-fabric						{font-size:15px;padding:1.1% 0 2.6% 0;letter-spacing:3px;text-transform:uppercase}
.let-explore span					{font-size:16px;text-transform:uppercase;background:rgba(148,193,84,0.9);padding:10px 88px;display:inline-block;border-radius:5px;cursor:pointer}
.let-explore span:hover				{background:rgba(148,193,84,0.5)}
.let-explore						{padding-bottom:5px}

.lines-main							{height:100%;position:relative;z-index:1}
.lineOne,.lineTwo,.lineThree,.lineFour,.lineFive,.lineSix,.lineSeven,.lineEight,.lineNine,.lineTen,.lineEleven,.lineTwelve,.lineThirteen,.patches
{position:absolute;z-index:1;border:0px solid red;top:0px;left:0%;height:100%;width:100%; overflow:hidden}
 
.lineOne,.lineSeven,.lineNine,.lineTen,.lineEleven,.lineTwelve,.lineThirteen{width:0%}
.lineTwo,.lineThree,.lineFour,.lineFive,.lineSix,.lineEight{height:0%}
.line								{height:100%;width:100%} 
.patches							{opacity:0;filter:alpha(opacity=0);zoom:1}
 					
/* start menu css  -------------------------------------------------------------------------------------------------------------*/
 /* start menu css  -------------------------------------------------------------------------------------------------------------*/


.navigation			{position:fixed;top:0px;right:0px;left:0px;display:none;opacity:0;filter:alpha(opacity=0);zoom:1;width:100%;z-index:999}
.navigation .col-xs-12{position:relative;z-index:99}
.homenavi			{z-index:999;/*height:110px*/}
.navigation.show	{display:block;opacity:1;filter:alpha(opacity=100);zoom:1}	
.navicon			{width:110px;height:40px;float:right;margin:0 0 0 0px;position:absolute;top:30px;right:15px;color:#FFF;font-size:25px;text-align:left;cursor:pointer;
border:0px solid #fff;border-radius:50%}
.navicon_inn		{float:right;margin:0 0 0 0px;position:absolute;top:45px;right:15px;color:#fff;font-size:20px;text-align:left;z-index:999;background:#94c154 url(../images/menu.png) 10px center no-repeat;padding:8px 15px 8px 50px;border-radius:0px;border:0px solid rgba(255,255,255,1)}
.navicon_inn:hover	{background:rgba(148,193,84,0.5) url(../images/menu.png) 10px center no-repeat;box-shadow:0px 0px 0px rgba(255,255,255,1)}
.navicon_inn.on		{background:rgba(148,193,84,0.5) url(../images/menu.png) 10px center no-repeat}
.navicon::before	{height:11px;width:25px;border-bottom:2px solid #fff;border-top:2px solid #fff;content:"";display:block;right:12px;position:absolute;top:12px;z-index:9}
.navicon::after		{width:25px;height:2px;right:12px;top:30px;background:#fff;content: "";display:block;position:absolute}
.navicon.on::before	{top:20px;right:6px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:0px solid #fff}
.navicon.on::after	{top:21px;right:9px;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.menubar			{background:url(../images/menubg-1.webp) left top no-repeat; background-size:100% 100%;position:absolute;top:0px;left:0px;z-index:1;top:0px;right:0px;
transform:scale(0.9);opacity:0;width:100%;height:100%;/*45px 150px 50px 150px;*/padding:0px 0px 0px 0px}
.navicon span{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;align-items:center;background:#94c154;border-radius:10px;padding:0px 40px 0 15px;font-size:19px;}
.menubar-contents	{overflow:auto;}
.menubar-contents .container{min-height:100vh;display:flex;flex-direction:column;justify-content: space-between;padding-top:25px;padding-bottom:25px;}
.menubar-contents .container::before,.menubar-contents .container::after{display:none;}
.menubar_main		{z-index:-1;position:fixed;top:0px;right:0px;left:0px;bottom:0px;width:100%;height:100%}
.menubar_main.open	{z-index:150;}	
.menu_inn			{}
.menu_inn.on		{}
.menubar.on,.menu_inn.on{transform:scale(1);opacity:1}


.radheshyam-logo			{width:280px;float:left}
.radheshyam-logo img		{width:100% }


.menu div a			{display:block;padding:20px 0;text-align:center;border:1px solid #fff; text-align:center;color:#FFF;font-family: 'ProximaNova-Light';font-size:18px;line-height:25px;margin:15px 0;border-radius:10px;}
.menu div a:hover,.menu div a.active,.menu .toplinks a:hover{background:#94c154;border:1px solid #94c154;color:#242323}
.toplinks			{ }
.menu .toplinks a{display:block;font-family:'ProximaNova-Light';font-size:18px;line-height:normal;text-transform:uppercase;color:#242323;background:rgba(255,255,255,0.5);padding:15px 20px;border:0px solid #fff;border-radius:10px;}
.menu .toplinks a:hover,.menu .toplinks a.active{background:#94c154;border:0px solid #fff;color:#242323}
/*.address			{float:left}*/
.address p			{padding:7px 0;line-height:22px;font-family:"ProximaNova-Light"}
.address a,.address p{font-size:15px;color:#FFF; }
.address a:hover	{color:#446227}
.address p strong	{text-transform:uppercase;font-family:"ProximaNova-Light"}
.social				{text-align:center}
.social a			{background:url(../images/social-icon.png) left top no-repeat;display:inline-block;width:35px;height:35px;margin:0 2px;background-size:auto 100%}
.social a.facebook	{background-position:0px 0px}
.social a.twitter	{background-position:-41px 0px}
.social a.linkedin	{background-position:-82px 0px}
.social a.youtube	{background-position:-125px 0px}
.social a:hover		{opacity:0.5;filter:alpha(opacity=50);zoom:1}

.logos				{text-align:center;padding:30px 0}
.logos img			{margin:0 5%}
.copyrights p		{text-align:center;font-size:13px;color:#FFF;line-height:18px}
/* end menu css  ---------------------------------------------------------------------------------------------------------------*/


/*-----------------------About-us----------------*/
.main p				{font-size:16px;line-height:24px}
.white_text  {color:#fff;}
.main p,.list li	{padding:7px 0;font-size:16px;}
.main h2			{font-size:25px;color:#000;font-weight:normal;text-transform:uppercase;font-family: 'ProximaNova-Bold';}
.main h2 span,.vision-mission h1 span{color:#FFF;line-height:30px}
.abt_us_content h2	{;padding-bottom:10px;margin-bottom:10px}
.menu_inner			{background:rgba(0,0,0,0.8);top:0;width:100%;position:fixed;top:0px;left:0px;right:0px;z-index:999;box-shadow:0 1px 2px rgba(0,0,0,0.5)}
.menu_inner ul li	{float:left;}
.menu_inner ul li a	{padding:18px 12px;display:block;color:#fff;font-family: 'ProximaNova-Light';font-size:13px;}
.menu_inner ul li a:hover,.menu_inner ul li a:focus,.menu_inner ul li a.active{background:#6f6f6f;}
.menu_inner ul li a.home{padding:15px 10px}
.common_div			{font-size:15px; display:table-cell;vertical-align:middle;position:relative;z-index:9}
.abt_us_banner 		{background:url(../images/about-bg.webp) fixed center no-repeat;background-size:100%;position:relative;z-index:1}
.radheshyam_logo			{display:inline-block;margin:0 auto}
.abt_us_content		{background:url(../images/abt_us_content.webp) fixed center no-repeat;background-size:100%;position:relative;z-index:1}
.intro				{width:50%}
.intro p			{}
#vision_mission		{background:url(../images/vision.webp) fixed left top no-repeat;background-size:100%;position:relative;z-index:1;overflow:hidden}
#vision_mission h2,#vision_mission h1,#vision_mission p{text-align:center}
.vision ul.vision_data li{color:#fff;text-align:center;}
.vision ul.vision_data li div{font-weight:bold;padding-top:5px;}
.vision-mission		{width:920px;margin:0 auto}

.font_bold{font-family: 'ProximaNova-Bold';}
.title{text-transform:uppercase;margin:30px 0;font-family: 'ProximaNova-Bold';}


#vision_mission h1 {
  color: #fff;
  font-size: 25px;
  margin: 22px 0;
}
#vision_mission h2 {
  color: #fff;
  font-size: 22px;
  margin: 22px 0 15px;
}
.text-center{text-align:center;}
.text-uppercase{text-transform:uppercase;}

.vision p.visin{margin:25px 0 0;}
.vision{color:#fff;padding:0 0 15px;border-bottom:1px solid #757575;}
.mission{color:#fff;padding:0 0 15px;}
.mission_list{margin:15px 0 0;}
.mission_list li{margin:15px 0 0;}
.mission_list figure{float:left;}
.description {text-align:center;
  padding: 15px 10px 0 10px; line-height: 22px;
}
.description .dis_block{display:block;text-align:center}
.vision_data figure{text-align:center}
#cup			{background:url(../images/cup.webp) fixed center center no-repeat;height:100%;width:100%;background-size:cover}
.white{color:#fff;}
.margin-top20{margin-top:35px}
.bg_none{background:none;}
#bg_product_img{background:url(../images/product_bg.webp) fixed center no-repeat; background-size: 100%; padding-top: 24px; font-size:18px; color:#ffffff;position:relative;z-index:1 }
#bg_product_img h2{margin:40px 0; color:#000000}
#bg_product_img h3{font-size:20px; margin-bottom:10px; color:#fff}
#bg_product_img .left_img {background:#94c154; float: left;  height: 120px; width: 120px;  text-align: center; line-height: 90px;  margin-right:30px; margin-bottom: 40px; position: relative; }
#bg_product_img .left_img img {position: absolute;  text-align: center;  top: 13%; /*transform: translate(0px, -50%);*/  left: 0;  right: 0;  margin: 0 auto; }
.product_box  {background-color: #ffffffc4;padding: 30px;}
.table-bordered , tr ,td, th {border: 1px solid #8a8a8a;}
.yellow{color:#ff9829;}
#infracture_cont{background:url(../images/infrastructure.webp) no-repeat; background-size:cover; background-size:cover; background-attachment:fixed; text-align:center; font-size:16px; color:#ffffff;position:relative;z-index:1;overflow:hidden}
#infracture_cont .flex-direction-nav{display:none !important}
#infracture_cont .flexslider{position:absolute;left:0px;right:0px;top:0px;bottom:0px;z-index:1}
#infracture_cont .flexslider img{width:100%;height:100%}
#infracture_cont b{font-size:20px;}
#infracture_cont .container{padding:5%;}
#infracture_cont .container > p, #infracture_cont .container > h2 { margin-bottom: 20px;}
#disc-table-bg{background:url(../images/black.jpg) center center no-repeat;background-size:cover; background-attachment:fixed; padding:50px 0 0 0;}
#disc-table-bg table {color:#fff; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; font-size: 15px;  width: 100%;}
#disc-table-bg table td {  padding:10px 20px;}
#disc-table-bg table th{background:#cf2c2f; padding:20px; text-align:left;}
.margin-bottom{margin-bottom:40px;}
.product_stru{display:inline-block}

#black_img{background:url(../images/technical_specification.jpg) no-repeat 100% 100%;background-attachment:fixed; padding:40px 0; font-size:18px; color:#6f6f6f; color:#fff;position:relative;z-index:1 }

#black_img h2 {color: rgb(255, 255, 255);font-size: 25px;margin-bottom: 20px;}
#black_img p{ margin-bottom: 30px;}
.red_head {background: rgb(230, 24, 28) none repeat scroll 0 0;color: rgb(255, 255, 255);display: block;padding: 20px 15px;text-align: center;}

#black_img table{width:100%; background:rgba(0, 0, 0, 0.3); font-size:15px;}
#black_img table th{background: rgba(255, 255, 255, 0.4); padding:20px 5px;}
#black_img table td{ padding:10px;}
.red{color:#94c154}
.black_bg{background: rgba(0, 0, 0, 0.5); text-align:left !important; padding:20px; font-size:15px;}

.rec_list{display:flex;flex-wrap:wrap; }
.rec_list li { }
.rec_list li{padding-top:15px;padding-bottom:15px;}
.rec_list li .certifications-card{border: 1px solid #fff;transition:all 0.3s ease 0s;height:100%;}
.rec_list li:hover .certifications-card{border: 1px solid #94c154;background:#94c154c9}
.img_item{height:100px;background:#fff;display:flex;}
/*.img_item img {display: block;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}*/
.img_item img{max-width:100%;max-height:100%;display: block;margin: auto;}
.caption{margin:8px 0;}
#human{background:url(../images/human.webp) fixed center center no-repeat;background-size: 100%}
#human div,#human div p,#human div h2{color:#FFF;text-align:center}
#human div p	{font-weight:normal;font-size:18px;margin-top:15px;line-height: 26px;}
/*#human .container {display: table;height: 100%;position: relative;}
.human {
  display: table-cell;
  margin: 0 auto;
  position: relative;
  text-shadow: 1px 2px 5px #000;
  vertical-align: middle;
}*/
#client_abt{position:relative;background:url(../images/client_abt.webp) fixed center center no-repeat;background-size:100% 100%;}
.coreteam	{background:rgba(0,0,0,0.5);padding:45px 0 25px 0;position:absolute;top:0px;left:0px;right:0px;width:100%;z-index:99;display:none}
.coreteam h2{color:#FFF;}
.content_1{background:rgba(0,0,0,0.5);width:100%;padding:15px;color:#fff;text-align:center;}
.arjunbhai		{position:relative;z-index:1 }
.right-arrow	{position:absolute;top:50%;right:15px;display:block;width:80px;height:80px;background:rgba(255,255,255,0.5) url(../images/right-arrow.png) center center no-repeat;margin-top:-40px;border-radius:50%}
.right-arrow:hover{background:rgba(255,255,255,0.8) url(../images/right-arrow.png) center center no-repeat}
.bg_overlay {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  color: #fff;
  /* float: right;
 margin: 95px 170px;*/
  padding: 26px 45px 45px;
  text-align: left;
  top: 0;
  width: 480px;
  border-radius: 18px;
}
.bg_overlay p	{color:#FFF}
.bg_overlay > h3 {
  border-bottom: 1px solid #828282;
  font-size: 22px;
  margin: 0 0 15px;
  padding: 0 0 15px;
}
.quarterCircleTopLeft{
     width:100px; 

     height:100px; 
     border:1px solid #000; 
     background: orange;
     border-radius: 90px 0 0 0;
}

#innovation{position:relative;background:url(../images/kapas_bg.webp) fixed center center no-repeat;height:100%;width:100%;background-size: 100% 100%}
#innovation h2		{text-align:center;margin-bottom:100px}
#piechart{height:400px;width:400px;position:relative;margin:0px 0 0 150px}
#piechart:before{content:"";display:block;height:465px;width:488px;background:url('../img/piechart_labels.png') no-repeat center center;position:absolute;left:-35px;top:-22px}#piechart:after{content:"";height:238px;width:238px;display:block;background:url('../img/sprite_retina.png') no-repeat -680px -141px;background-size:910px 410px;position:absolute;left:330px;top:-58px;z-index:20;-moz-animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-fill-mode:both;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-moz-animation-duration:8s;-webkit-animation-duration:8s;animation-duration:8s;-moz-animation-name:rotate_clockwise;-webkit-animation-name:rotate_clockwise;animation-name:rotate_clockwise}
#piechart .piechart-background{background-color:#dd042b;position:absolute;width:400px;height:400px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
#piechart .hold{position:absolute;width:400px;height:400px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;clip:rect(0px, 400px, 400px, 200px)}
#piechart .hold .pie{position:absolute;width:400px;height:400px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;clip:rect(0px, 200px, 400px, 0px);cursor:pointer;overflow:hidden}
#piechart .hold .pie .slice-background{content:"";display:block;position:absolute;left:0px;right:0px;top:0px;bottom:0px;background-repeat:no-repeat;background-position:left center;opacity:0;transition:opacity 0.3s;background-color:#971129;background-blend-mode:luminosity}
#piechart .hold .pie:hover .slice-background,#piechart .hold .pie.active .slice-background{opacity:1}
#piechart .hold.piechart-slice1{width:480px;height:480px;left:-40.0px;top:-40.0px;clip:rect(0px, 480px, 480px, 240px);z-index:1}
#piechart .hold.piechart-slice1 .pie{width:480px;height:480px;clip:rect(0px, 240px, 480px, 0px);background-color:#f4f4f4}
#piechart .hold.piechart-slice1 .pie .slice-background{opacity:1;background-blend-mode:normal;background-position:right center;background-color:#fff;-moz-animation-duration:0.5s;-webkit-animation-duration:0.5s;animation-duration:0.5s;-moz-animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-fill-mode:both;-moz-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-moz-animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-iteration-count:1;-moz-animation-name:fade_in;-webkit-animation-name:fade_in;animation-name:fade_in}
#piechart .hold.piechart-slice2{z-index:2}
#piechart .hold.piechart-slice2 .pie{background-color:#ff3a5e}
#piechart .hold.piechart-slice2 .pie .slice-background{background-position:right center}
#piechart .hold.piechart-slice2 .pie:after{content:"";display:block;height:228px;width:8px;background:url('../img/piechart_shadow_flipped.png') no-repeat center center;position:absolute;left:102px;top:-21px;z-index:20;transform:rotate(-43deg);-webkit-transform:rotate(-43deg)}
#piechart .hold.piechart-slice3{z-index:3}
#piechart .hold.piechart-slice3 .pie{background-color:#e32144}
#piechart .hold.piechart-slice4{z-index:4}
#piechart .hold.piechart-slice4 .pie{background-color:#e32144}
#piechart .hold.piechart-slice5{z-index:5;display:none}
#piechart .hold.piechart-slice5 .pie{background-color:#cd1a3a}
#piechart .hold.piechart-slice6{z-index:6}
#piechart .hold.piechart-slice6 .pie{background-color:#cd1a3a}
#piechart .hold.piechart-slice7{z-index:7}
#piechart .hold.piechart-slice7 .pie{background-color:#a31430}
#piechart .hold.piechart-slice8{z-index:8}
#piechart .hold.piechart-slice8 .pie{background-color:#901129}
#piechart .hold.piechart-slice8:after{content:"";display:block;height:228px;width:8px;background:url('../img/piechart_shadow.png') no-repeat center center;position:absolute;left:296px;top:-20px;z-index:20;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
#piechart #piechart-inner{background-color:#fff;height:114.28571px;width:114.28571px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;left:50%;top:50%;margin:-57.14286px 0 0 -57.14286px;z-index:99}
#piechart .piechart-label{position:absolute;text-align:right;white-space:nowrap;color:#000;font-family: 'ProximaNova-Bold';font-size:16px;text-transform:uppercase}
#piechart .piechart-label.piechart-label1{display:none}
#piechart .piechart-label.piechart-label2{right:120px;top:451px}
#piechart .piechart-label.piechart-label3{right:379px;top:395px}
#piechart .piechart-label.piechart-label4{right:397px;top:346px}
#piechart .piechart-label.piechart-label5{right:447px;top:241px}
#piechart .piechart-label.piechart-label6{right:445px;top:121px}
#piechart .piechart-label.piechart-label7{right:398px;top:30px}
#piechart .piechart-label.piechart-label8{right:310px;top:-29px}
#piechart				{float:left}
.market-slides-main		{margin:0 0 0 55%; }
.market-slide			{display:none;position:absolute;left:0px;width:100%;bottom:225px;right:0px}
.spirit-slides			{padding:0 0 0 0;min-height:450px;width:100%;position:relative;z-index:1}
.spirit-slides h3		{font-size:24px;color:#000;font-family: 'ProximaNova-Bold';text-transform:uppercase;line-height:30px;}
.patch					{position:absolute;bottom:100px;left:92%;z-index:9}

#cup h2					{color:#FFF;padding:0 0 25px 0;/*font-size:30px*/}

.chartTop{
     width:0;
     height:0;
     border-right:60px solid purple;
     border-top:60px solid transparent;
     border-left:60px solid purple;
     border-bottom:60px solid purple;
     border-radius: 60px;
}
/*-----------quality insurance------*/









#quality_policy{background:url(../images/reel-bg.webp) left top no-repeat;background-size:100%;background-attachment:fixed;position:relative;z-index:1;overflow:hidden}
#quality_policy .common_div{/*background:url(../images/reel-red.png) 15% center no-repeat;*/}
#red_bg{/*background:url(../images/red_bg.jpg) no-repeat;*/background:#fff;background-size:100%;background-attachment:fixed;position:relative;overflow:hidden} 
.qp_section{margin:0px 0 0 0px;}
.qp_section p{color:#FFF;font-size:16px;line-height:20px;}
.qp_section h2{color:#FFF;line-height:30px;padding:0 0 2% 0}
.qp_margin{margin:15px 0;}
.qc_overlay_bg {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  color: #fff;
  padding: 26px 45px 45px;
  text-align: left;
  top: 0;
  width: 80%;margin:3% 0
}
.qp {
  float: left;
  margin: 0 35px 0 0;
  width: 175px;
}
.qp li {
  list-style: outside none square;
  padding: 10px;
  border-bottom: 1px solid #6f706b;
}
#quality_facilities{background:url(../images/quality_facility_bg.webp) no-repeat;background-size:100%;color:#fff;background-attachment:fixed;padding:0px 0;position:relative;z-index:1;overflow:hidden}
#sitemap{background:url(../images/quality_facility_bg.webp) no-repeat scroll;background-size:100%;color:#000;background-attachment:fixed;position:relative;z-index:1}
#privacy h2,#sitemap h2{margin-bottom:15px;}
#privacy{background:url(../images/quality_facility_bg.webp) no-repeat scroll;background-size:100%;color:#000;background-attachment:fixed;position:relative;z-index:1}
#privacy p{text-transform:none;font-size:16px;}
#hexagon::before {
  border-bottom: 52px solid #fff;
  border-left: 105px solid transparent;
  border-right: 98px solid transparent;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: -52px;
  width: 0;
}
#hexagon::after {
  border-left: 105px solid transparent;
  border-right: 98px solid transparent;
  border-top: 52px solid #fff;
  bottom: -52px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
#hexagon {
  background: #fff none repeat scroll 0 0;
  /*box-shadow: 5px 1px 5px #aaa;*/
  
  display: inline-block;
  height: 116px;
  margin: 31px 9px;
  position: relative;
  vertical-align: top;
  width: 203px;
  position:relative;
}
#quality_facilities h2{margin:30px 0 10px;}
.name{position:relative;top:50%;transform:translateY(-50%);text-align:center;padding:15px;font-size:15px;color:#4d4d4d;font-family: 'ProximaNova-Regular';}
.hex {
  text-align: center;
  margin: 65px 0;
}

.parallelogramRight{
     width:100px; 
     height:100px; 
     border:1px solid #000; 
     background:yellow;
     transform: skew(-20deg); 
     -webkit-transform: skew(-20deg);
}
#footer_bg{background:url(../images/quality_footer_bg.jpg) no-repeat;background-size:100%;color:#000;background-attachment:fixed;padding:0px 0;position:relative;z-index:1;overflow:hidden}
#footer_bg h2{color:#FFF}
#footer_bg .container{color:#fff;}
.f_list li {
  background: rgba(0, 0, 0, 0) url("../images/li_item.png") no-repeat scroll 0 0 / contain ;
  margin: 0 0 20px;
  padding: 12px 36px 15px;
  position: relative;left:0px;background-size:100% 100%; 
}
.f_list li:hover	{left:15px;}

.circle-main		{text-align:center;padding:100px 0 100px 0}
.round-div-one		{background:rgba(0,0,0,0.3);margin:0 auto;text-align:center;display:inline-block;border-radius:50%}
.round-div-one div	{width:275px;height:275px;display:table-cell;vertical-align:middle;font-family: 'ProximaNova-Light';color:#fff;font-size:30px;line-height:35px;text-transform:uppercase}
.round-div-one div span	{display:block;font-size:25px;}
.round-div-two,.round-div-three	{padding:20px;border:1px solid #000;margin:70px 0 110px 8%;text-align:center;border:1px solid rgba(0,0,0,0.3);float:left;border-radius:50%;position:relative;z-index:1}
.round-div-two		{margin:120px}
.roound-div			{border-radius:50%;width:158px;height:158px;border-radius:50%;background:#fff;position:absolute;z-index:9}
.roound-div	span	{color:#FFF;text-align:center;display:block;width:140%;margin:0 0 0 -20%;margin-top:5px;}
.roound-div	span strong{display:block;font-size:18px;}
.roound-one			{top:-20px;right:50px}
.roound-two			{top:-70px;left:120px;}
.roound-three		{top:90px;left:-60px}
.roound-four		{top:320px;left:-50px}
.roound-five		{bottom:-60px;left:120px}
.roound-six			{bottom:-20px;right:50px}
.right-sign			{float:left;position:absolute;left:48%;top:100px;z-index:1}

#csr_education		{background:url(../images/csr_image1.webp) fixed center no-repeat;background-size:100%;}
.csr_main			{}
.csr_edu			{}
.csr_edu p			{color:#FFF;margin:0 70px 0 0px;}
.csr_edu p strong	{display:block;font-size:25px;padding-bottom:20px }
.amount_one			{font-size:100px;font-family: 'ProximaNova-Bold';line-height:85px}
.students,.valleges	{padding:0 0 0 140px}
.students			{margin-top:-5px}
.students strong	{font-size:35px;font-family: 'ProximaNova-Bold';line-height:30px;display:inline-block}
.students p			{display:inline-block;margin:0px;vertical-align:bottom;padding:0 0 0 25px;}
.valleges			{margin-top:7px}
.redbg				{background:#94c154;padding:10px;font-family: 'ProximaNova-Bold';line-height:80px;font-size:63px;padding-left:15px;padding-right:15px}

#csr_woman_training	{background:url(../images/woman-training.webp) center no-repeat;background-size:100%;background-attachment:fixed}
#csr_woman_training .coreteam{text-align:center;background:none;padding:25px 0}
#csr_woman_training .redbg{font-size:30px; }
.font_size40		{font-size:40px}
.woman_training_tab	{position:absolute;left:0px;right:0px;bottom:0px;width:100%;background:rgba(0,0,0,0.8);text-align:center;z-index:9}
.woman_training_tab a{color:#FFF;font-size:14px;font-weight:bold;padding:20px 20px;display:inline-block;line-height:20px;position:relative;z-index:1}
.woman_training_tab a img{position:absolute;left:50%;margin-left:-36px;top:-36px;display:none}
.woman_training_tab a:hover{background:#d2d2d2;color:#000}
.woman_training_tab a.active{background:#d2d2d2;color:#000}
.woman_training_tab a.active img{display:block}
.wt_tab_contents	{}
.wt_tab_contents .flexslider .slides img{height:100%}
.wt_tab_contents .csr-main .csr-sub-div{background:rgba(0, 0, 0, 0.77);display:inline-block;padding:0px 15px 15px 15px}
.csr-report-text-main{position:absolute;z-index:9;left:0;right:0px;width:100%;z-index:2}
.csr-report-text	{display:table-cell;vertical-align:middle;}
.wt_tab_detail		{/*display:none*/}

#skill_development	{background:url(../images/skill-development-trainings.webp) fixed center no-repeat;background-size:100%;}
#women_empowerment	{background:url(../images/women_empowerment_programs1.webp) top center no-repeat;background-size:100%}
.csr_farmer_contents{padding-top:150px;padding-bottom:240px}
#skill_development .redbg,#csr_medical .redbg{font-size:30px}
#women_empowerment .redbg,#csr_medical .redbg{font-size:30px}
.list				{background:rgba(0,0,0,0.5);padding:15px}
.list li			{color:#FFF;padding:7px 0 7px 35px;background:url(../images/red-bullet.jpg) 12px 10px no-repeat}
.csr_farmer_contents .list{margin:30px 0 0 0}

#csr_medical		{background:url(../images/csr_tree_plantation.webp) center no-repeat;background-size:100%;background-attachment:fixed}
#spinning_raw		{background:url(../images/raw_material.webp) center no-repeat;background-size:100%;background-attachment:fixed}
.spinning_div		{position:relative;z-index:1;overflow:hidden}
.spinnin_contents	{margin:220px 0 0 50px;color:#FFF;width:650px}
.spinnin_contents p,.spinnin_contents h2{color:#FFF;padding-bottom:10px;font-size:30px}
#spinning_blow_room	{background:url(../images/cleaning.webp) left top no-repeat;background-size:100%;background-attachment:fixed}
#spinning_carding_process{background:url(../images/cotton_ginning.webp) left top no-repeat;background-size:100%;background-attachment:fixed}
#spinning_draw_frame{background:url(../images/warehouse.webp) left top no-repeat;background-size:100%;background-attachment:fixed}
#spinning_combing_process{background:url(../images/pressing.webp) left top no-repeat;background-size:100%;background-attachment:fixed}
#spinning_speed_frame{background:url(../images/spinning_speed_frame.jpg) left top no-repeat;background-size:100% 100%;background-attachment:fixed}
#spinning_ring_frame{background:url(../images/spinning_ring_frame.jpg) left top no-repeat;background-size:100% 100%;background-attachment:fixed}
#spinning_linlconer	{background:url(../images/spinning_linlconer.jpg) left top no-repeat;background-size:100% 100%;background-attachment:fixed}
.spinnigLoderMain	{height:1px;width:100%;position:fixed;left:0%;bottom:75px;z-index:9;display:block;border:0px solid #0F0;}
.spinnigLoderSub	{height:100%;position:relative;z-index:1;border:0px solid #FFF;width:80%}
.spinnigLoder		{border:0px solid red;position:relative;top:0px;left:0px;display:inline-block;z-index:9;height:54px;background:url(../images/logo-lines.png) right top no-repeat}
.spinnigLogo		{width:150px;display:inline-block;position:absolute;z-index:9;top:2px;right:-130px}
.spinnigLogo img	{width:100%;}

#csr_energy			{background:url(../images/csr_energy.jpg) center no-repeat;background-size:100%;background-attachment:fixed}
#csr_energy	h2		{padding:20px 0 15px 0;color:#FFF}
#csr_energy p		{margin-bottom:15px}
/*.red-round {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  border-radius: 50%;  
  color: rgb(255, 255, 255);
  display: table;
  font-size: 2.5vw;
  height: 20vw;  
  text-align: center; 
  width: 20vw;  
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.red-round span {
  display: table-cell;
  vertical-align: middle;
}
.white-circle{background:#fff; border-radius:50%; height:158px; width:158px; padding:10px; }
.img1 {
  background: rgba(0, 0, 0, 0) url("../images/bci.png") no-repeat scroll center center / contain ;
  height: 100%;
  width: 100%;
}
.image-set1 {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
*/
#map{background:url(../images/map-1.jpg) no-repeat scroll center center / cover;position:relative;z-index:1  /*height:500px;*/ }
.mappin{position:absolute;z-index:2}
/*.mappin img{position:relative;z-index:1}
.pinone{left:43.7%;top:28.4%}
.pintwo{left:44.7%;top:30%}
.pinthree{left:47.9%;top:33%}
.pinfour{left:55.4%;top:36%}
.pinfive{left:56.5%;top:39%}
.pinsix{left:59.8%;top:39.5%}
.pinseven{left:58.8%;top:46.5%}
.pineight{left:63.5%;top:56.1%}*/
.mappin img{position:relative;z-index:1}
.pinone{left:43.7%;top:27.4%}
.pintwo{left:44.7%;top:28%}
.pinthree{left:47.9%;top:31%}
.pinfour{left:55.4%;top:34%}
.pinfive{left:56.5%;top:37%}
.pinsix{left:59.8%;top:37.5%}
.pinseven{left:58.8%;top:44.5%}
.pineight{left:63.5%;top:54.1%}
#map .map_cont{position:relative; }
.spiral{display:inline-block;position:absolute;top:10%;left:7%;width:350px;height:350px}
#abt_us_banner .spiral{left:0%;top:50%;margin:-250px 0 0 -250px;width:500px;height:500px;opacity:0.5;z-index:1}
.abt_us_content .moveright{width:500px;height:500px;right:6%;top:50%;margin-top:-360px}
#abt_us_banner .rightside{left:auto;right:0%;top:50%;margin:-250px -250px 0 0;width:500px;height:500px;opacity:0.5;z-index:1;position:absolute }
#abt_us_banner .rightside img{width:100%;height:100%;position:relative;-webkit-animation:linear spinnerTwo 10s infinite ;animation:linear spinnerTwo 10s infinite;}

.spiral img{position:relative; -webkit-animation:linear spinner 10s infinite ;width:100%;height:100%; /* Chrome, Safari, Opera  animation-timing-function: linear;*/
    animation:linear spinner 10s infinite;}
.moveright{top:20%;right:17%;left:auto;width:275px;height:275px}
.moverightbtm{top:auto;bottom:10%; left:15%;left:auto;width:300px;height:300px}
.circle{position:absolute;right:-20%;top:-10%;width:979px;height:979px;z-index:9;display:inline-block}
.circle img{position:relative;-webkit-animation:linear spinner 30s infinite ;animation:linear spinner 30s infinite;}
@-webkit-keyframes spinner {
    from { -webkit-transform: rotateZ(0deg);    }
    to   { -webkit-transform: rotateZ(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateZ(0deg);
      -ms-transform: rotateZ(0deg);
      transform: rotateZ(0deg);
    }
    to {
      -moz-transform: rotateZ(-360deg);
      -ms-transform: rotateZ(-360deg);
      transform: rotateZ(-360deg);
    }
  }

@-webkit-keyframes spinnerTwo {
    from { -webkit-transform: rotateZ(0deg);    }
    to   { -webkit-transform: rotateZ(360deg); }
  }

  /* all other browsers */
  @keyframes spinnerTwo {
    from {
      -moz-transform: rotateZ(0deg);
      -ms-transform: rotateZ(0deg);
      transform: rotateZ(0deg);
    }
    to {
      -moz-transform: rotateZ(360deg);
      -ms-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }  
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 200px;}
}

@keyframes mymove {
    from {left: 0px;}
    to {left: 200px;}
}

.text_bottom {
 /* bottom: 0;*/
  color: rgb(255, 255, 255);
  /*left: 0;
  position: absolute;
  right: 0;*/
  text-align: center;
  /*top: 400px;*/
}
#map h2{text-align:center;color:#FFF}
#map p	{text-align:center;padding:15px 0; }
#map ul	{text-align:center}
#map ul	li{display:inline-block; font-size:16px;padding:0 5px;font-weight:600;color:#4d4d4d}
.map-title{position:absolute;top:35px;text-align:center;width:100%;text-align:center}
.map-contents{position:absolute;bottom:13%;text-align:center;width:100%}


.text_bottom  ul{text-align:center;}
.text_bottom ul li {
  float: left;
  list-style-type: disc;
  padding: 15px 36px 15px 15px;
}
.right_side{float:right;
  color:#fff;}
.right_side h3{margin-top:30px;font-size:21px}
.right_side p{text-align:left !important;padding:0px !important}
.text_bottom ul {
  text-align: center;
  display: inline-block;
}
.text_bottom > ul > li:first-child{list-style:none;}

#global_bg{background:url(../images/badal_bg.jpg) fixed center center no-repeat;background-size:cover; text-align:center; /*padding:50px 0;*/position:relative;z-index:1}
#global_bg h2{margin-bottom:20px;	}
.top-shadow::after {
  background: rgba(0, 0, 0, 0) url("../images/shadow.png") no-repeat scroll 0 0;
  content: " ";
  height: 300px;
  left: -61px;
  position: absolute;
  top: -108px;
  width: 165px;
  z-index: 9999;
  
}
.top-shadow{position:relative;}
.fancybox__content{background:none;}
.innerpage-contents a{color:#fff;opacity:0.5}
.innerpage-contents a:hover{color:#fff;opacity:1}
#Group_Companies		{background:url(../images/group-companies.webp) fixed center center no-repeat;background-size:cover;position:relative;overflow:hidden;z-index:1}
#Group_Companies h2		{text-align:center;margin-bottom:50px;font-size:25px}
#Our_Strength		{background:url(../images/strength_bg.webp) fixed center center no-repeat;background-size:cover;position:relative;overflow:hidden;z-index:1}
#Our_Strength h2		{color:#fff;text-align:center;margin-bottom:50px;font-size:25px}
.box-main				{text-align:center}
.boxes-div				{background:url(../images/red-triangle.png) center center no-repeat}
.box-main .div-box		{display:inline-block;margin:37px 8px;position:relative;z-index:1;cursor:pointer}
.box-main .div-box img	{display:none}
.box-main .div-box.formiddle{margin:0;padding:0;}
/* .box-main .div-box.formiddle .div-box{flex:0 0 160px;width:160px;} */
.box-main #hexagon		{margin:33px 8px;display:table-cell;vertical-align:middle;height:123px;width:213px;color:#343434;position:relative;z-index:99}
.box-main #hexagon::before{border-left:107px solid transparent;border-right:107px solid transparent;top:-62px;border-bottom:62px solid #fff;z-index:99}
.box-main #hexagon::after{border-left:107px solid transparent;border-right:107px solid transparent;bottom:-62px;border-top:62px solid #fff;z-index:99}
.box-main #hexagon		{font-size:14px;color:#6a6a6a;}
.box-main #hexagon strong{font-size:18px;color:#4b4b4b;font-family: 'ProximaNova-Light';display:block;line-height:normal;font-weight:bold;padding-bottom:5px}
.global-logos-main		{text-align:center;padding-top:25px}
.global-logos-main h2	{margin-bottom:35px;}
.global-logos			{display:inline-block;padding:15px 35px;}
.logos-row				{text-align:center;padding:15px 0 }
.border-left-right		{border-left:1px solid #ccc;border-right:1px solid #ccc;}
.bdrlr					{border-left:1px solid #ccc;border-right:1px solid #ccc;} 
.clients_logo_main .global-logos{/*border-left:1px solid #ccc;border-right:1px solid #ccc;*/}
.clients_logo_main .border-left-right{border-left:0px solid #ccc;border-right:0px solid #ccc;}
.quality_insurance .global-logos{padding:0px 20px;border-left:0px solid #ccc;border-right:0px solid #ccc;margin:10px 0;}
.quality_insurance .global-logos div{width:100%;margin:0 auto;display: block; /**/background:rgba(255,255,255,1);padding:25px 0}
.logos-row .global-logos:nth-child(even){border-left:1px solid #ccc;border-right:1px solid #ccc;}
.quality_insurance .global-logos div img{display:block;margin:auto ;}
.bg_overlay				{margin:0 0 0 430px;position:absolute;top:50%;right:12%}
.bg_overlay_left		{margin:0 430px 0 0 ;right:auto;left:12%}
/*.box-main #hexagon:hover{background:#6f6f6f;color:#FFF}
.box-main #hexagon:hover::before{border-bottom:62px solid #6f6f6f }
.box-main #hexagon:hover::after{border-top:62px solid #6f6f6f }
.box-main #hexagon:hover strong{color:#FFF}*/
.white-shade			{position:absolute;z-index:0;}
.one-patch				{top:-182px;right:0}
.two-patch 				{top:-182px;left:0;transform:rotate(0deg);-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
         }
.three-patch			{bottom:-69px;left:7px;transform:rotate(120deg); }
.four-patch				{top:-182px;right:0}
.five-patch				{top:-59px;right:0px;transform:rotate(0deg);-moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
          }
.six-patch 				{top:-58px;left:0;transform:rotate(0deg); -moz-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);
        }		

.wheel					{position:absolute;z-index:1}		
.wheel img				{position:relative;}
.wheel1					{width:300px;height:300px; top:30%;right:0%;
-webkit-animation:spin 10s linear infinite;
-moz-animation:spin 10s linear infinite;
animation:spin 10s linear infinite;
}
#bg_product_img .left_img img{/*-webkit-animation:spin 10s linear infinite;
-moz-animation:spin 10s linear infinite;
animation:spin 10s 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); } }

.wheel2					{width:480px;height:480px; top:18%;left:11%;}
.wheel2 img				{
-webkit-animation:spinning 10s linear infinite;
-moz-animation:spinning 10s linear infinite;
animation:spinning 10s linear infinite;
}
@-moz-keyframes spinning { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spinning { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spinning { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }


.lines		{position:absolute;top:110%;border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2);height:100%;width:10%;z-index:1  }
.line1		{left:10%;
-webkit-animation:lines 12s linear infinite;
-moz-animation:lines 12s linear infinite;
animation:lines 12s linear infinite;}
.line2		{left:30%;
-webkit-animation:lines 8s linear infinite;
-moz-animation:lines 8s linear infinite;
animation:lines 8s linear infinite;}
.line3		{left:50%;
-webkit-animation:lines 8s linear infinite;
-moz-animation:lines 8s linear infinite;
animation:lines 8s linear infinite;}
.line4		{left:66%;
-webkit-animation:lines 9s linear infinite;
-moz-animation:lines 9s linear infinite;
animation:lines 9s linear infinite;}
.line5		{left:73%;
-webkit-animation:lines 10s linear infinite;
-moz-animation:lines 10s linear infinite;
animation:lines 10s linear infinite;}
.line6		{left:85%;
-webkit-animation:lines 12s linear infinite;
-moz-animation:lines 12s linear infinite;
animation:lines 12s linear infinite;}
@-moz-keyframes lines { 100% { top:-105%} }
@-webkit-keyframes lines { 100% {top:-105%} }
@keyframes lines { 100% {top:-105%} }


.table-bordered, tr, td, th		{/*-webkit-animation:borderclr 5s linear infinite;
-moz-animation:borderclr 5s linear infinite;
animation:borderclr 5s linear infinite;*/}
@-moz-keyframes borderclr {
	0%	{border:1px solid #8a8a8a}
	50%	{border:1px solid #ff0000}
	100%{border:1px solid #8a8a8a}	
}
@-webkit-keyframes borderclr { 0%	{border:1px solid #8a8a8a}
	50%	{border:1px solid #ff0000}
	100%{border:1px solid #8a8a8a}	}
@keyframes borderclr { 0%	{border:1px solid #8a8a8a}
	50%	{border:1px solid #ff0000}
	100%{border:1px solid #8a8a8a}	 }


#spinning_raw .moverightbtm{right:15%;bottom:15%;opacity:0.5}
#spinning_carding_process .spiral{right:15%;bottom:15%;opacity:0.5;left:auto;top:auto}
#spinning_draw_frame .moveright{right:15%;bottom:15%;opacity:0.5;left:auto;top:auto}
#spinning_speed_frame .wheel1{right:25%;bottom:15%; left:auto;top:auto}
#spinning_ring_frame .moverightbtm{right:25%;bottom:15%; left:auto;top:auto;width:500px;height:500px;opacity:0.3}
#spinning_ring_frame .moverightbtm img{width:100%;height:100%;}
#spinning_linlconer .circle	{right:25%;bottom:-15%; left:auto;top:auto}
#red_bg .circle	{left:6%;top:-2%}

.qc_overlay_bg{}
.qc_overlay_bg,.list{/*-webkit-animation:bgcolor 5s linear infinite;
-moz-animation:bgcolor 5s linear infinite;
animation:bgcolor 5s linear infinite;*/}

@-moz-keyframes bgcolor {
	0%	{background:rgba(0, 0, 0, 0.3)}
	50%	{background:rgba(230, 24, 28, 0.5)}
	100%{background:rgba(0, 0, 0, 0.3)}	
}
@-webkit-keyframes bgcolor { 
	0%	{background:rgba(0, 0, 0, 0.3)}
	50%	{background:rgba(230, 24, 28, 0.5)}
	100%{background:rgba(0, 0, 0, 0.3)}	
}
@keyframes bgcolor {
	0%	{background:rgba(0, 0, 0, 0.3)}
	50%	{background:rgba(230, 24, 28, 0.5)}
	100%{background:rgba(0, 0, 0, 0.3)}	
}
#quality_policy .spiral{left:10%;top:20%;width:500px;height:500px;opacity:0.2}
#quality_policy .spiral img{width:100%;height:100%}
#quality_facilities .spiral {width:500px;height:500px;left:50%;margin-left:-250px;top:50%;margin-top:-250px;bottom:auto;right:auto}
#quality_facilities .spiral img{width:100%;height:100%;}

.hex #hexagon::before{border-bottom:52px solid #fff;
/*-webkit-animation:hexagobefore 5s linear infinite;
-moz-animation:hexagobefore 5s linear infinite;
animation:hexagobefore 5s linear infinite*/
}
.hex #hexagon::after{border-top:52px solid #fff;
/*-webkit-animation:hexagoafter 5s linear infinite;
-moz-animation:hexagoafter 5s linear infinite;
animation:hexagoafter 5s linear infinite*/
}
.hex #hexagon		{background:#fff;
/*-webkit-animation:hexagonanim 5s linear infinite;
-moz-animation:hexagonanim 5s linear infinite;
animation:hexagonanim 5s linear infinite;*/
}

@-moz-keyframes hexagonanim {
	0%	{background:#fff;}
	50%	{background:#757575;}
	100%{background:#fff;}	
}
@-webkit-keyframes hexagonanim { 
	0%	{background:#fff;}
	50%	{background:#757575;}
	100%{background:#fff;}	
}
@keyframes hexagonanim {
	0%	{background:#fff;}
	50%	{background:#757575;}
	100%{background:#fff;}	
}

@-moz-keyframes hexagobefore {
	0%	{border-bottom:52px solid #fff;}
	50%	{border-bottom:52px solid #757575;}
	100%{border-bottom:52px solid #fff;}	
}
@-webkit-keyframes hexagobefore { 
	0%	{border-bottom:52px solid #fff;}
	50%	{border-bottom:52px solid #757575;}
	100%{border-bottom:52px solid #fff;}	
}
@keyframes hexagobefore {
	0%	{border-bottom:52px solid #fff;}
	50%	{border-bottom:52px solid #757575;}
	100%{border-bottom:52px solid #fff;}	
}

@-moz-keyframes hexagoafter {
	0%	{border-top:52px solid #fff;}
	50%	{border-top:52px solid #757575;}
	100%{border-top:52px solid #fff;}	
}
@-webkit-keyframes hexagoafter { 
	0%	{border-top:52px solid #fff;}
	50%	{border-top:52px solid #757575;}
	100%{border-top:52px solid #fff;}	
}
@keyframes hexagoafter {
	0%	{border-top:52px solid #fff;}
	50%	{border-top:52px solid #757575;}
	100%{border-top:52px solid #fff;}	
}

#footer_bg .spiral{opacity:0.1}

.indicator 							{ right:15px; bottom:10px; width:30px; height:30px; display: block; z-index:99; position:fixed; background:#666 url(../images/go-top-arrow.png) center center no-repeat; border-radius:0px 0px 0 0; display:none!important}
.indicator:hover 					{ background:#999 url(../images/go-top-arrow.png) center center no-repeat;}
.down-links				{position:absolute;bottom:40px;height:1px;text-align:center;width:100%;right:0px;z-index:99 }
.down-links	li			{height:1px;}
.down-links	li span		{font-size:10px;color:#FFF;white-space:nowrap;background:#FFF;width:2px;display:inline-block;height:18px;margin-top:2px; position:absolute;left:50%;margin-left:-1px;bottom:7px;
-webkit-animation: mymove 1.5s infinite; animation: mymove 1.5s infinite;}
@-webkit-keyframes mymove {
    from {height: 25px;bottom:7px;}
    to {height:0px;bottom:0px;}
}

@keyframes mymove {
    from {height: 25px;bottom:7px;}
    to {height:0px;bottom:0px;}
}
.down-links	li a		{display:block;width:50px;height:22px;background:url(../images/btn-arrow.png) center bottom no-repeat;margin:0 auto;position:relative;z-index:1;color:#FFF;font-size:20px;text-align:center }
.lastdown li a			{transform:rotate(180deg)}

.footer-main			{position:relative;z-index:99}
.footer-menu			{text-align:center;}
.footer-menu li			{display:inline-block;}
.footer-menu li	a		{color:#FFF;font-size:16px;border-right:1px solid #545453;padding:15px 13px;display:inline-block}
.footer-menu li:last-child	a{border-right:0px solid #545453;}
.footer-menu li	a:hover,.footer-menu li a.active{color:#999;}

.popup-box-main			{width:auto;padding:0px;text-align:center}
.popup-box-main	.container .col-xs-12{text-align:left}
/*.popup-box-main	.container{width:auto;display:inline-block;}*/
.popup-box-main h1		{font-size:35px;padding-bottom:10px;line-height:normal;color:#ccc;font-weight:normal;border-bottom:1px solid #333;margin-bottom:10px}
.popup-box-main h2		{font-size:25px;padding-bottom:10px;line-height:normal;padding-top:10px;color:#ccc;font-weight:normal;border-bottom:1px dashed #333;margin-bottom:10px;font-family:"ProximaNova-Light"}
.form-div				{padding:5px 5px 5px 0px;border:1px solid #e6e9ea;border-radius:3px;margin-bottom:5px}
.form-div label			{float:left;width:40px;height:35px;text-align:center }
.form-div .input-box	{margin:0 0 0 40px}
.input					{border:1px solid #eee}
.input-box				{ }
.input-box .input		{width:100%;background:#fff;font-size:16px;padding:7px;color:#000;border:0px solid #ccc;border-left:1px solid #e6e9ea;}
.country-code .input-box{margin:0 0 0 130px}
.input-box textarea.input{height:135px}
.submit-div .button		{border-radius:3px;display:block;padding:13px 0; text-align:center;width:100%}

.input-box .input::-webkit-input-placeholder {
color:#999 !important; font-style:italic;font-size:12px;
}
.input-box .input::-moz-placeholder { /* Firefox 18- */
color:#999 !important; font-style:italic;font-size:12px;
}
.input-box .input::-ms-input-placeholder {  
color:#999 !important; font-style:italic;font-size:12px;
}
.button					{color:#fff;font-weight:normal;text-align:center;padding:8px 25px;display:inline-block;background:#e6181b;border:0px solid #fff;font-size:15px; }
.button:hover			{background:rgba(0,0,0,0.5)}
.spinnin_contents p		{font-size:20px;font-style:normal;line-height:28px;text-shadow:0 1px 1px rgba(0,0,0,0.5)}
.vision_data{}
.vm-box{height:100%;}
#fp-nav{right:50px;left:auto;}
#fp-nav ul li a span.fp-sr-only,#fp-nav ul li a.active span.fp-sr-only{display:none;}
.flexslider .flex-nav-prev{margin-left:60px;}
.flexslider .flex-nav-next{margin-right:60px;}

@media screen and (min-width: 768px) and (max-width:5000px) {
.intro,.vision-mission h1,.vision,.mission,.circle_main,.rec_list .one,.recognitions,.human-resource h2,.human-resource p,.group-company .boxes-div,.infrastructure-div h2,.infrastructure-div .rightanim,.infrastructure-div .leftanim,.product-square .sqone,.product-square .sqone,.product-square h2,.spinnin_contents h2,.quality_insurance h2,.quality_insurance .global-logos,#footer_bg .list_one,.csr_edu,.csr_left,.csr_right,.map-title h2,.map-contents,#global_bg h2,#global_bg p,.global_left,.global_right,.border-left-right{transition:all 1.5s ease 1.5s; -webkit-transition: all 1.5s ease 1.5s; -moz-transition: all 1.5s ease 1.5s; -o-transition: all 1.5s ease 1.5s; -ms-transition:all 1.5s ease 1.5s;opacity:0}
.intro,.vision-mission h1{transform:translate3d(0px, 200px, 0px);position:relative;z-index:1}
#section2.active .intro	{transform:translate3d(0px, 0px, 0px);opacity:1}
#section1.active .intro	{transform:translate3d(0px, 0px, 0px);opacity:1}
#section3.active .vision-mission h1{transform:translate3d(0px, 0px, 0px);opacity:1}

.section.active .div-box{}
.vision,.group-company h2,.quality_insurance .bdrlr,.map-contents,#global_bg p,.border-left-right	{transform:translate3d(0px, 200px, 0px);}
.mission,#quality_facilities .hex,#quality_facilities .Quality,#footer_bg .f_list	{transform:translate3d(0px, 300px, 0px);}
.circle_main,.recognitions{transform:translate3d(200px, 0px, 0px);}
#section3.active .vision,#section3.active .mission,#section4.active .circle_main,#section5.active .recognitions,#section5.active .rec_list .one,#section5.active .rec_list .two,#section5.active .rec_list .three,#section6.active .flexslider,#section7.active .human-resource h2,#section7.active .human-resource p,.section.active .group-company .boxes-div,#section8.active .group-company h2,#section3.active .infrastructure-div h2,#section3.active .infrastructure-div .leftanim,#section3.active .infrastructure-div .rightanim,#section1.active .product-square h2,#section1.active .product-square .sqone,#section1.active .product-square .sqtwo,#section1.active .product-square .sqthree,#section2.active .product-square .sqtwo,#section2.active .product-square .sqthree,#section1.active .spinnin_contents h2,#section1.active .spinnin_contents p,#section2.active .spinnin_contents h2,#section2.active .spinnin_contents p,#section3.active .spinnin_contents h2,#section3.active .spinnin_contents p,#section4.active .spinnin_contents h2,#section4.active .spinnin_contents p,#section5.active .spinnin_contents h2,#section5.active .spinnin_contents p,#section6.active .spinnin_contents h2,#section6.active .spinnin_contents p,#section7.active .spinnin_contents h2,#section7.active .spinnin_contents p,#section8.active .spinnin_contents h2,#section8.active .spinnin_contents p,#section1.active .quality_insurance h2,#section1.active .quality_insurance .global-logos,#section2.active .quality_insurance .global-logos,#section3.active h2,#section3.active .Quality,#section3.active .hex,#section4.active #footer_bg h2,#section4.active #footer_bg .f_list,#section1.active .csr_edu,#section2.active .csr_right,#section3.active .csr_left,#section4.active .csr_right,#section5.active .csr_right,#section1.active .map-title h2,#section1.active .map-contents,#section2.active #global_bg h2,#section2.active #global_bg p,#section2.active .global_left,#section2.active .global_right,#section2.active .border-left-right,.active .csr_right,.active .product-square .sqone{transform:translate3d(0px, 0px, 0px);opacity:1}

.rec_list .one{transform:translate3d(0px, 50px, 0px);}
.rec_list .two{transform:translate3d(0px, 100px, 0px);}
.rec_list .three{transform:translate3d(0px, 150px, 0px);}
.rec_list .two,.group-company h2,.product-square .sqtwo,.spinnin_contents p,#quality_facilities .Quality,#quality_facilities h2,#quality_facilities .hex,#footer_bg h2,#footer_bg .list_two{transition:all 1.5s ease 1.7s; -webkit-transition: all 1.5s ease 1.7s; -moz-transition: all 1.5s ease 1.7s; -o-transition: all 1.5s ease 1.7s; -ms-transition:all 1.5s ease 1.7s;opacity:0}
.rec_list .three,.product-square .sqthree,#footer_bg .list_three{transition:all 1.5s ease 2s; -webkit-transition: all 1.5s ease 2s; -moz-transition: all 1.5s ease 2s; -o-transition: all 1.5s ease 2s; -ms-transition:all 1.5s ease 2s;opacity:0}
.human-resource h2,.infrastructure-div .leftanim,.product-square .sqone,.product-square .sqtwo,.product-square .sqthree,.product-square h2,.spinnin_contents h2,.spinnin_contents p{transform:translate3d(200px, 0px, 0px);}
.quality_insurance .left_logo,.csr_edu,.global_right{transform:translate3d(200px, 0px, 0px);}
.human-resource p,.infrastructure-div .rightanim{transform:translate3d(-200px, 0px, 0px);}
.quality_insurance .right_logo,.global_left		{transform:translate3d(-200px, 0px, 0px);}
.csr_left{transform:translate3d(150px, 0px, 0px);}
.csr_right		{transform:translate3d(-150px, 0px, 0px);}
#section6{overflow:hidden}
.infrastructure-div h2,.quality_insurance h2,#quality_facilities h2,#footer_bg h2,.map-title h2,#global_bg h2{transform:translate3d(0px, -250px, 0px);}
.group-company .boxes-div{transform:translate3d(0px, 150px, 0px)}

.counter-boxes{width:700px;margin:0 auto;}
#spinning_raw div,#spinning_raw h2,#spinning_raw div p{}

.firstActive .quality_insurance h2,.firstActive .map-title h2{transform:translate3d(0px, -250px, 0px) !important;opacity:0 !important}
.firstActive .quality_insurance .right_logo{transform:translate3d(-200px, 0px, 0px) !important;opacity:0 !important}
.firstActive .quality_insurance .left_logo,.firstActive .csr_edu{transform:translate3d(200px, 0px, 0px) !important;opacity:0 !important}
.firstActive .quality_insurance .bdrlr,.firstActive .map-contents{transform:translate3d(0px, 200px, 0px) !important;opacity:0 !important}
.firstActive .product-square h2,.firstActive .product-square .sqone,.firstActive .product-square .sqtwo,.firstActive .product-square .sqthree,.firstActive .spinnin_contents h2,.firstActive .spinnin_contents p{transform:translate3d(400px, 0px, 0px) !important;opacity:0 !important}
}
.certific_logo {position:relative;z-index:1;text-align:center;display:inline-block;margin:0 5px;opacity:1}
.certific_logo span{position:absolute;top:0px;z-index:9;left:0px;right:0px;display:none}
/*.certific_logo .color{opacity:0; }
.certific_logo:hover img.bnw{opacity:0}
.certific_logo:hover img.color{opacity:1}*/
.footsublinks{ text-align:center;margin-top:35px;}
.footsublinks li{display:inline-block;text-align:center;color:#FFF;text-transform:uppercase;font-size:11px;}
.footsublinks li a{color:#fff;font-size:13px;display:inline-block;text-transform:uppercase;padding:0 15px;border-right:1px solid #545453}
.footsublinks li:last-child a {
  border-right: 0px solid #545453;
}
.footsublinks li div{margin-top:-10px;margin-left:10px;}
.footsublinks li div a{border:0px solid #545453}
.footsublinks li:first-last a{border-right:0px solid #545453}
.footsublinks li a:hover,.footsublinks li a.active{color:#999}
.sitemap a{font-size:18px;color:#999;display:block;margin:5px 0;padding:5px 0;text-transform:uppercase;border-bottom:1px dotted #333}
.sitemap a:hover{color:#fff}
.sitemap a br{display:none}
#footer-page{background:#2d2c2c}
.copyright-designed	{position:absolute;left:0px;right:0px;bottom:0px;overflow:hidden;background:#222020;padding:20px 50px;z-index:99}
.copyright-designed div{color:#FFF;font-size:14px;}
.left-foot		{float:left}
.right-foot		{float:right}
.right-foot a:hover{opacity:0.5;}

#section2 .quality_insurance .global-logos div{background:none}
.privacy-policy p{text-align:left;color:#fff;font-size:15px;padding:10px 0;line-height:1.5;}
.mainpage	{background:#000 url(../images/body-bg2.webp) left top no-repeat;background-size:100%}