@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400&subset=cyrillic';
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';
body{
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color:#272727;	
	line-height:1.6;
	font-size:16px;
	font-weight:300;
	background-color:#FFF;
}
/* ---------Page preload--------------------------------------*/
/*------------------------------------------------------------------
[Preloader]
*/

.page-loader {
	background: #fff;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100000;
}
#preloader {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999;
}
#preloader_spinner {
    left: 50%;
    position: absolute;
    top: 30%;
    transform: translateX(-50%) translateY(-50%);
}
#preloader_img {
    left: 50.40%;
    position: absolute;
    top: 45%;
    transform: translateX(-50%) translateY(-50%);
}
#loader {
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 45%;
    width: 90px;
}
.cssload-square {
    margin: 68px auto;
    width: 19px;
    height: 19px;
    transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
}

.cssload-square-part {
    position: absolute;
    width: 19px;
    height: 19px;
    z-index: 1;
    animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
        -o-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
        -ms-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
        -webkit-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
        -moz-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}

.cssload-square-green {
    background: #00923F;
    right: 0;
    bottom: 0;
    animation-direction: alternate-reverse;
        -o-animation-direction: alternate-reverse;
        -ms-animation-direction: alternate-reverse;
        -webkit-animation-direction: alternate-reverse;
        -moz-animation-direction: alternate-reverse;
}

.cssload-square-pink {
    background: #29166F;
    left: 0;
    top: 0;
}

.cssload-square-blend {
    background: rgb(117,81,125);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    animation: blend-anim 0.92s ease-in infinite;
        -o-animation: blend-anim 0.92s ease-in infinite;
        -ms-animation: blend-anim 0.92s ease-in infinite;
        -webkit-animation: blend-anim 0.92s ease-in infinite;
        -moz-animation: blend-anim 0.92s ease-in infinite;
}





