body{
	margin: 0px auto;
	font-family: Roboto;
}
ul li{
	display: inline-block;
	list-style: none;
}
a:hover{
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6,p,a{
	margin: 0px;
	padding: 0px;
}
a{outline :none !important;}
.button{
	height: 51px;
	line-height: 49px;
	display: inline-block;
	background-color: #3d3f94;
	padding: 0 42px;
	padding-right: 70px;
	color: #fefefe;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-transform: capitalize;
	border-radius: 30px;
	border:2px solid #3d3f94;
	transition: 0.3s;
	position: relative;
}
.button:hover{
	border:2px solid #3d3f94;
	color: #3d3f94;
	background-color: transparent;
	transition: 0.3s;
}
.button:before{
	position: absolute;
	content: "\f101";
	color: #72bb49;
	height: 36px;
	width: 36px;
	background-color: #fff;
	font-family: FontAwesome;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	line-height: 36px;
	right: 0px;
	top: 6px;
	margin-right: 5px;
}
.margin-bottom-60{
	margin-bottom:60px;
	}
.margin-top-60{
	margin-top:60px;
	}
.padding-bottom-60{
	padding-bottom:60px;
	}
.padding-top-60{
	padding-top:60px;
	}
	
.margin-bottom-30{
	margin-bottom:30px;
	}
.margin-top-30{
	margin-top:30px;
	}
.padding-bottom-30{
	padding-bottom:30px;
	}
.padding-top-30{
	padding-top:30px;
	}
	
.margin-bottom-15{
	margin-bottom:15px;
	}
.margin-top-15{
	margin-top:15px;
	}
.padding-bottom-15{
	padding-bottom:15px;
	}
.padding-top-15{
	padding-top:15px;
	}

/*header*/
.banner{
	/*background-image: url('../images/back.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 840px;
	width: 100%;*/
	background-image: url(../images/back.png);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    padding-top: 120px;
    padding-bottom: 100px;
}
.header{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background:none;	
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    z-index: 99;
}
.menu_bars{display: none !important;}
.styckymenu{
	position: fixed;
	background: #72bb4a;
    z-index: 10000;
}
.styckymenu .logo img{
    width: 60px;
}
.header.styckymenu  nav ul li {
    padding: 18px 0px;
}

.header nav{
	float: 
}
.header nav ul {
	margin-bottom: 0;
	position: static;
}
.header nav ul li{
	padding: 50px 0px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.header nav ul li a{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 18px;
	text-transform: capitalize;
	padding: 14px 23px;
	transition: 0.3s;
	border-radius: 30px;
}
.header nav ul li:hover > a, .header nav ul li.active > a{
	background-color: #fff;
	color: #3f4195;
	transition: 0.3s;
	border-radius: 30px;

}
.header nav ul li.active a{
	background-color: #fff;
	color: #3f4195;
	border-radius: 30px;

}
.header nav ul li ul{
	position: absolute;
	top: 95%;
	left: 0;
	right: 0;
	background: #3d3f94;
	padding:15px;
    display: none;
    box-shadow: 0px 0px 13px rgba(7, 29, 45, 0.72);
} 
.header nav ul li:hover ul{
	display: block;
} 
.header nav ul li ul li{
    padding: 3px 0 !important; 
    background: none !important;
    width: calc((100% / 3) - 4px);
    vertical-align: top;
}
.header nav ul li ul li a i{
	margin-right:5px;
}
.header nav ul li ul li a{
     font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 13px;
    text-transform: capitalize;
    padding: 8px 23px;
    transition: 0.3s;
	border-radius: 0 !important;
    width: 100%;
    float: left;
    background: none !important;
    color: #fff !important;
}
.header nav ul li ul li:hover > a, .header nav ul li ul li.active > a{
	background-color: #05131d !important;
	color: #fff !important;
	transition: 0.3s;
	border-radius: 0px !important;

}
.bannercontent .bannercaption {
	padding-top: 64px;
}
.bannercontent .bannercaption h2{
	font-family: 'Oswald', sans-serif;
	font-size: 35px;
	font-weight: 300;
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.bannercontent .bannercaption h3{
	font-family: 'Oswald', sans-serif;
	font-size: 43px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 26px;
}
.bannercontent .bannercaption p{
	color: #fefefe;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 35px;
}
.bannercontent img{
	float: right;
}
.bannerSlider{
	outline: none;
}
.slick-dots li button{
	height: 8px;
	width: 8px;
	background-color: #b8dca4;
	border-radius: 50%;
}
.slick-dots li button:before{
	content: normal;
}
.slick-dots .slick-active button{
	height: 17px;
	width: 17px;
	background-color: #fff;
}


/*welcome*/
.gensection{
	padding: 76px 0px;
}
.welcome figure{
	position: relative;
}
.welcome figure img{
	width: 100%;
}
.welcome figure:after{
	position: absolute;
	content:'';
	top: -15px;
	left: -16px;
	height: 100%;
	width: 16px;
	background-color: #3d3f94;
}
.welcome figure:before{
	position: absolute;
	content:'';
	top: -15px;
	left: -16px;
	height: 16px;
	width: 100%;
	background-color: #3d3f94;
}
.welcome .stationary{
	padding-left: 63px;
	padding-top: 4px;
}
.welcome .stationary h2{
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 800;
	font-size: 35px;
	margin-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.welcome .stationary p{
	color: #8a8883;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 15px;
	letter-spacing: 1px;
	line-height: 25px;
}
.welcome .stationary .usp-info{
	margin-bottom:-12px;
	margin-top:30px;
	}
	
.welcome .stationary .leftImg span{
	height: 65px;
	width: 65px;
	background-color: #77c14e;
	border:2px solid #60a738;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
    line-height: 69px;
}
.welcome .stationary .leftImg span i{
	color: #fff;
	font-size: 25px;
}
.welcome .stationary .leftImg{
	float: left;
	width: 65px;
}
.welcome .stationary .rightInfo{
	float: right;
	width: calc(100% - 85px);
}
.welcome .stationary .rightInfo h3{
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	line-height: 22px;
	margin-bottom: 10px;
}

/*popularProduct*/
.popularProduct{
	background-color: #ededf0;
}
.bg_motiff{position: relative;z-index: 0;}
.bg_motiff::before{
	content: '';
    width: 38px;
    height: 100%;
    background-image: url(../images/motif.png) !important;
    background: repeat-y;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: 100%;
}
.bg_motiff::after{
	content: '';
    width: 38px;
    height: 100%;
    background-image: url(../images/motif.png) !important;
    background: repeat-y;
    position: absolute;
    top: 0;
    right: 0;
    z-index:-1;
    background-size: 100%;
}
.popularProduct h2{
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 800;
	font-size: 35px;
	margin-bottom: 58px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	position: relative;
}
.popularProduct h2:before{
	position: absolute;
	bottom: -22px;
	right: 0;
	left: 0;
	content: '';
	background-color: #64af3b;
	height: 2px;
	width: 60px;
	text-align: center;
	margin: 0px auto
}
.popular .nav-tabs>li.active>a, .popular .nav-tabs>li.active>a:focus, .popular .nav-tabs>li:hover a{
	border: none;
	background-color: transparent;
	color: #64af3b;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	transition: 0.3s;
}
.popular .nav-tabs>li>a{
	color: #666666;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	border: none;
	background-color: transparent;
	transition: 0.3s;
}
.nav-tabs{
	border-bottom: none;
	margin-left:80px;
}
.nav-tabs>li{
	margin-bottom: 42px;
}
.nav>li>a{
	padding: 10px 14px;
}
.popular .tab-content figure{
	/*background-color: #fff;
	padding: 40px;
	height: 230px;
	position:relative;*/
	
	background-color: #fff;
    padding: 40px;
    min-height: 230px;
    position: relative; 
    clear: both;
    width: 100%;
    height: auto;
}
.popular .tab-content figure img{
	width: 100%;
}
.popular .tab-content .fileTitle{
	background-color: #f1f5f9;
	height: 56PX;
	width: 100%;
}
.popular .tab-content .fileTitle h2{
	/*font-size: 22px;*/
	font-size: 18px;
	letter-spacing: 1px;
	color: #3d3f94;
	margin-bottom: 0px;
	line-height: 56px;
}
.popular .tab-content .fileTitle h2:before{
	content: normal;
}
.tab-content .filewrap{
	margin-bottom: 32px;
	position: relative;
}
.tab-content .filewrap img{
	height: auto;
	width: 100%;
}
.tab-content .filewrap a{
	position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
	width: 100%;
    height: 100%;
    /*margin: auto;
    width: 76px;
    height: 76px;
    background: url('../images/plus.png') no-repeat center center;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    background-color: #fff;
    border-radius: 50%;*/
}

.tab-content .filewrap figure::before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #9fcefd;
    transition: 0.3s;
    transform: scale(0);
    opacity: 0;
    z-index: 1;
}
.tab-content .filewrap:hover figure::before{
    transition: 0.3s;
    transform: scale(1);
    opacity: 0.5;
}
.tab-content .filewrap figure::after{
	content: '\f0c1';
    font-family: fontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    background: #ffffff;
    transition: 0.3s;
    transform: translate(-50% , -50%) scale(0);
    -webkit-transform: translate(-50% , -50%) scale(0);
    -moz-transform: translate(-50% , -50%) scale(0);
    -ms-transform: translate(-50% , -50%) scale(0);
    z-index: 1;
    color: #70b847;
    font-size: 22px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
	opacity:0;
}
.tab-content .filewrap:hover figure::after{ 
    transform: translate(-50% , -50%) scale(1);
    -webkit-transform: translate(-50% , -50%) scale(1);
    -moz-transform: translate(-50% , -50%) scale(1);
    -ms-transform: translate(-50% , -50%) scale(1); 
	opacity:1;
}

/*customer area*/
.customer_area{
	background:#70b948;
	position: relative;
	}
.slider_testimonial{
	position:relative;
	z-index:9;
	}
.slider_testimonial::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:10;
	}
.slider-nav-thumbnails_testimonial{
	text-align:center;
	margin-top:30px;
	}
.slider-nav-thumbnails_testimonial .slick-slide {
	cursor:pointer;
	opacity: 0.5;
	width:50px !important;
	height:50px !important;
	border-radius:50% !important;
	display:inline-block;
	float:none;
	margin:5px;
	transform:scale(.7);
	-webkit-transform:scale(.7);
	-moz-transform:scale(.7);
	-ms-transform:scale(.7);
	outline :none !important;
}
.slider-nav-thumbnails_testimonial .slick-slide.slick-current  {
	opacity: 1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
  
}
.slider_testimonial  .slick-slide h2{
	color: #fff;
    font-size: 25px;
    font-family: Roboto;
    font-weight: 300;
    text-align: center;
    line-height: 35px;
	}
.slider_testimonial  .slick-slide p{
	color: #2f5be7;
    font-size: 18px;
    font-family: Roboto;
    font-weight: 600;
    text-align: center;
    line-height:24px;
	margin-top:40px;
	}
.slider_testimonial  .slick-slide p span{
	color: #fff;
    font-size: 14px;
    font-family: Roboto;
    font-weight: 300;
    text-align: center;
    line-height:20px;
	margin :5px auto 0;
	display:block;
	}
.testimonial_head{
	text-align:center;
	margin-bottom:30px;
	color:#fff;
	font-weight:600;
	}
.home_contact_outer{
	background: #fff;
	/*position: absolute;
	right: 0;
	height: 100%;*/
	padding-left:60px;
	padding-right:60px;
	}
.home_contact_outer h2{
	font-weight:600;
	text-align:center;
	font-size:25px;
	text-transform:uppercase;
	margin-bottom:15px;
	color:#000;
	}
.home_contact_outer p{ 
	text-align:center;
	font-size:16px; 
	margin-bottom:30px;
	color:#9d9d9d;
	}
.write_here_area{
	border:2px solid #3660e7;
	padding:20px;

}
.write_here_area label{
	color:#60728b;
	font-size: 12px;
}
.write_here_area input,.write_here_area textarea{
	color:#60728b;
	font-size: 12px;
	border-radius:0px;
}
.write_here_area input.blue-btn{
	width:100%;
	float: left;
	height: auto;
	color: #fff;
	background: #2f5be7;
	border-radius: 25px;
	border: none;
	padding:8px; 
	margin-top:40px;
}

/*footer*/
footer{
	background: #000;
}

.ftr_hdr{
    font-size: 19px;
    color: #ffffef;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Roboto;
    letter-spacing: 1px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #70b948;
    margin-bottom: 20px;
}
.ftr_links ul{
	margin: 0;
	padding:0;
	
}
.ftr_links ul li{
	margin: 0 0 10px 0;
	padding:0 0 0 15px;
	position: relative;
	display: block;
}
.ftr_links ul li::before{
	position: absolute;
    content: '\f054';
    font-family: fontAwesome;
    font-size: 9px;
    color: #ffffef;
    top: 4px;
    left: 0;
}
.ftr_links ul li a{
	font-size:13px;
    color: #ffffef;
    font-family: Roboto; 
    font-weight: 300;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.ftr_links ul li:hover a{
	color: #70b948;
}
.newsletter_ftr{
	background: #fff;
	position: relative;
	padding:5px 3px;
	width: 100%;
	float: left;
	height: auto;
}
.newsletter_ftr input[type="email"]{
	width:calc(100% - 60px);
	float: left;
	border:none;
	padding: 5px;
	font-size: 13px;
    font-family: Roboto; 
    font-weight: 300;
	color: #2d2d2d;
	outline: none !important;
}
.newsletter_ftr input[type="submit"]{
    width: 43px;
    float: right;
    border: none;
    padding: 5px;
    font-size: 13px;
    color: #fff;
    background: #70b948;
    border-radius: 5px;
    outline: none !important;
    font-family: Roboto; 
    font-weight: 300;
}
.newsletter_ftr_area p{
	    font-size: 13px;
    color: #ffffef;
    font-family: Roboto;
    margin-bottom: 15px;
    font-weight: 300;
}



.social_n_info_ftr{
	padding-top:15px; 
	padding-bottom: 15px;
	border-top: 1px dotted #fff;
}

.ftr_info_area ul{
	margin: 0;
	padding: 0;

}
.ftr_info_area ul li{
	margin: 0 10px 0 0;
	padding: 0;
	display: inline-block;
}
.ftr_info_area ul li a{
	font-size:13px;
    color: #ffffef;
    font-family: Roboto; 
    font-weight: 500;
    text-decoration: none !important;
}

.ftr_info_area.round_ico i{
	margin-right:5px 

}
.round_ico i{
	width: 30px;
	height: 30px;
	background:#fff;
	color: #2f5be7; 
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}


.ftr_scocial_area ul{
	margin: 0;
	padding: 0;
}
.ftr_scocial_area ul li{
	margin: 0 5px 0 0;
	padding: 0;
}
.ftr_scocial_area.round_ico i:hover{
	background:#70b948;
	color: #fff;
}
.copyright_area{
	background:#fff;
}
.copyright_area p{
    color: #2f2f2f;
    font-size: 14px;
    margin: 8px;
    font-family: Roboto;
    font-weight: 300;
    text-align: center;
}

/*Product page*/
.banner_container{
	background-color:#edf5e9; 
    position: relative;
}
.bnr_motiff{
	position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.bnr_motiff::before {
    content: '';
    width: 38px;
    height: 100%;
    background-image: url(../images/motif.png) !important;
    background: repeat-y;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-size: 100%;
}
.bnr_motiff::after {
    content: '';
    width: 38px;
    height: 100%;
    background-image: url(../images/motif.png) !important;
    background: repeat-y;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    background-size: 100%;
}
.pageheadder_area{
    background-image: url(../images/back.png);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 120px;
    text-align: center;
    position: relative;
    z-index: 2;
}
.pageheadder_area h1{
	color: #fff;
	font-size: 40px;
	font-family: Roboto;
    font-weight: 700;
    position: relative;
}
 
.pdt_pg_area{
    background-color: #edf5e9;
    padding-top:100px;
    padding-bottom: 30px;
}
.left_pdt_area{
	background:#305be6;
	padding-top: 14px;
	padding-bottom: 14px;
}
.left_pdt_area .title_hd{
	color:#fff;
	font-size: 24px;
	text-transform: uppercase; 
	font-family: Roboto;
    font-weight: 500;
    margin: 6px 0;
}

/*select category*/
.cat_select_area{
	    background: #fff;
    width: 100%;
    border-radius: 6px;

}
.cat_select_area .select_cat_btn {
    width: calc(100% - 108px);
    background: #fff;
    text-align: left;
    float: left;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right:15px;
	color:#000;
}
.cat_select_area .select_cat_btn .caret{     
    position: absolute;
    font-size: 15px;
    top: 16px;
    right: 5px;
}
.cat_select_area .submit_btn{
    width: 108px;
    background-color: #0cd378;
    background: linear-gradient(to right, #00a5e0 , #0cd378);
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    float:right;
}


.left_pdt_area ul{
    margin: 0;
    padding: 0;
    width: 100%;
    box-shadow: 3px 1px 2px 0px rgba(53, 53, 53, 0.11);
    -webkit-box-shadow: 3px 1px 2px 0px rgba(53, 53, 53, 0.11);
    -moz-box-shadow: 3px 1px 2px 0px rgba(53, 53, 53, 0.11);
    -o-box-shadow: 3px 1px 2px 0px rgba(53, 53, 53, 0.11);
    overflow: hidden;
}
.left_pdt_area ul li{
	width: 100%;
	float: left;
}
.left_pdt_area ul li a{
	color: #3b3b3c;
    font-size: 12px;
    font-family: Roboto;
    font-weight: 500;
    padding: 5px 12px;
    width: 100%;
    float: left;
    background: #fff;
    border-bottom: 1px solid #e0e0e1;
    line-height: 39px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.left_pdt_area ul li a i{
	float:right;
    margin-top: 16px;
	opacity: 0;
}
.left_pdt_area ul li a:hover i{
	opacity: 1;
}
.left_pdt_area ul li.active a i{
	opacity: 1;
}
.left_pdt_area ul li a:hover{
	color: #fff; 
	background-color: #0cd378;
    background: linear-gradient(to right, #00a5e0 , #0cd378);
}

.left_pdt_area ul li.active a{
	color: #fff; 
	background-color: #0cd378;
    background: linear-gradient(to right, #00a5e0 , #0cd378);
}
.left_pdt_area ul li a span.icon{
    float: left;
    width: 37px;
    height: 37px;
    background: #fff url(../images/sprite.png);
    margin-right: 8px;
    background-size: 100%;
}

.left_pdt_area ul li:nth-child(2) a span.icon{
	background-position: 0 -40px;
}

.left_pdt_area ul li:nth-child(3) a span.icon{
	background-position: 0 -77px;
}

.left_pdt_area ul li:nth-child(4) a span.icon{
	background-position: 0 -119px;
}

.left_pdt_area ul li:nth-child(5) a span.icon{
	background-position: 0 -161px;
}

.left_pdt_area ul li:nth-child(6) a span.icon{
	background-position: 0 -202px;
}

.left_pdt_area ul li:nth-child(7) a span.icon{
	background-position: 0 -240px;
}

.left_pdt_area ul li:nth-child(8) a span.icon{
	background-position: 0 -281px;
}
.left_pdt_area ul li:nth-child(9) a span.icon{
	background-position: 0 -322px;
}
.left_pdt_area ul li:nth-child(10) a span.icon{
	background-position: 0 -362px;
}

.item_cont_outer{
    width: 100%;
    float: left;
	min-height:445px;
    background-color: #0cd378;
    background: linear-gradient(to right, #00a5e0 , #0cd378);
    position: relative;
    padding: 25px 13px 25px 0px;
    margin-left: 20px;
    -moz-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.22);
}
.pdt_img{
	float: left;
    margin-left: -20px;
    width: 325px;
    -moz-box-shadow:1px 2px 8px 0px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:1px 2px 8px 0px rgba(0, 0, 0, 0.22);
    box-shadow:1px 2px 8px 0px rgba(0, 0, 0, 0.22);
}
.pdt_img img{
    width: 100%;
    height:auto;
    float: left;
}
.pdtdes{
	float: right;
	width: calc(100% - 330px);
}
.pdtdes h2{
    color: #fff;
    font-size: 22px;
    /*text-transform: uppercase;*/
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
}
.pdtdes h3{
    background: #fff;
    font-size: 11px;
	color: #000;
    padding: 3px 15px;
    border-radius: 9px;
    text-align: center;
    margin: 20px 0;
    -moz-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.47);
    -webkit-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.47);
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.47);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    max-width: 100%;
}
.pdtdes p{
    color: #fff;
    font-size: 14px;
    /*text-align: justify;*/
    margin: 15px 0; 
}
.pdtdes a{
    background: #153bb6;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 30px;
    margin: 5px 0 0 0;
    -moz-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.47);
    -webkit-box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.47);
    box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.47);
    padding: 5px 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
}
.pdtdes a::before{
    content: '';
    position: absolute;
    top: 0px;
    right: -14px;
    width: 30px;
    height: 30px;
    /*background: url(../images/aim.png);*/
    z-index: -1;
    background-size: 100% 100%; 
}

.popup_cont{	
	display: none; 
	width: 97%;
    max-width: 900px !important;
    padding: 0 !important; 
	} 
.cross_btn{
    position: absolute;
    top: -17px;
    right: -17px;
    z-index: 103;
    color: #fff;
    background: blue;
    padding: 15px 17px;
    border-radius: 50%;
	}

.popup_img_cont{
	background:url(../images/popup_l.jpg);
	background-position: center center;
	background-size:100% 100%;  
	padding: 60px;
}
.popup_img_carousal{
	width: 100%;
	float: left;
	height: auto;
     display: block;
     position: relative;
     box-shadow: 0px 1px 15px 3px rgba(0, 0, 0, 0.28);
     -webkit-box-shadow: 0px 1px 15px 3px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 0px 1px 15px 3px rgba(0, 0, 0, 0.28);
     -ms-box-shadow:0px 1px 15px 3px rgba(0, 0, 0, 0.28);
}
.popup_img_carousal img{
	width: 100%;
	float: left;
	height: auto;
     display: block;
}
.popup_img_carousal .slick-dots{
    position: absolute;
    top: 103%;
}
.popup_img_carousal .slick-dots li {
	margin:5px; 
	width: 10px;
}
.popup_img_carousal .slick-dots li button{
    height: 3px;
    width: 3px;
    background-color: #4c7e35;
    border-radius: 50%;
}
.popup_img_carousal .slick-dots li.slick-active button{
    height: 5px;
    width: 5px;
    background-color: #fff;
    border: 1px solid #4c7e35;
    border-radius: 50%;
}

.popup_img_carousal .slick-prev {	
    background: url(../images/prev_btn.png);
    background-position: center center;
    background-size: 100% 100%;
    position: absolute;
    top: 107%;
    left: 106px;
    width: 30px;
    height: 30px;
}
.popup_img_carousal .slick-prev::before {	
	display: none;
}
.popup_img_carousal .slick-next {	
    background: url(../images/next_btn.png);
    background-position: center center;
    background-size: 100% 100%;
    position: absolute;
    top: 107%;
    right: 106px;
    width: 30px;
    height: 30px;
}
.popup_img_carousal .slick-next::before {	
	display: none;
}


.popup_desc_cont{
	background:url(../images/popup_r.jpg);
	background-position: left center;
	background-size:cover;  
	padding-bottom: 60px;
	padding-top: 60px;
	position: absolute;
    right: 0;
    height: 100%;
    padding-left: 90px;
}

.popup_desc_cont h2{
	font-size: 25px;
	color:#fff;
	font-weight: 500;
	margin-bottom: 30px;
}
.popup_desc_cont p{
	font-size: 14px;
	color:#fff; 
	margin-bottom: 15px;
	font-weight: 300;
    line-height: 24px;
    text-align: justify;
}
.popup_cont .fancybox-close-small{
	background: #0060f1;
    color: #fff;
    border-radius: 50%;
}


.navigation .pagination a.page-numbers{padding: 10px 15px;background: #44a6f0;;color: #fff;margin-right: 5px;}

.navigation .pagination a.page-numbers:hover{background: #625c5b;}

.navigation .pagination .current{padding: 11px 15px;background: #13609a;color: #fff;margin-right: 5px;}


::-webkit-scrollbar{width:6px;height:5px; }
::-webkit-scrollbar-track{ background:#cecece;}
::-webkit-scrollbar-thumb{background:#3d3f94;}
::-moz-scrollbar{width:8px;height:5px; }
::-moz-scrollbar-track{ background:#cecece;}
::-moz-scrollbar-thumb{background:#33458a;}
::-webkit-selection{ background:#33458a; color:#fff;}
::selection{ background:#33458a; color:#fff;}
::-moz-selection{ background:#33458a; color:#fff;}


/**tab_opd_starts**/

/*Video Gallery*/
.video_gallery {padding-bottom: 60px; padding-top: 60px}
.video_gallery .tab {
    border: 1px solid #56a728;
    background-color: #56a728;
    color: #fff;
    width: 100%;
    list-style-type: none;
}
.video_gallery .tab li a {text-transform: capitalize; padding: 8px 15px; display: -webkit-box; cursor: pointer; font-size: 14px; color: #fff;}
.video_gallery .tab li .dropdown-menu {padding: 0;background-color: #33388e; color: #fff;left: -2px;    width: 216px;}
.video_gallery .tab li .dropdown-menu li {}
.video_gallery .tab li .dropdown-menu li a {color: #fff; font-size: 11px; padding: 14px 28px}

.video_gallery .tab li {margin-bottom: 2px; border-bottom: 1px solid #ccc;}
.video_gallery .tab li:last-child {margin-bottom: 0; border-bottom: 0; z-index: 999;}
.video_gallery .tab li a.active {background-color: #3d3f94;}

.video_gallery .tab li a:hover {background-color: #3d3f94; -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.video_gallery .tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

.video_gallery .tab button:hover {
  background-color: #ddd;
}
.video_gallery .tab button.active {
  background-color: #ccc;
}
.video_gallery .tabcontent {padding: 0; box-shadow: 0px 0px 8px rgba(183,183,183,0.5),0px 0px 8px rgba(183,183,183,0.5); width: 100%;}
.video_gallery .tabcontent h3 {text-transform: capitalize;}
.video_gallery .tabcontent .video_sec .video_box {padding-bottom: 20px;    display: flow-root;}
.video_gallery .tabcontent .video_sec .video_box .video a {background-color: #fff; border: 1px solid #ddd;    padding: 4px;    display: block;}
.video_gallery .tabcontent .video_sec .video_box .video a:hover {cursor: pointer;}
.video_gallery .tabcontent .video_sec .video_box .title {margin: 10px 0}
.video_gallery .tabcontent .video_sec .video_box .title p {font-size: 14px; color:#33388e; text-align: left; line-height:25px; text-align:center; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.video_gallery .tabcontent .video_sec .video_box .views_rating .fa-star {color: #33388e;}
.video_gallery .tabcontent .video_sec .video_box .views_rating .fa-star-half-o {color: #33388e;}
.video_gallery .tabcontent .video_sec .video_box .views_rating .fa-star-o {color: #33388e;}
.video_gallery .tabcontent .video_sec .video_box p.views {font-size: 10px; color: #636363; text-transform: capitalize;
    text-align: right;
}

/**tab_opd_ends**/

.title_designation{
    color: #fff;
    width: 100%;
    text-align: center;
}
.tab_height{
    max-height: 800px;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    box-sizing: border-box;
}


    
@media only screen and (min-width:280px) and (max-width: 767px) {

    .tab_height{
        max-height: 200px;
        height: 100%;
        margin: 0 0 30px 0;
        width: 100%;
        overflow-y: scroll;
        box-sizing: border-box;
    }
    
}

.one_line{
    margin: 0;
    padding: 0;
    width: 100%;
    background: #3d3f94;
    color: #fff !important;
}
.table-hover>tbody>tr:hover {
    background-color: #56a728;
}
.table-hover>tbody>tr:hover th{
    color: #fff;
}
.one_line th{
    width: 33.33%;
}

/*.full_details{
    max-height: 370px;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    box-sizing: border-box;
}*/

.table-bordered tbody tr{
	color: #000;
}


/**dealer_list_css_starts**/

.distributers_section{
    margin: 0px 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.distributers_section .select_city_section{
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background: #ececec;
    border-radius: 10px;
}
.distributers_section .select_city_section h3{
    margin: 0;
    padding: 20px 0;
    color: #474747;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
}
.distributers_section .select_city_section .select_form{
    margin: 0 auto;
    padding: 0 0 35px 0;
    width: 75%;
    height: auto;
}
.distributers_section .select_city_section .select_form .pad_none{
    margin: 0;
    padding: 0;
}
.distributers_section .select_city_section .select_form .form_one{
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.distributers_section .select_city_section .select_form .form_one .form-control{
	background: #009f5c;
	color: #fff !important;
	height: 40px;
	line-height: 38px;
	border:none;
	border-radius: 0;
}
.distributers_section .select_city_section .select_form .form_one .one{
    border-radius: 50px 0 0 50px;
}
.distributers_section .select_city_section .select_form .form_one .three{
	border-radius: 0 50px 50px 0;
    padding: 0;
    margin: 0px 0 0 0;
    line-height: 38px;
    height: 40px;
    background: #3d3f94;
    border: none;
}


.dealer_details{
    margin: 0 0 40px 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.dealer_details .dealer_box{
    margin: 40px 0 0 0;
    padding: 15px;
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 1px 2px 2px 2px #8dc78a7d;
}
.dealer_details .dealer_box h2{
color: #009f5c;
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
    height: auto;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1px;
}
.dealer_details .dealer_box h2::before{display: none;}
.dealer_details .dealer_box p{
    margin: 0;
    padding:0 0 6px 30px;
    width: 100%;
    height: auto;
    color: #222;
    font-weight: 600;
    font-size: 14px;
    position: relative;
}
.dealer_details .dealer_box p i.fa{
    margin: 0;
    padding: 0;
    font-family: 'FontAwesome';
    position: absolute;
    content: "";
    top: 4px;
    left: 0;
    font-size: 13px;
    color: #5254c1;
}
.dealer_details .dealer_box p .norml{
    font-weight: normal;
}
.dealer_details .dealer_box p .color_change{
    color: #eb5672;
}
.dealer_details .dealer_box p a{
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #009f5c;
}

.flex_class{
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex_box{
    display: -ms-flex; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
}




@media only screen and (max-width:480px){
   
    .distributers_section .select_city_section .select_form{width: 90%; padding: 0 0 35px 12px;}
    .distributers_section .select_city_section .select_form .form_one .form-control{font-size: 12px;}
    .distributers_section .select_city_section .select_form .form_one .three{font-size: 12px;}
   
}

@media only screen and (max-width:380px){
   
    .distributers_section .select_city_section .select_form .form_one .form-control{font-size: 11px; padding: 0 0 0 5px;}
   
}


/**dealer_list_css_enda**/






/***/
.transition-1 {-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
.transition-1:hover {-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}

a {margin: 0px auto; padding:0px; max-width: 100%; border: 0px; outline: none; text-decoration:none; color:inherit; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
a:hover {text-decoration:none; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
/***/



/*****/
.keastationery-map {padding:0px; margin:0px; width:70%; height:auto; position:relative;}
.keastationery-map img {padding:0px; margin:0px auto; width:100%; height:auto;}
.keastationery-nav {padding:0px; margin:0px auto; width:100%; height:100%; position:absolute; left:0px; top:0px; text-align:center; min-height:300px;}
.keastationery-nav ul {padding:0px; margin:0px auto; width:auto; height:auto; list-style-type:none;}
.keastationery-nav ul li {padding: 0.3% 1% 0px; margin:0px auto; width:auto; height:auto; display:inline-block; vertical-align:top; position: absolute; color:#FFF; background:rgb(187, 138, 0); border-radius:10px; background: linear-gradient(-45deg, #bb8a00, #745a0f, #453710, #080602); background-size: 400% 400%; -webkit-animation: gradient 5s ease infinite; animation: gradient 5s ease infinite; }
.keastationery-nav ul li:nth-child(1) {right:23%; top:50%;}
.keastationery-nav ul li:nth-child(2) {right:35%; top:40%;}
.keastationery-nav ul li:nth-child(3) {right:31%; top:47%;}
.keastationery-nav ul li:nth-child(4) {right:40%; top:54%;}
.keastationery-nav ul li:nth-child(5) {right:36%; top:58%;}
.keastationery-nav ul li:nth-child(6) {right:9%; top:39%;}
.keastationery-nav ul li:nth-child(7) {right:12%; top:47%;}
.keastationery-nav ul li:nth-child(8) {right:53%; bottom: 10%;}
.keastationery-but {padding: 0px; margin: 0px auto; border: 0px; background: none; line-height: 20px;}
.keastationery-but::before {
	font-family: 'FontAwesome'; 
	content: "\f041"; 
	font-size: 20px; 
	color: #FFF; 
	margin: 0px 5px 0px 0px;
}
.keastationery-but:hover {color:#dcff71;}
.keastationery-model {padding:0px; margin:0px auto; width:auto; height:auto;}
.keastationery-model .modal-header {padding: 15px 15px 0px 15px;}
.title-1 {color: #313131; font-size:22px; font-weight: normal; line-height:32px; margin: 0px 0px 30px 0px; padding: 1% 0; text-decoration: none; text-align: center; position: relative;}
.title-1::after {content: ""; position: absolute; width: 45px; height: 4px; background: #75b637; margin: 0px auto; text-align: center; right: 0; left: 0; bottom: -5px;}
.ks-nav {padding:0px; margin:0px auto; width:100%; height:auto; text-align:center;}
.ks-nav ul {padding:0px; margin:0px auto; width:auto; height:auto; list-style-type:none;}
/*.ks-nav ul li {padding: 0px; margin: 0px auto; width: 48%; height: auto; display: inline-block; vertical-align: top; text-align: left; font-size: 16px; line-height: 31px;}*/
.ks-nav ul li {
	padding: 0px 1%;
	margin: 3px;
	width: 46%;
	height: auto;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 16px;
	line-height: 31px;
	background: #f4f6fb;
	float:left;
	text-transform: uppercase;
}
.ks-nav ul li::before {font-family: 'FontAwesome'; content: "\f18e"; font-size: 20px; color: #77c14e; margin: 0px 15px 0px 0px;}
.keastationery-model .modal-header .close {margin-top:0px; z-index: 99; position: absolute; right: 5%;}
.keastationery-con {
	padding:0px;
	margin: 0px auto;
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: top;
	position: absolute;
	color: #FFF;
	background: rgba(244, 244, 244, 0.1);
	border-radius: 10px;
	right: 11%;
	bottom: 15%;
	box-shadow: 0px 0px 8px rgba(183,183,183,0.5),0px 0px 8px rgba(183,183,183,0.5);
	width: 30%;
}

/*.keastationery-con::after {
	content: "";
	position: absolute;
	left: -30px;
	top: 30px;
	border-left: 0px solid red;
	border-right: 30px solid rgba(244, 244, 244, 0.1);
	border-bottom: 20px solid transparent;
	border-top: 20px solid transparent;
}*/
.keastationery-con h3 {font-size: 18px; margin: 5px 0px 5px auto; text-transform: uppercase; color: #FFFFFF;}
.keastationery-con p {font-size: 25px; margin:5px 0px; color:#3d3f94;}
.keastationery-con .h4 {
	font-size: 16px;
	margin: 2% 1%;
	color: #fff;
	background-color: #589b33;
	border-radius: 25px;
	padding: 2% 5%;
	display: inline-block;
	border:solid 2px #589b33;
}
.keastationery-con .h4:hover {color: #fff; background-color: #33458a; border:solid 2px #589b33;}
.keastationery-con ul {padding:0px; margin:5% auto; width:auto; height:auto; list-style-type:none;}
.keastationery-con ul li {padding: 0px; margin: 0px auto; width: 48%; height: auto; display: inline-block; vertical-align: top; text-align: left; font-size: 16px; line-height: 28px; color:#3d3f94;}
.keastationery-con ul li::before {font-family: 'FontAwesome'; content: "\f178"; font-size:11px; color: #3d3f94; margin: 0px 13px 0px 0px;}

.keastationery-con1a {padding:5%; margin: 0px auto; width: auto; height: auto;}
.keastationery-con1b {padding:5%; margin: 0px auto; width: auto; height: auto; background-color:#33458a; border-radius:0px 0px 10px 10px;}

.keastationery-con2a {
	padding:0.5%;
	margin: 0px auto;
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: top;
	position: absolute;
	color: #FFF;
	background: rgba(244, 244, 244, 0.1);
	border-radius: 10px;
	right: 35%;
	top: 14%;
	box-shadow: 0px 0px 8px rgba(183,183,183,0.5),0px 0px 8px rgba(183,183,183,0.5);
	width: 20%;
	z-index:99;
}
.keastationery-con2b {padding:5%; margin: 0px auto; width: auto; height: auto; border:dashed 1px #CCCCCC; border-radius:5px;}
.keastationery-con2b h4 {font-size: 18px; margin:5px 0px; color:#33458a; line-height:26px;}
.keastationery-con2b h4 span {padding: 1% 3%; font-size: 18px; background: rgb(187, 138, 0); border-radius: 25px; margin: 0px 1%; color:#FFF;}
.keastationery-con2b h4 span::before {
	font-family: 'FontAwesome';
	content: "\f041";
	font-size: 20px;
	color: #FFF;
	margin: 0px 10px 0px 0px;
}
@-webkit-keyframes gradient {
0% {background-position: 0% 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0% 50%;}
}
@keyframes gradient {
0% {background-position: 0% 50%;}
50% {background-position: 100% 50%;}
100% {background-position: 0% 50%;}
}

/*****/


.address_box{
    margin: 0;
    padding: 20px 0;
    width: 100%;
    height: 195px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 8px rgba(25, 25, 25, 0.5), 0px 0px 8px rgba(123, 123, 123, 0.5);
}
.address_box h2{
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 22px;
    color: #000;
    width: 100%;
    height: auto;
}
.address_box h2:before{
    background: #70b948;
    top: 32px;
}
.address_box p{
    margin: 0;
    padding: 0 10px 0 25px;
    width: 100%;
    height: auto;
    font-size: 15px;
    text-align: left;
    line-height: 25px;
    color: #6d6d6d;
    position: relative;
}
.address_box p i{
    position: absolute;
    left: 10px;
    top: 5px;
}

.contact_details_box{
    margin: 60px 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.contact_details_box .contact_box{
    margin: 0 auto;
    padding: 20px 0;
    width: 60%;
    height: auto;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 8px rgba(25, 25, 25, 0.5), 0px 0px 8px rgba(123, 123, 123, 0.5);
}
.contact_details_box .contact_box h2{
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 22px;
    color: #000;
    width: 100%;
    height: auto;
}
.contact_details_box .contact_box h2:before{
    background: #70b948;
    top: 32px;
}
.contact_details_box .contact_box p{
    margin: 0;
    padding: 4px 80px;
    width: 100%;
    line-height: 20px;
    height: auto;
    text-align: left;
    font-size: 15px;
    color: #6d6d6d;
    position: relative;
}
.contact_details_box .contact_box p i{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 6px;
    left: 56px;
}




.blog_area_item {
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  padding: 25px;
}
.blog_area_item .blogImg {
  width: 100%;
  height: auto;
  max-height: 300px;
  overflow: hidden;
  border: 1px solid #ccc;
  margin-bottom: 15px;
  padding: 15px;
}
.blog_area_item .blogImg img {
  width: 100%;
  height: auto;
}
.blog_area_item .date {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 300;
  margin: 10px 0px;
  display: block;
}
.blog_area_item h3 {
  font-family: Roboto;
  color: #000;
  font-weight: 500;
  margin-bottom: 8px;
}
.blog_area_item h3 a {
  color: #d33a53;
  text-decoration: none;
}
.blog_area_item h3 a:hover {
  text-decoration: underline;
}
.blog_area_item p {
  font-family: Roboto;
  color: #000;
  font-weight: normal;
  font-size: 14px;
}

.readmore{
  color: #000;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
}
.readmore:hover{
  color: #72bb4a;
}


.sidebar.widget-area{
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  padding: 25px;
}
.widget-area .widget-title{
  font-size: 18px;
  margin-top: 15px;
}
.widget-area .widget_recent_entries ul li,
.widget-area .widget_meta ul li{
  width: 100%;
  display: block;
}
.search-field{
	width: 100%;
	height: 35px;
	padding: 0px 15px;
	border: 1px solid #ccc;
	border-radius: 8px;
	color: #000;
}





.blogdetails h2, .blogdetails h3{ line-height:2 !important;}
.sidebar.widget-area{line-height:2}
.blogdetails .status-publish{
	color: #000;
  background-color: #fff;
  border-radius: 8px;
  padding: 25px;
  margin-bottom: 25px;
}
.mt-4{
	margin-top: 32px;
}
.blogdetails .comments-area{
	color: #000;
  background-color: #fff;
  border-radius: 8px;
  padding: 25px;
	margin-top: 25px;
}
.comments-area .comment-form-comment label{
	width: 100%;
	display: block;
}
.comments-area .comment-form-comment textarea{
	width: 100%;
	height: 80px;
	padding: 15px;
}
.comments-area .submit{
	padding: 10px 15px;
	background-color: #72bb4a;
	border-radius: 8px;
	cursor: pointer;
	color: #000;
	border: none;
}
.comments-area .comment-body footer.comment-meta{
	background-color: transparent !important;
	margin: 15px 0px;
}

.widget_archive ul li{
    width:100%;
    display:block;
}


/*-------------- 23.06.23 ---------------*/
.side-form {
  width: 600px;
  height: auto;
  background-color: #72bb4a;
  position: fixed;
  bottom: 250px;
  right: -600px;
  z-index: 100;
  border: 1px solid #4d9129;
  transition: 0.3s;
}
@media (max-width: 1600px) {
	.side-form {bottom:20%;}
}
@media (max-width: 1366px) {
	.side-form{
		bottom: 5%;
	}
}
@media (max-width: 768px) {
  .side-form {
    bottom: auto;
    top: 35%;
  }
}
.side-form-btn {
  width: 150px;
  height: 50px;
  background-color: #3d3f94;
  position: absolute;
  left: -101px;
  top: 45%;
  border: none;
  cursor: pointer;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transform: rotate(-90deg);
}
@media (max-width: 768px) {
  .side-form-btn {
    left: -101px;
    top: 20%;
  }
}
.side-form-btn span {
  margin-left: 8px;
}
.side-form-btn .fa-times {
  display: none;
}
.side-form-btn .fa-arrow-left {
  display: block;
}
.side-form.active {
  right: 0px;
}
@media (max-width: 768px) {
  .side-form.active {
    position: absolute;
    bottom: auto;
    top: 50px;
    width: 100%;
  }
}
.side-form.active .side-form-btn {
  top: 45%;
}
@media (max-width: 768px) {
  .side-form.active .side-form-btn {
    top: -50px;
    left: 0px;
    transform: rotate(0deg);
  }
}
.side-form.active .side-form-btn .fa-chevron-left {
  display: none;
}
.side-form.active .side-form-btn .fa-times {
  display: block;
}
.p-4{
	padding: 32px;
}
.btn-secondary{
	background-color: #3d3f94;
	color: #fff;
	border: none;
	margin-top: 15px;
}
.btn-secondary:focus{
	outline: 0px;
}
.btn-secondary:hover{
	color: #fff;
}

.whatsapp-button {
    padding: 5px 5px;
    text-align: center;
    background: #5c9d1b;
    color: #fff;
    position: fixed;
    bottom: 31px;
    right: 31px;
    border-radius: 24px;
    /* border: 2px solid #fff; */
    z-index: 999;
    box-shadow: 0px 5px 10px rgba(0,0,0,.5);
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
}
.whatsapp-button a{ display: block;}
.whatsapp-button-each {
    padding: 5px 5px !important;
    text-align: center;
    background: #5c9d1b !important;
    color: #fff;
    position: relative;
    
    border-radius: 24px;
    /* border: 2px solid #fff; */
    z-index: 999;
    box-shadow: 0px 5px 10px rgba(0,0,0,.5);
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

.whatsapp-button .rs_whatsapp_icon,.whatsapp-button-each .rs_whatsapp_icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTE1OTMwMEM0MzA2MTFFOEFEMDc4REI3NUMzRjUwNDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTE1OTMwMEQ0MzA2MTFFOEFEMDc4REI3NUMzRjUwNDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MTU5MzAwQTQzMDYxMUU4QUQwNzhEQjc1QzNGNTA0NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MTU5MzAwQjQzMDYxMUU4QUQwNzhEQjc1QzNGNTA0NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtHG5C8AAAVPSURBVHjazJpriFZFGMff92zZ7ka6rWleEitdcMNbriSJGmaGEkGsEl5WJLXYjFAQywWhLxbWh9j8kJvFZleC3CIyxFWj1NK2XZRy1SzJ8m4qtd7Kct/+I8/A8PjMnDnnPeddB37svufMmZn/XJ95ZrK5XC6TUBgAHgRVoBL0B+WgBGTBP+BPcBz8DHaBr8GPSWSezVNITzAP1IDhMdM4Aj4Gb4J9sUuihMTgDvBuTg6dRC7G++1gTJwyRf0gAK9FLHhYkL5vBn2ilC1K1xoL1oNbdWPq7mnEOQe2gVbwCzgBzoNOUAp6gbvBCDAB9DM7h5BeLXgjya5VF1KD68DDoChiC98L6kGHI/2mpLpWoyOTBlAec5yZqJ6xCFxgeenQBorzEfKhJeFWcGcCAjg3gvctFdcOSuMIecsioi4FAZxHwb+CmFZqPW8hdRYRjxRAhOYucEIowzpfIQ9YRDxUQBGavuC4UJYlPkL2CR8+3gUiNIOMScAsU6VLyAvCgrWiC0VoqoVest4mpK+gfEdIBs+Dz4mJKYtZLVTyVEnIS0LE+x0Jf8TiHkhZSHdwklX0Ji6kRBhU74W0hDQhTE9ZzGKhsu8zhdQIEaosiZWBs2yO12I2pCxEre5HWQXWm0Ka2MuNjsRmCCuv2SqjUhazklX4QfU8gN14M1mipuX5icPOrGTWKrden8qkG3jZlDU9RgkZBW5jL7c4EuoWktGUlIW00BbBDFeFDGMP24WIZjgm7BvM8H0m/dDCesEIJaSCPWwPSeQ72/4fHARzCyBkD6vMwQF5O8xwyKM22gQRHWA8uFgAIb+y330CY+uq1f3hkdDrQve6TNvaQoTT7HdZQH4nM/jUaCPYzmYsNWE0FEgIL2NxQI4BMxR5Jva00CqzwLMFEBKw31cCozvowd4jwoB7xhCjv18FJqcshJfxQiCMiX4RElRjZa0gphlM9KjVkap/xxDCy3hGJfYbe1gRMdEnyJfFV/gvwZOO7+aS//d3sMRjoZXKqPM6rGyXmcx2UVbwTRHtn1K2szRtL2VI9mTxqwQj9RJt7Io98tvEbMNXMrRl5GF8zP3CfocTbw0JvgUcC3G31jjyKWcOvatbcf2ynb1YGdMy7UaOaJtD7yL4S7CcebwvPK1vFf4DAwJjcJp9bnrM2UQtiuPAGmMC0JNAjtas7oLlnLmmz9vDDBZ3qx4jirFC887Jc98wGZyyeN47Q1rEttMcKZSzlu/Zv2ED6IeENkJLwTnHcQIfI00eLlz9jdqp9uBCZgmZLU5ITEAD+NuQsxKX62mSEP9l2/nINurjOerbJ8FAOv9LKvSnMTiaFsO/yUpodIwNVZa9YIhRNmWRDKYyXuOgq2dN13YdOOe4Q12H51yexlYm5HrwMi4VXE8tLt9vhaB6UheLWGTxnw11CZnPRJxyHawUgBUWEXPCjhU+YB81dZEAZepstohYFnZidQM4wlpkAYt8O5kHb1NrNcQ4/AxjIZkckU/K9D/jhPExGgwDr4Ldlnn/PFmsZXkUvoi69SGHjVbre6q7nBVQrcRnIhzwX6Hzink0aficRE0D71Bl2NLuoEr2vjCwhS7E5NgiZDvIz4S8UxcFDtDfDoqnLgz0BoPIzSmllWWu0dm0YHpdqulNvqwSixDuvfiU4laHFMTrvoKQ109gAfPSeN18qHbYPqrL7AQv0ppi7t6G0wmrzz0Tn/sqyg6bEnesScu/2mStAo95DuIymuE+A6cjXKZRW9uv6NBoYL4znupazeTLWksOg6N5+pvUscM9ZGz2omOLLPX1s3Q/az9dOEvMvfq/AAMADR6xiLudes4AAAAASUVORK5CYII=);
    background-size: contain;
    background-repeat: no-repeat;
}
.whatsapp-button p {
    text-align: center;
    line-height: 1.3;
    margin-bottom: 0;
    font-size: 12px;
}
.whatsapp-button p {
    color: #fff;
    display: none;
}
.pdtdes p strong{ display:block;margin-bottom:5px}