.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}
.bg-white { background-color: #fff !important; }.bg-transparent { background-color: transparent !important; }
.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:-webkit-sticky !important;position:sticky !important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position: -webkit-sticky) or (position: sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}
.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}
@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('/fonts/AvenirNextCyr-LightItalic.woff2') format('woff2'),
    url('AvenirNextCyr-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir Next Cyr Ultra';
    src: url('/fonts/AvenirNextCyr-UltraLight.woff2') format('woff2'),
    url('AvenirNextCyr-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}


@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('/fonts/AvenirNextCyr-Demi.woff2') format('woff2'),
    url('AvenirNextCyr-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('/fonts/AvenirNextCyr-Bold.woff2') format('woff2'),
    url('AvenirNextCyr-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('/fonts/AvenirNextCyr-Regular.woff2') format('woff2'),
    url('AvenirNextCyr-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('/fonts/AvenirNextCyr-Heavy.woff2') format('woff2'),
    url('AvenirNextCyr-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('/fonts/AvenirNextCyr-Medium.woff2') format('woff2'),
    url('AvenirNextCyr-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('/fonts/AvenirNextCyr-Thin.woff2') format('woff2'),
    url('AvenirNextCyr-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}


html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto 0px;
    padding: 0 0 0px;
    background: #fcfcfc;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;

}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/*custom css*/


body {
    font-family: "Avenir Next Cyr";
    background: #fcfcfc;
    overflow-x: hidden;
}
main {
    background: url(/uploads/backsm.png) no-repeat; background-size: 50%; background-position: left bottom; background-color: #fcfcfc; 
}
.container{
    width: 1440px;
    max-width: 100%;
}
div ul.pagination{
    margin-top: 104px;
}
div ul.pagination > li a, div ul.pagination > li span{
    border: none !important;;
    color: #404040 !important;
    background: transparent !important;;
}
div ul.pagination > li.active a{
    font-weight: 600;
}
#logo {
    margin-top: 28px;
    margin-bottom: 25px;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.outOfStock {
    width: 220px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background: #d98507;
    border: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    text-transform: uppercase;
}
.dList{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.menuList {
    /*display: block;*/
    list-style: none;
    margin: 0;
    padding: 0;
}
.open .menuList {
    display: block;
}
.menuList>li {
    /*display: inline-block;*/
    margin: 0;
    /*width: 20%;*/
    padding: 0;
    position: relative;
}
.menuList>li>a{
    position: relative;
    display: block;
    width: 100%;
    padding: 46px 18px;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    align-items: center;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.menuList>li>a:before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    width: 0%;
    height: 3px;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.menuList>li>a:hover {
    text-decoration: none;
}
.menuList>li>a:hover:before {
    left: 0%;
    width: 100%;
}
.menuList>li+li>a:after {
    content: '';
    position: absolute;
    left: -2px;
    top:0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    background: #C0DD5B;
    border-radius: 2000px;
}
.menuList>li .subMenuList {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 1000;
    float: left;
    min-width: 226px;
    padding: 0;
    margin: 0;
    transform: translateX(-50%);
    left: 50%;
    font-size: 14px;
    text-align: left;
    list-style: none;
    box-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
    background: #f1f1f1;
}
.menuList>li:hover .subMenuList{
    display: block;
}
.menuList>li .subMenuList>li{
    width: 100%;
    /*height: 100%;*/
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    z-index: 1;
}
.menuList>li .subMenuList>li+li {
    margin-top: 1px;

}
.menuList>li .subMenuList>li a{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FDFDFD;
    padding: 16px 28px;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #727272;
    font-weight: 600;
    position: relative;
    white-space: nowrap;
    z-index: 2;
}
.menuList>li .subMenuList>li a:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0%;
    height: 3px;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.menuList>li .subMenuList>li a:hover:before{
    left: 0%;
    width: 70%;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.menuList>li .subMenuList>li:hover {
    background: #404040;
}
.menuList>li .subMenuList>li a:hover{
    background: linear-gradient(180deg, #D4FC79 -25%, #96E6A1 76.17%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
#headerTop {
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: fixed;
    top:0;
    left:0;
    right: 0;
    z-index: 1000;
    background: rgba(255,255,255, 0);
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
#headerTop.affix {
    background: rgba(255,255,255, 1);
    box-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
}
#headerTop.affix #logo {
    margin-top: 10px;
    margin-bottom: 0px;
}

#headerTop.affix .menuList>li>a{
    padding: 28px 18px;
    color: #404040;
}
@media (max-width: 1406px) and (min-width: 1199px) {
    #headerTop.affix .menuList>li>a{
        padding: 28px 9px;
        color: #404040;
    }
}
#proSearch {
    background: #FDFDFD;
    transform: translateY(-200%);
    opacity: 0;
    position: absolute;
    display: block;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
}
#proSearch>.container {
    position: relative;
}
.searchB:hover {
    cursor: pointer;
}
.searchClose {
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 29px;
    width: 29px;
}
.searchClose:before {
    content: '';
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    margin: auto;
    width: 22px;
    height: 3px;
    background: #C4C4C4;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.searchClose:after {
    content: '';
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    margin: auto;
    width: 22px;
    height: 3px;
    background: #C4C4C4;
    transform: rotate(45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
#proSearch.addOpen{
    transform: translateY(-0%);
    opacity: 1;
    z-index: 1001;
}
#proSearch #proSearchOutter {
    margin-top: 35px;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
#proSearch form {
    width: 481px;
    max-width: 100%;
    height: 40px;
    border-radius: 2000px;
    border: 1px solid rgba(114,114,114,0.5);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
}
#proSearch form input{
    border:none;
    outline: none;
    background: none;
    height: 100%;
    box-shadow: none;
    color: #404040;
}
#proSearch form input:-internal-autofill-selected {
    background-color: #fdfdfd !important;
    background-image: none !important;
    background: none !important;
    color: #404040 !important;
}
#proSearch form input::placeholder{
    text-transform: capitalize;
}
#proSearch form button{
    background: transparent;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #727272;
}
#proSearch form input:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
}
#proSearch form button:active, #proSearch form button.active {
    background-image: none;
    outline: 0;
    box-shadow: none;
}
#logoSearch {
    margin-top: 28px;
    margin-bottom: 25px;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.affix #logoSearch {
    margin-top: 10px;
    margin-bottom: 8px;
}
.affix #proSearch #proSearchOutter {
    margin-top: 16px;
}
/*#headerTop.affix #logo svg path:nth-child(3){*/
/*    fill:#404040;*/
/*}*/
.imgSlider {
    min-width: 100%;
    width: 100%;
    min-height: 100%;
    height: auto;

}
#beApartOf {
    display: none;
}

#mainTopSlider {
    height: 888px;
    overflow: hidden;
    position: relative;
    background: url(/uploads/1.jpg)no-repeat;
    background-size: cover;
}
#mainTopSlider>div {
    height: 100%;
}
#mainTopSlider:before{
        content: '';
        position: absolute;
        display: block;
        top:0;
        left:0;
        right: 0;
        bottom: 0;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

#subHeaderManufacture:before {
        content: '';
        position: absolute;
        display: block;
        top:0;
        left:0;
        right: 0;
        bottom: 0;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
.headerInfoList {
    margin-top: 37px;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 23px;
    position: relative;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    float: left;
}
.headerInfoList:before {
    content: '';
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    background: url("/uploads/phone.svg") no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    margin: auto;
}
.headerNavList {
    margin: 46px 0 0 0;
    float: right;
    display: flex;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    padding-left: 15px;
}
.headerNavList>li {
    display: inline-block;
    list-style: none;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #404040;
}
.headerNavList>li>ul>li {
    display: block;
}
.headerNavList>li>ul{
    min-width: 64px;
    padding-top: 0;
    padding-bottom: 0px;
    margin-top: 0;
}
.headerNavList>li>ul>li a{
    padding: 9px 21px;
    font-size: 14px;
    font-weight: 600;
}
.headerNavList>li>ul>li:hover {
    background: #404040;
}
.headerNavList>li>ul>li a:hover {
    background: linear-gradient(180deg, #D4FC79 -25%, #96E6A1 76.17%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.headerNavList>li:nth-child(1){

    position: relative;
}
.headerNavList li:nth-child(1) button {
    border: none;
    outline: none;
    background: none;
    position: relative;
    padding-right: 10px;
}
.headerNavList>li:nth-child(1) button:before{
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0;
    top: 0px;
    margin: auto;
    height: 7px;
    width: 2px;
    background: #404040;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.affix .headerNavList>li{
    color: #404040;
}
.headerNavList>li:nth-child(1) button:after{
    content: '';
    position: absolute;
    right: 4px;
    bottom: 0;
    top: 0px;
    margin: auto;
    height: 7px;
    width: 2px;
    background: #404040;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.accB{
    display: none !important;
}
.headerNavList>li+li{
    margin-left: 16px;
}
.affix .headerInfoList{
    margin-top: 19px;
}
.affix .headerNavList{
    margin-top: 28px;
}
.headerInfoList li{
    list-style: none;
}
.headerInfoList li a{
    font-size: 14px;
    line-height: 14px;
    color: #404040;
    font-weight: 600;
    white-space: nowrap;
}

.headerInfoList li:nth-child(1){
    font-size: 12px;
    line-height: 15px;
    color: #404040;
    font-weight: 400;
}
.headerInfoList li:nth-child(3){
    font-size: 12px;
    line-height: 15px;
    text-decoration-line: underline;

}
.affix .headerNavList li:nth-child(2) svg path{
    /* fill: #404040; */
}
.affix .headerNavList li:nth-child(3) svg path, .affix .headerNavList li:nth-child(3) svg line{
    stroke: #404040;
}
.affix .headerNavList li:nth-child(4) svg path:nth-child(1){
    stroke: #404040;
}
.affix .headerNavList li:nth-child(4) svg path:nth-child(2){
    fill: #404040;
}
.affix .headerNavList>li:nth-child(1) button:before, .affix .headerNavList>li:nth-child(1) button:after{
    background: #404040;
}
.affix .headerInfoList li a, .affix .headerInfoList li {
    color: #404040;
}

.gm-style .place-card-large{
    display: none;
}


.topInfo {
    height: 432px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1440px;
    max-width: 100%;
}
.topInfo .likeH1 {
    font-size: 56px;
    line-height: 86px;
    font-weight: 600;
    display: block;
    color: #404040;
    margin-bottom: 32px;
    padding-left: 15px;
    padding-right: 15px;

}
.prodCatH1 {
    margin-bottom: 50px;
}
.topInfo p {
    display: block;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 64px;
    color: #404040;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
}
.mobTextCenter{
    padding-left: 15px;
}
.downlink{
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-weight: 600;

    color: #404040;
}
.downlink svg {
    margin-right: 10px;
}

.animatrics {
    display: block;
    width: 110%;
    height: 100%;
    margin: auto;
    position: absolute;
    z-index: -1;
    background: #404040;
    top: 0;
    left: -5%;
    bottom: 0;
    right: 0;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.38,.32,.36,.98) 0s;
    transition: -webkit-transform .2s cubic-bezier(.38,.32,.36,.98) 0s;
    -o-transition: transform .2s cubic-bezier(.38,.32,.36,.98) 0s;
    transition: transform .1s cubic-bezier(.38,.32,.36,.98) 0s;
    transition: transform .15s cubic-bezier(.38,.32,.36,.98) 0s,-webkit-transform .15s cubic-bezier(.38,.32,.36,.98) 0s;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;

}
.getMoreBlock:hover .animatrics {
     -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;

}
.getMore {
    max-width: 230px;
    position: relative;
    padding: 16px 48px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #404040;
    z-index: 1;
    border-radius: 1000px;
    background: #fff;
    outline: none;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.getMore:before {
    content: '';
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
    z-index: -1;
    border-radius: 1000px;

    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.getMore:after {
    content: '';
    position: absolute;
    left:10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 12px;
    width: 12px;
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);

    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.getMore:hover:after {
    left:15px;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
}
.getMore:hover, .getMore:active, .getMore:focus {
    background: #343434;
    box-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
    color: #fff;
    text-decoration: none;
}
.getMore:hover:before {
    background: #343434;
}
.getMoreBlock {
    display: inline-block;
    outline: none;
    overflow: hidden;
    width: 208px;
    position: relative;
    text-align: center;
    padding: 16px 0px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #404040;
    z-index: 1;
    white-space: nowrap;
    border-radius: 1000px;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
    border: none;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.getMoreBlock:before {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    background: #ffffff;
    z-index: -1;
    border-radius: 1000px;
    border: none;
    outline: none;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.getMoreBlock svg {

    position: absolute;
    left:24px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 11px;
    width: 10px;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.getMoreBlock:hover svg path:nth-child(1), .getMoreBlock:focus svg path:nth-child(1), .getMoreBlock:active svg path:nth-child(1){
    stroke-width: 2;
}
.getMoreBlock:hover svg path:nth-child(2), .getMoreBlock:focus svg path:nth-child(2), .getMoreBlock:active svg path:nth-child(2){
    stroke-width: 0;
}
.getMoreBlock:hover svg path, .getMoreBlock:focus svg path, .getMoreBlock:active svg path {
    stroke: #ffffff;
    fill: #ffffff;
}
.getMoreBlock:hover, .getMoreBlock:active, .getMoreBlock:focus {
    /*background: #343434;*/
    box-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
    color: #fff;
    text-decoration: none;
}
.getMoreBlock:hover:before, .getMoreBlock:focus:before, .getMoreBlock:active:before {
    background: transparent;
}
#topSliderBotSVG {
    display: block;
    position: absolute;
    bottom: -30px;
    left: -32px;
    width: 105%;
}

.proTeamPic {
    height: auto;
    overflow: hidden;
    width: 50%;
    position: absolute;
    left: 0;
    float: left;
    border-radius:0px 2000px 2000px 0px;
    -moz-border-radius:0px 2000px 2000px 0px;
    -webkit-border-radius:0px 2000px 2000px 0px;
    background: #E2E2E2;
    background: url("/uploads/team-min.jpg") no-repeat;
    background-size: cover;
    background-position: 0px 37%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#mainProTeam {
    margin-top: 135px;
    background: url("/uploads/PRO-PHARMA.svg") no-repeat;
    background-position: right;
    background-size: contain;
    min-height: 711px;
    padding-bottom: 215px;
    position: relative;
}
#proRightSide {
    padding-left: 100px;
}
.sectTitle{
    color: #404040;
    display: block;
    font-size: 40px;
    line-height: 120%;
    margin-top: 0;
    margin-bottom: 34px;
    font-weight: 600;

}
#mainProTeam .sectTitle, #mainProAdv .sectTitle{
    font-weight: 600;
    font-size: 56px;
}
.sectTxt{
    font-size: 24px;
    line-height: 32px;
    color: #404040;
    margin-bottom: 80px;
}

#proAdvIcons {
    padding-top: 123px;
    padding-left: 128px;
    position: absolute;
    top:0;
    right:0;
    width: 60%;
    height: 776px;
    float: right;
    border-radius:2000px 0px 0px 2000px;
    -moz-border-radius:2000px 0px 0px 2000px;
    -webkit-border-radius:2000px 0px 0px 2000px;
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
}
#proAdvIcons:before {
    content: '';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 0px;
    background: #ffffff;
    border-radius:2000px 0px 0px 2000px;
    -moz-border-radius:2000px 0px 0px 2000px;
    -webkit-border-radius:2000px 0px 0px 2000px;
}
.advImg {
    margin-bottom: 24px;
    text-align: center;
}
.count {
    display: block;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #404040;
    margin-bottom: 8px;
    font-weight: 700;
}
.advTitle {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #727272;
}
.advOutter {
    /*margin-bottom: 180px;*/
    height: 50%;
}
.advOutter:first-child{
    height: 100%;
    padding-top: 186px;
}
.advOutter:last-child{
    padding: 0;
}
.advOutter:last-child .count {
    line-height: 24px;
}
#mainProAdv {
    position: relative;
    margin-top: 50px;
    padding-top: 16%;
    padding-bottom: 124px;
    min-height: 776px;
    margin-bottom: 136px;
    background: url(/uploads/advback.png) no-repeat;
    background-size: contain;
    background-position: left -285px;
}
.prodOutter, .vacancyOutter{
    padding: 8px;
}
.prodInner, .vacancyInner {
    box-shadow: 0px 9px 8px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1);
    padding: 24px;
    border-radius: 10px;
    background: #ffffff;
    max-height: 402px;
    overflow: hidden;
}
.prodImg {
    height: 208px;
    text-align: center;
    width: 208px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    margin-bottom: 40px;
    -moz-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    -webkit-transition: transform .3s ease-out;
}
.prodImg img {
    margin-left: auto;
    margin-right: auto;
    -moz-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    -webkit-transition: transform .3s ease-out;
}
.prodTitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
    align-items: flex-start;
    justify-items: center;
    text-transform: capitalize;
    color: #404040;
    margin-bottom: 16px;
    min-height: 40px;
    display: flex;
    align-items: center;

}
.prodTxt {
    display: block;
    font-size: 14px;
    line-height: 20px;
    align-items: flex-start;
    text-align: left;
    color: #727272;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 40px;
}
.prodOutter a{
    text-decoration: none !important;
}
#mainProProd {
    padding-top: 68px;
    padding-bottom: 68px;

}
#mainProProd .sectTitle {
    margin-bottom: 120px;
}

