#banner{ width:100%; height:460px; position:relative;width:100%;max-width:1120px;margin:0 auto;background-size:cover;background-position:top center;margin-top:65px;}
#banner:before{ content:''; height:100%; width:100%; /*background:rgba(0, 0, 0, 0.55);*/ position:absolute; left:0; top:0;}
#banner img{ display:block;}
#banner .bannerTextBox{ width:100%; height:460px; width:100%;max-width:1120px;margin:0 auto;background-size:cover;background-position:top center;}

.mainSearchBox{ position:absolute; bottom:0; left:0; width:100%; padding:28px 0; text-align:center; background:rgba(41, 41, 41, 0.69);z-index:5;}
.searchHolder{ width:824px; display:inline-block;}
.mainSearchBox .container .searchHolder > div, .mainSearchBox .container .searchHolder > a{ float:left; margin:0 2px;}
.mainSearchBox .container .searchHolder > div{ text-align:left;font-size: 14px;}
.searchInputBox{ width:314px; height:46px; background:#fff;}
.searchInputBox input{ height:46px;padding:12px 17px; font-size:14px;color:rgba(155, 155, 155,1);}
.searchSelectBox{ width:176px; height:46px; background:rgba(244, 244, 244, 1); padding:0 28px 0 12px; cursor:pointer; position:relative;line-height: 46px;}
.custom-dd {display: none; position: absolute;width: 100%;left:0;top: 100%;background-color: #fff;box-shadow: 0 0 3px rgba(42,42,42,0.25);z-index: 22;height: 341px;overflow-y:hidden }
/*amish code*/
.custom-dd-value{font-size: 15px;font-weight: bold;}
 /*amish ends*/
.custom-dd.search-list {overflow-y:auto }
.searchSelectBox:hover .custom-dd.show{display: block;}
.custom-dd li {padding: 12px 15px;color: rgb(42,42,42);font-size: 15px;line-height: 23px;font-weight: bold; /*-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;*/}
.custom-dd li:last-child {padding-bottom: 24px;}
.custom-dd li.more-on-custom-dd {padding-bottom: 12px;}
.custom-dd li:hover {color: #52aab6;} 
li.more-on-custom-dd {color: rgb(179,177,177);font-size:18px;text-align: center;border-top: 1px solid rgb(204,214,221);position:absolute;bottom:-3px;background-color: #fff;z-index: 23;width: 100%;}
.searchHolder .btnStyle {padding: 0 40px;height: 46px;line-height: 46px;text-align: center;}
.searchSelectBox:after{  content: '';border-right: 4px solid rgba(0, 0, 0, 0);border-left: 4px solid rgba(0, 0, 0, 0);border-top: 5px solid rgba(155, 155, 155,1);position: absolute;right: 12px;top: 50%;margin-top: -2.5px;}
.mainSearchBox .container .searchHolder > a{ width:110px; height:46px; font-size:20px; font-weight:700; color:rgba(244, 244, 244,1); padding:0; line-height:46px; text-align:center;}
.searchSelectBox.city{ width:208px;}
.mobileNumberError{padding-top: 10px;}
/*-----------seek bar--------------*/

section.ageBar{padding: 10px 20px;padding-top: 40px; background: #f8f8f8; width:100%;max-width: 1120px;margin: 0 auto;}
.barLineBox{ position:relative;}
.barLine{ width:100%; border-radius:26px; background:rgba(230, 230, 230, 1); height:9px; margin-bottom:5px; position:relative;}
.barLine .ageblock{position: absolute; left: 0; top: 0;width: 50%;}
.barLine .ageblock .progressBar{width:100%; border-radius:26px; background:rgba(82, 170, 182, 1); height:9px; margin-bottom:5px; position:relative;}
.barLine .ageblock .progressBar span{background: #55aab6; position: absolute; right: 0; border-radius: 17px; border: 2px solid #fff; color: #fff; padding: 2px; top: -7px; font-size: 13px;right:-10px;}
.agehandel{ display: inline-block;width: auto;position: absolute; padding: 1px 9px;border-radius:3px; background:rgba(81, 110, 132, 1); font-size:11px; color:#fff;text-align:center;top: -38px;width: 80px;right: -35px;line-height:1.2}
.agehandel:before{content:''; border-right:4px solid rgba(0, 0, 0, 0); border-left:4px solid rgba(0, 0, 0, 0);border-top:4px solid rgba(81, 110, 132, 1); position:absolute; left:50%; margin-left:-2px; bottom:-4px;}
.barLabel{ position:relative;width:100%;height:20px;}
.barLabel li{ position:absolute; font-size:8.6px; color:rgba(127, 125, 128, 1); text-transform:uppercase;}
.barLabel li span{width:4px; height:4px; border-radius:50%; background:rgba(127, 125, 128, 1); float:left; margin:3px 3px 0 0;}
.barLabel li.first-milestone{left:10%}
.barLabel li.mid-milestone{left:50%}
.barLabel li.last-milestone{left:85%}
/*-------blog--------*/
.blogContainer{ width:360px; overflow:hidden; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);background: #fff;height:420px;}
.blogMainBox{ width:360px; height: 202px; position:relative;}
.blogMainBox img{ width:100%; height:initial; display:block;}
.blogMainBox h4{ position:absolute; left:9px; top:9px; color:#fff; font-weight:500;}
.blogBottom{ position:absolute; left:0; bottom:0; padding:9px; width:100%; background:rgba(0, 0, 0, 0.6);}
.blogBottom p{ color:#fff; font-size:14px;}
.blogBottom p.small,.blogBottom p a{ color:rgba(249, 249, 249, 1);}
.blogMainBox .premiumIcon{ color:#fff;}
/*-------ad box------*/
.adBox{width:100%; height:230px; background:#999;}
.adBox img{ display:block; height:100%; width:100%;}
.ad{ width:150px; height:150px; background:#F60; float:left;}
.vidoeBox{ width:100%; height:416px;}
.videoBoxLeft{ width:740px; height:416px;}
.videoBoxRight{ width:380px; height:416px; padding:25px 10px 15px 20px; background:rgba(248, 248, 248,1); box-shadow:inset 0 0 1px rgba(226, 226, 226,1);}
.videoLeftBtm p.main{ color:rgba(244, 244, 244, 1); font-weight:bold;}
.videoLeftBtm p.small{ color:rgba(239, 239, 239, 1);}
.videoLeftBtm .iconList li a{ color:rgba(157, 140, 134, 1); font-size:12px;}
.playBtn{ position:absolute; width:56px; height:56px; background:rgba(15, 36, 53, 0.5); top:50%; left:50%; margin:-50px 0 0 -28px; color:#fff; text-align:center; line-height:62px;}
.videoBoxRight h3{ margin:0; padding:0 0 15px 0;}
.videoThmb{ width:134px; height:75px; float:left;}
.videoThmb img{ width:100%; height:100%;}
.videoThbmRight{ padding-left:144px;}
.videoThbmRight h4{ font-size:12px;}
.videoThmb .playBtn{ width:35px; height:35px; line-height:35px;top:50%; left:50%; margin:-17.5px  0 0 -17.5px;}
.videoThmb .playBtn span{ margin:0 0 0 5px;}
.videoBoxRight:before{ content:''; position:absolute; border-top:26px solid rgba(0,0,0,0); border-bottom:26px solid rgba(0,0,0,0);border-right:28px solid rgba(248, 248, 248,1); top:50px; left:-27px;}
.moreVideoBox{ height:290px; overflow:auto;}
.videoLeftBtm{ position:absolute; background:rgba(0,0,0,0.69); padding:18px; left:0; bottom:0; width:100%;}
.videoLeftBtm h4{ color:#fff;}
.videoLeftBtm .iconList li{ padding-left:26px;}
/*=============================right side baar css===================================*/
/*---top---*/
.conRtop{ background:rgba(248, 248, 248,1); box-shadow:inset 0 0 1px rgba(226, 226, 226,1); border: 1px solid rgb(226, 226, 226)}
.feedFollow li{ float:left; width:50%;}
.feedFollow li a,.feedFollow li span{ font-size:14px; color:rgba(41, 41, 41, .4); background:rgba(239, 239, 239,1); display:block; text-align:center; height:42px; line-height:42px;font-family: museo-regular; cursor:pointer;}
.feedFollow li a:hover, .feedFollow li a.active,.feedFollow li span:hover, .feedFollow li span.active{ color:rgba(42, 42, 42, 1); box-shadow:0 3px 0 rgba(82, 170, 182,1) inset;background-color: rgb(255,255,255);}
.commentHolder{ display:table; width:100%;}
.commentHolder > div{ display:table-cell; vertical-align:middle;}
.commentHolder > div p{ padding:0 12px 0 0; color:rgba(42, 42, 42,1);font-size: 14px;text-transform: none; word-break: break-word;}
.commentHolder > div p span{ font-style:italic; color:rgba(43, 43, 43,0.8); font-size:14px;}
.cHolderLeft{ width:64px; padding:10px 0;}
.midiumPhotoBox{width:50px; height:50px; overflow:hidden; display:inline-block;}
.midiumPhotoBox img{ width:100%; height:100%; display:block;}
.commentHolder:nth-child(even){ background:rgba(239, 239, 239,1);}
.commentHolder > div:first-child{padding: 10px 10px 10px 15px; vertical-align: middle}
.commentHolder > div:nth-child(2){padding: 10px 0 10px 0;}
.commentHolder > div:not(.bg-image):last-child {padding: 10px 0}
.commentHolder > div.bg-image.livefeed.blog {display: table-cell; position:relative; min-width: 100px; min-height: 100px; height:100px;background-size: cover; background-repeat: no-repeat; margin-left:10px; background-position: center; background-color: #c9c9c9}
.one-feed a,.one-feed a:active,.one-feed a:visited{font-weight: bold; color: rgb(42, 42, 42);}
.commentHolder > div p span.link {font-weight: bold; color:rgb(42, 42, 42); font-style: initial;}

/*-----connectParents------*/
.connectParents{ padding:20px 0 0 0; background:rgba(248, 248, 248,1); box-shadow:inset 0 0 1px rgba(226, 226, 226,1);}
.connectParents h3{ padding:0 25px;}
/*.slideBox{ padding:0 25px 0 25px;}*/
.photoBox{width:70px; height:70px; position:absolute; left:0; top:0;}
.photoBox img{ display:block; height:100%; width:100%;}
.photoBoxRight{ width:100%; padding-left:80px;}
/*-------------featured box--------------*/
.featuredParents > div{ width:100%;}
.featureBox{ width:75px; height:75px; float:left; margin:10px 19px 10px 0;}
.featureBox:nth-child(4n+4){margin-right: 0;}
.featureBox img{ width:100%; height:100%; display:block;}
/*------board-----*/
.board{ background:rgba(248, 248, 248,1); box-shadow:inset 0 0 1px rgba(226, 226, 226,1);}
.boardListHolder{height:457px; overflow:auto;}
.board h3{ padding:0 0 15px 0;}
/*-------recomend---------*/
.recommendBox{background:rgba(248, 248, 248,1); box-shadow:inset 0 0 1px rgba(226, 226, 226,1)}
.topPhotoHolder{ padding:20px 15px 10px 15px; text-align:center;}
.topPhotoHolder img{ width:auto; max-width:100%; display:inline-block;}
.recommendView{ background:rgba(81, 110, 132,1);min-height: 280px}
.recommendView .iconList li {padding-right:35px;}
.recommendView p.small{ color:rgba(160, 174, 185,1)}
.recommendView p.small span{ color:rgba(244, 244, 244,1)}
.recommendView p.main{ color:rgba(160, 174, 185,0.69);}
.recommendView h4{ color:rgba(244, 244, 244,1); font-size:20px; font-weight:700; line-height:28px;}
.recommendBox .imgBoxBig{ left:20px; top:20px;}
.recommendView .iconList li a{ color:rgba(150, 168, 181,1)}
.recommendView:before{ content:''; position:absolute; border-right:26px solid rgba(0,0,0,0); border-left:26px solid rgba(0,0,0,0);border-bottom:28px solid rgba(81, 110, 132,1); top:-28px; left:50%; margin-left:-20px;}
.recommendView:after{ content:''; position:absolute; border-top:26px solid rgba(0,0,0,0); border-bottom:26px solid rgba(0,0,0,0);border-right:28px solid rgba(81, 110, 132,1); top:30px; left:-28px;display:none;}
/*======saposored======*/
.sponsored{ padding:20px 20px 50px 20px; text-align:center; width:100%; background:rgba(239, 239, 239,1)}
.sponsored img{ display:inline-block; margin:0 50px;}

div.notification_box {width: 360px;overflow: hidden; border-radius: 0 0 3px 3px; box-shadow: 0 5px 20px -7px rgba(42, 42, 42, 0.7);}
div.notification_box .list{max-height: 280px;overflow: hidden; margin-bottom: 3px;}
div.notification_box .anchor{padding: 10px 0; text-align: center; color: #fff; font-family: museo-regular; background: #55aab6; border: 2px solid #55aab6; border-radius: 3px; transition: all .2s ease-out;}
div.notification_box .anchor:hover{  color: #fff;}
div.notification_box .anchor:active{color: #55aab6;background: #fff;}
.headerRightDiv > ul li .notification_box a {}
.notification_box .icon-arrowright {margin-top: -13px;}
.notification_box .icon-arrowright:before {color: rgba(82,170,182,1);}
.headerRightDiv > ul li .commentHolder {padding-left: 0;}
.headerRightDiv > ul li .notification_box {background: rgb(249, 249, 249);border-top: 3px solid #52aab6;min-width: 360px; position: absolute;right: 0;top: 99%;display: none;}
.headerRightDiv > ul li .notification_box .list .one-event {padding:0 10px; background: rgb(239, 239, 239);}
.headerRightDiv > ul li .notification_box .list .one-event.new {background: rgb(249, 249, 249);}
.headerRightDiv > ul li .notification_box .list a {display: block; font-weight: 300; padding:0; border-bottom: 1px solid rgba(82,170,182,0.4);}
.headerRightDiv > ul li .notification_box .list a .commentHolder .cHolderLeft {padding-left: 5px}
.headerRightDiv > ul li .notification_box .list a .commentHolder > div p {padding: 0}

/*Agebar*/
.ageblock {transition: width 3s ease-out;-webkit-transition: width 3s ease-out;}
.agehandel{padding: 6px 4px;}
.progressBar .icon-1{}
.progressBar .icon-11,.progressBar .icon-3,.progressBar .icon-16,.progressBar .icon-7,.progressBar .icon-pregnancy{width: 15px;padding: 0 4px;}
.progressBar .icon-11{}
.barLabel li{color: #7f7d80;font-size: 12px;line-height: 14px;position: absolute;text-transform: uppercase;}
.agehandel {background: #516e84;border-radius: 3px;color: #fff;display: inline-block;font-size: 11px;line-height: 1.2;padding: 1px 9px;position: absolute;right: -40px;text-align: center;bottom: 23px;top: initial;}
.ageblock .step2.info span {position: absolute;top: -16px;color: #000;display: block;width: 100%;left: 0;font-size: 14px;}
.ageBar .agehandel {width: 90px;font-size: 14px;border: 1px solid #fff;padding: 6px 4px;text-transform:capitalize;cursor: pointer;}
.barLabel li.first-milestone {left: 0;}
.barLabel li.last-milestone {right: 0;left: initial;}
.barLabel li.last-milestone span.dot{float:right;margin-left: 5px;}