@import url(https://fonts.googleapis.com/css?family=Lato);

@import url(https://fonts.googleapis.com/css?family=Lobster);


body{margin:0; padding:0; color:#424242; font-size:14px; font-family: 'lato',serif !important;}
	a, a:hover{text-decoration:none;}
.outer-div{width:100%; margin:0; padding:0;}
.container{width:90%; margin:0 auto;}
.header{margin:0; padding:0; width:100%; background:url(../images/header-bg.jpg) no-repeat top right; background-color:#fff; 
box-shadow: 0px 0px 8px #888888; height:136px; border-top:solid 10px #7d378f; position:fixed; top:0; z-index:2000;
}
.logo{float:left; padding-top:15px;}
.menu{  background-color:transparent!important; border:0;}
.my-nav{background-color:transparent!important; border:0!important;}
.menu{ float:right!important; margin-top:103px!important; font-family: 'lato',serif !important;}
.menu li{margin:0; padding:0; float:left; list-style-type:none; border-bottom:solid 3px transparent;}

.menu li:hover{border-bottom:solid 3px #7d378f; transition: all 0.5s ease 0s;}

.menu li a{ display:block; margin:0 20px; padding:0!important; font-size:18px; color:#505155!important; text-decoration:none;}

.menu li a:hover{color:#7d378f!important; transition: all 0.5s ease 0s;}

.menu li.active{ border-bottom:solid 3px #7d378f;}

.menu li.active a{color:#7d378f!important; background:transparent!important;}

.menu li ul.submenu{ border:solid 1px #ccc;  border-bottom:solid 5px #7d378f;display:none; width:250px; position:absolute; background-color:#fff; margin:3px 0 0 0; padding:0; }
.menu li:hover ul.submenu{display:block;}
.menu li ul.submenu li{margin:0; padding:10px 0; float:left; list-style-type:none; width:100%!important;}
.menu li ul.submenu li a{ display:block; margin:0 20px; padding:0; font-size:14px; color:#505155; text-decoration:none;  width:100%!important;}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{ background-color:transparent!important;}


.banner{margin:136px 0 0 0; padding:0; width:100%; background:url(../images/banner.jpg) no-repeat;}
/*.banner img{width:100%; margin:0; padding:0px;}*/
.banner h2{font-size:60px; color:#484848; text-align:center; position:relative; z-index:1000; 
			padding:150px 0 120px; font-weight:500; }
.banner h2 p.tagline{ font-size:18px; text-align:center;}

.int-banner{padding:30px 0; margin:136px 0 0 0; width:100%; background:url(../images/int-bg.jpg) no-repeat;}
.int-banner h2{margin:0; font-size:40px; color:#7d378f; text-align:left; 	position:relative; z-index:1000; font-weight:700; }

.middle-container{width:100%; margin:30px 0; padding:0;  float:left; min-height:350px;}
.gray-product{margin:0 1% 20px 0; padding:0px; width:48%; float:left; border:solid 2px #cfd4df;  background-image: linear-gradient(to right, #cfd4df , #fff);}
.product-section{width:100%; padding:5%; float:left; min-height:425px;}


.product-heading{ margin:0; font-size:30px; color:#424242; text-transform:capitalize; width:100%; margin-bottom:40px; font-weight:normal; text-align:left;}
.prod-descip{line-height:24px; font-size:16px; width:65%; float:left;}
.prod-img{width:35%; float:right; text-align:right;}
.prod-img img{width:90%; max-width:136px; margin-top:-30px;}
.gray-btn{ cursor:pointer; border-radius:60px; background-color:#414d76; color:#fff; padding:15px 50px; font-size:20px; margin-top:30px; border:0; font-weight:normal;
font-family: 'lato',serif !important; border:solid 3px #414d76;  transition: all 0.5s ease 0s;
}
.gray-btn:hover{ color:#414d76; background-color:#fff;}

.pink-product{margin:0 0 20px 1%; padding:0px; width:48%; float:left; border:solid 2px #f9e0da;  background-image: linear-gradient(to right, #f9e0da , #fff);}
.pink-btn{cursor:pointer; border-radius:60px; background-color:#c5a8a1; color:#fff; padding:15px 50px; font-size:20px; margin-top:30px; border:0; font-weight:normal;
font-family: 'lato',serif !important; border:solid 3px #c5a8a1;  transition: all 0.5s ease 0s;
}

.pink-btn:hover{ color:#c5a8a1; background-color:#fff;}

.green-product{cursor:pointer; margin:0 1% 20px 0; padding:0px; width:48%; float:left; border:solid 2px #ccfa9e;  background-image: linear-gradient(to right, #ccfa9e , #fff);}
.green-btn{ border-radius:60px; border:solid 3px #6e8558; background-color:#6e8558; color:#fff; padding:15px 50px; font-size:20px; margin-top:30px; font-weight:normal;
font-family: 'lato',serif !important; cursor:pointer;
 
}

.green-btn:hover{border:solid 3px #6e8558; background-color:#fff; color:#6e8558; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}

.purple-product{margin:0 0 20px 1%; padding:0px; width:48%; float:left; border:solid 2px #efd1f6;  background-image: linear-gradient(to right, #efd1f6 , #fff);}
.purple-btn{cursor:pointer;  border-radius:60px; background-color:#956e9e; color:#fff; padding:15px 50px; font-size:20px; margin-top:30px; border:0; font-weight:normal;
font-family: 'lato',serif !important;  border:solid 3px #956e9e;  transition: all 0.5s ease 0s;
}

.purple-btn:hover{color:#956e9e; background-color:#fff;}

.about-section{width:100%; background:url(../images/about-bg.jpg) no-repeat top right; padding:50px 0; float:left;}
.heading{
	width:100%; margin:0 0 50px 0; font-size:48px; color:#fff; float:left; text-align:center;
}

.about{
	width:100%; margin:0 auto; text-align:center; color:#fff;  float:left; font-size:16px; line-height:20px;
}

.about p{width:70%; margin:0 auto 10px;}

.footer{ width:100%; background-color:#7d378f; color:#fff; text-align:center; float:left;}

.footer-div{ background:url(../images/footer-bg.png) no-repeat right top; margin-top:-30px; padding-top:40px;}

.footer-div a{padding:20px 15px; color:#fff; display:inline-block; text-decoration:none;}

.left-section {width:40%; margin:0; padding:0; float:left;}
.left-section .img-container{width:380px; max-width:90%; border-radius:120px; border:solid 1px #ccc; padding:10px; text-align:center;}
.left-section .img-container img{border-radius:120px; max-width:100%;} 

.right-section {width:60%; margin:0; padding:0; float:left;}

.right-section ul{margin:30px 0 0 0; padding:0;}
.right-section ul li{margin-left:18px; margin-bottom:10px;}

.product_list{margin:0; padding:0;}

.product_list li{float:left; margin-bottom:20px; width:21%; 
margin-right:2%; border:solid 1px #ccc; padding:10px; list-style-type:none; text-align:center; min-height:270px;}
.product_list li:hover{border:solid 1px #7d378f;}

.product_list li:last-child{ margin-right:0;}

.product_list li h2{width:100%; float:left; text-align:center; font-size:18px;}
.product_list li img{width:auto; text-align:center; height:150px; margin-bottom:20px;}

.product_list li a{text-decoration:none; color:#424242; font-size:18px; font-weight:700;}

.product_list li a:hover{text-decoration:underline;}

@media (max-width:967px){
	.container{width:100%;}
		.left-section{width:50%;}
	.right-section{width:50%;}
}

@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	.navbar-toggle, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
	{ background-color:#7d378f!important;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ margin-top:3px!important; background-color:#7d378f; border:0!important;}

	.dropdown-menu{ z-index:3000;} .navbar-toggle{ margin-top:80px;}
	.menu{margin:0; padding:0; margin-top:3px!important; width:100%;}
	.menu li{width:100%; float:left; padding:8px 0;}
	.menu li a{color:#fff!important;}
	.menu li.active{background-color:#fff!important;}
	.menu li:hover{color:#7d378f!important; transition: all 0.5s ease 0s; background-color:#fff!important;}
	.menu li:hover a{color:#7d378f!important;}
}
@media (max-width:1050px){
.container{width:100%;}
}

@media (max-width:767px){
	
	
	.gray-product, .green-product, .pink-product, .purple-product{ width:100%; margin:0 0 20px 0; }
	
	.banner h2{padding:100px 0; font-size:42px;}
	.left-section{width:100%;}
	.right-section{width:100%;}
	.left-section .img-container{width:100%; text-align:center; margin-bottom:20px; max-width:80%; margin:0 auto 20px; }

}
@media (max-width:567px){
.navbar-brand>img{width:80%}
}

.larger-font{font-size:20px; font-weight:500; }

.right-section h2{font-size:22px; font-family: 'Lobster', cursive; font-weight:400; color:#7d378f;}

.sample-packaging{color:#828383; font-size:14px; margin-top:5px;}
.menu li a:hover, .menu li a:focus{ background-color:transparent;}
.dropdown-menu li{margin-bottom:10px;}
.dropdown-menu li, .dropdown-menu li a{width:100%;}