@charset "UTF-8";
/* CSS Document */

*{                        /*------color----------#1B5173*/
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
}
img{
	pointer-events: none;
}
#includedContent{
	z-index: 99;
}
#includedInload{
	z-index:40;
}
.parallax{
	background-image: url(../img/pzlogo.png);
	min-height: 1100px;
	background-attachment: fixed;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
}
.clearfix:after{
	display: table;
	content: "";
	clear: both;
}
body{
	overflow-x:hidden;
	width: 100vw;
	height:auto;
	background: #fff;
	font-size: .8em;
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
h1{
	z-index: 3;
	font-size: 5em;
}
h2{ 
	font-family: 'Abril Fatface', cursive;
	font-size: 3em;
	color:#A10056;
}
.bigwrap{
	top: 80px;
	width: 100vw;
	height: 100%;
	display: block;
	position: relative;
}
/*--------------------------------home page content control---------------------------------*/
.cont{
	height: 380px;
}
.content1{
	position: relative;
	width: 100%;
	background-image: url(../img/hbg1.png);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	transition: 1s;
}
#hc{
	font-size: 60px;
}
.contenthead{
	text-align: center;
	position: absolute;
	top:33%;
	left: 50%;
	transform: translate(-50%);
	display: block;
	width: 80%;
	height: auto;
	color: #FFFFFF;
}
.contenthead>hc{
	font-size: 6em;
}
.content2{
	overflow: hidden;
	position: relative;
	top: 0;
	width:100%;
	background-color: #fff;
	padding: 50px 0 50px 0;
	box-sizing: border-box;
}
.wtsnew{
	width: 400px;
	height: auto;
	color: #1B5173;
	text-align: left;
	position: relative;
	left:15%;
	text-decoration: none;
	z-index: 2;
}
.h4{
	font-size: 2.4em;
	text-transform: uppercase;
}
.wt{
	padding: 0;
	margin: 15px 0px;
	color:#616161;
	font-size: 24px;
	font-family:"Lora", serif;
	text-transform: none,
}
.newindg{
	width:80%;
	height: auto;
	position: relative;
	margin-right: auto;margin-left: auto;
	left: 0;
	padding: 0;
	display: block;
}
.btbox>hr{
	width: 240px;
    height: 2px;
    background: #1C527A;
    border: 0;
	position: absolute;
    display: block;
    margin-top: 8px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
	z-index: 1;
	
}
#mig{
	text-decoration: none;
	font-size: 16px;
	background: #fff;
	padding:0px 5px;
	margin: 0;
	z-index: 2;
	position: absolute;
	transform: translateX(-5px);
	transition: all 0.5s ease-in-out;
	color: #1B5173;
	
}
.h4:before{
	content:"";
	position: absolute;
	top:40px;
	width: 150px;
	height: 2px;
	background: #1B5173;
	z-index: -1;
	transform: scaleX(1);
	transform-origin:left;
	transition: .5s ease-in-out;
}
.wtsnew:hover .h4:before{
	transform: scalex(0);
}
.wtsnew:hover #mig{
	transform: translatex(55px);
	color: #EB9A55;
}
.wtsnew:hover .btbox>hr{
	transition: all 0.5s ease-in-out;
	background:#EB9A55;
}
.wtnimg{
	display: block;
	position: absolute;
	top:30%;
	right: 15%;
	width:600px;
	height: 600px;
	z-index: 0;
}
.wtnimg>img{
	width: 100%;
	height: 100%;
}
.newli{
	width: 25%;
	height: 250px;
	position: relative;
	float: left;
	display:block;
}
.newli>img{
	display: block;
	margin-right: auto;margin-left: auto;
	width: 90%;
	height: auto;
}
.newli>a{
	display:block;
	text-align: center;
	text-decoration: none;
	margin:auto;
	padding: 10px 0 10px 0;
	height: auto;
	background: #1C527A;
	color:#FFF;
}
.newli>a:hover{
	color: #FEB43D;
}
.content3{
	box-sizing: border-box;
	position: relative;
	padding:50px 0;
	top: 0;
	width: 100vw;
	display: block;

	transform-style: inherit;
	background:	url(../img/hbg32.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.aboutus{
	text-transform: uppercase;
	width: 250px;
	position: relative;
	margin-right: auto;margin-left: auto;
	font-size: 2.4em;
	display: block;
	color: #fff;
	text-align: center;
	padding-bottom: 30px;
}

.aboutus:before{
	content:"";
	position: absolute;
	top:40px;
	
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 2px;
	background: #fff;
}
.abus>p{
	width: 70%;
	height: auto;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	margin-right: auto;margin-left: auto;
	font-family: "Lora",serif;
}
.btbox2{
	padding-top: 30px;
}
.btbox2 hr{
	width: 0;
	background: #fff;
}
.btbox2:hover hr{
	width:200px;
	transform-origin: center;
	transform: scaleX(1);
	transition: all 0.5s ease-in-out;
	background: #FFB214;
}
.btbox2:hover .minf{
	color: #FFB214;
	transition: all 0.5s ease-in-out;
}
.minf{
	text-decoration:none;
	display: block;
	position: relative;
	margin: auto;
	color: #fff;
	font-size: 1.8em;
	text-align: center;
}
.btbox3{
	padding-top: 30px;
}
.btbox3 hr{
	width: 0;
	background: #fff;
}
.btbox3:hover hr{
	width:200px;
	transform-origin: center;
	transform: scaleX(1);
	transition: all 0.5s ease-in-out;
	background: #FFB214;
}
.btbox3 .minf{
	text-decoration:none;
	display: block;
	position: relative;
	margin: auto;
	color: #1B5173;
	font-size: 1.8em;
	text-align: center;
}
.btbox3:hover .minf{
	color: #FFB214;
	transition: all 0.5s ease-in-out;
}
.content4{
	width: 100%;
}
.ctbx{
	width: 100%;
	margin:auto;
	position: relative;
	display: block;
	padding: 50px 0;
}
.ct{
	font-size: 2.4em;
	text-align: center;
	display: block;
	padding-bottom: 30px;
}
.bbx:hover.ct:before{
	transform: scaleX(0);
	
}
.ctbxs{
	width: 97%;
	height: auto;
	margin: auto;
	display: flex;
	justify-content: center;
}
.bbx{
	padding:5px;
	display: block;
	float: left;
	position: relative;
}
.bbx>img{
	width: 100%;
	height: auto;
}
/*------------------------------------------------end of home page control-----------------------------------------*/
/*-----------------------------header control---------------*/

header {
  background: rgba(225,225,225,1);
  text-align: center;
  position: fixed;
  z-index: 999;
  width: 100%;
  text-decoration: none;
	top: 0;
height: 120px;
}
  header {
    display: grid;
    /*grid-template-columns: 1fr auto minmax(600px, 4fr) 4fr;*/
	  grid-template-columns: 1% 99%;
	/*grid-template-rows: 80px;*/
  }
.nav-toggle-label {
    display: none;
}
  #logo {
    grid-column: 1/ 3;
	margin: 0;
	padding: 0;
	line-height: 80px;
  }
#logo img{
	width: auto;
	height: 40px;
}
#logo a{
	width: 300px;
	display:block;
	height: 40px;
	left: 20px;
	position: relative;
	padding: 10px 0 5px 0;
}
.nav-toggle {
  display: none;
}
  nav {
  /*  all: unset;*/
	  top: -30px;
	box-sizing: border-box;
    grid-column: 2/3;
    display: flex;
    justify-content: flex-end;
    align-items: center;
	text-decoration: none;
	  position: relative;

  }
