@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*, * focus {
	outline: none!important;
	margin: 0;
	padding: 0;
}
a:hover{
	text-decoration:none!important;
}
html, body {
    height:100%;
}
body{
    font-family: 'Poppins', sans-serif !important;
	font-weight:400!important;
	line-height: 30px!important;
	font-size: 14px!important;
	color: #111!important;
	text-decoration: none;
	height:100%;
	background-color:#fff;
}
.container{	
	padding-top:40px;
	padding-bottom:40px;
	position:relative;
}
.container.page-content{
	top:-100px;
	background-color:#fff;
	position:relative;
	border-radius:10px;
	padding-left:30px;
	padding-right:30px;
	box-shadow:0px -5px 0px rgba(0,0,0,.3);
	width:1230px;
	padding-bottom:0!important;
}
.container-fluid{
	padding-top:40px;
	padding-bottom:40px;
	padding-right:50px!important;
	padding-left:50px!important;
	position:relative;
}
.container-fluid.no-padd{
	padding-top:0px!important;
	padding-bottom:0px!important;
}
@media screen and (max-width : 768px) {
.container-fluid{
	padding-top:20px;
	padding-bottom:20px;
	padding-right:20px!important;
	padding-left:20px!important;
	position:relative;
}
body{	
	line-height: 24px!important;
	font-size: 12px!important;
}
.container{	
	padding-top:15px;
	padding-top:bottompx;
	position:relative;
}
}
.res-hide{
}
.res-show{
	display:none!important;
}
@media screen and (max-width : 1020px) {
.res-hide{
	display:none!important;
}
.res-show{
	display:block!important;
}
}
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.top-nav{
	font-family: 'Montserrat', sans-serif!important;
	font-weight:500;
	line-height:35px!important;
	font-size:13px;
	font-weight:600;
	border-bottom:solid 0px #eee;
	color:#fff;
	background-image: linear-gradient(120deg, #b80f1f, #d71d16);
}
.top-nav a{
	color:#fff!important;
	text-decoration:none;
	/*background-color:#e4e7ee;*/
}
@media screen and (max-width : 1200px) {
.top-nav{
	text-align:right;
	font-size:11px;
}
}
@media screen and (max-width : 1020px) {
.top-nav{
	text-align:left;
	font-size:12px;
}
}
.top-nav .container{
	padding-top:0;
	padding-bottom:0;
}
.top-nav span{
	height:30px;
	display:inline-block;
	border-right:solid 1px rgba(0,0,0,0);
	background-color:rgba(0,0,0,.1);
	color:rgba(255,255,255,1);
	padding:0 5px 0 0;
	margin:0 0 0 3px;
}
.top-nav span a{
	color:rgba(255,255,255,1);
}
.top-nav span i{
	color:rgba(255,255,255,1);
	font-size:13px;
	margin:0 3px 0 0;
	padding:0 3px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:rgba(0,0,0,.05);
	float:left;
}
.affix {
      top:0;
      width: 100%;
      z-index: 99 !important;
	  background-color:rgba(255,255,255,1)!important;
	  padding:5px 0 0 0;
	  box-shadow:0px 0px 30px rgba(0,0,0,.1);
}
.affix .logo img{
	height:40px!important;
	width:auto!important;
}
.affix .header-left{	
	padding:2px 0 0 0;
}
.affix .header-right,.affix .header-right2{
	padding:0 0 0 0;
}
.affix .header-right ul{
	margin:5px 0 0 0
}
header{
	position:relative;
	width: 100%;
	background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1));
	padding:0 0 0 0;
	color:#fff!important;
}
header .container{
	padding-top:0;
	padding-bottom:0;
	position:relative;
}
header .logo{
	float:left;
	width:20%;
	padding:20px 0;
}
header .logo img{
	width:auto;
	height:60px;
	max-width:90%;
}
header .header-left{
	float:left;
	width:30%;
	padding:10px 0 0 0;
	position:relative;
}
header .header-left .hl-1{
	float:left;
	width:80%;
}
header .header-left .hl-2{
	float:left;
	width:15%;
}
header .header-left input[type="text"] {
	font-size: 14px;
	border: 1px solid #ccc;
	color: #333;
	font-weight: lighter;
	clear: both;
	padding: 0 10px!important;
	width: 100%!important;
	text-decoration: none;
	height: 36px!important;
	line-height:36px!important;
	margin: 0;
	border-radius:18px 0 0 18px;
	background-color:#fff!important;
}
header .header-left .btn1{	
	font-size:16px;
	text-transform:uppercase;
	font-weight:700;
	display:inline-block;
	background: -webkit-linear-gradient(45deg, #336699, #336699);
	background: linear-gradient(45deg, #336699, #336699);
	height:36px!important;
	line-height:36px!important;
	color:rgba(255,255,255,1);
	text-decoration:none;
	padding:0 15px;
	border-radius:0 18px 18px 0;
	margin:0;
	border:0;
}

header .header-right{
	float:left;
	width:30%;
	padding:10px 0 0 0;
	font-family: 'Titillium Web', sans-serif!important;
	font-weight:600!important;
	font-size:15px;
}
header .header-right ul{
	float:right;
}
header .header-right ul li{
	list-style:none;
	float:left;
	margin:0 0 0 20px;
}
header .header-right ul li a{
	color:#111;
}
header .header-right ul li a i{
	margin:0 5px 0 0;
	color:#fff;
	background-color:#336699;
	border-radius:100%;
	padding:5px;
}
header .header-right2{
	float:left;
	width:20%;
	padding:10px 0 0 0;
}
.t-menu{
	position:relative;
	float:left;
	width:80%;
	border-top:solid 0px #eee;
	height:auto;
	text-align:center;
	margin:0!important;
	padding:0!important;
}
.t-menu .container{
	padding-top:0!important;
	padding-bottom:0!important;
}
#searchList{
	position:absolute;
	z-index:10;
	width:95%;
	max-height:300px;
	top:52px!important;
	left:0px;
	background-color:#fff;
	border-radius:5px;
	box-shadow:1px 1px 3px rgba(0,0,0,.3);
	overflow-y: auto;
}
#searchList li{
	list-style:none;
	border-bottom:solid 1px #eee;
}
#searchList li a{
	display:block;
	padding:8px 15px;
	color:#666;
	line-height:normal;
	font-size:12px;
}
#searchList li a:hover{	
	background-color:#f9f9f9;
}
@media screen and (max-width : 992px) {
.affix {
      top:auto;
	  position:relative!important;
      width: 100%;
      z-index: auto !important;
	  background-color:rgba(255,255,255,1)!important;
	  padding:5px 0 5px 0;
	  box-shadow:0px 0px 10px rgba(0,0,0,.2);
}
header{
	position:relative;
	width: 100%;
	background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1));
	padding:0 0 0 0;
	color:#fff!important;
	border-bottom:solid 1px #ccc;
}
header .container{
	padding-top:0;
	padding-bottom:0;
	position:relative;
}
header .logo{
	float:left;
	width:40%;
	padding:10px 0;
}
header .logo img{
	width:auto;
	height:60px;
	max-width:90%;
}
header .header-left{
	float:left;
	width:60%;
	padding:10px 0 0 0;
	position:relative;
}
header .header-left .hl-1{
	float:left;
	width:60%;
}
header .header-left .hl-2{
	float:left;
	width:15%;
}
header .header-right{
	float:left;
	width:59%;
	padding:0 0 0 0;
	font-size:12px;
}
header .header-right ul{
	float:left;
}
header .header-right ul li{
	margin:0 10px 0 0;
}
header .header-right ul li a{
	color:#111;
}
header .header-right ul li a i{
	margin:0 3px 0 0;
	padding:3px;
}
.t-menu{
	position:relative;
	float:left;
	width:1%;
	border-top:solid 0px #eee;
	height:auto;
	text-align:center;
	margin:0!important;
	padding:0!important;
}
}


