@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Piazzolla:wght@600&family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('font-awesome.min.css');

a,a:hover{text-decoration:none;}
body{font-size:15px; font-family: 'Poppins', sans-serif; line-height:26px;}
p {
color:#666;}
h1{ color:#f4284f; font-size:30px; font-weight:300; text-align:center!important; border-bottom:#f4284f 3px solid; padding-bottom:20px;}
h1 span{ background:#fff; padding:5px; margin:auto; position: absolute; text-align:center; display:block;margin-left: 120px;}

h5{color: #f5284f;font-weight:400;}

header{background:url(../images/header-bg.jpg) center center no-repeat;padding:15px 0px;}
header .support{text-align:right;}
header .support i{color:#f5284f;font-size:16px;margin-right:5px;}
header .support strong{display:block;font-weight:400;color:#7d7238;font-size:15px;}
nav{background:#f5284f;color:#fff;}
nav ul{margin:0px;padding:0px;list-style:none;}
    nav ul ul {    position: absolute;
    z-index: 9999;
    background: #5cb85c;display:none;
    }
    nav ul ul li{float:none;
    }
    nav ul li:hover ul{
    display:block;}
nav ul li{float:left;}
nav ul li a{display:block;height:40px;line-height:40px;color:#fff;text-decoration:none;padding:0px 15px;font-size:14px;text-transform:uppercase;}
nav ul li a:hover{background:#fff;color:#333;text-decoration:none;}
.topmargin{margin-top:100px;}
.contactpage strong{display:block;font-size:14px;color:#f5284f; margin-top:10px;}
.contactpage h3 {
font-size:20px;color:#5cb85c;margin-bottom:20px;}
.about{ margin-top:60px; margin:auto; text-align:center; padding-bottom:50px;}
.newheading{display:table!important;margin:auto;padding:10px 20px;margin-bottom:50px;}

.newheading2{display:table!important;margin:auto;padding:10px 20px;margin-bottom:20px;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
.left-img{
   position: absolute;
   bottom:-47%;
   left:0;
   z-index:99999;
}  
.right-img{
   position: absolute;
   bottom:-57%;
   right:0;
   z-index:99999;
}  
  
.boxes{ margin-bottom:60px;position: relative;margin-top: -65px;z-index: 9999;}  
.item{ margin-bottom:20px;}
  
/*.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 {
   position: relative;
   min-height: 1px;
   padding-right: 10px;
   padding-left: 10px;
}

.col-xs-20 {
   width: 20%;
   float: left;
}
*/
.products{ border:#ccc 0px solid; padding:10px; margin-bottom:30px;box-shadow: 0 0 10px rgba(204, 204, 204, 0.67);}
.products h4{ color:#f5284f;}
.products p{ font-size:14px; color:#333; text-align:justify; line-height:20px;}
.size ul{ margin:0px; padding:0px; list-style:none;}
.size ul li{ border:#ccc 1px solid; padding:3px 10px; text-align:center; float:left; margin-right:10px;}

#footer{ background:#e0dcdc url(../images/foort-right-img.png) no-repeat right 130px; margin-top:150px; padding:30px; text-align:center;}
#footer .footer-top-img{ margin:auto; text-align:center; position: relative;margin-top: -110px;}
#footer .footer{ margin:60px auto; text-align:center;}
#footer .footer .link{ margin:auto; text-align: center;}
#footer .footer .link a{ color:#766868; font-size:13px; padding:0 10px; text-transform:uppercase;}
#footer .footer .footer-menu{ margin:auto; text-align: center; margin-top:20px;}
#footer .footer .footer-menu span{ display:block; border-bottom:#c31c14 1px solid;width: 60%;margin: auto;padding-top: 30px;}
#footer .footer .footer-menu a{ color:#c31c14; font-size:13px; padding:0 10px; text-transform:uppercase; font-weight:500;}
#footer .footer .copy{ color:#524d4d; text-align:center; font-size:12px; font-weight:300; margin:30px auto;}
.slicknav_menu{ display:none;}

@media (min-width:200px) and (max-width:768px) 
{
.left-img{display:none;}
.right-img{display:none;}
#footer{background-image:none;}
.slicknav_menu {display: block;}
nav{ display:none;}
.boxes{ margin-top:20px;}
}
@media screen and (max-width:940px)
{
nav{ display:none;}
.slicknav_menu {display:block;}
.boxes{ margin-top:20px;}

}

@media screen and (max-width:1024px)
{
nav{ display:none;}
.slicknav_menu {display:block;}
.boxes{ margin-top:20px;}
.boxes{ margin-top:20px;}


}
.bg-light1{background-color:#f6f6f6;}

.font-style2{font-family: 'Piazzolla', serif;}

@media(max-width:768px){
    .mob-noflex{display:block;}
    .col{display:block; width:100%; float:none;}
}

.petha-images{
    overflow:hidden;
    background:#f5284f;
    padding:10px;
    border-radius:25px;
    margin-bottom:15px;
    text-align:center;
}
.petha-images img{
    width:100%;
    border-radius:25px;
}
.petha-content{
    text-align:center;
    color:#f5284f;
    font-size:18px;

}
.petha-content h3{
    font-size:18px;
}
.petha-products{
    margin-bottom:25px;
}