/* ----------------------------------------------------------------
	Canvas: Restaurant Demo
	Version: 1.0
-----------------------------------------------------------------*/
.waste li{
    margin-bottom: 25px;
}
/*.certificates img{
    width: 676px!important;
}*/
.benifit-sub{
    color: #333333;
} 
.compare-box{
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.075);
}
/* .factory-img{
    height: 867px!important;
    width: 1351px;
 }*/
 .pricing-box.best-price {
     margin:0!important;
}
.pricing-title {
    padding: 20px!important;
}
.pricing-price {
    padding: 30px 0!important;
}
.pricing-box.best-price .pricing-title h3 {
    font-size: 20px!important;
}
.pricing-box.best-price {
     background-color: #FFF0; 
}
.pricing-box.best-price .pricing-title {
    background-color: #FFF0;
}
.pricing-features  {
    text-align: left;
}

 .section {
   
    background-color:transparent;
    ;
}
.vaccum-evo{
	    width: 100%;
    height: 145px;
    margin: 100px auto 0 auto;
    text-align: center;
}
.usp h2 {
    color: #f8b714 !important;
    margin-top: 40px !important;
}
.usp h2 {
    width: 100%;
    margin: 80px 0 0 0;
    padding: 0;
    /*font-family: Font-Black;*/
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    float: left;
}
.usp p {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    /*font-family: Font-Thin;*/
    font-size: 14px!important;
    line-height: 32px!important;
    letter-spacing: 2px;
    color: #444444 !important;
    text-align: center;
    white-space: pre-wrap;
    float: left;
}
.features h2{
	color: #c83131;
	width: 100%;
    margin: 36px 0 0 0;
    padding: 0;
    /*font-family: Font-Black;*/
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    float: left;
}
.features p {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    /*font-family: Font-Thin;*/
     font-size: 14px;
    line-height: 32px;
    letter-spacing: 2px;
    color: #444444 !important;
    text-align: center;
    white-space: pre-wrap;
    float: left;
}
.product-details {
    width: 74%;
    margin: 0px 13% 0 13%;
    padding: 0;
    text-align: center;
    float: left;
}
/*.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}*/
.product-details li {
    margin: 30px 0 0 0;
    padding: 0 !important;
    float: left;
}

.product-details li h4 {
    width: 100%;
    height: 20px;
    margin: 10px 0 0 0;
    padding: 0;
    color: #444;
    /*font-family: Font-Black;*/
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    float: left;
}
.manufacturing h2 {
    color: #22a862;
    width: 100%;
    margin: 36px 0 0 0;
    padding: 0;
    /*font-family: Font-Black;*/
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    float: left;
}
.production-process {
    width: 70%;
    margin: 0px 15% 0 15%;
    padding: 0;
    text-align: center;
    float: left;
}
/*.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}*/

.production-process ul {
    margin: 0 !important;
    padding: 0 !important;
    float: left;
}

.production-process li {
    margin: 1px 0 0 0 !important;
    padding: 0;
    float: left;
}
.production-process li img {
    width: 70%;
    margin: -2%  15% 0 15%;
    padding: 0;
    float: left;
}
.production-process li span {
    width: 100%;
    height: 20px;
    color: #444;
    /*font-family: Font-Bold;*/
    font-size: 20px;
    float: left;
}
.production-process li p {
    width: 100%;
    margin: -21px 0 30px 0;
    padding: 0 40px;
    color: #444;
    /*font-family: Font-Light;*/
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px !important;
    white-space: pre-wrap;
    float: left;
}
.news-line{
        margin: 9px 0!important;
}
.product-header{

}
@media only screen and (max-width: 600px) {
    .new-slide {
        height: 400px!important;
    }

    .product-header{
        line-height: 1!important;
        font-size: 40px!important;
        padding-top: 80px;

    }
    #primary-menu{
        margin-top: 0rem!important;
    }
    .slider-sub{
        display: inline!important;
          padding-top: 80px;
    }
   

}


