*{margin:0px; padding:0px;
}
*:focus{outline:none;
}
@font-face {
  font-family: "Lato-Regular";
  src: url("font/Lato-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
a:hover{
color:#336769;
text-decoration:none;
}
body{ 
    font-family: "Lato-Regular";
	src: url("font/Lato-Regular.ttf");
}
.logoCover{
	width:30%;
	margin:10px auto;
}
.logoC{
	width:30%;
	margin:10px;
}
.logoC2{
	width:20%;
	margin:10px;
}

.deafult{
	 width:100%;
}
.controller{
  width:35%;
  margin:15px auto;
}
.docType{
	color:#111111;
	font-size:40px;
	margin:20px 0;
}
.docType-01{
	  margin-top:28px;
	  margin-left:20px; 
}
.logo-popCover{
	width:10%;
}
.contenTDiv{
	width:60%;
	margin:10px auto;
}
.texTcolor{
	color:#000000;
}
.productCon{
	padding:3px 0;
	color:#000000;
	font-size:20px;
}
.coAr{
	margin-left:10%;
	width:90%;
	padding:4px 0;
	font-size:16px;
	color:#2d2d2d;
	
}
.coAr1{
	padding:5px 0;
}
.paraConjtent{ 
 padding:20px 0;
}

.contenTDiv-02{
	margin-left:3%;
	width:97%;
}
.coAr-02{
	margin-left:10%;
	width:90%;
	padding:4px 0;
	font-size:18px;
	color:#000000;
}
.coAr-03{
	margin-left:10%;
	width:90%;
	padding:4px 0;
	color:#000000;
}
.col-6{
	width:50%;
	float:left;
}
.conTentImg{
   width:60%;
   margin:15px auto;
}
.conTentImg01{
   width:30%;
   margin:15px auto;
   float:right;
}
.iMG-div{
float:left;
width:20%;
}
.iMG-divText{
float:left;
width:80%;
padding-left:40px;
}
.coat-Top {
 display: block;
 position: fixed;
 top: 42%;
 right: 0;
 padding:15px 15px;
 background:#336769;
 color:white;
 text-decoration:none;
 border-radius:3px;
    -ms-transform: rotate(20deg); /* IE 9 */
   -webkit-transform: rotate(20deg); /* Safari */
   transform: rotate(90deg); /* Standard syntax */

}
.next-arrow{
background:url(../img/next.png) no-repeat;
background-size:contain;
width:20px;
height:20px;
cursor:pointer;
right:0;
top:0;
float:right;
}
.previous-arrow{
background:url(../img/previous.png) no-repeat;
background-size:contain;
width:20px;
height:20px;
cursor:pointer;
right:0;
top:0;
float:left;

}
#toTop {
 display: block;
 position: fixed;
 top: 90%;
 right: 0;
 padding:10px;
 background:#336769;
 color:white;
 text-decoration:none;
 border-radius:5px;
}

.linkColor{color:#336769;
text-decoration:none;
}
.pdfBox{
padding:10px;
background-color:#336769;
color:#FFFFFF;
font-size:16px;
width:20%;
margin:10px auto;
border-radius:2px;
}


/*Bradley Processors*/
.rightText{
 float:left;
 font-size:30px;
 color:#336769;
 margin-top:3%;
 position:relative;
}
.docType1{
	color:#111111;
	font-size:25px;
	margin:20px 0;
	line-height:38px;
}
.smallIMG{
   width:13%;
   margin:15px auto;

}
.midd-IMG{
   width:25%;
   margin:15px auto;
}
.midd-IMG1{
   width:20%;
   margin:15px auto;
}

.shortIMG{
   width:55%;
   margin:15px 0;

}
.col-02{
width:50%;
float:left;
}
.type01{
  font-size:18px;
  color:#121212;
  line-height:30px;
  padding-left:5%;
  padding-top:10%;
}
.coRr{
	padding:20px 0;
}
/*DL*/
.contentDiv{
width:70%;
margin:10px auto;
}
.type02{
  font-size:18px;
  color:#121212;
  line-height:30px;
}
.dl2000, 
.dl4500 .dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
	
}

@media screen and (max-width: 800px) {
.contenTDiv{
	width:80%;
	margin:10px auto;
}
.conTentImg01{
   width:50%;
   margin:15px auto;
   float:right;
}
.rightText {
    color: #336769;
    float: left;
    font-size: 25px;
    position: relative;
    margin-top:1%;
}
.midd-IMG{
   width:45%;
   margin:15px auto;
}
.midd-IMG1{
   width:30%;
   margin:15px auto;
}
.pdfBox{
padding:10px;
background-color:#336769;
color:#FFFFFF;
font-size:18px;
width:30%;
margin:10px auto;
border-radius:2px;
}
.shortIMG {
    margin: 15px 0;
    width: 75%;
}
}
@media screen and (max-width: 768px) {
.contenTDiv{
	width:80%;
	margin:10px auto;
}
.controller {
    margin: 15px auto;
    width: 65%;
}
.col-02 {
    float: none;
    width: 100%;
	
}
.type01{
  font-size:18px;
  color:#121212;
  line-height:30px;
  padding-left:0%;
  padding-top:1%;
}

}
@media screen and (max-width: 480px) {
.contenTDiv{
	width:100%;
	margin:10px auto;
}
.productCon{
	padding:3px 0;
	color:#000000;
	font-size:16px;
}
.coAr{
	margin-left:10%;
	width:90%;
	padding:4px 0;
	font-size:14px;
	color:#2d2d2d;
}
.docType{
	color:#111111;
	font-size:20px;
	margin:20px 0;
}
.controller{
  width:100%;
  margin:15px auto;
}
.col-6{
	width:100%;
	float:none;
}
.iMG-div{
float:none;
width:100%;
margin-bottom:5px;
}
.iMG-divText{
float:none;
width:100%;
padding-left:0;
}
.conTentImg{
   width:100%;
   margin:15px auto;
}
.coAr-02{
	margin-left:0%;
	width:100%;
	padding:4px 0;
	font-size:16px;
	color:#000000;
	line-height:30px;
}
.midd-IMG{
   width:80%;
   margin:15px auto;

}
.midd-IMG1{
   width:70%;
   margin:15px auto;
}
.pdfBox{
padding:10px;
background-color:#336769;
color:#FFFFFF;
font-size:16px;
width:60%;
margin:10px auto;
border-radius:2px;
}
.shortIMG {
    margin: 15px 0;
    width: 100%;
}
.col-02 {
    float: none;
    width: 100%;
	
}
}
@media screen and (max-width: 360px) {
.conTentImg01 {
    float: none;
    margin: 15px auto;
    width: 100%;
}
.midd-IMG1{
   width:60%;
   margin:15px auto;
}
.dl2000 dd {
    margin-left: 150px;
}
.logoCover{
	width:70%;
	margin:10px auto;
}

}
@media screen and (max-width: 320px) {
.midd-IMG{
   width:100%;
   margin:15px auto;

}
}