html,body{ height:100%;}
body{color:#000;  font-family: 'Abel', sans-serif; font-size:20px;}
.floatright{ float:right; margin-left:0; margin-bottom:0;}
.floatleft{ float:left; margin-right:0; margin-bottom:0;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{ margin-top:0;}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{ margin-bottom:0;}
h1{ font-size:50px;}
h2{ font-size:40px; font-family: 'PT Sans', sans-serif;}
h3{ font-size:35px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:12px;}
ul,ol{ margin:0; padding:0;}
ul li{ list-style-type:none;}
p:last-child{ margin-bottom:0;}
a{ text-decoration:none; color:#fff;}
a:focus,a:hover{ text-decoration:none;}
img{ max-width:100%;}
section{ padding:80px 0; margin:0 0;}
section h2{ font-size:40px; margin-bottom:40px;}
.clear-fix{ clear:both;}
.btn{ display: inline-block; background:#639206; padding: 8px 32px; text-align: center; font-size:20px; color: #fff;}
.header{ margin:0 0; padding:0 0;}
.no-padding{ padding-right:0; padding-left:0;}

.header-top{ background:#639206;}
.header-left ul li{ list-style-type:none; float:left; padding:6px;}
.header-left ul li a{ color:#fff; font-size:15px; letter-spacing: 1px;}
.header-left ul li i{ font-size:17px; margin-left:10px; margin-right:10px;}


.header-botom{ background:#fff;}
.logo{ float:left; margin-right:15px; max-width:100px; position: absolute;left: 106px; z-index: 9; box-shadow: 4px 4px 5px -3px #000; border-radius: 50%;}

.header-botom-right{ float:right; padding: 10px 0;}







#cssmenu ul li a.active{ color:#ee4c8c;}
nav{position:relative;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
#cssmenu > ul{margin:0;}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a{text-transform: uppercase;padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#000;font-weight:700;border-right: 1px solid #e0e0e0;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fafafa}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#639206!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu ul li.active a{border:none;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; z-index:999;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fafafa}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#404040;}
#cssmenu ul ul ul li.active a{border-left:1px solid #639206 }
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #639206 }

@media screen and (max-width:1000px){
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:300px;border-top:1px solid #444}
#cssmenu ul li:hover{background:#f74a8b;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#ee95a7;}
#cssmenu ul ul li:hover{color:pink;}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#fff;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fafafa}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700;}
.button a{width:55px;height:46px;  color:#000; font-size:30px; position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; display:none;}
.button a{ display:block;}
#cssmenu { border-right: none;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#ee95a7 }
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fafafa}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.has-sub a:hover { background: #639206;}
.submenu-button {background: #639206;}
.open li a:hover{ background: #639206;}
.has-sub span.submenu-button:hover{ color:pink; background:none;}



.banner{ padding: 0; position:relative;}
.banner img{ max-width:100%;}
.carousel-caption{ position:absolute; width:100%; top:20%; left:20%; background:rgba(0,0,0,0.6);}
.carousel-caption h3{ font-size:15px; color:#000; font-weight:bold;}
.carousel-caption p{ font-size:20px; color:#fff;}

#owl-demo .item{padding: 0;margin: 0; color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;text-align: center;}
.bnr-text h2{ font-size:60px; font-family: 'Fredoka One', cursive; color:#fff;text-shadow:1px 1px 1px 1px #bcbcbc;}
.customNavigation {position: absolute;top: 40%;  left: 10%; bottom: 0; right: 0;}
.btn.next { float: right;z-index: 99;width: auto;}
.btn.prev{ float: left;z-index: 99;width: auto;}
.btn.next i { font-size: 100px; transition:all 0.5s ease-in-out;}
.btn.prev i { font-size: 100px; transition:all 0.5s ease-in-out;}
.area-color{ background:none;}
.carousel-caption {  position: absolute; width: 100%; top: 0; left: 0; display: flex; bottom: 0px;-webkit-box-align: center;-ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; transition: 0.3s all 0.3s; overflow: hidden; color: #fff; background: none;}
.caption.vertical-center.text-center h1{ font-size:40px; color:red;}
.bnr-text {margin: 0 0;text-align: center;text-shadow: none;}



.jute_bags{ background:#efedee;position:relative; color:#f2f2f; font-size: 20px;}

.jutebag_txt h2{color:#eb6291; font-family: 'Merriweather Sans', sans-serif;}
.jutebag_txt p span{ color:#aeaeae; font-weight: 600; font-size:23px;}
.jutebag_txt p { margin-right: 20px;}
.jutebag_image{ position:relative; margin:0 0; padding:0 0; text-align:right;}
.jutebag_image img{ max-width:100%; height:500px; border: 10px solid #d2d2d2; border-radius: 10px;}
.small-bag{ position:absolute; width:auto; height:auto; top: 45%; left:6%;}
.small-bag img{ max-width:100%; height:300px; border: 10px solid #f0aac2; border-radius: 10px;}
.learn-btn{ text-align:center; margin-top:20%}


.fbag p{ color: #270d04;font-size: 18px;}

.multibag{ background:#fff;}
.multibag h2{ font-family: 'Merriweather Sans', sans-serif; text-align:center; color:#eb6291;}
.multi_color{ position:relative;}
.multi_color img{ max-width:100%; }
.square-box{ 
    position:absolute; 
    width: 200px; 
    height: 200px; 
    background: #ee4d8b; 
    opacity: 0.6; 
    top:0;
    bottom:0px;
    left: 0;
    right: 0;
    margin:auto;
    transform: rotate(50deg); 
    border-radius:10px;
}
.white-border{ border: 3px solid #fff; padding: 13px 0 0 0; margin:16px; padding:82px 0; border-radius:10px;}
.multi-color_txt{
position:absolute; 
font-family: 'Merriweather Sans', sans-serif;
 color:#c0de13;
text-align: center;
max-width: 100%;
left: 0px;
right: 0;
top: 0px;
bottom: 0px;
align-items: center;
display: flex;
justify-content: center;
}


.fashion_bag {
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat ,#f8f8f8;
    background-size:335px;
    background-position: 15px center;
    color:#270d04;
    font-size:19px;  
}
.fashion_bg h3{ font-size:20px;color:#eb6291; text-align:center; font-weight:bold;}
.learn-btn.fashion {margin-top:40px; text-align: left;}


.video_img{ position:relative; overflow:hidden;}
.video h2{ font-family: 'Merriweather Sans', sans-serif; text-align:center; color:green;}
.video_txt{ position:absolute; width:100%; top:60px; left:0;}
.video_txt h3{ font-size:35px; color:#fff; text-align:center; font-weight:bold;}
.video_txt h6{ font-size:15px; color:#e36c7e; text-align:center;}
.video_txt_text { position: absolute;top: 54px;left: 50px; color:#270d04;}
.square-box .video_box{position: absolute; width: 200px;height: 200px; background: #ee4d8b;opacity: 0.6;top: 0%;left: 40%; right: -44px; margin: auto 90px;transform: rotate(-43deg); border-radius: 10px;}


#multi-slider .item{ margin: 3px;}
#multi-slider .item img{ display: block; width: 100%;height: auto;}


.bg-img{ background:url(/assets/images/bag_4.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; max-height:500px;}
.bg-img h2{ font-weight:800; color:#eb6291; text-align:center; font-family: 'Merriweather Sans', sans-serif;}
.bg-img p{ font-size:19px; color:#fff; text-align:center;}
.bg-img p span{ color:#eb6291;}
.learn-btn.bg_image{ margin:0; padding: 50px 0 0;}

.video_img.product{}

.video_txt_text.product h3 {font-size: 64px;color: #fff;font-weight: bold; text-align: center;}
.video_txt_text.product {top: 31%;left: 39%;}

.video_txt_text.contact{ background:none;}
.video_txt_text.contact h3 {font-size: 50px; color: #9a9a9a;text-align: center; padding: 26px 0;}
.video_txt_text.product h3 {font-size: 64px;color: #fff;font-weight: bold;text-align: center;}


.news_event h2{ font-weight:800; color:#eb6291; text-align:center; font-family: 'PT Sans', sans-serif;}
.blog-inner{ max-width:100%; border:none;}
.advertise{ width:50px; height:90px; background:green; text-align:center; border-radius:5px; float:left; margin-top: 6px; margin-right: 30px; padding: 26px 0;}
.advertise h6{ font-size:15px; color:#fff; font-weight: bold;}
.advert_txt{ margin-left:80px;display: block;}
.event_main{ margin-top:30px;}


.Our-gallery{ background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) center center no-repeat; background-attachment:fixed; background-size:cover;}
.Our-gallery h2{ font-weight:800; color:#eaeaea; text-align:center; font-family: 'PT Sans', sans-serif;}


.blog{ background:#fff;}
.blog-inner { margin-bottom: 36px;display:block;}
.blog-inner img{ max-width:100%;}
.blog h2{ font-family: 'Merriweather Sans', sans-serif; color:#eb6291; text-align:center;}
.blog h3{ font-size:20px; color:#eb6291; text-align:center; font-weight:bold;}
.blog p{ color:#270d04; font-size:16px; line-height: 20px; padding: 12px 0; text-align: center;}
.learn-btn.blog{ margin:0; margin-bottom: 30px;}


.footer{  position:relative;}
.footer-bg{ background:rgba(0,0,0,0.8); padding:80px 0;}
.footer-inner img{ max-width:150px; padding-top: 85px;}
.footer-inner h3{  font-family: 'PT Sans', sans-serif; color:#909090; font-size:30px;padding: 20px 0;}
.footer-inner ul li{ display:inline-block; margin-bottom: 10px;}
.footer-inner ul li a{ font-size:16px; color:#f3f3f3;}
.footer-inner span{ float:left; display:block; margin-right: 17px; border:1px solid #f3f3f3; width:35px; height:35px; text-align:center; padding:5px 0; border-radius:50%;}
.foter-menu ul li {display: block;}
.footer-inner p {color: #fff;}


.copyright{ background:#639206; padding:20px 0;}
.copyright h5{ font-size:18px; color:#fff; text-align:center;}

.about{ background:#f5f5f5;}
.about h2{ font-family: 'Merriweather Sans', sans-serif; color:#639206; font-size:40px;}
.about_txt h6{ font-size:16px; color:#000; font-weight:bold;}
.about_img ul li{ display:inline-block; padding: 0 7px;}
.about_img ul li img{ max-width:100%; border: 4px solid #fff; border-radius: 5px}




.contact{ background:#f5f5f5;}
.contact-top img{ max-width:100%;}
.contact-top h2{}
.contact-inner{ background:f7f7f7;}
.search-form-area::before,
.search-form-area::after{content:""; display:table; clear:both;}
.full-form-row{ width:100%; margin:0 0 10px; border:1px solid #000; border-radius:4px;}
.full-form-row input[type="url"],
.full-form-row input[type="text"]{ font-size:14px; color:#000; width:100%; height:40px; line-height:40px; border:none; background:none; padding:0 12px;}
.learn-btn.contact{ text-align:left; margin: 40px 0 0;}
.contact h2 {color: #639206;}

.cont-info.main h3 { margin: 0 0;font-size: 25px;font-weight: bold;text-align: left;}

.cont-info ul{ list-style-type:none; background: #639206; padding: 10px 0; border-radius: 5px;}
.cont-info ul li{ display: inline-block; padding: 0 11px;}
.cont-info ul li a{ color:#639206;display: block; width: 50px; height: 50px; background: #fff; border-radius: 50%; text-align: center; padding: 9px 0; transition:all 0.5s ease-in-out;}
.cont-info {text-align: center; vertical-align: top; }
.cont-info ul li a:hover{ background:#639206; color:#fff; transition:all 0.5s ease-in-out; cursor:pointer;}
label { font-size: 14px; font-weight:100;}

.contact_info ul li a { font-size: 20px;color: #000; text-align: center;}
.contact_info ul li span { display: inline-block; width: 50px; height: 50px; border: 1px solid #000; border-radius: 50%; text-align: center; padding: 9px 0; font-size: 22px;margin-right: 6px;}
.contact_info ul li {display: inline-block;   padding-top: 15px;}
.cont-maps {margin-top: 30px;}
.fa-2x { font-size: 17px;color: #909090;}


.read_more{ font-size:17px;color:#639206;transition:all 0.5s ease-in-out;position:relative;}
.read_more:after{color: #639206;
position: absolute;
content: "\f178";
top:5px;
right:-22px;
opacity: 0;
transition: all 0.5s ease-in-out;
font: normal normal normal 14px/1 FontAwesome; font-size:16px; opacity:0;}
.read_more:hover:after{ opacity:1; padding-left:10px;}
.read_more:hover{ padding-left:6px; color:#000; transition:all 0.5s ease-in-out;}


.blog_main { border: 2px solid #e4e4e4;margin-bottom: 30px;padding: 20px;border-radius: 5px;}
.video_txt_text.blog h3 {font-size: 60px;}
.video_txt_text.blog {top: 37%;left: 49%;background:none}
.images {float: left;width: 170px;display: block;margin-right: 20px;}
.blog_inner_txt{margin-left: 15px; padding: 16px 0; overflow: hidden;color: #000; font-size: 18px;line-height:1.3;}
.blog_inner_txt h3 {color: #000;font-size: 20px;}
.blog_inner_txt h6 {color: #000; font-size: 18px;}




.inquery-box{ background:url(/assets/images/enquiry-bg.jpg) center center no-repeat; background-attachment:fixed; height:800px; background-size:cover;}
.inquery-box h3 { text-align: center; padding-bottom:0;color: #fff;}
.enquiry-inner{ width:40%; height:100%; margin: 0 30%;}
.enquiry-box-left{ background: rgba(0,0,0,0.6); margin: 20px; padding: 30px; box-shadow: 8px 2px 36px 2px #fff; border-radius: 5px;}
.enquiry-form-area::before,
.enquiry-form-area::after{ content:""; display:table; clear:both;}
.enquiry-full-row-area{ float:left; width:100%; border-bottom:1px solid #fff; margin: 0 0 20px;}
.enquiry-full-row-area Input[type="text"]{ font-size:16px; color:#fff; width:100%; height:45px; line-height:45px; background:none; border:none; padding:0 12px;}
.message-form{ width:100%; height:150px; background:none; border:1px solid #fff; font-size:16px; color:#fff; padding:8px 12px;}
.btn.enquiry{ display: inline-block; background:#639206; padding: 8px 32px; text-align: center; font-size: 20px; color: #000; width: 100%; margin-top: 20px; margin-bottom: 15px;}

 
#toTop { position: fixed; bottom: 10px;  right:0; cursor: pointer; display: none; background: none; border: none;}

.contact h3{color:#639206;}
.cont-maps{
    border:4px solid #fff;
    border-radius:5px;
}

.small-inner-blog {
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    padding: 20px;
    margin-bottom: 20px;
}
.small-inner-txt h6 {
    color: #000;
    font-size: 15px;
    text-align: center;
}
.small-inner-blog img { width: 100px; float:left;}
.small-inner-txt.blog h3{ color: #000;font-size: 16px;}
.small-inner-txt.blog { background: none;}
.category{ padding:15px 0;}
.category h3{ font-size:30px; color:#000;}
.category ul{ list-style-type:none;}
.category ul li{ display:block; vertical-align:top; border-bottom: 1px solid #000; padding: 10px 0;}
.category ul li a{ font-size:20px; color:#969696; padding: 0 12px;}
 
.portfolio h3{ padding-bottom:20px; padding-top: 15px;}
.portfolio ul li { display:inline-block; vertical-align:top;  padding: 0 0 14px;}
.portfolio ul li a{ font-size:14px; color:#000; padding:10px 15px; text-align:center; background:#f8f8f8; border-radius:5px;}
.portfolio ul li a:hover{ background:#000; color:#fff;}


.button,.toogle_icon{display:none;}

@media(max-width:1024px){
    section{
      padding:45px 0px;  
    }
    .logo{position:static;}
}
@media(max-width:980px){
    .button,.toogle_icon{color:#000;float:right;display:block;}
    .toogle_icon i{font-size:30px;margin-top:30px;}
    .header-botom .container{width:100%;}
    .header-botom-right{width:100%;float:none;clear:both;}
     #cssmenu > ul > li,#cssmenu ul ul li{width: 100%;}
     .enquiry-inner{width:90%;margin:0px;}
}
@media(max-width:767px){
    section{
      padding:25px 0px;  
    }
    section h2{font-size: 26px; margin-bottom: 15px;}
    .jutebag_txt{ text-align:justify;}
    
    .bnr-text h2{font-size:4rem;}
    
    .learn-btn{margin-top:10px;}
    .jutebag_txt{margin-bottom:15px;text-align:center;font-size:18px;}
    .multi_color,.multi_color_2{margin-bottom:15px;}
    .jutebag_txt{text-align:left;}
    
    
    .about h2,.footer-inner h3{
    font-size: 28px;
    text-align: center;
    border-bottom: 2px solid;
    padding-bottom: 17px;

}
}

@media(max-width:640px){
    section{
      padding:25px 0px;  
    }
    section h2{font-size:20px;}
    .bnr-text h2{font-size:2rem;}
    .btn{width: 100%;padding: 7px 10px;font-size: 17px;}
    .enquiry-inner{width:100%;}
    .footer-inner img{padding-top:0px;}
    #portfoliolist .portfolio{width:100%;margin:0px 0px 10px;}
}