@-webkit-keyframes spin1 {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes spin1 {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    0% {
        -webkit-transform: rotate(72deg);
                transform: rotate(72deg);
    }
    100% {
        -webkit-transform: rotate(-288deg);
                transform: rotate(-288deg);
    }
}

@keyframes spin2 {
    0% {
        -webkit-transform: rotate(72deg);
                transform: rotate(72deg);
    }
    100% {
        -webkit-transform: rotate(-288deg);
                transform: rotate(-288deg);
    }
}

@-webkit-keyframes spin3 {
    0% {
        -webkit-transform: rotate(-144deg);
                transform: rotate(-144deg);
    }
    100% {
        -webkit-transform: rotate(216deg);
                transform: rotate(216deg);
    }
}

@keyframes spin3 {
    0% {
        -webkit-transform: rotate(-144deg);
                transform: rotate(-144deg);
    }
    100% {
        -webkit-transform: rotate(216deg);
                transform: rotate(216deg);
    }
}

@-webkit-keyframes spin4 {
    0% {
        -webkit-transform: rotate(216deg);
                transform: rotate(216deg);
    }
    100% {
        -webkit-transform: rotate(-144deg);
                transform: rotate(-144deg);
    }
}

@keyframes spin4 {
    0% {
        -webkit-transform: rotate(216deg);
                transform: rotate(216deg);
    }
    100% {
        -webkit-transform: rotate(-144deg);
                transform: rotate(-144deg);
    }
}

.item-thumb {
	width: 100%;
	margin: 0 auto;
}

.item-thumb .owl-dot {
	width: 33.33333%;
	display: inline-block;
	justify-content: center;
	height: 220px;
	cursor: pointer;
	padding: 15px;
}

.device-lg .item-thumb .owl-dot,
.device-sm .item-thumb .owl-dot { height: 150px; }

.device-xs .item-thumb .owl-dot {
	width: 50%;
	padding: 10px;
	height: 100px;
}

.item-thumb .owl-dot span {
	position: relative;
	display: block;
	background-size: cover;
	background-position: center center;
	width: auto;
	height: 100%;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.05);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.item-thumb .owl-dot:hover span,
.item-thumb .owl-dot.active span { opacity: .7; }


.food-menu .item-thumb .owl-dot:nth-of-type(1) span { background-image: url('images/items/food/thumbs/1.jpg'); }
.food-menu .item-thumb .owl-dot:nth-of-type(2) span { background-image: url('images/items/food/thumbs/2.jpg'); }
.food-menu .item-thumb .owl-dot:nth-of-type(3) span { background-image: url('images/items/food/thumbs/3.jpg'); }
.food-menu .item-thumb .owl-dot:nth-of-type(4) span { background-image: url('images/items/food/thumbs/4.jpg'); }
.food-menu .item-thumb .owl-dot:nth-of-type(5) span { background-image: url('images/items/food/thumbs/5.jpg'); }
.food-menu .item-thumb .owl-dot:nth-of-type(6) span { background-image: url('images/items/food/thumbs/6.jpg'); }
.food-menu .item-thumb .owl-dot:nth-of-type(7) span { background-image: url('images/items/food/thumbs/7.jpg'); }
.food-menu .item-thumb .owl-dot:nth-of-type(8) span { background-image: url('images/items/food/thumbs/8.jpg'); }
.food-menu .item-thumb .owl-dot:nth-of-type(9) span { background-image: url('images/items/food/thumbs/9.jpg'); }

.dessert-menu .item-thumb .owl-dot:nth-of-type(1) span { background-image: url('images/items/desserts/thumbs/1.jpg'); }
.dessert-menu .item-thumb .owl-dot:nth-of-type(2) span { background-image: url('images/items/desserts/thumbs/2.jpg'); }
.dessert-menu .item-thumb .owl-dot:nth-of-type(3) span { background-image: url('images/items/desserts/thumbs/3.jpg'); }
.dessert-menu .item-thumb .owl-dot:nth-of-type(4) span { background-image: url('images/items/desserts/thumbs/4.jpg'); }
.dessert-menu .item-thumb .owl-dot:nth-of-type(5) span { background-image: url('images/items/desserts/thumbs/5.jpg'); }
.dessert-menu .item-thumb .owl-dot:nth-of-type(6) span { background-image: url('images/items/desserts/thumbs/6.jpg'); }
.dessert-menu .item-thumb .owl-dot:nth-of-type(7) span { background-image: url('images/items/desserts/thumbs/7.jpg'); }
.dessert-menu .item-thumb .owl-dot:nth-of-type(8) span { background-image: url('images/items/desserts/thumbs/8.jpg'); }
.dessert-menu .item-thumb .owl-dot:nth-of-type(9) span { background-image: url('images/items/desserts/thumbs/9.jpg'); }

.menu-carousel .heading-block h3 { font-size: 34px; }

.menu-carousel .food-content {
	position: relative;
	padding: 30px 60px;
}

.menu-carousel .heading-block p {
	margin-top: 15px;
	color: #888;
}

.menu-carousel .heading-block .food-info {
	font-family: 'Poppins';
	color: #BBB;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	letter-spacing: 2px;
}

.food-price {
	position: absolute;
	top: 40px;
	right: 50px;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: 500;
	color: #444 !important;
}

.menu-carousel .more-link { margin-top: 35px; border-bottom: 1px solid #333 !important; }

.more-link {
	font-family: 'Poppins', sans-serif !important;
	font-style: normal;
	border-bottom: 0;
	color: #333;
	margin-top: 10px;
	font-size: 14px;
}

.team-title h4 { font-size: 15px; }
.team-title span {
	font-family: 'Lato', sans-serif !important;
	font-style: normal;
	margin-bottom: 15px;
	color: #AAA !important;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.entry {
	padding: 0;
	margin: 0;
	border-bottom: 0;
	-webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.08);
	box-shadow: 0 0 15px 2px rgba(0,0,0,0.08);
}

.entry-title {
	background-color: #FFF;
	padding: 15px;
}

.entry-title h2 {
	text-transform: none;
	font-size: 17px;
	letter-spacing: 0;
	font-weight: 500;
	letter-spacing: 0;
}


.entry-meta { margin: 8px 0 0; }

.ipost .entry-meta li a {
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
}

.entry-meta li:before {
	content: '\00b7';
	opacity: 1;
}


.service-button { margin: 80px 0 80px 15px; }
.device-sm .service-button,
.device-xs .service-button { margin: 30px 0 0; }


@media (min-width: 992px) {
	#header,
	#header-wrap {
		z-index: 200;
		background-color: transparent;
		background-repeat: repeat-x;
		background-position: center bottom;
		background-size: auto 115%;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}

	#primary-menu ul li > a {
		padding-top: 32px;
		padding-bottom: 10px;
	}

	#header.sticky-header #header-wrap {
		background-color: transparent;
		box-shadow: none;
	}

	.slider-caption h2 { font-size: 76px; }

	.menu-carousel .heading-block h3 { font-size: 48px; }

	.food-price {
		font-size: 24px;
		top: 50px;
		right: 60px;
	}
}
#top-bar{
	background: #ffffff !important;	
}