nav ul{
	margin: 0;padding: 0;
}
ul li{
	line-height:  40px;
	 list-style: none;
}
	nav ul li {
	float: left;
	position: relative;
	line-height: 40px;
	}
  nav ul li a {
    opacity: 1;
    position: relative;
	text-decoration: none;
	line-height: 40px;
  }
nav ul li ul{
	display: none;
}
	nav ul li:hover ul{
	background: rgba(225,225,225,1.00);
	text-align: center;
	display:flex;
	flex-direction: column;
	width: 130px;
	position: absolute;
	top:40px;
	left: 50%;
	transform: translateX(-50%);
}
	ul li a{
	color:#1B5173;
	width:130px;
	background: rgba(255,255,255,0);
	display: inline-block;
	font-family: "Roboto", serif; 
}
	 nav ul li::before {
    content: '';
    display: block;
    height: 3px;
	left: 0;right: 0;
    background:#1B5173;
    position: absolute;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
    transition: -webkit-transform ease-in-out 250ms;
    transition: transform ease-in-out 250ms;
  }
  nav ul li:hover::before {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
.bartag{
	width: 100vw;
	height: 20px;
	background: #1B5173;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;padding: 0;
	position: relative;
}
#region{
	color: #fff;
	display:block;
	z-index: 2;
	width: 200px;
	right: 20px;
	padding: 0;
	top: 0px;
	position: absolute;
}
#region>a{
	color: #fff;
	padding: 0 5px;
	float: right;
	line-height: 20px;
	z-index: 2;
	position: relative;
	text-decoration: none;
}
.sbg{
	width: 100%;
	height: auto;
	position: absolute;
	top: 80px;
	
}
.mean{
	z-index: 99;
}
.menu{
	height: 0;
}
/*------------------------------------------------about content control-------------------abox1,2,11-------------------------*/
.leftcol{
	left: 10%;
	width: 450px;
	height: auto;
	padding: 20px 40px 50px 40px;
	position: absolute;
	background:rgba(255,255,255,0.88);
}
.rightcol{
	right: 10%;
	width: 450px;
	height: auto;
	padding:20px 40px 50px 40px;
	position: absolute;
	background:rgba(255,255,255,0.88);
}
.centcol{
	left: 50%;
	transform: translate(-50%);
	width: 70%;
	height: auto;
	padding: 20px 40px 50px 40px;
	background: rgba(255,255,255,0.88);
	position: absolute;
}
.abox1,.abox11,.abox2>img{
	width:100vw;
	height: 420px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
h8{
	color: #999999;
	font-size: 1.8em;
	padding-bottom: 20px;
	font-family: 'Crimson Text', serif;
}
h9{
	color: #1B5173;
	font-size: 4.2em;
	padding-bottom: 20px;
}
.abox1{
	position: relative;
	padding-top: 20px;
	width: 100vw;
	height: 400px;
	text-align: center;
}
.abox11{
	padding-top:20px;
	position: relative;
	width: 100vw;
	height: 400px;
	text-align: center;
}
.leftcol>p{
	padding-top:30px;
	color: #999999;
	font-size: 1.2em;
	font-family: 'Lora', serif;
}
.rightcol>p{
	padding-top:30px;
	color: #999999;
	font-size: 1.2em;
	font-family: 'Lora', serif;
}
.centcol>p{
	padding-top: 30px;
	color: #999999;
	font-size: 1.2em;
	font-family: 'Lora', serif;
}
.abox2{
	padding-top:30px;
	position: relative;
	width: 100vw;
	height: 400px;
	text-align: center;
}
.hl{
	left: 50%;
	transform: translate(-50%);
	padding: 0 20px 0 20px;
	width: 20px;
	height: 2px;
	margin-top: 10px;
	background: #1B5173;
	display: block;
	position: absolute;
}
/*---------------------------------------------------------------description-------------------------------1,2,3*/
.description{
	overflow: hidden;
	position: absolute;
	width:80%;
	display: block;
	margin-right: auto;margin-left: auto;padding: 0;
	top: 40%;
	color: #A9A9A9;
	font-size: 1.3em;
}
.description2{
	width:70%;
	display: block;
	margin-right: auto;margin-left: auto;padding: 10%;
	left: 50%;
	transform: translateX(-50%);
	top:30%;
	font-size: 3.3em;
	position: absolute;
	text-align: center;
	color: #4A4A4A;
	background: rgba(250,246,246,0.60);
}
#dqb{
	padding-top:30px;
}
#dqb>a{
	border-radius: 5px;
	color: #fff;
	background: #D40863;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-size: 16px;	
}
#dqb>a:hover{
	color: orange;
}
.description3{
	width:70%;
	display: block;
	margin: 0;padding: 0;
	left:50%;
	top: 20%;
	transform: translatex(-50%);
	font-size: 3em;
	position: absolute;
	text-align: center;
}
.ht{
	width: 100%;
	height: auto;
	margin-left: 0;
	padding: 0;
	background: rgba(224,224,224,0.90);
}
.ht>h1,p{
	padding: 0 40px 0 40px;
}
.ht>p{
	color: #616161;
	font-size: 1.8em;
	padding-bottom: 40px;
}
                                     /*---------------About-------------*/