.getMore.getHide, .getMoreBlock.getHide{
    opacity: 0;
    padding: 12px 32px;
    font-size: 12px;
    position: absolute;
    top: 104px;
    left:0;
    right: 0;
    margin: auto;
    width: 176px;
    height: 40px;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
}
.getMore.getHide:before {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: #ffffff;
}
.getMore.getHide:hover{
    background: #ffffff;
}
.getMore.getHide:hover:before {
    background: #404040;
}
.prodOutter:hover .getMore.getHide, .prodOutter:hover .getMoreBlock.getHide {
    opacity: 1;
}
.prodOutter:hover .prodImg{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.getMoreOutter {
    padding-top: 88px;
}

.smallGetMoreOutter {
    padding-top: 22px;
}

.partOutter {
    height: 112px !important;
    display: flex !important;
    align-items: center;
}
.partCarus{
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
}
.partCarus:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    height: 1px;
    display: block;
    background: rgb(114,114,114);
    background: -moz-linear-gradient(90deg, rgba(114,114,114,0.196516106442577) 0%, rgba(114,114,114,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(114,114,114,0.196516106442577) 0%, rgba(114,114,114,0) 100%);
    background: linear-gradient(90deg, rgba(114,114,114,0.196516106442577) 0%, rgba(114,114,114,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#727272",endColorstr="#727272",GradientType=1);
}
.partCarus:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom:0;
    height: 1px;
    display: block;
    background: rgb(114,114,114);
    background: -moz-linear-gradient(90deg, rgba(114,114,114,0.196516106442577) 0%, rgba(114,114,114,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(114,114,114,0.196516106442577) 0%, rgba(114,114,114,0) 100%);
    background: linear-gradient(90deg, rgba(114,114,114,0.196516106442577) 0%, rgba(114,114,114,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#727272",endColorstr="#727272",GradientType=1);
}
.partOutter img{
    max-height: 100%

}
.newsImg {
    height: 224px;
    background: #E6E6E6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}

.newsInner:hover .newsImg img {
    opacity: 0.5;
}
.closedFilter {
    display: none;
}
.newsInner:hover .newsImg{
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
}
.newsMeta {
    font-size: 11px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #727272;
    margin-bottom: 8px;

}
.newsTitle {
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #404040;
    margin-bottom: 16px;
    font-weight: 500;
}
.newsTxt {
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 33px;
}
.newsMore {
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
}
.newsOutter {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 52px;
}
.bestNewsTxT{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;


    font-size: 16px;
    line-height: 24px;
    color: #404040;

}
.newsOutter a {
    text-decoration: none;
}
#mainProProd .sectTitle, #mainProNews .sectTitle, #mainProPartners .sectTitle, #mainProCont .sectTitle{
    margin-bottom: 104px;
}
#mainProNews, #mainProPartners, #mainProCont {
    padding-top: 68px;
    padding-bottom: 68px;
}
#mainProNews {
    background: url("/uploads/newsback.png") no-repeat;
    background-position: right;
    background-size: inherit;
}
#mainProCont {
    position: relative;
    min-height: 858px;
}
#mainMap {
    position: absolute;
    right: 0;
    top: 282px;
    width: 100%;
    height: 776px;

}

.addressListOut {
    width: 100%;
    padding: 20px 20px 36px 20px;
    box-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    margin-bottom: 24px;
    background: #ffffff;
}
.formOutDiv{

    width: 100%;
    padding: 20px 20px 36px 20px;
    box-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    background: #ffffff;
    position: relative;
}
.addressList {
    margin: 0;
    padding: 0;
}
.addressList li {
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-bottom: 28px;
}
.addressList li span:first-child {
    margin-right: 16px;
    font-weight: 300;
}
.addressList li:last-child {
    display: block;
}
.addressList li:last-child span {
    display: block;
}
.addressList li:last-child span{
    margin-left: 32px;
}
.formTitle {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    margin-bottom: 56px;
    font-weight: 600;
    margin-top: 0;
    position: relative;
}
.formTitle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -24px;
    height: 1px;
    display: block;
    background: rgb(114,114,114);
    background: -moz-linear-gradient(90deg, rgba(114,114,114,0.196516106442577) 0%, rgba(114,114,114,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(114,114,114,0.196516106442577) 0%, rgba(114,114,114,0) 100%);
    background: linear-gradient(90deg, rgba(114,114,114,0.196516106442577) 0%, rgba(114,114,114,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#727272",endColorstr="#727272",GradientType=1);
}
.formSect {
    width: 320px;
    padding: 0;
    margin-bottom: 24px;

}
.formSect span,.formSect label {

    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    font-weight: 600;
    color: #404040;
    margin-bottom: 8px;
}
.formSect input, .formSect textarea {
    outline: none;
    border: 1px solid #C4C4C4;
    border-radius: 10px;
    width: 100%;
    padding: 7px 16px;
    height: 34px;
}

.formSect textarea {
    height: 60px;
    resize: none;
}
.radio-list-container > label {
    display: inline-block;
    width: 100%;
}
.dropdown-toggle {
    text-align: left;
}
.dropdown-toggle .caret {
    float: right;
    margin: 8px 0;
}

#contactPage .allTitle{
    font-size: 18px;
    line-height: 24px;
    padding-left: 15px;
    margin-bottom: 37px;
}
 .formSect input,  .formSect textarea{

}
.userPick, .emailPic{
    position: relative;
}
.userPick:before, .emailPic:before{
    content: '';
    position: absolute;
    top: 40px;
    right: 8px;
    height: 16px;
    width: 16px;
    background: url("/uploads/userpick.svg") no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    margin: auto;
}
.emailPic:before {
    background: url("/uploads/emailpick.svg") no-repeat;
    background-size: contain;
    background-position: center;
}
#dearDoc .userPick:before, #dearDoc .emailPic:before{
    content: '';
    position: absolute;
    top: 10px;
    right: 8px;
    height: 16px;
    width: 16px;
    background: url("/uploads/userpick.svg") no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    margin: auto;
}

#dearDoc .emailPic:before {
    background: url("/uploads/emailpick.svg") no-repeat;
    background-size: contain;
    background-position: center;
}
.breadcrumb {
    margin-bottom: 54px;
    margin-top: 145px;
    border: none;
    outline: none;
    background: none;
}
.breadcrumb > li {
    position: relative;
    font-size: 14px;
    line-height: 17px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040 !important;
    font-weight: 500;
}
.breadcrumb > li>a {
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040 !important;
    font-weight: 400;
}
.breadcrumb > li + li:before {
    content: '';
    position: absolute;
    left: -2px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    border-radius: 2000px;
    background: #C0DD5B;
    padding: 0;
}

