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


/*Landscap Thumbnail*/
.babycard_opt_row { margin-bottom: 15px }
.babycard_opt { margin-bottom: 25px; }
.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{color: #565656;}
.blue-line-card-bg{background-image: url('/ContentOuterSite/images/babycard/blue-line-card-bg.jpg'); background-repeat: repeat;
 /*background-size: 100% 100%;*/  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;
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: 86px; line-height: 60px; color: #888888;}
.bhdate{font-family: 'Conv_FBYOGURT-BOLD'; font-size: 35px; color: #888888; margin: 11px 0 11px;}
.bhrs{font-family: 'Conv_FBYOGURT-BOLD'; font-size: 40px; 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: 20px; top: 190px; 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: 32px; line-height: 10px; }
.weight-label p span.wn::first-letter { font-size: 150%; }
.bott-text { margin: 18px 0 0; }
.bott-text p { font-family: 'Conv_FBYOGURT-BOLD'; font-size: 30px; color: #888888; line-height: 44px; }
.bott-text p span { font-size: 50px; }

.vector-icon{position: absolute;}
img.shirt.vector-icon {left: 50px; top: 40px; max-width: 92px;}
img.walker.vector-icon {left: 30px; bottom: 0px; max-width: 120px;}
img.hourse.vector-icon {right: 30px; top: 32px; max-width: 150px;}
img.vector5.vector-icon {right: 30px; top: 250px; max-width: 115px;}
img.bear.vector-icon {right: 40px; bottom: 40px; max-width: 115px}


/*Card Style 1 Pink*/
.pink-line-card-bg{background-image: url('/ContentOuterSite/images/babycard/pink-line-card-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 span:nth-child(2) {color: #d15e8d; }
.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: 267px}
.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:25px 45px;}
.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; right: 190px; max-width: 75px; }
img.vector8 { bottom: 0; right: -20px; max-width: 112px; }
.baby-pic { }
.baby-pic img { max-width: 340px; border-radius: 50%; border: solid 7px #8fa53b; }

.style2_cont { padding-top: 110px; max-width: 470px; }
.card-style2 .bname{color: #9bae4e; font-size: 10em; letter-spacing: -5px}
.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: 29px; }
.card-style2 .bhrs { background-color: transparent; color: #00969f; line-height: 28px; font-size: 34px; }
.card-style2 .nhosp { color: #90a63d; font-size: 32px; font-family: 'Conv_FBYOGURT-BOLD'; line-height: 24px; }
.card-style2 .bott-text p { font-size: 25px; color: #9bae4e; line-height: 31px; }
.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: 58px; 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;}

/*Card5 */

#card5 .blue-line-card-bg{background-image: url('/ContentOuterSite/images/babycard/green-card-bg-2.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-2.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-2.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-2.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 .bhospital{color: #00969f;}
#card8 .card-style2 .nhosp,#card8 .card-style2 .bott-text p{ color:#6f6f6f;}


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

/* function */
.babycard_opt{
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.owl-carousel .owl-item img{
	max-height: 144px;
}
#desktop-thumb .owl-theme .owl-nav, #mobile-thumb .owl-theme .owl-nav {margin-top: 10px;}
#desktop-thumb .owl-theme .owl-nav button,
#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;}

#desktop-thumb button:hover,
#desktop-thumb button:focus,
#desktop-thumb button:active,
#desktop-thumb .owl-theme .owl-nav button:hover,
#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;}

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

#desktop-thumb .owl-theme .owl-nav button.owl-next,
#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;
} 

/*-------------------------------------------*\
   Responsive CSS
\*-------------------------------------------*/

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

}

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