article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
body {font-family: 'Poppins', sans-serif; font-size: 14px; color: #000000;}
a, a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

/****************
 * Common Css
 ****************/
.listingpage{overflow: hidden; float: left; width: 100%;}
.container {width: 1000px; margin: 0 auto;}

#headerpart {float: left; width: 100%; position: relative; padding: 30px 0px; border-top: 4px solid #24a390;}
#headerpart .logo {float: left;}
#headerpart .rheader {float: right; margin-top: 25px;}
#headerpart .rheader .anyque {float: left; text-align: right; margin: 5px 20px 0px 0px;}
#headerpart .rheader h4 {color: #24a390; font-size: 13px; float: left; width: 100%;}
#headerpart .rheader p {float: left; color: #7a7a73; width: 100%; font-size: 12px;}
#headerpart .rheader .msg {float:right; font-weight: 600; text-align: center; width: 156px; font-size: 15px; background-color: #24a390; text-transform: uppercase; color: #ffffff; padding: 10px 15px;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#headerpart .rheader .msg:hover {background-color: #b2bc1d;}
nav.nav {float: left; width: 100%; position: relative; background-color: #61615e;}
nav.nav ul.menus {float:left;}
nav.nav ul.menus > li {float: left;}
nav.nav ul.menus > li > a {float: left; color: #ffffff; padding: 15px 20px; height: 50px; font-size: 14px; font-weight:500; text-transform: uppercase;}
nav.nav ul.menus > li:first-child a{padding: 9px 15px;}
nav.nav ul.menus > li > a:hover, nav.nav ul.menus > li > a.active {background-color: #b2bc1d;}
nav.nav .addfav {background-color: #b2bc1d; float: right; height: 50px; font-size: 14px; font-weight:500; color: #ffffff; width: 212px; text-transform: uppercase; padding: 14px 20px 14px 57px; background-image: url(../images/addfav.png); background-position: 22px center; background-repeat: no-repeat;}
nav.nav .addfav:hover{background-color: #24a390;}

.contentpart {float: left; width: 100%;}
.services ul {float: left; width: 100%; padding:10px 0px; border-bottom: 2px solid #f0f0f0;}
.services li {float: left; padding: 0px 15px; border-left: 2px solid #f0f0f0; min-height: 50px;}
.services li:first-child {border-left: none; padding-left: 0px;}
.services li .icon {float: left; height: 50px; background-repeat: no-repeat; background-position: 50% 50%;}
.services li .icon1 {background-image: url(../images/icon1.png); width: 27px; }
.services li .icon2 {background-image: url(../images/icon2.png); width: 26px; }
.services li .icon3 {background-image: url(../images/icon3.png); width: 25px; }
.services li .icon4 {background-image: url(../images/icon4.png); width: 40px; }
.services li h3 {float: left; margin: 0px 0 0 10px; width: 182px; color: #61615e; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 20px;}
.services li h3 span {font-weight: 400; text-transform: initial; line-height: 17px; font-size: 12px; display: block;}
.services li:nth-child(3) h3 {margin-top: 7px;}
.productbox {float: left; width: 100%; padding: 30px 95px 0;}
.productbox h1 {font-size: 24px; color: #222224; font-weight: 600; text-align: center; padding:0px 40px 25px;}
.productbox .prod-gallery {width:100%; float: left; position: relative; padding-left: 550px; height: 510px;}
.productbox .prod-gallery .content {display: none; overflow: hidden; background-color: #ffffff; border: 2px solid #f0f0f0; width: 550px; height: 510px; text-align: center; position: absolute; top: 0px; left: 0px;}
.productbox .prod-gallery .content img, .productbox .prod-gallery label img {max-width: 100%; max-height: 100%; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.productbox .prod-gallery input {display: none;}
.productbox .prod-gallery label {float: left; background-color: #ffffff; cursor: pointer; margin:0px 0px 10px 10px; border:2px solid #f0f0f0; width:120px; height: 120px; text-align: center;}
.productbox .prod-gallery label.last {margin-bottom: 0;}
.productbox .prod-gallery input:checked + label {border-color: #24a390;}
#prod1:checked ~ #content1,
#prod2:checked ~ #content2,
#prod3:checked ~ #content3,
#prod4:checked ~ #content4, 
#prod5:checked ~ #content5, 
#prod6:checked ~ #content6, 
#prod7:checked ~ #content7, 
#prod8:checked ~ #content8 {
  display: block;
}
.proddetails {margin: 30px 0px 0px; float: left; width: 100%;}
.proddetails input {display: none;}
.proddetails label {float: left; font-weight: 600; background-color: #f0f0f0; border:2px solid #f0f0f0; border-bottom:none; font-size: 14px; margin-bottom: -2px; color: #000000; padding:11px 30px; text-transform: uppercase; cursor: pointer; position: relative; margin-right: 3px;}
.proddetails label:hover, .proddetails input:checked + label {background-color: #ffffff; }
.proddetails .content {display: none; float: left; width: 100%; }
.proddetails .content p {line-height: 17px; font-weight: 500; color: #141414; font-size: 15px;}
.proddetails .content ul li {line-height: 17px; font-weight: 500; padding-left: 12px; color: #141414; font-size: 15px; background-image: url(../images/point.png); background-position: 0px 8px; background-repeat: no-repeat; float: left; width: 100%;}
.proddetails #tab1:checked ~ #content1,
.proddetails #tab2:checked ~ #content2,
.proddetails #tab3:checked ~ #content3, 
.proddetails #tab4:checked ~ #content4, .proddetails #tab5:checked ~ #content5 {
	display: block;
}
.proddetails .innerbox {float: left; width: 100%; border: 2px solid #f0f0f0; padding: 25px 30px;}
.proddetails .innerbox p {font-size: 14px; width: 100%; float: left; color: #000000; line-height: 20px; font-weight: 400; margin-bottom: 5px;}
.proddetails .innerbox h2 {font-size: 14px; width: 100%; float: left; color: #000000; font-weight: 600; line-height: 20px; margin-top: 20px;}
.proddetails .innerbox ul.point {float: left; width: 100%; padding:5px 0px 25px;}
.proddetails .innerbox ul.point li {color: #000000; padding-left: 12px; font-size: 14px; background-image: url(../images/point.png); background-position: 0px 8px; background-repeat: no-repeat; float: left; width: 100%; margin:3px 0px 0px;}
.proddetails .innerbox ul.point1 {float: left; width: 100%; padding-bottom: 30px;}
.proddetails .innerbox ul.point1 li {color: #000000; font-size: 14px; float: left; width: 100%; margin:3px 0px 0px; background: no-repeat; padding-left: 0; line-height: 22px; font-weight: normal;}
.proddetails .innerbox ul.point1 li span {font-weight: 500; width: 145px; display: inline-block;}
.tabs {margin: 30px 0px 0px; float: left; width: 100%;}
.tabs input {display: none;}
.tabs label {float: left; width: 100%; text-transform: uppercase; font-size: 20px; font-weight: 600; background-color: #61615e; color: #ffffff; padding:10px 20px; cursor: pointer; margin-top: 10px; background-repeat: no-repeat; background-position: 96.7% 50%; background-image: url(../images/close.png);}
.tabs label:hover, .tabs input:checked + label {background-color: #b2bc1d; background-image: url(../images/open.png);}
.tabs .content {display: none; float: left; width: 100%; padding: 12px 20px; border: 2px solid #f0f0f0;}
.tabs .content p {color: #000000; float: left; width: 100%; padding: 10px 0px; line-height: 20px;}
.tabs .content ol li {color: #000000; float: left; width: 100%; padding: 5px 0px; line-height: 20px; list-style: decimal inside;}
.tabs .content span {font-weight: 500;}
.tabs .content a {color: #24a390;}
.tabs .content a:hover {text-decoration: underline;}
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8, 
#tab9:checked ~ #content9,
#tab10:checked ~ #content10{
	display: block;
}
.productpart {float: left; width: 100%; margin-top: 30px;}
.productpart h3 {float: left; width: 100%; text-align: center; color: #222224; text-transform: uppercase; font-size: 24px;}
.productpart h3 span{font-weight: 600;}
.productpart ul {float: left; width: 100%;}
.productpart ul li {border:2px solid #f0f0f0; float: left; width: 235px; margin: 20px 20px 0px 0px; text-align: center; position: relative;}
.productpart ul li .imgbox {position: relative; text-align: center; width: 100%; float: left;}
.productpart ul li .imgbox img {max-width: 100%;}
.productpart ul li .desc {float: left; width: 100%; padding: 20px 20px 30px;} 
.productpart ul li .desc .title {color: #222224; font-weight: 500; font-size: 14px; line-height: 22px; float: left; width: 100%; height: 7em;}
.productpart ul li .desc .title:hover {color: #24a390;}
.productpart ul li .desc p {color: #24a390; font-size: 16px; font-weight: 500; padding:10px 0px; float: left; width: 100%;}
.productpart ul li .desc .buybtn {color: #ffffff; background-color:#24a390; font-weight: 500; font-size: 13px; padding: 8px 23px; display: inline-block; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.productpart ul li .desc .buybtn:hover {background-color: #b2bc1d;}
.productpart ul li:last-child {margin-right: 0px;}
.extrapart {float: left; width: 100%; margin-top: 40px;}
.extrapart .extrabox {float: left; background-color: #24a390; width: 50%; height: 71px; text-align: center; position: relative;}
.extrapart .extrabox h3 {color: #ffffff; font-size: 18px; font-weight: 500; text-align: center; top: 50%; line-height: 22px; transform: translateY(-50%); position: absolute; float: left; width: 100%;}
.extrapart .rightextrabox {float: right; background-color: #b1bb1e;}

.footerpart {float: left; width:100%; background-color: #272726;}
.footerpart .topfooter {float: left; width: 100%; padding-top: 40px;}
.footerpart .topfooter .footerbox {float: left; width: 333px; padding: 0px 28px 20px;}
.footerpart .topfooter .one {padding: 0px 0px 30px;}
.footerpart .topfooter .footerbox h4 {color: #ffffff; font-size: 16px; line-height: 38px; font-weight: 600; padding-left: 45px; background-repeat: no-repeat; background-position: 0px center; margin-bottom:20px;}
.footerpart .topfooter .footerbox h4.aboutus {background-image: url(../images/about.png);}
.footerpart .topfooter .footerbox h4.whyus {background-image: url(../images/why-us.png);}
.footerpart .topfooter .footerbox h4.contactus {background-image: url(../images/contect.png);}
.footerpart .topfooter .footerbox p {float: left; font-size: 13px; line-height: 22px; color: #b8b8b8;}
.footerpart .topfooter .footerbox ul {float: left; width: 100%;}
.footerpart .topfooter .footerbox ul li {float: left; width: 100%; margin-bottom: 20px; color: #ffffff; font-size: 12px; padding-left: 45px; line-height: 18px; background-position: 0px 0px; background-repeat: no-repeat;}
.footerpart .topfooter .footerbox ul li span {font-size: 13px; display: block; color: #b1bb1e;}
.footerpart .topfooter .footerbox ul li.ficon1 {background-image: url(../images/ficon1.png);}
.footerpart .topfooter .footerbox ul li.ficon2 {background-image: url(../images/ficon2.png);}
.footerpart .topfooter .footerbox ul li.ficon3 {background-image: url(../images/ficon3.png);}
.footerpart .topfooter .footerbox ul li.ficon4 {background-image: url(../images/ficon4.png);}
.footerpart .three .msg {float:left; font-weight: 600; text-align: center; width: 156px; font-size: 15px; margin-bottom: 25px; background-color: #24a390; text-transform: uppercase; color: #ffffff; padding: 10px 15px;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.footerpart .three .msg:hover {background-color: #b2bc1d;}
.footerpart .copyright {float: left; width: 100%; border-top: 2px solid #3d3d3d; padding: 25px 0px;}
.footerpart .copyright p{color: #b8b8b8; float: left;font-size: 12px; margin-top:5px;}
.footerpart .copyright .payment{float: right; }


/** Videos **/
.videos {float: left; width: 100%; overflow: hidden; margin-bottom: 30px;}
.videos h3 span {float: left; width: 100%; text-align: center; color: #222224; text-transform: uppercase; font-size: 24px; font-weight: 500;}
.videos ul {margin-right: -10px; margin-left: -10px;}
.videos ul li {float: left; width: 50%; padding: 10px; position: relative;}
.videos ul li video {float: left; width: 100%!important; height:100%;}
.videos li img {max-width: 100%;}
.videos li span {position: absolute; width: 100%; left: 0; /* right: 0; */ top: 38%; /* bottom: 0; */ text-align: center; vertical-align: middle;}