.breadcrumb > li + li{
    padding-left: 16px;
    margin-left: 16px;
}
#contact-form {
    margin-bottom: 40px;
}
.form-group.field-contactform-recaptcha{
    overflow: hidden;
    max-width: 100%;
}
.col-md-3_5{
    width: 20%;
}
.col-md-4_5{
    width: 40%;
}
#subHeader {
    background: url("/uploads/aboutBG.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 608px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
#subHeaderPartners {
    background: url("/uploads/partsBG.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 608px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
.advImg svg {
    height: 64px;
    width: 64px;
}
#subHeaderPharmacom {
    background: url("/uploads/pharmaBG.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 608px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
#subHeaderCareer {
    background: url("/uploads/careeBG.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 608px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
#subHeaderVacancy {
    background: url("/uploads/careeBG.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 608px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
#subHeaderManufacture {
    background: url(/uploads/manuBG.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 608px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
#subHeaderAcademy {
    background: url("/uploads/acadBG.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 608px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
#subHeaderActivity {
    background: url("/uploads/kindofmin.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 608px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
#subHeaderBlog {
    background: url("/uploads/pressBG.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 608px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
#subHeaderProducts {
    background: url("/uploads/m1.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 344px;
    overflow: hidden;
    position: relative;
    margin-top: 80px;
}
#subHeaderInProdPage{
    background: url("/uploads/m1.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 344px;
    overflow: hidden;
    position: relative;
    margin-top: 80px;
}

#subHeaderContact {
    background: none;
    background-size: cover;
    background-position: center;
    height: 472px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;

}
#subHeaderWebinar {
    background: none;
    background-size: cover;
    background-position: center;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin-top: 0px;

}
#careerPage {
    padding-top: 112px;
    font-size: 18px;
    line-height: 32px;
    color: #404040;
}
.botBox {
    margin-top: 38px;

    position: relative;
}
.botBox:before{
    content: '';
    position: absolute;
    left:0;
    right: 0;
    top: -25px;
    margin: auto;
    height: 38px;
    width: 4px;
    background: url("/uploads/riska.svg") no-repeat;
}
.bottomLine {
    height: 6px;
    position: relative;
    display: block;
    background: url(/uploads/line.svg) no-repeat;
    background-position: center;
    background-size: 75%;
}
#heirarc .col-md-3 {
    position: relative;
    margin-bottom: 28px;
}
#heirarcMob {
    display: none;
}

#heirarc .col-md-3:before {
    content: '';
    position: absolute;
    left:0;
    right: 0;
    bottom: -25px;
    margin: auto;
    height: 38px;
    width: 4px;
    background: url("/uploads/riska.svg") no-repeat;
}
#heirarcMob {

}
#heirarcMob .topTxt {
    height: 48px;
}
.topOne {
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    border-radius: 0px 2000px 2000px 0px;
    -moz-border-radius: 0px 2000px 2000px 0px;
    -webkit-border-radius: 0px 2000px 2000px 0px;
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
    margin-bottom: 42px;
}
.topOne:before {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0px;
    right: 2px;
    background: #fdfdfd;
    border-radius: 0px 2000px 2000px 0px;
    -moz-border-radius: 0px 2000px 2000px 0px;
    -webkit-border-radius: 0px 2000px 2000px 0px;
}
.topOne .topTxt , .rightOne .topTxt {
    background: transparent;
    font-weight: 600;

}
.topOne  .topTxt:before , .rightOne .topTxt:before {
    display: none;
}
#heirarcMob .topOne .topTxt, #heirarcMob .rightOne .topTxt{
    box-shadow: none;
}
#heirarcMob .topTxt {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 13px;
}
#heirarcMob .one:after, #heirarcMob .topOne:after, #heirarcMob .rightOne:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -26px;
    margin: auto;
    height: 12px;
    width: 4px;
    background: url(/uploads/riska.svg) no-repeat;
}
#heirarcMob .bottomLine{
    background-size: 50%;
}
.clearfix {
    line-height: 0;
}
.rightOne {
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    border-radius: 2000px 0px 0px 2000px;
    -moz-border-radius: 2000px 0px 0px 2000px;
    -webkit-border-radius: 2000px 0px 0px 2000px;
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
    margin-bottom: 42px;
}
.rightOne:before {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 2px;
    right: 0px;
    background: #fdfdfd;
    border-radius: 2000px 0px 0px 2000px;
    -moz-border-radius: 2000px 0px 0px 2000px;
    -webkit-border-radius: 2000px 0px 0px 2000px;
}
.one {
    margin-bottom: 42px;
}
#heirarcMob svg {
    position: relative;
    height: 64px;
}
#careerPageMid2 {
    font-size: 18px;
    line-height: 32px;
    color: #404040;
    padding-top: 104px;
    padding-bottom: 104px;
}
.careeRightSide{
    padding-left: 0;
    padding-right: 0;
}
.botBox svg:nth-child(1){
    margin-right: -30px;
}
.boxes{
    margin-bottom: 98px;
    font-weight: 600;
    height: 160px;
}
.manSimb {
    width: 48px;
    height: 48px;
    display: inline-flex;
    margin-right: 48px;
    align-items: center;
    justify-content: center;
    font-size: 70px;
    line-height: 30px;
    font-weight: 600;
    color: #404040;
    opacity: 0.1;
}
.manuAdvTxt{
    font-size: 18px;
    line-height: 24px;
    color: #404040;
    display: inline-flex;
    justify-content: center;
}
.manuAdv{
    display: flex;
    margin-bottom: 88px;
}
.manuPicL{
    background: url(/uploads/Rectangle_3_4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 4px solid #fdfdfd;
}
.manuPicR{
    background: url(/uploads/Rectangle_3_5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 4px solid #fdfdfd;
}
.manuPicB{
    background: url(/uploads/Rectangle_3_6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    border: 4px solid #fdfdfd;
}
#manufacturePageMid .manuPicL{
    background: url(/uploads/Rectangle_3_7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
#manufacturePageMid .manuPicR{
    background: url(/uploads/Rectangle_3_8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
#manufacturePageMiss {
    padding-top: 62px;
}

#manufacturePageMiss .simpleTxt{
    font-size: 24px;
    line-height: 36px;
    display: block;
    color: #404040;
    margin-top: 16px;
}
#manufacturePageMid .simpleTxt {
    font-size: 16px;
    line-height: 24px;
    display: block;
    text-align: center;
    color: #404040;
    margin-top: 38px;
}
#manufacturePageMid2 {
    padding-top: 144px;
}
#manufacturePageMid2 .simpleTxt {
    font-size: 18px;
    line-height: 24px;
    color: #404040;
}
#manufacturePageObor {
    padding-top: 208px;
}
.simpleTxtH {
    font-size: 24px;
    line-height: 36px;
    color: #404040;
    margin-bottom: 16px;
}
.simpleTxtHlow {
    font-size: 16px;
    line-height: 24px;
    color: #404040;
    margin-bottom: 48px;
}
#manufacturePageStamp .manuPicL{
    background: url(/uploads/somepic1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
#manufacturePageStamp .manuPicR {
    background: url(/uploads/stamp.jpg) no-repeat;
    background-size: 420px;
    background-position: center;
    margin-bottom: -150px;
}
#manufacturePageStamp{
    padding-top: 32px;
}
#manufacturePageStamp p {
    font-size: 16px;
    line-height: 24px;
    color: #404040;
    text-align: center;
}
#manufacturePageMid3 .simpleTxt {
    max-width: 258px;
    font-size: 18px;
    line-height: 24px;
    color: #404040;
    margin: auto;
}
#manufacturePageBot{
    padding-top: 138px;

}
#manufacturePageBot2{
    padding-top: 138px;
    margin-top: 0px;
}
.manuFactureList{
    margin: 0;
    padding: 0;
}
.manuFactureList li{
    list-style: none;
    padding: 20px 20px 20px 30px;

    font-size: 18px;
    line-height: 24px;
    color: #404040;
    position: relative;
}
.manuFactureList li:before {
    content: '';
    position: absolute;
    left: 0;
    top: -5px;
    bottom: 0;
    margin: auto;
    display: block;
    width: 10px;
    height: 2px;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);



    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.manuFactureList li:after {
    content: '';
    position: absolute;
    left: 0;
    top:0;
    bottom: -5px;
    margin: auto;
    display: block;
    width: 10px;
    height: 2px;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);



    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
#manufacturePageMid {
    padding-top: 88px;
}
#manufacturePageMid .allTitleOut{
    margin-bottom: 39px;
}
#manufacturePageMid .col-md-6 {
    padding: 0;
}
#manufacturePageMid3 {
    padding-top: 138px;
}
 .allTitleOut {
    position: relative;
    padding: 32px 0;
    margin-bottom: 62px;
}
 .allTitleOut:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: rgb(227,227,227);
    background: -moz-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3",endColorstr="#e3e3e3",GradientType=1);
}
 .allTitleOut:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: rgb(227,227,227);
    background: -moz-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3",endColorstr="#e3e3e3",GradientType=1);
}
.topTxt {
    /*display: inline-block;*/
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #404040;
    background: #f8f8f8;
    border-radius: 4px;
    height: 72px;
    width: 248px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    box-shadow: 0px 9px 8px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1);
}

#careerPage>.container {
    padding-bottom: 104px;
    position: relative;
}
#careerPageMid2 .allTitle {
    margin-bottom: 84px;
}
#careerPage>.container:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: rgb(227,227,227);
    background: -moz-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3",endColorstr="#e3e3e3",GradientType=1);
}


#careerPageMid{
    padding-top: 104px;
    font-size: 18px;
    line-height: 24px;
    color: #404040;
}
#careerPageMid .allTitle{
    margin-bottom: 16px;
}
.boxes svg {
    margin-bottom: 16px;
}
.mainSectTitle {
    margin-top: 5%;
    font-size: 56px;
    line-height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #B4CF55;
    font-weight: 600;
    text-align: center;
    position: relative;
    z-index: 3;
    min-height: 132px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
}
/* .mainSectTitle:after{
     content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 67%;
    z-index: -2;
    background: url(/uploads/shadow.png) no-repeat;
    background-size: contain;
    background-position: center;
    height: 81px;
    opacity: 0.6; 
} */

.mainSectTitle:before{
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    background: #ffffff;
}
#subHeaderContact .mainSectTitle, #subHeaderWebinar .mainSectTitle{
    background: transparent;
}
#subHeaderContact .mainSectTitle:before, #subHeaderWebinar .mainSectTitle:before{
    display: none;
}
.subTitle {
    display: block;
    font-size: 32px;
    line-height: 39px;
    color: #404040;
    margin-top: 0;
    font-weight: 600;
}
#aboutPage {
    padding-top: 96px;
}
#aboutPage .subTitle {
    margin-bottom: 43px;
    font-size: 32px;
    line-height: 39px;
    color: #404040;
}
#aboutPage h3 {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 24px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
}
#aboutPage p {
    font-size: 18px;
    line-height: 27px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
}
#aboutPage ul {
    margin: 0;
    padding: 0;
}
#aboutPage ul li {
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
    list-style: none;
}
#aboutPage ul li:before{
    content: '';
    position: absolute;
    left: -2px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-radius: 2000px;
    background: #C0DD5B;
    padding: 0;
}
#manufactTxt{
    margin-top: 40px;
}
#manufactTxt p{
    width: 624px;
    max-width: 100%;
    margin: auto;
    font-size: 16px;
    line-height: 24px;
    color: #404040;
    margin-bottom: 14px;
}
.abImg {
    height: 468px;
    width: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;

}
.aboutCircle{
    padding: 5%;

}
.innerCircle>svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
}
.innerCircle>svg circle {
    right: 50%;
}
.innerCircle {
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.innerCircle:before {
    content: '';
    position: absolute;
    top:48px;
    bottom: 48px;
    left: 48px;
    right: 48px;
    border-radius: 10000px;
    border: none;
    background: rgba(192,221,91,0.3);
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.innerCircle:after {
    content: '';
    position: absolute;
    top: 64px;
    bottom: 64px;
    right: 64px;
    left: 64px;
    border: 15px solid #ffffff;
    background: #C0DD5B;
    border-radius: 10000px;
    box-shadow: inset 0px 4px 5px #B4CF55, inset -1px 14px 8px rgba(180, 207, 85, 0.09);
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.abSep {
    height: 40px;
    display: block;
}
#aboutPageMid {
    padding-top: 63px;
    padding-bottom: 63px;
}
.aboutRightCirc, .aboutLeftCirc {
    padding-top: 11%;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    background: #FDFDFD;
    z-index: 1;
}
#aboutPageMid h2,  #aboutPageMid .likeH2{
    font-size: 24px;
    line-height: 29px;
    color: #404040;
    margin: 0 0 16px 0;
    font-weight: 600;
    text-transform: uppercase;
}
.toPro {
    color: #C0DD5B;
}

#aboutPageMid p {
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #000000;
}
#aboutPage ul li {
    font-size: 18px;
    line-height: 24px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
}
#aboutPageMid .innerCircle .circlePro{
    font-size: 108px;
    line-height: 132px;
    display: block;
    align-items: center;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FDFDFD;
    text-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
    font-weight: 600;
}
#aboutPageMid .innerCircle .circlePharma {
    font-size: 50px;
    line-height: 61px;
    display: block;
    align-items: center;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FDFDFD;
    text-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
    font-weight: 600;
}
.innerCircle .circleFigure1 {
    position: absolute;
    top: 10%;
    left: 13%;
    width: 32px;
    height: 32px;
    border: 1px solid #C0DD5B;
    border-radius: 10000px;
}
.innerCircle .circleFigure1:before {
    content: '';
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    display: block;
    border-radius: 10000px;
    border: none;
    background: #C0DD5B;
}
.innerCircle .circleFigure1:after {
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    height: 1px;
    margin: auto;
    right: 100%;
    width: 200px;
    background: #C0DD5B;
    opacity: 0.3;
}

.innerCircle .circleFigure2 {
    position: absolute;
    bottom: 10%;
    left: 13%;
    width: 32px;
    height: 32px;
    border: 1px solid #C0DD5B;
    border-radius: 10000px;
}
.innerCircle .circleFigure2:before {
    content: '';
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    display: block;
    border-radius: 10000px;
    border: none;
    background: #C0DD5B;
}
.innerCircle .circleFigure2:after {
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    height: 1px;
    margin: auto;
    right: 100%;
    width: 200px;
    background: #C0DD5B;
    opacity: 0.3;
}
.innerCircle .circleFigure3 {
    position: absolute;
    top: 10%;
    right: 13%;
    width: 32px;
    height: 32px;
    border: 1px solid #C0DD5B;
    border-radius: 10000px;
}
.innerCircle .circleFigure3:before {
    content: '';
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    display: block;
    border-radius: 10000px;
    border: none;
    background: #C0DD5B;
}
.innerCircle .circleFigure3:after {
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    height: 1px;
    margin: auto;
    left: 100%;
    width: 200px;
    background: #C0DD5B;
    opacity: 0.3;
}
.innerCircle .circleFigure4 {
    position: absolute;
    bottom: 10%;
    right: 13%;
    width: 32px;
    height: 32px;
    border: 1px solid #C0DD5B;
    border-radius: 10000px;
}
.innerCircle .circleFigure4:before {
    content: '';
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    display: block;
    border-radius: 10000px;
    border: none;
    background: #C0DD5B;
}
.innerCircle .circleFigure4:after {
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    height: 1px;
    margin: auto;
    left: 100%;
    width: 200px;
    background: #C0DD5B;
    opacity: 0.3;
}

.circleCont {
    z-index: 3;
    text-align: center;
    width: 70%;
    max-width: 500px;
}
#aboutPageMidS h3, #aboutPageMidS .likeH3 {
    font-size: 32px;
    line-height: 39px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    font-weight: 600;
    margin-top: 0;
}
#aboutPageMidS p {
    font-size: 18px;
    line-height: 27px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
}

#aboutPageMidS, #aboutPageBot {
    padding-top: 63px;
    padding-bottom: 63px;
}
#aboutPageBot {
    background: url("/uploads/graphic.svg") no-repeat;
    background-size: 76%;
    background-position: 50% 50%;
}
#aboutPageBot p{
    font-size: 18px;
    line-height: 27px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    margin-bottom: 128px;
    font-weight: 600;
}
#aboutPageBot .col-md-4 img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}
.abBoxYY {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    font-weight: 600;
    margin-bottom: 16px;
}
.abBoxTxt {
    display: block;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    padding: 0 15%;
}
.abBotSepper {
    height: 150px;
    position: relative;
}
.abBotSepper:before {
    content: '';
    position: absolute;
    right:0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: block;
    background: rgb(252,252,252);
    background: -moz-linear-gradient(90deg, rgba(252,252,252,0) 0%, rgba(252,252,252,1) 10%, rgba(252,252,252,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(252,252,252,0) 0%, rgba(252,252,252,1) 10%, rgba(252,252,252,1) 100%);
    background: linear-gradient(90deg, rgba(252,252,252,0) 0%, rgba(252,252,252,1) 10%, rgba(252,252,252,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfcfc",endColorstr="#fcfcfc",GradientType=1);
    -webkit-transition: all ease-out 4s;
    -moz-transition: all ease-out 4s;
    -o-transition: all ease-out 4s;
    transition: all ease-out 4s;
}
.abBotSepper:hover:before{
    width: 0%;
}
#allPageSepperBot, #forBeingGood {
    /* background: url(/uploads/backsm.png) no-repeat;
    background-size: 50%;
    background-position: 0 -96px;
    height: 204px;
    background-color: #fcfcfc; */
}
#forBeingGood{
    height: auto;
    min-height: 204px;
    padding-top: 84px;
    padding-bottom: 25px;
    color: #727272;
    display: none !important;
}
#forBeingGood h1, #forBeingGood h2, #forBeingGood h3, #forBeingGood p, #forBeingGood ul{
    font-size: 12px;
    color: #727272;
    font-weight: 400;
    line-height: 12px;
    text-align: justify;
}
.onPage .partOutter {
    height: 152px;
}