.home-steps{
	background-color:#0099ff;
	border-top:solid 10px rgba(255,255,255,.2);
	box-shadow:inset 0px -3px 3px -3px rgba(0,0,0,.3);

}
.home-steps .container{
	padding-top:15px;
	padding-bottom:5px;
}
.h-step{	
	text-align:center;
	font-size:13px;
	line-height:26px;
	color:#666;
	font-style:italic;
}
.h-step h4{
	color:#fff!important;
	text-transform:uppercase;
	font-style:normal;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
}
.h-step .hs-icon{
	display:inline-block;
	/*padding:10px;
	border:solid 2px #fff;*/
	text-align:center;
	margin:0 0 10px 0;	
}
.h-step .hs-icon img{	
}
@media screen and (max-width : 480px) {
.h-step .hs-icon img{
	width:42px;
	height:auto;
}
}


.h-ad{
	position:absolute;
	z-index:50;
	left:0;
	bottom:0;
	background-color:rgba(51,102,153,.1);
	/*background-image: linear-gradient(180deg, #dae8f3, #f5f9fc);*/
	color:#111;
	font-family: 'Montserrat', sans-serif!important;
	font-weight:400;
	width:100%;
}
.h-ad .container{
	padding-top:15px;
	padding-bottom:15px;
}
.h-ad img{
	width:50px;
	margin:0 10px 0 0;
	float:left;
	color:#111;
}
.h-ad .h-ad-cat{
	border:solid 1px rgba(255,255,255,1);
	padding:15px;
	line-height:25px;
	font-size:12px;
	background-color:#fff;
	box-shadow:0px 3px 5px rgba(0,0,0,.1);
}
.h-ad strong{
	font-size:16px;
	font-weight:700;
	text-transform:capitalize;
	display:block;
	color:#336699;
}
@media screen and (max-width : 992px) {
.h-ad{
	position:relative;
	z-index:auto;
	left:0;
	bottom:0;
	background-color:rgba(51,102,153,.1);
	/*background-image: linear-gradient(180deg, #dae8f3, #f5f9fc);*/
	color:#111;
	font-family: 'Montserrat', sans-serif!important;
	font-weight:400;
	width:100%;
}
}
@media screen and (max-width : 580px) {
.h-ad{
	width:100%;
}
.h-ad .container{
	padding-top:0px;
	padding-bottom:0px;
}
.h-ad img{
	width:40px;
	margin:0 5px 0 0;
}
.h-ad .h-ad-cat{
	padding:5px;
	line-height:20px;
	font-size:10px;
	margin:10px 0;
}
.h-ad strong{
	font-size:10px;
}
}

.h-exp{	
	display:block;
	margin:0 0 25px 0;
}
.h-exp a{
	box-shadow:5px 5px 0px #006699;
	position:relative;
	text-align:center;	
	display:block;
}
.h-exp a:hover{
	box-shadow:5px 5px 0px #e33f88;
}
.h-exp a:hover img{
	box-shadow:-3px -3px 0px #006699;
}
.h-exp a:hover h3{
	color:#fff!important;
	background-color:#006699;
}
.h-exp a img{
	width:100%;
	height:auto;
	padding:3px;
	box-shadow:-3px -3px 0px #e33f88;
}

.h-exp a h3{
	color:#fff!important;
	font-size:16px!important;
	position:absolute;
	padding:5px 10px;
	text-align:left;
	z-index:1;
	bottom:10px;
	text-shadow:0px 0px 3px rgba(0,0,0,0);
	background-color:rgba(227,63,136,1);
}

@media screen and (max-width : 768px) {

}



