@charset "utf-8";
/* CSS Document 
body{
	font-size: 14px;
  font-family: 'OpenSans';
}*/

/*.home-page{
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url(https://www.capricornid.com/images/image-banner.jpg);
  background-attachment: fixed;
}*/


/* ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}*/

/*
.custom-leftside-links{
}
.custom-top-header ul.nav li a:hover i {
    background: #ed3237;
	color: #fff;
}
	*/

@media (max-width: 1600px){
    .ca-content {
        left: 80px;
    }
}
@media (max-width: 1366px){
    .ca-content {
        left: 80px;
    }
}

   .ca-content {
        position: static;
    }
   
 /*.custom-leftside-links ul{
    flex-direction: row;
    flex-wrap: wrap;
}
.custom-leftside-links ul li{
    width: 31%;
  /*  background: #fff;*/
   /* margin: 1%;
    overflow: hidden;
    position: relative;
    /* display: inline-block; */
   
/*	background: #EDF5D2;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    float: left;
    height: 100px;
}*/
.ems{
	list-style: none;
	padding: 0.1px;
	display: flex;
	
    width: 23%;
  /*  background: #fff;*/
    margin: 0.5%;
    overflow: hidden;
    position: relative;
    /* display: inline-block; */
   cursor: pointer;
	
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    float: left;
    height: 100px;
}
.one{background: #E2F3F0;}
.two{background: #FFE9E5;}
.three{background: #FFEED3;}
.four{background: #BBC7D4;}

.one:hover{background: #4CC082;}
.two:hover{background: #EC6C5A;}
.three:hover{background: #AA8D6F;} 
.four:hover{background: #808080;}

/*.custom-leftside-links ul li:hover {
    background: #e1f0fa;
}*/
.ems:hover{
	border-radius: 15px;
	/*	background: #e1f0fa;*/
}

/*.custom-leftside-links ul li:hover .ca-icon {
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}*/
.ems:hover .ca-icon {
    opacity: 0.8;
    text-shadow: 0px 0px 13px #fff;
}
/*.custom-leftside-links ul li:hover .ca-icon img{
    transform: scale(1.15);
}*/
.ems:hover .ca-icon img{
    transform: scale(2.0);
}
.ems .ca-main {
    font-size: 20px;
	line-height: inherit;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	
}

.ems .ca-sub {
    font-size: 14px;
    color: #666;
	line-height: inherit;
	 -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
/*.custom-leftside-links ul li a{
  color: #337ab7;
  text-decoration: none;
    display: block;
    padding: 20px;
}*/
.ems a{
  color: #337ab7;
  text-decoration: none;
    display: block;
    padding: 10px;
	/*font-family: 'OpenSans-Bold';
  color: #000 !important;*/
}



.ca-icon {
	padding: 0 0 0 10px;
	
    text-shadow: 0px 0px 1px #333;
    line-height: 80px;
    display: inline-block;
    width: 50px;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-icon img{
	 
    transform: scale(1.2);
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-content { 
	height: auto;
    position: absolute;
    left: 90px;
    top: 20px;
}

/*.custom-leftside-links ul li:hover .ca-main {
    opacity: 1;
    color: #2676ac;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}*/
.ems:hover .ca-main {
    opacity: 1;
    color: white; /* #2676ac*/
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
}

/*.custom-leftside-links ul li:hover .ca-sub {
    opacity: 1;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}*/
.ems:hover .ca-sub {
    opacity: 1;
	color: yellow;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out;
}
@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}