#partnersPage {
    padding-top: 62px;
    padding-bottom: 104px;
    position: relative;
    background: url("/uploads/partBG.svg") no-repeat;
    background-size: 51%;
    background-position: 50% 166%
}
.partInImg {
    margin-bottom: 112px;
}
#partnersPage>div>div>div:nth-child(2) .partInImg{
    padding-top: 108px;
}

#partnersPage:before{
    content: '';
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 1px;
    background: rgba(64, 64, 64, 0.2);
    margin: auto;
}
#partnersPage p {
    font-size: 18px;
    line-height: 30px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    padding-left: 16%;
    padding-right: 16%;
    text-align: center;
}
.certImg {
    width: 402px;
    max-width: 100%;
}
.allTitle {
    font-size: 32px;
    line-height: 39px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    font-weight: 600;
    margin: 0;
    display: block;
}
#partnersPageMid .allTitle{
    padding-right: 40px;
}
#partnersPageMid {
    padding-top: 116px;
}
#partnersPageMid p {
    font-size: 18px;
    line-height: 27px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    position: relative;
}
#partnersPageMid p:before {
    content: '';
    position: absolute;
    left: -25px;
    top: -15px;
    width: 25px;
    height: 15px;
    background: url("/uploads/scob.png") no-repeat;
    background-size: contain;
}
.beApart{
    width: 432px;
    max-width: 100%;
    background: #FDFDFD;
    box-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 122px;
}
.beApart h3 {
    display: block;
    padding: 19px 0 21px 0;
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    border: 1px solid rgba(64, 64, 64, 0.1);
    font-weight: 600;
}
.beApart .sendForm{
    padding: 32px;
}
.beApart .formSect span {
    font-weight: 400;
}
#beApartOf {

    padding-top: 104px;
}
#pharmacomPage p, #pharmacomPage ul li {
    font-size: 16px;
    line-height: 24px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
}
#pharmacomPage ul {
    margin-left: 0;
    padding-left: 24px;
}
#pharmacomPage ul li {
    list-style: circle;
}
#pharmacomPage {
    padding-top: 100px;
    padding-bottom: 65px;
}
#pharmacomPageBot {
    padding-top: 24px;
}
#pharmacomPageBot p {
    font-size: 18px;
    line-height: 24px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    margin-bottom: 34px;
}
#pharmacomPageBot p strong {
    font-weight: 600;
}
#pharmacomPageBot ul li, #pharmacomPageBot ul li a{

    list-style: none;
    font-size: 16px;
    line-height: 20px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
}
.comAddress {
    margin-bottom: 80px;
}
.comPhones {
    padding-left: 40px;
    position: relative;
    margin-bottom: 40px;
}
.comPhones:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 24px;
    width: 24px;
    margin:auto;
    background: url("/uploads/phone.svg") no-repeat;
    background-size: contain;
    background-position: center;
}
.comEmail {
    padding-left: 40px;
    position: relative;
    margin-bottom: 40px;
}
.comEmail:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 24px;
    width: 24px;
    margin:auto;
    background: url("/uploads/email.svg") no-repeat;
    background-size: contain;
    background-position: center;
}
.comAddress {
    padding-left: 40px;
    position: relative;
    font-weight: 600;
}
#pharmacomPageBot ul li a {
    font-weight: 600;
}
.comAddress:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 24px;
    width: 24px;
    margin: auto;
    background: url("/uploads/place.svg") no-repeat;
    background-size: contain;
    background-position: center;
}
#academyPage {
    padding-top: 104px;
    padding-bottom: 65px;
}
#academyPage .allTitle {
    margin-bottom: 190px;
}
.revOutter1 {
    padding-left: 10px;
    padding-right: 60px;
}
.revLeft {
    width: 40px;
    height: 40px;
    border-radius: 200px;
}
.marginTopReg {
    margin-top: 192px;
}
#academyPage .allTitle:nth-child(2){
    margin-bottom: 48px;
}
#academyPage p {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #404040;
}
#academyPage .acadhref {
    display: block;
    font-size: 18px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #404040;
    margin-bottom: 72px;
}
.acadAdvImgBox {
    width: 64px;
    height: 64px;
    float: left;
}
.bigNum {
    font-size: 80px;
    line-height: 60px;
    display: block;
    float: left;
    color: #404040;
    font-weight: 600;
}
.litNum {
    font-size: 24px;
    line-height: 24px;
    display: block;
    color: #404040;
    font-weight: 600;
}
.tinyNum {
    font-size: 16px;
    line-height: 18px;
    display: block;
    color: #404040;
    margin-top: 8px;
}
.acadAdvBox {
    /*margin-top: 152px;*/
}
#academyPageBot {
    padding-top: 62px;
}
#mainProTeam img {
    border-radius: 0px 2000px 2000px 0px;
    -moz-border-radius: 0px 2000px 2000px 0px;
    -webkit-border-radius: 0px 2000px 2000px 0px;
    margin-left: -65px;
}
#academyPageBot .allTitle{
    font-size: 24px;
    margin-bottom: 48px;
}
.tabsButtons {
    position: relative;
    display: flex;
    padding: 0;
    margin-top: 40px;

    margin-bottom: 48px;
}
.allTaber {
    position: relative;
    min-height: 520px;
}
#acadRev .tabsButtons {
    display: none;
}

#blogArc.allTaber{
    min-height: 674px;
}
.tabContent{
    opacity: 0;
    position: absolute!important;
    top: 100px;
    left: 0;
    right: 0;
    -webkit-transition: all ease-out 0.1s;
    -moz-transition: all ease-out 0.1s;
    -o-transition: all ease-out 0.1s;
    transition: all ease-out 0.1s;
    z-index: 1;
}

.tabContent.active {
    opacity: 1;
    z-index: 10;
    position: relative !important;
    top:auto;
    bottom: auto;
    left: auto;
}
.tabsButtons:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: rgb(227,227,227);
    background: -moz-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3",endColorstr="#e3e3e3",GradientType=1);
}
.tabBut {
    display: block;
    position: relative;
    float: left;
    padding: 14px 0;
    border: none;
    outline: none;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #727272;
    background: transparent;
    width: 15%;
    text-align: center;
}
.tabBut:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    height: 3px;
    left: 50%;
    width: 0%;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    background: #B4CF55;
}
.tabBut:hover, .tabBut.active{
    color: #B4CF55;
    text-decoration: none;
}
.tabBut:hover:before, .tabBut.active:before {
    left: 0%;
    width: 100%;
}
.revOutter p {
    font-size: 14px;
    line-height: 21px;
    color: #404040;
}
.revOutter {
    padding-right: 25px;
    outline: none;
}
.revUseInfo {
    margin-top: 24px;
}
.revUseInfo img {
    width: 40px;
    height: 40px;
    border-radius: 200px;
    float: left;
    display: block;
}
.revUserName {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    display: block;
    color: #404040;
}
.revUserAge {
    display: block;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    color: #727272;
}
.revUserEmp {
    font-size: 12px;
    line-height: 15px;
    display: block;
    color: #404040;
}
.revRight {
    padding-top: 8px;
    padding-left: 10px;
}
.slick-prev, .slick-next {
    position: absolute;
    left:-5%;
    top: 100px;
    padding: 0;
    margin: auto;
    border: none;
    outline: none;
    width: 40px;
    height: 40px;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,0) 0%, rgba(150,230,161,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,0) 0%, rgba(150,230,161,0) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,0) 0%, rgba(150,230,161,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    font-size: 0;
    line-height: 0;
    color: transparent;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.revOutter a{
    font-size: 12px;
    line-height: 21px;
    color: #3B5281;
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding-right: 18px;
    outline: none;
}
.revOutter a:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 10px;
    width: 2px;
    background: #3B5281;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.revOutter a:after {
    content: '';
    position: absolute;
    right: 6px;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 10px;
    width: 2px;
    background: #3B5281;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.slick-next {
    transform: rotate(230deg);
    -webkit-transform: rotate(230deg);
    -moz-transform: rotate(230deg);
    -o-transform: rotate(230deg);
    -ms-transform: rotate(230deg);
    left: auto;
    right: -5%;
}
.slick-prev:hover, .slick-next:hover{
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,0.3) 0%, rgba(150,230,161,0.3) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,0.3) 0%, rgba(150,230,161,0.3) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,0.3) 0%, rgba(150,230,161,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
}
.slick-prev:before, .slick-next:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 10px;
    bottom: 0px;
    margin: auto;
    height: 13px;
    width: 2px;
    background: #C4C4C4;
}
.slick-prev:after, .slick-next:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 2px;
    right: 0;
    bottom: 0px;
    margin: auto;
    width: 13px;
    height: 2px;
    background: #C4C4C4;

}
.slick-prev:hover:after, .slick-prev:hover:before, .slick-next:hover:after, .slick-next:hover:before{
    background: #333333;
}
.acadForVid {
    background: #C4C4C4;
    border-radius: 8px;
    height: 280px;
}
.vidOutter{
    outline: none;
    padding-right: 20px;
}
.acadVididTitle{
    font-size: 16px;
    line-height: 20px;
    display: block;
    font-weight: 600;
    color: #404040;
    margin: 24px 0 8px 0;
}
.acadVIdDescr {
    font-size: 14px;
    line-height: 17px;
    display: block;
    color: #404040;
}
.acorTitle {
    margin-top: 128px;
    font-size: 24px;
    line-height: 24px;
    color: #404040;
    margin-bottom: 48px;
    font-weight: 600;
}

.inProdTitle {
    font-size: 32px;
    line-height: 39px;
    display: block;
    text-transform: capitalize;
    margin: 16px 0 0 0;
    color: #404040;
    font-weight: 600;
}
.findeInP{
    margin-right: 82px;
}
.findeInP, .goToLikiWiki{
    margin-top: 68px;
}
.findeInP, .goToLikiWiki, .downlink{
    font-size: 14px;
    line-height: 17px;
    display: inline-flex;
    align-items: center;
    text-decoration-line: underline;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #404040;
    font-weight: 600;
    outline: none;
}
.findeInP:hover, .goToLikiWiki:hover, .downlink:hover,.findeInP:focus, .goToLikiWiki:focus, .downlink:focus{
    color: #727272;
    outline: none;
}
.findeInP:hover path, .goToLikiWiki:hover path, .downlink:hover path{
    fill: #B4CF55;
}
.downlink {

    margin-top: 24px;
}