.home-1{
	background-color:#ddd;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-attachment: scroll;
	background-image: url(../images/home-1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position:relative;
	font-size:16px;
	box-shadow:inset 0px 0 100px rgba(0,0,0,.3);
	padding:20px 0;
}
.home-1 h5{
	color:#fff!important;
	font-weight:300!important;
	font-size:22px!important;
	line-height:normal!important;
	text-transform:uppercase;
	text-shadow:1px 1px 3px rgba(0,0,0,1)!important;
}
.home-1 h5 strong{
	font-size:48px;
	font-weight:700!important;
}
.home-1 .btn1{
	font-size:36px;
	line-height:36px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding:20px 40px;
	margin:30px 0;
}
.home-1 ul{
	list-style:none;
	width:100%;
	text-align:left;
}
.home-1 ul li{
	list-style:none;
	display:inline-block;
	width:24%;
	text-align:center;
	margin:15px 30px 15px 0 !important;	
}
.home-1 ul li a{
	display:block;	
	background-color:#fff;
	padding:20px;
	color:#d71d16;
	border-radius:15px;
	font-family: 'Montserrat', sans-serif!important;
	font-weight:500;
	box-shadow:0px 0px 0px 5px rgba(255,255,255,.3);
}


@media screen and (max-width : 1020px) {
.home-1{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	font-size:16px;
	padding:30px 0;
}
.home-1 h3{
	font-size:35px!important;
}
.home-1 h5{
	color:#fff!important;
	font-weight:300!important;
	font-size:22px!important;
	line-height:normal!important;
	text-transform:uppercase;
	text-shadow:1px 1px 3px rgba(0,0,0,1)!important;
}
.home-1 h5 strong{
	font-size:32px;
	font-weight:700!important;
}
.home-1 .btn1{
	font-size:26px;
	line-height:26px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding:20px 40px;
	margin:30px 0;
}
}

.home-2{
	background-color:#fff;
	box-shadow:inset 0px 50px 100px -50px rgba(0,0,0,.3);
}
.home-2 .hm2{
	line-height:40px!important;
	font-size:20px;
	border-right:solid 1px rgba(0,0,0,.1);
	padding:20px 0;
}
.home-2 .hm2 .fa{
	font-size:40px;
	color:rgba(0,0,0,.2);
	float:left;
	margin:0 10px;
}
.home-2 .hm2 a{
	color:#093eb6;
	font-family: 'Roboto Condensed', sans-serif!important;
	font-weight:700;
}
.home-3{
	background-color:#ddd;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-attachment: fixed;
	background-image: url(../images/home3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:relative;
	font-size:16px;
	color:#fff;
	padding:100px 0;
	text-align:center;
}
.home-3 .container-fluid{
	padding-top:40px;
	padding-bottom:40px;
}
.home-3 h3{
	color:#fff!important;
	margin:0!important;
	text-transform:uppercase;
}
@media screen and (max-width : 992px) {
.home-3{
	background-color:#ddd;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll!important;
	font-size:12px;
	padding:400px 0 0 0;
	text-align:center;
}
.home-3 .container-fluid{
	padding-top:15px;
	padding-bottom:15px;
	padding-right:50px!important;
	padding-left:50px!important;
	position:relative;
	background-color:rgba(0,0,0,.5);

}
}
@media screen and (max-width : 768px) {
.home-3{
	padding:180px 0 0 0;
}
}
@media screen and (max-width : 480px) {
.home-3{
	padding:130px 0 0 0;
}
}
h1, h2, h3, h4{
	font-family: 'Barlow', sans-serif!important;
}
h1{	
	font-weight:700!important;
	color: #24588b!important;
	font-size:36px!important;
	position:relative;
	padding:0 0 10px 0!important;
	margin:0 0 10px 0!important;
	text-transform:capitalize;
}
h1 span{
	width:80px;
	height:3px;
	line-height:3px;
	background-color:rgba(0,0,0,.3);
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
}
.text-center h1 span{
	left:50%;
	margin:0 0 0 -40px;
}
h2{
	font-weight:700!important;
	color: #336699!important;
	font-size:36px!important;
	position:relative;
	padding:0 0 10px 0!important;
	margin:0 0 10px 0!important;
}
h2 span{
	width:80px;
	height:3px;
	line-height:3px;
	background-color:rgba(0,0,0,.3);
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
}
.text-center h2 span{
	left:50%;
	margin:0 0 0 -40px;
}
h3{
	font-size: 24px!important;
	line-height: normal;
	color: #111!important;
	margin:0 0 10px 0!important;
	font-weight:600!important;
}
h4{	font-family: 'Titillium Web', sans-serif!important;
	font-weight:600!important;
	font-size: 18px!important;
	line-height: normal;
	color: #0a9134!important;
	margin:0 0 10px 0!important;
}
h5{	font-family: 'Titillium Web', sans-serif!important;
	font-weight:600!important;
	font-size: 16px!important;
	line-height: normal;
	color: #336699!important;
	margin:0 0 10px 0!important;
}
h6{
	font-size: 16px!important;
	font-style:italic;
	line-height:32px!important;
	color:#333!important;
	text-align:justify;
	margin-bottom:25px!important;
}
.text-center h6{
	text-align:center!important;
}
@media screen and (max-width : 768px) {
h1{
	font-size:150%!important;
}
h2{
	font-size:140%!important;
}
h3{
	font-size:130%!important;
}
h4{
	font-size:120%!important;
}
h5{
	font-size:110%!important;
}
h6{
	font-size:120%!important;
}
}
.inner-banner{
	background-color:#fff;
	position:relative;
	text-align:center!important;
	margin:0!important;
	padding:0!important;
	outline:0!important;
	background-color:#336699;
}
.inner-banner.product-page{
	background-color:#336699;
	padding:0px!important;
	outline:0px!important;
	text-align:left!important;
}
.inner-banner img{
	width:100%;
	height:auto;
	margin:0!important;
	padding:0!important;
	outline:0!important;
	border:0!important;
	vertical-align: top!important;
}
.inner-banner .ib-content{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	color:#fff;
	background-color:rgba(0,0,0,0);
	text-shadow:0px 1px 3px rgba(0,0,0,0);
	height:100%;
	display: table;
	box-shadow:inset 0px 0px 50px rgba(0,0,0,.3);
}
.inner-banner .ib-content h1{
	color:#fff!important;
}
.inner-banner .ib-content p{
	color:#fff;
	font-size:18px;
	line-height:26px;
	display:inline-block;
	background-color:rgba(0,0,0,.8);
	text-align:center;
}
.inner-banner .ib-content strong{
	display:block;
	font-weight:500;
	text-transform:uppercase;
	font-size:38px;
	line-height:50px;
	margin-bottom:10px;
	display:inline-block;
	padding:0 10px;
	background-color:#336699;
}
.inner-banner .container{
	display: table-cell;
    vertical-align: middle;
}
.inner-banner.product-page .container{
	padding-top:10px!important;
	padding-bottom:10px!important;
	display: block;
    vertical-align: auto;
}


@media screen and (max-width : 992px) {
.inner-banner .ib-content{	
	box-shadow:inset 0px 0px 50px rgba(0,0,0,.3);
}
.inner-banner .ib-content strong{
	font-size:28px;
	line-height:40px;
	margin-bottom:0px;
	padding:0 10px;
}
.inner-banner .container{
	padding:10px auto!important;
	display: table-cell;
    vertical-align: middle;
}
.inner-banner.large{
	background-image:url(../images/banner-login.jpg);
	background-size:cover;
	height:auto;
}
.inner-banner.large img{
	display:none;	
}
.inner-banner.large .ib-content{
	position:relative!important;
	z-index:auto;
	top:0;
	left:0;
	width:100%;
	color:#fff;
	background-color:rgba(0,0,0,0);
	text-shadow:0px 1px 3px rgba(0,0,0,0);
	height:100%;
	display: table;
	box-shadow:inset 0px 0px 50px rgba(0,0,0,.3);
}
}
@media screen and (max-width : 768px) {
.inner-banner .ib-content{	
	box-shadow:inset 0px 0px 50px rgba(0,0,0,.3);
}
.inner-banner .ib-content strong{
	font-size:16px;
	line-height:20px;
	margin-bottom:0px;
	padding:0 10px;
}
.inner-banner .container{
	padding-top:10px!important;
	padding-bottom:10px!important;
	display: table-cell;
    vertical-align: middle;
}
}



.breadcrumb {
  padding: 0!important;
  margin-bottom: 0px!important;
  list-style: none;
  background-color: rgba(255,255,255,0)!important;
  border-radius: 0px!important;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color:rgba(255,255,255,.8)!important;
  content: "/\00a0";
}
.breadcrumb > .active {
  color:rgba(255,255,255,.8)!important;
}
.breadcrumb > li a {
  color:rgba(255,255,255,1)!important;
}
.product-menu{
	width:100%;
	font-size:24px;
}
.product-menu ul{
	width:100%;
	display:table;
	padding:0!important;
	margin:0!important;
}
.product-menu ul li{
	display:table-cell;
	list-style:none;
	text-align:center;
	font-size:13px;
}
.product-menu ul li a{
	display:block;
	padding:0 10px;
	line-height:28px;
	color:#fff;
}
.product-menu ul li .buy{
	display:inline-block;
	padding:0 10px;
	line-height:30px;
	background-color:#4fc734;
	color:#fff;
	border:0;
}
@media screen and (max-width : 992px) {
.product-menu ul li a{
	display:block;
	padding:0 10px;
	line-height:16px;
	color:#fff;
}
}


.container p{
	margin:0 0 25px 0;
	text-align:justify;
}


.container2{	
	padding:30px 0;
	box-shadow:inset 0px 20px 50px -20px rgba(0,0,0,.1);
}
.container3{	
	background-color:#f9f9f9;
}
.container-red .list-subcat{
	margin:0;
}
.container-red .list-subcat li{
	list-style-type: none;
	padding:0;
	font-size:12px;
	font-weight:700;
	margin:1%;
	text-align:center;
	float:left;
	width:23%;
	position:relative;
}
.container-red .list-subcat li a{
	background-color:#fff;
	display:block;
	width:100%;
	color:#ff6c00;
	border:solid 5px #06b8eb;
	box-shadow:5px 5px 0px rgba(0,0,0,.3);
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	position:relative;
	height:180px;
	overflow:hidden;
}
.container-red .list-subcat li a img{
	width:100%;
	min-height:180px;
	height:auto;
	margin:0;
	padding:0!important;
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
	-o-transition-duration: 0.5s; /*Opera duration version*/
}
.container-red .list-subcat li a:hover{
	background-color:rgba(0,0,0,.5);
	display:block;
	color:#fff;
}
.container-red .list-subcat li a:hover img{
	-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
	-moz-transform:scale(1.1); /*Mozilla scale version*/
	-o-transform:scale(1.1); /*Opera scale version*/
}
.container-red .list-subcat li a h5{
	position:absolute;
	z-index:1;
	background-color:rgba(0,0,0,.5);
	left:0;
	bottom:0;
	width:100%;
	padding:5px 0;
	font-size:12px!important;
	color:#fff!important;
}
.container-red .list-subcat li:before {
    font-family: font-family: 'Open Sans', sans-serif!important;
    top:0;
	margin:0;
    content: "";
	color: #fff;
}
@media screen and (max-width : 980px) {
.container-red .list-subcat li{
	list-style-type: none;
	padding:0;
	font-size:12px;
	font-weight:700;
	margin:2%;
	text-align:center;
	float:left;
	width:46%;
	border-radius:10px 0 10px 0;
}
}
@media screen and (max-width : 480px) {
.container-red .list-subcat li{
	list-style-type: none;
	padding:0;
	font-size:12px;
	font-weight:700;
	margin:5%;
	text-align:center;
	float:none;
	width:90%;
	border-radius:10px 0 10px 0;
}
}
.product{
	position:relative;
	float:left;
	width:23%;
	height:260px;
	margin:1%;
	position:relative;
	background-color:#fff;
	border:solid 0 #fff;
	font-family: 'Barlow', sans-serif!important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.product .pro-inner{
	background-color:#fff;
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:auto;
	padding:0px;
	box-shadow:0px 0px 20px rgba(0,0,0,0);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}
.product:hover .pro-inner{
	z-index:2;
	left:-9%;
	top:-8.5%;
	padding:9%;
	width:118%;
	height:auto;
	box-shadow:0px 0px 20px rgba(0,0,0,.2);
	
}
.product .p-img{
	width:100%;
	height:200px;
	text-align:left;
	margin:0 0 20px 0;
	overflow:hidden;
	position:relative;
}
.product .p-img img{
	width:100%;
	height:auto;
	max-height:200px;
	margin-top:0px;
}
.product .thumb-detail{
	position:relative;
	width:100%;
	height:50px;
	overflow:hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-align:center;
}
.product .thumb-detail.th-home{
	height:30px;
}

.product:hover .thumb-detail{
	height:130px;
}
.product:hover .thumb-detail.th-home{
	height:30px;
}
.product:hover .p-img{
	box-shadow:0px 0px 10px rgba(0,0,0,.0);
}
.product .thumb-detail h3{
	font-family: 'Barlow', sans-serif!important;
	font-weight:600!important;
	color:#336699!important;
	font-size:18px!important;
	line-height:20px;
	height:30px;
	margin:0 !important;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.product .thumb-detail h5{
	font-family: 'Barlow', sans-serif!important;
	font-weight:600!important;
	color:#009900;
	font-size:18px!important;
	line-height:18px!important;
	margin-bottom:18px!important;
}
.product .thumb-detail h5 strong{
	color:#999;
	text-decoration:line-through;
	line-height:15px;
	margin:0 0 0 20px;
	font-weight:400!important;
}
.product .thumb-detail i{
	font-weight: normal!important;
	font-size:15px!important;
}
.product .thumb-detail strong i{
	font-weight: normal!important;
	font-size:15px!important;
}
.product .thumb-detail h6{
	text-align:center!important;
}
@media screen and (max-width : 992px) {
.product{
	position:relative;
	float:left;
	width:31.33%;
	height:auto;
	margin:1%;
}
.product .pro-inner{
	padding:10px;
	background-color:#fff;
	position:relative;
	z-index:auto;
	box-shadow:0px 0px 8px rgba(0,0,0,.2);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}
.product:hover .pro-inner{
	z-index:auto;
	left:0;
	top:0;
	padding:10px;
	width:100%;
	height:auto;
	box-shadow:0px 0px 8px rgba(0,0,0,.2);
	
}
.product .p-img{
	width:100%;
	height:auto;
	text-align:left;
	margin:0 0 20px 0;
	overflow:hidden;
	position:relative;
}
.product .p-img img{
	width:100%;
	height:auto;
	max-height:200px;
	margin-top:0px;
}
.product .thumb-detail{
	position:relative;
	width:100%;
	height:auto;
}
.product .thumb-detail.th-home{
	height:30px;
}

.product:hover .thumb-detail{
	height:auto;
}
.product:hover .thumb-detail.th-home{
	height:30px;
}
.product:hover .p-img{
	box-shadow:0px 0px 10px rgba(0,0,0,.0);
}
.product .thumb-detail h3{
	font-size:18px!important;
	line-height:20px;
	height:30px;
}
.product .thumb-detail h5{
	font-size:18px!important;
	line-height:18px!important;
	margin-bottom:18px!important;
}
.product .thumb-detail h5 strong{
	line-height:15px;
	margin:0 0 0 20px;
	font-weight:400!important;
}
.product .thumb-detail i{
	font-weight: normal!important;
	font-size:15px!important;
}
.product .thumb-detail strong i{
	font-weight: normal!important;
	font-size:15px!important;
}
}

@media screen and (max-width : 768px) {
.product{
	position:relative;
	float:left;
	width:48%;
	height:auto;
	margin:1%;
}
.product .pro-inner{
	padding:10px;
	background-color:#fff;
	position:relative;
	z-index:auto;
	box-shadow:0px 0px 8px rgba(0,0,0,.2);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	
}
.product:hover .pro-inner{
	z-index:auto;
	left:0;
	top:0;
	padding:10px;
	width:100%;
	height:auto;
	box-shadow:0px 0px 8px rgba(0,0,0,.2);	
}
.product .p-img{
	width:100%;
	height:auto;
	text-align:left;
	margin:0 0 10px 0;
	overflow:hidden;
	position:relative;
}
.product .p-img img{
	width:100%;
	height:auto;
	max-height:200px;
	margin-top:0px;
}
.product .thumb-detail{
	position:relative;
	width:100%;
	height:auto;
}
.product .thumb-detail.th-home{
	height:30px;
}

.product:hover .thumb-detail{
	height:auto;
}
.product:hover .thumb-detail.th-home{
	height:30px;
}
.product:hover .p-img{
	box-shadow:0px 0px 10px rgba(0,0,0,.0);
}
.product .thumb-detail h3{
	font-size:16px!important;
	line-height:20px;
	height:30px;
}
.product .thumb-detail h5{
	font-size:14px!important;
	line-height:14px!important;
	margin-bottom:14px!important;
}
.product .thumb-detail h5 strong{
	line-height:15px;
	margin:0 0 0 20px;
	font-weight:400!important;
}
.product .thumb-detail i{
	font-weight: normal!important;
	font-size:15px!important;
}
.product .thumb-detail strong i{
	font-weight: normal!important;
	font-size:15px!important;
}
}


.modal {
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
	padding:15px;
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
	margin-top:-20px!important;
	margin-right:-20px!important;
    color: #000;
    text-shadow: 0 0px 0 #fff!important;
    filter: alpha(opacity=100)!important;
    opacity: 1!important;
}
.modal-content h3{
	margin:10px 0!important;
	text-transform:uppercase;
	font-size:18px!important;
}


.product-detail{
	background-color:#fff;
}
.product-detail .pd-right{
}
.product-detail h1{
	font-family: 'Barlow', sans-serif!important;
	font-weight:500!important;
	color:#336699!important;
	font-size:34px!important;
}
.product-detail p{
	margin:0!important;
}
.product-detail h4{
	color:#2fb53f!important;
	line-height:30px!important;
}
.product-detail h5{
	font-family: 'Barlow', sans-serif!important;
	font-weight:500!important;
	color:#336699!important;
	font-size:30px!important;
	line-height:normal!important;
}
.product-detail h5 span{
	font-size:12px;
	font-weight:400!important;
	margin:0 20px 0 0px!important;
}
.product-detail h5 strong{
	color:#999;
	font-size:22px;
	text-decoration:line-through;
	font-weight:400!important;
	margin:0 0 0 0!important;
}
.product-detail label{
	font-family: 'Barlow', sans-serif;
	font-weight:600!important;
	font-style:normal;
	color:#111!important;
	font-size:14px!important;
	margin:0 !important;
}
.product-detail h6{
	font-style:normal;
	color:#666!important;
	font-size:14px!important;
	font-weight:400!important;
	margin:0 !important;
}
.product-detail .in-stock{
	background-color:#2fb53f;
	color:#fff;
	font-family: 'Barlow', sans-serif!important;
	font-weight:400!important;
	display:inline-block;
	border-radius:3px;
	padding:0 5px;
	text-transform:uppercase;
	line-height:20px;
	font-size:13px;
}
.product-detail .attribute-listing{
	margin: 0;
    padding: 0;
    list-style: none;
}
.product-detail .attribute-listing li {
    display: inline-block;
    margin-right: 5px;
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
    background-color: #eee;
    border-radius: 3px;
    border: 1px solid #eee;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
    padding: 10px 13px;
}
.product-detail .attribute-listing li.active, .product-detail .attribute-listing li:hover {
    background-color: #eee;
    border: 1px solid #666;
}
.product-detail .description ul{
	margin: 0;
    padding: 0;
    list-style: none;
	display:table;
	font-family: 'Barlow', sans-serif;
	font-weight:500;
	font-size:13px;
}
.product-detail .description ul li{
	float:left;
	width:50%;
}
.product-detail input[type="text"] {
	border:solid 2px #eee!important;
	padding:0!important;
	background-color:#eee!important;
	width:50px!important;
	margin-left:50px!important;
	text-align:center;
	border-radius:0!important;
	font-family: 'Barlow', sans-serif;
	font-weight:500;
	color:#000;
	font-size:18px;
}
.product-detail .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  font-family: 'Barlow', sans-serif;
  color:#000!important;
  font-weight:500;
    font-size: 16px;
}
.product-detail .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0px 0px 0 0;
  color:#000!important;
}
.product-detail .nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.product-detail .nav-tabs > li.active > a,
.product-detail .nav-tabs > li.active > a:hover,
.product-detail .nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.product-detail .tab-content{
	text-align:justify;
	padding:10px 0 0 0;
}

.testimonials{	
	background-color:#666;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image:url(../images/bg-testimonial.jpg);
	background-position:center center;
	background-attachment:scroll;
	padding:30px 0;
	position:relative;
	font-size:16px;
	color:#fff;
	box-shadow:inset 0px 0 100px rgba(0,0,0,.3);
	text-align:center;
}
.testimonials h4 a{	
	font-weight:700;
	color:#0275f9!important;
}
.testimonial{
	margin:0 0 30px 0;
}
.testimonial img{
	width:100px;
}
.testimonial .t-con{
	padding:25px;
	background-color:#fff;
	border:solid 1px #eee;
	position:relative;
	margin:0 0 35px 0;
	color:#333;
	font-style:italic;
	box-shadow:10px 20px 10px rgba(0,0,0,.2);
}
.testimonial .t-con .t-arrow{
	width:34px;
	height:34px;
	background-color: #fff;
	position:absolute;
	z-index:10;
	bottom:-17px;
	left:40px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
}
@media screen and (max-width : 480px) {
.testimonial img{
	width:80px;
}
}
.clients{
	height:100px;
	line-height:100px;
}
.clients img{
	height:100px;
	width:auto;
	margin:0 10px;
}


.partner{
	box-shadow:0px 0px 0px 1px #ddd;
	margin:1%;
	float:left;
	width:23%;
	text-align:center;
	padding:15px 0;
	overflow:hidden;
}
.partner img{
	width:auto;
	height:60px;	
}

@media screen and (max-width : 768px) {
.partner{
	box-shadow:0px 0px 0px 1px #ddd;
	margin:1%;
	float:left;
	width:23%;
	text-align:center;
}
}

@media screen and (max-width : 480px) {
.partner{
	box-shadow:0px 0px 0px 1px #ddd;
	margin:1%;
	float:left;
	width:48%;
	text-align:center;
}
}



.box1{
	border:solid 3px #ddd;
	padding:25px;
	border-radius:5px;
}
.box1 h4{
	font-size:28px!important;
	color:#666!important;
}
.form-box{
	border:solid 5px #ddd;
	background-color:#f9f9f9;
	box-shadow:10px 10px 0px rgba(0,0,0,.3);
	margin:0!important;
	padding:0!important;
}
.form-box iframe{
	margin:0!important;
	padding:0!important;
}
.video{
	background-color:#f9f9f9;
	border-radius:10px;
	width:100%;
	height:350px;
	box-shadow:10px 10px rgba(0,0,0,.2);
}
.video iframe{
	margin:0!important;
	padding:0!important;
	width:100%;
	height:350px;
	border-radius:10px;
}
.h2-box{
	position:relative;
	background-color:rgba(255,255,255,1);
	padding:40px 30px 30px;
	border-radius:5px;
	box-shadow:0px 3px 10px rgba(0,0,0,.5);
	margin-top:30px;
}
.h2-box .h2b-icon{
	background-color:#fff;
	position:absolute;
	left:50%;
	margin-left:-30px;
	top:-30px;
	width:60px;
	height:60px;
	padding:10px;
	border-radius:100%;
	line-height:50px;
	text-align:center;
	box-shadow:0px -4px 5px rgba(0,0,0,.1);
}
.h2-box .h2b-icon i{
	color:#336699;
	font-size:28px;
}
.forgot{
	margin:10px 0 0 0;
	color:#999;
	display:inline-block;
}

.presence{
	text-align:center;
	margin:20px 0;
}
.presence i{
	width:90px;
	height:90px;
	line-height:80px;
	font-size:40px;
	background: -webkit-linear-gradient(45deg, #006699, #054d71);
	background: linear-gradient(45deg, #006699, #054d71);
	color:#fff;
	margin:0 0 25px 0;
	box-shadow:10px 10px 0px rgba(0,0,0,.2);
	border-right:solid 5px #fff;
	border-bottom:solid 5px #fff;
}
.presence iframe{
	width:100%!important;
	height:200px!important;
	padding:10px;
	box-shadow:1px 1px 3px rgba(0,0,0,.5);
}
.presence h3{
	color:#051c49!important;
}
.presence h6 a{
	color:#666!important;
}


::-webkit-input-placeholder { /* Chrome */
  color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #666;
  opacity: 1;
}
input[type="text"] {
	font-size: 14px;
	border: 0px;
	border:solid 2px rgba(0,0,0,.1);
	color: #666;
	padding: 0 5px 0 40px!important;
	width: 100%!important;
	text-decoration: none;
	height: 50px;
	margin:0 0 10px 0!important;
	background-color:rgba(255,255,255,1);
	border-radius:5px;
	line-height:1!important;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { 
border-bottom:solid 3px #075482;	
}
input[type="tel"] {
	font-size: 14px;
	border: 0px;
	border:solid 2px rgba(0,0,0,.1);
	color: #666;
	padding: 0 5px 0 40px!important;
	width: 100%!important;
	text-decoration: none;
	height: 50px;
	margin:0 0 10px 0!important;
	background-color:rgba(255,255,255,1);
	border-radius:5px;
	line-height:1!important;
}
input[type="number"] {
	font-size: 14px;
	border: 0px;
	border:solid 2px rgba(0,0,0,.1);
	color: #666;	
	padding: 0 5px 0 40px!important;
	width: 100%!important;
	text-decoration: none;
	height: 50px;
	margin:0 0 10px 0!important;
	background-color:rgba(255,255,255,1);
	border-radius:5px;
	line-height:1!important;
}
input[type="email"] {
	font-size: 14px;
	border: 0px;
	border:solid 2px rgba(0,0,0,.1);
	color: #666;
	padding: 0 5px 0 40px!important;
	width: 100%!important;
	text-decoration: none;
	height: 50px;
	margin:0 0 10px 0!important;
	background-color:rgba(255,255,255,1);
	border-radius:5px;
	line-height:1!important;
}
input[type="password"] {
	font-size: 14px;
	border: 0px;
	border:solid 2px rgba(0,0,0,.1);
	color: #666;
	padding: 0 5px 0 40px!important;
	width: 100%!important;
	text-decoration: none;
	height: 50px;
	margin:0 0 10px 0!important;
	background-color:rgba(255,255,255,1);
	border-radius:5px;
	line-height:1!important;
}
select {
	font-size: 14px;
	border: 0px;
	border:solid 2px rgba(0,0,0,.1);
	color: #666;
	padding: 0 5px 0 4px!important;
	width: 100%!important;
	text-decoration: none;
	height: 50px;
	margin:0 0 10px 0!important;
	background-color:rgba(255,255,255,1);
	border-radius:5px;
	line-height:1!important;
}
select option {	
	color: #666;
}
textarea {
	font-size: 14px;
	border: 0px;
	border:solid 2px rgba(0,0,0,.1);
	color: #666;
	padding: 12px 5px 0 40px!important;
	width: 100%!important;
	text-decoration: none;
	height: 100px;
	margin:0 0 10px 0!important;
	background-color:rgba(255,255,255,1);
	border-radius:5px;
	line-height:1!important;
}
.fi{
	position:absolute;
	color:#006699;
	left:30px;
	top:15px;
	font-size:20px;
}
.f-user:before {
    content: "\f2c0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 18px;
	width:28px;
	text-align:center;
    position: absolute;
    bottom: 22px;
    left: 25px;
}
.f-email:before {
    content: "\f2b7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 18px;
	width:28px;
	text-align:center;
    position: absolute;
    bottom: 22px;
    left: 25px;
}
.f-map:before {
    content: "\f041";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 18px;
	width:28px;
	text-align:center;
    position: absolute;
    bottom: 22px;
    left: 25px;
}
.f-pin:before {
    content: "\f278";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 18px;
	width:28px;
	text-align:center;
    position: absolute;
    bottom: 22px;
    left: 25px;
}
.f-pin:before {
    content: "\f278";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 18px;
	width:28px;
	text-align:center;
    position: absolute;
    bottom: 22px;
    left: 25px;
}
.f-globe:before {
    content: "\f0ac";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 18px;
	width:28px;
	text-align:center;
    position: absolute;
    bottom: 22px;
    left: 25px;
}
.f-short:before {
    content: "\f036";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 18px;
	width:28px;
	text-align:center;
    position: absolute;
    bottom: 22px;
    left: 25px;
}
.f-message:before {
    content: "\f044";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 18px;
	width:28px;
	text-align:center;
    position: absolute;
    top: 10px;
    left: 25px;
}
.f-mobile:before {
    content: "\f10b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 26px;
	width:22px;
	text-align:center;
    position: absolute;
    bottom: 22px;
    left: 27px;
}
.f-pass:before {
    content: "\f084";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #336699;
    font-size: 26px;
	width:22px;
	text-align:center;
    position: absolute;
    bottom: 22px;
    left: 27px;
}

.btn1{
	font-family: 'Barlow', sans-serif!important;
	font-weight:600!important;
	display:inline-block;
	background: -webkit-linear-gradient(45deg, #336699, #336699);
	background: linear-gradient(45deg, #336699, #336699);
	line-height:44px;
	color:#fff;
	text-decoration:none;
	padding:0px 40px;
	margin:3px 0 10px 0;
	text-transform:uppercase;
	border-radius:3px;
	border:0;
	cursor:pointer;
	box-shadow:0px 5px 10px -5px rgba(0,0,0,.3);
}
.btn1:hover, .btn1:visited{
	text-decoration:none!important;
	color:#fff;
}
.btn-cart{
	font-family: 'Barlow', sans-serif!important;
	font-size:14px;
	font-weight:600!important;
	display:block!important;
	width:100%;
	background-color:#336699;
	line-height:50px;
	color:#fff!important;
	text-decoration:none;
	padding:0px 10px;
	margin:1px 0 10px 0;
	text-transform:uppercase;
	border-radius:3px;
	border:0;
	cursor:pointer;
	text-align:center;
	box-shadow:0px 5px 10px -5px rgba(0,0,0,.3);
}
.btn-cart:hover{
	background-color:#336699;
}
.btn2{
	font-family: 'Barlow', sans-serif!important;
	font-weight:600!important;
	display:inline-block;
	background: -webkit-linear-gradient(45deg, #006699, #054d71);
	background: linear-gradient(45deg, #006699, #054d71);
	background-color:#961e64;
	line-height:44px;
	color:#fff;
	text-decoration:none;
	padding:0px 40px;
	margin:3px 0 10px 0;
	text-transform:uppercase;
	border-radius:3px;
	border:0;
	cursor:pointer;
}
.btn2:hover, .btn2:visited{
	text-decoration:none!important;
	color:#fff;
}
.btn2-2{
	font-family: 'Barlow', sans-serif!important;
	font-weight:600!important;
	display:inline-block;
	background: -webkit-linear-gradient(45deg, #006699, #054d71);
	background: linear-gradient(45deg, #006699, #054d71);
	background-color:#961e64;
	line-height:44px;
	color:#fff;
	text-decoration:none;
	padding:0px 15px;
	margin:3px 0 10px 0;
	text-transform:uppercase;
	border-radius:3px;
	border:0;
	cursor:pointer;
}
.btn3{
	font-family: 'Barlow', sans-serif!important;
	font-weight:600!important;
	font-size:14px;
	display:inline-block;
	background: -webkit-linear-gradient(45deg, #24588b, #24588b);
	background: linear-gradient(45deg, #24588b, #24588b);
	line-height:34px;
	color:#fff;
	text-decoration:none;
	padding:0px 15px;
	margin:3px 0 10px 0;
	text-transform:capitalize;
	border-radius:2px;
	border:0;
	cursor:pointer;
}
.btn3:hover, .btn3:visited{
	background: -webkit-linear-gradient(45deg, #111, #000);
	background: linear-gradient(45deg, #111, #000);
	text-decoration:none!important;
	color:#fff;
}
.btn-file {
	position: relative;
	overflow: hidden;
	text-decoration: none;
	line-height: 35px;
	height: 35px;
	background-color: #FFF;
	cursor: pointer;
	color: #666;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #ccc;
	margin: 8px 0;
	border-radius:4px;
}
.btn-file:hover {	
	background-color:#f9f9f9;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
.fav{
	font-size:22px;
	color:#000!important;
	margin-left:10px;
	cursor:pointer;
}
.share{
	font-size:22px;
	margin-left:10px;
	cursor:pointer;
	color:#000!important;
}

.captcha {
	border: 1px solid #ddd;
	float: left;
	line-height:30px;
	padding:0px 5px 0px 0;
	margin-top:5px;
	background-color:#fff;
}
.captcha i{
	margin:10px 0 0 0;
}
.captcha a{
	color: #111;
	text-decoration:none;
}
.captcha img{
	float:left;
	margin:0 5px 0 0;
	padding:0!important;
	border:0!important;
	box-shadow: 0px 0px 0px #fff!important;
}
.footer2{
	background: -webkit-linear-gradient(45deg, #336699, #24588b, #24588b);
	background: linear-gradient(45deg, #336699, #24588b, #24588b);
	padding:0px 0 0 0;
	color:rgba(255,255,255,1);
	text-decoration: none;
	margin:0px 0 0 0!important;
	border-top:solid 0px #007bac;
	position:relative;
	font-family: 'Montserrat', sans-serif!important;
	font-weight:400!important;
}
.footer2 .container{
	padding-top:0;
	padding-bottom:0;
}
.footer2 .social{	
}
.footer2 .social li{
	float:left;
	list-style:none;
	margin:0 8px 0 0;
	border:0;
}
.footer2 .social li a{
	padding:0;
	margin:0;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	display:block;
}
.footer2 .social a i{
	color:#fff;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:18px;
}
.footer2 .social a img{
	height:16px;	
}
header .social{	
}
header .social ul{
	padding:0!important;
	margin:0!important;
	border:0!important;
	outline:0!important;
}
header .social li{
	display:inline-block;
	list-style:none;
	margin:0 0 0 2px!important;
	padding:0!important;
	border:0!important;
	outline:0!important;
}
header .social li a{
	padding:0;
	margin:0;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	display:block;
}
header .social a i{
	color:#fff;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:18px;
	background-color:rgba(0,0,0,.1);
}
.footer2 .f-nav2{
}
.footer2 .f-nav2 ul{
	margin:0!important;
}
.footer2 .f-nav2 ul li{
	float:left;
	list-style:none;
	padding:0;
	margin:8px 8px 0 0;
	border:0;
	color:rgba(255,255,255,.8);
	background-color:rgba(255,255,255,.1);
	padding:0 8px;
	font-size:12px!important;
}
.footer2 .f-nav2 ul li a{
}
.footer2 h3{
	font-weight:600!important;
	color:#fff!important;
	text-transform: capitalize;
	text-decoration: none;
	font-size: 20px!important;
	margin: 0;
	margin:20px 0 10px 0!important;	
	font-weight:700 !important;
	padding:15px 0 !important;
	border-bottom:solid 1px rgba(0,0,0,.5);
	box-shadow:0px 1px 0px rgba(255,255,255,.05);
}
.footer2 h3 a{
	color:#fff;
}
.footer2 h5{
	color:rgba(255,255,255,.6)!important;
	font-weight:400!important;	
	margin:0!important;
}
.footer2 h6{	
	color:rgba(255,255,255,.8)!important;
}
.footer2 h6 i{
	margin:0 5px 0 0;
	font-size:22px;
}
.footer2 hr{	
	border: 0!important;
	height: 1px!important;
	margin:20px 0!important;
	background: rgba(255,255,255,.1)!important;
	background-image: linear-gradient(to right, rgba(255,255,255,.1), rgba(255,255,255,.1), rgba(255,255,255,.1))!important;
}


.footer2 ul{
	margin:0;
}
.footer2 li{
	list-style:none;
	line-height: 30px;
	font-size:14px;
}
.footer2 li.no-bdr{
	border-bottom:solid 1px rgba(255,255,255,.0);
}
.footer2 li a{
	text-decoration: none;
	color:rgba(255,255,255,.8);	
}
.footer2 li a:hover{
	color: #fff;
}
.footer2 li span{	
	float:left;
	margin:0 10px 0 0;
}
.footer2 li span i{
	color:rgba(255,255,255,.5)!important;
	width:28px;
	font-size:24px;
	text-align:center;
}
.footer2 .call{
	margin:0px 0 0 0;
}
.footer2 .call h5{
	font-size:18px!important;
}
.footer2 .call i{
	font-size:40px;
	line-height:normal;
	float:left;
	margin:0 10px 0 0;
}
.footer2 .call a{
	color:#fff;
	font-weight:600;
	font-size:20px;
	line-height:normal;
}



footer{
	width:100%;
	font-size:13px;
	padding:10px 0;
	margin:30px 0 0 0!important;
	color:rgba(255,255,255,.8);
	background-color:rgba(0,0,0,.2);
}
footer a{
	color:#fff!important;
	padding:0 5px;
}



@media screen and (max-width : 992px) {
footer{
	padding:10px 0 70px 0;
}
.footer2 h4{
	font-size:20px!important;
	text-transform:uppercase;
	color:#fff!important;
	margin:20px 0 0 0!important;
	font-weight:700;
}
footer br{	
	display:inline-block;
}
}

.payment-method{
	margin:5px 0 0 0;
}
.payment-method img{
	height:auto;
	width:100%;
}

.right-strip{
	position:fixed;
	z-index:2000;
	bottom:0;
	right:0;
}
.right-strip .rs-btn{
	margin:0 50px 0 0!important;
}
.right-strip .right-strip-open{
	width:250px;
	background-color:#fff;
	padding:20px;
	box-shadow:0px 0px 5px rgba(0,0,0,1);
}
.right-strip input[type="text"] {
	height: 35px;
	margin:2px 0;
}
.right-strip input[type="password"] {
	height: 35px;
	margin:2px 0;
}
.right-strip input[type="tel"] {
	height: 35px;
	margin:2px 0;
}
.right-strip input[type="number"] {
	height: 35px;
	margin:2px 0;
}
.right-strip input[type="email"] {
	height: 35px;
	margin:2px 0;
}
.right-strip select {
	height:35px;
	margin:2px 0;
	border-radius:3px;
}
.right-strip textarea {
	width: 100%;
	margin:2px 0!important;
	font-family: 'Open Sans', sans-serif;
}
.right-strip h2{
	margin:0 0 10px 0;
	font-size:22px;
}
.right-strip p{
	line-height:normal;
	font-size:12px;
}

.fix-call{
    position:fixed;
    left:0;
    bottom:10px;
    width:100%;
    z-index:1000;
    background-color:rgba(255,255,255,0)!important;
    text-align:center;
    padding:0 10px;
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0)!important;
	text-align:right;
}
.fix-call a{
    color:#fff !important;
	width:52px!important;
	height:52px!important;
	line-height:32px!important;
	display:inline-block;
	text-align:center;
	background-color:#215384;
	border-radius:100%;
	padding:10px 5px!important;
}
.fix-call a img{
    width:32px!important;
	height:32px!important;
	line-height:32px!important;
}
.fix-call a.wa{
	background-color:#20b336;
}
@media screen and (max-width : 992px) {
.fix-call{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:1000;
    background-color:#3c77b1!important;
    text-align:center;
    padding:3px 0px;
    box-shadow:0px 0px 20px rgba(0, 0, 0, .5)!important;
	text-align:center;
}
.fix-call a{
    color:#fff !important;
    font-size:24px;
	height:auto;
	display:inline-block;
	text-align:center;
	margin:0 30px;
}
}

.team{
	float:left;
	width:23%;
	padding:0;
	margin:1%;
	box-shadow:5px 5px 0px 0px rgba(0,0,0,.2);
	position:relative;
}
.team img{			
	width:100%;
	height:auto;
	position:relative;
}
.team .t-nav{
	position:absolute;
	z-index:1;
	width:100%;
	left:0;
	bottom:0;
	padding:2%;
	background-color:rgba(0,0,0,.6);
}
.team .t-nav h3{
	color:#fff;
	font-size:13px;
	font-weight:700!important;
	margin:0!important;
}
.team .t-nav h5{
	color:#fff!important;
	font-size:12px!important;
	font-weight:lighter!important;
	margin:0!important;
}
@media screen and (max-width : 768px) {
.team{
	float:left;
	width:48%;
	padding:0;
	margin:1%;
	position:relative;
}
}
@media screen and (max-width : 480px) {
.team{
	float:left;
	width:94%;
	padding:0;
	margin:3%;
	position:relative;
}
}


.dynamic{
}
.dynamic ul{
	margin:15px 0 0 15px;	
}
.dynamic ul li{
	font-size:14px;
}
.dynamic ol{
	margin:15px 0 0 15px;
}
.dynamic ol li{
	line-height:normal;
	margin:0 0 20px 0;
}
.dynamic ul li ol{
	margin:15px 0 0 15px;
}
.dynamic ul li ol li{
	line-height:normal;
	margin:0 0 20px 0;
}


.custom-list{
	margin:0;
}
.custom-list li{
	list-style-type: none;
	padding:0 0 0 0!important;
	text-indent:0px!important;
	font-size:14px;
	border-left:solid 0px #FF6600;
	margin:0 0 10px 0!important;
	text-align:left!important;
}
.custom-list li:before {
    font-family: FontAwesome;
    top:0;
	margin:0 0 0 0!important;
    content: ""!important;
	color: #999;
	font-size:18px;
}
.custom-list li i{
	font-size:18px;
	color:#006699;
	margin:0 8px 0 0;
}
.custom-list li img{
	width:36px;
	height:auto;	
	margin:0 8px 0 0;
}

.list1{
	margin:20px 0 0 0;
}
.list1 li{
	list-style-type: none;
	padding:0 0 0 33px;
	text-indent:3px;
	font-size:14px;
	border-left:solid 0px #FF6600;
	margin:0 2% 10px 0;
	text-align:justify;
}
.list1 li:before {
    font-family: FontAwesome;
    top:0;
	margin:0 10px 0 -33px;
    content: "\f00c";
	color: #06b8eb;
	font-size:18px;
}


.list1-link{
	margin:0;
}
.list1-link li{
	list-style-type: none;
	border-bottom:dotted 1px #eee;
}
.list1-link li a{
	padding:5px 0 5px 33px;
	text-indent:3px;
	font-size:14px;
	border-left:solid 0px #FF6600;
	margin:0 2% 0 0;
	text-align:justify;
	display:block;
	color:#333;
}
.list1-link li a:before {
    font-family: FontAwesome;
    top:0;
	margin:0 10px 0 -33px;
    content: "\f00c";
	color: #06b8eb;
	font-size:18px;
}
.list1-link li a:hover {
	text-decoration:none;
	color:#06b8eb;
}



.list2{
	margin:0 0 15px 0;
}
.list2 li{
	list-style-type: none;
	padding:0 0 0 33px;
	text-indent:3px;
	font-size:14px;
	border-left:solid 0px #FF6600;
	margin:0 2% 10px 0;
	text-align:left;
	float:left;
	width:45%;
}
.list2 li:before {
    font-family: FontAwesome;
    top:0;
	margin:0 10px 0 -33px;
    content: "\f00c";
	color: #06b8eb;
	font-size:18px;
}
.list2-2{
	margin:0 0 15px 0;
}
.list2-2 li{
	list-style-type: none;
	padding:0 0 0 33px;
	text-indent:3px;
	font-size:14px;
	border-left:solid 0px #FF6600;
	margin:0 2% 10px 0;
	text-align:left;
	float:left;
	width:45%;
}
.list2-2 li:before {
    font-family: FontAwesome;
    top:0;
	margin:0 10px 0 -33px;
    content: "\f00c";
	color: #fff;
	font-size:18px;
}

@media screen and (max-width : 768px) {
.list2 li, .list2-2 li{
	list-style-type: none;
	padding:0 0 0 33px;
	text-indent:3px;
	font-size:14px;
	border-left:solid 0px #FF6600;
	margin:0 2% 10px 0;
	text-align:left;
	float:none;
	width:auto;
}
}

.tbl1{
    	width:100%;
}
.tbl1 th{
	padding:5px;
	background-color:#eee;
	border:solid 1px rgba(0,0,0,.1);
	font-family: 'Roboto Condensed', sans-serif!important;
	color:#666;
	font-size:14px;
	width="25%"
}
.tbl1 td.rs{
	padding:5px;
	background-color:#eee;
	border:solid 1px rgba(0,0,0,.1);
}
.tbl1 td{
	padding:5px;
	background-color:#fff;
	border:solid 1px #ccc;
	font-size:13px;
}
@media screen and (max-width : 768px) {
.tbl1 th{
	padding:3px;
	border:solid 1px rgba(0,0,0,.1);
	font-size:10px;
}
.tbl1 td.rs{
	padding:3px;
	font-size:8px;
	line-height:normal;
	background-color:#eee;
	border:solid 1px rgba(0,0,0,.1);
}
.tbl1 td{
	padding:3px;
	background-color:#fff;
	border:solid 1px #ccc;
	font-size:9px;
}
}

.cart-tbl{
	width:100%;
}
.cart-tbl th{
	padding:15px 10px;
	border-bottom:solid 1px rgba(0,0,0,.2);
	font-family: 'Roboto Condensed', sans-serif!important;
	color:#666;
	font-size:16px;
	background-color:#f4f4f4;
}
.cart-tbl td.rs{
	padding:5px;
	background-color:#eee;
	border:solid-bottom 1px rgba(0,0,0,.1);
}
.cart-tbl td{
	padding:12px 10px 3px 10px;
	background-color:#fff;
	border-bottom:solid 1px #ddd;
	font-size:13px;
	line-height:55px;
}
.cart-tbl td button[type="button"] {
	background-color: #006699;
	box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,.1);
	font-size: 1.2em;
	border: 0px solid #dddddd;
	color: rgba(255,255,255,1);
	font-weight: lighter;
	clear: both;
	height: 35px;
	line-height:35px;
	width: auto!important;
	padding: 0 8px!important;
	text-decoration: none;
	margin: 8px 0;
	border-radius:4px;
}


.cart-tbl td img{
	border-radius:5px;
}
.cart-tbl td a i{
	font-size:22px;
	color:#e33f88;
}
@media screen and (max-width : 768px) {
.cart-tbl th{
	padding:3px;
	font-size:10px;
	line-height:normal;
}
.cart-tbl td.rs{
	padding:3px;
	font-size:8px;
	line-height:normal;
	background-color:#eee;
	border:solid 1px rgba(0,0,0,.1);
}
.cart-tbl td{
	padding:3px;
	background-color:#fff;
	border:solid 1px #ccc;
	font-size:9px;
	line-height:normal;
}
.cart-tbl td input[type="text"] {
	font-size: 14px;
	border: 0px;
	border:solid 3px rgba(0,0,0,.1);
	color: #666;	
	padding: 0 5px 0 5px!important;
	width: 100%!important;
	text-decoration: none;
	height: 50px;
	margin:0 0 10px 0!important;
	background-color:rgba(255,255,255,1);
	border-radius:5px!important;
	line-height:1!important;
}
}
.cat-icon{
	float: right;
	padding: 80px;
	margin:0 0 0 30px;
	width: 126px;
	height: 126px;
	background-image: url(../images/h-slide-bg.html);
	background-repeat: no-repeat;
	background-position: center top;
	border:solid 5px #fff;
	box-shadow:0px 0px 10px #999;
	border-radius:50%;
}
.map{
	border:solid 3px #fff;
	box-shadow:0px 0px 10px #999;
	overflow:hidden;
}
.img-r{
	float:right;
	width:auto;
	max-width:450px;
	height:auto;
	margin:0 0 0 20px;
}
@media screen and (max-width : 768px) {
.img-r{
	float:none;
	width:100%;
	max-width:100%;
	height:auto;
	margin:0 0 20px 0;
}
}
img.quality{
	border-radius:100%;
	width:auto;
	height:auto;
	max-width:100%;
	background-color:#fff;
	border:solid 5px rgba(255,255,255,1);
	box-shadow:0px 5px 5px rgba(0,0,0,.2);	
}
/*hr{	
	border: 0!important;
	height: 1px!important;
	margin:10px 0!important;
	background: #333!important;
	background-image: linear-gradient(to right, #bbb, #ccc, #aaa)!important;
}*/
hr{	
	border: 0!important;
	height: 1px!important;
	margin:20px 0!important;
	background: #06b8eb!important;
	background-image: linear-gradient(to right, #eee, #ddd, #eee)!important;
}
.sitemap{	
}
.sitemap li{
	list-style:none;
	margin:0 0 5px 0;
}
.sitemap li a{
	list-style:none;
	color:#333;
	font-size:13px;
	text-decoration:none;
}
.sitemap li a i{
	width:15px;
	color:#999;	
}
.sitemap li a:hover{
	color:#993300;
}
.sitemap li{
	list-style:none;
}
.sitemap li ul{
	margin:5px 0 0 35px;
	float:left;
}
.sitemap li ul li{
	list-style:square;
}
.sitemap li ul li ul li{
	list-style:disc;
}
.page_nation{
	height: 45px;
	margin:30px 0 0 0;
}
.page_nation a{
	text-decoration: none;
	color: #fff!important;
	line-height: 30px;
	background-color: #242B34;
	height: 30px;
	border: 1px solid #242B34;
	font-weight: lighter;
	display: block;
	float: left;
	margin-right: 3px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;


	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.page_nation a:hover{
	text-decoration: none;
	color: #242B34;
	background-color: #F6D600;
	border: 1px solid #F6D600;
}
.page_nation .pn-sel{
	text-decoration: none;
	color: #fff;
	line-height: 30px;
	height: 30px;
	background-color: #dd2627;
	border: 1px solid #dd2627;
	font-weight: lighter;
	display: block;
	float: left;
	margin-right: 3px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;


	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.tbl-pro{
}
.tbl-pro th{
	padding:5px 0;
	color:#103d68;
	font-size:22px;
}
.tbl-pro tr{
	border-bottom:dashed 1px #ccc;
}
.tbl-pro td{
	padding:5px 0;
	font-weight:700;
	font-size:16px;
}
.tbl-pro td span{
	font-size:11px;
}
.tbl-pro td img{
	height:70px;
	width:auto;
	padding:8px;
	border:solid 1px #ccc;
}
@media screen and (max-width : 768px) {
.tbl-pro th{
	padding:5px 0;
	color:#103d68;
	font-size:12px;
}
.tbl-pro tr{
	border-bottom:dashed 1px #ccc;
}
.tbl-pro td{
	line-height:normal;
	padding:5px 0;
	font-weight:700;
	font-size:12px;
}
.tbl-pro td img{
	height:50px;
	width:auto;
	padding:8px;
	border:solid 1px #ccc;
}
}

.blog{
	background-color:#fff;
	border:solid 1px #eee;
	padding:15px;
	text-align:center;
	margin:10px 0;
	box-shadow:0px 3px 8px -3px rgba(0,0,0,.3);
}
.blog h3{
	font-size: 20px!important;
	height:40px;
	line-height: 20px;
	color: #24588b!important;
	margin:0 0 20px 0!important;
	font-family: 'Montserrat', sans-serif!important;
	font-weight:500!important;
}
.blog .blog-img{
	width:100%;
	height:200px;
	overflow:hidden;
	margin:0 auto 20px auto;
	border:solid 3px #fff;
}
.blog .blog-img img{
	width:100%;
	height:auto;
	min-height:200px;
}
.blog p{
	margin:0 0 20px 0;
}




.hex-grid__list {
    display: grid;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
<ul class="hex-grid__list">
    <li class="hex-grid__item">
        <div class="hex-grid__content">
            1
        </div>
    </li>
    <li class="hex-grid__item">
        <div class="hex-grid__content">
            2
        </div>
    </li>
    ...
</ul>