/* Your custom css code goes here */
hr.new1 {
	boarder-top: 3px solid grey:
}
hr.new2 {
	boarder-top: 3px solid black:
}
.probootstrap-grey-color {
  color: #707070 !important;
}
.probootstrap-Lgrey-color {
  color: #acacac !important;
}
.probootstrap-blk-color {
  color: #000000 !important;
}
.probootstrap-wht-color {
  color: #ffffff !important;
}
.dark-mode {
	background-color: #111111
	color: #ffffff
}
.hidden { visibility: hidden; }
.unhidden { visibility: visible; } 
/* Solid border */
hr.solid {
  border-top: 3px solid #bbb;
}
hr.solidblk {
  border-top: 3px solid #000;
}
hr.solidgrey {
  border-top: 3px solid #707070;
}
hr.solidLgrey {
  border-top: 3px solid #acacac;
}

.img-mail
{
  float: left;
  width: 100px;
  height: 100px;
  background:transparent url("http://www.segemarl.com/img/mailbox.png") center top no-repeat;
  background-size: 100%;
}
.icomx
{
	max-width:150px;
}
.imgmxh
{
	width:80%;
	max-height:700px;
	max-width:400px;
}

.imgmxh:hover
{
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
}
.img-mail:hover
{
  background-image: url("http://www.segemarl.com/img/mailbox.gif");
}

@-webkit-keyframes swing {
    15% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    65% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes swing {
    15% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    65% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.icomx:hover
{
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.contain{
	position:relative;
	max-width:100%;
	
}
.contain img.btn-hover {
	top:-30px;
	right:0;
	left:0;
	bottom:0;
	margin-left:30px;
	margin-right:30px;
	position:absolute;
	object-fit: contain;
	opacity: 0;
	transition: opacity .2s;
}

.contain:hover img.btn-hover
{
	opacity: 1;
}
.contain img.mainbtn {
	top:-30px;
	right:0;
	left:0;
	bottom:0;
	position:absolute;
	margin-left:30px;
	margin-right:30px;
	object-fit: contain;
	opacity: 1;
	transition: opacity .2s;
}

.contain:hover img.mainbtn 
{
	opacity: 0;
}