.downlink svg {
    margin-left: 6px;
    margin-right: 10px;
}
.findeInP svg, .goToLikiWiki svg{
    margin-right: 8px;
}
.inProdBrand{
    display: block;
    margin-bottom: 38px;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #727272;
}
.inProdSimTitle {
    font-size: 24px;
    line-height: 24px;
    color: #404040;
    font-weight: 600;
    margin-bottom: 64px;
    margin-top: 128px;
}
.filterTitle {
    font-size: 16px;
    line-height: 20px;
    display: block;
    align-items: center;
    text-transform: capitalize;
    color: #404040;
    font-weight: 500;
    margin-bottom: 32px;
    padding-bottom: 14px;
    padding-left: 0;
    position: relative;
}
.filterTitle:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: rgb(227,227,227);
    background: -moz-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3",endColorstr="#e3e3e3",GradientType=1);
}
.likeAtaber{
    position: relative;
}
.likeAtaber:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: rgb(227,227,227);
    background: -moz-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    background: linear-gradient(90deg, rgba(227,227,227,1) 0%, rgba(227,227,227,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3",endColorstr="#e3e3e3",GradientType=1);
}
.filterCatList {
    padding: 0;
}
.filterCatList ul{
    padding: 0;
    margin-left: 0;
    display: block;
}
.filterCatList ul li{
    list-style: none;
    padding: 4px 0;
    display: block;
}
.filterCatList ul li a, .filterCatList ul li span{
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #727272;
    display: block;
    padding-left: 24px;
    position: relative;
}
.filterCatList ul li a:hover {
    text-decoration: none;
}
.filterCatList ul li span{
    font-weight: 600;
    color: #404040;
}
.filterCatList ul li a:before, .filterCatList ul li span:before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 12px;
    width: 12px;
    border-radius: 2000px;
    outline: none;
    border: 1px solid #727272;
    background: transparent;
}
.filterCatList ul li span:before{
    background: rgb(212,252,121);
    background: -moz-linear-gradient(180deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(180deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
}
.likeAtaber {
    position: relative;
    display: flex;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 48px;
}
.likeAbutton {
    display: block;
    position: relative;
    float: left;
    padding: 0 0 14px 0;
    border: none;
    outline: none;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #727272;
    background: transparent;
    min-width: 150px;
    text-align: center;
    width: 20%;
}
.likeAbutton:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    height: 3px;
    left: 50%;
    width: 0%;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    background: #B4CF55;
}
.likeAbutton:hover:before, .likeAbutton.active:before {
    left: 0%;
    width: 100%;
}
.likeAbutton:hover, .likeAbutton.active {
    color: #B4CF55;
    text-decoration: none;
}

.revOutter{
    position: relative;
}
/*.revOutter:hover {*/
/*    cursor: pointer;*/
/*}*/
/*.revOutter:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    top: 50%;*/
/*    left: 0;*/
/*    width: 3px;*/
/*    height: 0%;*/
/*    background: rgb(212,252,121);*/
/*    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);*/
/*    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);*/
/*    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);*/
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);*/
/*    -webkit-transition: all ease-out 0.2s;*/
/*    -moz-transition: all ease-out 0.2s;*/
/*    -o-transition: all ease-out 0.2s;*/
/*    transition: all ease-out 0.2s;*/
/*}*/
/*.revOutter:hover:before{*/
/*    top: 0%;*/
/*    height: 100%;*/
/*}*/
.revOutter:after {
    content: '';
    position: absolute;
    left: 12px;
    right:0;
    bottom: 0;
    height: 1px;
    opacity: 0.5;
    background: rgb(114,114,114);
    background: -moz-linear-gradient(265deg, rgba(114,114,114,0) 0%, rgba(114,114,114,1) 100%);
    background: -webkit-linear-gradient(265deg, rgba(114,114,114,0) 0%, rgba(114,114,114,1) 100%);
    background: linear-gradient(265deg, rgba(114,114,114,0) 0%, rgba(114,114,114,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#727272",endColorstr="#727272",GradientType=1);
}
.revInner {
    padding: 15px 15px 15px 0px;
    overflow: hidden;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.revTitle {
    display: block;
    position: relative;
    color: #404040;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 25px;
    margin-top: 0;
    opacity: 0.8;
}
.revText {
    display: block;
    color: #404040;
    font-size: 14px;
    margin-bottom: 12px;
}
.forOp {
    display: block;
    width: 25px;
    height: 25px;
    background: transparent;
    position: absolute;

    top: 14px;
    right: 0;
    margin: auto;
    border: none;
    border-radius: 1000px;
    outline: none;
}
.forOp:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0;
    top: 0px;
    margin: auto;
    height: 7px;
    width: 2px;
    background: #404040;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.forOp:after {
    content: '';
    position: absolute;
    right: 4px;
    bottom: 0;
    top: 0px;
    margin: auto;
    height: 7px;
    width: 2px;
    background: #404040;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

#blogPage{
    padding-top: 134px;
    margin-bottom: 116px;
}
#blogPage .newsMeta{
    margin-bottom: 32px;
}
.bestNewsLeft {
    padding-right: 96px;
}
.bestNewsImg {
    background: #C4C4C4;
    box-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    height: 504px;
}
#blogPage .allTitle{
    margin-bottom: 16px;
}
.inNewsTitle {
    font-size: 32px;
    line-height: 39px;
    display: block;
    color: #404040;
    margin-top: 71px;
    text-align: left;
    font-weight: 600;
}
.metaDate {
    font-size: 14px;
    line-height: 17px;
    display: block;
    color: #727272;
    margin-bottom: 40px;
}
#inNewsPic>div>div{
    height: 454px;
    border-radius: 10px;
}
#inNewsPage{
    font-size: 18px;
    line-height: 27px;
    color: #404040;
    min-height: 359px;
}
#inNewsPage img{
    max-width: 100%;
    height: auto;
}
#inNewsPic{
    margin-bottom: 16px;
}
#contactPage {
    padding-top: 104px;
}
#contactPageBot .allTitle{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 62px;
}
.contListTitle {
    display: block;
    font-size: 18px;
    line-height: 22px;
    color: #B4CF55;
    font-weight: 500;
    padding: 0 25px;
    margin-bottom: 8px;
}
#careerPageBot .contListTitle{
    color: #404040;
    font-size: 32px;
    line-height: 39px;
    font-weight: 600;

}
.contList{
    margin-bottom: 84px;
    padding: 0;
}
#contactPage .contList:last-child{
    padding-top: 21px;
}
.contList ul a{
    display: block;
    font-size: 14px;
    line-height: 17px;
    color: #404040;
    font-weight: 500;
}
.contList ul{
    position: relative;
    margin-left: 0;
    padding: 25px;
}
.contList ul:before {
    content: '';
    position: absolute;
    top:0;

    left: 10px;
    right: 112px;
    height: 1px;
    display: block;

    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
}
.contList ul li{
    margin-bottom: 16px;
    list-style: none;
    padding-left: 30px;
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #404040;
    font-weight: 500;
}
.contList ul li:nth-child(1):before{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url("/uploads/phone.svg") no-repeat;
    background-size: contain;
    background-position: center;
}
.contList ul li:nth-child(2):before{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url("/uploads/email.svg") no-repeat;
    background-size: contain;
    background-position: center;
}
.contList ul li:nth-child(3):before{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url("/uploads/place.svg") no-repeat;
    background-size: contain;
    background-position: center;
}
.contWork {
    font-size: 14px;
    line-height: 17px;
    display: block;
    text-transform: capitalize;
    color: #727272;
    padding: 0 25px;
    margin-bottom: 16px;
}
#actRightSide p{
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #727272;
    width: 320px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#actRightSide .actTopTitle{
    font-size: 24px;
    line-height: 22px;
    display: block;
    align-items: center;
    text-align: center;
    color: #404040;
    margin-bottom: 24px;
    font-weight: 600;
}
.actTopImg {
    margin-bottom: 52px;
}
#actLeftSide p{
    font-size: 18px;
    line-height: 30px;
    display: block;
    color: #404040;
    margin-bottom: 10px;
    width: 842px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#actLeftSide .allTitle {

    font-size: 40px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 42px;

}
#actLeftSide {
    padding-top: 160px;
}
#activityPage {
    padding-top: 104px;
}
.injectPad{
    padding-left: 10%;
}
.kosmPad {
    padding-right: 10%;
}
#activityPage .getMoreBlock {
    margin-top: 56px;
    margin-bottom: 160px;
}
#activityPageVid {
    position: relative;
    height: 840px;
    overflow: hidden;
    z-index: 3;
}
#activityPageMid p{
    font-size: 16px;
    line-height: 24px;
    color: #404040;
    text-align: center;
}
#activityPageMid .simpleTxt {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}
#activitySomePic {
    height: 608px;
    position: relative;
    z-index: 1;

}
#activitySomePic:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: url(/uploads/activitiimgs.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    filter: brightness(0.5);
    z-index: 2;

}
#activityPageMid svg {
    display: block;
    margin: auto;
}
.whatIsAct {
    padding-bottom: 68px;
    width: 960px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;

}
#activityPageMid {
    padding-bottom: 104px;
}
#activityTextSepper{
    padding-top: 164px;
    padding-bottom: 164px;
}
#activityTextSepper .simpleTxt {
    font-size: 18px;
    line-height: 32px;
    color: #404040;
}
#activitySomePic .simpleTxt {
    font-size: 18px;
    line-height: 32px;
    color: #404040;
}
#activitySomePic>.container {
    display: block;
    position: relative;
    z-index: 3;
}
.actTitleLow {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #404040;
    margin-bottom: 32px;
    text-transform: uppercase;
}
#activitySomePic {
    padding-top: 23%;
    padding-bottom: 200px;
}
#activitySomePic .simpleTxt {
    font-size: 24px;
    line-height: 36px;
    display: block;
    text-align: center;
    color: #ffffff;
    margin-bottom: 88px;
}
#activitySomePic .simpleTxt span{
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 16px;
}
#activitySomePic .getMoreBlock {
    max-width: 232px;
    min-width: 232px;
    padding: 20px 48px;
}
#activityPageMid span {
    font-size: 24px;
    line-height: 22px;
    display: block;
    margin-top: 40px;
    margin-bottom: 24px;
    color: #404040;
    font-weight: 600;
    text-align: center;
}
#activityPageMid {
    padding-top: 152px;
}
#activityPageMid .allTitle {
    margin-bottom: 42px;
    font-size: 40px;
    line-height: 39px;
    text-transform: uppercase;
}
#activityPageVid>div {
    z-index: 4;
    position: relative;
    padding-top: 18%;
}
#activityPageVid .allTitle {
    font-size: 40px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 56px;
    color: #ffffff;
}
#activityPageVid .simpleTxt {
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 82px;
}
#activityPageVid:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0, 0.5);
}
.offLink {
    color: #404040;
    font-weight: 600;
    font-size: 14px;
    position: relative;
}
.offLink:after, .offLink:before{
    display: none;
}
#activityPageVid video {
    position: absolute;
    top:0;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: auto;
    min-width: 100%;

}


/*vacancy*/

.citySelector{
    padding-top: 26px;
    padding-bottom: 26px;
}
.citySelector>span {
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
}
#dLabelCity {
    font-weight: 600;
    border: none;
    position: relative;
    outline: none !important;
    background: none;
    padding-right: 16px;
}

#dLabelCity:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0;
    top: 0px;
    margin: auto;
    height: 7px;
    width: 2px;
    background: #404040;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
#dLabelCity:after {
    content: '';
    position: absolute;
    right: 4px;
    bottom: 0;
    top: 0px;
    margin: auto;
    height: 7px;
    width: 2px;
    background: #404040;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.vacancyTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: rgb(180, 207, 85);
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 20px 0;
}
.vacancyTitle>span {
    color: #4a4a4a;
    font-weight: 400;
    font-size: 22px;
    display: flex;
    align-items: center;
}
.vacancyTitle>span>img {
    margin-right: 10px;
}
.vacancyOutter a {
    text-decoration: none!important;
}
.vacancyMore {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.vacancyMore span {
    padding: 3px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 12px;
    background:rgb(180, 207, 85);
    color: #ffffff;
    box-shadow: 0px 9px 8px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.vacancyAddress, .vacancyContactName, .vacancyPhone {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    color: #4a4a4a;
    align-items: center;
    margin-bottom: 20px;
}
.vacancyAddress span, .vacancyContactName span, .vacancyPhone span{
    width: 150px;
    font-weight: 600;
}
.vacancyAddress img, .vacancyContactName img, .vacancyPhone img{
    margin-right: 10px;
    width: 16px;
    height: auto;
}
.vacancyContent {
    position: relative;
    padding-top: 25px;
    margin-top: 25px;
    font-size: 14px;
}
.vacancyContent h1, .vacancyContent h2, .vacancyContent h3, .vacancyContent h4, .vacancyContent h5, .vacancyContent h6 {
    font-size: 22px;
    font-weight: 600;
    color: rgb(180, 207, 85);
    text-shadow: 1px 1px 5px rgba(0,0,0, 0.1);
}
.vacancyContent:before {
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    right: 112px;
    height: 1px;
    display: block;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
}
.helpGetAJob {
    padding-left: 50px;
}

.see_also {
    font-size: 18px;
    color: #4a4a4a;
    font-weight: 600;
    padding-bottom: 25px;
}
.citySelector .dropdown-menu > li > a, .citySelector .dropdown-menu > li > span{
    padding: 3px 5px;
}
.citySelector .dropdown-menu > li > span{
    color: rgb(180, 207, 85);
}
#forUpFile .control-label {
    position: relative;
    width: 50px;
    height: 50px;
    color: #ffffff;
    background-image: url("/uploads/download.svg");
    background-color: rgb(180, 207, 85);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
    margin-right: 25px;
    transition: transform 0.4s;
    transform-style: preserve-3d;
}
#forUpFile .field-upFile:hover .control-label {
    cursor: pointer;
    transform: rotateY(180deg);
}
#forUpFile {
    padding-top: 46px;
}
.send {
    border-radius: 4px;
    background: #dddddd;
    position: relative;
    height: 50px;
    padding-left: 40px;
    padding-right: 40px;
    color: #ffffff;
    border: none;
    outline: none !important;
}
.send.on {
    background-color: rgb(180, 207, 85);
}
#sendit {
    display: flex;
    padding: 16px;
}
#sendit .help-block {
    position: absolute;
}
    /*end vacancy*/


.footerOutter {
    background: linear-gradient(89.82deg, #313131 0.01%, #555454 99.99%);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10000;
}
footer {
    position: relative;
    z-index: -10001;
}
.listTitle {
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FDFDFD;
    margin-bottom: 48px;
    font-weight: 500;
}
.listTitle:hover {
    color: #ffffff;
    text-decoration: none;
}
#menu .forCLmenu{
    display: none;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    border-radius: 2000px;
    border: 1px solid #404040;
    outline: none;
}
.forCLmenu:before{
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 2px;
    height: 15px;
    margin: auto;
    background: #404040;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.forCLmenu:after{
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 2px;
    height: 15px;
    margin: auto;
    background: #404040;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.footerList {
    margin: 0;
    padding: 0;
    width: 100%;
}
.footerList li a {
    position: relative;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FDFDFD;
    padding-left: 10px;
}
.footerList li a:before {
    content: '';
    position: absolute;
    left: -2px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    background: #C0DD5B;
    border-radius: 2000px;

}
.footerList li {
    list-style: none;
    margin-bottom: 16px;
}
#footerLogo{
    margin-top: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#footerTop{
    padding-top: 48px;
    padding-bottom: 48px;
}
#footerTop>div>div>div{
    display: none;
}
.fbBot {
    margin-top: 16px;
    display: block;
}
#footerTop>div>div>div:nth-child(1), #footerTop>div>div>div:nth-child(2), #footerTop>div>div>div:nth-child(3), #footerTop>div>div>div:nth-child(4), #footerTop>div>div>div:nth-child(5), #footerTop>div>div>div:nth-child(6){
    display: block;
}
#footerBot span {
    font-size: 14px;
    line-height: 17px;
    display: block;
    align-items: center;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FDFDFD;
}
#footerBot{
    padding-bottom: 15px;
    padding-top: 25px;
}
.myFlex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

