body {background: url("http://www.topmommyblogs.com/images/bg-image.png") repeat scroll 0 0 #523815;color: #523815;font-family: "omnes-pro",sans-serif;font-weight: normal;line-height: 105%;margin: 0 0 !important;text-decoration: none}
p {line-height: normal}
ul {list-style: outside;margin:1em 0;padding: 0 0 0 40px}
li {line-height: 110%;margin: 0 0 5px}
.last {margin-bottom: 0} /* removes bottom margin in social icon lists */
.lowercase {text-transform: lowercase}
.orange {color: #FCA326;font-family:"Stint Ultra Expanded","jubilat",Georgia,serif;text-transform:uppercase; font-size:1.1em}
.headdiv {background: transparent !important;box-shadow: none !important;margin-top: -20px !important;}
.leaderboard, .logo {padding:0 !important}
.logo {margin-top: -20px}
.cicon {padding: 0 0 0 30px !important}
.subboard img {height: 100%;width:100%}

/* Divs */
.doodle {background: url("http://www.topmommyblogs.com/images/template/doodlediv.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);height: 15px;width: 100%;margin-bottom: 20px;}
.scribble {background: url("http://www.topmommyblogs.com/images/template/scribblediv.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);height: 10px;width: 100%;margin-bottom: 20px;}
.divheadings {margin:0 0 -35px 20px; padding: 0 5px; background-color: white}
.leaderboard, .cicon {padding:0 !important}
.subboard {margin: 5px 0 0 -5px; padding: 5px 0 0 0 !important}
.cicon img {margin-right: -45px;}

/* Columns */
.col-md-4a {width: 15%;float: left;min-height: 1px;position: relative;margin: 0 5px 0 10px}
.col-md-4 {width: 28%; padding:0 5px 0 20px}
.col-md-8 {width: 55%}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {line-height: 120%}

/* Mobile Views*/
.slicknav_menu {display:none}

/* Vertical tablets */
@media screen {
.well img, img {max-height: 100%;max-width: 100%}
}

@media screen and (min-width: 601px) and (max-width: 800px) {
.container {width: 768px} .col-md-8 {width: 54%} .col-md-4 {width: 29%;position: relative} .col-md-4a {width: 15%;position: relative} 
}

/* horizontal tablets */
@media screen and (min-width:992px) and (max-width: 1024px)  {
.container{width:100%} .tm-sidebar {margin-top: 0} .col-md-4 {margin-left: 15px;width: 27%} .tvtips {width: 163px;margin-left: -10px} #featnav li a {font-size: 65% !important;margin:5px 2px;padding: 4px 5px} #flist img {max-width: 95% !important} .social-icons {margin-left: 0 !important}
}

/* Phones & Small Screens */
@media screen and (max-width: 768px) {
/* #menu is the original menu */
.js #menu, .banner.col-md-3, .cardstat, .cardstatp, #mobilehide, .mobilehide {display:none} .js .slicknav_menu {display:block} #mvib .tvips {width: 124px !important} .col-md-8 {width: 100%} .col-md-4 {width: 100%} .panel-default {border-color: #ddd;} .tvips {max-width: 95px} #navigation h2, #user_cp_content h2 {font-size: 1.2em !important} .fab-mantra {margin-left: 0 !important} label[for=senders_name], label[for=senders_email], label[for=senders_message]{font-size:80%} .sssmall img {width: 25% !important;clear: both} .sssmall {margin:10px 0} #vote_message, #vote_message_fail {margin:15px 0 !important;left:1% !important;top:0 !important} h3.panel-title {font-size: 70% !important;line-height: 1.5em} .panel-body {font-size:80% !important} .col-md-4 {overflow:hidden} .panel-info {width: 46% !important}
}

@media screen and (min-width: 601px) and (max-width: 800px) {
#mobilemhide, .col-md-4a {display: none} .well img {height: 100%;width: 100%;}.col-md-4 {width: 33%}
}

@media screen and (min-width: 601px) and (max-width: 800px) {.tm-sidebar {margin-top: 0;}
}

@media screen and (min-width: 0px) and (max-width: 400px) {
#mobileshow { display: block; color: #fff} .ptitle {display:none} #mvib img {max-width: 90%} #socialicons .icon {width: 15%;height: 15%;margin: 0 1px 8px 0} /* show it on small screens */
}

@media screen and (min-width: 769px){
  #mobileshow,  #mobileshow2 { display: none; }   /* hide it elsewhere */ 
}

media="screen" ul, ul.category_menu {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}

 /* Headings */
h1 {color: #523815;font-family: "HandSlabRegular",Stint Ultra Expanded, "jubilat",Georgia,serif;font-size: 26px !important;font-weight: normal;line-height: 1.3em;margin-bottom: 2px;text-transform: uppercase}
h1 img {line-height: 1em}
h2 {color: #523815;font-family: "HandSlabRegular","Stint Ultra Expanded","jubilat",Georgia,serif;font-size: 24px;line-height: 1.2em; margin-bottom: 8px;text-transform: capitalize}
h3 {color: #523815;font-family: "HandSlabRegular","Stint Ultra Expanded","jubilat",Georgia,serif;font-size: 18px;line-height: 1.2em;margin-bottom: 2px;text-transform: capitalize}
h4  {color: #F16991;font-family: "HandSlabRegular","Stint Ultra Expanded",sans-serif;font-size: 12pt;font-weight: normal}
#join h4 {color: #F16991;font-family: "HandSlabRegular","Stint Ultra Expanded",sans-serif;font-size: 10pt;font-weight: normal;margin-bottom:0;text-transform: uppercase}
h2 .bistro {font-family: bistro-script-web,cursive;font-size: 40px !important;text-transform: lowercase}
h2 .hellenic {font-family: hellenic-wide;font-size: 135%}
#navigation h2, #user_cp_content h2 {font-size: 2em}
.pink {color: #f16991; font-size: 1.2em !important}
h3.heading {background: url("http://www.topmommyblogs.com/images/template/doodlediv.png") repeat-x scroll 0 20px rgba(0, 0, 0, 0);border-color: -moz-use-text-color -moz-use-text-color #e5e5e5;border-style: none none solid;border-width: 0 0 0;color: #fca427;display: block;font-family: "HandSlabRegular", Georgia,serif;font-size: 24px;line-height: inherit;margin: 25px 0;padding: 0 0 10px;text-transform: lowercase;width: 291px}

 /* Image styles */
.sharesy {background: white;border-radius: 5px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);display: block;overflow: hidden;padding: 10px;}

 /* Link Styles */
a {color: #523815;text-decoration: none;}
a:hover, a:focus {color: #FCA326;text-decoration: none}

 /* Alert Styles */
.alert-success {background-color: #F3EDE4;border-color: #F3EDE4;color: #523815}
h1.user_cp_upload_error {font-size: 1.1em !important;text-transform: uppercase;color: #f16991;font-weight: bold}

 /* Gateway Page */
.image-container {position:relative;overflow: hidden; display: inline-block;}
.image-container img {max-width: 100%; height: auto;display: block}
.image-container a {position:absolute;color: #fff;width: 100%;height: 100%;top: 0;left: 0;padding: 0;z-index:2;opacity:0;position:absolute;color: #fff;width: 100%;height: 100%;top: 0;left: 0;padding: 0;text-align:center;font-size:25em; -webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;z-index:1}
.image-container:hover a {opacity:1}
.image-container .popup i {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);color: #f96c88} 
.container2 {margin-top: 0 !important;border-radius: 8px}

 /* OIO Banners */
#oio-banner-2, #oio-banner-1, #oio-banner-3, #oio-banner-4, #oio-banner-5, #oio-banner-6 {padding: 0 !important;list-style: none;}
#oio-banner-1 .oio-slot, #oio-banner-2 .oio-slot, #oio-banner-3 .oio-slot, #oio-banner-4 .oio-slot, #oio-banner-5 .oio-slot, #oio-banner-6 .oio-slot  {padding-bottom: 0 !important;}

#oio-banner-1 {padding-top: 10px !important; }
#oio-banner-2 {height: 90px}
#oio-banner-4  .oio-slot {padding-bottom: 10px !important}


/* Profile Styles */
.littlelink {margin-top: 0;border-top: 1px solid #d3d3d4;display: inline-block;padding: .75em 12px 0 12px}
.lightbg1 {text-align: center}
.profiled {font-size: 110% !important; margin: 20px 0 !important}
.rss-items {background: #fff;border: 0 solid #c5c5c5;padding: 0;margin-top: -10px;}
.rss-items li {border:none;border-bottom: 1px dashed #ddd; padding: 0 0 5px 0;margin-bottom: 10px}
.rss-items li a {color: #f96080;font-family: "HandSlabRegular";font-size: .85em;line-height: 150%;text-transform: uppercase}
.social-bar {line-height: 150% !important}
.social-bar img {vertical-align: middle}
.social-icons {margin: 37px 0 0 -30px;position: absolute;width: 50px}
.social-icons .fa {width: 50px;height: 50px;line-height: 50px;text-align: center;color: #FFF;color: rgba(255, 255, 255, 0.8);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
.social-icons .fa {font-size: 1.8em}
.social-icons.icon-flat .fa{border-radius: 0}
.social-icons.icon-zoom .fa:hover, .social-icons .icon-zoom .fa:active {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1)}
.social-icons .fa-facebook {background-color:#3c599f}
.social-icons .fa-twitter {background-color:#1dcaff}
.social-icons .fa-google-plus {background-color:#dd4b39}
.social-icons .fa-pinterest {background-color:#CC2127}
.nav-tabs > li > a {padding: 10px !important}
.atop img {border-radius:50%; box-shadow: inset 0 0 0 10px #e7d9c7, 0 1px 2px rgba(0,0,0,0.1) !important;position: relative;padding: 10px;display:block;margin-left: auto;margin-right: auto}
.pbtitle {color: #F96080;font-family: "HandSlabRegular";font-size: 1.3em;line-height: 150%;text-transform: uppercase}
.pb {line-height:170%;}
.fab-name {font-size: 1.8em;line-height: 0.6em}
.fab-url {font-size: 1.2em}
.fab-name {margin-top: -15px}
.fab-mantra {margin-left: 155px;padding: 1px 1px 1px 1px}
li.fab-mantra > blockquote {padding: 0 5px; margin:0}
.fab-year {color: #949494; margin-bottom: 10px}
div#disqus_thread {margin-top: -15px}
.sharethis {clear: both;background: url("http://www.topmommyblogs.com/images/nav_sprite.png") repeat scroll -110px -155px rgba(0, 0, 0, 0);margin:10px 0 -20px 30px;height: 28px;width: 125px}
.fa-stack-1x, .fa-stack-2x {left: 0px;width: 100%;text-align: center;position: absolute;}
div#premiumtable {background: #fff;margin: -48% 0 0 0;z-index: 100;position: absolute;width: 95%;height: 300px}
div#pull {margin-top: -260px;z-index: 100;position: relative}

 /* Premium Card Styles */
.panel-primary .panel-heading, .panel-primary .panel-heading a {color: #FCA326;border-color: #ddd; font-size: 19px}
.premcup {background: rgba(0, 0, 0, 0) url("http://www.topmommyblogs.com/images/nav_sprite.png") repeat scroll -321px -118px;height: 35px;width: 34px}
.premcup2 {background: transparent url("http://www.topmommyblogs.com/images/nav_sprite.png") repeat scroll -321px -118px;height: 35px;width: 34px;position: absolute}
.cardstatp {font-weight:bold}

 /* Card Styles */
.col-md-3 {padding: 0 !important}
div.desc, div.desc-pr, div.desc-prof {border: 1px dashed #EBDBD3;border-radius: 6px;color: #7E5721;line-height: 1.2em;margin: 5px 0 5px -1px;min-height: 40px;padding: 8px 2px 5px 9px}
div.descp {min-height: 78px}
div.desc-prof  {font-size: 100%; margin:10px 3px 10px 6px}
.img-responsive {background-color: #FFFFFF;border-radius: 8px;box-shadow: 0 1px 5px #999999;margin: 10px 10px 10px 0;padding: 5px;min-width:135px;min-height:135px}
.panel-default {border-color: #fff}
.panel-default>.panel-heading, h3.panel-heading {border: 0;color: #523815;font-size:15px;padding: 5px 1px 10px 2px; margin-top:0;text-decoration: none;text-shadow: -1px 1px 1px #F9F8F5;background: url("/images/template/scribblediv.png") repeat-x scroll bottom rgba(0, 0, 0, 0)}
#sortnav {clear:left;height: 45px;list-style: outside none none;margin: 0;padding: 0;width: 100%}
#sortnav li {float: left}
.btn-group.open {text-align: left}
.deats {min-width: 94%;margin-left: -2px}
.badge {background-color: #F3EDE4; color:#523815}
.banner img {height: 125px;width: 125px;}

/* Featured */
.feat-img {background: url("http://www.topmommyblogs.com/images/nav_sprite.png") repeat scroll -817px -91px rgba(0, 0, 0, 0);height: 37px;width: 165px}
#featnav {clear:left;height: 37px;list-style: outside none none;margin: 0;padding: 0;width: 100%}
#featnav li {float: left}
#featnav li a {background-color: #f96080;color: #523815;display: block;font-family: "HandSlabRegular";font-size: 12px;margin: 5px;padding: 4px 7px;text-decoration: none}
#featnav li a:hover {background-color: #fca427}
#flist .screen2 {display: inline-block;text-align:center;width: 33%}
#flist img {max-width: 90% !important}
#mvib .tvips {width: 128px}
#mobileshow .screen2 {width: 50%}
div#mvib {display: -webkit-inline-box}
.panel-primary {border: 2px dashed #FCA326}

.ptitle {font-family:"HandSlabRegular";font-size: 10px;text-align: center;}
#tfbuttons {text-align: right}
.tvips {clear: both;background: url("http://www.topmommyblogs.com/images/nav_sprite.png") repeat scroll -117px -156px rgba(0, 0, 0, 0);height: 50px;width: 176px}
.tmembs {clear: both;background: url("http://www.topmommyblogs.com/images/nav_sprite.png") repeat scroll -290px -158px rgba(0, 0, 0, 0);height: 50px;width: 170px}
.tvips img, .tmembs img {background: #F3EDE4 !important}

 /* Table Colors */
.tan {background: none no-repeat scroll left top #F3EDE4;border-radius: 0 6px 6px;color: #7e5721;font-size: 95%;line-height: 1.2em;margin:0 0 10px 15px;min-height: 40px;padding: 8px 2px 5px 9px;width: 95%}
.tan2 {background: none no-repeat scroll left top #F3EDE4 !important;border-radius: 6px 0 6px 6px;line-height: 1.2em;margin: 10px 0;padding: 10px 10px 0 10px}
.tantab {background: #F3EDE4;border-radius: 6px;margin: 20px 0 -15px 45%;padding: 1px 3px 0 10px}
 /* .tan img {background-color: #ffffff;border-radius: 0 !important;margin: 0 10px 0 0;padding: 5px} */
.grey {background-color: #E9E9E4;margin-bottom:0}

 /* Screen Shot */
.screenshot img, .newmembers img, .screen1 img, .rankshot, .topref img {background-color: #ffffff;border-radius: 8px;box-shadow: 0 1px 3px #ccc;margin: 10px 0;padding: 5px}
.newmembers img, .topref img {border-radius:0}
.proscreen img {padding: 10px; width: 600px;border-radius: 0}
.sssmall img {padding:5px !important}
.proscreen2 img {padding: 5px; width: 50%;border-radius: 0;display:block;margin-left: auto;margin-right: auto;}
.rankshot {width: 90%}

 /* Navbar Override */
.navbar {background-image: none !important;border-bottom: none !important;box-shadow: none !important}

 /* Sidebar Headers*/
.pages_head {background: url(/images/nav_sprite.png) repeat scroll -665px 0;margin:40px 0 10px 0;text-indent: -9999px;height: 25px;width: 125px}
.referrer_head {background: url(/images/nav_sprite.png) repeat scroll -790px 0;margin:40px 0 10px 0;text-indent: -9999px;height: 28px;width: 190px}
.category_head {background: url(/images/nav_sprite.png) repeat scroll -663px -55px;margin:20px 0 10px 0;text-indent: -9999px;height: 28px;width: 158px}
.newmember_head {background: url(/images/nav_sprite.png) repeat scroll -815px -28px;margin:20px 0 10px 0;text-indent: -9999px;height: 27px;width: 160px}
.rankby_head {background: url(/images/nav_sprite.png) repeat scroll -820px -55px;margin:20px 0 10px 0;text-indent: -9999px;height: 30px;width: 160px}
.sponsor_head {background: url(/images/nav_sprite.png) repeat scroll -606px -131px;height: 37px;text-indent: -9999px;margin-bottom: 0 !important;margin-top: 0 !important;width: 131px}
.twitter_head {background: url(/images/nav_sprite.png) repeat scroll -742px -131px;height: 37px;width: 131px;margin-bottom: 0 !important;margin-top: 20px !important;text-indent: -9999px}
.forum_head {background: url(/images/nav_sprite.png) repeat scroll -876px -131px;height: 37px;width: 131px;margin-bottom: 0 !important;margin-top: 0 !important;text-indent: -9999px}
.memberm_head {background: url(/images/nav_sprite.png) repeat scroll -663px -28px;height: 32px;width: 150px;margin-bottom: 0 !important;margin-top: 10px !important;text-indent: -9999px}

 /* Sidebar Body*/
.blogadsbody, .loungebody {background: none repeat scroll 0 0 #fff;border-radius: 6px;padding: 10px 5px 5px 7px;width: 180px;word-wrap: break-word;margin-bottom: 10px;border: 5px solid #F3EDE4}
.twitter-timeline {
    height: 425px !important;
}
.twitterbody {background: none repeat scroll 0 0 #F3EDE4;border-radius: 6px;margin: 0 0 40px;padding: 5px 0 5px 0;width: 180px}
iframe[id^='twitter-widget-']{ width:170px !important;min-width: 100px !important;word-wrap: break-word;font-size:80% !important;}
.well {background-color: #fff !important;border: 0px solid #e3e3e3 !important;border-radius: 4px !important;box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset !important;margin-bottom: 20px !important;min-height: 20px !important;padding: 0 !important}
#morenms a {background: url("http://www.topmommyblogs.com/images/nav_sprite.png") repeat scroll -230px -214px rgba(0, 0, 0, 0);float:right;height: 15px;width: 78px;overflow:hidden;text-indent:-9999px;white-space:nowrap;display:block}
#moretrs a {background: url("http://www.topmommyblogs.com/images/nav_sprite.png") repeat scroll -230px -229px rgba(0, 0, 0, 0);float:right;height: 15px;width: 78px;overflow:hidden;text-indent:-9999px;white-space:nowrap;display:block}
/* TMB Widget Overide */
#ssitop li img {width: 25px !important;height: 25px !important}

 /* Sidebar Top Ref & New Members Widget*/
.wcircle {background: #fff;padding: 12px 10px;margin: 0 0 0 10px;border-radius: 50%}
.tan3 {background: #F3EDE4;border: 10px solid #fff;font-size: 110%;line-height: 1.2em;line-height: 30px;padding: 15px 0;text-align: center;margin: 0 10px 5px 10px}
.newmembers img, .topref img {border-radius: 0;border: 5px solid #fff;margin: 5px 10px -5px 10px;width: 93.5%;box-shadow: none}
ul.topref, ul.newmembers {list-style: none;margin: 0;padding: 5px 0;background: #F3EDE4;border-radius: 4px}

.wcircle {
    background: #fff;
    padding: 9px 10px;
    margin: -16% 0 0 0;
    border-radius: 50%;
    position: absolute;
    border: 5px solid #e7d9c7;
    left: 45%;
}

 /* Sidebar Menus */
ul.category_menu li {padding: 0 !important} 
.category_menu, .menu-1 {line-height: 110%; margin: 0;padding: 0 !important;text-align: left}
.category_menu ul, .menu-1 ul {list-style: outside none none;padding-bottom: 10px}
.menu-1 ul {width: 50%;display: inline;list-style: outside none none}
.category_menu li, .menu-1 li {line-height: 130%;padding: 0 !important;width: 50%;display: inline}

.menu-1 li {float:left}
.category_menu li a {background: url(http://www.topmommyblogs.com/images/nav_sprite.png) no-repeat scroll -1008px 6px rgba(0, 0, 0, 0);color: #523815;font-weight: normal;padding: 0 5px 0 12px;text-decoration: none;font-size: 97%;text-overflow: ellipsis;white-space: nowrap;}
.category_menu li a:hover {background: url(http://www.topmommyblogs.com/images/nav_sprite.png) no-repeat scroll -1008px -11px rgba(0, 0, 0, 0);color: #f16991;text-decoration: none}
.menu-1 li a {background: url(http://www.topmommyblogs.com/images/nav_sprite.png) no-repeat scroll -1001px 6px rgba(0, 0, 0, 0);color: #523815;font-weight: normal;padding: 0 0 0 19px;text-decoration: none}
.menu-1 li a:hover {background: url(http://www.topmommyblogs.com/images/nav_sprite.png) no-repeat scroll -1001px -11px rgba(0, 0, 0, 0);color: #f16991;text-decoration: none}
.user_cp_main_menu_jstats {background: url("http://www.topmommyblogs.com/images/icons/stats.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.user_cp_main_menu_jprofile {background: url("http://www.topmommyblogs.com/images/icons/profile.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.user_cp_main_menu_jadd {background: url("http://www.topmommyblogs.com/images/icons/add.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.user_cp_main_menu_jedit {background: url("http://www.topmommyblogs.com/images/icons/edit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.user_cp_main_menu_jcode {background: url("http://www.topmommyblogs.com/images/icons/code.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.user_cp_main_menu_jimage2 {background: url("http://www.topmommyblogs.com/images/icons/image2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.user_cp_main_menu_jvib {background: url("http://www.topmommyblogs.com/images/icons/cart.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.user_cp_main_menu_jupbanner {background: url("http://www.topmommyblogs.com/images/icons/upload.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.user_cp_main_menu_jupvibbanner {background: url("http://www.topmommyblogs.com/images/icons/vib_star.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.user_cp_main_menu_jrefresh {background: url("http://www.topmommyblogs.com/images/icons/refresh.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.user_cp_main_menu_jlogout {background: url("http://www.topmommyblogs.com/images/icons/unlocked.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)}
.nav > li > a {display: block;margin: 5px 0 0;padding: 0 0 2px 22px;position: relative}
.menu-1 > li > a {display:inline; margin:0}

 /* Lounge Latest CSS */
#content {margin: 0;padding: 5px 0 0}
#content .feed_item {border-bottom: 1px dashed #CCCCCC;margin: 0 0 7px;padding: 0 0 7px}
#container {font-family: "Helvetica Neue",Roboto,"Segoe UI",Calibri,sans-serif;font-size: 12px;
    line-height: 16px; text-decoration: none;color: #523815;background:#E4D4C0;height: 335px;margin: 0;overflow: hidden;padding: 0;width: 170px;}
#content .feed_item_title a:link {color: #000;font-size: 12px;font-weight: bold;text-decoration: none;text-transform:capitalize;padding: 0 0 0 3px; margin: 2px 0}
#content .feed_item_description {font-family: 12px/16px "Helvetica Neue",Roboto,"Segoe UI",Calibri,sans-serif;    font-size: 12px;
    line-height: 16px; color: #523815;margin: 0 0 0 3px;padding: 0 0 0 3px}

 /* Start Top Menu Nav */
ul#awesome-menu {width: 100%; margin: 0;list-style: none;padding: 0}
ul#awesome-menu li {display: inline}	
ul#awesome-menu li a {display: block; float: left; height: 54px;background-image: url(/images/nav_sprite.png); text-indent: -9999px}
ul#awesome-menu li a.home {width: 46px; background-position: 0 0}
ul#awesome-menu li a.pages {width: 46px; background-position: -48px 0}
ul#awesome-menu li a.categories {width: 66px; background-position: -102px 0}
ul#awesome-menu li a.join {width: 30px; background-position: -174px 0}
ul#awesome-menu li a.members {width: 61px; background-position: -210px 0}
ul#awesome-menu li a.bwanteds {width: 108px; background-position: -66px -188px}
ul#awesome-menu li a.vib_menu {width: 60px; background-position: 0 -188px}
ul#awesome-menu li a.community {width: 72px; background-position: -280px 0}
ul#awesome-menu li a.help {width: 34px; background-position: -358px 0}
ul#awesome-menu li a.about {width: 42px; background-position: -401px 0}
ul#awesome-menu li a.advertise {width: 73px; background-position: -450px 0}
ul#awesome-menu li a.tmbsocial {height: 30px; margin-left: 5px; width: 101px; background-position: -528px -62px}
ul#awesome-menu li a.facebook {width: 32px; background-position: -528px 0; height: 30px; margin: 1px 0 0 3px}
ul#awesome-menu li a.twitter {width: 30px; background-position: -562px 0; height: 30px; margin: 1px 0 0 0}
ul#awesome-menu li a.googleplus {width: 33px; background-position: -592px 0; height: 30px;margin: 1px 0 0 0}
ul#awesome-menu li a.home:hover, ul#awesome-menu li a.home:focus {background-position: 0 -55px}
ul#awesome-menu li a.pages:hover, ul#awesome-menu li a.pages:focus {background-position: -48px -55px}
ul#awesome-menu li a.categories:hover, ul#awesome-menu li a.categories:focus {background-position: -102px -55px}
ul#awesome-menu li a.join:hover, ul#awesome-menu li a.join:focus {background-position: -174px -55px}
ul#awesome-menu li a.members:hover, ul#awesome-menu li a.members:focus {background-position: -210px -55px}
ul#awesome-menu li a.vib_menu:hover, ul#awesome-menu li a.vib_menu:focus {background-position: 0 -243px}
ul#awesome-menu li a.bwanteds:hover, ul#awesome-menu li a.bwanted:focus {background-position: -66px -243px}
ul#awesome-menu li a.community:hover, ul#awesome-menu li a.community:focus {background-position: -280px -55px}
ul#awesome-menu li a.help:hover, ul#awesome-menu li a.help:focus {background-position: -358px -55px}
ul#awesome-menu li a.about:hover, ul#awesome-menu li a.about:focus {background-position: -401px -55px}
ul#awesome-menu li a.advertise:hover, ul#awesome-menu li a.advertise:focus {background-position: -450px -55px}
ul#awesome-menu li a.facebook:hover, ul#awesome-menu li a.facebook:focus {background-position: -528px -32px}
ul#awesome-menu li a.twitter:hover, ul#awesome-menu li a.twitter:focus {background-position: -562px -32px}
ul#awesome-menu li a.googleplus:hover, ul#awesome-menu li a.googleplus:focus {background-position: -592px -32px}
a { outline: none; }

 /* Custom Field Icons Profiles*/
ul#cfp {width: 100%; margin: 0;list-style: none;padding: 0}
ul#cfp li {display: inline}	
ul#cfi li a {display: block; float: left; height: 54px;background-image: url(/images/nav_sprite.png); text-indent: -9999px}
ul#cfi li a.ctwitter {width: 16px; background-position: -240px -146px}
ul#cfi li a.ctwitter:hover, ul#cfi li a.ctwitter:focus {opacity: 0.3}

 /* Custom Field Icons Cards*/
ul#ccfp {margin:0 0 2px -15px;width: 100%; list-style: none;padding: 0}
ul#ccfp li {display: inline}	

 /* Search Box */
img.searchtab {background: url("http://www.topmommyblogs.com/images/nav_sprite.png") repeat scroll -251px -113px rgba(0, 0, 0, 0);height: 21px;margin: 0 0 -11px 0;width: 68px}
#searchnav {float: left;height: 23px;list-style: outside none none;margin: 0;padding: 0;width: 110%}
#searchnav li {float: left}
#searchnav li a {background-color: #e7d9c7;color: #523815;display: block;font-family: "HandSlabRegular";font-size: 8px;letter-spacing: 0.1em;margin: 0 1px;padding: 2px 3px 1px;text-decoration: none;text-transform: uppercase}
.selector { (;property: value;); }
#searchnav li a:hover {background-color: #fca427;color: #523815}
.searchbacklarge {background: none repeat scroll 0 0 #f96080;border-radius: 0 8px 8px 8px;width: 100%;margin: 8px 10px 10px 1px;padding: 8px 50px 8px 8px;}
.headsearch {background-color: #fff;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #523815;font-size: 12px;height: 28px;font-family:"Stint Ultra Expanded";padding: 5px;width: 80%}
.hsbtn {background-image:none !important; background-color: #523815 !important; border-color: #523815 !important;height: 28px !important;padding: 2px 4px !important;}
.form-control:focus {border:1px solid #ccc;box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset, 0 0 0 rgba(102, 175, 233, 0.6);outline: 0 none;}

 /* Search Page/Results */
.hide {display:none}
.panel-info > .panel-heading {background-color: #fff;border-color: #fff;padding: 5px 10px !important}
h3.panel-title {color:#523815 !important; font-weight: bold;font-size: 0.9em;text-transform: uppercase;}
.panel-info {display: inline-block;margin: 10px 5px;vertical-align: top;width: 47%;border-radius: 0}
.panel-info:hover {box-shadow: 0 0 22px rgba(0, 0, 0, 0.2)}
.panel-body {padding:15px 10px}
.rankshots img {width: 110%;border-radius: 0px !important;height: 110%;margin: 5px 0 0 0}
.overlap img {border-radius: 50%;border: 2px white solid !important;margin: -40% 0 0 10px;width: 75px;height: 75px;background-color: #fff}
span.fabcakeicon {float: right;margin-bottom: -20%;position: relative;background: #FCA326;border-radius: 50%;padding: 5px 5px 5px 8px;border: 3px solid white;box-shadow: 0 1px 5px #999999}
#states .statecol {display: inline-block;center;width: 32%}
#states .stateface::before {font-size: 1.5em !important;vertical-align: bottom}

.ribbon {width: 37%;line-height: 30px;position: relative;margin: 0 0 0 33%;text-align: center;background: #F3EDE4}
.ribbon:before, .ribbon:after {content: '';position: absolute;display: block;bottom: 0;border: 1.5em solid #F3EDE4;z-index: 2}
.ribbon:before {left: -2em;border-right-width: 1.5em;border-left-color: transparent;font-size: 10px}
.ribbon:after {right: -2em;border-left-width: 1.5em;border-right-color: transparent;font-size: 10px;z-index: 1}
.ribbon .ribbon-content:before {left:0;border-width:1em 0 0 1em}
.ribbon .ribbon-content:after {right:0;border-width:1em 1em 0 0}

 /* old Form Style
input {background: none repeat scroll 0 0 #523815;border: 0 solid #781351;color: #f96280;vertical-align: middle} */
/* Join Form */
input[type="radio"], input[type="checkbox"] {margin: 2px 0px 0px}
/* Join Form - FAB options */
label[for=acf_pr_options], label[for=acf_pr_contact], label[for=acf_mantra], label[for=acf_first_name], label[for=acf_year]
{font-size:100%;color:#F96080; font-weight: bold !important}
/* Join Form - Social Network options */
label[for=acf_twitter], label[for=acf_facebook], label[for=acf_google_plus], label[for=acf_instagram], label[for=acf_pinterest], label[for=acf_stumble] {color:#FCA427}
/* Contact Form */
label[for=senders_name], label[for=senders_email], label[for=senders_message]
{font-size:100%;font-weight: bold;text-transform:uppercase;font-family: "Stint Ultra Expanded","jubilat",Georgia,serif; margin:10px 0 15px 0}
.contactinputtext, .contactinputtextarea {background-color: #f96080;border: 1px solid #f96080;border-radius: 4px;color: #523815;height: 33px;font-family: "Stint Ultra Expanded";padding: 5px;width: 100%;text-transform:uppercase}
.contactinputtextarea {height: 200px}
#mailbox {background: url(/images/nav_sprite.png) repeat scroll -456px -129px;height: 47px;margin-left: 60%;width: 144px}
.button1 {background-color: #523815;text-transform:uppercase;border: 1px solid #523815;border-radius: 4px;color: #f96080;font-family: "Stint Ultra Expanded";padding: 5px;    margin: 15px 0 0 50%;}
label[for=join_question] {padding-top: 20px}
.form-control3 {
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

/* Member Area */
.price {border: 1px dashed green !important;margin: 0 10px 20px 0!important}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0}
fieldset {margin: 20px 0}

/* Member Area Floating Menu*/
.floating-menu {
    border-radius: 0 0 6px;
    background: #fff;
    border: 5px solid #F3EDE4;
    width: 150px;
    z-index: 100;
    position: fixed;
    top: 60%;
    right: 0;
    padding: 5px;
}

.floating-menu a, 
.floating-menu h3 {
font-size: 0.9em;
display: block;
margin: 0 0.5em;
color: #7e5721;
}

 /* Contact form overides Topic Submission & Nomination */
#contact-area {background: url("http://www.topmommyblogs.com/images/stories/topic-submit-form-bg.gif") no-repeat scroll 0 0 transparent;height: 300px;margin-left: 0;width: 600px}
#contact-area-nom {background: url("http://www.topmommyblogs.com/images/stories/nominate-form-bg.gif") no-repeat scroll 0 0 transparent;height: 300px;margin-left: 0;width: 600px}
#contact-area input, #contact-area textarea, #contact-area-nom input, #contact-area-nom textarea {background: none repeat scroll 0 0 transparent;border: medium none;color: #523815;font-family: "museo slab",sans-serif;font-size: 1.4em;margin: 12px 0 0 80px;padding: 5px;width: 300px}
#contact-area label, #contact-area-nom label {color: #FFFFFF;float: left;margin-right: 15px;text-align: right;width: 120px;font-size: 4px}
#contact-area input.submit-button, #contact-area-nom input.submit-button {background: url("http://www.topmommyblogs.com/images/compute.png") no-repeat scroll 0 0 transparent;clear: both;color: transparent;height: 45px;margin: 70px 10px -124px -165px;width: 150px}

 /* Vote Confirmation */
#vote_message {background: rgba(0, 0, 0, 0) url("/images/template/voted-conf-background.png") no-repeat scroll 0 0}
#vote_message_fail {background: rgba(0, 0, 0, 0) url("/images/template/voted-conf-backgroundn.png") no-repeat scroll 0 0}
#vote_message, #vote_message_fail {height:200px;padding: 75px 10px 5px 30px;position: absolute;right: 150px;top: 5px;border: medium none;width:325px;z-index:1}
#vote_message img, #vote_message_fail img {margin-left: 30px}
.alert-close {
	background: #523815;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4),inset 0 -1px 2px rgba(255,255,255,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4),inset 0 -1px 2px rgba(255,255,255,0.25);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4),inset 0 -1px 2px rgba(255,255,255,0.25);
	    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    height: 24px;
    line-height: 23px;
    position: absolute;
    right: 34px;
    text-align: center;
    top: 40px;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	width: 24px;
}

 /* Main Wrapper Top & Header */
.head {background: none repeat scroll 0 0 #fff;border-radius: 9px 9px 0 0;display: block;margin-left: auto;margin-right: auto;margin-top: -30px;padding-top: 30px;max-width:1170px}
.container {background: none repeat scroll 0 0 #fff;box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);display: block;margin-top: -15px;padding-top: 20px}

 /* Fonts */
@font-face {
font-family: 'HandSlabRegular';
src: url('./fonts/webfontkit-handslab-regular/handslab-regular-webfont.eot');
src: url('./fonts/webfontkit-handslab-regular/handslab-regular-webfont.eot?#iefix') format('embedded-opentype'),url('./fonts/webfontkit-handslab-regular/handslab-regular-webfont.woff') format('woff'),url('./fonts/webfontkit-handslab-regular/handslab-regular-webfont.ttf') format('truetype'), url('./webfontkit-handslab-regular/handslab-regular-webfont.svg#HandSlabRegular') format('svg');font-weight: normal;font-style: normal}

@font-face {
     font-family: 'StateFaceRegular';
     src: url('http://www.topmommyblogs.com/fonts/stateface-regular-webfont.eot');
     src: url('http://www.topmommyblogs.com/fonts/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('http://www.topmommyblogs.com/fonts/stateface-regular-webfont.woff') format('woff'),
          url('http://www.topmommyblogs.com/fonts/stateface-regular-webfont.ttf') format('truetype'),
          url('http://www.topmommyblogs.com/fonts/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
     font-weight: normal;
     font-style: normal}
.stateface::before {
    font-family: StateFaceRegular;
    margin-right: 5px;
}
.stateface-replace {
    display: inline-block;
    min-width: 1em;
    position: relative;
    text-indent: -999em;
}
.stateface-replace::before {
    left: 0;
    position: absolute;
    text-indent: 0;
    top: 0;
}

.stateface-ak::before {content: "A";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-al::before {content: "B";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ar::before {content: "C";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-az::before {content: "D";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ca::before {content: "E";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-co::before {content: "F";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ct::before {content: "G";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-dc::before {content: "y";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-de::before {content: "H";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-fl::before {content: "I";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ga::before {content: "J";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-hi::before {content: "K";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ia::before {content: "L";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-id::before {content: "M";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-il::before {content: "N";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-in::before {content: "O";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ks::before {content: "P";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ky::before {content: "Q";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-la::before {content: "R";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ma::before {content: "S";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-md::before {content: "T";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-me::before {content: "U";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-mi::before {content: "V";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-mn::before {content: "W";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-mo::before {content: "X";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ms::before {content: "Y";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-mt::before {content: "Z";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-nc::before {content: "a";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-nd::before {content: "b";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ne::before {content: "c";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-nh::before {content: "d";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-nj::before {content: "e";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-nm::before {content: "f";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-nv::before {content: "g";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ny::before {content: "h";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-oh::before {content: "i";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ok::before {content: "j";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-or::before {content: "k";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-pa::before {content: "l";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ri::before {content: "m";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-sc::before {content: "n";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-sd::before {content: "o";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-tn::before {content: "p";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-tx::before {content: "q";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-us::before {content: "z";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-ut::before {content: "r";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-va::before {content: "s";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-vt::before {content: "t";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-wa::before {content: "u";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-wi::before {content: "v";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-wv::before {content: "w";color: #FCA326;font-size: 2em;vertical-align: bottom}
.stateface-wy::before {content: "x";color: #FCA326;font-size: 2em;vertical-align: bottom}

 /* Back To Top */
#top {text-align: right}
.top {clear: both;background: url("http://www.topmommyblogs.com/images/nav_sprite.png") repeat scroll 0 -150px rgba(0, 0, 0, 0);height: 30px;width: 115px}

 /* Blogatron */
.calculator_table {
  background: url(http://www.topmommyblogs.com/images/tmb_blogatron_bg.png) no-repeat;
  font-family: "HandSlabRegular","Stint Ultra Expanded",sans-serif;
  font-size: 22px;
  color: #fff;
  line-height: 34px;
  padding: 118px 25px 10px 280px;
  text-align: center;
  height: 620px;  width: 590px;
  overflow: hidden;text-transform:lowercase}

.calcq a {color:#F16991;size:80%}

/* Theme Gallery */
#socialicons .iconbutton {background: #fca427;display: inline-block;color: white;font-size: 18px;width: 100%;height: 15%;line-height: 45px;text-align: center;vertical-align: middle;margin: 0 2px 8px 0;}
#socialicons .iconbutton:hover{background: #f96080}
.littlelinkg {margin-top: 0;border-top: 1px solid #d3d3d4}
.littlelinkg ul {padding: 0 0 0 15px}
.gallery img {box-shadow: 0 1px 3px #ccc;padding: 5px;}

.edheart {color:#f96080;font-size:150%;float: right;margin-bottom: -100px;position: relative;height: 100px;padding-top: 10px}

#socialiconsg {
    text-align: center;
}
#socialiconsg .icong{
    color: #F3EDE4;
    border: 1px solid #CFCFCF;
    display: inline-block;
    font-size: 16px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    margin: 0 1px 8px;
    -webkit-border-radius: 17px; 
    -moz-border-radius: 17px; 
    border-radius: 17px; 
}
#socialiconsg .icong:hover{
    color: #fca427;
    border: 1px solid #CFCFCF;
}

/* Footer */
#footer .bottom-open {clear:both}
#footer .bottom-close {background: url("http://www.topmommyblogs.com/skins/bootstrap/bbback.png") repeat scroll 0 0 rgba(0, 0, 0, 0);font: 1.1em/1em "HandSlabRegular","jubilat",Georgia,serif;margin: 0;padding: 20px 0 15px;text-align: center;text-transform: uppercase}

.fpink {background: #f96080;font-family:"Stint Ultra Expanded","jubilat",Georgia,serif;text-transform:uppercase; font-size:1em;padding:10px 0 10px 16%}
.fpink h3 {font-size:30px}
.tan4 {background: #e7d9c7;border: 10px solid #fff;font-size: 110%;line-height: 1.2em;line-height: 30px;padding: 15px 0 20px 0;text-align: center;margin: 10px 10px}
.tan4 p {border: 5px solid #fff;padding: 10px 0;margin: 10px 20% 0 20%;background: #FCA326}
.tan4 p:hover {background: #fff}
.flip-vertical {-moz-transform: scaleY(-1);-webkit-transform: scaleY(-1);-o-transform: scaleY(-1);transform: scaleY(-1);-ms-filter: flipv; /*IE*/filter: flipv}


/* Footer Columns */
#footercon {margin-top: -15px}
#navigation h4, legend, #col1 h4, #col1 h4 a:link, #col1 h4 a:visited, #col2 h4, #col2 h4 a:link, #col2 h4 a:visited, #col3 h4 a:link, #col3 h4 a:visited, #col4 h4, #col5 h4, #col6 h4, #col7 h4 {border-bottom: none; color: #523815; margin-bottom: 8px;text-transform: uppercase;font-size: 12px !important;font-family: "HandSlabRegular"!important;}
ul.cl-effect-1 {list-style: none;margin-top: 15px; padding: 0}
.menu-2 > li > a, .menu-3 > li > a, .menu-4 > li > a, .menu-5 > li > a, .menu-6 > li > a {background: rgba(0,0,0,0) !important;padding: 0 !important}

#col2 .form-control {width: 115%}
img.nws {width: 150px;height: 36px;background: url(http://www.topmommyblogs.com/images/nav_sprite.png) -522px -91px;float: left}
img.wsl {width: 150px;height: 36px;margin-right: 690px;background: url(http://www.topmommyblogs.com/images/nav_sprite.png) -668px -91px;float: right}
#con7 {clear:left;width:100%;overflow:hidden;padding:10px 0 20px 9%;background:#e7d9c7}
#con6 {clear:left;float:left;width:100%;position:relative;right:15%;background:#e7d9c7}
#con5 {clear:left;float:left;width:100%;position:relative;right:15%;background:#e7d9c7}
#con4 {clear:left;float:left;width:100%;position:relative;right:15%;background:#e7d9c7}
#con3 {clear:left;float:left;width:100%;position:relative;right:15%;background:#e7d9c7}
#con2 {clear:left;float:left;width:100%;position:relative;right:15%;background:#e7d9c7}
#con1 {float:left;width:100%;position:relative;right:15%;background:#e7d9c7}
#col1 {font-size:.85em;float:left;text-align:left;width:14%;position:relative;left:91%;overflow:hidden}
#col2 {font-size:.85em;float:left;text-align:left;width:26%;position:relative;left:90%;overflow:hidden}
#col3 {font-size:.85em;float:left;text-align:left;width:16%;position:relative;left:89%;overflow:hidden}
#col4 {font-size:.85em;float:left;text-align:left;width:14%;position:relative;left:91%;overflow:hidden}
#col5 {font-size:.85em;float:left;text-align:left;width:14%;position:relative;left:88%;overflow:hidden}
#col6 {font-size:.85em;float:left;text-align:left;width:14%;position:relative;left:89%;overflow:hidden}
#col7 {font-size:.85em;float:left;text-align:left;width:14%;position:relative;left:88%;overflow:hidden}

.botorange {text-align: center;padding: 5px}
.copy {font-family: "HandSlabRegular";font-size: 10px;padding: 4px; width:100%}
#socialiconsb {text-align: left}
.topsocial {margin: 10px 0}
#socialicons {text-align: center}
#socialicons .icon{background: #f96080;display: inline-block;color: white;font-size: 24px;width: 15%;height: 15%;line-height: 45px;text-align: center;vertical-align: middle;margin: 0 2px 8px 0;}
#socialiconsb .icon:hover{background: #fca427}
#socialiconsb .icon{background: #f96080;display: inline-block;color: white;font-size: 24px;width: 38px;height: 38px;line-height: 38px;text-align: center;vertical-align: middle;margin: 0 2px 8px 0;}
#socialicons .icon:hover{background: #fca427}

.slide-wrapper {padding-bottom: 30px;}
.cr-container {
box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);
width:97%;
height:400px;
border:10px solid #fff;
position:relative;
z-index:100;
margin: 0 0 1px 10px;
}

.cr-content-wrapper {width:100%;height:100%;overflow:hidden}
.cr-content-container {display:none;position:absolute;width:100%;height:100%;top:0;left:0;display:none;overflow:hidden}
.cr-img {position:absolute;top:0;left:0;width:100%;z-index:1;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.7);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.7);box-shadow:1px 1px 2px rgba(0,0,0,0.7)}
.cr-content {position:relative;z-index:10;margin:20px;height:360px;text-align:left}
.white a {color:#fff}
.cr-content h3 {color:#fff;margin-top:140px;text-shadow: 2px 2px 0 #000,
 -1px -1px 0 #000, 
 1px -1px 0 #000,
 -1px 1px 0 #000,
 1px 1px 0 #000;}

.cr-content h2 {background: rgba(255,255,255,0.8);padding: 10px;}
.cr-content h2, .cr-content h2 a {font-size: 30px;text-transform:uppercase;width:35%;text-align:center;line-height: 50px; color: #000}
.cr-content-headline {}



.cr-content h3 span {
background:#000;
padding:3px 2px;
font-style:italic;
font-family:Georgia, serif;
letter-spacing:3px;
font-size:12px
}

.cr-more-link {
text-transform:uppercase;
color:#000!important;
font-size:11px!important;
padding:0 5px;
text-shadow:.1em .1em .2em #FFF
}

.cr-more-link:hover {text-shadow:1px -1px 1px rgba(0,0,0,0.5);color:#fff}

.cr-content-text {
color:#000;
background:rgba(255, 255, 255, 0.5) url(http://www.topmommyblogs.com/images/slides/bg_content.png) repeat top left;
font-size:14px;
font-family:Georgia;
font-style:italic;
line-height:18px;
position:relative;
display:none;
z-index:999;
clear:both
}

.cr-content-text a {color:#000}
.cr-content-text p {margin-top:5px;padding:2px 10px}

.cr-thumbs {
position:absolute;
left:10px;
height:110px;
width:97%;
bottom:-30px;
margin: 0 0 0 15px;
z-index:20;
overflow:hidden
}

.cr-thumbs div {
float:left;
/* Set to absolute each 150px*/
cursor:pointer;
position:relative;
display:none;
    width: 85px;
    height: 95px;
    overflow: hidden}

.cr-thumbs img {
border-radius:8px;
display:block;
height:60px;
margin:16px 5px 6px 0;
border:4px solid #fff;
width:80px;
-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.25);
-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.25);
box-shadow:1px 1px 1px rgba(0,0,0,0.25)}

.cr-thumbs h4 {
position:absolute;
left:5px;
bottom:15px;
font-weight:700;
font-size:9px;
line-height:14px;
text-shadow:0 1px 1px #000;
color:#fff}

.cr-thumbs div:hover h4 {bottom:15px}

.cr-thumbs div.cr-selected {
border-color:#523815;
background:transparent url(http://www.topmommyblogs.com/images/slides/triangle.png) no-repeat 50% 8px}

.cr-thumbs div.cr-selected img {border-color:#523815}

.cr-nav span {
position:absolute;
z-index:50;
text-indent:-9000px;
cursor:pointer;
width:35px;
height:35px;
margin-bottom:-17px;
left:-20px;
background:transparent url(http://www.topmommyblogs.com/images/slides/nav.png) no-repeat top left
}

.cr-nav span.cr-nav-next {
background-position:bottom left;
right:-20px;
left:auto
}

.cr-nav span.cr-nav-prev:hover,.cr-nav span.cr-nav-next:hover {
bottom:34px
}

.cr-hide,.cr-show {
border-radius:0 0 15px 15px / 15px;
position:absolute;
z-index:50;
left:50%;
margin-left:-25px;
bottom:-25px;
background:#000 url(http://www.topmommyblogs.com/images/slides/hide.png) no-repeat top center;
cursor:pointer;
width:60px;
height:15px
}

.cr-show {background-position:bottom center}

 /* Circles */

.ch-grid {
margin:20px 0 0;
padding:0;
list-style:none;
display:block;
text-align:center;
width:100%}

.ch-grid:after,.ch-item:before {content:''/* display: table; */}

.ch-grid:after {clear:both}

.ch-grid li {
width:150px;
height:150px;
display:inline-block;
margin:10px}

.ch-item {
width:100%;
height:100%;
border-radius:50%;
position:relative;
cursor:default;
box-shadow:inset 0 0 0 10px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out}

.ch-img-1 {background-image:url(http://www.topmommyblogs.com/images/circles/1.jpg)}
.ch-img-2 {background-image:url(http://www.topmommyblogs.com/images/circles/2.jpg)}
.ch-img-3 {background-image:url(http://www.topmommyblogs.com/images/circles/3.jpg)}
.ch-img-4 {background-image:url(/images/circles/4.jpg)}
.ch-img-5 {background-image:url(http://www.topmommyblogs.com/images/circles/5.jpg)}
.ch-img-6 {background-image:url(http://www.topmommyblogs.com/images/circles/6.jpg)}

.ch-info {
position:absolute;
background:rgba(82,56,21,0.8);
width:inherit;
height:inherit;
border-radius:50%;
opacity:0;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-o-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-backface-visibility:hidden}

.ch-info h3 {
color:#FFF;
font-family:'Open Sans',Arial,sans-serif;
font-size:18px;
height:80px;
letter-spacing:2px;
margin:0 20px;
padding:10px 0 0;
text-shadow:0 0 1px #FFFFFF, 0 1px 2px rgba(0,0,0,0.3);
text-transform:uppercase}

.ch-info p {
border-top:1px solid rgba(255,255,255,0.5);
color:#FFF;
font-size:12px;
font-style:italic;
margin:0 15px;
opacity:0;
padding:8px 3px;
transition:all 1s ease-in-out .4s}

.ch-info p a {
color:rgba(255,255,255,0.7);
display:block;
font-family:'Open Sans',Arial,sans-serif;
font-size:9px;
font-style:normal;
font-weight:700;
letter-spacing:1px;
padding-top:2px;
text-transform:uppercase}

.ch-info p a:hover {color:#fff222;color:rgba(255,242,34,0.8)}

.ch-item:hover {box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1)}

.ch-item:hover .ch-info {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1}

.ch-item:hover .ch-info p {opacity:1}

/*FAQ'S*/
/*Reset*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {display: block}
body {line-height: 1}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none}
table {border-collapse: collapse;border-spacing: 0}

.cd-faq-items ol {padding:0 0 0 20px}
.cd-faq-items ol li {line-height:1.5}

.cd-faq-items ul, .cd-faq-categories li {padding: 0;list-style: none}
@media only screen and (min-width: 1024px) {
  header {
    height: 240px;
    line-height: 240px;
  }
  header h1 {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 300;
  }
}

.cd-faq {
  max-width: 1024px;
  margin: 2em auto;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.cd-faq:after {
  content: "";
  display: table;
  clear: both;
}
  ul.cd-faq-categories {padding: 0}
@media only screen and (min-width: 768px) {
  .cd-faq {
    margin: 1em auto;
    box-shadow: none;
  }
}
.cd-faq-categories a {position: relative;display: block;overflow: hidden;height: 50px;line-height: 50px;padding: 0 28px 0 16px;background-color: #523815;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #ffffff;white-space: nowrap;border-bottom: 1px solid #555b61;text-overflow: ellipsis}
.cd-faq-categories a::before, .cd-faq-categories a::after {position: absolute;top: 50%;right: 16px;display: inline-block;height: 1px;width: 10px;background-color: #7f868e}

.cd-faq-categories a::after {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg)}
.cd-faq-categories li:last-child a {border-bottom: none}

@media only screen and (min-width: 768px) {
.cd-faq-categories {width: 20%;float: left}
  .cd-faq-categories a {font-size: 13px;font-size: 1rem;font-weight: 600;padding-left: 24px;padding: 0 24px;-webkit-transition: background 0.2s, padding 0.2s;-moz-transition: background 0.2s, padding 0.2s;transition: background 0.2s, padding 0.2s}
  .cd-faq-categories a::before, .cd-faq-categories a::after {display: none}
  .no-touch .cd-faq-categories a:hover {background: #555b61}
  .no-js .cd-faq-categories {width: 100%;margin-bottom: 2em}
}

@media only screen and (min-width: 1024px) {
  .cd-faq-categories {display: none;position: absolute;top: 0;left: 0;width: 100%;z-index: 2}

  .cd-faq-categories a::before {
    /* decorative rectangle on the left visible for the selected item */
    display: block;
    top: 0;
    right: auto;
    left: 0;
    height: 100%;
    width: 3px;
    background-color: #a9c056;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s}

.cd-faq-categories .selected {background: #42464b !important}
.cd-faq-categories .selected::before {opacity: 1}
.cd-faq-categories.is-fixed {/* top and left value assigned in jQuery */position: fixed}
.no-js .cd-faq-categories {position: relative}
}

.cd-faq-items {
  position: fixed;
  height: 100%;
  width: 90%;
  top: 0;
  right: 0;
  background: #ffffff;
  padding: 0 5% 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(100%);
  -moz-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  -o-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-faq-items.slide-in {
  -webkit-transform: translateZ(0) translateX(0%);
  -moz-transform: translateZ(0) translateX(0%);
  -ms-transform: translateZ(0) translateX(0%);
  -o-transform: translateZ(0) translateX(0%);
  transform: translateZ(0) translateX(0%);
}
.no-js .cd-faq-items {
  position: static;
  height: auto;
  width: 100%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (min-width: 768px) {
  .cd-faq-items {position: static;height: auto;width: 78%;float: right;overflow: visible;-webkit-transform: translateZ(0) translateX(0);-moz-transform: translateZ(0) translateX(0);-ms-transform: translateZ(0) translateX(0);-o-transform: translateZ(0) translateX(0);transform: translateZ(0) translateX(0);padding: 0;background: transparent}
}

@media only screen and (min-width: 1024px) {
  .cd-faq-items {float: none;width: 100%}
  .no-js .cd-faq-items {padding-left: 0}
}

.cd-close-panel {
  position: fixed;
  top: 5px;
  right: -100%;
  display: block;
  height: 40px;
  width: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  transition: right 0.4s;
}
.cd-close-panel::before, .cd-close-panel::after {
  /* close icon in CSS */
  position: absolute;
  top: 16px;
  left: 12px;
  display: inline-block;
  height: 3px;
  width: 18px;
  background: #6c7d8e;
}
.cd-close-panel::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-close-panel::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-close-panel.move-left {right: 2%}

@media only screen and (min-width: 768px) {
  .cd-close-panel {display: none}
}

.cd-faq-group {/* hide group not selected */display: none}
.cd-faq-group.selected {display: block}
.cd-faq-group .cd-faq-title {background: transparent;box-shadow: none;margin: 1em 0}
.no-touch .cd-faq-group .cd-faq-title:hover {box-shadow: none}
.cd-faq-group .cd-faq-title h2 {text-transform: uppercase;font-size: 12px;font-size: 0.75rem;font-weight: 700;color: #bbbbc7}
.no-js .cd-faq-group {display: block}

@media only screen and (min-width: 768px) {
  .cd-faq-group {/* all groups visible */display: block}
  .cd-faq-group > li {background: #ffffff;margin-bottom: 6px;box-shadow: 0 3px 4px rgba(0, 0, 0, .09);-webkit-transition: box-shadow 0.2s;-moz-transition: box-shadow 0.2s;transition: box-shadow 0.2s}
  .no-touch .cd-faq-group > li:hover {box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3)}
  .cd-faq-group .cd-faq-title {margin: 2em 0 1em}
  .cd-faq-group:first-child .cd-faq-title {margin-top: 0}
}

.cd-faq-trigger {position: relative;display: block;margin: 1.6em 0 .4em;line-height: 1.2}

@media only screen and (min-width: 768px) {
  .cd-faq-trigger {font-size: 24px;font-size: 1.8rem;font-weight: 300;margin: 0;padding: 15px 10px 20px 24px;}
  .cd-faq-trigger::before, .cd-faq-trigger::after {/* arrow icon on the right */position: absolute;right: 24px;top: 50%;height: 2px;width: 13px;background: #cfdca0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s}
  .cd-faq-trigger::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);right: 32px}
  .cd-faq-trigger::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
  .content-visible .cd-faq-trigger::before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
  .content-visible .cd-faq-trigger::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
}


@media only screen and (min-width: 768px) {
  .cd-faq-content {
    display: none;
    padding: 0 24px 30px;
  }
  .cd-faq-content p {
    line-height: 1.6;
  }
  .no-js .cd-faq-content {
    display: block;
  }
}

/* Social Contact Boxes */
#contacticons {}
#contacticons .icon {background: #f96080;display: inline-block;color: white;font-size: 100%;width: 32%;height: 15%;line-height: 200%;text-align: left;vertical-align: middle;margin: 0 2px 8px 0;padding:1.33rem}
#contacticons .icon:hover{background: #fca427}


/* Pricing Table */

.bg-3 {color: #523815}
.pricing-section {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center}

.pricing {
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto 3em}

.pricing__item {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;
	text-align: center;
	-webkit-flex: 0 1 330px;
	flex: 0 1 330px}

.pricing__feature-list {text-align: left}
.pricing__action {color: inherit;border: none;background: none}
.pricing__action:focus {outline: none}

.pricing--jinpa .pricing__item {
	padding: 2em;
	cursor: default;
	color: #523815;
	border: 1px solid #e7d9c7;
	-webkit-transition: background-color 0.6s, color 0.3s;
	transition: background-color 0.6s, color 0.3s}

.pricing--jinpa .pricing__item:nth-child(2) {border-left: none}
.pricing--jinpa .pricing__item:hover {color: #444;background: #e7d9c7}
.pricing--jinpa .pricing__title {font-size: 2em;width: 100%;margin: 0;padding: 0}

.pricing--jinpa .pricing__price {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 95px;
	width: 100px;
	height: 100px;
	margin: 1.15em auto 1em;
	border-radius: 50%;
	background: #ea716e;
	-webkit-transition: color 0.3s, background 0.3s;
	transition: color 0.3s, background 0.3s}

.pricing--jinpa .pricing__item:first-child .pricing__price {background: #e7d9c7}
.pricing--jinpa .pricing__item:nth-child(2) .pricing__price {background: #fca427}
.pricing--jinpa .pricing__item:hover .pricing__price {color: #fff;background: #f16991}
.pricing--jinpa .pricing__sentence {font-weight: bold}

.pricing--jinpa .pricing__feature-list {
	margin: 0;
	padding: 1em 1em 2em 1em;
	list-style: none;
	text-align: center}

.pricing--jinpa .pricing__action {
	font-weight: bold;
	margin-top: auto;
	padding: 0.75em 2em;
	opacity: 0;
	color: #fff;
	background: #f16991;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0)}

.pricing--jinpa .pricing__item:hover .pricing__action {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)}

.pricing--jinpa .pricing__action:hover, .pricing--jinpa .pricing__action:focus {background: #fca427}

@media screen and (max-width: 60em) {
	.pricing--jinpa .pricing__item {
		max-width: none;
		width: 90%;
		flex: none;
	}
	.pricing--jinpa .pricing__item:nth-child(2) {
		border: 1px solid #fff;
	}
}

/* Swing */
.animated {-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {-webkit-transform-origin: bottom center;transform-origin: bottom center;-webkit-animation-name: swing;animation-name: swing}

.toooltip-content {
    position: absolute;
    line-height: 1.2;
    pointer-events: none;
    text-align: center;
    z-index: 100;
    opacity: 0;
    padding: 1.75em;
    font-size: 1.3em;
    bottom: 50%}


@import url(http://fonts.googleapis.com/css?family=Bangers);

.toooltip {
	position: relative;
	width: 210px;
font-family: 'Bangers', cursive;
}.tooooltip img {width:35%;height:35%}.tooooltip img{margin:10px 0}.tooooltip {width: 200px
}
.toooltip-effect-1 .toooltip-content {
width: 210px;
	left: 43%;
	margin: 0 0 20px 0;
	-webkit-transform: scale3d(0,0,1);
	transform: scale3d(0,0,1);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.toooltip-effect-2 .toooltip-content {
	width: 220px;
	left: 50%;
	margin: 0 0 40px -110px;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.toooltip-effect-1:hover .toooltip-content {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.toooltip-effect-2:hover .toooltip-content {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/* Shape */
.toooltip-shape {
	position: absolute;
	width: 220px;
	height: 165px;
	pointer-events: none;
}.toooltip-effect-1 .toooltip-shape {
    bottom: 5px;
    left: 35%;
    -webkit-transform: translate3d(0,-90%,0);
    transform: scale(-1,1);z-index:5
}


.cpicons {bottom: 70%;left: 55% !important}
.cpicons-shape {bottom: 85px !important;left: 45%!important}
.cpicons-shapes {bottom: 55px !important}

.toooltip-effect-2 .toooltip-shape {
	bottom: 100%;
	left: 50%;
	margin: 0 0 0 -110px;
}

.toooltip:hover .toooltip-shape {
	pointer-events: auto;
}

.toooltip-shape svg {
	stroke: #fca427;
	stroke-width: 2;
}

.toooltip-effect-1 .toooltip-shape svg path {
	fill: #fff;
	opacity: 0;
	-webkit-transform: scale3d(0,0,1);
	transform: scale3d(0,0,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.toooltip-effect-1:hover .toooltip-shape svg path {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.toooltip-effect-1:hover .toooltip-shape svg path#path2 {
	-webkit-transition-delay: 0.07s;
	transition-delay: 0.07s;
}

.toooltip-effect-1:hover .toooltip-shape svg path#path3 {
	-webkit-transition-delay: 0.14s;
	transition-delay: 0.14s;
}

.toooltip-effect-1:hover .toooltip-shape svg path#path4 {
	-webkit-transition-delay: 0.21s;
	transition-delay: 0.21s;
}

.toooltip-effect-2 .toooltip-shape svg polygon {
	fill: transparent;
	stroke-dasharray: 580;
	stroke-dashoffset: 580;
}

.toooltip-effect-2:hover .toooltip-shape svg polygon {
	stroke-dashoffset: 0;
	fill: #fff;
	-webkit-transition: stroke-dashoffset 0.8s, fill 0.8s;
	transition: stroke-dashoffset 0.8s, fill 0.8s;
}