.gamba-circles {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 60px;
    height: 60px;
    margin: 0 auto;

    -webkit-transform: translate3D(-50%, -50%, 0);
       -moz-transform: translate3D(-50%, -50%, 0);
        -ms-transform: translate3D(-50%, -50%, 0);
         -o-transform: translate3D(-50%, -50%, 0);
            transform: translate3D(-50%, -50%, 0);
}
.gamba-circles .circle {
    position: absolute;

    box-sizing: border-box;
    width: 100%;
    height: 100%;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    border: 2px solid transparent;
    border-radius: 92% 110% 132% 88%;
}

.gamba-circles .circle:nth-child(1) {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: spin1 6s linear infinite;
            animation: spin1 6s linear infinite;

    border-color: #719561;
}

.gamba-circles .circle:nth-child(2) {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: spin2 6s linear infinite;
            animation: spin2 6s linear infinite;

    border-color: #285E2E;
}

.gamba-circles .circle:nth-child(3) {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: spin3 6s linear infinite;
            animation: spin3 6s linear infinite;

    border-color: #719561;
}

.gamba-circles .circle:nth-child(4) {
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: spin4 6s linear infinite;
            animation: spin4 6s linear infinite;

    border-color: #285E2E;
}

.about-us-wrapper .about-right {
    float: right;

    width: 33.5%;
    padding-left: 15px;
}

.about-us-wrapper .about-left {
    float: left;

    width: 33.5%;
    padding-right: 15px;
}

.about-us-wrapper .about-center {
    float: left;

    width: 32%;
}

.about-us-wrapper .about-center img {
    width: 100%;
    max-width: 524px;
}

.about-us-wrapper .block-icon-1 {
    margin-bottom: 15px;
}

.about-us-wrapper .block-icon-1:last-child {
    margin-bottom: 0;
}
.block-icon-1 .table-cell {
    position: relative;

    display: block;

    padding: 0;

    text-align: center;
}

.block-icon-1 .table-cell + .table-cell {
    margin-top: 15px;
    padding: 0 2px;
}

.block-icon-1 .icons {
    font-size: 2.4rem;
    line-height: 70px;

    position: relative;
    z-index: 2;

    display: inline-block;

    width: 70px;
    height: 70px;

    color: #86bc42;
}

.block-icon-1 .title {
    font-size: 1.375rem;
    font-weight: 700;

    margin: 0;

    text-transform: capitalize;

    color: #25363a;
}

.block-icon-1 .description {
    margin: 10px 0 0 0;
}

#back-top .gamba-circles {
    font-size: 24px;
    line-height: 50px;

    position: fixed;
    z-index: 100;
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;

    visibility: hidden;

    width: 50px;
    height: 50px;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    text-align: center;

    opacity: 0;
    color: #86bc42;
}

#back-top .gamba-circles .circle {
    top: 0;
    left: 0;

    border-color: #86bc42;

    mix-blend-mode: screen;
}

#back-top .gamba-circles.show-btn {
    visibility: visible;

    opacity: 1;
}


.timeline {
	position: relative;
	list-style-type: none;
	padding: 20px 0 25px 0;

}

.timeline:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 100%;
	top: 0;
	left: 165px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==);
}

.event {
	position: relative;
	margin-bottom: 80px;
	padding-right: 40px;
}

.thumb {
	position: absolute;
	width: 100px;
	height: 100px;
	box-shadow: 
		0 0 0 8px rgba(65,131,142,1), 
		0 1px 1px rgba(255,255,255,0.5);
	background-repeat: no-repeat;
	border-radius: 50%;
	-webkit-transform: scale(0.8) translateX(24px);
	-moz-transform: scale(0.8) translateX(24px);
	-o-transform: scale(0.8) translateX(24px);
	-ms-transform: scale(0.8) translateX(24px);
	transform: scale(0.8) translateX(24px);
}

.thumb:before {
	content: '';
	position: absolute;
	height: 8px;
	z-index: -1;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC);
	width: 51px;
	top: 42px;
	left: 100%;
	margin-left: 8px;
}

.thumb span {
	color: #41838e; 
	width: 100%;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	position: absolute;
	bottom: -30px;
}

.user-1 {
	background-image: url(../images/chewbacca.jpg);
}

.user-2 {
	background-image: url(../images/barf.jpg);
}

.user-3 {
	background-image: url(../images/darkhelmet.jpg);
}

.user-4 {
	background-image: url(../images/darthvader.jpg);
}

.user-5 {
	background-image: url(../images/leia.jpg);
}

.user-6 {
	background-image: url(../images/vespa.jpg);
}

.user-7 {
	background-image: url(../images/c3po.jpg);
}