.dsq1{
	width: 70%;
	height: auto;
	left: 50%;
	color: #414141;
	font-size: 1.4em;
	margin-right: auto;margin-left: auto;
}
.outdsq{
	width: 100%;
	height: auto;
	padding: 50px 0px 50px 0px;
	background: rgba(213,213,213,0.70);
	position: absolute;
	top:35%;
	margin-right: auto;margin-left: auto;
	display: block;
}
.outdsq2{
	width: 100%;
	height: auto;
	padding: 20px 0px 20px 0px;
	background: rgba(213,213,213,0.70);
	position: absolute;
	top:20%;
	margin-right: auto;margin-left: auto;
	display: block;
}
/*-----------------------------------------------------End here--------------------------------------------------*/
.spdiv{
	display: block;
	width: auto;
	background: #fff;
	height: 100vh;
	align-content: center;
}
.spdiv img{
	display: block;
	position: relative;
	margin-right: auto;margin-left: auto;
	top:26%;
}
.description red{
	color: #D40863; 
}
/* Footer setting*/

.foot{
	width: 100%;
	height:270px;
	margin:0;
	padding: 0;
	left:0;
	bottom:0;
	background: #f2f2f2;
	display: block;
	position: relative;
}
.certf{
	vertical-align: bottom;
	padding-bottom: 80px;
}
.address{
	color:#898989;
	width: 180px;
	position: relative;
	padding-top:5px; 
}
#footer{
	width: 880px;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}
