/*--- Variables ---*/
/*--- Global Styles ---*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,400italic,500,100italic,100,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Catamaran:400,800,500,700,900);
@import url('https://fonts.googleapis.com/css?family=Allura&subset=latin-ext');

body, * {
  font-family: 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #515151;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400; }

body, html {
  height: 100%;  }
html{
  height: 100%;  padding-bottom: 2px;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto', serif;  font-weight:600;
  margin: 0px;
  padding: 0px; }

input, button, select, textarea, .form-control {
  font-family: 'Roboto', Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: black;
  font-size: 16px; width: 100%; margin-bottom: 8px;
  line-height: 18px; }

*:focus, a:focus, a:active {
  outline: none; text-decoration: none;}

.overflow {
  overflow: hidden; }

a, a span {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; 
}
a:hover, a:hover span  {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
} 

.responsive{ max-width: 100%;}

.page-heading {
    color: #3f3f3f; margin-top:10px; font-size: 22px; padding-bottom: 10px; margin-bottom: 10px; color: #5d2a39; }
.page-title2 {
    color: #f444a7; margin-top:10px; font-size: 19px; font-weight: 600; padding-bottom: 10px;  margin-bottom: 10px; }

.page-title-sub {
    color: #5f5f5f; font-weight: 400; font-size: 19px; text-transform: capitalize; text-align: left; 
    background: url(../img/heading-bg.png) no-repeat bottom center; padding-bottom: 10px;  margin-bottom: 25px; display: inline-block; }

.page-content, .page-content p{
    color: #898989 !important; font-size: 16px; font-weight: 400; line-height: 24px !important;
 }

.page-contant h1{ font-size: 19px; color: #5d2a39; padding-bottom: 5px; margin-bottom: 8px; font-weight: 400; margin-top: 10px;  }
.page-contant h2{ font-size: 19px; color: #393939; padding-bottom: 5px; margin-bottom: 8px; font-weight: 400; margin-top: 10px; border-bottom: 1px dashed #ccc; }

.page-contant p{ text-align: justify; }

 .sub-heading{
    color: #545252; margin-top:10px; padding: 18px 0 10px 10px; font-weight: normal; font-size: 22px; margin-bottom: 10px;
    background: url(../img/heading-bg.png) no-repeat top left;
     }
.more{ background-color: #5d2a39; display: inline-block; padding: 5px 12px; color: #e4e2e2; font-size: 14px; border-radius: 16px;   }     
.more:hover{ color: #fff; text-decoration: none;  }     

/*--- Content ---*/
.content{padding: 15px 0;} 
  .content .page-title {
    margin-bottom: 10px; }
  .content .page-content h1 {
    margin-bottom: 10px; }
  .content .page-content h2 {
    margin-bottom: 10px; }
  .content .page-content h3 {
    margin-bottom: 10px; }
  .content .page-content h4 {
    margin-bottom: 10px; }
  .content .page-content h5 {
    margin-bottom: 10px; }
  .content .page-content h6 {
    margin-bottom: 10px; }
  .content .page-content .alignnone {
    margin: 5px 20px 20px 0; }
  .content .page-content .aligncenter,
  .content .page-content div.aligncenter {
    display: block;
    margin: 5px auto 5px auto; }
  .content .page-content .alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .content .page-content .alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  .content .page-content a img.alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .content .page-content a img.alignnone {
    margin: 5px 20px 20px 0; }
  .content .page-content a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  .content .page-content a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .content .page-content ul, .content .page-content ol {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 20px;
    overflow: hidden; }


