@import url(https://fonts.googleapis.com/css?family=Oleo+Script:400|Open+Sans:300,300italic,600,600italic,800);
body {
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../image/bg01.png");
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../image/bg01.png");
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../image/bg01.png");
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("../image/bg01.png");
	background-color: #f7f7f7;
	background-position: top left, top left;
	background-repeat: repeat-x, repeat;
	/*background-size: 100% 30em, auto;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 12pt;
	font-weight: 300;
	line-height:24px;
	color:#222;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: rgba(46,54,58,1);
}

a{
	color:rgb(51,59,62);
}

a:hover{
	text-decoration:none;
}

p{
	line-height:24px;
	color:#222;
	font-size: 1.1em;
}

ul{
	list-style:none;
	padding-left:0px;
	margin-bottom:0px;

}
.logo {
    text-align:center;
}

.logoimg { 
    max-width:250px;
    max-height:120px;
}

.img-responsive{
	display:inline;
}


/**  Header **/
.header{
	background-size:cover;

}

.header .topnav{
	left:0px;
    position:relative
}

.header .topnav.active{
	margin-left:0
  }
.show{
	display:inline-block;
  }
.header .topnav .logo {
   margin: auto;
    max-width: 300px;
    max-height:150px;
    text-align:center;
    padding:20px;
    background-color:#fff;
    box-shadow: 3px 4px 25px 0px rgba(0, 0, 0, 0.35);
    margin-bottom:15px;
   border-radius: 15px;
   margin-top:-20px;
}


.menu-item { 
position:relative; /* IE7 needs this */
padding:5px;
}
.menudivider {
    display:block;
    clear:both;
}
#DivMenuSection {float:left;
position:relative;
left:50%;
}

.menu-item .top-menu{
   border:solid 0px rgb(51,59,62);
   float:left; /* IE6 needs this */
   position:relative;
   left:-50%;
}

.menu-item .top-menu li{
    float:left;
    margin-bottom:5px;
 }

.menu-item .top-menu li a.active{
   background-color:rgba(255, 68, 134, 1);
   border-radius: 6px;
   color:#fff;
}
.menu-item .top-menu li a{
    -moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	font-weight: 600;
	letter-spacing: 0.010em;
	text-decoration:none;
	border-radius: 6px;
	padding: 1em 2em 1em 2em;
    text-transform:uppercase;
	font-size: 11pt;
    margin-left:8px;
    color:rgb(51,59,62);
    background-color:#ddd;  
}
.menu-item .top-menu li a:hover{
    background-color:#fff;
    border-radius: 6px;
    color:rgb(51,59,62);
}
/*sub menu*/
.menu-item .top-menu ul{
   
}
.menu-item .top-menu li li a{
   border-radius: 0;
   background-color:transparent;
}
.menu-item .top-menu li li a:hover{
    background-color:transparent;
    color:#222;

}
/*end sub menu*/
 .socials {
     float:left;
     border:solid 0px #222;
     margin-top:10px;
     width:80%;
}

.socialbox {
   
}
.socialbox li a{
    padding-left:12px;
}
.socialbox li a:hover{
    color:rgb(51,59,62);
}
.social-share{
   
}

.social-share li{
	float:left;
}
.social-share li a{
	color:rgba(255, 68, 134, 1);

}

.contact-ul {
   
}
.contact-ul li{
    float:left;
}
.contact-ul li:first-child {
     margin-left:20px
}

 .content-area{
	text-align: left;
    display: block;
    padding-top:20px;
    width:100%;
 }

 .content-area h1{
	font-size:65px;
	font-weight:700;
	margin:0px;
	color:#000;
}

#divContentSection {
    padding-left:20px;   
}

.header .content-area p{
	color:#000;
}

.header .content-area a{
	color:gray;
}
.header .content-area a:hover{
	color:rgba(46,54,58,1);
}
.green-color{
	color:#6ebd3c;
}

.mobile-menu-button .slide-btn2{
	width:40px;
	height:40px;
	color:rgb(51,59,62);
    text-align:center;
	padding-top:4px;
    display:none;
}

.carousel-box {
    /*margin-left:-25px;*/
}