.section>.container.footercombo{
	height: 80vh;
	display: block;
	position: relative;
}
.footlogo{
	padding-left: 30PX;
	padding-top: 20px;
	width: 180px;
	height: auto;
	float: left;
}
.isologo>img{ 
	height:auto;
	width: 140%;
}
.footlogo img{
	height:80px;
	width: auto;
}
.foorlogo2>img{
	height:80px;
	width: auto;
}
.footdescript{
	padding-top: 20px;
	width: 660px;
	height: 250px;/*back to auto*/
	float:left;
}
/* ---------------------------Cert style ----------------------------------- */
.vl{
   border-left: 2px solid #A6A6A6;
    height: 100px;
    position: relative;
   float: left;
   margin-left:50px; 
    top: 0;
	box-sizing: border-box;
}
hr{
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #000000;
    margin: 1em 0 3em 0;
    padding: 0;
}
.bigbigdiv{
	margin-right: auto;margin-left: auto;
	display: block;
	padding: 0px 14vw 0px 14vw;
}
.bigbibdiv>hr{
	padding-bottom: 40px;
}
#certcc{
	top:120px;
	width: 100vw;
	padding: 0;
	display: block;
	margin-right: auto;margin-left: auto;
	position: relative;
}
.certcol{
	top:90px;
	width:100%;
	height:auto;
	padding: 0;
	margin: 0px 0px 40px 0px;
}
.ctheadbox{
	padding-bottom: 30px;
}
.ctheadbox>h1{
	margin:40px 0px 10px 0px;
	text-align: center;
	font-size: 2.5em;
	color:#1C527A;text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
}
.cert{
	min-height: 200px;
	height:auto;
	width: 100%;
	position: relative;
	padding: 0;
	margin-right: auto;margin-left: auto;
}
.cert2{
	height: 25%;
	width: 1050px;
	display: inline-block;
	position: relative;
	margin: 0;padding: 0;
	left: 50%;
	transform: translate(-50%);
	float: left;color: #979797;
}
.certn{
	text-align: center;
	width: 100%;
	height: auto;
	display: block;
	position: relative; 
	font-size: 1.85em;
	color: #656162;
	padding-bottom: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	
}
.certlogo{
	float: left;
	width: 130px;
	height: 100%;
	display: block;
	position: relative;
}
.certlogo img{
	left: 50%;
	transform: translate(-50%);
	position: relative;
	align-items: center;
}

/*usda img control*/
.section>.container>.usdaimg{
	width:130px;
	height: auto;
}