.user-8 {
	background-image: url(../images/dotmatrix.jpg);
}

/* Transparent Checkbox/radio hack: leave the checkbox on top, hide it with opacity 0 */

.event label,
.event input[type="radio"] {
	width: 24px;
	height: 24px;
	left: 158px;
	top: 36px;
	position: absolute;
	display: block;
}

.event input[type="radio"] {
	opacity: 0;
	z-index: 10;
	cursor: pointer;
}

.event label:after {
	font-family: 'fontawesome-selected';
	content: '\e702';
	background: #fff;
	border-radius: 50%;
	color: #41838E;
	font-size: 26px;
	height: 100%;
	width: 100%;
	left: -2px;
	top: -3px;
	line-height: 24px;
	position: absolute;
	text-align: center;
}

.content-perspective {
	margin-left: 230px;
	position: relative;

	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
	-ms-perspective: 600px;
	perspective: 600px;
}

.content-perspective:before {
	content: '';
	width: 37px;
	left: -51px;
	top: 45px;
	position: absolute;
	height: 1px;
	z-index: -1;
	background: #fff;
}

.content {
	-webkit-transform: rotateY(10deg);
	-moz-transform: rotateY(10deg);
	-o-transform: rotateY(10deg);
	-ms-transform: rotateY(10deg);
	transform: rotateY(10deg);

	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.content-inner {
	position: relative;
	padding: 20px;
	color: #333;
	border: none;
	border-left: 5px solid #41838e;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	background: #fff;
}

.content-inner h3 {
	font-size: 26px;
	padding: 5px 0 5px 0;
	color: #41838e;
}

.content-inner p {
	font-size: 18px;
	max-height: 0px;
	overflow: hidden;
	color: transparent;
	color: rgba(0,0,0,0);
	text-align: left;
}

.content-inner:before {
	font-family: 'fontawesome-selected';
	content: '\25c2';
	font-weight: normal;
	font-size: 54px;
	line-height: 54px;
	position: absolute;
	width: 30px;
	height: 30px;
	color: #41838e;
	left: -22px;
	top: 19px;
	z-index: -1;
}

/* Transitions */

.thumb,
.thumb span,
.content-inner h3 {
	-webkit-transition: all 0.6s ease-in-out 0.2s;
	-moz-transition: all 0.6s ease-in-out 0.2s;
	-o-transition: all 0.6s ease-in-out 0.2s;
	-ms-transition: all 0.6s ease-in-out 0.2s;
	transition: all 0.6s ease-in-out 0.2s;
}

.content-inner {
	-webkit-transition: box-shadow 0.8s linear 0.2s;
	-moz-transition: box-shadow 0.8s linear 0.2s;
	-o-transition: box-shadow 0.8s linear  0.2s;
	-ms-transition: box-shadow 0.8s linear 0.2s;
	transition: box-shadow 0.8s linear 0.2s;
}

.content {
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
}

.content-inner p {
	-webkit-transition: max-height 0.5s linear, color 0.3s linear;
	-moz-transition: max-height 0.5s linear, color 0.3s linear;
	-o-transition: max-height 0.5s linear, color 0.3s linear;
	-ms-transition: max-height 0.5s linear, color 0.3s linear;
	transition: max-height 0.5s linear, color 0.3s linear;
}

/* Checked */

.event input[type="radio"]:checked + label:after {
	content: '\2714';
	color: #F26328;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8);
}

.event input[type="radio"]:checked ~ .content-perspective:before {
	background: #F26328;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner h3 {
	color: #F26328;
}

.event input[type="radio"]:checked ~ .content-perspective .content {
	-webkit-transform: rotateY(-5deg);
	-moz-transform: rotateY(-5deg);
	-o-transform: rotateY(-5deg);
	-ms-transform: rotateY(-5deg);
	transform: rotateY(-5deg);
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner {
	border-color: #F26328;
	box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.1);
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
	max-height: 260px; /* Add media queries */
	color: rgba(0,0,0,0.6);
	-webkit-transition-delay: 0s, 0.6s;
	-moz-transition-delay: 0s, 0.6s;
	-o-transition-delay: 0s, 0.6s;
	-ms-transition-delay: 0s, 0.6s;
	transition-delay: 0s, 0.6s;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner:before {
	color: #F26328;
}

.event input[type="radio"]:checked ~ .thumb {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	box-shadow: 
		0 0 0 8px rgba(242,99,40,1), 
		0 1px 1px rgba(255,255,255,0.5);
}

.event input[type="radio"]:checked ~ .thumb span {
	color: #F26328;
}

.event input[type="radio"]:checked ~ .thumb:before {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==);
}

.content-inner p,
.thumb span,
.event label {
	-webkit-backface-visibility: hidden;
}

@media screen and (max-width: 850px) { 
	.content-inner h3 {
		font-size: 20px;
	}

	.content-inner p {
		font-size: 14px;
		text-align: justify;
	}

	.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
		max-height: 500px; 
	}
}