@keyframes blend-anim {
    0% {
        transform: scale(0.01, 0.01) rotateY(0);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    50% {
        transform: scale(1, 1) rotateY(0);
        animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    100% {
        transform: scale(0.01, 0.01) rotateY(0);
    }
}

@-o-keyframes blend-anim {
    0% {
        -o-transform: scale(0.01, 0.01) rotateY(0);
        -o-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    50% {
        -o-transform: scale(1, 1) rotateY(0);
        -o-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    100% {
        -o-transform: scale(0.01, 0.01) rotateY(0);
    }
}

@-ms-keyframes blend-anim {
    0% {
        -ms-transform: scale(0.01, 0.01) rotateY(0);
        -ms-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    50% {
        -ms-transform: scale(1, 1) rotateY(0);
        -ms-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    100% {
        -ms-transform: scale(0.01, 0.01) rotateY(0);
    }
}

@-webkit-keyframes blend-anim {
    0% {
        -webkit-transform: scale(0.01, 0.01) rotateY(0);
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    50% {
        -webkit-transform: scale(1, 1) rotateY(0);
        -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    100% {
        -webkit-transform: scale(0.01, 0.01) rotateY(0);
    }
}

@-moz-keyframes blend-anim {
    0% {
        -moz-transform: scale(0.01, 0.01) rotateY(0);
        -moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    50% {
        -moz-transform: scale(1, 1) rotateY(0);
        -moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    100% {
        -moz-transform: scale(0.01, 0.01) rotateY(0);
    }
}

@keyframes cssload-part-anim {
    0% {
        transform: translate3d(-10px, -10px, 0);
    }
    100% {
        transform: translate3d(10px, 10px, 0);
    }
}

@-o-keyframes cssload-part-anim {
    0% {
        -o-transform: translate3d(-10px, -10px, 0);
    }
    100% {
        -o-transform: translate3d(10px, 10px, 0);
    }
}

@-ms-keyframes cssload-part-anim {
    0% {
        -ms-transform: translate3d(-10px, -10px, 0);
    }
    100% {
        -ms-transform: translate3d(10px, 10px, 0);
    }
}

@-webkit-keyframes cssload-part-anim {
    0% {
        -webkit-transform: translate3d(-10px, -10px, 0);
    }
    100% {
        -webkit-transform: translate3d(10px, 10px, 0);
    }
}

@-moz-keyframes cssload-part-anim {
    0% {
        -moz-transform: translate3d(-10px, -10px, 0);
    }
    100% {
        -moz-transform: translate3d(10px, 10px, 0);
    }
}

/*------------------------------------------------------------------
[Multi-columns-row]
*/

.multi-columns-row .first-in-row {
	clear: left;
}

.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (min-width: 768px) {

	.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}

@media (min-width: 992px) {

	.multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}

@media (min-width: 1200px) {

	.multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
	.multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
	.multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
	.multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
	.multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }

	.multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
	.multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
	.multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
	.multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
	.multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }

}

.topbar{
	
	color:#FFF;
		background-color:#29166f;
	padding:4px;
	font-size:12px;
	color:#FFF;
	padding-top: 3px;
    padding-bottom: 1px;
}
.topbar a{
	color:#FFF;
}
a {text-decoration:none !important;}
/* .navbar-brand img{
	height:35px;
} */
.navbar-default .navbar-nav > li > a{
	color:#000;
	text-transform:uppercase;
}
.navbar-custom.white{
	background: rgba(255,255,255,1);
}
.navbar-custom {
	background: rgba(255,255,255,1);
	border: 0;
	padding: 0;
	margin: 0;
	-webkit-transition: padding 0.25s, background 0.25s;
	   -moz-transition: padding 0.25s, background 0.25s;
	    -ms-transition: padding 0.25s, background 0.25s;
	     -o-transition: padding 0.25s, background 0.25s;
	        transition: padding 0.25s, background 0.25s;
}

.navbar-custom .navbar-brand {	
	vertical-align: middle;	
	padding-top: 6px;
	padding-bottom: 0;
	font-weight: 400;
	color: #111;
}
.navbar-custom,
.navbar-custom a {
	font-size: 14px;
	color: #000;
	font-weight:400;

}

.navbar-custom .nav > li > a:focus {
	background: none;
	color: #FFF;
}

.navbar-custom .nav > li.active > a {
	color: #000;
	background-color:transparent;
}
.navbar-custom .nav > li > a{
	text-transform:uppercase;
}
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover {
	background-color:transparent;
	color: #29166f;	
}

.navbar-custom .nav li a > .fa,
.navbar-custom .nav li a > .icon {
	margin-right: 6px;
	font-size: 14px;
}

.navbar-custom .navbar-nav > li > .dropdown-menu {
	margin-top: 0px;
	padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.navbar-custom .dropdown-menu .dropdown-menu {
	top: 0;
	left: 100%;
	right: auto;
	margin-top: -5px;
	margin-left: 2px;
}

.leftauto {
	right: 0 !important;
	left: auto !important;
}

.navbar-custom .dropdown-menu.left-side {
	margin-right: 2px;
	right: 100%;
	left: auto;
}

.navbar-custom .dropdown-menu {
	background: rgba(255,255,255,1);
	border: 0;
	border-radius: 0;
	padding: 5px 0;
	min-width: 230px;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.navbar-custom .dropdown-menu li {
	
}

.navbar-custom .dropdown-menu > li > a {
	padding: 6px 15px;
	font-size: 14px;
	color: #000;
/*	transition: all 0.2s linear;*/
	text-transform:uppercase;
/*	padding: 0 15px;*/
}

.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:hover,
.navbar-custom .nav .open > a:focus {
	border-color: #2b2b2b;
}

.navbar-custom .dropdown-menu > li:last-child > a {
	border-bottom: 0;
}

.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .dropdown-menu .open > a,
.navbar-custom .dropdown-menu .open > a:hover {
	background: #29166f;
	color: #fff;	
/*
	padding-left:10px;
	transition: all 0.2s linear;
*/
}
.navbar-toggle {
    background-color: #29166f;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    float: right;
    margin: 20px 15px 0 0;
    position: relative;
}

.navbar-toggle .icon-bar {
	background: #fff;
}
/* .navbar-custom.navbar-fixed-top{
box-shadow:0 3px 20px #777;    
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);

} */
.navbar-custom .nav > li > a:focus {
    color: black !important;
}
.navbar-custom .nav > li > a:focus-visible {
    border: 0px !important;
}
@media (min-width: 992px) {

	.navbar-transparent {
		background-color:transparent;
		box-shadow:0px 0px 0px #CFCFCF !important;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.navbar-transparent a,
	.navbar-transparent .nav > li > a:focus {
		color: #fff;
	}

	.navbar-custom .navbar-brand {
		padding-left: 0;
	}

	.navbar-custom .navbar-nav > li > a {
		padding-top: 27px;
		padding-bottom: 27px;
	}

	.navbar-custom .dropdown-menu {
		position: absolute;
		display: block;
		visibility: hidden;
		border-bottom:3px solid #29166F;
		opacity: 0;
		-webkit-transform: translateY(50px);
		   -moz-transform: translateY(50px);
		    -ms-transform: translateY(50px);
		     -o-transform: translateY(50px);
		        transform: translateY(50px);
		-webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.4s ease 0s, visibility 0.4s linear 0s;
		   -moz-transition: opacity 0.4s ease 0s, -moz-transform 0.4s ease 0s, visibility 0.4s linear 0s;
		    -ms-transition: opacity 0.4s ease 0s, -ms-transform 0.4s ease 0s, visibility 0.4s linear 0s;
		     -o-transition: opacity 0.4s ease 0s, -o-transform 0.4s ease 0s, visibility 0.4s linear 0s;
		        transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, visibility 0.4s linear 0s;
	}

	.navbar-custom .open > .dropdown-menu {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateY(0px);
		   -moz-transform: translateY(0px);
		    -ms-transform: translateY(0px);
		     -o-transform: translateY(0px);
		        transform: translateY(0px);
	}

	.navbar-right .dropdown-menu {
		right: auto;
		left: 0;
	}

}

@media (max-width: 991px) {

	.navbar-custom .navbar-nav {
		margin-top: 1px;
		margin-bottom: 0;
	}

	.navbar-custom .dropdown-menu,
	.navbar-custom .dropdown-menu .dropdown-menu {
		padding-top: 0;
		margin-top: 0;
	}

	.navbar-custom .dropdown-menu li {
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-custom li a,
	.navbar-custom .dropdown-menu > li:last-child > a {
		border-bottom: 1px solid #dfdfdf;
	}

	.navbar-custom .navbar-nav > li:last-child > a {
		border-bottom: 0;
	}

	.navbar-custom .navbar-nav > li > a,
	.navbar-custom .navbar-nav .open .dropdown-menu > li > a,
	.navbar-custom .navbar-nav .open .dropdown-menu .dropdown-header {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.navbar-custom .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {
		padding-left: 30px;
	}

}
.home_Start h1{
	font-size:40px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:10px;
}
.home_Start h2{
	font-size:16px;
	font-style:italic;
	margin-top:0;
}
.home_Start h3{
	font-size:30px;
	text-align:left;
	font-weight:300;
}
.inner_Start .home_Start{
	padding:0px 0;
	background-color:#FFF;
}
.home_Start{
	padding:40px 0;
	background-color:#FFF;
}
.info-block{
	background-color:#FFF;
	border-bottom:1px solid rgba(0, 0, 0, 0.1) !important
}
.info-block .desc h2{
	font-size:22px;	
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	font-weight:700;
}
.info-block .desc{
	margin-top:35px;
	text-align:center;
	font-size:16px;
}
.info-block .d{
	padding:80px 50px;
}
.r{border-right:1px solid rgba(0, 0, 0, 0.1) !important}
.company-block{
	background-color:#f7f7f7;
	padding:40px 0;
}
.company-deatils h1{
	font-size:40px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:10px;
}
.company-deatils{
	padding:30px 50px;
	text-align:left;
	color:#FFF;
}
.product-block{
	padding:40px 0;
	background-color:#FFF;
}
.product-block h1{
	font-size:30px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:10px;
}
.box{
	background:#f9f9f9;	
}
.box .details{
	padding:15px;
	text-align:center;
/*	min-height:95px;*/
}
.box .details h3{
	margin-top:10px;
	font-size:20px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}
.box .details p{
	font-size:14px;
}
.box .details a:hover{
	color:#000;
}
.inner-box .box{	
	margin-bottom:30px;
	transition: all 0.3s linear;
}
.inner-box .box a{
	color:#272727;
}
.inner-box .box:hover{
	transition: all 0.3s linear;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.15);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.15);
	box-shadow:0 5px 10px rgba(0,0,0,0.15);
}


.jkorin {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    letter-spacing: 1px;    
    outline: medium none;
    padding: 10px 30px;
    position: relative;
    text-transform: uppercase;
	font-size:14px;
    transition: all 0.3s ease 0s;
	z-index:5;
}
.jkorin::after {
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;    
}
/* Button 1d */
.j-1d {
	overflow: hidden;
}

.j-1d:after {
	width: 0;
	height: 103%;
	top: 50%;
	left: 50%;
	border-top:3px solid #000;
	border-bottom:2px solid #000;
	z-index:-1;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.j-1d:hover,
.j-1d:active {
	color: #0e83cd;
}

.j-1d:hover:after {
	width: 90%;
	opacity: 1;
}

.j-1d:active:after {
	width: 101%;
	opacity: 1;
}
footer{
	background: #202020 url(../images/footer-bg.webp) repeat-y left top;
	background-size:100%;
	background-position:bottom center;
	padding:60px 0;
	color:#FFF;
	font-size:14px;
	line-height:2.0;
}
footer h3{
	margin-top:0px;
	font-size:20px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}
footer .social{
	margin-top:15px;
	margin-bottom: 20px;
}
footer .social a.f{
	margin:5px 10px 5px 0px;	
	}
footer .social a{
	color:#FFF;
	font-size:18px;
	margin:5px 10px;
}
footer address{line-height:2.0;}
.copyright{
	padding:20px 0;
	background-color:#101010;
	color:#fff;
	font-size:14px;
}
.details1 {
    padding: 15px;
    text-align: center;
       margin-bottom: 30px;
	transition: all 0.3s linear;
	background: #f7f7f7;
}
.details1 h3 {
    margin-top: 10px;
    font-size: 14px;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}
.inner-box .details1 a {
    color: #272727;
}
.inner-box .details1:hover {
    transition: all 0.3s linear;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
.details1:hover {
    transition: all 0.3s linear;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
}
.inner-box .details1:hover a{
     color: #272727 !important;
}
.copyright a{
	color:rgba(255, 255, 255, 0.5);
}




/*** 

====================================================================
	Page Title Style
====================================================================

 ***/
 
.details .page-title{
	position:relative;
	padding:250px 0 150px;
	text-align:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	color:#ffffff;
}
.page-title{
	position:relative;
	padding:145px 0 85px;
	text-align:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	color:#ffffff;
}

.page-title:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(38,43,47,0.40);
}

.page-title h1{
	font-size:32px;
	margin-bottom:15px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;	
}

.page-title .bread-crumb{
	position:relative;
	color:#ffffff;
	font-size:13px;
}

.page-title .bread-crumb a{
	position:relative;
	color:#ffffff;
}

.page-title .bread-crumb a:hover,
.page-title .bread-crumb a.current{
	position:relative;
	color:#FFF;
}

.page-title .auto-container{
	 position:relative;
	 z-index:5;
}
.inner-block{
	padding:50px 0 50px 0;
}

.grid {
	position: relative;	
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;	
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}
# homegallery .grid figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 0.8;
}
.grid figure img {
	position: relative;
	display: block;
	max-width: 100%;

}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;	
	text-shadow: 1px 1px 4px #000;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-bubba {
	background: #000;
	margin-bottom:30px;
}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
figure.effect-bubba a{color:#FFF;}
figure.effect-bubba a:hover{color:#FFF;}
figure.effect-bubba h2 {
	padding-top: 24%;
/*
    
    
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
*/
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-apollo {
	background: #29166F;
}

figure.effect-apollo img {
	opacity: 0.8;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 0 1em;
	max-width: 150px;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.grid a{color:#FFF;}
.grid a:hover{color:#FFF;}

/*****************************/
/* Moving Line */
/*****************************/

/*****************************/
/* Underline */
/*****************************/

/* .tabs-style-underline nav {
	background: #FFF;
} */
.tabs-style-underline nav ul li{
/*	margin:0px 10px !important;*/
	background-color:transparent;
	border: 1px solid #ddd;
	margin-right: 4px;
	 border-top-left-radius: 3px;
	 border-top-right-radius: 3px;
}
.tabs-style-underline nav ul li a{color: #fff;
    background: #291666;margin-right: 0px !important}
.tabs-style-underline nav a{color:#000;}
.tabs-style-underline nav a {
	/* padding: 0.25em 0 0.5em; */
/*	border-left: 0px solid #e7ecea;*/
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.tabs-style-underline nav ul li.tab-current a{background: #fff;color:#291666 !important;}
.tabs-style-underline nav li:last-child a {
/*	border-right: 0px solid #e7ecea;*/
}
.nav-tabs>li>a:hover{color:#00923F !important;background: #fff !important;}
.tabs-style-underline nav ul li.tab-current{color: #291666;
    cursor: default;
    background-color: #fff;
/*    border: 1px solid #ddd;*/
    }
.tabs-style-underline nav ul li.tab-current a{color:#000;
    }

.tabs-style-underline nav li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.tabs-style-underline nav a {
	font-size:13px;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight:600;
}

.nopad{padding: 0px}


.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;	
}

/* Nav */
.tabs nav {
	text-align: center;
}

/*
.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
*/

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2;
	text-transform:uppercase;
}


.tabs nav li.tab-current a {
	color: #272727;
}

.tabs nav a:focus {
	outline: none;
}

/* Content */
.content-wrap {
	position: relative;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 2em 0em;
}

.content-wrap section.content-current {
	display: block;
}

.content-wrap section p {
}

/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

@media screen and (max-width: 58em) {
	.tabs nav a.icon span {
		display: none;
	}
	.tabs nav a:before {
		margin-right: 0;
	}
}


.jkorin label{
	font-weight:normal;
	font-size:11px;
	text-transform:none;
}
.jkorin .form-control {
    background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 42px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.jkorin .form-control::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1;
}
.fot-fom .form-control {
    background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 42px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.fot-fom .form-control::-moz-placeholder {
    color: #bfbfbf;
    opacity: 1;
}
.jkorin textarea.form-control {
    height: 200px !important;
}
.btn-fot {
    background-color: #333;
    border-color: #333;
    border-radius: 0;
    color: #fff;
}
.btn-jkorin {
    background-color: #00903C;
    border-color: #00903C;
    border-radius: 0;
    color: #fff;
}
.contact-box{
	padding-top:10px;
}
.contact-box .row{
	border-bottom:1px solid #CCC;
	margin-top:20px;
	padding-bottom:20px;
}
.inner-gallery .gallery-title{
	margin-bottom:30px;
}
.gallery-title{
	margin-top:5px;
	margin-bottom:30px;
}
.product-title{
	margin-bottom:30px;
	margin-top:5px;
}
.product-title a{color:#272727;}
.product-title a:hover{color:#272727;}
figure.effect-ruby {
	background-color: #000;
}
#homegallery figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
figure.effect-ruby img {
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
#galleryimage figure.effect-ruby img {
	//opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
#galleryimage figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
#galleryimage figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#galleryimage figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
#galleryimage figure.effect-ruby p {
	margin: 2em 0 0;
	padding: 4em;
	border: none;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 
figure.effect-ruby p {
	margin: 2em 0 0;
	padding: 4em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 
#galleryimage figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#galleryimage figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
.gallery-row{
	padding-bottom:100px;
	text-align:center;
}
.gallery-tab a{
	padding:5px 20px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	color:#000;
	text-align:center;
}
.gallery-tab a.active{
	padding:5px 20px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.inner-group h1{		
	margin-top:0px;
	font-weight:600;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}
.inner-group h2{		
	font-size:26px;
	margin-top:20px;
	font-weight:300;
}
.inner-group h3{		
	margin-top:0px;	
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}
.inner-group p{
	font-size:14px;
}
.inner-vision h3{		
	margin-top:15px;	
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}
.title-head::before {
    bottom: -5px;
    content: "";
    display: inline-title;
    height: 10px;
    left: 20px;
    position: absolute;
    width: 10px;
	border-radius:50%;
}
.title-head::after {
    bottom: -1px;
    content: "";
    display: inline-title;
    height: 1px;
    left: 0;
    position: absolute;
    width: 80px;
}
.title-head.center {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}
.title-head.center::before {
    left: 50%;
    margin-left: -17.5px;
}
.title-head.center::after {
    left: 50%;
    margin-left: -53px;
}
.title-head::before, .title-head::after {
    background-color: #00923F;
}
.title-head.left {
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}
.title-head.left::before {
    left: 50%;
    margin-left: -17.5px;
}
.title-head.left::after {
    left: 50%;
    margin-left: -53px;
}
.footer-ul{
	margin-left:-35px;
}
.footer-ul li{
	list-style:none;
	line-height:2.0;
}
.footer-ul li a{
	color:#FFF;
}.footer-ul li a:hover{
	color:#00923F;
}
footer h3{
	margin-bottom:20px;
}




/* Isotope Portfolio  Gallery */
#options {
    padding: 10px 0 25px;
}

#options li {
    float: left;
    margin: 4px 8px 4px 0;
	list-style:none;
}

#options li a {
    display: inline-block;
    background: #fff;
    color: #767676;
    font-size: 16px;
    text-decoration: none;
    padding: 7px 20px;
}

.portfolio-pad {
    margin-bottom: 30px;
}

.portfolio .item {
    position: relative;
    overflow: hidden;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -o-transition-duration: .8s;
    -ms-transition-duration: .8s;
    transition-duration: .8s;
}

.isotope {
    -webkit-transition-property: height,width;
    -moz-transition-property: height,width;
    -o-transition-property: height,width;
    -ms-transition-property: height,width;
    transition-property: height,width;
}

.isotope .isotope-item {
    -webkit-transition-property: 0;
    -moz-transition-property: 0;
    -o-transition-property: 0;
    -ms-transition-property: 0;
    transition-property: 0;
}

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    -ms-transition-duration: 0;
    transition-duration: 0;
}

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
.home_block ul{text-align:center;display:inline-block;}
#options li a.selected, .ch-info-front {
    background: #29166f;
	color:#FFF;
}
.error{
    color:red;
}
.inherit{
    color: inherit;
}
.inherit:hover{
    color: inherit;
}
#subscribe-btn:hover, #subscribe-btn:active, #subscribe-btn:focus{
    color:#fff !important
}
#subscribe-form input{
    color:#fff !important;
}
#subscribe-btn{
        background-color: #333;
    border-color: #333;
}
.borderbot{border-bottom: 1px solid #e9e9e9}
.marr12{margin-right: 12px}
.font-weight{font-weight: 500;font-size: 14px;margin-top: 6px}
@media (min-width: 320px) and (max-width:767px){
	.navbar{
		min-height:75px;
	}
	.topbar{
		display:none;
	}
	.nivo-directionNav a{
		display:none;
	}
	.home_Start h1,.product-block h1 {
		font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 0;
		padding-bottom: 15px;
		text-transform: uppercase;
	}
	.title-head.center::after {
		left: 50%;
		margin-left: -35px;
	}
	.title-head.center::before {
		left: 50%;
		margin-left: 0;
	}
	ul#filters{
		margin-left:-40px;
	}
	#options li {
		float: left;
		list-style: outside none none;
		margin: 4px 2px 4px 0;
	}
	#options li a {
		background: #fff none repeat scroll 0 0;
		color: #767676;
		display: inline-block;
		font-size: 14px;
		padding: 7px 8px;
		text-decoration: none;
	}
	#options {
		padding: 10px 0;
	}
	.navbar-nav.pull-right{
		float:none !important
	}
	.navbar-header{
		min-height:75px;
	}
	.copyright{
		text-align:center;
	}
	.copyright .text-right{
		text-align:center;
	}
	footer{
		background-image:none !important;
		background-color:#212121;
	}
	footer .col-sm-3{
		border-bottom:1px dashed #404040;
		margin-bottom:15px;
		padding-bottom:15px;
	}
	footer .col-sm-3:last-child{
		border-bottom:0px dashed #404040;
		margin-bottom:0px;
		padding-bottom:0px;
	}
	.page-title{
		padding:25px 0;
	}
	.page-title h1{
		font-size:20px;
	}
	.page-title .bread-crumb{
		display:none !important;
	}
	#mob1 figure.effect-ruby p {
		margin: -0.6em 0 0 !important;
		padding: 40px !important;
	}
	#mob figure.effect-ruby p {
		margin: -0.6em 0 0 !important;
		padding: 40px !important;
	}
	.gallery-row {
		padding-bottom: 40px;
		text-align: center;
	}
	.inner-block {
		padding: 40px 0 50px;
	}
	.jkorin{
		padding:0 15px;
	}
}
@media (min-width: 768px) and (max-width:980px){
	footer{
		background-size:auto auto;
	}
	.page-title{
		padding:85px 0;
	}
	.topbar .tab{
		display:none;
	}
	.navbar-custom .navbar-brand{
		padding:6px;
	}
	.navbar-brand img{
		height:45px;
	}
	.navbar-custom .navbar-nav > li > a, .navbar-custom .navbar-nav .open .dropdown-menu > li > a, .navbar-custom .navbar-nav .open .dropdown-menu .dropdown-header{
		padding-bottom:5px;
		padding-top:5px;
	}
	.navbar-custom .dropdown-menu > li > a{
		padding:6px 15px !important;
	}
	.navbar-custom, .navbar-custom a{
		font-size:13px;

	}
	.nav > li > a{
		padding:18px 8px !important
	}
	.navbar-custom li a, .navbar-custom .dropdown-menu > li:last-child > a {
		border-bottom: 0px solid #dfdfdf;
	}
	.navbar-nav > li:first-child{
		display:none;
	}
	.navbar-custom .dropdown-menu > li > a{
		font-size:13px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.nav > li > a{
		padding:10px 11px;
	}
}
#sidebar ul {
    list-style-type: none;
    list-style-position: inside;
    margin-left: -40px;
        margin-top: 24px;
}

.side-nav li {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
    padding: 6px 0px;
}
.side-nav li a {
    color: #000;
    font-size: 14px;
    transition: all 0.2s linear;
}
.line-bottom::after {
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
    background: #00923F;
    top: 18%;
    margin-left: 8%;
}
.line-bottom{color: #29166F;font-size: 20px}
.side-nav li a:hover {
      color: #29166f;
    padding-left: 10px;
    transition: all 0.2s linear;

}
.themecolor{
    color:#29166f
}
.f-22{font-size: 22px}
.nopad{padding: 0px !important}
.marbot30{margin-bottom: 30px}
.btn-border-black{
    border-color: #111;
}
.btn-border-gray{
    border-color: #ccc !important;
		color:#fff !important;
	background: transparent !important
}
.btn-border-gray:hover {
      border-color: #29166f  !important;
	    background-color: #29166f  !important;
	color:#fff  !important;
}
.btn-border-white {
    border: 1px solid #fff !important;
	color:#fff !important;
	background: transparent !important;
	padding: 8px 30px 7px !important;
}
.btn-border-white:hover {
    border: 1px solid #fff !important;
		color:#fff !important;
}
.btn-medium {
    padding: 11px 30px;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    display: inline-block;
    padding: 11px 30px 10px;
    border: 1px solid #111;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #111;
    background: transparent;
	    line-height: 1.6em;
}
.delay-400 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}
.btn-border-black:hover, .btn-border-gray:hover {
    border-color: #29166f;
	    background-color: #29166f;
	color:#fff
}
.pattern_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.green:hover{background:#00903C !important;color:#fff !important;border-color:#00903C !important;}
.nopad{padding: 0px}
.themecolor{color:#29166f;}
.martop0{margin-top: 0px !important}
.mt-12{margin-top: 12px}
.mt-25{margin-top: 25px}
.mt-20{margin-top: 20px}
.f-16{font-size: 20px}
.box-services-d {
    position: relative;
    padding: 60px 40px;
    color: #dedee3;
}
.bg-img {
    position: relative;
    -webkit-backface-visibility: visible!important;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.box-services-d .bg-overlay {
    opacity: 0.6;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.bg16 {
    background-image: url('../img/missionjkorin.jpg');
}
.bg-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
	width:100%;
	
    background: #29166f;
    opacity: 0.6;
}
.wrapper{    padding-top: 200px !important;
    padding-right: 100px !important;
    padding-bottom: 200px !important;
    padding-left: 100px !important;}
.textabout{ 
    position: absolute;
    top: 50%; 
    left: 50%; 
     transform: translate(-50%, -50%); 
    color: white; 
     text-align: center; }
.martop-115{margin-top: -115px}
.visionpara{
	    font-size: 26px;
    font-weight: 300;
    color: #272727;
}
.m0{margin:0px}
.pd0{padding: 0px}
.mar70{margin-top:-70px}
.pt30{padding-top: 30px}
.banner-cont {
    position: absolute;
    bottom: 0px;
    z-index: 100;
    margin: 0 auto;
    width: 100%;
}
.entry-body a{color: #ccc;font-size: 13px}
.f-13{font-size: 13px}
.banner-inner {
    background-color: rgba(0,0,0,0.8);
    color: #ccc;
    width: 94%;
    margin: 0 auto;
    padding: 20px 0px;
}
.banner-title {
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    color: #fff;
}

.banner-cont .read-more {
    color: #00923F;
	font-size: 13px
}
/*
.footer-widgets-wrapper {
    padding: 55px 0px 10px 0px;
    color: #ffffff;
 
    float: left;
    width: 100%;
}*/
.whitetext{color:#fff !important}
.nobg{background: transparent;border:none}
#contactform label, #career-form label, #productform label{font-size: 14px !important}
.f-14{font-size: 14px}
.black{color: #000 !important}
.fw-600{font-weight: 600}
.mt-22{margin-top: 22px}
.clear{clear:both}
.tabs-style-underline nav a{border:none !important}
.mar3040{margin-top: -30px;margin-bottom: 40px}
@media (min-width: 768px) and (max-width:1000px){
	figure#detailid p {
    margin: -1em !important;
    padding: 1em !important;
}
	.modal-dialog{width: 700px !important}
	.navbar-collapse{padding-right: 0px !important}
	.navbar-custom .navbar-nav > li > a{font-size: 12px !important}
	#tab .nopad{padding-left: 15px !important ;padding-right: 15px !important}
	#tab .nav > li > a{
		padding:10px 15px !important
	}
/*
	#tabgal figure.effect-ruby p, {
		margin: -1em 0 0 !important;
		padding: 30px !important
	}
*/
	 #galleryimage1 figure.effect-ruby p{
		margin: -1.4em 0 0 !important;
		padding: 30px !important
	}
	 #tabproductgal figure.effect-ruby p, #galleryimage figure.effect-ruby p, #homeimage figure.effect-ruby p  {
		margin: -0.4em 0 0 !important;
		padding: 30px !important
	}
	#tabgal igure.effect-ruby p{
		padding: 2em !important;
		margin: 0px !important
	}
	#homeimage figure.effect-bubba h2 {
/*    padding-top: 0% !important;*/
		font-size: 14px;
}
	#homeimage figure.effect-bubba p {
    padding: 0px !important;
		
}
	#galleryimage1 .details1{height: 80px }
}
@media(max-width:700px){
	.marbotmob20{margin-bottom: 20px !important}
	.fullmobwidth{width: 100%}
	.marmobtop20{margin-top: 20px !important}
	.marmobtop40{margin-top: -40px !important}
	#mobgallery li{list-style: none !important;margin-bottom: 12px}
	#mobgallery{text-align: left !important}
    figure.phn p{
        margin:0px !important;
padding: 3em !important;
    }
		#homeimage figure.effect-bubba h2 {
/*    padding-top: 0% !important;*/
		font-size: 28px;
}
	#homeimage figure.effect-bubba h2{padding-top: 15%;}
	
/*
	#homeimage figure.effect-bubba p {
    padding: 0px !important;
		
}
*/
}
@media (min-width: 350px) and (max-width:700px){
	#galleryimage1 figure.effect-ruby p, #tabproductgal figure.effect-ruby p, #galleryimage figure.effect-ruby p{
		margin: 0px !important;
		padding: 5em !important;
	}
    figure#detailid p{
        padding: 3.2em !important;
margin:0px !important;
    }
    	.modal-dialog {
    width: 100% !important;
              padding: 15px;
            margin: 0px !important
}
	.mobimage p{margin: 0px!important;padding: 2.5em !important}
}
@media(max-width:340px){
	#galleryimage1  figure.effect-ruby p{
		margin: 0px !important;
		padding: 4em !important;
	}
    figure#detailid p{
        padding: 2em !important;
margin:0px !important;
    }
       	.modal-dialog {
    width: 100% !important;
            padding: 15px;
            margin: 0px !important
}
	#tabproductgal figure.effect-ruby p{
		margin: 0px !important
	}
	.mobimage p{margin: 0px!important;padding: 1.5em !important}
}
.dropdown-submenu:hover>.dropdown-menu {
    visibility: visible;
	opacity: 1

}
/*
.navbar-custom .dropdown-menu .dropdown-submenu:first-child .dropdown-menu {
    top: 0;
    left: 100%;
    right: auto;
    margin-top: -50px !important;
    margin-left: 0px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.navbar-custom .dropdown-menu .dropdown-submenu:last-child .dropdown-menu {
    top: 0;
    left: 100%;
    right: auto;
    margin-top: 14px !important;
    margin-left: 0px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.navbar-custom .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
    right: auto;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
    margin-top:-19px !important;
    margin-left: 0px;
}
*/
@media (min-width: 1001px) and (max-width:1199px){
	.modal-dialog {
    width: 900px !important;
}
	.nopad {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
	#tabgal figure.effect-ruby p, #galleryimage figure.effect-ruby p,  #tabproductgal figure.effect-ruby p, #galleryimage1 figure.effect-ruby p{
		
		margin: 0px !important
	}
	figure#detailid p{padding: 2em !important;}
	.details1 h3{font-size: 14px !important}
	figure.effect-bubba h2{margin-top: 3% !important;font-size: 22px !important}
}
.width16{width: 16.66%}
@media(min-width:1200px){
figure#detailid p{
	margin: 0px !important;
    padding: 3em !important;
}
}
 body.modal-open {
    overflow: hidden !important;
    position:fixed !important;
    width: 100% !important;
}
@media (min-width: 1100px){
.modal-dialog {
    width: 1050px !important;
}
}

.modal-header .close {
    margin-top: 14px !important;
}
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
#myModal .close{opacity: 1}
.marbot20{
    margin-bottom:20px
}
.details1{
min-height : 80px;

}
 .fa-2x {
    font-size: 2em !important;
}
.mobile-menu{
	padding:8px;
}

/* Mobile Menu*/


@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');}
.mobile-logo{padding:4px 10px;}
/* Common styles of menus */
#home .dl-trigger {
    margin-top: 7px;
    position: absolute;
    right: 5px;
    top: 50%;
	clear:both;
}
.navbar{margin-bottom:0px;}
.dl-menuwrapper {
	width: 100%;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	z-index:1050;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #FFF;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

/* .dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active, */
.dl-menuwrapper ul {
	background: #27272C;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 2px;
	background: #00923F;
	top: 12px;
	left: 16%;
	box-shadow: 
		0 10px 0 #00923F, 
		0 20px 0 #00923F;
}
.dl-menu a{text-decoration:none;}
.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'FontAwesome';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f0da";
	color:#FFF;
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	top:45px;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #D35400;
}

/* Demo 3 */
.demo-3 .dl-menuwrapper button {
	background: #08cbc4;
}

.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
	background: #00b4ae;
}

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}

/* Demo 5 */
.demo-5 .dl-menuwrapper button {
	background: #744783;
}

.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
	background: #643771;
}