.worryPopOutter {
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
    z-index: 30;
}
.worryPopInner {
    width: 544px;
    max-width: 100%;
    background: #FDFDFD;
    box-shadow: 0px 5px 14px rgba(133, 133, 133, 0.13), 1px 2px 2px rgba(151, 151, 151, 0.16), -1px 3px 5px rgba(151, 151, 151, 0.08);
    border: 1px solid #F7F7F7;
    border-radius: 10px;
    padding: 40px;
}
.worryPopInner p {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    margin-bottom: 14px;
}
.beWorryTitle {
    display: block;
    font-size: 18px;
    line-height: 14px;
    margin-bottom: 8px;
    text-align: center;
}
.beWorrySubTitle {
    display: block;
    text-align: center;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
.agreeInput {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.agreeInput span {
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #404040;
}
.likeInpAgree {
    display: flex;
    height: 16px;
    width: 16px;
    margin-right: 14px;
    border: 1px solid #C4C4C4;
    border-radius: 2px;
    position: relative;
}
.likeInpAgree.yesido:before {
    content: '';
    position: absolute;
    right: 2px;
    bottom: 0;
    top: -5px;
    margin: auto;
    height: 13px;
    width: 2px;
    background: rgba(180, 207, 85,1);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);

}
.likeInpAgree.yesido:after{
    content: '';
    position: absolute;
    right: 8px;
    bottom: 0;
    top: 0px;
    margin: auto;
    height: 7px;
    width: 2px;
    background: rgba(180, 207, 85,1);
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
}
.iAgree {
    display: inline-block;
    outline: none;
    overflow: hidden;
    max-width: 230px;
    position: relative;
    padding: 12px 48px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    align-items: center;
    text-align: center;
    color: #404040;
    z-index: 1;
    white-space: nowrap;
    border-radius: 1000px;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(90deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);
    border: none;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}

.iAgree:hover .animatrics {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;

}
.iAgree:hover{
    color: #ffffff;
}
.iAgree:before {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    background: #ffffff;
    z-index: -1;
    border-radius: 1000px;
    border: none;
    outline: none;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
}
.notAgree {
    display: inline-block;
    outline: none;
    overflow: hidden;
    max-width: 230px;
    position: relative;
    padding: 12px 48px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    align-items: center;
    text-align: center;
    color: #404040;
    z-index: 1;
    white-space: nowrap;
    border-radius: 1000px;
    background: rgba(161,161,161,0.0);
    border: none;
    -webkit-transition: all ease-out 0.2s;
    -moz-transition: all ease-out 0.2s;
    -o-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
    text-decoration: none;
}
.notAgree:hover {
    background: rgba(161,161,161,0.1);
    color: #B4CF55;
    text-decoration: none;
}
.agreeBut {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 26px;
}
.iAgree:hover {
    cursor: pointer;
}
.mobViz{
    display: none !important;
}

/*web binars*/

.likeAHeader p{
    font-weight: 450;
    font-size: 16px;
    color: #727272;
}
.likeAHeader .allTitle {
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 28px;
    color: #404040;
    text-transform: uppercase;
}
.leftGreenLine {
    padding: 25px;
    position: relative;
    background: #F9F9F9;
    margin-bottom: 70px;
}
.leftGreenLine:before {
    content: '';
    position: absolute;
    left: 0;
    top:0;
    bottom: 0;
    width: 2px;
    background: #B4CF55;
}
.leftGreenLine p{
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin: 0;
}
#dearDoc .sectTxt {
    font-weight: 600;
    font-size: 20px;
    color: #404040;
}
.shotRules {
    margin-top: 36px;
    margin-bottom: 150px;
    padding: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}
.shotRules p{
    font-size: 12px;
}
.shotRules .fs-14{
    font-size: 14px;
}
#dearDoc .likeInpAgree.yesido {
    background: #B4CF55;
    border: 1px solid transparent;
}
#dearDoc .likeInpAgree.yesido:before, #dearDoc .likeInpAgree.yesido:after {
    background: #ffffff;
}
.agreeText {
    display: flex;
    flex-direction: row;
}
.agreeText p {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
}
#dearDoc .likeInpAgree {
    margin-right: 15px;
    flex-shrink: 0;
}
.termsMore {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.termsMore a{
    font-weight: 600;
    font-size: 14px;
    color: #3B5281;
    position: relative;
    padding-right: 15px;
}
.termsMore a:before {
    content: '';
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 10px;
    width: 1.5px;
    height: 7px;
    background: #3B5281;
}
.termsMore a:after {
    content: '';
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: 0;
    top: 6px;
    width: 1.5px;
    height: 7px;
    background: #3B5281;
}
.confirmInputOutter {
    width: 166px;
    height: 40px;
    display: flex;
    flex-direction: row;

}
.confirmInputOutter input {
    border: none;
    outline: none !important;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 600;
    background: #B4CF55;
    border-radius: 2px;
    padding-left: 16px;
    color: #ffffff;
}
.confirmInputOutter input + input {
    margin-left: 2px;
}
.confirmInputOutter input::-webkit-outer-spin-button, .confirmInputOutter input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.proPopUpper {
    position: fixed;
    z-index: 50;
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.8);
}
.proPopUpper.viz {
    display: flex;
}
.proPopUpperContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px;
    width: 320px;
    height: 320px;
    background: #FBFBFB;
    box-shadow: 0px 2px 2px rgba(151, 151, 151, 0.16), 0px 5px 4px rgba(128, 128, 128, 0.06);
    border-radius: 6px;
}
.phoneConfirmTitle {
    font-weight: 600;
    font-size: 12px;
    color: #404040;
    margin-bottom: 32px;

}
.phoneConfirmText {
    font-weight: 500;
    font-size: 12px;
    color: #A7A7A7;
    margin-bottom: 25px
}
.confirmButton {
    margin-top: 24px;
}
.confirmButton button{
    width: 108px;
    height: 32px;
    color: #ffffff;
    background: #B4CF55;
    box-shadow: 0px 2px 2px rgba(201, 201, 201, 0.25), 0px 1px 1px #B8B8B8;
    border-radius: 100px;
    border: none !important;
}
.popThxTitle {
    font-weight: 600;
    font-size: 22px;
    color: #404040;
    margin-bottom: 40px;
}
.popThxTxt {
    margin-top: 20px;
    font-size: 18px;
    color: #404040;
    margin-bottom: 40px;
}
.popOnMainLink {
    font-size: 14px;
    color: #404040;
    text-decoration-line: underline;
}
.binarListOuter {
    display: flex;
    flex-direction: column;
    text-decoration: none!important;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 1px #D1D1D1, 0px 2px 2px #D1D1D1;
    padding: 0px 15px 30px 15px;
}
.binarListImg {
    height: 252px;
    margin-bottom: 24px;
}
.binarListHead {
    font-weight: 500;
    font-size: 18px;
    color: #727272;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.binarListHead svg {
    margin-right: 10px;
}
.regRequired {
    font-weight: 500;
    font-size: 14px;
    color: #B4CF55;
    margin-bottom: 10px;
}
.timeBinarHead {
    color: #727272;
    font-size: 14px;
}
.timeBinar {
    font-weight: 500;
    font-size: 14px;
    color: #727272;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.timeBinar svg {
    margin-right: 10px;
}
.binarListTitle {
    margin-top: 18px;
    margin-bottom: 18px;
    height: 56px;
    overflow: hidden;
    font-weight: 600;
    font-size: 20px;
    color: #1A202C;
}
.binarListText {
    font-size: 16px;
    color: #404040;
    height: 63px;
    overflow: hidden;
    margin-bottom: 18px;
}
.binarList {
    padding: 8px;
}
.listSpeakerImg {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 1000px;
    margin-right: 16px;
    flex-shrink: 0;
}
.listSpeakerImg img{
    min-width: 100%;
    width: auto;
    height: 100%;
}
.binarListSpeaker {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.binarListAboutSpeaker {
    display: flex;
    flex-direction: column;
}
.listSpeakerName {
    font-weight: 500;
    font-size: 16px;
    color: #4A5568;
}
.listSpeakerProf {
    font-weight: 400;
    font-size: 16px;
    color: #718096;
}
#binarList .allTitle {
    margin-bottom: 30px;
    padding-left: 8px;
}
.inBinarSepperImg {
    padding-top: 40px;
    padding-bottom: 40px;
}
.inBinarSepperImg img{
    width: 100%;
}
#IndearDoc .listSpeakerImg{
    width: 102px;
    height: 102px;
}
.timeInBinarHead {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    color: #727272;
}
.timeInBinar {
    margin-top: 10px;
    display: flex;
    color: #404040;
    font-size: 32px;
}
#IndearDoc .likeAHeader {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #EBEBEB;
}
#dear_doc .formSect input{
    height: 40px;
    border-radius: 4px;
}
#dear_doc .userPick:before, #dear_doc .emailPic:before {
    top: 12px;
}
.phonePick.userPick:before {
    background: url(/uploads/phone.svg) no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.3;
}
#regDoc {
    margin-bottom: 40px;
}
.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #000;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #000 transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
.getPhoneVerification {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.getPhoneVerification a{
    color: #B4CF55;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-decoration: none!important;
}

.getPhoneVerification a.error{
    color: crimson;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;
    text-decoration: none!important;
}

.getPhoneVerification a.error svg path {
    fill: crimson;
}

.getPhoneVerification svg {
    margin-left: 10px;
}
.highlight-error {
    border: 2px solid crimson !important;
    border-radius: 4px;
}
.highlight-success {
    border: 2px solid green !important;
    border-radius: 4px;
}
.veeraCode {
    display: inline-block;
    margin-bottom: 30px;
    font-size: 28px;
    text-transform: uppercase;
    color: #404040;
    position: relative;
    padding-bottom: 5px;
}
.veeraCode:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #404040;
}
.owners {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-shrink: 0;
    padding-top: 33px;
}
.owners div, .owners div {
    width: 40% !important;
    flex-shrink: 0;
    display: block;
}
.owners div img, .owners div img {
    width: 100%;
    height: auto;
}
.popLinks {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.specialTerm .proPopUpperContent {
    width: 620px;
    max-width: 100%;
    height: 600px;
}
.specialTerm  .popThxTxt {
    font-size: 12px;
}
.specialTerm  .popThxTitle {
    font-size: 18px;
    text-align: center;
}
.specialTerm .success, .specialTerm .danger{
    text-decoration: none !important;
    padding-bottom: 3px;
    position: relative;
}
.specialTerm .success:after, .specialTerm .danger:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #2b542c;
    width: 100%;
}
.specialTerm .danger:after{
    background: #ac2925;
}
.toBinar {
    color: rgb(180, 207, 85);
    text-decoration: underline;
}
.toBinar:hover {
    color: #404040;
}
/*#dear_doc .help-block {*/
/*    display: none !important;*/
/*}*/
/**/

