@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');

body {
	font-family: 'Lato', sans-serif, serif, monospace, cursive, fantasy, 'Microsoft YaHei', 'Microsoft JhengHei';
    background-color: #ffffff;
    font-size: 15px;
    line-height: normal;
}

.mm-ismenu {
    color: #ffffff;
}

.intro {
    overflow: hidden;
    padding: 0;
}

/*
.intro b, .intro p {
    padding: 25px;
    display: none;
}
*/

.pagedetailcontent {
    padding: 25px;
}

p.mhomecontent {
    padding: 0;
}

.nivo-controlNav {
    padding: 0;
}

.photo img.logo_pic {
    margin: 0 auto;
}

.title {
    padding: 25px 0;
    text-transform: uppercase;
}

.attachment_design {
    background: inherit;
}

#whatsapp-float-icon {
    line-height: 25px;
}

.space {
    padding: 50px 0;
}

.three-full, .six-full, .six-full-1 {
    margin: 0 auto !important;
}

.six-full-1 {
    padding: 25px;
}

.font-big {
    font-size: 35px;
    line-height: normal;
    margin: 0 auto;
}

/* effect */

.new_product_col1 {
    margin-left: 0px!important;
}

.products-listing .product-img {
border:none!important;
}

.frame1 {
 width:100%;
 height: 310px;
 position: relative;
 overflow: hidden;
box-shadow: 0 0 15px rgba(0,0,0,.13);
}

.effect-bubba {
	background: #F5F5DC;
}

.effect-bubba img {
    width:100%!important;
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    transform: scale(1.1);
    transition:transform 0.35s;
}

.effect-bubba:hover img {
    opacity: 0.5;
    transform:scale(1)
}

.caption {
content:'';
position: absolute;
z-index: 1;
top:0;
left:0; 
width: 100%;
height:310px;
text-align: center;
opacity:1;
transition: all 0.3s ease-in-out; 
    font-family: montserrat;
    font-weight: 600;
    font-size: 1.2em;
    
}

.caption::before,
.caption::after {
content: '';
position: absolute;
z-index: 2;
top:20px;
left:20px;
bottom:20px;
right:20px;
transition:opacity 0.35s, transform 0.35s;
}

.caption::before {
border-top:2px solid #00BFFF;
border-bottom:2px solid #00BFFF;
transform: scale(0,1);

}

.caption::after {
border-right:2px solid #00BFFF;
border-left:2px solid #00BFFF;
transform:scale(1,0);
}

.effect-bubba:hover .caption,
.effect-bubba:hover .caption::before,
.effect-bubba:hover .caption::after
{
 opacity:1;
 transform: scale(1,1);
transition: all 0.3s ease-in-out; 

}

.caption h2{
  color:#fff;
  font-size: 25px;
  text-shadow:1px 1px 2px #000;
  padding-top:20%;
  transform:translate3d(0,-20px,0);
  transition:transform 0.3s;
}

.effect-bubba:hover .caption h2,
.effect-bubba:hover .caption p {
    opacity: 1;
    transform: translate3d(0,0,0);
}

.caption p{
  font-size:1.3em;
  opacity:0;
  padding-top:5%;
  transform:translate3d(0,20px,0);
  transition:all 0.3s;
}

.view{
	position: absolute;
	top: 65%;
	left: 50%;
	padding: 10px 0;
	background-color: #00BFFF;
	color: #ffffff;
	border: 2px solid #00BFFF;
	z-index: 2;
	text-align: center;
	width: 80px;
	margin-left: -40px;
	transform: scale(0);
	transition: all 0.3s ease-in-out; 
  }

.effect-bubba:hover .view {
    transform: scale(1);
}

.btn-square:hover{
color:#333!important;
}

.main_font {
	line-height:normal;
	font-weight: normal;
	color: #00BFFF;
    font-size: 35px;
}