#modal-popup .close {
    position: absolute;
    top: -5px;
    right: -30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 8040;
    background: #727271 !important;
    color: #fff;
    text-align: center;
    opacity: 1;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

#modal-popup .modal-dialog {
    -webkit-transform: translateY(-50%);
    transform: translate(0, -50%) !important;
    top: 50% !important;
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin: 0 auto
}

#modal-popup .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: 0 0
}

.jkorin-contact .jkorin {
	padding: 10px 15px;
}

.contact-section-block h2 { font-size: 22px; }

.contact-section-block h5 { font-size: 18px; font-weight: bold; }
.contact-section-block a {  word-break: break-all; color: #272727;  }
.contact-section-block .marmobtop20 { margin-top: 40px !important; }
.contact-section-block .row:first-child .marmobtop20 { margin-top: 20px !important; }
.contact-section-block i { margin-right: 5px; font-size: 14px;  }
@media (min-width:992px){
    #modal-popup  .modal-dialog {
    width: 600px !important;
}
}



/*popup image*/

.pop-im{
        width: 150%;
    }

    #modal-popup .main-cl{
        right: -289px;
    }


    #modal-popup .main-dilog{
        right: 15% !important;
    }

    @media (max-width: 992px){
        .pop-im{
                width: 100%;
        }

        #modal-popup .main-cl{
            right: -225px;
        }


        #modal-popup .main-dilog{
            right: 31% !important;
        }
    }
    
     @media (min-width: 1200px) and (max-width: 1400px){
        /*.pop-im{
                width: 237%;
        }*/

       /* #modal-popup .main-cl{
            right: -642px;
        }*/


        /*#modal-popup .main-dilog{
            right: 51% !important;
        }*/
    }
    

