/**
 *@ site core css
 */ 
.clear{clear:both;}
/* navbar */


/* content */
.content{min-height:600px;}
.content .detailed_content{margin:36px auto; margin-bottom:10px;}
.content .detailed_content .title{color:#e85aa2; font-size:48px;}
@media(max-width:980px){
	.content .detailed_content .title{font-size:38px;}
}
@media(max-width:580px){
	.content .detailed_content .title{font-size:28px;}
}
.content .detailed_content .content_d{color:#2760af; font-size:28px;}
.content .detailed_content .content_con{ margin-top:20px; font-size:16px;}
/* home content */
.content .home_turtle{margin-top:-40%; overflow:hidden;}
.content .home_turtle .c1{width:100%;}

.vew_box{background-color:#e85aa2; font-weight:bold;}
.home_col .vew_box{margin-bottom:30px; margin-top:20px; color:#fff; font-size:23px; max-width:230px; height:70px; line-height:60px;}

#show_msg{display:none;}
.home_msg{height:200px; font-size:28px; color:#2760af;}

/* about content */
.content .detailed_content .about_col{width:80%; margin:30px auto !important;}
.content .detailed_content .about_col .table td{border:0 none;}
.content .detailed_content .about_col img{width:100%;}
.content .detailed_content .about_col a{display:block;}
.content .detailed_content .about_col .about_des{font-size:36px; text-align:center;}
.popover .popover-title{color:#e85aa2;}

/* why content */
.content .detailed_content .content_why{
padding:16px;
background-color:#fff; margin-bottom:30px;border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.content .detailed_content .content_why .title{color:#2760af; font-size:38px;}
.content .detailed_content .content_why .content_con{ margin-top:20px; font-size:16px;}
.ioc_true{color:#2760af; padding-right:15px; position:absolute; left:-5px;}
.content .detailed_content .content_why .content_con img{width:100%;}
/* contact content */
.content .detailed_content .contact_form form{max-width:400px; margin:10px auto;}
.content .detailed_content .contact_form form input{width:100%; margin:10px auto; height:36px; border:0 none;}
.content .detailed_content .contact_form form .message{
	-webkit-appearance: textfield;
	padding: 1px;
	background-color: white;
	border:0 none;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	cursor: auto;
	max-width:100%;
	min-width:100%;
	max-height:90px;
	min-height:90px;
	color:#000;
}
.content .detailed_content .contact_form form .send{background-color:#90d4df; color:#fff; font-size:18px;}
.content .detailed_content .contact_form form .send:hover{background-color:#b8e4eb; color:#000;}
.contact_form{text-align:center;}
.contact_form .faq{margin-top:20px; display:inline-block; background-color:#e85aa2; color:#fff; font-weight:bold;}
.contact_form .faq:hover{background-color:#E67CA4; color:#000;}
.fu_icon{display:inline-block; margin:20px;}
.content .detailed_content .contact_info{}
/*  gallery */
.content .detailed_content .content_con  .gallery_col{margin-bottom:20px;text-align:center; overflow:hidden;}
.content .detailed_content .content_con  .gallery_col img{
width: 100% \9;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
/* how to order */
.hto_img, .hto_g_img{height:230px; overflow:hidden; text-align:center; vertical-align:center; line-height:200px;}
.hto_u_img{height:90px;overflow:hidden; text-align:center; vertical-align:center; line-height:90px;}
.hto_des_title{font-size:26px; color:#2760af;}
.hto_des_title2{font-size:23px; color:#e85aa2;}
.hot_title_2{margin:10px 0 10px 0;}
.hot_title_3{margin:10px 0 10px 0; font-size:26px; color:#e85aa2;}
.hto_des{width:200px; margin:0 auto;}
.hto_des .hto_des_title{color:#e85aa2; font-size:16px;}
.hto_des .hto_des_hot{color:#E00A0A; font-size:16px;}
.hto_product{height:400px;}
.hto_img_i{min-height:180px; overflow:hidden; text-align:center; vertical-align:center;}
.hto_img_i img{width:100%;}
.order_note_title{font-size:26px; color:#2760af;}
@media(max-width:420px){
	.order_note_title{font-size:20px; margin-top:10px; margin-bottom:10px;}
}

/* FAQ */
.des_title{font-size:26px; padding:15px 0 0 0;}
.des_s_title{font-size:23px; padding:30px 0 8px 0;}
.f_a_q h3{padding-top:5px;}
/* Terms Conditions */
.t_c_title{text-align:center; font-size:28px; height:30px; margin:60px 0 40px 0;}
.content_w{background-color:#fff;}

/* foooter */
.footer{min-height:130px;}
.footer .navbar_f{max-width:570px; float:none; margin:0 auto;}
.footer .navbar_f li a{color:#fff; padding-left:8px; padding-right:8px; background:none;}
.footer .navbar_f li a:hover{color:#596576;}
.footer .navbar_f li a:active{color:#596576;}
@media(max-width: 780px){
	.footer .navbar_f li{float:left;}
}
.footer .link{color:#fff; max-width:570px; border-top:1px #fff solid; margin:0 auto;}
.footer .link .copy{text-align:center;margin-top:20px; margin-bottom:20px;}


/*===========================
  Portfolio
============================ */
nav#filter a {
	background-color: #EEE;
	color:#555;
}
nav#filter a:hover, nav#filter a.current {
	background-color: #44BCDD;
	color:#fff;
}

/* ------- */

.isotopeWrapper article{
    margin-bottom: 30px !important;
}

#portfolio img  {
	width:100%;
}

#portfolio article p {
	margin-bottom:1.45em;/*set next row on the baseline*/
}
nav#filter {
	margin-bottom:1.5em;
}

nav#filter li {
	display:inline-block;
	margin:5px;
}
nav#filter a {
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
}


.portfolio-items article img {width:100%;} 

.portfolio-item {
	display: block;
	position: relative;
	border:5px #fff solid;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.portfolio-item img {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;

}
.portfolio-item .portfolio-desc {
    display: block;
    opacity: 0;
    position: absolute;
    width: 100%;
	left: 0;
	top: 0;
	color: rgba(220, 220, 220);
}


.portfolio-item:hover .portfolio-desc {
	padding-top: 20%;
	height: 100%;
    transition: all 200ms ease-in-out 0s;
	opacity: 1;
}

.portfolio-item .portfolio-desc a {
	color: #fff;
}
.portfolio-item .portfolio-desc a:hover {
	/*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/
	text-decoration: none;
}
.portfolio-item .portfolio-desc .folio-info {
	top:-20px;
	padding: 30px;
	height: 0;
    opacity: 0;
    position: relative;
}

.portfolio-item:hover .folio-info{
	height: 100%;
    opacity: 1;
    transition: all 500ms ease-in-out 0s;
	top:5px;
}



.portfolio-item .portfolio-desc .folio-info h5 {
	text-transform: uppercase;
}
.portfolio-item .portfolio-desc .folio-info p {
	color: #ffffff;
	font-size: 12px;
}