@media screen and (max-width: 540px) {
	.timeline::before {
		left: 50px;
	}

	.event { 
		padding-right: 0px;
		margin-bottom: 100px;
	}


	.thumb {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}

	.event input[type="radio"] {
		width: 100px;
		height: 100px;
		left: 0px;
		top: 0px;
	}

	.thumb:before,
	.event input[type="radio"]:checked ~ .thumb:before {
		background: none;
		width: 0;
	}

	.event label {
		display: none;
	}

	.content-perspective {
		margin-left: 0px; 
		top: 80px;
	}

	.content-perspective:before {
		height: 0px; 
	}

	.content {
		-webkit-transform: rotateX(-10deg);
		-moz-transform: rotateX(-10deg);
		-o-transform: rotateX(-10deg);
		-ms-transform: rotateX(-10deg);
		transform: rotateX(-10deg);
	}

	.event input[type="radio"]:checked ~ .content-perspective .content {
		-webkit-transform: rotateX(10deg);
		-moz-transform: rotateX(10deg);
		-o-transform: rotateX(10deg);
		-ms-transform: rotateX(10deg);
		transform: rotateX(10deg);
	}

	.content-inner {
		border-left: none;
		border-top: 5px solid #41838e;
	}

	.event input[type="radio"]:checked ~ .content-perspective .content-inner {
		border-color: #F26328;
		box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1);
	}

	.content-inner:before {
		content: '\25b4';
		left: 33px;
		top: -32px;
	}

	.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
		max-height: 300px; 
	}
}




@media only screen and (min-width: 1170px) {
	.cd-is-hidden {
	  visibility: hidden;
	}
  }