.appointment-fab {
	position: fixed;
	bottom: 50px;
	/*left: 20px;*/
	/*right: 40px;
	/*width: 40px;
	height: 40px;*/
	width: 50px;
	height: 50px;
	background-color: #393185;
	color: white;
	/*font-size: 18px;*/
	font-size: 25px !important;
    line-height: 50px !important;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #393185;
	/*line-height: 34px;*/
	text-align: center;
	z-index: 99999;
	cursor: pointer;
	border-radius: 50%;
	display: none;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 17px;
	line-height: 40px;
	animation: 4s cubic-bezier(.19, 1, .22, 1) 0s normal both infinite running dot-pulse-idle
}

@media(max-width: 992px){
    .cust-media-css{
        right: 5%;
    }
}

@media(min-width: 992px){
    .cust-media-css{
        right: 3%;
    }
}


.cust-span-css{
    font-size: 25px !important;
    line-height: 50px !important;
}

.gjofGruop p{
    font-size: 14.6px;
    line-height: 1.9em;
    margin-bottom: 11px;
}

.gjofGruop li{
    line-height: 1.8em;
    font-size: 14.6px;
    padding-bottom: 5px;
}
.gjofGruop h4{
    line-height: 1.6;
}
.about_first {
    line-height: 1;
    padding: 4px 0 0
}