.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.top-upper{ background-color: #efefef; border-bottom: 1px solid #d7d4d4;}
.top-upper span{ display: block; float: right; padding-top: 3px; color: #787878;}

.home-image{ overflow: hidden; background: url(../img/home.jpg)  no-repeat bottom right; }
.h-logo img{ width: 165px; margin-top: 32%; margin-bottom: 15%; }
.h-menu{ width: 100%; text-align: center; margin-bottom: 48%;}
.h-menu ul{ display: inline-block; list-style: none; margin: 0; padding: 0; line-height: 48px; }
.h-menu ul li{ display: inline-block; }
.h-menu ul li a{ font-size: 38px; padding: 8px 15px; color: #292929; text-decoration: none;  font-family: 'Allura', cursive; }
.h-menu ul li a:hover{ color: #e20a83; }

.main-menu{ width: 100%; text-align: right; }
.main-menu ul{ display: inline-block; list-style: none; margin: 0; padding: 0; line-height: 50px;}
.main-menu ul li{ display: inline-block; }
.main-menu ul li a{ font-size: 30px; padding: 5px 15px; color: #292929; text-decoration: none;  font-family: 'Allura', cursive; }
.main-menu ul li a:hover{ color: #e20a83; }

.top{ background-color: #fff; margin-top: 0px; 
  /* position: fixed; */
  width: 100%;
  top: 0px; 
  z-index: 1000;
 -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}


.top.shrink {top: 0px;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 0 3px 3px 3px rgba(0,0,0,0.3);
  box-shadow: 0 3px 3px 3px rgba(0,0,0,0.3);
}

.top.shrink .top-call{ display: none;}
.top.shrink .logo {display: none;}


/*--- Header ---*/
.logo {
  display: block;
  padding: 3px 0px 3px 0px;
  }
 .logo img {
  max-width: 100%;
 }

.logo2 {
  display: block;
  margin-right: 0;
  padding: 10px 0px 10px 0px;
  max-width: 100%;
  }


.logo-small{ display: none;}
.top.shrink .logo-small {display:block !important; }

.call{ padding-left: 72px; margin: 5px 0 8px 0; background: url(../img/call.png) no-repeat top left;  color: #676767; font-size: 16px; text-align: left;}
.call span{ width: 100%; font-size: 15px; color: #5d2a39; font-weight: 700; display: block; text-align: left;}
.call a{ width: 100%; font-size: 15px; color: #b4b3b3; display: block; text-align: left;}

.visit{ padding-left: 72px; margin: 5px 0 8px 0; background: url(../img/visit.png) no-repeat top left;  color: #676767; font-size: 16px; text-align: left;}
.visit span{ width: 100%; font-size: 16px; color: #5d2a39; font-weight: 700; display: block; text-align: left;}
.visit a{ width: 100%; font-size: 15px; color: #b4b3b3; display: block; text-align: left;}

/*--- Banner ---*/
.banner{ background-color: #dadada; overflow: hidden; }
.banner .carousel-caption {
  text-shadow: none; }
.banner .carousel-control {
  background: none; }

.manu-wrapper{background-color: #5d2a39; padding:8px 0;}
.top-menu{ width: 100%; text-align: center; }
.top-menu ul{ margin: 0px 0 0px 0; padding: 0; list-style: none; display: inline; }
.top-menu ul li{ display:inline-block; margin: 0 1px; padding: 0;    }
.top-menu ul li:last-child{ background: transparent; }
.top-menu ul li a{font-size: 18px; color: #fff;  font-weight:300; padding:  6px 18px 6px 15px; text-decoration: none; }
.top-menu ul li a:hover{ text-decoration: none; color: #f0fde4!important; border-bottom:3px solid #ed3237; }
.top-menu ul li.active a{ text-decoration: none; color: #f0fde4!important; border-bottom:3px solid #ed3237; }
.top-menu ul li a:visited{ text-decoration: none; color: #fff;}

.top.shrink .top-menu {margin-top: 2px; }



.carousel-inner a img { width: 100%;}
.service-wrapper{margin: 15px 0; padding: 0; background-color: none; }
.service-image{ border: 1px solid #ccc; padding: 5px; }
.service-image a img{ width: 100%; height: auto;}
.service-image a h2{ margin-bottom: 8px; font-weight: 500; font-size: 20px; color: #515151;}


.service-box{ text-align: center; padding:15px 0;}
.service-box a img{ display: inline; max-height: 100% !important;}
.service-box span{ display: inline; color: #fff; font-size: 24px;}

.slick-slide img {
    display: block;
    width: 100%;
}

.about-content{ background-color: #fff;}
.about-content2{ background-color: #f2f2f2; padding: 30px 0; background: url(../img/cam.png) no-repeat bottom right;}
.key { background-color: #dedede; border-radius: 30px; margin:15px 0; padding: 15px; min-height: 90px;  }
.key h3{font-weight: 500; font-size: 19px; line-height: 26px;  }	 
.about-text{ padding: 30px 30px 30px 0px;}
.about-bg{ padding: 50px 0;  }

.d-service{ margin:0; padding: 0; list-style: none; }
.d-service li { margin-bottom: 8px;}
.d-service li a{ padding: 5px 8px; display: block; color: #7f7f7f; background: url(../img/li-hover.png) no-repeat -10px 10px; background-color:#f4f4f4; }
.d-service li a:hover{ padding: 5px 8px 5px 20px; ; text-decoration: none; color: #7f7f7f; background: url(../img/li-hover.png) no-repeat 6px 10px; background-color:#f4f4f4; }

.solution-content{ background-color: #e4e2e2; padding: 60px 0; }
.solution-content h3{ margin-bottom: 8px; font-weight: 500; font-size: 20px;}

.care-center{ width: 100%; margin-bottom: 20px; padding-bottom: 0px; border-bottom: 1px dashed #dcdada;}
.care-center h1{ color:#2d92c1; font-size: 18px; margin: 0; padding: 0;}
.care-center h2{ color: #777676; font-size: 22px; border-bottom: 0;;}
.care-center h1 a{ text-decoration: none; color: #969696; font-size: 14px;} 
.care-center h1:hover a { text-decoration: none; color: #33a3d7;  font-size: 15px;} 

.l1{ display: block; text-align: center; padding: 22px 0; margin-bottom: 15px; color: #fff; font-size: 18px; background:url(../img/mag.png) no-repeat -120px 5px;  background-color: #3dc2ff; }
.l2{ display: block; text-align: center; padding: 22px 0; margin-bottom: 15px; color: #fff; font-size: 18px; background:url(../img/mag.png) no-repeat -120px 5px;  background-color: #33a3d7; }
.l3{ display: block; text-align: center; padding: 22px 0; margin-bottom: 15px; color: #fff; font-size: 18px; background:url(../img/mag.png) no-repeat -120px 5px;  background-color: #008acc; }
.l1:hover{ color: #fff;  text-decoration: none; background:url(../img/mag.png) no-repeat 40px 5px; background-color: #1685b7; font-size: 35px;}
.l2:hover{ color: #fff;  text-decoration: none; background:url(../img/mag.png) no-repeat 40px 5px; background-color: #086691 ; font-size: 35px;}
.l3:hover{ color: #fff;  text-decoration: none; background:url(../img/mag.png) no-repeat 40px 5px; background-color: #075c84; font-size: 35px;}

.l1 span,.l2 span,.l3 span { color: #fff; font-size: 22px; display: block; font-weight: 500; margin-top: 5px;}
.l1:hover span,.l2:hover span,.l3:hover span { color: #fff; font-size: 16px; display: block; font-weight: 500; margin-top: 5px;}



.about{ padding: 10px 0; }
.page-content{}


.sub-page{ padding: 60px 0;}
.home-product-wrapper{ padding: 20px 0 60px 0; background-color: #fff;}
.product-wrapper{ margin: 10px 0;}
.product-image{ border: 1px solid #bbbbbb; overflow: hidden; }
.product-image img{ width: 100%; }
.product-name{ font-family: 'Catamaran', sans-serif; color: #222222; font-weight: 700; font-size: 20px; padding:10px 0 2px 0; }
.product-code{ color: #696969; font-weight: 500;}
.product-list{ margin: 15px 0; }

.product-image img { width: 100%; height: auto; transition: all 0.5s ease-in-out;}
.product-image:hover img { transform: scale(1.2); transition: all 0.5s ease-in-out;}

.product-details .product-name { margin-bottom: 15px; border-bottom: 1px dotted #ccc; padding-bottom: 10px;}
.up{ background: url(../img/up.png) no-repeat; width:50px; height:50px; display: block;}

/*--- Footer ---*/
.footer {
  padding: 18px 0px; background-color: #3b3b3b; }
.footer-box{ padding:0px 0px; text-align: center; }
.footer-box ul{ margin:0px 0 0 0px; padding: 0; list-style: none; display: inline-block; line-height: 32px; }
.footer-box ul li{ margin:0; padding: 0; line-height: 26px; display: inline-block; color: #3b3b3b;}
.footer-box ul li a{ padding: 6px 10px 6px 10px;; text-decoration: none; color: #d1d1d1;  }
.footer-box ul li a:hover{ text-decoration: none; color: #fff;  }
.footer-data{margin:15px 0 15px 8px; color: #b7b6b6; line-height: 20px; }

.footer-data b{color: #fff; font-weight: 400;}

.footer-social{background-color:#2f2f2f; padding: 5px 0;}
 .socialmedia-menu {
  margin: 0px 0 0 0px !important; padding: 0px 0 0 0px !important; list-style: none; }
  .socialmedia-menu li{ display: inline-block;  }
  .socialmedia-menu li a{ padding: 8px 15px; display: block; overflow: hidden; }
  .socialmedia-menu li:last-child a{   }
  .socialmedia-menu li a i{ font-size: 22px; color:#a8a8a8; 
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;}
  .socialmedia-menu li a i:hover{color: #fff; 
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; 
}


.up {
    background: url(../img/up.png) no-repeat;
    width: 50px;
    height: 50px;
    display: block;
}

.footer2 {padding:10px 0px; background-color: #fff; }
.copy-text{ color: #7a7a7a; font-size: 14px;  display: block; text-align: left; padding: 4px 0; }
.wc-text{ text-align: right; padding: 4px 0;}
.wc-text a { text-decoration: none; color: #7a7a7a; font-size: 14px; display: block;}
.wc-text a:hover { text-decoration: none; color: #000;}


.arrow{ width: 100%; z-index:600;}
.arrow .prev{ height: 50px; width: 50px; background: url(../img/left.png) no-repeat center center; 
  display: inline-block; position: absolute; top:40%; color: red; left: 10px; cursor: pointer; z-index:600;}
.arrow .next{ height: 50px; width: 50px; background: url(../img/right.png) no-repeat center center; 
  display: inline-block; position: absolute; top:40%; color: red; right: 10px; cursor: pointer; z-index:600;}

.masonry { /* Masonry container */
    column-count: 4;
    column-gap: 1em;
}
.gel-item { /* Masonry bricks or child elements */
    border: 1px solid #eeeeee; border-bottom: 2px solid #eeeeee;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
    padding: 15px; 
    text-align: justify;
}
.gel-item h2 { font-weight: 500; font-size:20px; color: #727376; }
.gel-item img { width: 100%; height: auto; margin:8px 0; }
.gel-item p {     font-weight: 400;font-size: 14px; line-height: 20px !important; }

@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}



.content .page-title {
    margin-bottom: 20px; font-weight: 500; font-size: 24px; color: #24abb6; padding: 5px 8px;  }

.sub-banner{ display: block;  background-color: #ed3237; overflow: hidden; overflow: hidden;

 }



.slick-slider {
    margin-bottom: 0;
    position:relative;
}
ul.slickslide {
    padding-left:0;
    max-width:100%;
}
.slick-slider .slick-track {
    min-width:100%;
}

ul.slickslide li img {
    width:100%;
    height: 
}
.slick-dots button img {
    width:100%;
    height: auto;
}

.slick-dots {
    bottom:0;
    top:auto;
    left:auto;
    right:auto;
    position: relative !important;
    line-height:0;
}

.slick-dots li, .slick-dots li button:before {
   /* width: 100px;
    height:100px; */
    margin:0;
    padding:0;
}
.slick-dots li {
    margin: 5px; display:inline-block; width:auto;height:auto;
}

.slick-slider .slick-track {
    min-width:100%;
}
.slick-dots li button {
    margin:0;
    height:auto;
    width:100%;
    padding:0;
    font-size: 20px;

}

.slick-dots li button.tab { clear:both;   display:block;}
.slick-dots li button img { width:100%; max-width:80px; height:auto;   }
.slick-dots li button:before {
    content:''; display:block; width:100%;  max-width:150px; overflow:hidden; float:none;  position:relative;
    width:100%;
    height:100%}

.slick-thumbs {
    position:absolute;
    left: -9999px;
}

.d-image .slick-dots {
    float: left;
    top: auto;
    text-align: left;
    line-height: 0;
    background: #fff;
  }
.d-image .slick-dots li {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 80px;
    margin: 0 0px;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.d-image .slick-dots li button{ width:100%; height: 80px; color: #fff; border: 0 !important; padding: 10px 10px 10px 0  !important;}
.d-image .slick-dots li button img{ width: 100%; max-width: 100%; height: 70px;} 
.d-image .slick-dots li button:before{ border: 0 !important;  text-indent: -999px !important;}

.d-arrow{ width: 100%; position: absolute; top:45%; z-index: 300;}
.d-arrow .prev{ height: 50px; width: 50px; background: url(../img/left.png) no-repeat center center; 
  display: inline-block; position: absolute; color: red; left: 10px; cursor: pointer;}
.d-arrow .next{ height: 50px; width: 50px; background: url(../img/right.png) no-repeat center center; 
  display: inline-block; position: absolute; color: red; right: 40px; cursor: pointer;}


.d-arrow{ width: 100%; position: absolute; top:45%; z-index: 300;}
.d-arrow .prev{ height: 50px; width: 50px; background: url(../img/left.png) no-repeat center center; 
  display: inline-block; position: absolute; color: red; left: 10px; cursor: pointer;}
.d-arrow .next{ height: 50px; width: 50px; background: url(../img/right.png) no-repeat center center; 
  display: inline-block; position: absolute; color: red; right: 40px; cursor: pointer;}

  
.modal-content button{ width: auto;}

.contact_us_form ul{ list-style: none; padding-left:15px;  }
.contact_us_form ul li{ margin: 0 0 20px 0; font-size: 16px; width: 100%; overflow: hidden;}
.contact_us_form ul li i{ margin: 4px 12px 0 0; float: left; font-size: 22px;}
.contact_us_form ul li span{ overflow: hidden; display: block; float: left;  font-size: 16px; line-height: 30px;}

.contact_us_form .button{ background-color:#555555; font-size: 18px; color:#fff; height: 35px; width: 180px; float: left; border: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; 
   }
.contact_us_form .button:hover{ background-color:#e7151a;  color:#fff; 
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.inq-button{ border:1px solid #555555; margin-top: 25px; font-size: 16px; color:#555555; padding: 8px 15px; display: inline-block; float: left; text-decoration: none; 
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; 
   }
.inq-button:hover{ background-color:#e7151a; border:1px solid #e7151a; text-decoration: none;  color:#fff; 
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
.back-link { width: 100%; overflow: hidden; margin: 25px 0; float: left; border-top: 1px dotted #ccc;}
.back-link a{ margin-top: 15px; display: block; color:  #ccc; font-size: 20px;} .back-link a i{ color:  #ccc; font-size: 20px;}
.back-link a:hover{ text-decoration: none; color:  #777; font-size: 20px;} .back-link a:hover i{ color:  #777; font-size: 20px;}

fieldset{ border: 1px solid #ccc; padding: 15px; margin: 15px 0px !important; }
fieldset input{ border: 1px solid #ccc; height: 30px; margin-bottom: 6px; border-radius: 0px !important;}
fieldset textarea{ border: 1px solid #ccc; height: 60px; margin-bottom: 6px; border-radius: 0px !important;}
legend{color: #565656; padding: 8px; font-weight: 500; font-size: 18px; width: auto; border-bottom: 0; margin-bottom: 0px; }
label{ font-weight: 400;}
.error{ color: #e10505;}
fieldset .upload{ border: 0px; }
.form-group {margin-bottom: 3px;}


.map-wrapper{ padding-top: 40px;}

/*  product details */ 

.d-product-image{ width: 100%;}
.d-product-image img{ width: 100%;}

.gallery-wrapper{ margin: 25px 0; }
.gallery_image{ overflow: hidden; }
.gallery_image img{ width: 100%;  width: 100%; height: auto; transition: all 0.8s ease-in-out; }
.gallery_image:hover img{transform: scale(1.2); transition: all 0.8s ease-in-out;}

.sub-menu{  width: 100%;}
.sub-menu ul{ margin: 0; padding: 0; list-style: none; display: inline-block; width: 100%; }
.sub-menu ul li{display: inline-block; margin: 6px 8px;}
.sub-menu ul li a{ border: 1px solid #ccc; color:#666666; padding: 7px 10px; font-size: 18px; font-weight: 300;  line-height: 40px;}
.sub-menu ul li a:hover{ border: 1px solid #f444a7; background-color: #f444a7; text-decoration: none; color:#fff;}

.sub-menu2{  width: 100%;}
.sub-menu2 ul{ margin: 0; padding: 0; list-style: none;  width: 100%; }
.sub-menu2 ul li{ margin: 6px 8px;}
.sub-menu2 ul li a{  color:#f444a7; padding: 5px 10px; font-size: 18px; font-weight: 300;  line-height: 35px; font-weight: 500}
.sub-menu2 ul li a:hover{ text-decoration: none; color:#515151;}
.sub-menu2 ul li ul{ margin: 0 0 0 8px; padding: 0;}
.sub-menu2 ul li ul li{ }
.sub-menu2 ul li ul li a{ border-left: 2px solid #f444a7; color:#515151; padding: 3px 8px; font-size: 18px; font-weight: 300;  font-weight: 300;}
.sub-menu2 ul li ul li a:hover{ text-decoration: none; color:#f444a7;}