.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: inline-block;
    float: right;
	max-width: 100%;
    margin-top: 0px;
	height: auto;
}
.maincarousel{margin-top: 12px; padding-left: 19px;
    background-color: #fff;
    padding-right: 21px;
    padding-bottom: 20px; border-bottom:4px solid #282619}
.carousel {
	position: relative;
	display: table;
	width: 100%;
	
	margin: -5px 0 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaedf2+0,ffffff+47 */
	background: #282619; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */ background-color: #282619;     
	
	padding-bottom: 0px; padding-right: 0px; box-sizing: border-box; padding-left: 0px;
}

.carousel-content {
    display: inline-block;
    padding: 60px 0 0 40px;
    vertical-align: top;
    width: 36%;
}

.carousel-content a.btn {
    margin-bottom:5px;
}

.carousel-content > h4 {
	font-size: 24px;
	font-weight: bold;
	color: #64358c;
	padding:0 0 8px 0;
}
.carousel-content > p {
    line-height: 24px;
}
.item.active {
	display: table;
}
.carousel-inner {
	position: relative;
	overflow: hidden; width:50%; float: left;
	
}
.carousal-right{width: 50%; float: right; padding-top: 120px;      box-sizing: border-box;}
.carousel-inner > .item {
	position: relative;
	display: none;
	/*-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left;*/
    
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0.2; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0.2; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0.2; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0.2; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0.2; }
    to   { opacity: 1; }
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	line-height: 1;
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
	display: block;
}
.carousel-inner::before { content: "";  background: rgba(0,0,0,0.3); height: 90px;  width: 100%;  bottom: 0;  position: absolute; z-index: 1;}
.carousel-inner > .active {
	/*left: 0;*/
    opacity : 1;
}
.carousel-inner > .next, .carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}
.carousel-inner > .next {
	left: 100%;
}
.carousel-inner > .prev {
	left: -100%;
}
.carousel-inner > .next.left, .carousel-inner > .prev.right {
	left: 0;
}
.carousel-inner > .active.left {
	left: -100%;
}
.carousel-inner > .active.right {
	left: 100%;
}
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	filter: alpha(opacity=50);
	opacity: .5;
}
.carousel-control.left {
    display: none;
	/*  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;*/
	background-image: url("");
	background-repeat: no-repeat;
	background-position: top 45% left 10px;
}
.carousel-control.right {
    display: none;
	right: 0;
	left: auto;
	background-image: url("");
	background-repeat: no-repeat;
	background-position: top 45% right 10px;/* background-size: 50%; */
}
.carousel-control:hover, .carousel-control:focus {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}
.carousel-control .icon-prev {
	left: 50%;
	margin-left: -10px;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	right: 50%;
	margin-right: -10px;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	font-family: serif;
	line-height: 1;
}
.carousel-control .icon-prev:before {
	content: '\2039';
}
.carousel-control .icon-next:before {
	content: '\203a';
}
.carousel-indicators {
	position: absolute;
	bottom: 8px;
	left: 20%;
	z-index: 2;
	width: 100px;
	padding-left: 0;
	text-align: center;
	list-style: none;
}
.carousel-indicators li {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(220, 220, 220, 1);
	border: 2px solid #fff;
	border-radius: 10px;
}
.carousel-indicators .active {
	background-color: #857b73; border:2px solid #fff;
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
	text-shadow: none;
}
.carousel-control.right, .carousel-control.left {
	background-size: 50%;
}

@media screen and (min-width: 768px) {
.carousel-control.left {
	background-image: url(/-/media/i3punto1com/carousal/carousel_left_nav.png);
}
.carousel-control.right {
	background-image: url(/-/media/i3punto1com/carousal/carousel_right_nav.png);
}


}

/*-----------------------Mobile-------------------*/
@media screen and (max-width: 965px) {
/* adjustment for small desktop */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	max-width: 100%;
}
}

@media screen and (max-width: 768px) {
.carousel-content {padding: 20px 0 0 20px; height:240px;width:auto;}
.carousel-content br{display:none;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width:100%; max-width:100%;}	

.carousel-inner{margin-top:1px;}
/* new css for carosual */
.carousel-inner{width:100%; float: none;}	
	.carousal-right{width:100%; float: none;}	
	.carousel{padding-right: 0px;}
	.carousal-right{padding-top:0px;}
	.carousal-right img{position: relative; width:85.5%; }
	.footer-inner-blk .col-1of5 {
    margin-left: 20px;
    width: 80%;
    float: left;
}
	.footer-inner-blk .col-1of5{margin-bottom: 20px;}	
/* new css for carosual closed */	
}


/*-----------------------VERTICAl Mobile-------------------*/

@media (max-width: 430px) {
.carousel-content > h4 {font-size: 18px;}
.carousel-content{width:auto;height:270px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width:100%; max-width:100%;}
}
@media (min-width: 450px) and (max-width:768px) {
	.footer-inner-blk .col-1of5 { margin-left: 15px; width: 46%; float: left;min-width:200px;}
}

@media (min-width: 320px) and (max-width:480px) {
#footerlogo .content-with-right-image .col-1of3 img { text-align: right; float: right; margin-top: -8%;}	
}
@media (min-width: 481px) and (max-width:768px) {
	#footerlogo .content-with-right-image .col-1of3 img { text-align: right; float: right; margin-top: -6%;}
}