/*
Template Name:Do Kids
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/
/*********************center_home****************/
.carousel>.carousel-inner>.item>.circleElement {
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 11%;
    left: 39%;
    width: 400px;
    height: 400px;
    opacity: .5;
}

.carousel-indicators li {
    background-color: #999;
    background-color: rgba(255,255,255,0.3);
}
.carousel-caption h2 {
   color:#000;
   background:#dce086;
   display:inline-block;
   padding:10px;
}
.carousel-caption h1 {
   color:#000;
   background:#d7f5fa;
   display:inline-block;
   padding:10px;
   font-size:60px;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active { opacity: 1 }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1 }
.carousel-fade .carousel-control { z-index: 11 }
@media only screen and (max-width:767px) { 
    .carousel-caption {
        padding: 15px;
     }
    .carousel { margin-bottom: 0 }
    .hero-unit { padding-bottom: 60px }
    .hero-unit p { font-size: 16px }

}

.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus{
    color:#f85f89;
    background:#fff !important;
}  
.kb_control_left,.kb_control_right{
    top:46%;
    z-index:2;
    width:55px;
    height:55px;
    text-align:center;
    -webkit-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s
}
.kb_wrapper:hover .kb_control_left,.kb_wrapper:hover .kb_control_right{
    opacity:1;
}
.kb_icons{
    line-height:50px !important;
    font-size:34px!important;
    font-weight:normal!important;
}
.kb_control_left{
    left:1%!important
}
.kb_control_right{
    right:1%!important
}
.center_home .carousel-control{
 opacity:1;
 }
/*********************center_home_end****************/

/*********************collection****************/
#collection{
padding-top:40px;
padding-bottom:40px;
 }
.collect_1i{
background: #f85f89; 
 }
.collect_1i1{
background: #32355d; 
 }
.collect_1i2{
background: #b2b56d;
 }
.collect_1 h3{
padding-top:13%; 
 }
/*********************collection_end****************/

/*********************prod_home****************/
#prod_home{
padding-top:40px;
padding-bottom:40px;
background:#d7f5fa4d;
 }
.prod_home_2m1 span{
display:block;
margin-top:10px;
font-size:20px; 
 }
.prod_home_2m1 h2{
margin-top:10px; 
 }
.bg h5{
 background:#dce086;
 display:inline-block;
 padding:5px 10px;
 }
.bg1 h5{
 background:#fdbecf;
 display:inline-block;
 padding:5px 10px;
 }
.bg2 h5{
 background:#b7eaf2;
 display:inline-block;
 padding:5px 10px;
 }
.prod_home_2m{
position:relative;
 }
.prod_home_2m2{
position:absolute;
width:100%;
top:15px;
left:15px;
 }
.prod_home_2m3{
position:absolute;
width:100%;
top:70px;
display:none;
 }
.prod_home_2m:hover .prod_home_2m3{
display:block;
 }
.prod_home_2{
margin-top:30px; 
 }
/*********************prod_home_end****************/

/*********************sale****************/
.sale_r h1{
display:inline-block;
padding:10px 20px; 
 }
.sale_r .head_1{
background: #dce086;
 }
.sale_r .head_2{
background: #d7f5fa;
 }
.sale_r p{
font-size:22px; text-align: left;
 }
.sale_r {
height:500px;
background: #32355d;
padding-left:40px;
padding-right:40px;
padding-top:12%;
 }
.sale_l img {
height:500px;
 }
/*********************sale_end****************/

/********************* video-container ****************/
#video-container{
padding-top:20px;
padding-bottom:40px;
background-color:#f1f1e5; 
	   }
#video-container .wrapper{
			max-width: 800px;
			width: 100%;
			margin:10px auto;
	padding-top: 25px;
}
.wrapper h2{font-size: 26px;text-align: center;font-weight: bold;}
#video-container .noWrapper {
			width: 100%;
}
.wrapper p{
text-align:left;
font-size:18px;margin-bottom:20px;text-align: left;}
.wrapper p.small{
text-align:left;
font-size:15px;margin-bottom:20px;text-align: left;}

.wrapper p.right{
text-align:left;
font-size:18px;margin-bottom:20px;text-align:right;}
.wrapper H5 {
text-align:left;
font-size:20px;margin-bottom:20px;text-align: left; font-weight: bold;
   }
.wrapper H5 a{
text-align:left;
font-size:20px;margin-bottom:20px;text-align: left; color:blue;
   }
/*********************video-container_end****************/

/*********************sold****************/
#sold{
padding-top:40px;
padding-bottom:40px; 
 }
#sold .prod_home_2m1 span{
 margin-top:5px;
 }
#sold .prod_home_2m1 h2{
 margin-top:5px;
 }
.sold_1{
margin-top:30px; 
 }
/*********************sold_end****************/

/********************* middle ****************/
#middle{ 
 padding-top:80px;
 padding-bottom:30px;
 }
.middle_3{ 
 text-align: center;
 padding-top: 50px;
 padding-bottom: 15px;
 box-shadow: 0 0 1px 0px #151414;
 padding-left: 3px;
 padding-right: 3px;
 }
.middle_3 h3{ 
 font-weight:bold;
 }
.middle_3 p{ 
 padding-top:10px;
 }
.middle_1{ 
 position:relative;
 }