.certdp{
	float: left;
	width: 70%;
	height: auto;
	display: block;
	position: relative;
	font-size: 1.2em;
	left: 50px;
	color: #979797;
}
.certdp>p2{
		font-family: 'Lora', serif;
}
.certdp p7{
	color:#6C5556;
}
/*ingredients control bar */
.inbar{
	z-index: 4;
	width:100%;
	height: 100px;
	top: 120px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	position: fixed;
	background: #1C527A;
	padding: 0px;
}
#inload{
	width:80%;
	height: auto;
	text-align: center;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
    margin-right: auto;margin-left: auto;
	position: relative;
	padding: 0;
}
.col6 a{
	width: 16.6666%;
	height: 30px;
	float: left;
	text-decoration: none;
	line-height: 30px;
	color: azure;
}
.col6 a:hover{
	height: 30px;
	color: #1C527A;
	border-radius: 5px;
	background: #FEFEFE;
	line-height: 30px;
	width: 16.6666%;
}
/*End of ingredients control bar********/
form{
	position: relative;
}
input[type=text], select, textarea {
    width: 100%; 
	font-size:0.9em;
    padding: 12px; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
    box-sizing: border-box; 
    margin-top: 6px; 
    margin-bottom: 16px; 
    resize: none; 
	background:  #F7F7F7;
}
textarea {
	width: 100%;
	height: 150px;
	background: #F7F7F7;
}
input[type=submit] {
    background-color: #F2F2F2;
    color: #1B5173;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	font-size: 1em;
}
input[type=submit]:hover {
    background-color:#1B5173;
	color: #FFFFFF;
}
input[type=reset]{
	background-color: #F2F2F2;
    color: #1B5173;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	font-size: 1em;
}
input[type=reset]:hover {
    background-color:#1B5173;
	color: #FFFFFF;
}
                                         /*-------------------------contact box-----------------------------*/
#contwrap{
	width: 100%;
	min-height: 100%;
	position: relative;
	padding: 0;
	margin-top: 120px;
	margin-right: auto;margin-left: auto;
}
#contactbox{
	width:70%;
	position: relative;
	display: block;
	margin-left: auto;margin-right: auto;
	padding-bottom: 4%;
	height: auto;
	font-size: 1.3em;
}
.conthead{
	color: #1C527A;
	text-align: center;         	
	font-size: 2em;
	padding: 20px 0 20px 0px;
	position: relative;
	margin: 0;
}
.conthh{
	position: relative;
}
/*------------------------hlc here----------------------*/
.hlc{
	display: block;
	width: 80px;
	border-top: 1px solid #906C6C;
	position: relative;
	margin: 0;
	float: right;
}
.conthead h{
	font-family: 'Poppins', sans-serif;
}
#content{
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0;margin: 0;
	display: block;
}                                    /*inngbox*/
#wrapper{ 	/*--------- This part control the big div which contain the display items and footer--------*/
	width: 100%;
	min-height: 100%;
	position: relative;
	padding: 0;
	margin-top: 240px;
	margin-right: auto;margin-left: auto;
}
.ingccon{/*----------------This part contain all the ingredients display items---------------*/
	width: auto;
	height: 100%;
	position:relative;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;	
}

#inf{/* this is footer for the ingredients page*/

	height: 270px;
	position: relative;
	clear: both;
	width: 100%;
	margin-top:40px;
	padding: 0;
	left:0;
	background: #f2f2f2;
} 
.footcol{                        /*content of footer*/
	width: 220px;
	padding-left: 35px;
	box-sizing: border-box;
	height: 200px;
	float: left;
	position: relative;
	text-align: center;
	padding-right: -15px;
}
.footcol a:hover{
	color: #1B5173;
}
#inf a:hover{
	color: #1B5173;
}
.footbody a{
	width: 100%;
	display: inline-block;
	float: left;
	height: 20px;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	color: #818181;
}
.ingfbd{
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.ingfbd a{
	width: 50%;
	display: inline-block;
	float: left;
	height: 20px;
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	color: #818181;
}
.colhead{
	width: 200px;
	height: 30px;
	text-align: left;
	font-size: 18px;
	padding-top: 5px;
	display: block;
	position: relative;
}
.colhead a{
	text-decoration: none;
	color: #515151;
}
.fhl{
	width: 100%;
	border-top: 1px solid #c4c4c4;
	display: block;
	padding-bottom: 10px;
}
/*--------- end of the footer and display items---------*/
.headbox{
	height: 50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 50px;
	position: relative;	
	color:#1C527A;
	box-sizing: border-box;
	margin-bottom: 20px;
	margin-right: auto;margin-left: auto;
}
hr{
	width: 300px;
	height: 2px;
	background: #1C527A;
	border: 0;
	display: block;
	margin-top: 8px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
.colmt{
	position: relative;
	width: 25%;
	height: 300px;
	float: left;
	padding: 0;
	margin: 0;
	display: block;
}
.col4{
	display: inline-block;
	position: relative;
	width: 25%;
	height: 300px;
	float: left;
	padding: 0;
	margin-right: auto;margin-left: auto;
}
.col4 img{
	display: block;
	position: relative;
	margin-right: auto;margin-left: auto;
}
.ingccon>.col4 a:hover{
	color: #1C527A;
}
.ingccon>.col4 a{
	text-decoration: none;
	color: #ADADAD;
	text-transform: uppercase;
}
.ingdq{
	text-align: center;
	font-size: 15px;
}
@media screen and (max-width: 1100px){
	#logo img{
		height: 30px;
	}
	.wtnimg{
		top:40%;
	}
}
@media screen and (max-width: 948px){
	.col4{
	width: 33.333333%;
	height: 300px;	
}
	.colmt{
		display: none;
	}
	.ingccon{
		width: 728px;
	}
	.ingcoon img{
		width: 100%;
	}
}
@media screen and (max-width: 800px){
	.abox1{
		padding-top: 0;
	}
	h9{
	font-size: 2.3em;
	}
	#hc{
	font-size: 45px;
}
	.contenthead{
	top:30%;
}
	.container{
		width: 100%;
		height: auto;
	}
	header{
		height: 80px;
	}
	#inload{
		top:0;
	}
	.inbar{
		top:80px;
	}
	header{
		width: 100vw;
	}
	  #logo {
    grid-column: 1/ 3;
	margin: 0;
	padding: 0;
	line-height: 80px;
  }
