/* PLACE YOU CUSTOM STYLES IN THIS FILE */

.manage-text {
	color: #27665a;
	font-family: muli;
	line-height: 20px;
}


@font-face {
	src:url("../font/muli.ttf");
	font-family: muli;
}

.muli{
	font-family: muli;
	color: #27665a;
}

@font-face {
	src:url("../font/mulibold.ttf");
	font-family: mulibold;
}

.mulibold{
	font-family: mulibold;
	color: #27665a;
}

@font-face {
	src:url("../font/muliboldbold.ttf");
	font-family: muliboldbold;
}

.muliboldbold{
	font-family: muliboldbold;
	color: #27665a;
}

.table-top-title{
	line-height: 20px;
    font-size: 17px;
    font-family: muli;
    padding: 12px 0;
}

.manage-title{
	font-family: mulibold!important;
	color: #27665a!important;
	text-transform: none!important;
	line-height: 20px;
	font-weight: bold;
}

.top-title{
	color: #27665a!important;
	text-transform: none;
	line-height: 40px;
}

.bottom-title{
	color: #27665a!important;
	text-transform: none;
	font-family: muli;
	font-size: 24px;
    line-height: 28px;
	margin-bottom: 10px;
}

.section-title{
	font-size: 30px;
	font-family: mulibold;
	color: #27665a;
	text-transform: none;
	margin-bottom: 20px;
}

.table-title{
	font-family: mulibold;
	color: #27665a;
	    font-size: 18px;
    margin-bottom: 5px;
}

.table-hide{
	visibility: hidden;
}

.logo-top{
	width: 400px;
}
.logo-footer{
	width:500px;
}

.tableheight{
	 height: 290px;
}

@media (max-width: 1200px) {

	.tableheight{
	 height: 360px;
}
	
	
}




@media (max-width: 767px) {
    .table-hide{
	visibility: hidden;
		display: none;
}
	.logo-top{
	width: 320px;
}
.logo-footer{
	width:300px;
}
	.tableheight{
	 height: auto;
}

	
}


.carousel-wrap {
  padding: 0 5%;
  width: 100%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}



/*===============================================
    Feature screen image
===============================================*/
.app-scrin-inner {
    position: relative;
    /*overflow: hidden;*/
    max-width: 1500px;
    margin: 0 auto;
    padding: 0px 20px;
    /*margin-top: -72px;*/
}

.app-carousel-inner {
    position: relative;
    width: 450px;
    height: 750px;
    margin: 0 auto;
    padding: 0px 70px;
    /*background: url(../img/feature/mockup2.png);*/
    margin-top: 12px;
}
.app-carousel .owl-stage-outer {
    overflow: visible!important;
}
.app-carousel .single-app-image img {
    display: block;
    width: 100%;
    height: 95%;
    margin: 0px auto;
    top: 20px;
}
.app-carousel button.owl-dot {
    height: 7px;
    width: 7px;
    background: #ABDDAB !important;
    margin-right: 5px;
    border-radius: 50%;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    line-height: 10px;
    vertical-align: middle;
}
.app-carousel button.owl-dot.active{
    background: #5CD693 !important;
    height: 10px;
    width: 10px;
}
.app-carousel .owl-dots {
    text-align: center;
}



@media (max-width: 379.98px){
.app-carousel .single-app-image img {
    margin: 10px auto!important;
}
}