@import url(hover-min.css);
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600');
@import url('https://fonts.googleapis.com/css?family=Krub:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500');

body {

}

a:hover{ text-decoration:none; color: #b40b0d !important;}

li{ list-style:none; font-family: 'Poppins', sans-serif; color: #c7c7c7; font-size: 12px;}

.navbar-default .navbar-toggle { background-color: #2b3380 !important; border:2px solid #fff !important; border-radius: 0px; margin-right: 0px; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
   background-color: #b40b0d;
    color: #fff !important;
}


/***WORKING START***/

.mainheader1 { line-height: 24px; color: #fff; display: block; background-color: #2b3380 !important; }
.mainheader { line-height: 24px; color: #fff;  display: block; background-color: #2b3380 !important; }

.dropdown-submenu {
    position: relative;
	color:#2b3380;
}


.mainbg {background-image:url(../images/mainbgs.jpg); background-position:top center; background-repeat: repeat; padding-bottom:25px;}
.btmhead {background-color: #2b3380; text-align: center; color: #fff; padding: 10px; font-size: 16px; font-family: 'Krub', sans-serif !important;}
.btmhead2 {background-color: #b40b0d; text-align: center; color: #fff; padding: 10px; font-size: 16px; font-family: 'Krub', sans-serif !important;}
.bottombg { min-height: 350px; background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 3%, rgba(215,215,215,1) 96%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 3%, rgba(215,215,215,1) 96%);
background: linear-gradient(180deg, rgba(255,255,255,1) 3%, rgba(215,215,215,1) 96%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d7d7d7",GradientType=1);}
.footerbx h2{font:500 20px 'Krub', sans-serif; text-transform:uppercase; color:#b40b0d; margin:25px 0 10px 0; position: relative;}
.footerbx ul{ margin:0; padding:0; list-style:none;padding-bottom: 15px; padding-top: 15px;}
.footerbx ul li a{font:100 13px 'Krub', sans-serif; color:#2b3380; display:block; padding:3px 0; transition:all 0.3s;}
.footerbx ul li a:hover{color:#2b3380; padding:3px 5px;}

.footerbx p{ font-size: 14px; font-weight: 500; font-family: 'Krub', sans-serif !important; color:#2b3380; min-height: 30px;}
.footerbx p a{ color:#2b3380;}
.footerbx p a:hover{ color:#2b3380;}

.addr2{ background:url(../images/addr2.png) left no-repeat; padding:3px 8px 8px 50px; background-position: 0px 6px; margin-bottom: 0px; min-height: 40px !important;;}
.homeintro{ padding:10px; color: #2b3380; width: 95%;}
.phone2{ background:url(../images/phone2.png) left no-repeat; padding:3px 8px 8px 50px; background-position: 0px 6px; margin-bottom: 0px; min-height: 40px !important;;}
.email2{ background:url(../images/email2.png) left no-repeat; padding:3px 8px 8px 50px; background-position: 0px 0px; margin-bottom: 0px; min-height: 40px !important;;}


.whatsapp{ background:url(../images/whatsapp.png) left no-repeat; padding:3px 8px 8px 50px; background-position: 0px 0px; margin-bottom: 0px; min-height: 40px !important;;}
.facebook{ background:url(../images/facebook.png) left no-repeat; padding:3px 8px 8px 50px; background-position: 0px 0px; margin-bottom: 0px; min-height: 40px !important;;}

.copyr {font:100 15px 'Poppins', sans-serif; color:#2b3380;}
.copyr a:hover{color:#2b3380;}
.copyr2 {font:100 15px 'Poppins', sans-serif; color:#2b3380;}
.copyr2 a:hover{color:#2b3380;}
.fa-decorate {font-size: 10px;     margin-right: 10px;     margin-left: 10px;}


.social{ margin:0; list-style:none; text-align:right; padding-left: 20px; display: inline-flex; }
.social li{ display:inline-block; height: 42px;line-height: 42px;}
.social li a{ width:42px; height:42px; background:transparent; display:block; font-size:15px; color:white; text-align:center; line-height:42px; transition:all 0.3s;}
.social li a:hover{ background:#2b3380; border-color:#2b3380; color: #2b3380;}


.nsfrm { width: 100%;}
.nsfrm label{font:500 16px 'Poppins', sans-serif; text-transform:uppercase; color:#fff; display: inline-block;width: 29%;}
.nsfrm .form-group{ width:80%; position:relative; display: inline-block; float: right;}
.nsfrm .form-group input{ width:100%; height:60px; background:#2b3380; border: 1px #FFF  solid  !important;}
.nsfrm .form-group button{ position:absolute; right:9px; top:2px; font-size:36px; color:#EADAB9; background-color: transparent !important; border:0; padding:3px 12px; border-radius:0px;}

.dropdown-submenu .dropdown-menu {
	background-color: #2b3380 !important;
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-menu > li > a
{
	color:#e7dcca !important;
}


.dropdown-menu > li > a:hover,.dropdown-menu > li > a:active
{
	color:#2b3380 !important;
	background: none;
}

.navbar-nav>li>.dropdown-menu {
    background-color: #2b3380;
}





/*****************************start top header************************************/

   
        .main-cat-index{  
        width: 64px;
        height: 64px;
        line-height: 64px;
        text-align: center;
        font-size: 22px;
        display: inline-block;
        background-color: #e01d1b;
        color: #fff;
            margin-right: 20px;
            }





.mainheader{     background-color: #000 !important;
    line-height: 24px;
    color: #fff;
    display: block;
    border-bottom: 1px dashed #fff;
    background-image: url(../images/topbg.jpg);}

.top_paragraph{ float:left; width:100%; margin:5px 0; text-align: left; margin-right: 50px;}

.top_paragraph p{ color:#FFF; font:400 14px 'Poppins', sans-serif; margin:0;}

.toptext { color:#fff;  display:block; font-size:12px; 	}

.top_social{ float:right; padding:10px 25px;}

.top_social .fa{ color:#fff; font-size:14px; transition:all 0.3s; padding: 0 0 0 12px;}

.top_social .fa:hover{ color:#df2c22;   }

.top_email{ float:left; margin:40px 0;}

.top_email h2{ float:right; color:#330D44; font:500 16px 'Poppins', sans-serif; margin:0;}

.top_email h3{ color:#fff; font:500 13px 'Poppins', sans-serif; margin:0;}



.top_social .fa:first-child{ padding:0;}

.top_phone{ float:right; margin:40px 0;}

.top_phone h2{ float:right; width:100%; text-align:right; color:#330D44; font:500 16px 'Poppins', sans-serif; margin:0;}

.top_phone h3{ color:#fff; font:500 13px 'Poppins', sans-serif; margin:0;}

/*start top logo area*/

.header-cont{
	min-height: 70px;
}

.top_logo{
	width: 100% !important;
    float: left;
}

.top_logo img{
	width: 100%;
    padding-top: 10px;
}

/*end top logo area*/



/*start top search bar*/

.search_input{ float:right; width:100%; margin: auto; height: 24px;}
.btn-default{ border:0 !important; transition:all 0.3s !important; background:none !important; border-radius:0;}
.btn-default .fa{ color:#2b3380 !important; transition:all 0.3s !important; font-size:18px !important; margin: 0 0 0 3px !important;} 
.form-control{ height:34px;  background:none !important;}
.input-group .form-control{ margin-left: 2px; width: 120px; min-width: 120px; }

.form-control:focus {
   
    outline: 0;
    box-shadow:none !important;
}
.searchbtn{
padding: 5px 12px;
}
.searchdropbox{
		padding: 10px;
	display: none;
	right: 0px;
left: auto;
	top: 44px;
}
#searchinput{
color: #000000;
background-color: #fff !important;
border-radius: 0px;
margin-top: 9px;
max-height: 26px;
}
.fixedtop{
/*	position: fixed; */
	z-index: 199;
	width: 100%;
}

.btn-default .fa{ font-size:14px !important; background:none !important; border:0 !important;}

.btn-default:hover{}


.search_input .input-group-btn{
	background-color: #2b3380;
}


.topsearchli{
		display: flex;
	}

/*end top search bar*/

/*end top header*/







/*start top menu bar*/

.menu5{float:left; width:100%; padding:0; }

.navbar{ margin-bottom:0; min-height:0; }

.navbar-inverse{ background:none; border:0;}

.navbar-nav>li{ color:#fff; font:500 14px 'Poppins', sans-serif; text-transform:uppercase; }

.navbar-nav>li:last-child{ background:none; }

.nav>li>a{  padding: 10px; line-height: 80px;  min-width: 70px;text-align: center; color: #2b3380 !important; font-weight: 500; font-family: 'Poppins', sans-serif;}
.nav>li>a:hover { color: #fff !important; font-weight: 700; background-color: #2b3380 !important; }

.navbar-inverse .navbar-nav>li>a { color:#2b3380; transition:all 0.3s; padding: 15px 18px; text-align: center; font-family: 'Poppins', sans-serif, sans-serif; font-size: large;
    font-weight: normal !important; }

.navbar-inverse .navbar-nav>li>a:hover{
	color: #2b3380;
}

/*.navbar-inverse .navbar-nav>li>a:hover{ color:#d22786; background:#fff !important;}
*/
.navbar-collapse{ padding:0 !important; border: none;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
	overflow:visible !important;
}

.banner-small-image {
    position: absolute;
    z-index: 100;
    top: 75px;
    left: 132px;
}



#morebox
{
	width:100%; 
	height:auto; 
	clear:both;
}
.moreone
{
	cursor: pointer;
    margin: 5px 10px 5px 0px;
    width: 90px;
    height: 90px;
    float: left;
}
.morethumbnail
{
	width:90px;
	height:90px;
	transition:0.2s ease; 
	border: 1px solid #ccc;
	
}
.moreone:hover .morethumbnail
{
	transform:scale(0.95,0.95);
	transition:0.2s ease;
	
}




#navigation-bar { position: relative; }

#search { position: relative; float: left; width: 45px; height: 41px; margin-left: -10px; margin-top: 0px; }

#label { width: 45px; height: 41px; position: relative; z-index: 20; }

#label label { display: block; width: 45px; height: 41px; background: url("../images/search.png") 0 0; transition:all 0.3s; font-size: 0; color: transparent; text-indent: -9999px; cursor: pointer; }

#label label:hover { background: url("../images/search.png") -45px 0; }

#label.active label { background: url("../images/search.png") -45px 0; }

#input { position: absolute; top: 0; right: 45px; width: 200px; height: 41px; z-index: -1; margin-top: 0px; overflow: hidden; }

#input input { display: block; position: absolute; top: 0; right: -200px; width: 200px; height: 100%; margin: 0; padding: 0 10px; border: none; background-color: #DA81CB; color: #fff; font-size: 18px; -webkit-backface-visibility: none; -moz-backface-visibility: none; -ms-backface-visibility: none; backface-visibility: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: right 0; -moz-transition: right 0; -ms-transition: right 0; -o-transition: right 0; transition: right 0; }

#input input:focus { outline: none; }

#input.focus { z-index: 20; }

#input.focus input { right: 0; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -ms-transition: right 0.3s; -o-transition: right 0.3s; transition: right 0.3s; }

#input input::-webkit-input-placeholder { color: white; }

#input input:-moz-placeholder { color: white; }

#input input::-moz-placeholder { color: white; }

#input input:-ms-input-placeholder { color: white; }



/*end top menu bar*/



/*****************************end top header************************************/




.certificatecms{}
.certificatecms .fa{ font-size:6px; color:#666666; padding:0 6px 0 0px;}
.certificatecms p{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#1f1f1f; font-weight:400; margin:0 0 0 0px; padding:0 0 10px 0px; line-height:22px; text-align:justify;}
.certificatecms a{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#1f1f1f; font-weight:500; margin:0 0 0 0px; padding:0 0 6px 0px; line-height:22px; text-align:justify; text-decoration:underline; transition: 0.3s all;}
.certificatecms a:hover{ color:#CCCCCC;}
.certificatecms h4{ font-family: 'Open Sans', sans-serif; font-size:18px; color:#2b3380; font-weight:600; margin:0 0 0 0px; padding:0 0 10px 0px;}
.certificatecms strong{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#2b3380; font-weight:600; margin:0 0 0 0px; padding:0 0 10px 0px; line-height:22px; text-align:justify;}
.certificatecms li{ font-family: 'Open Sans', sans-serif; font-size:14px; color:#1f1f1f; font-weight:400; margin:0 0 0 0px; padding:0 0 0px 0px; line-height:22px; text-align:justify;}
.chiefex{ background:#2e2e2e; margin:0 0 30px 0px; padding:8px 0px; text-transform: uppercase;}
.chiefex a{ font-family: 'Open Sans', sans-serif; font-size:18px; color:#2b3380; font-weight:500; margin:0 0 0 0px; padding:0 0 px 0px; text-align:center; text-decoration:underline; transition: 0.3s all;}
.chiefex a:hover{ color:#CCCCCC;}
.chiefex p{ font-family: 'Open Sans', sans-serif; font-size:18px; color:#2b3380; font-weight:500; margin:0 0 0 0px; padding:0px 6px; line-height:22px; text-align:center; text-transform: uppercase;}
.factoryh4 {
    font-size: 20px;
    font-weight: 300;
    color: #2b3380;
    text-transform: uppercase;
}

.teamname { color: #fff;font-size: 22px;}

.lasani2 p{
	padding-top: 0px !important;
}

 .col-our-team img{
	 margin : auto;
 }


/*start slider*/

/*end slider*/



/*start categories*/

.main_cat{ float:left; width:100%; margin:0px; }

.cat_bg{ border: 0px solid #2b3380; padding:0px; width:100%; float:left; text-align:center; position: relative; height: 360px;}

.cat_bg h2{ color:#fff; font:600 22px 'Poppins', sans-serif; margin:60px 0 20px 0; text-transform:uppercase; transform: translateY(90px); transition:all 0.6s; text-shadow: 2px 2px 2px #000;
    letter-spacing: 2.2px;}

.cat_bg h3{ margin:5px auto 0 auto; display:inline-block; color:#fff; transition:all 0.6s; padding:10px 40px; text-transform:capitalize; background:#2b3380; font:500 16px 'Poppins', sans-serif; transform: translateY(70px); }

.cat_detialbox{
	width: 100%;
	height: 100%;
	top: 0px;
    position: absolute;
	right: 0px;
	left: 0px;
	bottom: 0px;
	background-color: transparent;
	transition:all 0.6s;
}


/*.main_cat:hover h2{ transform: translateY(0px); transition:all 0.6s; } */
/*
.main_cat:hover .cat_detialbox{
	background-color: #2b3380;
	transition:all 0.6s;
}
*/



/*start perfect Effect*/

.main_cat:hover h3{  transition:all 0.6s; background-color: #fff; color: #000; }

.main_cat{ position:relative; overflow:hidden;}

.main_cat img{transition:all 0.6s;}


.main_cat .overlay{ position:absolute; z-index:999; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.6s;}

.main_cat:hover .overlay{opacity:1;}

/*end perfect Effect*/


#carousel-example-generic .fa{
	font-size: 60px;
    position: absolute;
    top: 40%;
}


/*end categories*/



/*start short about*/

.main_wellcome_detail{ text-align:left; width:100%;}

.main_wellcome_detail h2.topheading{ 
    
}

.main_wellcome_detail span{  color:#000000b3; text-transform:none; padding:0px;}

.main_wellcome_detail p{ color:#e4e4e4; font:400 14px 'Poppins', sans-serif; line-height:20px !important; display:inline-block; width:100%;}

.main_wellcome_detail a{ transition:all 0.5s;  color:#FFF; padding-right:10px; padding-bottom:3px; font:500 16px 'Poppins', sans-serif; text-transform:none;}

h2.topheading {
    margin: 0px auto;
    padding: 5px 0px;
    text-transform: uppercase;
    text-align: center;
    color: #2b3380 !important;
    font: 600 38px 'Poppins', sans-serif;
    border: 0px;
	margin-top: 20px;
	background-color: transparent;
}
.headingcont{
margin-bottom: 20px;
}


h2.topheading span {
    color: #2b3380 !important;
    text-transform: none;
    padding: 0 0px 0 10px;
	text-transform: uppercase;
    border: 0px;
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    font-weight: 500;
    background: url(../images/headingbg.png) no-repeat bottom center;
    margin-bottom: 40px;
    padding-bottom: 5px;
}


h4.topheading {
    font-size: 14px;
    color: #b40b0d;
    font-weight: 100;
    text-align: center;
    padding: 10px;
    font-weight: 400;
}

.strong {
    font-weight: 300;
    font-size: 20px;
}

.main_wellcome_detail a:hover{ color:#330D44; }

/*end short about*/



/*====================  Pagination Start  ===============================*/



nav {
	background-color: #2d2d2d;
    color: #828282;;
}
.prods-info-bar{
	display: inline-block;
float: left;
line-height: 36px;
padding-left: 15px;
font-size : 13px;
}
.pagination {
    margin: 0px 0;
    float: right;
}


.pagination {

    margin: 0px 15px;
    float: right;

}
.pagination>li>a, .pagination>li>span
{
	border: 1px solid #2b3380;
    color: #2b3380;
	margin: 4px 2px;
	padding: 0px;
	border-radius: 0px !important;
	height: 30px;
	width: 30px;
	text-align: center;
	 color: #fff;
    text-decoration: none;
	background-color: #2b3380;
	font-size: 13px;
	line-height: 30px;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    
    background-color: #2b3380;
	color: #FFF !important;
	border-color: #2b3380;
    
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #2b3380;
    border-color: #2b3380;
}

/*====================  Pagination End  ===============================*/




/*start products*/

.prod{ margin:10px 0; transition:all 0.3s; border:1px solid #330D44; float:left; width:100%; text-align:center; background-size:cover; background-color: #fff !important;}

.prod h2{ color:#e2d2b2 !important; font-family: 'Poppins', sans-serif !important;     padding: 0px 10px !important;    font-size: 19px !important; margin:3px auto; width:100%; float:left; background:none !important;}

.prod h3{ color:#2b3380 !important;  margin:0 auto; width:100%; float:left; font-family: 'Poppins', sans-serif !important; font-size: 18px;}

.prod p{ color:#330D44; font:500 12px 'Poppins', sans-serif; margin:4px auto; width:100%; line-height:18px !important; float:left; }

.prod h3{
	margin: 0px !important;
}

.prod .prod-thumnail{
	transition: all 0.6s;
    height: 250px;
    width: 100%; 
    position: relative;
    
}

.prod-mask{
	width: 100%;
    height: 100%;
    position: absolute;
	background-color: #eeeeeed9;
	z-index: 99;
	opacity: 0;
	transition: 0.4s;
}


.prod .prod-eye{
    margin: auto;
    margin-top: 50%;
	width: 100%;
	transition: 0.4s;
}

.prod:hover .prod-eye{
	width: 100px;
	
	transition: 0.4s;
}

.prod:hover .prod-mask{
	opacity: 1;	 
}

/*start perfect Effect*/

.prod{ position:relative; overflow:hidden; border: 1px solid #e7e7e7;}



.prod .overlay{ position:absolute; z-index:999; width:100%; height:100%; background:#FFF; opacity:0; transition:all 0.6s;}

.prod:hover .overlay{opacity:1;}



.main_wellcome_detail .item{ margin:0 -10px !important;}

.ppictureicon {
    
    text-align: right;
    padding-right: 25px;
    float: right;
    position: relative;
    padding-top: 8px;
    margin-bottom: 20px;
    opacity: 0.3;
    
}

.ppicturestext {
    width:100%; 
    height: 70px;
    background-color:#fff !important; 
    text-align: left;
    padding-left: 25px;
    float: left;
    position: absolute;
}

/*end perfect Effect*/

/*end products*/


/*start news letter*/

/*end news letter*/





/*start footer*/

.main_heading{ float:left; width:100%; margin:30px 0px 10px 0; }

.heading{ text-transform:uppercase;}


.heading_here h3{ text-transform:capitalize; color:#fff; font:600 16px 'Poppins', sans-serif;}

.heading_here p{  color:#FFF; font:400 14px 'Poppins', sans-serif;}



ul.main_footer_links{ margin:15px 0 0 0; float:left; width:100%; padding-left:0;  }

ul.main_footer_links li{ color:#fff; font:400 14px 'Poppins', sans-serif; padding:10px 0 6px 0; list-style: circle; margin-left:40px;}

ul.main_footer_links li a{ transition:all 0.8s; text-transform:capitalize; }

ul.main_footer_links li a:hover{ text-decoration:underline; color:#fd76c2; padding:0 0 0 0px;  }



.main_boxs{ margin:15px 0 0 0; float:left; width:100%;}

.main_boxs p{  color:#fff; font:500 15px 'Poppins', sans-serif; padding:3px 0; }

.main_boxs_input{  margin:0 0 10px 0; color:#333333; font:600 13px 'Poppins', sans-serif; width:100%; height:38px; background:#fff; border:0; text-indent:10px;}

.ftr_btn{ padding:10px 15px; float: right;   margin: 5px 0; background:#DA81CB; color:#fff; border:0; text-transform:capitalize;}



.main_footer_links3{margin:15px 0 0 0; float:left; width:100%;}

.main_footer_links3 p{ margin: 0;     line-height: 22px !important;  color:#fff; font:400 14px 'Poppins', sans-serif;}

.main_footer_links3 span{ float:left; padding:0 10px 0 0;}

.copyr{  text-align: center ; }
.copyr2{  text-align: right; }

.copyr p{ margin:8px 0 0 0; color:#fff; font:100 15px 'Poppins', sans-serif; }
.copyr span{ margin:8px 0 0 0; color:#fff; font:500 15px 'Poppins', sans-serif; }
.copyr a{ color:#2b3380; font:100 15px 'Poppins', sans-serif; transition:all 0.5s;}
.copyr a:hover{ color:#2b3380; text-decoration:blink; }

.copyr2 p{ margin:8px 0 0 0; color:#fff; font:500 15px 'Poppins', sans-serif; }
.copyr2 span{ margin:8px 0 0 0; color:#fff; font:500 15px 'Poppins', sans-serif; }
.copyr2 a{ color:#2b3380; font:100 15px 'Poppins', sans-serif; transition:all 0.5s;}
.copyr2 a:hover{ color:#2b3380; text-decoration:blink; }

/***********************end footer***************************/

/*====================  Owl Demo Start  ===============================*/

.owl-demo .owl-pagination { display: none;}

.owl-demo .owl-item { padding: 0 15px;}

.owl-demo .owl-buttons { position: absolute; width:100%; padding:0 !important; top: 30%;}


.owl-demo .owl-buttons div .fa {
	font-size: 40px !important;
    color: #FFF!important;
    border-radius: 5px;
}


.owl-demo .owl-next{ position: absolute; z-index: 99; right: -24px !important; padding: 15px 15px  !important;  background-color: #2b3380; }

.owl-demo .owl-prev{     position: absolute; z-index: 99; left: -24px !important;  padding: 15px 15px  !important;  background-color: #2b3380; }


/*====================  Owl Demo End  ===============================*/

/*====================  Owl Demo Start  ===============================*/

.owl-demo2 .owl-pagination { display: none;}

.owl-demo2 .owl-item { padding: 0 25px;}

.owl-demo2 .owl-buttons { position: absolute; width:100%; top: 45%;}

.owl-demo2 .owl-buttons div { background: #2b3380; font-size: 28px !important; padding: 0 15px !important; color: #FFF !important; border-radius: 5px;}

.owl-demo2 .owl-next{ position: absolute;  right: 0; width:51px; height:51px; }

.owl-demo2 .owl-prev{     position: absolute;  left: 0; width:51px; height:51px;  }

.owl-demo2 .owl-next .fa{ margin: 10px 0 0 4px;}

.owl-demo2 .owl-prev .fa{ margin:10px 0 0 -4px;}

.owl-demo2 .owl-buttons div:hover { background: #000000; color: #FFF !important;}


.sortnperpage{
	height: 40px;
    clear: both;
    line-height: 40px;
	font-family: 'Poppins', sans-serif;
    position: absolute;
    top: 40px;
    right: 25px;
}

.sortlabel,.perpagelabel{
	font-family: 'Krub', sans-serif !important;
	font-size: 12px;
	font-weight: 100;
	color: #b3b3b3;
    text-transform: uppercase;
}

.protopbg {
        background-image: url(../images/headingbg.jpg);     background-position: bottom;
    
}


.leftmenu h2{font:400 26px 'Poppins', sans-serif; background:#2b3380; text-align: center; padding:10px; margin:0; text-transform: uppercase;
    color: #fff;}

.prdarea h2{font:400 26px 'Poppins', sans-serif; color:#fff; padding: 10px 0px 0px; text-align: center; text-transform: uppercase; }

.prdarea h3{font:400 16px 'Poppins', sans-serif; color:#fff; padding:0px; margin:10px 0;}	

.prdarea p{ font:300 14px 'Krub', sans-serif; color: #2b3380; }

.largeimg{ border:1px #f2f2f2 solid; background-color: #fff; }

.addbasketbtn {width: 110px;
    height: 40px;
    font-size: 14px;
    background: #4a4949 !important;
    margin-bottom: 10px;
    color: #fff;
    line-height: 40px;
    padding: 0px;
}

.largedet h3{font:400 22px 'Poppins', sans-serif; color:#2b3380; margin:0px;}

.largedet h4{font:400 18px 'Poppins', sans-serif; color:#2b3380; margin:0 0 10px 0;}

.largedet h5{font:400 14px 'Poppins', sans-serif; color:#2b3380; margin:0 0 10px 0; letter-spacing: 2px; text-transform: uppercase;     text-align: left; padding-right: 20px;}

.largedet p{color:#2b3380; font:400 13px 'Poppins', sans-serif;}
.proddescription { color: #2b3380;}

.proddescription p{ padding : 0px; font-family : Poppins; }

.content_text{color:#e51f22 !important; font:400 14px 'krub', sans-serif; text-transform: uppercase;     letter-spacing: 1px;}

.largedet input,.largedet select{ background-color:  #4a4949 !important;
    max-width: 222px; color: #fff !important; font-weight: Normal; }

.largedet label{ color: #fff;}



.prdarea .prdarea input, select{ background:#FFF !important; color:black;}

/*
.prdarea textarea, select{ background:#9A296E !important; color:black;}
*/
.prdarea label{ color:#fff; font-weight: 500;}

.txt_id2{ margin:5px 0; padding:5px; border-color: #2b3380; border-radius: 0px; box-shadow: none; color: #2b3380;}	
.txt_id{ margin:5px 0; padding:5px; background-color: #2b3380;     border: 0px;}	
#captcha_code2{ border: 1px solid #2b3380; color: #2b3380;}
.bootradio .btn {
    color: #FFF !important;
    margin: 2px;
    background-color: #2b3380 !important;
	font-family: 'krub', sans-serif !important;
} 
.form-control:focus {
border-color: #424242;
}

.form-group {
    margin-top: 15px;
}

.bootradio .active {
    color: #2b3380 !important;
    background-color: transparent !important;
    border: 1px solid #909090 !important;
}

#contact
{
	padding-top: 28px;
	width:340px;
	height:95px;
	margin: 40px 0px 10px 20px;
	float:right;
}
#contact span
{
    width: 200px;
    float: right;
    margin-right: 20px;
    color: #FFF;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
#contact  #emailhead
{
	color:#e2d2b2;
	font-family: 'Poppins', sans-serif;
	font-size:18px;
	font-weight: bold;
	margin-bottom:5px;
	
}

#emailsprt a:hover
{
	color:#9A296E;	
}

#contact  #callhead
{
	color:#e2d2b2;
	font-family: 'Poppins', sans-serif;
	font-size:18px;
	font-weight:100;
	margin-bottom:5px;
	
}


#contact span p
{
	color:#2b3380;
}

#links ul
{
	height:56px;
	list-style:none;
}
#links ul li
{
	margin-top:20px;
	margin-right:20px;
}

#links ul a
{
	text-decoration:none;
	text-transform:capitalize;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.heading h2 {
    border-bottom: 1px solid #FFF;
    font: 500 20px "DINMittelschriftStd-Regular",sans-serif;
    margin: 0;
    color:#fff; margin:0;
}
#links ul a:hover
{
	color:#fff;
	text-decoration:underline;
	transition:.2s linear;
}
.main_heading {
	float:none;
}
#catlinks ul
{
	
}
#catlinks ul li
{
	margin-top:15px;
	margin-right:20px;
	list-style:disc;
	color:#FFF;
}
#catlinks ul a:hover
{
	color:#fff;
	text-decoration:underline;
	transition:.2s linear;
}

#catlinks ul a
{
	text-decoration:none;
	text-transform:capitalize;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}


.hvr-bounce-to-top:before
{
	color:#FFF;
	background-color:#2b3380;
	border-bottom: 1px solid #fff;
	height: 92px;
}




.hvr-bounce-to-right:before
{
	
}

/*Google Translator Styles Start*/
.goog-te-gadget img
{
	display:none;
}
/*Google Translator Styles End*/
p,a{
	
	color: #2b3380;
	text-align: justify;
	font-family: 'Poppins', sans-serif !important;
}
h1,h2,h3,h4,h5,h6
{
	font-family: 'Poppins', sans-serif !important;
	
}
.searchcont { float: right; color: #FFF; }


.topbarcontact {
	display: inline-block;
	float: right;
	font-family: 'Krub', sans-serif !important;
}
.topbarcontact ul {
	float: right;
	padding: 0px 0px;
	margin: 0px;
	line-height: 44px;
}
.topbarcontact ul li {
    float: left;
    display: flex;
    font-size: 15px;
    font-family: 'Krub', sans-serif !important;
    font-weight: 500;
    color: #fff;
}

.toptext p{
color : #ededed;
padding: 10px 0px;
margin: 0px;
font-family: 'Krub', sans-serif !important;
text-align: left;
font-size: 14px;
font-weight: 300;
}
.toptext p .fa{
	padding: 0px 10px;
	color: #2b3380;
	font-size: 18px;
}
.search_input .form-control {
    height: 24px;
	line-height: 24px;
	color: #2b3380;
}

.search_input .btn-default {

    padding : 3px;

}

.search_input .btn-default .fa {

    font-size: 16px !important;

}

.homeintroheading{
	margin-top : 0px;
}

.readmore { font-size: 14px !important; background-color: #2b3380; color: #fff; padding: 5px 15px; padding: 12px 20px; display: inline-block; margin-top: 15px;}



.topphone { color: #fff; padding-right: 10px; font-size: 14px; font-family: 'Krub', sans-serif !important;}
.topemail { color: #fff; padding-right: 10px; font-size: 14px; font-family: 'Krub', sans-serif !important;}
.topemail a { color: #fff;  }
.topemail a:hover { color: #b40b0d; }
.contactdiv { float: left; display: inline-block; line-height: 40px; color: #fff; }
.topbarcontact .fa{     padding: 5px; background-color: #fff !important; color: #000000 !important; margin: 10px; font-size: 14px; }

.goog-te-gadget-simple{
	border: none !important;
	background-color: transparent !important;
	
}
.goog-te-gadget-simple .goog-te-menu-value {
	color: #2b3380 !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    color: #333 !important;
    text-transform: uppercase;
	font-size: 14px;

}
.goog-te-menu-value span:nth-child(3){
	display: none !important;
}
.goog-te-menu-value span:nth-child(5){
	padding: 5px;
	font-size: 10px;
}

.t1515 {
    margin-bottom: 5px;
    margin-top: 5px;
}
.t1010 {
    margin-bottom: 15px;
}
.t2525 {
    margin-bottom: 25px;
    margin-top: 25px;
}

.topheading
	{
		margin: 0px auto !important;
	}

.welcomemsg
	{
		
	text-align: justify;
    float: none;
    width: 90%;
    margin: auto;
	}

#homenews{
	width: 100%;
	background-image: url(../images/pattern10.png);
	color: #FFF;
	
}

.newsdiv{
	text-align: center;
}

.newsh3{
	border-bottom: 7px double #FFF;
    width: 350px;
	margin: 40px auto;
	text-align: center;
	font-size: 36px;
	display: inline-block;
}

#carousel-example-generic2 .carousel-inner{
	height: 150px;
	width: 80%;
    margin: auto;
}

#carousel-example-generic2 .item{
	height: 150px;
	
}

#carousel-example-generic2 .newstitle{
	text-align: center;
	margin-top: 0px;
}

#carousel-example-generic2 .newsdetail{
	text-align: center;
	margin: 22px;
}


/*====================  Owl Demo End  ===============================*/
.header-cont .navbar-nav {
float: right;
}


.left_menu_main a{
			color: #2b3380 !important;
		}

.left_menu_main a{
			pointer-events: none;
	color: #fff !important;
	
		}


.left_menu_main_click { font-weight: 400 !important; color: #fff !important; background:#2b3380; text-decoration: none; display: block; padding: 10px 10px 10px 10px; margin-top:2px; transition: all 0.5s; z-index: 99;}

.left_menu_main_click a{
	color : #fff;
}
.left_menu_main a {
background-color: #000;
text-transform: uppercase;
color: #fff;
font-family: 'Poppins', sans-serif;
}

.left_menu_main_click:hover a{
	color : #2b3380;
}

.footerbx{
	float : left;
}

.left_menu_main_click a.active{
	color : #2b3380 !important;
}

.menutitle a.active{
	color : #2b3380 !important;
}



    
    
    
    
    
    
    
    .custom-mega-dropdown-menu{
        position: absolute;
        width: 100%;
        left: 0px;
        background-color: #2b3380;
        padding: 20px;
        right: 0px;
    }
    
    .menu-main-cat-div{
        display: flex;
    }
    
.navbar-heading{
    font-size: 18px;
    margin: 15px 0px;
    padding-left: 25px;
    border-left: 1px solid #fff;
}
    
.section-div {
    background-color: #2b3380;
    padding: 0px;
    padding-bottom: 20px;
    width: 25%;
	}
.section-div > ul{
	padding: 25px 5px 0px;
    display: block;
    height: 100%;
    background-color: transparent;
    border-right: 1px solid #fff;
}
.section-div > ul > li{
		width: 100%;
        display: block;
        float: left;
        margin: 0px;
}
.section-div > ul > li > a{
	font-size: 14px;
    color: #fff;
    padding-left: 20px;
}
.section-div > ul > li > a:hover{
	color : #e7e7e7 !important;
    font-weight: 400;
}
    
   

@media screen and (min-width: 769px) {
  



.header-cont-row .col-main-navbar , .header-cont-row .nav_bar , .header-cont-row .navbar-default ,  .header-cont-row .mega-dropdown{
    position: static;
}
    
    
    
     
.header-cont-row{
    position: relative;
}    
    

    
}
    

.nav-explore-btn{
    padding: 10px;
    background-color: #555;
    width: 100%;
    color: #fff;
    clear: both;
    }

.nav-explore-btn:hover{
    color: red;
    background-color: #fff;
    }




@media screen and (max-width:1200px){
	
	.container {
    width: 100%;
	margin: 0px 0%;
	}
	.toptext{
		width: auto;
		margin-left: -15px;
	}
	.topbarcontact{
		width: auto;
		margin-right: -15px;
	}
	
	.top_logo img{
	padding: 10px 0px;
	height: 80px;
	width: 200px !important;
	max-width: 200px;
	}
	.nav > li > a {
    line-height: 65px;
    min-width: 80px;
	}
	.header-cont{
	min-height: auto;
}
	.top_logo {
    width: 72% !important;
	}
	.topbarlanguage {
    
    line-height: 65px;
	}
	.col-search{
		padding-top: 18px !important;
	}

.searchcont{ padding-top: 35px !important;}
.navbar-nav>li{ font-size:14px; }

.cat_bg h2{ font-size:16px;}

.cat_bg h3{ font-size:14px;}

} 
@media screen and (max-width:1024px)
{
	.footerbx{
		width : 50%;
	}

.navbar-nav > li > a {
    font-size: 13px;
	padding : 10px 8px;
}
}

@media screen and (max-width:992px)
{
	
	.readmore {
		margin-bottom: 30px;
	}
	.col-home-intro-txt{
		margin-bottom: 30px;
	}
	.col-home-intro-img a{
		display : block;text-align : center;
	}
	.topbarcontact ul{
		float: none;
		display: flex;
	}
	#searchinput{
		border-radius : 4px;
		border-top-left-radius : 4px;
		border-top-top-radius : 4px;
		border-top-bootom-radius : 4px;
		border-top-right-radius : 4px;
		
	}
	.topbarcontact ul li {
    float: left;
    width: 100%;
    text-align: center;
	}
	#navbarCollapse{
		text-align : center;
	}
	 .header-cont .navbar-nav {
    float: none;
	display: inline-block;
	margin: auto;
    
	}
	.nav > li > a {
    padding: 0px 14px 0px 14px;
	min-width: auto;
    font-size: 12px;
    line-height: 56px;
	height :auto;
	}
	.hvr-bounce-to-top::before {
    
    height: auto !important;
}
	.top_logo img {
    padding: 0px;
    height: auto;
	width: auto !important;
	max-width: 260px;
	}
	.col-main-navbar .navbar-nav > li {
    font-size: 14px;
    
	}
	.col-main-logo .top_logo{
		display : block;
		width : 100%;
	}
	.col-main-logo .top_logo a{
		display : block;
		width : 100%;
		text-align: center;
	}
	.col-main-logo .top_logo a img{
		margin: auto;
	}
	
	.toptext {
		display : none;
	}
	.topbarcontact{
		width : 100%;
	}
	
	.top_logo {
    width: 100% !important;
	}
	
	
	
	.top_logo img {
    padding-top: 2px;
	}
	.topbarlanguage {
    line-height: 43px;
	}
	.col-search{
		padding-top: 6px !important;
	}
.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 32px;
  height: 32px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border-radius: 25px;
  border: 1px solid #ccc;
}
.search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  border-radius: 4px 25px 25px 4px;
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #3596e0;
  left: initial;
  font-size: 14px;
}




	
	.navbar-inverse .navbar-nav > li > a{
		padding: 15px;
		font-size: 15px;
		color: #2b3380 !important;
	}
	
	.owl-demo .owl-next{
		padding: 2px 6px !important;
	}
	.owl-demo .owl-prev{
		padding: 2px 6px !important;
	}
	.owl-demo .owl-buttons div .fa {
    font-size: 40px !important;
	}
	
	.searchcont {
    padding-top: 20px !important;
	}
	



#contact
	{
		padding-top: 0px !important;
		margin: 0px !important;
	}
}

@media screen and (max-width:820px)
{
	.nav > li > a {
    padding: 0px 10px 0px 10px;
	}
}

@media screen and (max-width:769px)
{
    .nav-explore-btn {
        background-color: #2b3380111;
    }
    .custom-mega-dropdown-menu{
    padding:  0px 15px;
    }    
    
    .section-div {
    background-color: #2b3380;
    }
    .section-div > ul > li > a {
    color: #ffffff;
    }
    .menu-main-cat-div{
    display: block;
    }
    .section-div{
    width: 49%;
    display: inline-block;
    }
    
    .navbar-heading {
    color: #fff;
    margin: 15px 10px;
    padding: 10px;
    background-color: #000;    
    clear: both;
    }
    
	.largedet{
		clear : both;
	}
	
    
    .sortnperpage {
        display: none;
    }
    
	#searchinput {
    width: 100% !important;
    max-width: 100%;
	}
	.topbarcontact {
    padding: 0px 5px;
    margin: 0px;

}
	.topbarcontact ul {
    display: block;
	width: 100%;
}
.topbarcontact ul li {
    
	width: 32%;
    text-align: center !important;
    font-size: 13px;
}
.topemail {
    padding-right: 0px;
}
	
	.header-cont .navbar-nav {
    display: block;
    width: 100%;
	}
	.hvr-bounce-to-top:before
	{
	height: auto;
	}

	.navbar-toggle{
			padding: 14px;
			margin: 20px 0px;
	}
	
	.col-search{
		display:none;
	}
	.col-lang{
		display:none;
	}
	
	.top_logo {
    width: 28% !important;
}
	.navbar-btn {
    
    margin-bottom: 0px;
}
	.topbarlanguage {
   
    line-height: 22px;
}
	
	.top_paragraph{
		margin: 0px;
	}
	#navbarCollapse{
		position: absolute;
background: #2b3380 none repeat scroll 0% 0%;
left: -195%;
right: 5%;
z-index: 999;

	}
	
	.col-lang{
		clear: both;
		position: absolute;
left: 56%;
top: 24px;
	}
	
	.col-search{
		padding-top: 4px !important;
left: 40%;
position: absolute;
top: 16px;
	}
	
	.navbar-nav{
		margin: 0px;
	}
	
	.searchbtn {
    padding: 5px 0px;
text-align: right;
bottom: 2px;
	}
	.header-cont {
    min-height: 70px;
}
	
	.nav>li>a {  padding:0px 15px !important; margin: 10px !important; line-height: 25px !important; font-size: 16px; text-align: left; border-bottom: 1px solid #fff; color: #fff !important;}
	
    .nav>li>a:hover { background-color: silver; color: #E6DECB !important; }
   
	.dropdown-menu > li > a { 	color:#e7dcca !important; background-color:#2b3380; font-size: 16px;  }

.homeintro{ width: 100%;}	
	
	h2.topheading {
    	width: 100%;
		font-size: 28px;
	}
	
	.nsfrm .form-group {
     display: none !important;
	}
	
	.joinus {
		display: none !important;
		align-content: center;
	}
	
	.social {
    display: inline-block;
	}
	.socialdiv{
		text-align: center;
	}
	
	.nsfrm .form-group {
     display: none !important;
	}
	
	.footersignup{
		padding: 10px;
	}
	

	
	.searchcont {
    padding-top: 42px;
	}
	
	.googlelanguage
	{
		clear: both !important;
	}
	
	
	#contact
	{
		padding-top: 0px !important;
		margin: 0px !important;
	}
	
	.prod{
	width: 100% !important;
    margin: 30px auto;
	float: none;
	}
	
	

.top_paragraph{ float:none; display:inline-block;}

.top_social{    float: none;

    display: inline-block;

    text-align: center;

    width: 100%;}

	

.top_logo img{ float:none; }

.navbar-nav>li {

    font-size: 14px;

}



.owl-demo .owl-next{ position: absolute; right: 0px !important;  }

.owl-demo .owl-prev{     position: absolute; left: 0px !important;  }

}

@media screen and (max-width:600px){
	.prods-info-bar {
    display: block;
    float: none;
    padding: 0px;
	}
	.pagination {
    margin: 0px;
    float: none;
	}
	
    
    
	.col-home-intro-img img{
		width :100%;
	}
	
	.topemailli , .topphonelli{
		display : none !important;
	}
	.topsearchli{
		width: 100% !important;
	}
	
	.top_logo {
    width: 40% !important;
}
	
	.topphone{
		display: none;
	}
	
	.copyr{
		text-align: center !important;
	
	}
	.copyr2{
	text-align: center !important;	
		
	}
	
	
	#carousel-example-generic .fa{
		font-size: 42px;
	}
	
	.searchcont{
		padding-top: 0px !important;
	}
	
	.logodiv{
		width: 100%;
	}
	.top_logo {
	
    margin-top: 5px;
	align-content: center;
	}
	.search_input{
	float: none;
    width: 100%;
    margin: 0px auto;
	border: 2px solid #2b3380;
	clear: both;
	
	}
	
	.contactcont
	{width: 100% !important;}
	.contactcont #contact
	{
	float: none !important;
		width: 100% !important;
	}
	#callsprt
	{
	float: none !important;
		width: 100% !important;
		text-align: center !important;
	}
	.searchcont
	{width: 100%;}
	
	
	
	.welcomemsg
	{
		padding: 30px !important;
	}
}

@media screen and (max-width:500px){
    .prod {
    margin: 10px auto;
    }
    
    .nav {
     background-color: transparent;
    }
    
    .ppicturestext{
    text-align: center;
    padding: 0px;
    height : auto;    
    }
    .ppicturestext h3{    
        font-size: 14px;
    }
    .ppictureicon{
        visibility: hidden;
    }
    
    .section-div {
    width: 100%;

    }
	
	.col-lang {
    left: 46%;
	}
	
	.footerbx{
		width : 100%;
	}
	
	.top_logo {
    width: 100% !important;
}
	h2.topheading {
    	width: 100%;
		font-size: 20px;
	}
	
	.welcomemsg
	{
		padding: 0px !important;
	}

.top_email{    float: none;

    display: inline-block;

    width: 100%;}

.top_email h2{ float:none;}

.top_phone h2{ text-align:center;}

.topbarcontact ul li {
        display: inline-block;
}

}

@media screen and (max-width:400px){
	
	.prod-img-cont{
		height : auto;
	}
	
	.navbar-toggle {
		margin: 16px 0px;
	}
	
	.top_logo {
    margin: 0px;
	}
	
	.header-cont {
	min-height: auto; 
	}
	
	.topwhatsapp {
    width: 100%;
	}

.top_logo img {
    width: 100% !important;
}
	.col-search {
    left: 32%;
	}
	.col-lang {
    clear: both;
    position: absolute;
    left: 18%;
	}
	
	.topwhatsapp {
    height: 32px;
    line-height: 32px;
	}
	.contactdiv {
    line-height: 32px;
	}
	.social {
    padding: 0px;
	}
	.social li a {
    width: 60px;
    height: 32px;
    line-height: 32px;
}
.social li {
    display: inline-block;
    height: 32px;
    line-height: 32px;
}
	
	.topbarcontact{
	text-align: right;
    padding-top: 10px;
	padding-bottom: 10px;
	}
	.topbarlanguage{
		width: 40%;
	}
	
	.topphone{
		display: inline-block;
	}
	.topemail{
		display: none;
	}
	
	.welcomemsg{
		width: 100%;
		padding: 0px !important;
	}

.top_email{    float: none;

    width: 100%;

    display: inline-block;

    text-align: center; margin:0 0 10px 0;}

.top_phone{ margin:0 0 20px 0;    float: none;

    width: 100%;

    display: inline-block;

    text-align: center;

	}
	
}
	
	@media screen and (max-width:360px){
        .prod {
            width: auto !important;
        }

        
    }
    


.beautyradio .radiocontainer {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    margin-right: 20px;
}
.beautyradio .radiocontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.beautyradio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
.beautyradio .radiocontainer:hover input ~ .checkmark {
  background-color: #ccc;
}
.beautyradio .radiocontainer input:checked ~ .checkmark {
  background-color: #2b3380;
}
.beautyradio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.beautyradio .radiocontainer input:checked ~ .checkmark:after {
  display: block;
}
.beautyradio .radiocontainer .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.dist-h{
    text-align: left !important;
    margin: 0px  !important;
    padding: 0px !important;
}