#logo img{
	width: auto;
	height: 40px;
}
#logo a{
	width: 180px;
	display:block;
	height: 40px;
	left: 20px;
	position: relative;
	padding: 0 0 20px 0;
}
	.nav-toggle-label {
	  position: absolute;
	  top: 10px;
	  right: 20px;
	  margin-left: 1em;
	  height: 100%;
	  display: flex;
	  align-items: center;cursor: pointer;
}
	.nav-toggle-label span,
	.nav-toggle-label span::before,
	.nav-toggle-label span::after {
	  display: block;
	  background: white;
	  height: 2px;
	  width: 2em;
	  border-radius: 2px;
	  position: relative;
}
.nav-toggle-label span::before,
.nav-toggle-label span::after {
  content: '';
  position: absolute;
}
.nav-toggle-label span::before {
  bottom: 7px;
}
.nav-toggle-label span::after {
  top: 7px;
}
nav {
	box-sizing: border-box;
    grid-column: 1;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
	text-decoration: none;
  position: absolute;
  text-align: center;
  top: 80px;
  left: 0;
	right: 0;
  background:#fff;
  width: 100%;
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: top;
          transform-origin: top;
  transition: -webkit-transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out;
  transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
nav ul li a{
	color:#fff;
	width:100%;
	line-height: 20px;
	background: rgba(255,255,255,0);
	text-decoration: none;
	font-family: "Roboto", serif; 
}
nav ul li{
	line-height:  40px;
	width: 100%;
	
}
nav ul li a:hover{
	color: #F9BE71;
}
nav ul li ul{
	text-align: center;
	width: 100%;
	display: none;
	background: rgba(225,225,225,1);
}
nav ul li:hover ul{
	text-align: center;
	display:inline-block;
	position: relative;
	top:0;
	width: 100%;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
	width: 100%;
	display: block;
	text-align: center;
}

nav li {
  margin-bottom: 0;
  margin-left: 0;
background: #1B5173;
}
 nav a::before {
    content: '';
    display: none;
}
	nav ul li::before{
		display: none;
	}
.nav-toggle:checked ~ nav {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.nav-toggle:checked ~ nav a {
  opacity: 1;
  transition: opacity 250ms ease-in-out 250ms;
}
	h1{
		font-size: 26px;
	}
	.description h1{
		font-size: 40px;
	}
	.description p{
		font-size: 20px;
	}
	.description2{
		font-size: 20px;
	}
	.description3{
		padding-top: 15px;
		width: 90vw;
		font-size: 26px;
	}
	.button{
		top: 55%;
		padding: 6px 12px;
		font-size: 18px;
	}
	.col4{
		width: 50%;
		height: 290px;
	}
	.outdsq{
		top:30%;
		height: auto;
		padding: 20px 0 20px 0;
	}
	h2{
		font-size: 40px;
	}
	#fullpage>.section>.container>img{
		height: 100%;
		width: auto;
	}
	.dsq1{
		margin-right: auto;margin-left: auto;
		width: 85%;
		box-sizing: border-box;
	}
	.dsq1>p{
		padding: 0 4px 0 40px;
	}
	.wtnimg{
		top:50%;
	}
	/*--------------------cert Part---------------*/
	.bigbigdiv{
		padding:0 7vw 0 7vw;
	}
	.certlogo{
		width: 90px;
	}
	.foot{
		height: 270px;
	}
	#footer{
		width: 420px;
		height: auto;
		padding-bottom: 30px;
		display: block;
		margin-right: auto;margin-left: auto;
	}
	.footdescript{
		display: block;
		margin-right: auto;margin-left: auto;
		width: 200px;
		height: auto;
		float: right;
	}
	.ingccon{
		width: 458px;
	}
	.ingcoon img{
		width: 100%;
	}
	.footcol{
		height: 30px;
		float: none;
	}
	.fhl{
		display: none;
	}
	.footbody{
		display: none;
	}
	.ingfbd{
		display: none;
	}
}
@media screen and (max-width: 640px){
	#hc{
	font-size: 30px;
    }
	.contenthead{
	top:42%;
	}
	.vl{
		display: none;
	}
	.certlogo{
		float: none;
		margin-right: auto;margin-left: auto;
	}
	.certdp{
		width: 95%;
		padding: 10px 5px 30px 5px;
		left: 0;
	}
	.foot{
		height: 300px;
	}
	.h4{
		font-size:2em;
	}
	.wt{
		font-size: 19.2px;
	}
	.wtsn{
		width: 400px;
	}
	.abotus{
		font-size: 2em;
	}
	.abus>p{
		font-size: 1.3em;
	}
	.content4{
		display: block;
		box-sizing: border-box;
		height: auto;
	}
	.ctbxs{
		display: flex;
		flex-direction: column;
		width: 150px;
	}
	.bbx{
		padding: 10px 0;
		width: 150px;
	}
	.leftcol, .rightcol, .centcol{
		left: 50%;
		transform: translateX(-50%);
	}
	.abox2, .abox2>img{
		height: 680px;
		width: auto;
	}
	.centcol,.leftcol,.rightcol{
		width: 100vw;
		height: auto;
	}
	.centcol>p,.leftcol>p,.rightcol>p{
		padding: 40px 30px 20px 20px;
	}
	.centcol>img{
		display: none;
	}
	.abox1>img,.abox2>img,.abox11>img{
		background-color: #1B5173;
	}
	.abox1,.abox2,.abox11{
		padding-top: 0;
	}
}
@media screen and (max-width: 505px){
	.contenthead{
	top:28%;
	}
	.description2{
		width: 90%;
		font-size: 18px;
	}
	.description3{
		padding-top: 20px;
		width: 100vw;
		font-size: 18px;
	}
	.button{
		top: 52%;
	}
	.footercombo{
		padding-top: 50px;
	}
	.fa-list.modify{
		display: block;
	}
	.container{
		width: 100%;
		height: auto;
	}
	.container img{
		display: none;
	}
	body{
		overflow-x:hidden;
	}
	.outdsq{
		top:30%;
		height: auto;
		background: rgba(229,229,229,0.80);
	}
	h2{text-align: center;
		font-size: 22px;
	}
	#fullpage>.section>.container>img{
		width: auto;
		height: 100%;
	}
	.dsq1{
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		padding: 0 10px 0 10px;
	}
	.dsq1>p{
		font-size: 16px;
		padding: 0 15px 0 15px;
	}
	#inf{
		height:340px;
	}
	#footer{
		width: auto;
		height: auto;
		padding-bottom: 30px;
		display: block;
		margin-right: auto;margin-left: auto;
	}
	.ingfbd{
		display: none;
	}
	.foot{
		height: 380px;
	}
	.footbody{
		display: none;
	}
	.foot.contf{
		height: 330px;
	}
	.footcol{
		float: none;
		height: 30px;
	}
	.footlogo{
	}
	.footdescript{
		display: block;
		margin-right: auto;margin-left: auto;
		width: 200px;
		height: auto;
	}
	.conthead>hr{
		width: 200px;
	}
	.ingccon{
		width: 320px;
	}
	.col4 img{
		width: 100%;
	}
	.col4{
		width: 50%;
		height: 180px;
	}
	.fhl{
	display: none;
	}
	.wtsnew{
		width: 350px;
	}
}