.middle_4{ 
 position: absolute;
 top: 42%;
 left: 0;
 right: 0;
 width: 80px;
 height: 80px;
 border-radius: 100%;
 line-height: 80px;
 text-align: center;
 margin: 0 auto;
 background-color: #fff;
 color: #f6c405;
 font-size: 35px;
 }
/********************* middle_end ****************/
/*********************gallery****************/
#gallery{
padding-top:60px;
padding-bottom:60px;
}
.gallery h1{
font-size:36px;
text-align:center;
line-height:45px;
padding-bottom:30px;
}
.gallery_middle{
padding-bottom:30px;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 100%;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-ming {
	background: #030c17;
}

figure.effect-ming img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

figure.effect-ming h2 {
	margin: 20% 0 10px 0; color:aliceblue;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-ming p {
	padding: 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-ming:hover h2 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-ming:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img {
	opacity: 0.4;
}


/*********************gallery_end****************/
/*********************contact****************/
#contact{
  padding-top:50px;
  padding-bottom:50px;
 }
.contact_middle_left_inner h5{
  font-size:24px;
  color:#333333;
  line-height: 30px;
  padding-bottom: 10px;
 }
.contact_middle_left_inner .ready_2{
  font-size:22px;
  color:#999;
 }
.contact_middle_left_inner ul{
padding-top:20px;
 }
.contact_middle_left_inner ul li{
display:inline-block;
margin-right:15px;
 }
.contact_middle_left_inner ul li a{
font-size:22px;
color:#FF0000;
 }
 .contact_middle_left_inner ul li a:hover{
color:#000;
 }
.contact_middle_right_inner_1 .form-control_new_1{
  margin-bottom:20px;
  border:1px solid #E4E4E4;
  height:35px;
  width:100%!important;
  font-size:16px;
  padding-left:10px;
  }
.contact_middle_right_inner_1 .form-control_mass{
  height:200px;
   border:1px solid #E4E4E4;
    font-size:16px;
 }
.contact_middle_right_inner_1 p{
  padding-top:30px;
  }
.contact_middle_right_inner_1 .hvr-rectangle-in {
  padding:12px 45px;
  font-size: 17px;
  background: #fff!important;
  color:#fff!important;
  border:2px solid #CC3300;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.contact_middle_right_inner_1 .hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #CC3300;
  color:#CC3300!important;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.contact_middle_right_inner_1 .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: #CC3300!important;
}
.contact_middle_right_inner_1 .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
   color: #CC3300!important;
}
/*********************contact_end****************/
 



/*********************subscribe****************/
#subscribe{
 padding-top:50px;
 padding-bottom:50px;
 background:#9ad8d3;
 }
.subscribe_1i h3{
 margin-top:12px;
 }
.subscribe_1i1 .form-control {
font-size:18px; 
background:#7dd1ca;
border-color:#ddd;
box-shadow:none;
height:60px;
font-weight:100;
border-radius:10px;
color:#fff;
 }
.subscribe_1i1 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
/*********************subscribe_end****************/

/*********************portfolio****************/
#portfolio .prod_home_2m3 span i{
 width:50px;
 height:50px;
 line-height:50px;
 background:#ff6f96;
 border-radius:50%;
 font-size:22px;
 color:#fff;
 }
#portfolio .prod_home_2m:hover{
 opacity:0.8;
 }
#portfolio .prod_home_2m3{
top:80px;
 }
/*********************portfolio_end****************/

@media screen and (max-width : 767px){
.center_home {
text-align:center; 
 }
.center_home img{
min-height:300px; 
 }
.carousel-caption{
 left:auto;
 right:auto;
 width:100%;
 }
.carousel-caption h1{
font-size:36px;
 }
.carousel-caption h2{
font-size:24px; 
 }
#collection{
text-align:left;  
 }
.collect_1i {
 margin-bottom:10px;
 }
.collect_1i img{
 margin-top:10px;
 }
.collect_1i1 img{
 margin-top:10px;
 }
.collect_1i2 img{
 margin-top:10px;
 }
.collect_1i2 {
 margin-top:10px;
 }
.prod_home_2m {
margin-bottom:15px; 
 }
.sale_r h1{
display:block; 
 }
.sale_r{
padding-left:15px;
padding-right:15px;
height:auto;
padding-bottom:20px; 
 }
#sold{
text-align:center;  
 }
#sold .prod_home_2m1 h4{
margin-top:15px!important; 
 } 
.sold_1i {
margin-bottom:10px; 
 }
#subscribe{
 text-align:center;
 }
.subscribe_1i1 {
margin-top:10px;
margin-bottom:10px; 
 }
#portfolio{
padding-top:15px; 
 }
.prod_home_2m3{
top:30%; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.collect_1 h3{
padding-top:5px;
font-size:22px; 
 }
.collect_1 p{
margin-top:5px;
font-size:16px; 
 }
.collect_1 img{
min-height:150px; 
 }
.prod_home_2m1 img{
 min-height:200px;
 }
.sale_r{
padding-left:15px;
padding-right:15px; 
 }
.sale_r p{
font-size:16px;
 }
.subscribe_1i h3{
 font-size:18px;
 margin-top:20px;
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.collect_1 img{
min-height:150px; 
 }
.collect_1 h3{
font-size:22px; 
 }
.prod_home_2m1 img{
 min-height:200px;
 }
.subscribe_1i h3{
 font-size:24px;
 margin-top:20px;
 }
 }
@media (min-width:1201px) and (max-width:1350px) {

 }