span.years {
    font-size: 27px !important;
    font-weight: 700;
    color: #000
}

span.about_nu {
    color: #fff101;
    -webkit-text-stroke-width: 3px;
    font-size: 200px !important;
    -webkit-text-stroke-color: #000
    
}

.three_list ul {
    padding-left: 21px
}

.three_list li {
    list-style: disc;
    padding-bottom: 5px
}

.abot_yellow span {
    background: #fff101;
    padding-top: 5px
}

h3.abot_yellow {
    font-size: 27px;
    color: #000;
    font-weight: 800;
    margin-bottom: 17px
}

.abot_yellow span {
    padding-left: 41px
}

.three_list li::marker {
    color: #ff0
}

section.seecion_pad {
    padding: 30px 0;
    text-align: justify;
}

.fixe {
    display: flex
}

.product_cap h3 {
    font-size: 40px;
    font-weight: 600;
    color: #f6911e;
    line-height: 1
}

.product_cap:nth-child(1) {
    margin-right: 45px
}

.product_cap ul {
    padding-left: 20px
}

.product_cap li {
    list-style: disc
}

.product_cap li::marker {
    color: #f6911e
}

.core_h5 {
    font-weight: 700
}

.back_org {
    background: #f6911e;
    color: #fff;
    padding: 19px;
    position: relative
}

.back_org h5 {
    font-size: 18px;
    margin-bottom: 5px
}

.back_org span {
    font-weight: 700
}

.back_org a {
    color: #fff
}

.padd_top {
    margin: 22px 0
}