.cd-timeline {
	overflow: hidden;
	margin: 2em auto;
  }
  
  .cd-timeline__container {
	position: relative;
	width: 90%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 2em 0;
  }
  
  .cd-timeline__container::before {
	/* this is the vertical line */
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	height: 100%;
	width: 4px;
	background: #285E2E;
  }
  
  @media only screen and (min-width: 1170px) {
	.cd-timeline {
	  margin-top: 3em;
	  margin-bottom: 3em;
	}
	.cd-timeline__container::before {
	  left: 50%;
	  margin-left: -6px;
	}
  }
  
  .cd-timeline__block {
	position: relative;
	margin: 2em 0;
  }
  
  .cd-timeline__block:after {
	/* clearfix */
	content: "";
	display: table;
	clear: both;
  }
  
  .cd-timeline__block:first-child {
	margin-top: 0;
  }
  
  .cd-timeline__block:last-child {
	margin-bottom: 0;
  }
  
  @media only screen and (min-width: 1170px) {
	.cd-timeline__block {
	  margin: 4em 0;
	}
  }
  
  .cd-timeline__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	
	border-radius: 50%;
  }
  
  .cd-timeline__img img {
	display: block;
    width: 40px;
    height: 40px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
  }
  
  .cd-timeline__img.cd-timeline__img--picture {
	background: #fff;
  }
  
  .cd-timeline__img.cd-timeline__img--movie {
	background: transparent;
  }
  
  .cd-timeline__img.cd-timeline__img--location {
	background: transparent;
  }
  
  @media only screen and (min-width: 1170px) {
	.cd-timeline__img {
	  width: 50px;
	  height: 50px;
	  left: 50%;
	  margin-left: -30px;
	  /* Force Hardware Acceleration */
	  -webkit-transform: translateZ(0);
			  transform: translateZ(0);
	}
	.cd-timeline__img.cd-timeline__img--bounce-in {
	  visibility: visible;
	  -webkit-animation: cd-bounce-1 0.6s;
			  animation: cd-bounce-1 0.6s;
	}
  }
  
  @-webkit-keyframes cd-bounce-1 {
	0% {
	  opacity: 0;
	  -webkit-transform: scale(0.5);
			  transform: scale(0.5);
	}
	60% {
	  opacity: 1;
	  -webkit-transform: scale(1.2);
			  transform: scale(1.2);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  
  @keyframes cd-bounce-1 {
	0% {
	  opacity: 0;
	  -webkit-transform: scale(0.5);
			  transform: scale(0.5);
	}
	60% {
	  opacity: 1;
	  -webkit-transform: scale(1.2);
			  transform: scale(1.2);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  
  .cd-timeline__content {
	position: relative;
	margin-left: 60px;
	background: #c7dc74;
	border-radius: 0.25em;
	padding: 1em;
	-webkit-box-shadow: 0 3px 0 #5B293F;
			box-shadow: 0 3px 0 #5B293F;
  }
  
  .cd-timeline__content:after {
	/* clearfix */
	content: "";
	display: table;
	clear: both;
  }
  
  .cd-timeline__content::before {
	/* triangle next to content block */
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid white;
  }
  
  .cd-timeline__content h2 {
	color: #5B293F;
  }
  
  .cd-timeline__content p,
  .cd-timeline__read-more,
  .cd-timeline__date {
	font-size: 0.875rem;
  }
  
  .cd-timeline__content p {
	margin: .5em 0;
	line-height: 1.6;
  }
  
  .cd-timeline__read-more,
  .cd-timeline__date {
	display: inline-block;
  }
  
  .cd-timeline__read-more {
	float: right;
	padding: .8em 1em;
	background: #acb7c0;
	color: white;
	border-radius: 0.25em;
  }
  
  .cd-timeline__read-more:hover {
	background-color: #bac4cb;
  }
  
  .cd-timeline__date {
	float: left;
	padding: .8em 0;
	opacity: .7;
  }
  
  @media only screen and (min-width: 768px) {
	.cd-timeline__content h2 {
	  font-size: 1.2rem;
	}
	.cd-timeline__content p {
		font-size: 0.875rem;
	  line-height: 1.2;
	}
	.cd-timeline__read-more,
	.cd-timeline__date {
	  font-size: .8rem;
	}
  }
  
  @media only screen and (min-width: 1170px) {
	.cd-timeline__content {
	  margin-left: 0;
	  padding: 1.6em;
	  width: 45%;
	  /* Force Hardware Acceleration */
	  -webkit-transform: translateZ(0);
			  transform: translateZ(0);
	}
	.cd-timeline__content::before {
	  top: 24px;
	  left: 100%;
	  border-color: transparent;
	  border-left-color: #c7dc74;
	}
	.cd-timeline__read-more {
	  float: left;
	}
	.cd-timeline__date {
	  position: absolute;
	  width: 100%;
	  left: 122%;
	  top: 6px;
	  font-size: 1rem;
	}
	.cd-timeline__block:nth-child(even) .cd-timeline__content {
	  float: right;
	}
	.cd-timeline__block:nth-child(even) .cd-timeline__content::before {
	  top: 24px;
	  left: auto;
	  right: 100%;
	  border-color: transparent;
	  border-right-color: #c7dc74;
	}
	.cd-timeline__block:nth-child(even) .cd-timeline__read-more {
	  float: right;
	}
	.cd-timeline__block:nth-child(even) .cd-timeline__date {
	  left: auto;
	  right: 122%;
	  text-align: right;
	}
	.cd-timeline__content.cd-timeline__content--bounce-in {
	  visibility: visible;
	  -webkit-animation: cd-bounce-2 0.6s;
			  animation: cd-bounce-2 0.6s;
	}
  }
  
  @media only screen and (min-width: 1170px) {
	/* inverse bounce effect on even content blocks */
	.cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in {
	  -webkit-animation: cd-bounce-2-inverse 0.6s;
			  animation: cd-bounce-2-inverse 0.6s;
	}
  }
  
  @-webkit-keyframes cd-bounce-2 {
	0% {
	  opacity: 0;
	  -webkit-transform: translateX(-100px);
			  transform: translateX(-100px);
	}
	60% {
	  opacity: 1;
	  -webkit-transform: translateX(20px);
			  transform: translateX(20px);
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
  }
  
  @keyframes cd-bounce-2 {
	0% {
	  opacity: 0;
	  -webkit-transform: translateX(-100px);
			  transform: translateX(-100px);
	}
	60% {
	  opacity: 1;
	  -webkit-transform: translateX(20px);
			  transform: translateX(20px);
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
  }
  
  @-webkit-keyframes cd-bounce-2-inverse {
	0% {
	  opacity: 0;
	  -webkit-transform: translateX(100px);
			  transform: translateX(100px);
	}
	60% {
	  opacity: 1;
	  -webkit-transform: translateX(-20px);
			  transform: translateX(-20px);
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
  }
  
  @keyframes cd-bounce-2-inverse {
	0% {
	  opacity: 0;
	  -webkit-transform: translateX(100px);
			  transform: translateX(100px);
	}
	60% {
	  opacity: 1;
	  -webkit-transform: translateX(-20px);
			  transform: translateX(-20px);
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
  }
  

  .border-form-control {
	height: 48px;
	padding: 8px 4px;
	font-size: 21px;
	letter-spacing: 1px;
	background-color: transparent !important;
	border-top: transparent;
	border-right: transparent;
	border-left: transparent;
	border-bottom-width: 1px;
	font-size: 16px;
	color:#282828;
}

.border-form-control::-moz-placeholder { font-weight: 300; }
.border-form-control:-ms-input-placeholder { font-weight: 300; }
.border-form-control::-webkit-input-placeholder { font-weight: 300; }

textarea.border-form-control {
	resize: none;
	overflow: hidden;
	word-wrap: break-word;
}
.sm-form-control:focus {
    border-color: #282828;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


	/*
  	Flaticon icon font: Flaticon
  	Creation date: 17/05/2018 09:41
  	*/

	  @font-face {
		font-family: "Flaticon";
		src: url("./fonts/flaticon/Flaticon.eot");
		src: url("./fonts/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"),
			 url("./fonts/flaticon/Flaticon.woff") format("woff"),
			 url("./fonts/flaticon/Flaticon.ttf") format("truetype"),
			 url("./fonts/flaticon/Flaticon.svg#Flaticon") format("svg");
		font-weight: normal;
		font-style: normal;
	  }
	  
	  @media screen and (-webkit-min-device-pixel-ratio:0) {
		@font-face {
		  font-family: "Flaticon";
		  src: url("./fonts/flaticon/Flaticon.svg#Flaticon") format("svg");
		}
	  }
	  
	  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
	  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
		font-family: Flaticon;
		font-size: 3rem;
	  font-style: normal;
	  color:   linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)) !important;
	 
	  }
	  
	 .flaticon-headache:before { content: "\f100"; }
.flaticon-oxidant:before { content: "\f101"; }
.flaticon-dna:before { content: "\f102"; }
.flaticon-toxic-1:before { content: "\f103"; }
.flaticon-toxic:before { content: "\f104"; }
.flaticon-toxic-symbol:before { content: "\f105"; }
.flaticon-white-blood-cell:before { content: "\f106"; }
.flaticon-immune-system:before { content: "\f107"; }
.flaticon-syrup-with-spoon:before { content: "\f108"; }
.flaticon-medicine:before { content: "\f109"; }
.flaticon-juice:before { content: "\f10a"; }
.flaticon-week:before { content: "\f10b"; }
.flaticon-sugar-blood-level:before { content: "\f10c"; }
.flaticon-teapot-2:before { content: "\f10d"; }
.flaticon-teapot-1:before { content: "\f10e"; }
.flaticon-tea:before { content: "\f10f"; }
.flaticon-teapot:before { content: "\f110"; }
.flaticon-tortilla:before { content: "\f111"; }
.flaticon-blood:before { content: "\f112"; }
.flaticon-blood-analysis:before { content: "\f113"; }
.flaticon-lung:before { content: "\f114"; }
.flaticon-lungs:before { content: "\f115"; }
.flaticon-evaporation:before { content: "\f116"; }
.flaticon-seeds:before { content: "\f117"; }
.flaticon-water-bottle:before { content: "\f118"; }
.flaticon-sugar-bowl:before { content: "\f119"; }
.flaticon-esophagus:before { content: "\f11a"; }
.flaticon-stomach:before { content: "\f11b"; }
.flaticon-liver-organ-with-a-plus-sign:before { content: "\f11c"; }
.flaticon-liver:before { content: "\f11d"; }
.flaticon-cholesterol:before { content: "\f11e"; }
.flaticon-dna-structure:before { content: "\f11f"; }
.flaticon-risk:before { content: "\f120"; }
.flaticon-nuclear:before { content: "\f121"; }

 .flat-icons {
		font-size: 48px;
		width: 100%;
		height: 100%;
		min-width: 64px !important;
		min-height: 64px !important;
		
	}

	/* ----- | story-box-about-us | ----- */
.story-box-about-us {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer;
}

.story-box-about-us .story-box-about-us-image {
	width: 50%;
	height: auto;
	z-index: 2;
	overflow: hidden;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.story-box-about-us .story-box-about-us-image img {
	display: block;
	height: 600px;
	width: 100%;
	opacity: 1;
	transition: opacity .3s ease;
}

.story-box-about-us:hover .story-box-about-us-image img {
	opacity: .9;
 }

.story-box-about-us .story-box-about-us-info {
	box-sizing: border-box;
	width: 70%;
	height: auto;
	padding: 60px;
	margin: 35px 0 0 -20%;
	background: #ffffffdb;
	z-index: 4;
	box-shadow: 0 10px 45px rgba(0,0,0,.1);
	transition: all ease-in .3s;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.story-box-about-us.description-left .story-box-about-us-info {
	-ms-flex-order: -1;
	order: -1;
	margin: 35px -20% 0 0;
}

.story-box-about-us .story-box-about-us-info .story-title {

	font-size: 26px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 0;
	color: #1d2c4c;
}

.story-box-about-us .story-box-about-us-info .story-box-about-us-content p {
	font-size: 15px;
	font-weight: 300;
	color: #666;
	line-height: 16px;
}

.story-box-about-us .story-box-about-us-info .story-box-about-us-content a {
	font-size: 16px;
	text-decoration: underline !important;
}

/* ----- story-box-about-us Responsive ----- */
@media (max-width: 991px) {

	.story-box-about-us .story-box-about-us-image {
		height: auto;
		width: 100%;
		height: 400px;
		-ms-flex-order: -1;
		order: -1;
	}

	.story-box-about-us.description-left .story-box-about-us-info {
		-ms-flex-order: -1;
		order: -1;
		margin: 35px -20% 0 0;
	}

	.story-box-about-us.description-left .story-box-about-us-info { margin: -40px 5% 0; }

	.story-box-about-us .story-box-about-us-info {
		max-width: 90%;
		height: auto;
		-ms-flex-preferred-size: 90%;
		flex-basis: 90%;
		margin: -40px 5% 0;
	}

	#side-panel-trigger { right: 40px !important; }
}


@media (max-width: 767px) {

	.story-box-about-us.description-left .story-box-about-us-info { margin: -100px 5% 0; }
	.story-box-about-us .story-box-about-us-info {
		padding: 35px;
		text-align: center;
		margin: -100px 5% 0;
	}
	.customers-count { border-right: none }
}

@media (max-width: 479px) {

	.story-box-about-us .story-box-about-us-info {
		width: 100%;
		padding: 15px;
		text-align: center;
		margin: -200px 5% 0;
	}
	.story-box-about-us.description-left .story-box-about-us-info { margin: -200px 5% 0; }

	ul.tab-nav:not(.tab-nav-lg) li a i {display: none;}
}



/*Story-Box-products*/
/* ----- | Story-Box | ----- */
.story-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	cursor: pointer;
}

.story-box .story-box-image {
	width: 70%;
	height: 500px;
	z-index: 2;
	overflow: hidden;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.story-box .story-box-image img {
	display: block;
	height: auto;
	width: 100%;
	opacity: 1;
	transition: opacity .3s ease;
}

.story-box:hover .story-box-image img {
	opacity: .9;
 }

.story-box .story-box-info {
	box-sizing: border-box;
	width: 50%;
	height: 430px;
	padding: 60px;
	margin: 35px 0 0 -20%;
	background: #fff;
	z-index: 4;
	box-shadow: 0 10px 45px rgba(0,0,0,.1);
	transition: all ease-in .3s;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

.story-box.description-left .story-box-info {
	-ms-flex-order: -1;
	order: -1;
	margin: 35px -20% 0 0;
}

.story-box .story-box-info .story-title {
	
	font-size: 26px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 0;
	color: #1d2c4c;
}

.story-box .story-box-info .story-box-content p {
	font-size: 15px;
	font-weight: 300;
	color: #666;
	line-height: 16px;
}

.story-box .story-box-info .story-box-content a {
	font-size: 16px;
	text-decoration: underline !important;
}

/* ----- Story-Box Responsive ----- */
@media (max-width: 991px) {

	.story-box .story-box-image {
		height: auto;
		width: 100%;
		height: 400px;
		-ms-flex-order: -1;
		order: -1;
	}

	.story-box.description-left .story-box-info {
		-ms-flex-order: -1;
		order: -1;
		margin: 35px -20% 0 0;
	}

	.story-box.description-left .story-box-info { margin: -40px 5% 0; }

	.story-box .story-box-info {
		max-width: 90%;
		height: auto;
		-ms-flex-preferred-size: 90%;
		flex-basis: 90%;
		margin: -40px 5% 0;
	}

	#side-panel-trigger { right: 40px !important; }
}


@media (max-width: 767px) {

	.story-box.description-left .story-box-info { margin: -100px 5% 0; }
	.story-box .story-box-info {
		padding: 35px;
		text-align: center;
		margin: -100px 5% 0;
	}
	.customers-count { border-right: none }
}

@media (max-width: 479px) {

	.story-box .story-box-info {
		width: 100%;
		padding: 15px;
		text-align: center;
		margin: -200px 5% 0;
	}
	.story-box.description-left .story-box-info { margin: -200px 5% 0; }

	ul.tab-nav:not(.tab-nav-lg) li a i {display: none;}
}


.font-white{
	color:#fff !important;
}
#copyrights a{
	color:#eaeaea !important;	
}
#copyrights a:hover{
	text-decoration: underline;
	opacity: .8;
}
#top-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 39px;
    z-index: 299;
	border-bottom: 0;
	background: transparent !important;
}
.top-links {
    position: relative;
    float: left;
}
#header{

	height: 120px !important;
}

#header-wrap {
	height: 120px !important;
}
#top-social li {
    border-bottom: 1px solid #EEE;
}

.entry-title {
    background-color:transparent;
    padding: 15px;
}

.pricing-box {
   
    background-color: transparent;
	padding: 20px 35px;
}
/* .pricing-box .pricing-title {
	text-align: left;
	padding-bottom: 1.8em;
}

.pricing-box ul li{
	text-align: left
}

.pricing-box .pricing-price {
	text-align: left;
} */

#organiccane {

    border-collapse: collapse;
    width: 50%;
    
}

#organiccane td, #organiccane th {
    border: 1px solid #ddd;
    padding: 8px;
}

#organiccane tr:nth-child(even){background-color: #f2f2f2;}

#organiccane tr:hover {background-color: #ddd;}

#organiccane th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #285E2E;
    color: white;
}