.beWtxt {
    width: 100%;
    /* min-height: 150px; */
    min-height: 15%;
}
#inDev {
    padding-top: 25px;
    padding-bottom: 25px;
}
#inDev p {
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    animation: bright 2s linear infinite;
}
@keyframes bright {
    0% {
        filter: brightness(30%);
    }
    50% {
        filter: brightness(100%);
    }
    100% {
        filter: brightness(30%);
    }
}
.alphabet {
    border: none;
    display: inline-block;
    padding: 1px;
    position: relative;
    background: transparent;
    color: #727272;
    margin-right: 7px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    outline: none !important;
}
.alphabet:hover, .alphabet.active {
   color: #B4CF55;
}
.likeAtaber.sortAZ {
    display: block;
}
#imageBeWory img {
    position: fixed;
    bottom: -2%;
    right: 0;
    left: 0;
}
@media (max-width: 1600px) {
    #partnersPage {
        background-position: 50% 200%;
        background-size: 68%;
    }
}
@media (min-width: 1199px){
    .menuList {
        margin-left: -80px;
    }
}
@media (max-width: 1406px) and (min-width: 1199px) {
    .menuList>li>a {
        padding: 46px 9px;
    }
}
@media (max-width: 1199px) and (min-width: 991px){
    .myFlex {
        display: flex;
        justify-content: flex-end;
    }
    #proAdvIcons{
        padding-left: 0;
    }
}
@media (max-width: 1199px){
    .bigNum {
        font-size: 62px;
        line-height: 47px;
    }
    .litNum {
        font-size: 24px;
        line-height: 24px;
    }
    .acadAdvBoxOutter{
        padding-right: 0;
        padding-left: 0;
    }
    .advTitle {
        font-size: 18px;
        line-height: 21px;
    }
    #aboutPageMid .innerCircle .circlePro{
        font-size: 82px;
        line-height: 88px;
    }
    #aboutPageMid .innerCircle .circlePharma{
        font-size: 32px;
        line-height: 61px;
    }
    main {
        overflow: hidden;
    }
    .aboutRightCirc, .aboutLeftCirc{
        padding-top: 2%;
    }
    .slick-prev, .slick-next{
        display: none !important;
    }
    .closedmenu {
        display: none!important;
    }
    .openmenu {
        display: block!important;
    }

    .myArrow {
        display: block !important;
        position: absolute !important;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 35px;
        height: 35px;
        z-index: 998;

    }
    #mainProTeam .sectTitle, #mainProAdv .sectTitle{
        font-weight: 500;
        font-size: 40px;
        margin-top: 0;
    }
    #headerTop.affix .menuList>li>a {
        padding: 24px 24px 22px 24px;
        padding-right: 24px;
    }
    .menuList>li>a{
        display: inline-block !important;
        padding: 24px 24px 22px 24px;
        min-width: 260px;
        text-align: center;
        color: #404040;
        font-size: 12px;
        line-height: 12px;
    }
    .menuList>li .subMenuList>li{
        background: #404040;
    }
    .menuList>li .subMenuList>li a, .menuList>li .subMenuList>li a:hover {
        color: #B4CF55;
        background: #404040;
        -webkit-text-fill-color: #b4cf55;
    }
    .headerInfoList li:nth-child(1){
        color: #404040;
    }
    .headerInfoList li a{
        color: #404040;
    }
    .headerNavList>li {
        color: #404040;
    }
    .menuList>li.faceBook:hover{
        background: transparent;
    }
    .headerNavList li:nth-child(3) svg path, .headerNavList li:nth-child(3) svg line {
        stroke: #404040;
    }
    .headerNavList li:nth-child(4) svg path:nth-child(1) {
        stroke: #404040;
    }
    .headerNavList li:nth-child(4) svg path:nth-child(2) {
        fill: #404040;
    }
    .headerNavList>li:nth-child(1) button:before, .headerNavList>li:nth-child(1) button:after{
        background: #404040;
    }
    .menuList>li>a:before {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 100%;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, #727272 0%, rgba(114, 114, 114, 0) 76.81%);
        opacity: 0.5;
        -webkit-transition: all ease-out 0.2s;
        -moz-transition: all ease-out 0.2s;
        -o-transition: all ease-out 0.2s;
        transition: all ease-out 0.2s;
        display: block;
    }
    .menuList>li+li>a:after {
        display: none;
    }
    .menuList>li:hover {
        background: transparent;
    }
    .menuList>li:hover .myArrow:after{
        border-right: 2px solid #96E6A1;
        border-top: 2px solid #96E6A1;
    }
    .menuList>li:hover>a {
        background: transparent;
    }
    /*#headerTop #logo svg path:nth-child(3){*/
    /*    fill:#404040;*/
    /*}*/
    .myArrow:after {
        content: '';
        position: absolute;
        left:10px;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 8px;
        width: 8px;
        border-right: 2px solid #000000;
        border-top: 2px solid #000000;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);

        -webkit-transition: all ease-out 0.2s;
        -moz-transition: all ease-out 0.2s;
        -o-transition: all ease-out 0.2s;
        transition: all ease-out 0.2s;
    }
    .menuList>li .subMenuList {
        display: none;
        position: absolute;
        top: 0;
        z-index: 1000;
        float: left;
        min-width: 226px;
        padding: 0;
        margin: 0;
        transform: translateX(0%);
        left: 100%;
        font-size: 14px;
        text-align: left;
        list-style: none;
        box-shadow: 0px 9px 24px rgba(225, 225, 225, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.16);
        background: #f1f1f1;
        -webkit-transition: all ease-out 0.1s;
        -moz-transition: all ease-out 0.1s;
        -o-transition: all ease-out 0.1s;
        transition: all ease-out 0.1s;
    }
    .menuList>li .subMenuList>li a:before{
        display: none;
    }
    #menu {
        position: static;
    }
    #menu button {
        float: right;
        background: transparent;
        border: none;
        outline: none;
        margin-top: 22px;
    }
    #logo {
        margin-top: 9px;
        margin-bottom: 7px;
    }
    #headerTop.affix #logo {
        margin-top: 9px;
        margin-bottom: 7px;
    }
    #headerTop {
        background: #ffffff;
    }
    .menuButtonIn {
        height: 20px;
        font-size: 14px;
        line-height: 13px;
        color: #404040;
        display: block;
        padding-top: 7px;
        text-transform: uppercase;
        float: left;
        font-weight: 600;
    }
    .menuButInRight {
        display: block;
        height: 24px;
        float: right;
        margin-left: 6px;
}
    .line {
        width: 24px;
        display: block;
        border: none;
        height: 3px;
        background: #404040;
        margin: 4px 0 0;
        -webkit-transition: all ease-out 0.1s;
        -moz-transition: all ease-out 0.1s;
        -o-transition: all ease-out 0.1s;
        transition: all ease-out 0.1s;
    }
    .open .menuButInRight, .forOpMenu .menuButInRight{
        width: 24px;
        position: relative;
    }
    .open .line:nth-child(1), .forOpMenu .line:nth-child(1) {
        position: absolute;
        top:0px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);

    }
    .open .line:nth-child(2), .forOpMenu .line:nth-child(2) {
        position: absolute;
        top:0px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);

    }
    .open .line:last-child, .forOpMenu .line:last-child{
        display: none;
    }
    .headerNavList, .affix .headerNavList{
        margin: 28px 0 0 0;
    }
    .headerInfoList, .affix .headerInfoList{
        margin-top: 19px;
    }
    .topInfo .likeH1{
        font-size: 56px;
    }
    .imgSlider {
        width: auto;
        min-width: 100%;
        height: 800px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }
    #mainTopSlider{
        height: 752px;
    }
    #topSliderBotSVG {
        bottom: -14px;
    }
    .topInfo{
        padding-left: 15px;
        padding-right: 15px;
        z-index: 2;
    }
    #mainTopSlider:before{
        z-index: 1;
    }
    #proAdvIcons {
        height: 1042px;
        padding-top: 208px;
    }
    #mainProAdv {
        position: relative;
        padding-top: 30%;
    }
    .newsImg{
        display: block;
    }
    .newsTitle, .newsTxt {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .formSect {
        width: 242px;
        max-width: 100%;
    }
    #dear_doc .formSect {
        width: 100%;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    #aboutPageMid .innerCircle .circlePro{
        font-size: 60px;
        line-height: 60px;
    }
    #manufacturePageStamp .manuPicR{
        margin-bottom: 0;
    }
    #aboutPageMid .innerCircle .circlePharma{
        font-size: 24px;
        line-height: 18px;
    }
    .innerCircle:before{
        content: '';
        position: absolute;
        top: 28px;
        bottom: 28px;
        left: 28px;
        right: 28px;
    }
    .innerCircle:after {
        content: '';
        position: absolute;
        top: 44px;
        bottom: 44px;
        right: 44px;
        left: 44px;
    }
}
.text1 {
    text-align: left !important;
    padding: 0;
}
@media (max-width: 768px){
    .prodCatH1 {
        font-size: 24px;
        margin-bottom: 0px;
    }
    #forBeingGood {
        padding-top: 36px;
    }
    .acorTitle {
        margin-top: 72px;
    }
    .field-upFile {
        text-align: center;
    }
    .helpGetAJob {
        padding-left: 0;
    }
    #proSearch{
        position: fixed;
        background: #404040;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
    }
    .searchClose {
        left: 0;
        top: auto;
        bottom: 40px;
        border: 1px solid #fdfdfd;
        position: fixed;
        border-radius: 2000px;
    }
    #proSearch form{
        border: 1px solid #fdfdfd;
    }
    #proSearch form input {
        color: #fdfdfd;
    }
    #proSearch form button{
        color: #fdfdfd;
    }
    #logoSearch {
        display: none;
    }
    .revOutter1{
        padding-right: 15px;
    }
    .worryPopOutter{
        z-index: 1001;
    }
    .worryPopInner{
        padding: 24px 16px;
        height: 100%;
        overflow: scroll;
        z-index: 1002;
    }
    .worryPopInner p {
        text-align: center;
    }
    .agreeInput {
        margin-top: 24px;
    }
    .agreeInput span br{
       display: none;
    }
    .likeInpAgree{
        width: 26px;
    }
    .worryPopOutter {
        align-items: flex-end;
    }

    .worryPopInner p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 12px;

    }
    .agreeBut {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .notAgree {
        margin-top: 16px;
        color: #E5E5E5;
    }
    .col-md-4_5{
        width: 100%;
        margin-bottom: 104px;
    }
    .col-md-3_5{
        width: 50%;
    }
    .boxes svg {
        margin-bottom: 16px;
    }
    #proRightSide.col-sm-offset-6 {
        margin-left: 0;
    }
    #aboutPageMid>div>div>div {
        display: flex;flex-direction: column;
    }
    .aboutLeftCirc {
        order:2;
        margin-bottom: 75px;
    }
    .aboutCircle {
        order: 1;
    }
    .aboutRightCirc {
        order: 3;
    }
    .advOutter:first-child {
        /*height: auto;*/
        padding-top: 0px;
    }
    .advOutter:last-child {
        height: auto;
        float:none;
        margin-left: auto;
        margin-right: auto;
    }
    .partInImg{
        padding-top: 108px;
    }
    .innerCircle .circleFigure1:after, .innerCircle .circleFigure2:after, .innerCircle .circleFigure3:after, .innerCircle .circleFigure4:after{
        display: none;
    }

    .inNewsTitle {
        margin-top: 100px;
    }
    .text1 {
        text-align: center !important;
    }
    #mainProTeam img {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        height: 100%;
        max-width: inherit;
        margin-left: 0;
    }

    #manufacturePageStamp .manuPicR{
        margin-bottom: 20px;
    }
    #manufacturePageMid3 .pull-left, #manufacturePageMid3 .pull-right{
        float: none !important;
        margin-bottom: 40px;
    }
    #heirarc{
        zoom: 0.6;
        padding: 0;
    }
    #heirarc .col-md-3{
        padding-left: 4px;
        padding-right: 4px;
    }

    #inProdPage {
        margin-top: 81px;
    }
    .topInfo{
        top: 6px;
    }
    #proAdvIcons {
        height: 1042px;
        padding-top: 182px;
        zoom: 0.8;
    }
    #mapSize{
        zoom: 0.8;
    }
    #mainTopSlider {
        height: 632px;
    }
    #topSliderBotSVG {
        bottom: -6px;
    }
    #topSliderBotSVG {
        left: -12px;
    }
    .proTeamPic {
        padding-top: 15px;
        height: 242px;
         width: 50%;
        position: relative;
        left: auto;
        float: left;
        border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0px 2000px 2000px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        background: #E2E2E2;
        background: url(/uploads/pharma1-678x449.jpg) no-repeat;
        background-size: cover;
        background-position: left center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 5%;
    }
    .proTeamPic:before {
        content: '';
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    }
    #proRightSide {
        padding-left: 15px;
    }

    #proAdvIcons {
         padding-top: 0px;
         padding-left: 0px;
         position: relative;
         top: 0;
         right: 0;
         width: 100%;
         height: auto;
         float: none;
         border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px 0px;
         -webkit-border-radius: 0px 0px 0px 0px;
        background: #FDFDFD;
    }
    .advOutter{
        min-height: 235px;
        height: 235px;
        margin-bottom: 38px;
        padding: 0;
    }
    #mainProAdv {
        position: relative;
        padding-top: 10%;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 25px;
        min-height: auto;
        margin-bottom: 25px;
    }
    #topSliderBotSVG{
        display: none;
    }
    #mainProTeam{
    margin-top: 0;
     }
    #footerLogo{
        margin-bottom: 25px;
        text-align: center;
    }
    .listTitle{
        margin-bottom: 16px;
    }
    .mainSectTitle {
        margin-top: 144px;
        font-size: 32px;
        line-height: 39px;
    }
    .breadcrumb{
        display: none;
    }
    #subHeader{
        height: 360px;
    }
    .subTitle{
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }
    #aboutPage p {
        font-size: 14px;
        line-height: 24px;
    }
    #aboutPage h3{
        font-size: 16px;
        line-height: 24px;
        margin-top: 64px;
        margin-bottom: 24px;
    }
    #aboutPage ul li {
        font-size: 14px;
        line-height: 24px;
    }
    #aboutPage ul {
        margin-bottom: 28px;
    }
    .abImg {
        height: 384px;
        margin: 40px 0;
    }
    .aboutCircle{
        padding: 0;
        margin: 0 0 116px 0;
    }
    .innerCircle {
        width: 110%;
        margin-left: -5%;
    }
    #aboutPageMid .innerCircle h2{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 5px;
    }
    #aboutPageMid .innerCircle p{
        font-size: 12px;
        line-height: 19px;
    }
    #aboutPageMid h2 {
        font-size: 14px;
        line-height: 17px;
    }
    #aboutPageMid p{
        font-size: 14px;
        line-height: 21px;
    }

    #aboutPageMidS h3{
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 36px;
    }
    #aboutPageMidS p{
        font-size: 14px;
        line-height: 24px;
    }
    #aboutPageBot p{
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
    .abBoxTxt{
        margin-bottom: 121px;
    }
    .abBotSepper{
        display: none;
    }
    #aboutPageBot{
        background: none;
    }
    #allPageSepperBot,{
        height: 60px;
    }
    .footerList {
        margin-bottom: 56px;
    }
    #mainMap {
        height: 636px;
    }
    #contForm {
        margin-bottom: 62px;
    }
    #subHeaderContact, #subHeaderProducts, #subHeaderBlog, #subHeaderPartners, #subHeaderAcademy, #subHeaderPharmacom, #subHeaderActivity, #subHeaderInProdPage, #subHeaderCareer, #subHeaderVacancy, #subHeaderManufacture{
        height: 360px;
    }
    .tabBut+.tabBut, .likeAbutton+.likeAbutton{
        margin-left: 0;
    }
    .tabBut, .likeAbutton {
        width: 100%;
        float: none;
        padding: 14px 0;
        border: none;
        outline: none;
        font-size: 16px;
        line-height: 20px;
        color: #727272;
        background: transparent;
        min-width: inherit;
    }
    .menuList{
        width: 100%;
        /*margin-top: -200%;*/
        transform: translateY(-200%);
        -webkit-transition: all ease-out 0.5s;
        -moz-transition: all ease-out 0.5s;
        -o-transition: all ease-out 0.5s;
        transition: all ease-out 0.5s;
        display: block !important;
    }
    .open > .dropdown-menu.menuList, .menuList.openmenu, .open .menuList{
        /*margin-top: 0%;*/
        transform: translateY(0%);
    }
    .menuList>li .subMenuList {
        display: none;
        position: relative;
        float: none;
        min-width: 100%;
        transform: translateX(0%);
        left: 0%;
    }
    .myArrow {
        top: 15px;
        bottom: auto;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transition: all ease-out 0.1s;
        -moz-transition: all ease-out 0.1s;
        -o-transition: all ease-out 0.1s;
        transition: all ease-out 0.1s;
    }
    .aboutRightCirc, .aboutLeftCirc{
        opacity: 1;
    }
    .allTitle{
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    .acadAdvBox{

        margin-bottom: 28px;
    }
    .acadAdvBoxOutter{
        margin-bottom: 48px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .acadAdvImgBox {
        width: 24px;
        height: 32px;
    }
    .bigNum {
        font-size: 40px;
        line-height: 24px;
    }
    .litNum {
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
    }
    .tinyNum {
        font-size: 12px;
        line-height: 10px;
        margin-top: 8px;
    }
    .revOutter,.vidOutter {
         padding-right: 8px;
    }
    .slick-prev, .slick-next{
        z-index: 10;
    }
    #partnersPageMid .allTitle{
        padding-right: 15px;
        margin-bottom: 24px;
    }
    #partnersPage{
        background: none;
        padding-top: 0px;
    }
    .bestNewsLeft {
        padding-right: 15px;
    }
    .bestNewsImg{
        height: 336px;
    }
    #academyPageBot{
        padding-top: 68px;
    }
    .marginTopReg{
        margin-top: 68px;
    }
    #partnersPageMid p{
        font-size: 16px;
        margin-top: 74px;
    }
    #partnersPage p{
        font-size: 16px;
        line-height: 24px;
        padding-left: 0;
        padding-right: 0;
    }
    #careerPage .allTitle, #careerPageMid .allTitle {
        text-align: left;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 24px;
    }
    .boxes{
        height: 150px;
        margin-bottom: 36px;
    }
    #careerPage, #careerPageMid{
        font-size: 14px;
        line-height: 21px;
    }
    #careeRightSide {
        margin-top: 84px;
    }
    .kosmPad {
        padding-right: 15px;
    }
    .injectPad {
        padding-left: 15px;
    }
    .mobTextCenter{
        text-align: center;
    }

}
@media (max-width: 767px){
    #menu .forCLmenu{
        display: block;
    }
    .menuList {
        transform: translateY(-200%);
        padding-bottom: 48px;
    }
    .dropdown-backdrop{
        z-index: -1000;
    }
    .searchB, .accB {
        list-style: none;
        position: absolute;
        top:0;
        left:0;
        right: 0;
        bottom: 0;
        margin: auto;
        height: 16px;
        width: 16px;

    }
    .accB{
        left: 52px;
    }

    .searchB{
        left: -15px;
    }
    .accB>svg path{
        fill: #404040;
    }
    .searchB>svg line,..searchB>svg path{
        stroke: #404040;
    }
    .headerInfoList li{
        display: block;
        text-align: center;
    }
    .headerInfoList li:nth-child(1){
        margin-bottom: 8px;
    }
    .headerInfoList li a{
        font-weight: 600;
        font-size: 16px;
        text-decoration: underline;
    }
    .menuList .faceBook {
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .menuList .faceBook svg {
        margin-top: 0px;
        height: 24px !important;
        width: 24px !important;
    }
    .menuList .faceBook svg path:nth-child(1){
        stroke: #404040;
    }
    .menuList .faceBook svg path:nth-child(2){
        fill: #404040;
    }
    .headerInfoList:before{
        display: none;
    }
    .headerInfoList {
        padding-left: 0px;
        width: 100%;
    }
    .headerInfoList, .affix .headerInfoList{
        margin-top: 8px;
    }
    .headerInfoList li+li {
        border-left: 1px solid rgba(64,64,64, 0.5);
        padding-left: 1px;
    }
    .open #languages{
        display: block !important;
    }
    #languages {
        min-width: 100%;
        padding: 0;
        position: relative;
    }
    #languages li{
        display: inline-block;
        width: 33%;

    }
    #languages li a{
        text-align: center;
        font-weight: 600;
        font-size: 16px;
        height: 48px;
        padding-top: 12px;
        display: block;
        color: #B4CF55;
    }
    .closedmenu.subMenuList, .openmenu.subMenuList{
        display: block!important;
    }
    .menuList>li .subMenuList{
        display: block;
        overflow: hidden;
        height: 0px;
    }
    .menuList>li .subMenuList>li+li {
        margin-top: 0px;
        border-top: 1px solid rgba(255,255,255,0.1);
    }
    .myArrow.openmenu {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);

    }

}
@media (max-width: 480px) {
    #activityPageVid video{
        height: 100%;
    }
    #footerTop{
        padding-bottom: 8px;
    }
    footer {
        height: auto !important;
    }
    .footerOutter{
        position: relative;
    }
    #subHeaderContact, #subHeaderWebinar, #subHeader, #subHeaderProducts, #subHeaderBlog, #subHeaderPartners, #subHeaderAcademy, #subHeaderPharmacom, #subHeaderActivity, #subHeaderInProdPage, #subHeaderCareer, #subHeaderVacancy, #subHeaderManufacture{
        background: none;
        height: 232px;
    }
    .mainSectTitle{
        background: none;
        padding: 32px 0 16px 0;
        position: relative;
        margin-top: 80px;
    }
    .mainSectTitle:before{
        content: '';
        position: absolute;
        top:auto;
        bottom: 0;
        left:0;
        right: 0;
        height: 3px;
        background: rgb(180,207,85);
        background: -moz-radial-gradient(circle, rgba(180,207,85,1) 0%, rgba(180,207,85,0) 100%);
        background: -webkit-radial-gradient(circle, rgba(180,207,85,1) 0%, rgba(180,207,85,0) 100%);
        background: radial-gradient(circle, rgba(180,207,85,1) 0%, rgba(180,207,85,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b4cf55",endColorstr="#b4cf55",GradientType=1);
    }
    .mainSectTitle:after{
        display: none;
    }
    #mainTopSlider{
        background: url(/uploads/mobile.jpg)no-repeat;
        background-size: cover;
        background-position: center;
    }
    #mainTopSlider:before {
        background: none;
    }
    .prodTitle{
        justify-content: center;
        margin-bottom: 8px;
    }
    .prodTxt{
        text-align: center;
    }
   .vacancyInner .prodTxt{
        text-align: left;
    }
    #mainProTeam {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        min-height: auto;
    }
    .mobHidden {
        display: none !important;
    }
    .mobViz {
        display: block !important;
        order: 3;
    }
    #proRightSide .sectTxt {
        margin-bottom: 16px;
        text-align: center;
    }
    #mainProTeam{
        display: flex;
        flex-direction: column;
    }
    .proTeamPic {
        order: 2;
    }
    #proRightSide{
        order: 1;
    }
    .topInfo p{
        line-height: 28px;
        text-align: center;
        font-weight: 500;
    }
    .topInfo p br {
        display: none;
    }
    #proRightSide .sectTxt {
        margin-bottom: 16px;
        text-align: center;
        max-width: 326px;
        margin-left: auto;
        margin-right: auto;
        font-weight: 500;
        line-height: 28px;
    }
    #mainProTeam img {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        height: auto;
        max-width: inherit;
        margin-left: 0;
        width: 100%;
    }
    .filterTitle {
        margin-top: 32px;
        display: flex;
        width: auto;
        padding-right: 14px;
    }

    .filterTitle:hover {
        cursor: pointer;
    }
    .filterTitle:before {
        content: '';
        position: absolute;
        right: 0px;
        bottom: 0;
        margin-top: 0;
        left: auto;
        top: 7px;
        height: 7px;
        width: 2px;
        background: #404040;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }
    .filterTitle:after {
        content: '';
        position: absolute;
        right: 4px;
        bottom: 0;
        margin-top: 0;
        left: auto;
        top: 7px;
        height: 7px;
        width: 2px;
        background: #404040;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }
    .filterCatList {
        position: fixed;
        left: -100%;
        width: 100%;
        background: #404040;
        z-index: 20;
        height: 85%;
        overflow: scroll;
        display: flex;
        justify-content: center;
        padding-top: 40px;
    }
    .filterCatList ul li a, .filterCatList ul li span{
        color: #ffffff
    }
    .filterCatList ul {
        margin-left: -52px;
    }
    .closedFilter {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        display: block;
    }
    .closedFilter:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 30px;
        height: 6px;
        background:  rgba(180, 207, 85, 1);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }
    .closedFilter:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 30px;
        height: 6px;
        background:  rgba(180, 207, 85, 1);
        transform: rotate(45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }
    .filterCatList ul li {
        padding: 12px 0;
    }
    .filterCatList.mobFilter {
        left: 0%;
    }
    #manufactTxt p{
        font-style: 14px; /*need change*/
        line-height: 21px;
    }
    #manufacturePageMiss .simpleTxt{
        font-size: 16px;
        line-height: 20px;
    }
    .simpleTxtHlow{
        font-size: 14px;
        line-height: 21px;
    }
    #manufacturePageMid .simpleTxt{
        font-size: 14px;
        line-height: 21px;
    }
    #manufacturePageMid2 .simpleTxt{
        font-size: 16px;
        line-height: 21px;
    }
    #manufacturePageStamp p{
        font-size: 14px;
        line-height: 21px;
    }
    #manufacturePageMid3 .simpleTxt {
        font-size: 14px;
        line-height: 21px;
        margin: 8px 0 20px 0;
        max-width: inherit;
    }
    .manuFactureList li{
        font-size: 16px;
        line-height: 21px;
    }
    #manufacturePageStamp .manuPicR{
        background-size: contain;
    }
    #manufacturePageObor {
        padding-top: 48px;
    }

    #heirarc {
        display: none;
    }
    #heirarcMob {
        display: block;
    }
    #actRightSide p{
        margin-bottom: 64px;
    }
    #actLeftSide .allTitle, #activityPageMid .allTitle, #activityPageVid .allTitle{
        font-size: 19px;
    }
    .injectPad{
        padding-left: 15px;
    }

    #activityPageVid{
        height: 408px;
    }
    #activitySomePic .simpleTxt span{
        font-size: 32px;
    }
    .findeInP, .goToLikiWiki, .downlink{
        display: flex;
        justify-content: center;
    }
    .findeInP{
        margin-right: 0;
    }
    .proTeamPic {
        padding-top: 15px;
        height: 242px;
        width: 100%;
        position: relative;
        left: auto;
        float: none;
        margin-bottom: 32px;
        border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0px 2000px 2000px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        background: #E2E2E2;
        background: url(/uploads/pharma1-678x449.jpg) no-repeat;
        background-size: cover;
        background-position: left center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 0px;
    }
    #logo, #menu{
        padding: 0;
    }

    .revOutter,.vidOutter {
        padding-right: 0px;
    }
    #mapSize{
        width: 100%;
        zoom: 1;
        margin:auto;
        margin-top: -100px;
    }
    .topInfo .likeH1 {
        font-size: 48px;
        text-align: center;
        line-height: 48px;
        margin-bottom: 32px;
    }
    .formOutDiv{
        display: none;
    }
    #mainProTeam {
        padding-top: 88px;
        padding-bottom: 88px;
    }
    #mainProTeam .sectTitle{
        margin-top: 0;
        margin-bottom: 32px;
    }
    #mainProAdv .sectTitle{
        margin-bottom: 64px;
    }
    #mainProAdv {
        margin-top: 0;
        padding-top: 88px;
        padding-bottom: 88px;
    }
    #proAdvIcons .advOutter {
        padding-top: 0;
    }

    #mainProProd {
        padding-top: 15px;
    }
    #mainProProd .sectTitle {
        margin-bottom: 25px;
    }
    #mainProPartners .sectTitle {
        margin-bottom: 25px;
    }
}
@media (max-width: 390px){
.innerCircle:before{
    content: '';
    position: absolute;
    top: 26px;
    bottom: 26px;
    left: 26px;
    right: 26px;
}
    .innerCircle:after {
        content: '';
        position: absolute;
        top: 44px;
        bottom: 44px;
        right: 44px;
        left: 44px;
    }
    #aboutPageMid .innerCircle .circlePro {
        font-size: 65px;
        line-height: 64px;
    }
    #aboutPageMid .innerCircle .circlePharma {
        font-size: 24px;
        line-height: 32px;
    }
}


