/*-------------------------------------------*\
   Card section CSS
\*-------------------------------------------*/


/*Portrait Thumbnail*/
.babycard_opt_row { margin-bottom: 15px }
.babycard_opt { margin-bottom: 15px; }
.babycard_opt figure { box-shadow: 0 0 6px 0px rgba(4, 4, 4, 0.1); border: 3px solid #fff; cursor: pointer; transition: box-shadow 0.3s; }
.babycard_opt .active figure,
.babycard_opt:hover figure { box-shadow: 0 0 0px 1px #479ff3; }


/*Card Style 1*/
.babycard_opt_active_row.tab-content>.tab-pane>div {height: 864px; }
.babycard_opt_active_row.tab-content{color: #565656;}
.blue-line-card-bg{background-image: url('/ContentOuterSite/images/babycard/blue-line-portrait-bg.jpg'); background-repeat: repeat; padding: 29px;}
.box-style .card_inn_box{background-color: #bce6f6; border-radius: 15px; position: relative;
    padding: 35px; min-height: 545px; z-index: 1; }
.box-style .card_inn_box:before {content: ""; position: absolute; left: 20px; right: 20px;
    top: 20px; bottom: 20px; border: dashed 3px #fff; border-radius: 15px; z-index: -1;}

.bname {font-family: 'Conv_FBAFIKOMAN-REGULAR'; font-size: 10em; color: #00a0c5; padding-top: 60px;
letter-spacing: -17px; line-height: 0.6em; text-shadow: -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;}
.bname span{font-family: 'Conv_FBAFIKOMAN-REGULAR';}
.bname span:nth-child(2) {color: #f9a222; }
.bname span:nth-child(3) {color: #85c444; }
.bname span:nth-child(4) {color: #fee600; }

.dob{font-family: 'eft_afarsekbold'; font-size: 100px; line-height: 60px; color: #888888;}
.bhdate{font-family: 'Conv_FBYOGURT-BOLD'; font-size: 38px; color: #888888; margin: 11px 0 11px;}
.bhrs{font-family: 'Conv_FBYOGURT-BOLD'; font-size: 50px; color: #fff; background-color: #01a0c5; position: relative;}
.bhrs:before { content: ""; position: absolute; left: -35px; right: -35px; top: 0; bottom: 0; background-color: #01a0c5; z-index: -1; }
.weight-label{background-image: url('/ContentOuterSite/images/babycard/card-object/weight-bg.png'); background-repeat: no-repeat; 
background-size: 100% 100%;
width: 171px; height: 189px; position: absolute; left: 0px; top: 300px; z-index: 1; font-family: 'Conv_FBYOGURT-BOLD'; transform: scale(0.9) }
.weight-label p { top: 92px; position: relative; transform: rotate(-18deg); font-size: 27px; color: #fff; }
.weight-label p span.wn { font-size: 34px; line-height: 10px; }
.weight-label p span.wn::first-letter { font-size: 150%; }
.bott-text { margin: 18px 0 140px; }
.bott-text p { font-family: 'Conv_FBYOGURT-BOLD'; font-size: 35px; color: #888888; line-height: 44px; }
.bott-text p span { font-size: 65px; }
.bott-text .happy-parent {
    margin: 15px 0 0px 0;
}


.vector-icon{position: absolute;}
img.shirt.vector-icon {left: 30px; top: 30px; max-width: 92px;}
img.walker.vector-icon {right: 25px; bottom: 0px; max-width: 120px;}
img.bottle.vector-icon {right: 30px; top: 32px; max-width: 150px;}
img.hourse.vector-icon {left: 10px; bottom: 10px; max-width: 180px;}
img.baby-icon.vector-icon {left: 260px; bottom: 12px; max-width: 130px;}
img.vector5.vector-icon {right: 10px; top: 315px; max-width: 115px;}
img.bear.vector-icon {right: 10px; bottom: 230px; max-width: 115px}


/*Card Style 1 Pink*/
.pink-line-card-bg{background-image: url('/ContentOuterSite/images/babycard/pink-line-portrait-bg.jpg');}
.pink-line-card-bg .card_inn_box{background-color: #f1cade;}
.pink-line-card-bg .bhrs:before,
.pink-line-card-bg .bhrs{background-color: #d35e8d;}
.pink-line-card-bg .bname {color: #d35e8d;}
.pink-line-card-bg .bname span:nth-child(2) {color: #00a9e0;}
.pink-line-card-bg .bname span:nth-child(3) {color: #0070ba; }
.pink-line-card-bg .weight-label{background-image: url('/ContentOuterSite/images/babycard/card-object/weight-bg-pink.png');}
.pink-line-card-bg .dob{margin-top: 20px;}
.pink-line-card-bg img.vector5.vector-icon{    top: 337px}
.pink-line-card-bg .dob,
.pink-line-card-bg .bhdate,
.pink-line-card-bg .bott-text p{color: #997f82}


/*Card Style 2*/
.card-style2{ background-size: 100% 100%; padding:40px 45px 25px;}
.blue-card-bg2{background-image: url('/ContentOuterSite/images/babycard/blue-card-bg2.jpg');}
.card-style2 .card_inn_box{background-color: transparent; position: relative;}
img.vector6{top: 0px; left: -20px; max-width: 80px;}
img.vector7 { bottom: 0; left: -10px; max-width: 75px; }
img.vector8 { bottom: 0; right: -20px; max-width: 112px; }
.baby-pic { }
.baby-pic img { max-width:410px; border-radius: 50%; border: solid 7px #8fa53b; margin-top: -10px;}

.style2_cont { padding-top: 0px; margin-top: -65px; padding-bottom: 20px;}
.card-style2 .bname{color: #9bae4e; font-size: 10em; letter-spacing: -5px; padding-top: 0;}
.card-style2 .bhdate,
.card-style2 .dob {color: #00969f; }

.card-style2 .twh { border-top: dashed 2px #9bae4e; border-bottom: dashed 2px #9bae4e; padding: 5px 15px 5px; }
.card-style2 .twh .weight-label { background-image: none; position: relative; top: inherit; left: inherit; width: auto; height: auto; }
.card-style2 .twh .weight-label p { transform: none; top: inherit; color: #00969f; font-family: 'Conv_FBYOGURT-BOLD'; 
line-height: 32px; font-size: 34px}
.card-style2 .bhrs { background-color: transparent; color: #00969f; line-height: 28px; font-size: 34px; }
.card-style2 .nhosp { color: #90a63d; font-size: 34px; font-family: 'Conv_FBYOGURT-BOLD'; line-height: 24px; }
.card-style2 .bott-text {margin: 18px 0 0px; }
.card-style2 .bott-text p { font-size: 29px; color: #9bae4e; line-height: 33px; }
.card-style2 .bott-text .txt-hrt {margin:2px 0 5px;}
.card-style2 .bott-text .txt-hrt img{max-width: 24px;}
.card-style2 .bott-text .txt-hrt span{line-height: 26px; font-size: 60px; vertical-align: middle;}


/*Card Style 2 Pink*/
.pink-card-bg2 .baby-pic img{border: solid 7px #ae5f75;}
.pink-card-bg2{background-image: url('/ContentOuterSite/images/babycard/pink-card-bg2.jpg');}
.card-style2.pink-card-bg2 .bott-text p,
.card-style2.pink-card-bg2 .nhosp,
.card-style2.pink-card-bg2 .bname{color: #ae5f75;}
.card-style2.pink-card-bg2 .twh .weight-label p,
.card-style2.pink-card-bg2 .bhdate,
.card-style2.pink-card-bg2 .bhrs,
.card-style2.pink-card-bg2 .dob{color: #b0794a;}
.card-style2.pink-card-bg2 .twh { border-color: #c6576f; }

/*Card5 */

#card5 .blue-line-card-bg{background-image: url('/ContentOuterSite/images/babycard/green-card-bg.jpg');}
#card5 .box-style .card_inn_box{background-color: #eeeae9;}
#card5  .box-style .card_inn_box:before {border-color:#92c8ca;}
#card5 .bname span{color: #d89a81 !important; }
#card5 .dob, #card5 .bhdate,#card5 .bott-text p {color: #717171;}
#card5 .bhrs,#card5 .bhrs:before{background-color: #d89a81;}

/*Card6 */

#card6 .blue-line-card-bg{background-image: url('/ContentOuterSite/images/babycard/blue-card-bg.jpg');}
#card6 .box-style .card_inn_box{background-color: #fff;}
#card6  .box-style .card_inn_box:before {border-color:#99cff1;}
#card6 .bname span{color: #4683a2 !important; }
#card6 .dob, #card5 .bhdate,#card5 .bott-text p {color: #6f6f6f;}
#card6 .bhrs,#card6 .bhrs:before{background-color: #4683a2;}
 
 /*Card7 */
 #card7 .blue-card-bg2{background-image: url('/ContentOuterSite/images/babycard/pinkdark-card-bg.jpg');}
#card7 .baby-pic img{border-color:#f4797b;}
#card7 .bname span{color: #f4797b !important; }
#card7 .card-style2 .nhosp, #card7 .card-style2 .bott-text p{ color:#f4797b;}
#card7 .card-style2 .bhdate,#card7 .card-style2 .dob,
#card7 .card-style2 .twh .weight-label p,
#card7 .card-style2 .bhrs,
#card7 .card-style2 p.bhospital{color: #646665;}



 /*card8 */
 
#card8 .pink-card-bg2{background-image: url('/ContentOuterSite/images/babycard/yellow-card-bg.jpg');}
#card8 .baby-pic img{border-color:#f4c158;}
#card8 .bname span{color: #f4c158 !important; }
#card8 .card-style2 .bhdate,#card8 .card-style2 .dob,
#card8 .card-style2 .twh .weight-label p,
#card8 .card-style2 .bhrs,
#card8 .card-style2 .bott-text p{ color:#00969f;}
#card8 .card-style2 .nhosp, #card8 .card-style2 .bott-text p{ color:#6f6f6f;}
#card8 .card-style2 p.bhospital{color: #00969f;}

/* change */
.weight-label p span.wn:first-letter {
	font-size: 140%;
}
.weight-label  p span.wn{
	display:inline-block;
}
/* function */

.babycard_opt{
	margin-top: 5px;
}
#mobile-thumb .owl-theme .owl-nav {margin-top: 10px;}
#mobile-thumb .owl-theme .owl-nav button{background: url(/ContentOuterSite/images/babycard/arrow-white.png) no-repeat; background-size: 10px 35px;
width: 18px; height: 46px; right: 0; position: absolute; top: 41%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-color: #4e769b; background-position: center center;}

#mobile-thumb button:hover,
#mobile-thumb button:focus,
#mobile-thumb button:active,
#mobile-thumb .owl-theme .owl-nav button:hover{background-color: transparent; box-shadow: none; outline: none;
background: url(/ContentOuterSite/images/babycard/slider-arrow-hov.png) no-repeat; background-color: #344b60; background-position: center center;background-size: 10px 35px;}

#mobile-thumb .owl-theme .owl-nav button.owl-next, #mobile-thumb button.owl-next
{left: 0; transform: translateY(-50%) rotate(180deg);}
#mobile-thumb   button span{visibility: hidden;}

#mobile-thumb .owl-theme .owl-nav button.owl-next {
    right: inherit;
	left: 0;
}
 
#card1 .bname span{color: #00a0c5 !important; }
#card2 .bname span{color: #d15e8d !important; }
#card3 .bname span{color: #9bae4e !important; }
#card4 .bname span{color: #ae5f75 !important; }
.gallery-list  li.active .prod-block .imagebox:before{
	 transform: scale(1);
 }
.gallery-list  li.active .prod-block  .clickhere span{
	bottom: 0px;
}
.babycard_opt_active_row.tab-content{
	margin-bottom: 40px;
}
.fbabyimageBlock,.cardPriceBl .err_msg{
	display:none;
}
.cardPriceBl.error .err_msg{
	display: block;
	color: red;
	line-height: 1.5em;
	padding: 5px 10px;
}
#babyCardForm .error label.error{
	display:none !important;
} 

/* change */
.weight-label p span.wn,.weight-label p span.un,
.card-style2  .nhosp .bzodiac,
.card-style2 .bhrs .bhourvalue{
	font-size:120%;
}



/* vertical slider */
@media screen and (min-width:861px) {
.babycard_opt_row a { margin-top: 10px; }
.babycard_opt{ margin-bottom: 0;}
.babycard_opt figure img{max-height: 280px;}
.babycard_opt figure {
	max-width: 206px;
	margin-right: 16px;
}
.more-products-nav {
  display: block;
  width: 100%;
  height: auto;
  z-index: 9;
}
.more-products-nav h3 {
  color: #3d3d3d;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: rem(22px);
  line-height: rem(30px);
  letter-spacing: 6.6px;
  margin-bottom: 34px;
  text-align: center;
}
.more-products-nav .vs-slides {
  position: relative;
}
.more-products-nav .vs-slides .vs-slides-inner {
  height: 870px;
  overflow: hidden;
}
.more-products-nav .vs-slides .vs-slides-inner .vs-products-outer {
  height: 100%;
  position: relative;
}
.more-products-nav .vs-products {
  height: 100%;
  width: 100%;
}
.more-products-nav .vs-products a.vs-product {
  display: block;
  height: 33.33333%; 
 /*  height: 100%; */
  width: 100%;
}
.more-products-nav .vs-products a.vs-product:hover {
  background-color: rgba(172, 172, 172, 0.1);
}
.more-products-nav .vs-products a.vs-product .vs-image {
  width: 33.33333%;
  float: left;
  height: 100%;
  position: relative;
}
.more-products-nav .vs-products a.vs-product .vs-image img {
  padding: 19px 10px;
  max-height: 100%;
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.more-products-nav .vs-products a.vs-product .vs-title {
  width: 66.66667%;
  position: relative;
  float: right;
  height: 100%;
}
.more-products-nav .vs-products a.vs-product .vs-title h4 {
  color: #3d3d3d;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: rem(22px);
  line-height: rem(30px);
  letter-spacing: 0;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
}
.more-products-nav .vs-controls .vs-control {
  width: 100%;
  height: 28px;
  position: absolute;
  text-align: center;
  z-index: 10;
  cursor: pointer;
}
.more-products-nav .vs-controls .vs-control i {
 
  background-repeat: no-repeat;
  height: 100%;
  width: 71px;
  display: block;
  margin: 0 auto;
}
.more-products-nav .vs-controls .vs-control.up {
  bottom: 100%;
  padding: 12px 0 0 0;
}
.more-products-nav .vs-controls .vs-control.up i {
	background-image:url('/ContentOuterSite/images/babycard/arrow-white.png');
background-color: #4e769b;
background-position: center center;
  position: relative;
/*   background-position: 0 -402px; */
  bottom: 23px;
  transform: rotate(-90deg);
  height: 70px;
	width: 22px;
	background-size: 10px 45px;
	border-radius: 3px;
  -webkit-transition: bottom 0.2s ease 0s;
  -moz-transition: bottom 0.2s ease 0s;
  -o-transition: bottom 0.2s ease 0s;
  transition: bottom 0.2s ease 0s;

}
.more-products-nav .vs-controls .vs-control.up:hover i {
  bottom: 25px;
}
.more-products-nav .vs-controls .vs-control.down {
  top: 100%;
  padding: 0 0 12px 0;
}
.more-products-nav .vs-controls .vs-control.down i {
background-image:url('/ContentOuterSite/images/babycard/arrow-white.png');
background-color: #4e769b;
background-position: center center;
  position: relative;
 /*  background-position: 0 -386px; */
  top: -25px;
  border-radius: 3px;
  -webkit-transition: top 0.2s ease 0s;
  -moz-transition: top 0.2s ease 0s;
  -o-transition: top 0.2s ease 0s;
  transition: top 0.2s ease 0s;
  transform: rotate(90deg);
  height: 70px;
	width: 22px;
	background-size: 10px 45px;
}
.more-products-nav .vs-controls .vs-control.down:hover i {
  top: -23px;
}
.more-products-nav .vs-controls .vs-control.deactivate {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  cursor: default;
}
.more-products-nav .vs-controls .vs-control.deactivate.up:hover i {
  bottom: 23px;
}
.more-products-nav .vs-controls .vs-control.deactivate.down:hover i {
  top: -25px;
}
}
/*-------------------------------------------*\
   Responsive CSS
\*-------------------------------------------*/

@media screen and (min-width: 768px) {
    .thumbnail-col{order: 2; -webkit-order: 2; -ms-order: 2;}
}

@media screen and (max-width: 860px) {
    
}

@media screen and (max-width: 767px) {
}