.contentbox {
    padding:20px;
    background:white;
    color:#a3a3a3;
	font-size: 1.1em;
    border-radius: 6px;
}

.footer {float:right; margin-top:10px; color:rgba(46,54,58,1); margin-bottom:80px; font-size:10pt;}
.footer a {color:rgba(255, 68, 134, 1)}
.footer a:hover {color:rgba(46,54,58,1)}

.header .topnav p a:hover{
	 color:rgba(255, 68, 134, 1);
}
.header .content-area a.btn-primary
{
    color:#fff;
    
}
.header .content-area a.btn-primary:hover
{
    color:#fff;
}

.btn-primary {
    background-color:rgba(255, 68, 134, 1);
    border-color: transparent;
    border-radius: 6px;
}
.btn-primary:hover {
    background-color:rgb(51,59,62);
    border-color: transparent;
}
.btn-primary:focus,
.btn-primary.focus {
   background-color:rgb(51,59,62);
    border-color: transparent;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color:rgb(51,59,62);
    border-color: transparent;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  background-color:rgb(51,59,62);
    border-color: transparent;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #222;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #222;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #222;
  cursor: default;
  background-color: #eee;
  border-color: #eee;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.ProductAreaContainer {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}
.ProductItem {
     float:left;
    display:inline-block;
    width: 100%;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}


/*    MEDIA QUERIES    */
@media (max-width: 1900px) {
   
}
@media (max-width: 900px) {
    .socials {float:right;margin-top:10px;width:100%;}
    .social-share li{float:left;}
   /*Show mobile menu*/
    .mobile-menu-button {float:right; margin-top:10px }
    .mobile-menu-button .slide-btn2 {  display:inline-block; right:25px;}
    .header { height:80px; width:100%; position:absolute;}
	.header .topnav .logo {padding:5px; float:left; padding-right:15px; padding-left:15px; padding-top:20px;margin-left:0px}
    .topnav .logoimg { max-width:200px; max-height:50px;}

    .menu-item {  display:none; border:solid 0px #222;width:100%}
    .contentbox .carousel-box { padding-top:0}
    .sm-clean a span.sub-arrow { margin-right:-15px; }
    .sm-clean a {margin-right:55px;}
     #divContentSection {padding:20px; }
    .space {padding-top:50px;}
    #divBannerSection{margin-top:0px;}
   .contentbox { padding:0; margin-top:50px;}
    #DivMenuSection {border:solid 0 #fff; position:relative; left:auto; right:auto; float:right; margin-right:200px}
   .menu-item .top-menu{width:200px;position:absolute; top:60px; right:0px;}
   .menu-item .top-menu li{background-color:#222;margin-bottom:0;}
   .menu-item .top-menu li a.active{background-color:transparent}
   .menu-item .top-menu li a{background-color:transparent; color:white;width:200px; border:solid 0px #fff}
    .menu-item .top-menu li a:hover{background-color:transparent; color:white}
    /*sub menu*/
    .menu-item .top-menu ul{background-color:transparent; color:white}
    .menu-item .top-menu li li a{background-color:rgba(46,54,58,0.6); color:white}
    .menu-item .top-menu li li a:hover{background-color:transparent; color:white}
}
@media (max-width: 1200px) {
    
    .header .content-area {padding-left: 0px;padding-right: 0px;padding-top: 0px;}
    .header .container {padding-left: 10px;padding-right: 0px;padding-top: 0px;}
}



@media (max-width: 768px) {

 	.leftnav-socials{left:0px;}
	.leftnav-socials li{padding-left:10px;}
	.header .socials .bottom-txt p{font-size:11px;left:7px;}
	.leftnav-socials li{padding-left:15px;}
	.header .content-area {padding-left: 50px;padding-right: 50px;padding-top: 0px;}
    .carousel-content {display:none}
  
}

@media (max-width: 480px) {
 
 	.header .content-area {padding-left: 50px;padding-right: 50px;padding-top: 10px;display: block;}
	.header .content-area {padding-left: 0px;padding-right: 0px;padding-top: 0px;}
   
}
table td {
        font-size: 1.1em;
        padding:5px;
      
    }
     table td p{
        font-size: 1.1em;
        padding:5px;
      
    }