@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

body { margin: 0; padding: 0; font-family: 'Lato', sans-serif; overflow-x: hidden;}

a { transition: 0.5s ease-in-out; text-decoration: none;}

.clr { clear: both; }
.clr-10 { clear: both; height: 10px;}
.clr-20 { clear: both; height: 20px;}
.clr-30 { clear: both; height: 30px;}
.clr-40 { clear: both; height: 40px;}
.clr-50 { clear: both; height: 50px;}


#wrapper { width: 100%; box-sizing: border-box; float: left; }
.container { width: 100%; max-width: 1200px; height: auto; padding: 0 15px; box-sizing: border-box; margin: 0 auto; }

.header-top { width: 100%; float: left; box-sizing: border-box; overflow: hidden; }
.header-top-bg { background: url(../images/dotted-bg-inner.png) top center repeat; width: 100%; height: auto; float: left; position: relative; overflow-y: hidden;}
.header-col { width: 100%; box-sizing: border-box; float: left; padding: 20px 0; }
.header-left { width: 50%; float: left; box-sizing: border-box; }
.logo { width: 37%; float: left; }
.header-right { width: 50%; float: right; box-sizing: border-box; text-align: right; }
.social-icons { width: 100%; float: right; box-sizing: border-box; margin: 11px 0 0 0;}
.social-icons .fa { font-size: 21px; color: #fff; margin-right: 20px; }
.social-icons .fa:hover {color:#07a9b2; transition: 0.5s ease-in-out;}
.request { border: 2px solid #fff; border-radius: 20px; padding: 10px 30px; font-size: 14px; color: #fff; font-weight: 700; }
.request:hover { background-color: #fff; color: #07a9b2; }

.mobile-menu { display: none; }

/*slider start*/
	.slider-col{ width: 100%; max-width: 1170px; margin: 0px auto -100px auto; box-sizing: border-box; overflow-x: hidden; position: relative;}
	.slider {width: 100%; margin: 0px auto;}
	.slick-slide {margin: 0px 0px;}
	.slick-slide img {width: 100%;}
	.slick-prev:before, .slick-next:before { color: black;}
	.slick-slide {transition: all ease-in-out; }
	.slick-active {opacity: 1;}
	.slick-current {opacity: 1;}
	.slick-dots { bottom: 317px!important; }	  
/*slider end*/


/*breadcrumb*/
.breadcrumb-100 { width: 100%; float: left; box-sizing: border-box; margin-bottom: 60px;}
.breadcrumb-col { width: 100%; float: left; box-sizing: border-box; }
 /* Style the list */
ul.breadcrumb { padding: 5px 0px; list-style: none; margin: 0;}
ul.breadcrumb li { display: inline; font-size: 13px; color: #00a650; font-weight: 400; }
ul.breadcrumb li+li:before { padding: 8px; color: #8d8d8d; content: "\f105"; font-family: "FontAwesome" }
ul.breadcrumb li a { color: #8d8d8d; text-decoration: none; }
ul.breadcrumb li a:hover { color: #01447e; } 


.contact { background: #4bc0c8; background: -webkit-linear-gradient(to right, #4bc0c8, #c779d0); 
	background: linear-gradient(to right, #4bc0c8, #c779d0); }
h1.loc-name { font-size: 20px; color: #000; font-weight: 700; }

/*books page*/

.books { background: #e4cea5; background: -webkit-linear-gradient(to right, #e4cea5, #d6455e); 
	background: linear-gradient(to right, #e4cea5, #d6455e); }
.shape { position: absolute; left: 0; top: 76.4%; width: 100%; overflow: hidden; margin-top: -8px; z-index: 1;}
.shape img { width: 100%; }
.books-100 { width: 100%; float: left; box-sizing: border-box; text-align: center; }
.books-col { width: 100%; float: left; box-sizing: border-box; margin: 0 0 70px;}
.heading { font-size: 30px; color: #494949; font-weight: 400; margin: 0; text-align: center;}
.books-col p { width: 70%; color: #494949; font-size: 23px; line-height: 35px; margin: 30px auto 0; text-align: center; font-weight: 300;}

.trade { width: 100%; float: left; box-sizing: border-box; background: url(../images/product-box-bg-01.jpg) top center repeat-y;
 padding-bottom: 30px; margin: 150px 0 100px 0; }
.products-col { width: 100%; box-sizing: border-box; float: left; padding: 0 50px; }
.pd-heading h2 { color: #000; font-size: 30px; text-align: center; margin: 0 0 160px 0; }
.pd-inner { width: 32%; margin-right: 21px; float: left; box-sizing: border-box; box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.2); }
.pd-inner img { width: 100%; }
.pd-inner span{ float: left; color: #fff; font-size: 15px; margin-top: 10px; }
.pd-01 { margin-top: -100px; } .pd-02 { margin-top: -50px; }
.pd-03 { margin-top: -100px; margin-right: 0; }
.pd-detail { width: 100%; float: left; box-sizing: border-box; padding: 0px 15px 20px 15px; }
.pd-detail h3 { color: #00a650; font-size: 24px; font-weight: 300; margin: 20px 0 5px 0; }
.pd-detail p { color: #5b5b5b; font-size: 14px; margin: 0; font-weight: 400; }
.products-row-2 { width: 100%; float: left; box-sizing: border-box; background: url(../images/product-box-bg-02.jpg) top center repeat-y;
 padding-bottom: 30px; margin-top: 148px;}

.books-heading { font-size: 30px; color: #32d8db; font-weight: 900; margin: 0; text-align: center; display: inline-block; 
	border-bottom: 1px solid #32d8db; border-top: 1px solid #32d8db; padding: 10px 50px;}
.books-heading::before { font-family: "FontAwesome"; content: "\f0d7"; max-width: 20px; width: 100%; position: absolute; color: #32d8db; 
margin: 32px auto; left: 49.5%; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .books-heading::before{ margin: 36px auto;}
}


.sceince { width: 100%; float: left; box-sizing: border-box; background: url(../images/product-box-bg-02.jpg) top center repeat-y;
 padding-bottom: 30px;  margin: 150px 0 100px 0; }
.row-margin { color: #44a5ff; border-bottom: 1px solid #44a5ff; border-top: 1px solid #44a5ff; }
.row-margin::before { color: #44a5ff; }


/*images roll over*/
.roll-over { position: relative; width: 100%; }
.image { display: block; width: 100%; height: auto; }
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .9s ease;
  background-color: #000; }
.roll-over:hover .overlay { opacity: .7; }
.text { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
	-ms-transform: translate(-50%, -50%); text-align: center; }
.text a { color: #fff; font-weight: 600; font-size: 20px;   }

/*facilities*/
.facilities-bg { background: #3cb891; background: -webkit-linear-gradient(to right, #3cb891, #1a5d8b); 
  background: linear-gradient(to right, #3cb891, #1a5d8b); }
.facilities-100 { width: 100%; box-sizing: border-box; float: left; }
.faci-col { width: 100%; float: left; box-sizing: border-box; margin: 50px 0 0 0;}
.faci-left { width: 60%; float: left; box-sizing: border-box; }
.faci-left p { font-size: 18px; color: #494949; font-weight: 300; line-height: 26px;}
.faci-right { width: 40%; float: left; box-sizing: border-box; }
.faci-right img { width: 98%; float: right; }




.school-col{ width: 100%; float: left; box-sizing: border-box; margin: 50px 0px 0px 0px; }
.school-col-left{ width: 25%; float: left; text-align: center; }
.school-col-left img{ width: 100%; max-width: 203px; }
.school-col-right{ width: 75%; float: right; }
.school-col-right p{ width: 92%; text-align: left; font-size: 18px; line-height: 30px; font-weight: 300; color: #494949; margin: 0px 0px 20px 0px; }



footer{ width: 100%; float: left; background:#000; padding:40px 0px 30px 0px;  margin: -1px 0 0 0; }
.footer-container{ width: 100%; max-width: 1200px; margin: 0px auto; padding: 0px 15px; box-sizing: border-box;}
.footer-col-1{ width: 25%; float: left; }
.footer-abt-text{ width: 90%; float: left; margin: 30px 0px 0px 0px; font-size: 15px; line-height: 20px; color: #b8b8b8;  font-weight: 300; }

.address{width: 90%; float: left; margin-top: 100px;}
.add-heading{ font-size: 18px; font-weight: 700; color: #f0f0f0; }
.address-text{ width: 100%; float: left; margin: 10px 0px 0px 0px; font-size: 14px; line-height: 20px; color: #b8b8b8;  font-weight: 400; }
.address-text a{ color: #b8b8b8; }
.address-text a:hover{ color: #fff; text-decoration: underline; }


.footer-col-2 { width: 50%; float: left; border-left: 1px #6d6e6d solid;  border-right: 1px #6d6e6d solid; padding: 10px 20px 20px 10px; box-sizing: border-box; }
.footer-col-2-heading{ font-size: 25px; float: left; color: #eeeeee; line-height: 25px; font-weight: 700; margin: 5px 0px 0px 0px; }
.company-links{ width: 100%; float: left; }
.company-links-col{ width: 50%; float: left;}
.company-links-col ul{ list-style: none; float: left; padding: 0 0 0 10px;}
.company-links-col ul li{ width: 100%; float: left;  }
.company-links-col ul li a{ font-size: 17px; color: #fff; font-weight: 400; line-height: 36px; }
.company-links-col ul li a:hover{ color: #fff; }



.company-links-col-2 { width: 50%; float: left;}
.company-links-col-2 ul{ list-style: none; float: left; padding: 0 0 0 10px;}
.company-links-col-2 ul li{ width: 100%; float: left;  }
.company-links-col-2 ul li a{ font-size: 17px; color: #fff; font-weight: 400; line-height: 36px; }
.company-links-col-2 ul li a:hover{ color: #fff; }


.company-links-col-3 { width: 50%; float: left; margin: 30px 0px; }
.company-links-col-3 ul{ list-style: none; float: left; padding: 0 0 0 10px;}
.company-links-col-3 ul li{ width: 100%; float: left; margin-bottom: 10px;  }
.company-links-col-3 ul li a{ font-size: 16px; color: #d5d5d5; font-weight: 400; line-height: 20px; }
.company-links-col-3 ul li a:hover{ color: #fff; }



.footer-col-3{ width: 25%; float: left; box-sizing: border-box; padding-left: 20px; }
.footer-col-3-heading{ font-size: 25px; float: left; color: #eeeeee; line-height: 25px; font-weight: 700; margin: 20px 0px; }
.footer-form{ width: 100%; float: left;  }
.name-field{ width: 100%; float: left; font-size: 15px; color: #000;  background: #4d4d4d; border: none; padding: 10px 0px 10px 10px; margin-bottom: 10px;
 box-sizing: border-box; }

.submit-btn{ display: inline-block; padding:8px 15px; float: right; cursor: pointer; background: #dcdcdc;  color: #494a49; font-size: 16px; border: 0px; font-weight: 400; transition: 0.5s ease-in-out;}
.submit-btn:hover{ background: #fff; color: #000; font-size: 16px;  }

input::-webkit-input-placeholder {
          color: #fff !important; font-size: 15px; font-family: 'Libre Franklin', sans-serif;
          }

          input:-moz-placeholder { /* Firefox 18- */
          color: #fff !important;  font-size: 15px; font-family: 'Libre Franklin', sans-serif;
          }

          input::-moz-placeholder {  /* Firefox 19+ */
          color: #fff !important; font-size: 15px; font-family: 'Libre Franklin', sans-serif;
          }

          input:-ms-input-placeholder {
          color: #fff !important;  font-size: 15px; font-family: 'Libre Franklin', sans-serif;
          }



          textarea::-webkit-input-placeholder {
          color: #fff !important; font-size: 15px; font-family: 'Libre Franklin', sans-serif;
          }

          textarea:-moz-placeholder { /* Firefox 18- */
          color: #fff !important;  font-size: 15px; font-family: 'Libre Franklin', sans-serif;
          }

          textarea::-moz-placeholder {  /* Firefox 19+ */
          color: #f0f0f0 !important; font-size: 15px; font-family: 'Libre Franklin', sans-serif;
          }

          textarea:-ms-input-placeholder {
          color: #fff !important;  font-size: 15px; font-family: 'Libre Franklin', sans-serif;
          }


.social-icon{ width: 100%; float: left; margin: 30px 0px; }
.social-icon ul {list-style: none; float: left; padding: 0;}
.social-icon ul li { float: left; text-align: center;   }
.social-icon ul li a{ width: 50px; height: 50px; display: inline-block; font-size: 25px; color: #cecece;  border-radius: 100px; border: 2px solid #cecece; padding-top: 7px; box-sizing: border-box; margin-right: 10px; background: transparent;}
.social-icon ul li a:hover{ background: #fff; color: #494a49; border: 2px solid #fff;}


.copyright{ width: 100%; float: left; box-sizing: border-box; }
.copy-left { width: 50%; float: left; box-sizing: border-box; }
.copy-left p { color: #aaabaa; font-size: 14px; line-height: 20px; margin: 0;}
.copy-right { width: 50%; float: right; box-sizing: border-box; }
.copyright a { color: #aaabaa; font-size: 14px; line-height: 20px; }
.copyright a:hover { color: #fff; }
.copy-right p { color: #aaabaa; font-size: 14px; line-height: 20px; margin: 0; text-align: right;}





.sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s;
    padding-top: 60px; }
.sidenav ul { list-style: none; margin: 0; padding: 0; }
.sidenav ul { display: block; }
.sidenav a { padding: 8px 8px 8px 20px; text-decoration: none; font-size: 15px; color: #818181; display: block; } 
.sidenav a:hover { color: #f1f1f1; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }



.about { background: #83e0a6; background: -webkit-linear-gradient(to right, #83e0a6, #1b8861); background: linear-gradient(to right, #83e0a6, #1b8861);}
.about-col{ width: 100%; float: left; box-sizing: border-box; margin: 0px 0px 100px 0px; display: flex; }
.about-col-left{ width: 40%; float: left; box-sizing: border-box;}
.about-col-left img{ width: 100%; float: left;}
.about-col-right{ width: 55%; float: right; box-sizing: border-box; margin: 30px 0px 0px 0px; padding-left: 70px; }
.about-heading {font-size: 30px; color: #494949; font-weight: 400; margin: 0;}
.about-col-right p{ width: 95%; float: left; color: #494949; font-size: 18px; line-height: 30px; font-weight: 300; }


.about-100-col{ width: 100%; float: left; background: url(../images/about-black-bg.jpg) top center; background-size: cover; padding: 70px 0px 130px 0px; }
.about-100-col p{ width: 58%; margin: 60px auto 90px; color: #fff; font-size: 18px; line-height: 32px; font-weight: 300; }
.about-icon { width: 58%; margin: 0px auto; box-sizing: border-box;}

.about-icon-inner{ width: 33%; float: left; box-sizing: border-box; text-align: center; color: #808080; font-size: 18px; font-weight: 400; } 
.about-icon-inner img{ width: 100%; max-height: 70px; margin-bottom: 30px; }

.about-green-col{ width: 100%; float: left; padding: 70px 0px; box-sizing: border-box; background: #83e0a6; background: -webkit-linear-gradient(to right, #83e0a6, #1b8861); background: linear-gradient(to right, #83e0a6, #1b8861); }
.about-green-col-left{ width: 50%; float: left; box-sizing: border-box; margin: 60px 0px 0px 0px; padding: 0px 0px 0px 107px; }
.about-green-col-left p{ width: 90%; float: left; color: #000; font-size: 18px; line-height: 32px; font-weight: 300; }
.about-green-col-right{ width: 50%; float: right; box-sizing: border-box; margin: 60px 0px 0px 0px; padding-right: 60px;}
.about-green-col-right img{ width: 100%; float: left; }


.about-green-col-left ul{ margin: 0; padding: 0; list-style: none; }
.about-green-col-left ul li{ width: 100%; float: left; font-weight: 300; font-size: 16px; margin-bottom: 20px; background: url(../images/arrow.png) top 6px left 0px no-repeat; padding: 0px 0px 0px 18px;  }

.pos-col{ width: 60%; margin: 50px auto;  }
.pos-col img{ width: 30%; float: left; }
.pos-col p { width: 66%; float: right; font-weight: 600; font-size: 18px; line-height: 32px; color: #494949; margin: 80px 0px 0px 0px; }

.vision-col{ width: 100%; float: left; box-sizing: border-box; text-align: center;}
.vision-col img { width: 20%; margin: 100px 0px 60px 0px; }
.vision-col p{ color: #0295aa; font-size: 40px; text-align: center; margin: 0px; padding: 0px; }
.vision-col p span{ font-weight: 300; }
.core-col{ width: 100%; float: left; background: #049595; padding: 40px 0px 80px 0px; }
.core-col-inner{ width: 50%; float: left; box-sizing: border-box; text-align: center; margin: 90px 0px 0px 0px; }
.core-col-inner img{ width: 100%; max-height: 80px; margin: 0px 0px 30px 0px;  }
.core-col-inner p { width: 80%; margin: 0px auto; text-align: left;  font-size: 20px; color: #fff; line-height: 30px; font-weight: 300; }



.advantage {background: #d8d06b; background: -webkit-linear-gradient(to right, #d8d06b, #3ca55c); background: linear-gradient(to right, #d8d06b, #3ca55c);}
.advantage-icon-col{ width: 100%; float: left; box-sizing: border-box; margin: 40px 0px 70px 0px; }
.advantage-icon-inner{ width: 25%; float: left; box-sizing: border-box; border-right: 1px #b2b2b2 solid; text-align: center; padding: 30px 0px 30px 0px;}
.advantage-icon-inner img{ width: 100%; max-width: 90px; max-height: 80px; margin-bottom: 20px;  }
.advantage-icon-inner p{ width: 81%; text-align: left; color: #494949; line-height: 30px; font-size: 18px; font-weight: 300; margin: 0px auto; }

.careers {background: #ffd194; background: -webkit-linear-gradient(to right, #ffd194, #d1913c); background: linear-gradient(to right, #ffd194, #d1913c);}

.supply {background: #cc2b5e; background: -webkit-linear-gradient(to right, #cc2b5e, #753a88); background: linear-gradient(to right, #cc2b5e, #753a88);}

.awards { background: #e5d4a9; background: -webkit-linear-gradient(to right, #e5d4a9, #d6465f); background: linear-gradient(to right, #e5d3a9, #d6465f);}
.awards-col { width: 100%; float: left; box-sizing: border-box; }
.awards-col p{ width: 68%; margin: 40px auto; font-size: 18px; line-height: 32px; color: #494949; font-weight: 300; text-align: left; }


.eligibility-col{ width: 100%; float: left; background: #049595; padding: 60px 0px 80px 0px; margin:40px 0px 80px 0px; }
.eligibility-col-inner{ width: 50%; float: left; box-sizing: border-box; text-align: center; margin: 90px 0px 0px 0px; float: left; }
.eligibility-col-inner img{ width: 100%; max-height: 80px; margin: 0px 0px 30px 0px;  }
.eligibility-col-inner p { width: 65%; margin: 0px auto; text-align: text;  font-size: 20px; color: #fff; line-height: 30px; font-weight: 300; }
.eligibility-col-inner p span{font-weight: 600;}
.stop-shop-col{ width: 100%; float: left; background: url(../images/advantage-bg.jpg) top center repeat-y; padding: 0px 0px 40px 0px;}
.stop-shop-col-left{ width: 50%; float: left; box-sizing: border-box; text-align: center;}
.stop-shop-col-left img{ width: 90%; margin: -40px 0px 0px 0px; }
.stop-shop-col-right{ width: 50%; float: left; box-sizing: border-box; margin: 80px 0px 0px 0px; }
.stop-shop-heading{  font-size: 30px; color: #fff; font-weight: 400; padding: 0; margin: 0;  }
.stop-shop-col-right p{ width: 75%; float: left; color: #fff; font-size: 18px; line-height: 30px; font-weight: 300; }

.mid-col{ width: 100%; float: left; box-sizing: border-box; margin: 80px 0px 30px;}
.mid-col img{ width: 100%; }
.mid-col p { width: 100%; float: left; text-align: center; font-size: 18px; line-height: 32px; color: #666666; padding: 20px 30px 0px 30px; box-sizing: border-box; }


/*footer blue wave*/
.tp-wave { width: 100%; float: left; box-sizing: border-box; background: url(../images/bottom-wave.png) top center no-repeat; background-size: cover;}
.tp-wave-col { width: 100%; float: left; box-sizing: border-box; padding: 100px 0 50px 0; text-align: center;}
.tp-wave-col img { width: 25%; } .tp-wave-col p { color: #e4e4e4; font-size: 40px; font-weight: 300; }
.tp-wave-col p span { font-weight: 900; font-size: 50px; }
.tp-wave-col a {  padding: 10px 20px; color: #fff; background-color: #16da00; font-weight: 900; border-radius: 20px;  display: inline-block;  }
.tp-wave-col a:hover { background-color: #fff; color: #007ded; }


.mid-col-2{ width: 100%; float: left; box-sizing: border-box; background: url(../images/mid-bg-2.jpg) top center no-repeat; padding: 100px 50px; background-size: cover;}
.mid-col-2 p { width: 80%; font-size: 24px; font-weight: 600; line-height: 48px; color: #fff; text-align: center; }

.otif{ width: 100%; float: left; box-sizing: border-box; margin: 75px 0px;  }
.otif-left{ width: 50%; float: left; text-align: center; }
.otif-left img{ width: 90%;  }

.otif-right{ width: 50%; float: left; box-sizing: border-box; }
.otif-right p{ width: 90%; font-size: 18px; line-height: 30px; font-weight: 300; color: #494949; }

.otif-right p span{ font-size: 24px; line-height: 36px; font-weight: 400; color: #009933; border-top: 2px #b2e0c1 solid; border-bottom: 2px #b2e0c1 solid; display: block; padding: 10px 0px; }



/*vendor-development section*/
.vendor { width: 100%; box-sizing: border-box; float: left; padding: 60px 0 100px 0; background-color: #fff; text-align: center; }
.vendor-col { width: 100%; box-sizing: border-box; float: left; margin: 40px 0 0 0; display: flex;}
.vendor-left { width: 70%; float: left; box-sizing: border-box; text-align: left; }
.materail { color: #494949; font-size: 20px; line-height: 30px;  font-weight: 300; width: 56%; }
ul.material-50 { width: 50%; float: left; box-sizing: border-box; list-style: none; margin: 20px 0 0 0; padding: 0px 0px 0px 2px;}
ul.material-50 li { width: 85%; font-size: 16px; color: #424342; font-weight: 300; padding: 20px 15px;   border-bottom: 1px solid #32d9dc; background: #fff; transition: 0.2s ease-in-out; 
  box-sizing: border-box; }
ul.material-50 li:hover{ background: #32d9dc; color: #fff;  }
.vendor-right { width: 30%; float: right; box-sizing: border-box; }
.vendor-right img { width: 90%; }


.criteria-100{ width: 100%; box-sizing: border-box; float: left; padding: 50px 0; background: url(../images/vendor-criteria.jpg) top center no-repeat; background-size: cover; margin: 60px 0px;}
.criteria-col { width: 100%; box-sizing: border-box; float: left; }
.criteria-heading { font-size: 24px; color: #fff; font-weight: 300; }
ul.criteria { list-style: none; }
ul.criteria li { font-size: 18px; color: #fff; font-weight: 300; padding: 20px 0 0 28px;
  background: url(../images/dot-and-circle.svg) top 25px left 0 no-repeat; background-size: 2%; }

.intrested-contact { width: 100%; box-sizing: border-box; float: left; padding: 0px 0px 50px 0px; background-color: #fff;}
.contact-col { width: 100%; box-sizing: border-box; float: left; margin: 60px 0 0 0; }
.contact-1 { width: 33%; float: left; box-sizing: border-box; padding: 10px 0px;}
.contact-1-inner{ width: 90%; margin: 0px auto;  }
.procruement { font-size: 20px; font-weight: 500; color: #00963e; } 
.procruement span { font-size: 18px; }
.contact-detail { width: 100%; float: left; box-sizing: border-box; margin: 20px 0 0 0;}
.cont-name { font-size: 18px; color: #424342; font-weight: 400; } 
.cont-name span { font-weight: 300; }
.contact-detail img { width: 6%; float: left; box-sizing: border-box; max-width: 18px; margin: 2px 0 0 0; }
.contact-detail a { width: 90%; float: right; box-sizing: border-box; color: #494949; font-size: 16px; text-decoration: none; }
.contact-detail a:hover { color: #00963e; }
.contact-detail p { width: 92%; float: right; box-sizing: border-box; color: #494949; font-size: 16px; padding: 0; margin:0;  }
/*vendor-development section*/






.careers-col{ width: 100%; float: left; box-sizing: border-box; margin: 20px 0px 40px 0px; }
.careers-col p { width: 65%; margin: 0px auto; font-weight: 300; color: #494949; line-height: 30px; font-size: 18px;   }

.accordian-col { width: 100%; float: left; box-sizing: border-box; margin: 0px 0px 20px 0px; border:1px solid #aeaeae;}

.accordion {background: url(../images/circle-plus.svg) top 15px right 20px no-repeat #fff; background-size: 2%; color: #494949; cursor: pointer; font-family: lato; 
    padding: 15px 20px; width: 100%; border-bottom: 1px solid #ccc!important; border: none;text-align: left; outline: none; font-size: 18px; font-weight: 600; transition: 0.4s; float: left; }

.panel { padding: 0px 1px 0 0; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.panel-col{ width : 100%; float: left; box-sizing: border-box; padding: 20px;}
.panel-col p{ font-size: 18px; float: left; color: #494949; line-height: 30px; font-weight: 300; }
.panel-left { width : 50%; float: left; box-sizing: border-box; margin: 50px 0 0 0;}
.panel-left p{ font-size: 16px; color: #666666; font-weight: 100; line-height: 30px;}
.panel-left ul { list-style: none; margin: 30px 0 0 0; padding: 0; }
.panel-left ul li { font-size: 16px; color: #666666; font-weight: 100; line-height: 26px; background: url(../images/right-arrow.svg) top 12px left 0px no-repeat; background-size: 2%; padding: 5px 22px; }
.panel-right { width : 49%; float: right; box-sizing: border-box; margin: 50px 0 0 0;}
.panel-right img { width: 32%; margin: 7px 7px 0 0;}
.panel-right .parwano-img { width: 100%; border: 1px solid #cfcfcf; margin: 25px 0 0 0;}
.panel-right .par-03 { margin: 0; }
.acc-active {background: url(../images/circle-minus.svg) top 15px right 20px no-repeat #fff; background-size: 2%;}
.position { width: 20%; float: left; box-sizing: border-box; background-color: #00963e; padding: 12px; color: #fff; }

.jobs-location {
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin: 0 0 0px 0;
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;}
}


.contact-col{ width: 100%; float: left; box-sizing: border-box; }
.contact-col-left{ width: 35%; float: left; box-sizing: border-box; }
.contact-col-left img { width: 100%; }
.contact-col-right{ width: 65%; float: left; box-sizing: border-box; padding:0px 0px 0px 20px;  }
.contact-col-right p { width: 100%; float: left; font-size: 18px; line-height: 30px; color: #494949; font-weight: 300; }
.contact-col-right p img{ width: 100%; max-width: 25px; max-height: 35px; margin: 6px 15px 0px 0px; float: left; }
.contact-heading{ font-size: 23px; font-weight: 600; float: left; color: #494949; margin: 0px; padding: 0px; }



.contact-col-50{ width: 50%; float: left; box-sizing: border-box; padding:0px 0px 0px 20px; margin-bottom: 30px; border-bottom: 1px #ccc solid;  }
.contact-col-50 p { width: 100%; float: left; font-size: 18px; line-height: 30px; color: #494949; font-weight: 300; }
.contact-col-50 p img{ width: 100%; max-width: 25px; max-height: 35px; margin: 5px 15px 31px 0px; float: left; }
.contact-col-50 a { color: #fff; } 
.contact-col-50 a:hover { color: #000; } 

.contact-heading-2{ font-size: 20px; font-weight: 600; float: left; color: #494949; margin: 0px; padding: 0px; }


.contact-col-50-1{ width: 50%; float: left; box-sizing: border-box; padding:0px 0px 0px 20px; margin-bottom: 30px; border-bottom: 1px #ccc solid; padding-bottom: 30px;  }
.contact-col-50-1 p { width: 100%; float: left; font-size: 18px; line-height: 30px; color: #494949; font-weight: 300; }
.contact-col-50-1 p img{ width: 100%; max-width: 25px; max-height: 35px; margin: 5px 15px 2px 0px; float: left; }
.contact-col-50-1 a { color: #000; } 
.contact-col-50-1 a:hover { color: #000; } 



.team-bg { background: #0489b5; background: -webkit-linear-gradient(to right, #0489b5, #d68937); background: linear-gradient(to right, #0489b5, #d68937);}

.team-1{ width: 100%; float: left; background: url(../images/team-1-bg.jpg) top center repeat-y; margin: 0px 0px 120px 0px;}
.team-1-left{ width: 35%; float: left; box-sizing: border-box; padding-left: 90px; }
.team-1-left img{ width: 100%; float: right; margin: -50px 0px 0px 0px;  }
.team-1-right{ width: 65%; float: right; box-sizing: border-box; margin: 50px 0px; }
.team-1-right p{ width: 90%; float: right; margin: 0; padding:0; font-size: 18px; color: #fff; line-height: 30px; font-weight: 300; margin-bottom:30px;  }
.name{ font-size: 23px!important; font-weight: 600!important; }
.name span{ font-weight: 300!important; }
.team-1-right a { color: #fff; border-radius: 20px; background: #00749b; padding: 16px 26px; font-weight: 600; margin-left:75px;  }
.team-1-right a:hover { color: #00749b; border-radius: 20px; background: #fff; padding: 16px 26px; font-weight: 600; }



.team-2{ width: 100%; float: left; background: url(../images/team-2-bg.jpg) top center repeat-y; margin: 0px 0px 120px 0px;}

.team-2-col{ width: 100%; float: left; box-sizing: border-box; display: flex; }

.team-2-right{ width: 35%; float: right; box-sizing: border-box; padding-right: 90px; }
.team-2-right img{ width: 100%; float: left; margin: -50px 0px 0px 0px;  }
.team-2-left{ width: 65%; float: left; box-sizing: border-box; margin: 50px 0px; }
.team-2-left p{ width: 90%; float: left; margin: 0; padding:0; font-size: 18px; color: #fff; line-height: 30px; font-weight: 300; margin-bottom:30px;  }
.team-2-left a { color: #fff; border-radius: 20px; background: #0fa0a0; padding: 16px 26px; font-weight: 600; }
.team-2-left a:hover { color: #0fa0a0; border-radius: 20px; background: #fff; padding: 16px 26px; font-weight: 600; }







.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8); overflow-x: scroll;
}

.lightbox img {
  width: 10%; float: right;
  width: 30px; padding-right: 10px;  
  margin-top: 2%;
}

.lightbox:target {
  outline: none;
  display: block;
}


.full-write-up{ width: 100%; max-width: 800px; margin: 20px auto 0px; background: #fff; box-sizing: border-box; }
.full-write-up p{ width: 100%; padding: 30px; font-size: 18px; line-height: 30px; color: #494949; font-weight: 300; text-align: left; box-sizing: border-box;}


.contact-col{ width: 100%; float: left; box-sizing: border-box; }
.contact-col p{ font-size: 18px; line-height: 30px; color: #494949; font-weight: 300; }

.request-col { width: 33%; float: left; box-sizing: border-box; }
.request-col input{ width: 98%; border:1px #ccc solid;  color: #494949; padding: 15px 10px 15px 20px; box-sizing: border-box; }

.request-col input:hover{ border:1px #00a651 solid;   }

.request-col-100 { width: 100%; float: left; box-sizing: border-box; margin: 10px 0px; }
.request-col-100 textarea{ width: 98.3%; border:1px #ccc solid;  color: #494949; padding: 15px 10px 15px 20px; box-sizing: border-box; }


.request-col-link a { color: #fff!important; border-radius: 10px;  background: #0fa0a0; padding: 12px 26px; font-weight: 600; cursor: pointer; font-size: 18px!important;   }
.request-col-link a:hover { color: #fff!important; background: #000; }


.request-col ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #494949!important; font-weight: 300; font-size: 18px; font-family: 'Lato';
}
.request-col ::-moz-placeholder { /* Firefox 19+ */
  color: #494949!important; font-weight: 300; font-size: 18px; font-family: 'Lato';
}
.request-col :-ms-input-placeholder { /* IE 10+ */
   color: #494949!important; font-weight: 300; font-size: 18px; font-family: 'Lato';
}
.request-col :-moz-placeholder { /* Firefox 18- */
  color: #494949!important; font-weight: 300; font-size: 18px; font-family: 'Lato';
}


.request-col-100 textarea::-webkit-input-placeholder {
color: #494949!important;  font-weight: 300; font-size: 18px; font-family: 'Lato'; 
}
 
.request-col-100 textarea:-moz-placeholder { /* Firefox 18- */
color: #494949!important;   font-weight: 300; font-size: 18px; font-family: 'Lato';
} 
 
.request-col-100 textarea::-moz-placeholder {  /* Firefox 19+ */
color: #494949!important;    font-weight: 300; font-size: 18px; font-family: 'Lato'; 
}
 
.request-col-100 textarea:-ms-input-placeholder {  
color: #494949!important;    font-weight: 300; font-size: 18px; font-family: 'Lato'; 
}



.awards-name { width: 100%; float: left; box-sizing: border-box; background-color: #fff; padding: 20px; }
.awards-name h3 { color: #203b78; font-size: 20px; margin: 0; text-align: left;}
.collage-slider { width: 100%; box-sizing: border-box; float: left; margin: 80px 0; }
.form-col-left{width: 50%; float: left; margin-bottom: 15px;}
/*.form-col-right{width: 50%; float: left; margin-bottom: 15px;}*/
.custom-form{height: 40px !important;background-color: #f1f1f1 !important;border: 1px solid #e4e4e4;border-radius: 0px !important; width: 90%;display: block;color: #555;background-image: none;
border: 1px solid #ccc;padding: 6px 12px;}
.form-col-left ::placeholder {color: #6a6a6a !important;}
.text-form-cust{width: 100%}
.text-form-cust .text-form{background-color: #f1f1f1 !important; width: 95%; border: 1px solid #ccc; padding: 6px 12px;}
.work-btn .get-btn{padding: 8px 15px;font-size: 18px;display: inline-block;font-weight: 500;transition: ease-in-out .5s;color: #fff;text-transform: uppercase;background: #16da00;
border: 0px; margin-bottom: 30px; cursor: pointer;}
.work-btn .get-blue:hover {background: #40a7de; color: #fff; text-decoration: none;}
.ourrichText p{color: #494949;font-size: 18px;line-height: 30px;font-weight: 300;text-align: center;margin: 50px 0 15px;padding: 0 30px;}
.inter-sec{width: 50%; float: left; margin-bottom: 15px;}