.nir_abo {
    background: #fff;
    border: 3px solid #2bb14a;
    position: absolute;
    top: 35px;
    right: -312px;
    z-index: 1;
    width: 61%;
    padding: 25px 19px 17px
}

.border_img {
    border: 3px solid #f6911e;
    position: absolute;
    top: 26px;
    right: -306px;
    z-index: 1;
    width: 61%
}

.border_none {
    border: none !important
}

.joring_postoin {
    top: 16px;
    right: -259px;
    width: initial
}

.col_green li::marker {
    color: #2bb14a !important
}

.col_green h3 {
    color: #2bb14a !important
}

.col_greenbox {
    background-color: #2bb14a !important
}

.padd_top_up {
    margin-top: 27px
}

.nir_abo h3 {
    font-weight: 900;
    font-size: 26px;
    letter-spacing: 1.3px;
    color: #2bb14a;
    line-height: 1.1
}

.nir_abo p {
    margin-bottom: 0
}

.Bhart_img {
    border: 3px solid #f6911e;
    position: absolute;
    top: 37px;
    left: -325px;
    z-index: 1;
    width: 61%
}

.jbeco_postion {
    top: 51px;
    left: -530px;
    width: 98%
}
.nirvasu_col_box h5 {
    font-size: 18px;
    margin-bottom: 5px
}
.nirvasu_col_box span {
    font-weight: 700
}
.nirvasu_col_box a {
    color: #fff
}
.nirvasu_col_box {
 color: #fff;
    padding: 32px;
    position: absolute;
    bottom:320px;
    width: 93%;
    right: 0;
    left: 20px;
    
}
.bhart_top {
    top: 28px
}

.col_purple li::marker {
    color: #39296b !important
}

.col_purplebox {
    background-color: #39296b !important
}

.col_pinkbox {
    background-color: #de2931 !important
}

.col_yellowbox {
    background: #fff101;
    color: #000
}

.col_yellowbox a {
    color: #000
}

h3.rachit_h3 {
    font-size: 29px;
    font-weight: 600;
    line-height: 1;
    margin-left: 10px
}

.capacity_mar {
    margin-bottom: 7px !important
}

.col_green_2 h3 {
    color: #60bb46;
    font-weight: 700
}

.start_sec {
    display: flex;
    justify-content: space-between
}

.start_img {
    width: 29%;
    margin-top: 7px
}

.col_greenbox2 {
    background: #60bb46
}

.col_green_2 li::marker {
    color: #60bb46 !important
}

.col_pink h3 {
    color: #d84b4b !important
}

.col_pink li::marker {
    color: #de2931 !important
}

.col_parpelbox {
    background-color: #753288 !important
}

.col_greenparpel h3 {
    color: #753288
}

.col_kathbox {
    background-color: #2a1500 !important
}

.col_greenblu2 {
    background-color: #10396b !important
}

.fixe_space-around {
    justify-content: space-around;
    display: flex
}

.divder {
    border-right: 4px solid;
    margin: 0 19px;
    height: 71px
}

.padd_par p {
    margin-bottom: 0
}

.fixe_justcenter {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.padd_top_miner {
    margin: 12px 0
}

.abot_purpel {
    color: #fff;
    font-weight: 700;
    font-size: 27px
}

.abot_purpel span {
    background: #39296b;
    padding: 5px 16px 1px 44px
}

.strive_bg {
    background-image: linear-gradient(269deg, rgb(0 0 0 / 67%) 17%, rgb(0 0 0 / 65%) 33%, rgba(249, 249, 249, 0) 100%), url(https://www.jbecotex.com/upload/nirmal-iamge/Strive-for-progress.webp);
    background-size: cover;
    padding-top: 302px !important;
    padding-bottom: 65px !important
}

.strive_text h2 {
    font-size: 60px;
    font-weight: 900;
    line-height: 1.2
}

.back_org h5{
    color:#fff !important;
    font-weight:400;
    line-height: 1.6;
}
.col_yellowbox h5{
    color:#000 !important;
}
.bg-img-nirvasu {
    background: url(../images/committed.webp) right bottom no-repeat
}
.strive_text {
    color: #fff;
    text-align: end;
    margin-bottom: 177px
}

.strive_contact {
    text-align: end
}

.strive_contact a {
    line-height: 2;
    color: #fff
}

.strive_contact h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 500
}

.about_bgc {
    color: #000;
    font-size: 30px
}

.about_bgc span {
    background-color: #fff101
}

.flex_mar3 {
    margin: 0 16px
}

.flex_mar3 h3 {
    color: #000;
    font-size: 49px
}

.text-end {
    text-align: end
}

.postion_rel {
    position: relative
}

.about_bgc {
    font-weight: 600;
    line-height: 1.5;
    text-align: initial;
}

.fixe_respon {
    display: flex;
    justify-content: space-between
}
.sectoin_paddmore {
    padding-bottom: 50px !important
}

.about_toppadd {
    padding-top: 55px !important
}

.jbeco_pos {
    position: absolute;
    left: 0;
    bottom: 35px;
    width: 86%;
    margin: 0 auto;
    right: 0;
}

.par_moth {
    text-align: center;
    color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 360px;
    margin: 0 auto
}

.par_red {
    background: #de2931
}

.par_green {
    background: #10396b
}

.par_moth h4 {
    padding-top: 29px;
    margin-bottom: 0;
    line-height: 1;
    color:#fff;
    font-size: 21px;
    font-weight: 600
}

.and_lfri {
    margin: 0 19px
}

.produ_jb {
    margin-right: 0 !important
}

.and_lfri h3 {
    color: #000 !important;
    font-size: 47px;
    font-weight: 500
}

.pos_rel {
    display: flex;
    font-size: 16px;
    margin-bottom: 6px
}

.pos_mr {
    font-weight: 700;
    margin-left: 4px
}

.jk_spin {
    display: flex;
    justify-content: space-between
}
.jk_mt {
    padding-top: 10px;
    text-align: center;
    color: #fff;
    width: 74px;
    height: 81px;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    margin: 0 auto;
    margin: 0 4px;
}
.jk_cap {
    text-align: center
}

.jkcolor_gree .jk_mt {
    background: #2bb14a
}

.jkcolor_blue .jk_mt {
    background: #202979
}

.jk_mt spna {
    font-size: 14px
}

.jk_mt h4 {
    line-height: 1;
    font-weight: 400;
    color: #fff;
}

.jk_cap p {
    line-height: 1.1;
    margin-top: 6px;
    
}

.jk_respon {
    width: 42%
}
/*Start Group of profile CSS */

.jaybharat_pos {
    position: absolute;
    bottom: 65px;
    width: 50%;
    left: -70px;
    border: 2px solid #f6911e;
    z-index:1;
}
.jbecotex_rem {
    padding: 20px 0;
}
.gjofGruop p {
    font-size: 14.6px;
    line-height: 1.9em;
    margin-bottom: 11px;
}
.divder {
    border-right: 4px solid;
    margin: 0 19px;
    height: 100px;
}
.jbeco_pos {
    position: absolute;
    bottom: 35px;
    width: 87%;
    left: 110px;
    z-index: 1 !important;
}
.jkorin_pos {
    position: absolute;
    left: 0;
    bottom: 65px;
    width: 74%;
    left: -84px;
    z-index: 1;
}

.back_org {
    background: #f6911e;
    color: #fff;
    padding: 32px;
    position: relative;
}
.jkorin-capacity {
    margin: 16px 0;
}

.jk_mt h4 {
    line-height: 1;
    font-weight: 400;
    color: #fff;
    font-size: 13px;
}
.jk_mt spna {
    font-size: 11px;
}
.gjofGruop p {
    font-size: 14.6px;
    /*line-height: 1.9em;*/
    margin-bottom: 11px;
}

.jk_cap p {
    font-size: 13px;
}
.col_yellowbox {
    background: #fff101;
    color: #000;
}
.col_greenbox2 {
    background: #60bb46;
}
.fixe-around-massp {
    justify-content: space-around;
    display: flex;
}
.par_moth {
    text-align: center;
    color: #fff;
    width: 100px;
    height: 100px;
    border-radius: 360px;
    margin: 0 auto;
}
.par_red {
    background: #de2931;
}
.par-purpal {
    background: #39296b;
}
.nirmal-vasublock{
    position:relative;
}
.nirmal-vasundhara-pos {
    position: absolute;
    bottom: 245px;
    width: 76%;
    right: 0;
    left: 75px;
    z-index:1;
}
.jbpolypack_pos {
    position: absolute;
    bottom: 25px;
    width: 74%;
    left: 193px;
    z-index: 1;
}
.jbcraftpaper_pos {
    position: absolute;
    bottom: 50px;
    width: 74%;
    left: 193px;
    z-index: 1;
}
.jbpolypac_product_cop {
    padding: 20px;
}
.par_gold {
    background: #bb9c63;
}
.par_moth h4 {
    padding-top: 29px;
    margin-bottom: 0;
    line-height: 1;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
}
.about_softpack {
    line-height: 1.5;
    text-align: initial;
    background: #10396b;
    color: #fff;
    font-weight: 700;
}
.col_blue h3 {
    color: #10396b;
    font-weight: 700;
}
.col_bluebox {
    background-color: #00aeef;
}
.about_softpack span {
    padding: 2px 17px 2px 75px;
}
.about_bgc {
    font-weight: 600;
    line-height: 1.5;
    text-align: initial;
    color: #000;
    font-size: 30px;
}
.about-jbepret {
    line-height: 1.5;
    text-align: initial;
    background: #39296b;
    color: #fff;
    font-weight: 700;
    font-size: 27px;
}
.about-jbepret span {
    padding: 2px 17px 2px 75px;
    font-size: 30px;
}

#jb-pet-industries .back_org{
    padding: 45px;
}
.jbrpet-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    right: 40px;
    top: 18px;
}

