@charset "utf-8";
/* CSS Document */
.perfect-mix-caption{
	margin-top: 50%;
	padding-left: 18%;
}
.perfect-mix-caption p{
	 font-family: 'Gotham';
    font-style: normal;
	font-size: 12px;
}
.perfect-mix-caption h2{
	 font-family: 'Gotham';
	color: #790D2D;
	font-size: 45px;
	font-weight: 400;
}
.perfect-mix-caption .first-step{
	font-family: 'Gotham';
    font-style: normal;
	font-weight: 300;
	color: #696969;
    font-size: 20px;
    line-height: 25px;
    width: 108%;
    padding-top: 15%;
	padding-right: 1%;
}
.perfect-mix-caption .elastomer{
	font-family: 'Gotham';
    font-weight: 300;
    font-style: normal;
	font-size: 16px;
	line-height: 20px;
	width: 80%;
	padding-top: 10%;
	padding-bottom: 10%;
}
.brown-rect{
	margin-right: 2%;
}
.compound-type-selector{
	padding-bottom: 2%;
}
.compound-type-selector-caption{
	padding-left: 7%;
	padding-right: 6%;
}
.compound-type-selector-caption h2{
	font-family: 'Gotham';
    font-style: normal;
	font-weight: bold;
	color: #696969;
	font-size: 42px;
	padding-bottom: 1%;
}
.compound-type-selector-caption p {
font-family: 'GothamBook';
font-style: normal;
font-weight: 450;
color: #696969;
font-size: 18px;
}
.materials-tabs{
	background-image: url("../../images/compound-type-selector/materials-tabs-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4%;
	padding-left: 7%;
    padding-right: 4%;
}
.materials-tabs h5{
	font-family: 'Gotham';
    font-style: normal;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding-top: 10%;
	font-size: 22px;
}

.polymer-types h5{
	padding-bottom: 10%;
}
.btn.btn-warning{
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0px;
	font-family: 'GothamBook';
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	margin-top: 15%;
	padding-left: 15%;
    padding-right: 15%;
    padding-top: 4%;
    padding-bottom: 4%;
}
.btn.btn-warning:hover{
	color: #fff;
}
.materials-for:hover .overlay {
    background-color: #fff !important;
    color: #000000 !important;
    cursor: pointer;
}
.materials-tabs p {
    font-family: 'GothamBook';
    font-style: normal;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 50%;
	padding-left: 5%;
    padding-right: 5%;
}
.materials-for p, .polymer-types p, .polymer-types1 p, .polymer-types2 p{
	padding-top: 18%;
}
.materials-for, .specialist-materials, .polymer-types, .polymer-types1, .polymer-types2 {
    background-color: transparent;
    width: 85%;
    padding: 0%;
}
.materials-tabs p {
    
    padding-bottom: 40%;
}
.btn.btn-warning {
    top: 60%;
    left: 14%;
}
/*
.blue{
	background-color: #0459b5;
}
.blue1{
	background-color: #bcd2eac4;
}
.blue2{
	background-color: #bcd2ea42;
}
*/
th{
	font-family: 'Gotham';
    font-style: normal;
    font-weight: bold;
	color: #000000;
}
td{
	font-family: 'Gotham';
    font-style: normal;
}
.solution-tabs{
	padding-left: 7%;
	padding-right: 7%;
	padding-bottom: 10%;
}
.btn.btn-primary{
	border-radius: 0px;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 2%;
    padding-right: 2%;
    width: 58%;
    font-size: 20px;
    margin-left: 20%;
	background-color: #0459b5;
	margin-top: 15%;
}
@media screen and (max-width:2560px){
.perfect-mix-caption p{
	font-size: 22px;	
}
.perfect-mix-caption h2 {
    font-size: 70px;
}
.perfect-mix-caption {
    margin-top: 40%;
    padding-left: 18%;
}
.perfect-mix-caption .first-step {
    font-size: 26px;
    line-height: 39px;
	padding-top: 10%;
}
.perfect-mix-caption .elastomer {
    font-size: 26px;
    line-height: 30px;
    padding-top: 10%;
    padding-bottom: 0%;
}
.compound-type-selector-caption p {
    font-size: 26px;
    line-height: 50px;
}
.compound-type-selector-caption h2 {
    font-size: 48px;
    padding-bottom: 1%;
}
.materials-tabs h5 {
    font-size: 30px;
}
.materials-tabs p {
    font-size: 26px;
    padding-bottom: 40%;
}
.polymer-types p{
	padding-top: 8%;	
}
.btn.btn-warning {
    top: 51%;
    left: 17%;
    font-size: 22px;
}
.perfect-mix-caption .first-step {
    font-size: 28px;
    line-height: 44px;
}
.perfect-mix-caption .first-step {
    padding-top: 2%;
}
.perfect-mix{
	margin-bottom:  5%;
}
.btn.btn-primary {  
    font-size: 30px;
}
th, td {
    font-size: 28px;
}
}
@media screen and (max-width:1920px){
.perfect-mix-caption {
    margin-top: 45%;
    padding-left: 18%;
}
.perfect-mix-caption p {
    font-size: 16px;
}
.perfect-mix-caption h2 {
    font-size: 65px;
}
.perfect-mix-caption .first-step {
    font-size: 25px;
    line-height: 30px;
}
.perfect-mix-caption .elastomer {
    font-size: 23px;
    line-height: 26px;
    padding-top: 5%;
}
.compound-type-selector-caption h2 {
    font-size: 46px;
    padding-bottom: 1%;
}
.compound-type-selector-caption p {
    font-size: 25px;
    line-height: 50px;
}
.materials-tabs h5 {
    font-size: 26px;
}
.materials-tabs p {
    font-size: 24px;
}
.btn.btn-warning {
    top: 57%;
    left: 12%;
    font-size: 18px;
    width: 60%;
}
.polymer-types p {
    padding-top: 17%;
	padding-bottom: 60%;
}
.btn.btn-primary {
    font-size: 26px;
}
th, td {
    font-size: 22px;
}
}
@media screen and (max-width:1600px){
.perfect-mix-caption {
    margin-top: 50%;
    padding-left: 18%;
}
.manufacturing-banner {
    margin-left: 2%;
}
.perfect-mix-caption p {
    font-size: 14px;
}
.perfect-mix-caption h2 {
    font-size: 55px;
}
.perfect-mix-caption .first-step {
    font-size: 22px;
    line-height: 26px;
}
.perfect-mix-caption .elastomer {
    font-size: 20px;
    line-height: 22px;
    padding-top: 5%;
}
.compound-type-selector-caption h2 {
    font-size: 44px;
    padding-bottom: 1%;
}
.compound-type-selector-caption p {
    font-size: 22px;
    padding-top: 1%;
    line-height: 32px;
}
.materials-tabs h5 {
    font-size: 24px;
}
.materials-tabs p {
    font-size: 18px;
}
.btn.btn-warning {
    top: 60%;
    left: 13%;
    font-size: 16px;
	width: 62%;
}
.btn.btn-warning {
    top: 52%;
    left: 14%;
    font-size: 16px;
    width: 58%;
}
.btn.btn-primary {
    font-size: 20px;
}
th, td {
    font-size: 17px;
}
}
@media screen and (max-width:1440px){
.perfect-mix-caption p {
    font-size: 10px;
}
.perfect-mix-caption h2 {
    font-size: 45px;
}
.perfect-mix-caption .first-step {
    font-size: 20px;
    line-height: 24px;
}
.perfect-mix-caption .elastomer {
    font-size: 18px;
    line-height: 19px;
    padding-top: 5%;
}
.compound-type-selector-caption h2 {
    font-size: 40px;
    padding-bottom: 1%;
}
.compound-type-selector-caption p {
    font-size: 20px;
    padding-top: 1%;
    line-height: 28px;
}
.materials-tabs h5 {
    font-size: 22px;
}
.materials-tabs p {
    font-size: 16px;
	padding-bottom: 40%;
}
.btn.btn-warning {
    top: 57%;
    left: 15%;
    font-size: 12px;
	width: 57%;
}
.coumpnd-id h5{
	padding-bottom: 1%;	
}
.btn.btn-primary {
    font-size: 17px;
}
th, td {
    font-size: 15px;
}
}
@media screen and (max-width: 1280px) and (max-height: 1024px){
.perfect-mix-caption {
    margin-top: 58%;
    padding-left: 18%;
}
.perfect-mix-caption p {
    font-size: 10px;
}
.perfect-mix-caption h2 {
    font-size: 40px;
}
.perfect-mix-caption .first-step {
    font-size: 18px;
    line-height: 22px;
}
.perfect-mix-caption .elastomer {
    font-size: 16px;
    line-height: 16px;
    padding-top: 5%;
}
.compound-type-selector-caption h2 {
    font-size: 36px;
    padding-bottom: 1%;
}
.compound-type-selector-caption p {
    font-size: 19px;
    padding-top: 1%;
    line-height: 26px;
}
.materials-tabs h5 {
    font-size: 20px;
}
.specialist-materials-tabs p {
    font-size: 14px;
}
.btn.btn-warning {
    top: 57%;
    left: 13%;
    font-size: 11px;
    width: 60%;
}
}
@media screen and (max-width: 1280px) and (max-height: 610px){
.perfect-mix-caption p {
    font-size: 10px;
}
.compound-type-selector-caption h2 {
    font-size: 34px;
    padding-bottom: 1%;
}
.compound-type-selector-caption p {
    font-size: 17px;
    padding-top: 1%;
    line-height: 23px;
}
.polymer-types p {
    padding-top: 17%;
    padding-bottom: 50%;
}
}
@media screen and (max-width:1240px){
.perfect-mix-caption p {
    font-size: 10px;
}
.perfect-mix-caption h2 {
    font-size: 38px;
}
.perfect-mix-caption .first-step {
    font-size: 16px;
    line-height: 20px;
}
.perfect-mix-caption .elastomer {
    font-size: 15px;
    line-height: 15px;
    padding-top: 5%;
}
.compound-type-selector-caption h2 {
    font-size: 32px;
    padding-bottom: 1%;
}
.compound-type-selector-caption p {
    font-size: 17px;
    padding-top: 1%;
    line-height: 24px;
}
.materials-tabs h5 {
    font-size: 18px;
}
.materials-tabs p {
    font-size: 15px;
}
.btn.btn-warning {
    top: 60%;
    left: 14%;
    font-size: 11px;
}
.polymer-types p {
    padding-top: 17%;
    padding-bottom: 50%;
}
}
@media screen and (max-width:1024px){
.perfect-mix-caption p {
    font-size: 9px;
}
.perfect-mix-caption h2 {
    font-size: 32px;
}
.perfect-mix-caption .first-step {
    font-size: 15px;
    line-height: 19px;
}
.perfect-mix-caption .elastomer {
    font-size: 13px;
    line-height: 14px;
    padding-top: 5%;
}
.compound-type-selector-caption h2 {
    font-size: 30px;
    padding-bottom: 2%;
}
.compound-type-selector-caption p {
    font-size: 16px;
    padding-top: 1%;
    line-height: 24px;
}
.materials-tabs h5 {
    font-size: 16px;
}
.materials-tabs p {
    font-size: 13px;
}
.btn.btn-warning {
    top: 60%;
    left: 14%;
    font-size: 10px;
	width: auto;
}
}
@media screen and (max-width:800px){
.perfect-mix-caption {
    margin-top: 65%;
    padding-left: 18%;
}
.perfect-mix-caption p {
    font-size: 9px;
}
.perfect-mix-caption h2 {
    font-size: 26px;
}
.perfect-mix-caption .first-step {
    font-size: 14px;
    line-height: 16px;
}
.compound-type-selector-caption p {
    font-size: 15px;
    padding-top: 1%;
    line-height: 23px;
}
.materials-tabs h5 {
    font-size: 14px;
}
.compound-type-selector-caption h2 {
    font-size: 28px;
    padding-bottom: 1%;
}
.materials-tabs h5 {
    font-size: 14px;
}
.materials-tabs p {
    font-size: 11px;
}
.btn.btn-warning {
    top: 60%;
    left: 20%;
    font-size: 9px;
	padding-left: 10%;
    padding-right: 10%;
}
.polymer-types p {
    padding-top: 22%;
    padding-bottom: 60%;
}
.coumpnd-id p{
	padding-top: 20%;	
	}
.btn.btn-primary {
    font-size: 12px;
}
th, td {
    font-size: 14px;
}
}
@media screen and (max-width:768px){
.manufacturing-banner {
    margin-left: 4%;
}
.perfect-mix-caption p {
    font-size: 8px;
}
.perfect-mix-caption h2 {
    font-size: 25px;
}
.perfect-mix-caption .first-step {
    font-size: 13px;
    line-height: 15px;
}
.perfect-mix-caption .elastomer {
    font-size: 11px;
    line-height: 11px;
    padding-top: 2%;
    padding-bottom: 2%;
}
.compound-type-selector-caption h2 {
    font-size: 26px;
    padding-bottom: 2%;
}
.compound-type-selector-caption p {
    font-size: 14px;
    padding-top: 1%;
    line-height: 22px;
}
.materials-tabs h5 {
    font-size: 13px;
}
.materials-tabs p {
    font-size: 9px;
}
.btn.btn-warning {
    top: 55%;
    left: 18%;
    font-size: 8px;
}
.polymer-types p {
    padding-top: 22%;
    padding-bottom: 45%;
}
}
@media screen and (max-width:480px){
.perfect-mix-caption p {
    font-size: 16px;
    color: #fff;
}
.perfect-mix-caption h2 {
    font-size: 38px;
    color: #fff;
    text-shadow: 1px 1px #000;
}
	a{
		color: #fff;
	}
.perfect-mix-caption .first-step {
    font-size: 17px;
    color: #fff;
    text-shadow: 1px 1px #000;
    line-height: 24px;
	padding-right: 4%;
}
.perfect-mix-caption .elastomer {
    font-size: 15px;
    line-height: 19px;
    padding-top: 2%;
    padding-bottom: 2%;
    text-shadow: 1px 1px #000;
}
.perfect-mix-caption {
    margin-top: 43%;
    padding-left: 0%;
    background-color: #89244633;
    margin-left: 5%;
    margin-right: 5%;
    padding: 4%;
}
.perfect-mix {
/*
    background-image: url(../../images/specialist-material/manufacturing-mob-banner.png);
    background-repeat: no-repeat;
*/
    margin-bottom: -23%;
}
.technical-services{
	background-image: url("../../images/specialist-material/technical-services.png");
    background-repeat: no-repeat;
}
.compound-id{
	background-image: url("../../images/specialist-material/compound-identification.png");
    background-repeat: no-repeat;	
}
.compound-development{
	background-image: url("../../images/specialist-material/compound-development.png");
    background-repeat: no-repeat;		
}
.compound-type-selector-caption h2 {
    font-size: 30px;
    padding-bottom: 2%;
}
.compound-type-selector-caption p {
    font-size: 17px;
    padding-top: 1%;
    line-height: 26px;
}
.compound-type-selector {
    padding-bottom: 52%;
}
.materials-tabs h5 {
    font-size: 21px;
}
.materials-tabs p {
    font-size: 16px;
}
.btn.btn-warning {
    top: 45%;
    left: 22%;
    font-size: 13px;
	padding-left: 15%;
    padding-right: 15%;
	width: 53%;
}
.materials-for p{
    padding-top: 10%;
	padding-bottom: 38%;
}
.specialist-materials p {
    padding-top: 0%;
	padding-bottom: 38%;
}
.polymer-types p {
    padding-top: 0%;
    padding-bottom: 40%;
}
.materials-tabs {
    padding-top: 10%;
    padding-bottom: 10%;
}
.specification-ttle{
	margin-top: -46%;
}
	.technical-services-caption{
		margin-bottom: 100%;
	}
	.compound-id-caption{
		margin-bottom: -40%;
	}
.btn.btn-primary {
    font-size: 16px;
}
th, td {
    font-size: 12px;
}
}
@media screen and (max-width:414px){
.perfect-mix-caption p {
    font-size: 15px;
}
.perfect-mix-caption h2 {
    font-size: 36px;
}
.perfect-mix-caption .first-step {
    font-size: 16px;
    line-height: 24px;
}
.perfect-mix-caption .elastomer {
    font-size: 14px;
    line-height: 19px;
    padding-top: 2%;
    padding-bottom: 2%;
}
.perfect-mix {
    margin-bottom: -18%;
}
.compound-type-selector-caption h2 {
    font-size: 26px;
    padding-bottom: 1%;
}
.compound-type-selector-caption p {
    font-size: 15px;
    padding-top: 1%;
    line-height: 26px;
}
.materials-tabs h5 {
    font-size: 20px;
}
.materials-tabs p {
    font-size: 15px;
}
.btn.btn-warning {
    top: 52%;
    left: 22%;
    font-size: 12px;
	
}
.compound-ttle{
	margin-top: 8%;
}
.development-ttle{
	margin-top: 14%;
	margin-bottom: -55%;
}
.specification-ttle {
    margin-top: -38%;
}
.btn.btn-primary {
    font-size: 14px;
}
th, td {
    font-size: 10px;
}

}
@media screen and (max-width:412px){
.btn.btn-warning {
    top: 52%;
    left: 21%;
    font-size: 10px;
}	
}
@media screen and (max-width:384px){
.perfect-mix-caption p {
    font-size: 13px;
}
.perfect-mix-caption h2 {
    font-size: 34px;
}
.perfect-mix-caption .first-step {
    font-size: 14px;
    line-height: 23px;
}
.perfect-mix-caption .elastomer {
    font-size: 13px;
    line-height: 19px;
    padding-top: 2%;
    padding-bottom: 2%;
}
.compound-type-selector-caption h2 {
    font-size: 24px;
    padding-bottom: 1%;
}
.compound-type-selector-caption p {
    font-size: 14px;
    padding-top: 1%;
    line-height: 22px;
}
.perfect-mix {
    margin-bottom: -5%;
}
.materials-tabs h5 {
    font-size: 18px;
}
.specialist-materials-tabs p {
    font-size: 13px;
}
.btn.btn-warning {
    top: 49%;
    left: 21%;
    font-size: 11px;
}
.compound-ttle {
    margin-top: 15%;
}
.development-ttle {
    margin-top: 17%;
}
.specification-ttle {
    margin-top: -23%;
}
}
@media screen and (max-width:375px){
.compound-ttle {
    margin-top: 10%;
}
.development-ttle {
    margin-top: 11%;
}
.btn.btn-warning {
    top: 49%;
    left: 21%;
    font-size: 11px;
    width: 55%;
}
}
@media screen and (max-width:360px){
.perfect-mix-caption p {
    font-size: 12px;
}
.perfect-mix-caption h2 {
    font-size: 32px;
}
.perfect-mix {
    margin-bottom: 7%;
}
.compound-type-selector-caption p {
    font-size: 13px;
    padding-top: 1%;
    line-height: 21px;
}
.materials-tabs h5 {
    font-size: 16px;
}
.materials-tabs p {
    font-size: 12px;
}
.btn.btn-warning {
    top: 45%;
    left: 29%;
    font-size: 10px;
}
.development-ttle {
    margin-top: 12%;
}
.specification-ttle {
    margin-top: -21%;
}
.materials-tabs h5 {
    font-size: 16px;
}
.materials-tabs p {
    font-size: 12px;
}
.btn.btn-warning {
    top: 42%;
    left: 23%;
    font-size: 10px;
}
}
@media screen and (max-width:320px){
.perfect-mix-caption p {
    font-size: 10px;
}
.perfect-mix-caption h2 {
    font-size: 30px;
}
.perfect-mix-caption .elastomer {
    font-size: 11px;
    line-height: 19px;
    padding-top: 2%;
    padding-bottom: 2%;
}
.compound-type-selector-caption h2 {
    font-size: 20px;
    padding-bottom: 1%;
}
.compound-type-selector-caption p {
    font-size: 12px;
    padding-top: 1%;
    line-height: 18px;
}
.btn.btn-warning {
    top: 48%;
    left: 21%;
    font-size: 10px;
}
.specification-ttle {
    margin-top: -19%;
}
}