/* width */
::-webkit-scrollbar {
    width: 8px;
}

@media (max-width: 768px) {
    ::-webkit-scrollbar {
        width: 2px;
    }
}
/* Track */
::-webkit-scrollbar-track {

    background: transparent;

}

/* Handle */
::-webkit-scrollbar-thumb {
    margin-right: -10px;
    background: rgb(212,252,121);
    background: -moz-linear-gradient(180deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    background: linear-gradient(180deg, rgba(212,252,121,1) 0%, rgba(150,230,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d4fc79",endColorstr="#96e6a1",GradientType=1);

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #d4fc79;
}
::-webkit-scrollbar-thumb:active{
    background: #000000;
}

@keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@-webkit-keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.lds-css {
    height: 80px;
    width: 80px;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
}
.lds-rolling {
    position: relative;
}
.lds-rolling div,
.lds-rolling div:after {
    position: absolute;
    width: 160px;
    height: 160px;
    border: 20px solid rgba(212, 252,121,1);
    border-top-color: transparent;
    border-radius: 50%;
}
.lds-rolling div {
    -webkit-animation: lds-rolling 1s linear infinite;
    animation: lds-rolling 1s linear infinite;
    top: 100px;
    left: 100px;
}
.lds-rolling div:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.lds-rolling {
    width: 80px !important;
    height: 80px !important;
    -webkit-transform: translate(-40px, -40px) scale(0.4) translate(40px, 40px);
    transform: translate(-40px, -40px) scale(0.4) translate(40px, 40px);
}
.block-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.85;
}
.loaderOut{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: #404040;
    z-index: 2;
}
.loader,
.loader:after {
    display: block;
    border-radius: 50%;
    width: 4em;
    height: 4em;
}
.loader {
    margin: 4px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.5em solid rgba(255, 255, 255, 0.2);
    border-right: 0.5em solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
    border-left: 0.5em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*end custom css*/