.jbrpet_pos{
    position:absolute;
    left:0;    
    bottom:167px;
    width:65%;
    left:-50px;
    z-index:1;
}

.jb-list {
    padding:8px 0px;
    list-style:none;
}
.jbcraft-list-first {
    display:none;
}

@media (max-width: 1024px)
{
    .jaybharat_pos {
        width: 67% !important;
        left: 85px !important;
        bottom: 27px !important;
    }
    .jbeco_pos {
        width: 86% !important;
        bottom: 39px !important;
        right: 0 !important;
        left: 4px !important;
    }
    .product_cap h3 {
        font-size: 24px !important;
    }
    .gjofGruop p {
        font-size: 14.6px;
        line-height: 1.9em;
        margin-bottom: 11px;
    }
    .jk_spin {
        display: flex !important;
        justify-content: space-around !important;
    }
    .jk_mt {
        width: 58px;
        padding-top: 22px;
        height: 80px;
    }
    .jkorin_pos {
        bottom: 33px !important;
        width: 74% !important;
        left: 65px !important;
    }
    .nirmal-vasundhara-pos {
        bottom: 36px !important;
        width: 83% !important;
        right: 0 !important;
        left: 41px !important;
    }
    .jbrpet_pos {
        bottom: 33px !important;
        width: 74% !important;
        left: 60px !important;
    }
    .jbpolypack_pos {
        bottom: 26px !important;
        width: 83% !important;
        left: 40px !important;
    }
    .energy-bgc {
        width: 75% !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
        text-align: initial !important;
    }
    .about-jbepret span {
        padding: 2px 17px 2px 75px;
        font-size: 28px;
    }
    
    .abot_purpel span{
        padding: 0;
    }
    
    .about-jbepret span{
        padding: 0px 0px 0px 32px;
    }
    .pos_mr{
        font-size: 15px;
    }
}


@media (max-width: 1440px) and (min-width: 1024px){
    .jk_spin {
        display: flex !important;
        justify-content: space-around !important;
    }
}

@media (max-width: 2506px){
.jk_spin {
    display: flex !important;
    justify-content: space-around !important;
}
}


@media (max-width:1440px) and (min-width:1024px) {
    .dis_brnone {
        display: block
    }
}

@media (max-width:1024px) {
    .nir_abo {
        right: -304px;
        z-index: 1;
        width: 72%
    }
    .jk_mt {
       width: 58px;
        padding-top: 22px;
        height: 80px;
    }
    .jbcraftpaper_pos {
        bottom: 26px !important;
        width: 83% !important;
        left: 40px !important;
    }
}

@media (min-width:991px) {
    .flex {
        display: flex;
        align-items: center
    }
}
@media (max-width:991px) {
    .jbPaddimg{
        margin-bottom:30px;
    }
    .nirmal-vasundhara-pos {
    bottom: 36px!important;
    width: 65%!important;
    right: 0!important;
    left: 129px!important;
    }
    .jbcraftpaper_pos {
        bottom: 26px !important;
        width: 68% !important;
        left: 118px !important;
    }
}
@media (min-width:1199px){
    .sustainability_image{
        margin-top: 30px;
    }
}
@media (max-width:1199px) {
    .Bhart_img {
        border: 3px solid #f6911e;
        position: absolute;
        top: 48px;
        left: -264px;
        z-index: 1;
        width: 61%
    }
    .bhart_top {
        top: 40px
    }
    h3.rachit_h3 {
        font-size: 28px
    }
    .product_cap:nth-child(1) {
        margin-right: 20px
    }
    span.about_nu {
        font-size: 154px
    }
    span.years {
        font-size: 23px
    }
}

@media (max-width:990px) {
    .Bhart_img,
    .border_img {
        position: inherit
    }
    .nir_abo {
        position: inherit;
        top: 0;
        right: 0
    }
    .iamg_pad {
        margin: 19px 0
    }
    .padd_par p {
        line-height: 1.2
    }
    .h3.rachit_h3 {
        font-size: 29px
    }
    .about_bgc {
        width: 100%
    }
    .mar_botmres {
        margin-bottom: 31px
    }
    span.about_nu {
        font-size: 150px
    }
    .res_pad0 {
        padding-bottom: 0 !important
    }
    section.seecion_pad {
        padding: 15px 0
    }
    .sec_bom_marg {
        margin-bottom: 0 !important
    }
    .sectoin_paddmore {
        padding-bottom: 30px !important
    }
    .sect_resaadd {
        padding-bottom: 0 !important
    }
    .about_toppadd {
        padding-top: 37px !important
    }
    .logo_none {
        display: none
    }
}

