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: 'Source Sans Pro', 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
 ****************/
.container {width: 1000px; margin: 0 auto;}
.container:after, .container:before {display: table; content: " "; clear: both;}
#headerpart {float: left; width: 100%; position: relative; background-color: #e1f4fd;}
#headerpart .topheader {background-color: #5051c3; padding: 10px 0px;}
#headerpart .topheader p.left {color: #ffffff; font-size: 15px; font-weight: 700; float: left; text-transform: uppercase; padding-top: 5px;}
#headerpart .call-msg {float: right;}
#headerpart .call-msg .msg {float: left; background-image: url(../images/msg.png); background-position: 0px 50%; background-repeat: no-repeat; padding-left:35px;}
#headerpart .call-msg .msg p {color: #ffffff; font-size: 11px;}
#headerpart .call-msg .msg a {float: left; font-weight: 700; font-size: 15px; color: #ffffff; text-transform: uppercase;}
#headerpart .call-msg .msg a:hover {color: #e73d48;}
#headerpart .logo {float: left; width: 100%; text-align: center; padding: 15px 0px;}
nav.nav {float: left; width: 100%; position: relative;}
nav.nav ul.menus {float:left; width:100%; text-align: center;}
nav.nav ul.menus > li {display: inline-block; padding: 5px 25px 25px;}
nav.nav ul.menus > li > a {float: left; color: #5051c3; font-size: 16px; font-weight: 700; text-transform: uppercase; position: relative;}
nav.nav ul.menus > li:hover > a {color: #e73d48;}
nav.nav ul.menus > li .submenus {position: absolute; z-index: 11; padding:20px 20px; display: none; top:49px; left: 0px; border-top: 2px solid #e74651; background-color: #ffffff; width: 100%; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; box-shadow: 5px 6px 15px rgba(186,202,210,0.35); -moz-box-shadow: 5px 6px 15px rgba(186,202,210,0.35); -webkit-box-shadow: 5px 6px 15px rgba(186,202,210,0.35);}
nav.nav ul.menus > li .submenus .menubox {width: 25%; float: left;}
nav.nav ul.menus > li .submenus ul {width: 100%; float: left; padding: 5px 0px;}
nav.nav ul.menus > li .submenus li {float: left; width: 100%; padding: 2px 0; position: relative;}
nav.nav ul.menus > li .submenus li a {color: #5e606c; font-size: 14px; float: left; margin: 2px 0; text-align: left; width: 100%;}
nav.nav ul.menus > li .submenus li a b {margin-top: 5px; color: #5e606c; font-weight: 600;}
@media only screen and (min-width:768px){
	nav.nav ul.menus > li:hover .submenus {display: block;}	
}
nav.nav ul.menus > li .submenus li:hover a, nav.nav ul.menus > li .submenus li:hover a b {color: #5051c3;}
.contentpart {float: left; width: 100%;}
.productbox {float: left; width: 100%; margin-top:10px;}
.productbox ul {float: left; width: 100%;}
.productbox li {float: left; width: 490px; height: 490px; text-align: center; overflow: hidden; margin: 20px 20px 0 0; border:2px solid #dee2e6;}
.productbox li:nth-child(2n+0) {margin-right: 0;}
.productbox li img {max-width: 100%; max-height: 100%;}
.productbox li:hover {border-color: #5051c3;}
.productbox li img, .productbox li:hover img {transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.productbox li:hover img {transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.prodsce { float:left; width: 100%; margin-top: 30px;}
.title {float: left; width: 100%; text-align: center;}
.title h3 {color: #feffff; font-size: 25px; font-weight: 400; font-family: 'Passion One', cursive; display: inline-block; background-color: #5051c3; letter-spacing: 1px; padding: 0px 35px; line-height: 50px; text-transform: uppercase; position: relative;}
.title h3:after, .title h3:before {background-repeat:no-repeat;content: ""; width: 13px; height: 50px; height: 100%; position: absolute; top: 0px;}
.title h3:after {left: -13px; background-image: url(../images/title-abg.png); background-position: 0px 0px;}
.title h3:before {right: -13px; background-image: url(../images/title-bbg.png); background-position: 0px 0px;}
.inner {float: left; width: 100%; border: 2px solid #dee2e6; padding:20px 30px;}
.prodsce .inner {padding: 50px 30px 20px; margin-top: -26px;}
.prodsce p {float: left; width: 100%; color: #5E606C; margin-bottom: 15px; line-height: 24px; font-size: 16px;}
/*.prodsce span {float: left; width: 100%; color: #5051c3; font-size: 16px; line-height: 20px;} */
.prodsce h2 {color: #5051c3; font-size: 18px; font-weight: 900; line-height: 24px; margin-bottom: 15px;}
.prodsce ul {float: left; width: 100%; padding-bottom: 20px;}
.prodsce ul li {color: #5e606c; padding-left:17px; float: left; width: 100%; font-size: 16px; margin:3px 0px; list-style: inside; list-style-type: disc;}
.tabs {margin: 30px 0px 0px; float: left; width: 100%;}
.tabs input {display: none;}
.tabs label {float: left; width: 100%; font-weight: 700; font-size: 20px; text-transform: uppercase; background-color: #faf9fd; color: #5051c3; padding:20px 30px; cursor: pointer; position: relative; margin-top: 10px; background-repeat: no-repeat; background-position: calc(100% - 20px) 50%; background-image: url(../images/close.png);}
.tabs label:hover, .tabs input:checked + label {background-color: #5051c3; color: #ffffff; background-image: url(../images/open.png);}
.tabs .content {display: none; float: left; width: 100%; margin-top: 1px;}
.tabs .content p {line-height:24px; color: #5e606c; font-size: 16px; float: left; width: 100%; padding: 10px 0px;}
/*.tabs .content p span {font-size: 15px; font-weight: 700; float: left; width: 100%;} */
.tabs .content ul {float: left; width: 100%;}
.tabs .content li {list-style: inside; line-height: 24px; margin-bottom: 5px; color: #5e606c; font-size: 16px; float: left; width: 100%;}
.tabs .content ol {margin: 0; padding: 0;}
.tabs .content ol li ul {padding-left: 30px;}
.tabs .content ol li {list-style-type: decimal;}
.tabs .content ol ul li {list-style: outside circle;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
	display: block;
}
.services {float: left; width: 100%; text-align: center; margin-top: 43px; box-shadow: 0px 0px 10px #f5f5f5; -moz-box-shadow: 0px 0px 10px #f5f5f5; -webkit-box-shadow: 0px 0px 10px #f5f5f5;}
.services ul {float: left; text-align: center; width: 100%; padding: 10px 0px;}
.services li {display: inline-block; padding: 9px 25px;}
.services li .icon {float: left; height: 50px; width: 50px; background-repeat: no-repeat; background-position: 50% 50%;}
.services li .icon1 {background-image: url(../images/icon1.png);}
.services li .icon2 {background-image: url(../images/icon2.png);}
.services li .icon3 {background-image: url(../images/icon3.png);}
.services li h3 {float: left; font-size: 18px; color: #e73d48; font-weight: 400; font-family: 'Passion One', cursive; text-transform: uppercase; text-align: left; padding:15px 0px 0px 12px; line-height: 18px;}
.footerpart {float: left; width:100%;}
.footerpart .topfooter {float: left; width: 100%; padding-top:50px; padding-bottom: 20px;}
.footerpart .topfooter .footerleft {float: left; width: 50%; padding-right: 90px;}
.footerpart .topfooter .footerright {float: left; width: 50%;}
.footerpart .topfooter .footerleft .flogo {float: left; width: 100%;}
.footerpart .topfooter .footerleft p {color: #5e606c; line-height: 24px; padding-top: 15px; float: left; font-size: 16px;}
.footerpart .topfooter .footerright .worldwide {color: #e73d48; font-weight: 400; font-size: 20px; padding-left: 50px; line-height: 39px; font-family: 'Passion One', cursive; background-repeat: no-repeat; background-position: 0px 50%; background-image: url(../images/icon4.png);}
.footerpart .topfooter .footerbox {float: left; width: 50%; padding-top: 25px; padding-bottom: 30px;}
.footerpart .topfooter .footerbox h4 {color: #5051c3; font-size: 15px; padding:0px 0px 15px; font-weight:700; text-transform: uppercase;}
.footerpart .topfooter .footerbox p {color: #5051c3; font-size: 16px; line-height: 24px; float: left; width: 100%;}
.footerpart .topfooter .footerbox ul {float: left; width: 100%;}
.footerpart .topfooter .footerbox ul li {width: 100%; float: left; margin:0px 0 10px;}
.footerpart .topfooter .footerbox ul li a {color: #5051c3; font-size:16px; text-transform: uppercase;}
.footerpart .topfooter .footerbox ul li a:hover {color: #e73d48;}
.footerpart .bttn {float: left; font-size:16px; margin:10px 0px 15px; width: 129px; height: 38px; text-align: center; background-color: #5051c3; text-transform: uppercase; font-weight: 700; color: #ffffff; padding:0px 10px; line-height:38px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.footerpart .bttn:hover {background-color: #e73d48;}
.footerpart .copyright {float: left; width: 100%; border-top: 1px solid #dee2e6; padding: 20px 0px;}
.footerpart .copyright p {float: left; width: 100%; text-align: center; color: #5e606c; font-size: 14px;}

.prodsce .thumbnails li {float: left; width: 25%; padding: 10px 15px; text-align: center; background-image: none; list-style: none;}
.thumbnails li .image-box {float: left; width:100%; height: 160px; margin-bottom: 15px;}
.thumbnails li .image-box a {display: inline-block; height: 100%;}
.thumbnails li .image-box a img {max-width: 100%; max-height: 100%;}
.thumbnails li.cross-sell .title a {color: #5e606c; font-size: 16px;}
.thumbnails li.cross-sell p {font-weight: bold; color: #5051c3; margin: 10px 0 0; font-size: 16px;}