.table-comparisonchart .table thead th {
    background: #285E2E;
   color:#fff;
}

.table-comparisonchart .table td:first-child {
   background: #285E2E;
   color:#fff;  
}
.table-comparisonchart .table thead th,
.table-comparisonchart .table td {
padding: 5px 8px;
}

@media only screen and (max-width: 680px) {
    .section {
    position: relative;
    margin: 60px 0;
    padding: 0px 0;
    background-color: transparent;
    overflow: hidden
    }
	.orcane-mview {
    padding: 10px 0!important;
    }
	.orcanemview {
		padding: 5px 0!important;
    }
	.mview{
		padding: 20px 0;

    }
	.story-box-about-us .story-box-about-us-image img {
    display: block;
    height: 185px;
    width: 100%;
    opacity: 1;
    transition: opacity .3s ease;
    }
	.benefitview {
	     margin-top: 0px !important; 
    }
	.newsfeeds{
	padding-top: 0px !important;
    }
	.slider-mobile{
		height: 400px !important;
    }
	.sugarcane-table{
		/* width: 142%!important; */
		margin-left: -6px;
	    overflow-x:scroll;
	    -webkit-overflow-scrolling: touch;
	    

		
    }
    .production-process {
    width: 100%;
    margin: 0px auto;
    padding: 0;
    text-align: center;
    float: left;
    }
	.bg-orcane{
		/*background: url('<?php echo base_url(); ?>assets/images/sections/body.jpg')no-repeat center center fixed;*/
	-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		width: 100%;    
		height: 100%;
		overflow: hidden;
	}

	.bg-orcane{
		background: url('<?php echo base_url(); ?>assets/images/sections/body.jpg');
		background-size:contain; 
		overflow: visible;
	}
}

@media only screen and (max-width: 600px) {
    .onload-banner{
    display: none!important;
  }
}