@media (max-width:768px) {
    span.about_nu {
        font-size: 171px;
        line-height: 1
    }
    span.years {
        font-size: 30px
    }
    .flex_mar3 h3 {
        font-size: 28px
    }
    .about_bgc {
        font-size: 26px
    }
    .ourUpcom p,
    .sustin p {
        font-size: 24px
    }
    .jbeco_pos {
        width: 76%!important;
        bottom: 39px!important;
        right: 0!important;
        left: 4px!important;
        
    }
    .nirvasu_col_box {
        color: #fff;
        padding: 32px;
        position: absolute;
        bottom: 80px;
        width: 70%;
        right: 0;
        left: 112px;
    }
    .jaybharat_pos {
    width: 67% !important;
    left: 131px !important;
    bottom: 27px !important;
}
.jk_mt {
    width: 84px;
    padding-top: 9px;
    height: 80px;
}
.jkorin_pos {
    bottom: 33px!important;
    width: 66%!important;
    left: 127px!important;
}

.jbpolypack_pos {
    bottom: 26px!important;
    width: 68%!important;
    left: 118px!important;
}
.jbrpet-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    right: 102px;
    top: 18px;
}
}
@media (max-width:427px) {
    .jk_spin {
        display: inherit!important;
    }
}
@media (max-width:425px) {
    span.about_nu {
        display: block
    }
    .nir_abo h3 {
        font-size: 18px
    }
    .nir_abo {
        padding: 19px 8px 10px
    }
    .product_cap h3 {
        font-size: 21px;
        margin-bottom: 10px
    }
    .abot_purpel span {
        padding: 5px 11px 1px 10px
    }
    .abot_purpel {
        font-size: 20px
    }
    .sec-title {
        margin-bottom: 30px
    }
    #energy-divison .flex_rem, .jk_spin {
        display: inherit
    }
    .flex_rem{
        display:flex;
    }
    .jbcraft-list-two {
        display:none;
    }
    .jbcraft-list-first {
        display:block;
    }
    .nirvasu_col_box {
        color: #fff;
        padding: 32px;
        position: absolute;
        bottom: 50px;
        width: 84%;
        right: 0;
        left: 33px;
    }
    .jbcraftpaper_pos {
        bottom: 26px !important;
        width: 72% !important;
        left: 60px !important;
    }
    .divder {
        display: block;
    }
    .jk_respon {
        width: 100%
    }
    .app_btn .btn-app {
        margin-top: 23px;
    }

    .capactiy_reds {
        margin: 17px 0
    }
    .and_lfri {
        margin: 0 10px
    }
    .app_btn .btn-app a {
        margin-left: 12px;
    }
    span.years {
        font-size: 26px
    }
    span.about_nu {
        font-size: 135px
    }
    .padd_top {
        margin: 19px 0
    }
    .our_power span {
        padding: 0;
        font-size: 26px;
    }
    .app-style {
        padding: 0 25px 0 25px !important;
    }
    h3.rachit_h3 {
        font-size: 21px;
        line-height: 1.3
    }
    .capacity_mar {
        margin-bottom: 12px !important
    }
    .our_power {
        padding-top: 5px;
        background: #fff101;
        padding-bottom: 1px;
        padding-left: 11px
    }
    .jb_mar span {
        padding: 0
    }
    .massp {
        display: block
    }
    .jbeco_postion {
        width: 100%
    }
    .jb_mar {
        background: #39296b;
        padding-top: 5px;
        padding-bottom: 1px;
        padding-left: 11px
    }
    .jbeco_pos {
        bottom: 21px;
        width: 85%
    }
    .pos_rel {
        display: inherit
    }
    .pos_mr {
        margin-left: 0
    }
    .start_sec {
        display: inherit
    }
    .start_img {
        width: 47%
    }
    .jaybharat_pos {
        width: 70%!important;
        left: 66px!important;
        bottom: 27px!important;
    }
    .jk_mt {
        margin-left: 40%!important;
    }
    .jkorin_pos {
        bottom: 33px!important;
        width: 70%!important;
        left: 64px!important;
    }
    .nirmal-vasundhara-pos {
        bottom: 25px!important;
        width: 71%!important;
        right: 0!important;
        left: 61px!important;
    }
    .jbpolypack_pos {
        bottom: 26px!important;
        width: 72%!important;
        left: 60px!important;
    }
    .our_power {
        padding-top: 5px;
        background: #10396b;
        padding-bottom: 1px;
        padding-left: 11px;
        margin: 19px 0;
    }
    .power-generation {
        padding-top: 5px;
        background: #fff101;
        padding-bottom: 1px;
        padding-left: 11px;
    }
    .fixe-around-massp{
        display:inherit;
    }
}
@media (max-width:992px){
    .bg-img-nirvasu {
        background: unset !important
    }
    .cust-about-css h2 {
        margin-top:35px;
        text-align:center;
    }
    .mb-0 {
        margin-bottom:unset !important;
    }
    .mb-20 {
        margin-bottom:20px !important;
    }
}
@media (max-width:991px){
    section.seecion_pad {
        padding: 15px 0;
    }
    .sustainability_image{
        padding:unset !important;
    }
}

.jqx-fill-state-normal {
	border-color: #29166f !important
}

.jqx-tooltip-arrow-t-b {
	border-left-color: transparent !important;
	border-right-color: transparent !important;
}

.tooltip-text h5 {
	min-width: 150px;
	color: #29166f;
	font-weight: 600
}

.marker-close {
	font-size: 14px;
	position: absolute;
	right: -8px !important;
	top: -4px !important;
	background: rgb(0, 0, 0) none repeat scroll 0% 0% !important;
	color: rgb(255, 255, 255);
	border-radius: 50%;
	opacity: 1;
	padding: 4px 8px 8px 8px !important;
	vertical-align: middle;
	margin-top: -7px;
	padding-bottom: 8px;
	padding-left: 6px;
	padding-right: 6px;
}

.marker-close:hover {

	background: rgb(0, 0, 0) none repeat scroll 0% 0% !important;
	color: rgb(255, 255, 255);
	border-radius: 50%;
	opacity: 1;

}

.marker-close i {
	font-size: 12px;
	vertical-align: middle;
}

input#subscribe-btn {
    border: 1px solid #111;
    display: inline-block;
    padding: 11px 30px 10px !important;
    width: 100%;
}


/* body.single-company p {
	text-align: justify;
} */
body.single-company figure.company-gallery p {
	margin: 0 !important;
	padding: 3em;
}


body.single-company span, body.single-company p{font-size: 14px !important}
	.table>tbody>tr>td{vertical-align: middle !important;padding: 2px 8px;text-align: center;font-size:15px}
	.table>tbody>tr>th{vertical-align: middle !important;text-align: center; font-size: 14px;}
	.panel-heading{
		background-color: #29166f !important;
		color: #fff !important;
	}
.panel-group .panel {
	margin-bottom: 20px !important;
}
.panel-heading a::after {
	font-family: "FontAwesome";
	content: "\f056";
	position: absolute;
	right: 0px;
	font-size: 14px;
	font-weight: 300;
	left: 90%;
	line-height: 1;

}
.panel-heading a.collapsed::after {
	content: "\f055";
}


.close-dropzone {
	background-color: transparent;
	position: absolute;
	top: -15px;
	right: -15px;
	height: 25px;
	width: 25px;
	font-size: 20px;
	text-align: center;
	cursor: pointer !important;
	color: #000;
}

/* .fancybox-opened .fancybox-skin{
			      background: #999 none repeat scroll 0 0 !important;
			  padding: 12px  !important;
		  } */
		  .grid figure figcaption > a{
	    z-index: 1000;
    text-indent: 1%;
 
     opacity: 1; 
		padding: 1.5em;
    color: #fff;
			  white-space: inherit;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

	}
		  figure.effect-bubba p{
			  padding: 150px 6.5em !important;
		  }
		  figcaption p {
    text-align: center;
}

#wpcf7-f151-p148-o1 label{
	font-size: 14px !important
}

span.fa.fa-download.cust-span-css {
    font-size: 25px !important;
}


#error-page {
    text-align: center;
    padding: 80px 20px;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#error-page .error {
    font-size: 140px;
    font-weight: 700;
    color: #29166f;
    margin: 0;
    line-height: 1;
}

#error-page .page p {
    font-size: 20px;
    margin: 20px 0 30px;
    color: #555;
}

#error-page .btn-part .readon {
    display: inline-block;
    padding: 12px 35px;
    font-size: 16px;
    background: transparent;
    color: #000;
    text-decoration: none;
    transition: 0.3s;
    border: 1px solid #29166f;
}

#error-page .btn-part .readon:hover {
    background: #29166f;
    color: #fff;
}

ul.navbar-nav li a.active {
    color: #29166f;
}

.single-company .page-title {
    position: relative;
    padding: 250px 0 150px;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: #ffffff;
}

.grid.grid2 {
    margin-top: 262px;
}

/* Button base */
.dl-trigger {
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 0; /* Hide "Open Menu" text */
    border: none;
    background: transparent;
    cursor: pointer;
}

/* ===== Default Hamburger ===== */
.dl-trigger::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 14px;
    width: 24px;
    height: 3px;
    background: #000;
    box-shadow:
        0 6px 0 #000,
        0 12px 0 #000;
    transition: all 0.3s ease;
}

/* ===== Active State (Show X) ===== */
.dl-trigger.dl-active::after {
    box-shadow: none;
    background: transparent;
}

.dl-trigger.dl-active::before {
    content: "✖";
    position: absolute;
    left: 10px;
    top:-1px;
    font-size: 30px;
    color: #00923F;
}

.inner-product .grid figure img {
    margin-left: 15px
}

.social-icon {
    padding-left: 35px;
}

/* Fix ONLY social icons */
.fa.social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 10px;
  margin: 2px;
}

/* Fix ONLY nav links - without breaking layout */
.nav-menu a,
.main-navigation a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
}

.box .details h2 {
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}


@media (min-width: 768px) and (max-width: 1024px) {
    .inner-product .grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
        float: none !important;
    }

    .inner-product .grid .col-sm-4.tabproductgal {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }

    .inner-product .grid .col-sm-4.tabproductgal img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
}