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: "Josefin Sans", sans-serif;  font-size: 14px; color: #2d343e; font-weight: 400;}
a, a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

/****************
 * Common Css
 ****************/
.container {width: 1000px; margin: 0 auto;}
nav.nav .container {position: relative;}

#headerpart {float: left; width: 100%; position: relative; padding: 15px 0px; background-color: #728c9d;}
#headerpart .logo {float: left;}


nav.nav {float: right; position: relative;}
nav.nav ul.menus {float:left; text-align: center; width: 100%;}
nav.nav ul.menus > li {display: inline-block; padding:17px 15px; vertical-align: top; position: relative;}
nav.nav ul.menus > li:first-child{padding-left: 0px;}
nav.nav ul.menus > li:last-child {padding-right: 0px;}
nav.nav ul.menus > li > a, nav.nav ul.menus > li label.dropmenu {float: left; color: #ffffff; text-transform: uppercase; font-size: 14px; font-weight: 600; font-family: "Nunito Sans", sans-serif;}
nav.nav ul.menus > li .submenus {position: absolute; z-index: 11; width: 185px; text-align: left; padding: 5px 15px 10px; display: none; top:50px; left: 0px; background-color: #ffffff; box-shadow: 0px 0px 11px rgba(0,0,0,0.2); transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
nav.nav ul.menus > li .submenus ul {width: 100%; float: left;}
nav.nav ul.menus > li .submenus li {float: left; width: 100%; margin-top:8px; position: relative;}
nav.nav ul.menus > li .submenus li:first-child {background-image: none; padding-left: 0px;}
nav.nav ul.menus > li .submenus li a {color: #3b3c41; font-size: 14px; float: left;font-weight: 600; font-family: "Nunito Sans", sans-serif;}
nav.nav ul.menus > li .submenus li a:hover {color: #728c9d;}
nav.nav ul.menus > li .submenus li span {margin-bottom: 5px; font-weight: 600; color: #3b3c41; font-size: 16px;}
@media only screen and (min-width:980px){
	nav.nav ul.menus > li:hover .submenus {display: block;min-width: 165px;}
}
nav.nav ul.menus > li label.dropmenu {display: inline-block; /*color: #ffffff; font-size: 14px; font-weight: 600; letter-spacing: 0.4px; line-height: 20px; text-transform: uppercase;*/ cursor: pointer;}
nav.nav ul.menus > li .menu__anchor:checked ~ .submenus {display: block;}
.menureset {position: absolute; top: 100%; width: 158px; display: block !important; cursor: pointer;}
nav.nav ul.menus > li .menu__anchor:checked ~ .menureset {top: 0; bottom: 0;}
nav.nav ul.menus > li > a:hover, nav.nav ul.menus > li:hover label.dropmenu{color: #000000;}
#menu--reset {display: none;}

.contentpart {float: left; width: 100%;}
.productbox {float: left; width: 100%; margin-top:40px;}
.productbox .prod-gallery {width:511px;float: left; position: relative; padding-top: 480px;}
.productbox .prod-gallery .content {display: none; width: 511px; height: 480px;  position: absolute; top: 0px; right: 0px; text-align: center;}
.productbox .prod-gallery .content img, .productbox .prod-gallery label img {width: 100%;height: 100%; max-width: 100%; max-height: 100%; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.productbox .prod-gallery label:hover, .productbox .prod-gallery input:checked + label {border-color: #000000;}
.productbox .prod-gallery input {display: none;}
.productbox .prod-gallery label {float: left; cursor: pointer; border:1px solid #dad9d9;margin:10px 10px 0px 0px; width:120px; height: 120px; text-align: center;}
.productbox .prod-gallery label.last {margin-right: 0;}
#prod1:checked ~ #content1,
#prod2:checked ~ #content2,
#prod3:checked ~ #content3,
#prod4:checked ~ #content4{
  display: block;
}

.contentpart .prodinfo {float: right; width: 450px; margin-top: 40px;}
.contentpart .prodinfo h1 {font-size: 24px; font-weight: 600; float: left; width: 100%; line-height: 26px; padding: 0px 0px 25px; color: #090302;}
.contentpart .prodinfo p {font-size: 24px; font-weight: 600; color: #090302;float: left; width: 100%; line-height: 21px;}
.contentpart .prodinfo ul {float: left; width: 100%; margin-top:25px;}
.contentpart .prodinfo ul li {float: left; width: 100%; color: #090302; font-size: 16px; margin-bottom: 10px; background: url(../images/dott-icon.png) no-repeat 0 4px; padding-left: 15px;}

.proinfo {float: right; width: 100%; padding-top: 35px;}
.proinfo .accrorow {float: left; width: 100%; border: 1px solid #dad9d9; padding: 17px 25px; margin: 10px 0px;}
.proinfo input {display: none;}
.proinfo label {float: left; width: 100%;font-weight: 600; font-size: 22px; color: #090302; cursor: pointer; background-repeat: no-repeat; background-position: 100% 50%; background-image: url(../images/plus-icon.png);}
.proinfo input:checked + label {color: #090302; background-image: url(../images/minus-icon.png); padding-bottom: 0px; background-position: 100% 50%;}
.proinfo .content {display: none; float: left; width: 100%;}
.proinfo .content p {line-height:24px; color: #090302; font-weight: 300; float: left; width: 100%; padding: 15px 0px 0px; font-size: 18px;}
.proinfo .content p b {font-weight: 500;}
#proinfo1:checked ~ #content1,
#proinfo2:checked ~ #content2,
#proinfo3:checked ~ #content3,
#proinfo4:checked ~ #content4{
  display: block;
}

.productpart {float: left; width: 100%; margin-top: 40px;}
.productpart h3 {float: left; width: 100%; font-weight: 600; color: #333333; font-size: 32px; line-height: 30px; text-align: center;}
.productpart ul {float: left; width: 100%;}
.productpart ul li {float: left; width: 235px; margin: 30px 20px 0px 0px; text-align: center; position: relative;}
.productpart ul li:last-child {margin-right: 0px;}
.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 0px 0px; text-align: center;} 
.productpart ul li .desc h4 {float: left; width: 100%;}
.productpart ul li .desc .title {color: #090302; font-size: 16px; display: inline-block;}
.productpart ul li .desc .title:hover {color: #728c9d;}
.productpart ul li .desc p {color: #090302; font-size: 20px; font-weight: 700; padding:15px 0px 20px; float: left; width: 100%;}
.productpart ul li .desc .buybtn {color: #ffffff; background-color:#ffaa00; font-weight: 600; text-transform: uppercase; font-size: 16px; height: 42px; line-height: 46px; text-align: center; width: 130px; display: inline-block; box-shadow: 3px 0px 7px rgba(0,0,0,0.19);}
.productpart ul li .desc .buybtn:hover {background-color: #728c9d;}

.bannerpart {margin: 50px 0px; width: 100%; float: left;}
.bannerpart a {float: left; width: 100%;}
.bannerpart img {width: 100%; object-fit: cover;}

.footerpart {float: left; width:100%; background-color: #728c9d; padding-top: 60px;}
.footerpart .topfooter {float: left; width: 100%;}
.footerpart .topfooter .footerbox {float: left; padding-bottom: 30px;}
.footerpart .topfooter .footerbox h4 {color: #ffffff; font-size: 18px; padding:40px 0px 30px; font-weight:600;text-transform: uppercase;}
.footerpart .topfooter .footerbox p {color: #ffffff; font-size: 18px; line-height: 22px; float: left; width: 100%;}
.footerpart .topfooter .footerbox ul {float: left; width: 100%;}
.footerpart .topfooter .footerbox ul li {width: 100%; float: left; margin:0px 0 15px;}
.footerpart .topfooter .footerbox ul li a {color: #ffffff; font-size:16px;}
.footerpart .topfooter .footerbox ul li a:hover {color: #000000;}
.footerpart .topfooter .fcol1 {width: 519px; padding-right: 70px;}
.footerpart .topfooter .fcol2 {width: 240px;}
.footerpart .topfooter .fcol3 {width:240px;}
.footerpart .topfooter .fcol1 .flogo {float: left; width: 100%; margin-bottom: 30px;}
.footerpart .bttn {float: left; font-size:16px; font-weight: 500; clear: both; margin:10px 0px 0px; width: 130px; height: 42px; text-align: center; background-color: #ffaa00; text-transform: uppercase; color: #fff; padding:2px 10px 0px; line-height:42px; box-shadow: 3px 0px 7px rgba(0,0,0,0.19);}
.footerpart .bttn:hover {background-color: #000000; color: #ffffff;}
.footerpart .copyright {float: left; width: 100%; padding:20px 0px; border-top: 1px solid #7f98a9;}
.footerpart .copyright p {float: left; text-align: center; width: 100%; color:#ffffff; font-size: 16px;}