/*------------common css------------*/
html {-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,ul{margin:0; padding:0;}
ul{list-style:none;}
.clr{clear:both;}
img {max-width: 100%;border:none;}
.mrg_bot_5{margin-bottom:5px;}
.mrg_bot_10{margin-bottom:10px;}
.mrg_bot_15{margin-bottom:15px;}
.mrg_bot_20{margin-bottom:20px;}
.mrg_bot_25{margin-bottom:25px;}
.mrg_bot_30{margin-bottom:30px;}
.full-wrap{clear:both;padding:30px 0;}
.btn_height {height:17px; width: 100%;}
.border_none {margin: 0 !important;border: none !important;}
/*--------------End Common css------------------*/
.main-menu ul li:last-child{padding-right:0;}
.main-menu ul li {font-size: 16px;padding: 0 34px 0 18px;font-weight: 600;float: left;}
.main-menu li a {color: #fff;position: relative;text-transform: uppercase;}
.main-menu li:hover a::before {position: absolute;height: 3px;background: #fff;width: 100%;content: "";bottom:-14px;}
.main-menu li.active a::before {position: absolute;height: 4px;background: #fff;width: 100%;content: "";bottom:-15px;}
.section-menu .menu-link li {float: left;padding: 0 5px 0 6px;color: #fff;font-weight: 600;font-size: 16px;}
.section-menu .menu-link li a {color: #fff;}
.section-menu .menu-img li {float: left;padding: 0 10px 0 6px;color: #fff;font-weight: 600;}
.section-menu {background: #0D0D0E;padding: 10px 0;}
.section-menu .menu-img {float: right;margin-top: 4px;}
.section-menu .menu-img li .weAcceptCC {display: block;margin-top: 4px;}
.menu-link {display:inline-block; margin-top:5px;}
/*************************************/
header .logo {float: left;padding-top: 18px;}
header .logo img {width: 330px;}
.head_right span {font-size: 14px;display: block;}
.sec_info_head {text-align: center;float: right;margin-top: 30px;}
header .header_info .head_right {font-size: 35px;color: #fff;font-weight: bold;padding-top: 15px;}
header .header_info {float: left;width: 55%;margin-top: 5px;text-align: center;}
/********home pag*******/
.leather_jrl_cal .spiral-bound-heading {margin-top: 35px;}
.section_flat_rate {border: 2px dashed #914d03;color: #800000;display: inline-block;width: 100%;line-height: 60px;margin-top: 15px;}
.collection-wirebound .section_flat_rate {margin-bottom: 25px;}
.looseleaf-page .section_flat_rate {margin-bottom: 25px;}
.preference-collection .section_flat_rate {margin-bottom: 25px;}
.section_flat_rate li {float: left;font-size: 18px;padding-left: 88px;}
.leather_jrl_cal .spiral-bound-heading p {color: #656565;font-weight: 600;line-height: 24px;}
.container_wrap {padding: 35px 0 0;}
.leather_jrl_cal .container_wrap .l_col {background: #fff;padding: 18px;border: 3px solid #fff;overflow: hidden;height: 380px;text-align: center;margin-bottom: 25px;box-shadow: 0 2px 9px 5px #ccc;-moz-box-shadow: 0 2px 9px 5px #ccc;-webkit-box-shadow: 0 2px 9px 5px #ccc;}
.container_wrap .l_col_img.item {background: #ccc;padding: 5px;height: 100px;vertical-align: middle;display: table-cell;}
.container_wrap .col_gap.item {height: 90px;margin-top: 25px;}
.container_wrap .col_gap {height: 45px;width: 100%;color: #800000;font-weight: 600;}
.container_wrap .section-item .col_gap {color: #656565;}
.border_divider {height: 2px;width: 100%; background: #999;margin-bottom: 10px;border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;}
.pord-sction {padding: 30px 0 15px 0;background: #ccc;margin-bottom: 35px;}
.pord-sction .l_col {background: #fff;padding: 18px;border: 3px solid #fff;box-shadow: 0 2px 9px 5px #ccc;-moz-box-shadow: 0 2px 9px 5px #ccc;-webkit-box-shadow: 0 2px 9px 5px #ccc;overflow: hidden;height: 380px;text-align: center;margin-bottom: 15px;}
.pord-sction .col_gap {height: 70px;width: 100%;color: #800000;font-weight: 600;}
.pord-sction .l_col_img img {height: 180px;}
.pord-sction .col_gap p a {display: inline-block;margin-top: 15px;color: #880000;text-decoration: underline;}
.prod-text p strong {color: #880000;padding-top: 10px;display: block;}
.pord-sction .prod-text {clear: both;margin-top: -10px;}
.prod-text p {font-size: 16px;color: #000;}
.heading h1 {text-align: center;font-size: 25px;font-weight: 600;color: #222;margin-bottom: 30px;}
.heading h2 {text-align: center;font-size: 25px;font-weight: 600;color: #222;margin-bottom: 30px;}
.section-item .l_col {background: #fff;padding: 18px;border: 3px solid #fff;box-shadow: 0 2px 9px 5px #ccc;-moz-box-shadow: 0 2px 9px 5px #ccc;-webkit-box-shadow: 0 2px 9px 5px #ccc;overflow: hidden;height: 570px;text-align: center;margin-bottom: 30px;}
label {font-weight: normal;margin-bottom: 8px;color: #800000;text-align: left;}
.section-item .price {font-weight: 600;color: #880000;}
.section-item .form-text h5 {text-align: left;font-size: 16px;margin-top: 22px;color: #222;font-weight:600;}
.form-group.input_width_1 {margin-top: 15px;}
.section-item .item-size {font-weight: 600;}
.section-item h4 {font-size: 18px;margin-bottom: 10px;font-weight: 600;color: #800000;}
.section-item .section-box .l_col.box h4 {margin-top: 18px;}
.section-item .section-box .l_col h4 {margin-top: 18px;}
.section-item .col_gap {height: 175px;}
.section-item .l_col_img img {height: 150px;}
.section-item .section-box .l_col.box .l_col_img {text-align: center;}
.section-item .item-neme.size {margin-top: 10px;}
.section-item .col_gap.item {height: auto;text-align: center;}
.section-item .section-box .l_col.box {height: auto;text-align: left;}
.section-item .l_col.box {height: 810px;}
.section-item .form-item {text-align: left;color: #656565;}
.section-box .form-control.my_input {width: 65px;}
.section-box .item_size {font-weight: 600;font-size: 15px;}
.item-neme {font-weight: 600;color: #222;}
.col_gap {color: #656565;}
h4 {color: #800000;}
.section-item .section-box .form-text h5 {font-size: 16px;margin-top: 10px;font-weight: 600;}
.l_col {background: #fff;padding: 13px;border: 3px solid #fff;box-shadow: 0 2px 9px 5px #ccc;-moz-box-shadow: 0 2px 9px 5px #ccc;-webkit-box-shadow: 0 2px 9px 5px #ccc;overflow: hidden;height: 580px;text-align: center;margin-bottom: 30px;}
.section-jrl {background: #ccc;padding: 30px 0 0;margin-bottom: 35px;}
.section-jrl .item {font-size: 16px;font-weight: 600;margin-bottom: 10px;}
.price {color: #800000;font-weight: 600;font-size: 15px;}
.section-jrl .l_col_img img {height: 160px;margin-bottom: 7px;}
.item_size {font-size: 15px;font-weight: 600;color: #222;}
.section-jrl .form-text h5 {text-align: left;font-weight: 600;font-size: 15px;margin-top: 15px;}
.section-jrl .section-box .l_col.box {height: auto;text-align: left;}
.section-jrl .section-box .l_col.box .col_gap.item {text-align: center;}
.section-jrl .section-box .l_col.box .l_col_img {text-align: center;}
.section-jrl .section-box .form-item {text-align: left;margin-top: 15px;}
.section-jrl .item-neme.size a {color: #800000;text-decoration: underline;}
.collection-calendars h2 p {font-size: 16px;font-weight: normal;color: #656565;margin-top: 7px;}
.collection-calendars h2 p a {color: #800000;text-decoration: underline;}
.collection-calendars .l_col_img img {height: 165px;margin-bottom: 8px;}
.collection-calendars .item {font-size: 16px;font-weight: 600;color: #800000;margin-bottom: 7px;}
.collection-calendars .form-text h5 {text-align: left;font-weight: 600;font-size: 15px;}
.collection-calendars .l_col.jrl {height: 456px;}
.collection-calendars .l_col_img.item img {height: auto;}
.collection-calendars .l_col_img.item {background: #ccc;padding: 5px;height: 100px;vertical-align: middle;display: table-cell;}
.collection-calendars .l_col.box {height: auto;}
.collection-calendars .l_col.box p {margin-top: 20px;}
/**************/
.leather_jrl_cal .container_wrap .section-item .l_col {height: 470px;}
.leather_jrl_cal .container_wrap .section-item .section-box .l_col {height: auto;text-align: left;}
.container_wrap .section-item .col_gap {height: auto;margin-top: 10px;}
.leather_jrl_cal .container_wrap .section-item .l_col.sec {height: 410px;}
.leather_jrl_cal .container_wrap .section-item .l_col .l_col_img {margin-bottom: 10px;text-align: center;}
.container_wrap .section-box.item .l_col.box {height: auto;}
.container_wrap .Privacy-box {margin-bottom: 40px;}
.Privacy-box .section_flat_rate {margin-bottom: 25px;}
.Privacy-box h1 {text-align: center;font-weight: 600;color: #000;font-size: 35px;}
.Privacy-box p {text-align: center;margin-top: 10px;font-size: 16px;}
.Privacy-box p a {color: #800000;text-decoration: underline;}
.container_wrap .Privacy-box .sec-box p {text-align: left;color: #656565;line-height: 25px;font-size: 14px;}
.container_wrap .Privacy-box .sec-box h2 {font-size: 20px;font-weight: 600;color: #000;}
.container_wrap .Privacy-box .sec-box {margin-top: 18px;border: 1px solid #ccc;padding: 15px;padding-bottom: 3px;}
.order-btn {background: #000;color: #fff;font-weight: 600;padding: 11px 30px;border: none;margin-top: 0px;display: inline-block;}
.order-btn:hover {background: #062610;}
.form-control.my_input {width: 20%;float: left;text-align: center;margin-right: 15px;}
.contact-box h1 {font-size: 35px;font-weight: 600;margin-bottom: 60px;background: #f8f8f8;padding: 10px 15px;margin-top: 40px;}
.contact-box p {font-size: 23px;color: #656565;}
.contact-box a{color: #800000;text-decoration: underline;}
.contact-box {margin-bottom: 60px;text-align: center;}
.heading.sec h1 {margin-bottom: 15px;}
.heading.sec {margin-bottom: 30px;}
.heading.sec .img {text-align: center;font-size: 16px;color: #656565;}
.heading.sec .img a {color: #800000;text-decoration: underline;}
.leather_jrl_cal .container_wrap .looseleaf-page .l_col.page .col_gap {height: auto;color: #656565;}
.leather_jrl_cal .container_wrap .looseleaf-page .l_col.page {height: 815px;}
.leather_jrl_cal .container_wrap .looseleaf-page .l_col.page.sec img {height: 285px;}
.leather_jrl_cal .container_wrap .looseleaf-page .l_col.page.sec {height: 780px;}
.looseleaf-page .l_col.page .item {color: #800000;font-weight: 600;margin-bottom: 5px;}
.looseleaf-page .form-text h5 {text-align: left;font-size: 16px;color: #222;font-weight: 600;}
.looseleaf-page .l_col.page.sec2 img {height: 330px;}
.leather_jrl_cal .container_wrap .looseleaf-page .l_col.page.sec2 {height: 740px;}
.preference-collection .l_col.page .col_gap {height: auto;color: #656565;}
.preference-collection .l_col.page {height: 760px;}
.preference-collection .l_col.page .item {color: #800000;font-weight: 600;margin-bottom: 5px;}
.preference-collection .l_col.page a {color: #222;text-decoration: underline;}
.preference-collection .item-link {margin-bottom: 30px;clear: both;text-align: center;}
.preference-collection .item-link a {display:inline-block;text-decoration: underline;font-size: 18px;color: #800000;}
.preference-collection .form-text h5 {text-align: left;font-size: 16px;color: #222;font-weight: 600;}
.collection-wirebound .l_col.page {height: 725px;}
.collection-wirebound .l_col.page .col_gap {height: auto;color: #656565;}
.collection-wirebound .item-link {clear: both;text-align: center;margin-bottom: 30px;}
.collection-wirebound .item-link a { display:inline-block;text-decoration: underline;font-size: 18px;color: #800000;}
.collection-wirebound .form-text h5 {text-align: left;font-size: 16px;color: #222;font-weight: 600;}
.collection-wirebound .l_col.page .item {color: #800000;font-weight: 600;margin-bottom: 5px;}
.collection-wirebound .l_col.page img {height: 175px;margin-bottom: 5px;}
.heading.sec .img img {margin-bottom: 10px;border: 1px solid #ccc;padding: 5px;}
label {display: block;}
.form-sec {margin-top: 20px;}
.form-check-label {font-weight: normal;margin-left: 8px;margin-bottom: 4px;color: #333333;display: inline-block;}
.form-check {margin-bottom: 8px;height: 25px;}
.form-control.select {width: 29%;margin-bottom: 25px;}
footer {padding: 35px 0 0 0;background: #222;display: block;}
.container_wrap .preference-collection .l_col.page a {color: #fff;}
/*************************/
header {background: url(../images/header-bg.jpg);display: block;padding: 25px 0 0 0;}
.sec_info_head .h_mob a {color: #fff;font-size: 20px;font-weight: 600;}
.sec_info_head .h_mob img {width: 25px;margin-right: 10px;vertical-align: top;position: relative;top: 2px;}
.sec_info_head .h_mob {text-align: center;margin-top: 15px;}
.main-menu {background: #000;padding: 15px 0;margin-top: 30px;border-bottom: 1px solid #222;}
textarea.form-control {height: 150px;margin-bottom: 22px;}
.cont_btn input {color:#fff;padding:14px 30px;background:#275277;border:none;text-align:center;font-size:15px;font-weight:600;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin: 10px 10px 20px 0;}
.cont_btn input:hover {background: #222;-webkit-transition: all .4s ease 0s;}
footer .copyright a{color:#fff; display:inline-block;}
.footer_content {text-align: center;color: #fff;line-height: 25px;}
.footer_content a {color: #fff; text-decoration:underline;}
.acc_card p{color:#fff;margin-bottom:15px;}
.acc_card p span{font-size:20px; font-weight:600;display:block;margin-bottom:10px;}
.acc_card ul li{float:left; margin-right:10px;}
.addres_right ul li, .addres_right ul li a{color:#fff;}
.addres_right ul li img{margin-right:15px;}
.addres_right ul li .addres_img {height: 40px;float: left;}
.addres_right ul li {margin-bottom: 10px;}
.footer_content p {margin-bottom: 0;}
footer .copyright {background: #1C1C1C;padding: 15px 0;text-align: center;color: #fff;margin-top: 25px;border-top: 1px solid #333;}
.refillservices-bar.mobile {
    display: none;
}
/*********responsive-navigator************/
#navigator {width:300px;height: 100%;position: fixed;top: 0;left: -300px;background:#1c211f;float: left;z-index:100;}
#nav {width:300px;height: auto;display: block;margin: 0;padding: 0;}
.tel_no {position:fixed;top: 8px;right: 15px;background: transparent !important;width: auto !important;font-weight: 600;z-index:50;}
.tel_no a{color: #fff;font-size: 20px;}
.tel_no img {margin-right: 15px;width: 28px;}
.nav_tab {width: 250px;height: 50px;display: block;}
.menu_heading {height: 45px;background:#000;color: #fff;padding-top: 8px;z-index: 999999;font-size: 18px;font-weight: 600;padding-left: 15px;}
.mobile_menu ul li a {padding: 8px 15px;display: block;color: #fff;font-size:16px;font-weight:600;}
.mobile_menu ul li a:hover {background: #fff;color: #000;}
.nav_tab a p {color: rgba(255,255,255,0.8);font-size: 18px;padding: 15px 0;text-align: center;transition: 0.35s ease;-webkit-transition: 0.35s ease;-moz-transition: 0.35s ease;}
.nav_tab a p:hover {background: rgba(255,255,255,0.9);color: rgba(0,0,0,1);letter-spacing: 2px;transition: 0.35s ease;-webkit-transition: 0.35s ease;-moz-transition: 0.35s ease;}
.menu-icon {width:100%;height:45px;position: fixed;top: 0;left: 0px;margin: 0;z-index: 10;background:#000;padding: 5px 15px;}
.menu-icon.on{ z-index:100;}
.menu-icon div {width:40px;height:5px;background: #fff;margin: 5px;transition: all 0.35s;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.on .line_one {transform: rotate(45deg) translate(7px, 7px);}
.on .line_two {opacity: 0;}
.on .line_three {transform: rotate(-45deg) translate(7px, -7px);}
#siteseal{ display:block; padding-top:10px; clear:both;}
@media (min-width:1024px) and (max-width:1199px){
header {padding: 0;}	
header .header_info {width: 45%;}
.main-menu {margin-top: 18px;}	
header .logo img {width: 330px;}	
.main-menu ul li {font-size: 15px;padding: 0 9px 0 8px;}
.section-item .l_col.box {height: 845px;}
.section-item .col_gap {height: 200px;}	
.l_col {height: 620px;}
.section_flat_rate li {padding-left: 52px;}
.section-item .l_col {height: 620px;}
.container_wrap .col_gap {height: 56px;}
.l_col.page.sec2 .order-btn {padding: 11px 20px;}
.preference-collection .l_col.page {height: 770px;}
.collection-wirebound .l_col.page {height: 790px;}}
@media (min-width:992px) and (max-width:1023px){
header {padding: 0;}	
header .header_info {width: 45%;}
.main-menu {margin-top: 18px;}	
header .logo img {width: 330px;}	
.main-menu ul li {font-size: 15px;padding: 0 9px 0 8px;}	
.section-item .l_col.box {height: 845px;}
.l_col {height: 620px;}
.section_flat_rate li {padding-left: 52px;}
.section-item .col_gap {height: 200px;}
.section-item .l_col {height: 620px;}
.container_wrap .col_gap {height: 56px;}
.l_col.page.sec2 .order-btn {padding: 11px 20px;}
.preference-collection .l_col.page {height: 770px;}
.collection-wirebound .l_col.page {height: 790px;}}
@media (min-width:992px) {.mobile_menu{display:none;}}
@media (max-width:991px) {.main-menu {display: none;}}
@media (max-width:991px) {
header {padding: 35px 0 0 0;}
header .header_info {width: 50%;}
.section-menu .menu-img li:last-child {padding: 0;}	
.sec_info_head {display: none;}
.refillservices-bar {display: none;}
.refillservices-bar.mobile {display: block;}
header .logo img {width: 330px;}
header .logo {padding-top: 18px;width: 50%;}
header .header_info .head_right {font-size: 30px;padding-bottom: 20px;}
.section-menu .menu-link li {font-size: 13px;padding: 0 2px 0 5px;}
.section_flat_rate li {padding-left: 16px;font-size: 16px;}
.heading h1 {font-size: 22px;}
.heading h2 {font-size: 22px;}
.section-menu .menu-link {display: inline-block;width: 62%;}
.section-menu .menu-img {margin-top: 0px;width: 38%;}
.section-menu .menu-img li {padding: 0 7px 0 4px;}
.section-menu .price-item {width: 62%;margin-top: 3px;}
.section-menu .pord-sction .l_col {margin-bottom: 20px;}
.section-item .col_gap {height: auto;}
.section-item .l_col.box {height: 920px;}
.section-item .l_col {height: 690px;}
.l_col {height: 620px;}
.leather_jrl_cal .container_wrap .section-item .l_col.sec {height: auto;}
.leather_jrl_cal .container_wrap .section-item .l_col {height: 490px;}
.leather_jrl_cal .container_wrap .looseleaf-page .l_col.page {height: 845px;}
.leather_jrl_cal .container_wrap .looseleaf-page .l_col.page.sec {height: 845px;}
.preference-collection .l_col.page {height: 845px;}
.collection-wirebound .l_col.page {height: 735px;}
.leather_jrl_cal .container_wrap .section-item .l_col.box {height: auto;}}
@media  (max-width:767px){
header .logo img {width: 325px;}
header .header_info .head_right {font-size: 28px;}	
.container_wrap .col_gap.item {height: auto;}
.section_flat_rate {padding: 10px;}
.section_flat_rate li {float: none;padding: 0px;line-height: normal;text-align: center;}
.leather_jrl_cal .container_wrap .l_col {height: auto;}
.container_wrap .l_col_img.item {padding: 10px;display: inline-block;height:auto;}
.pord-sction .col_gap {height: auto;}
.section-menu .menu-link {width: 100%;float: left;display: block;}
.section-menu .menu-img {float: left;margin-top: 10px;width: 100%;}
.section-item .l_col {height: auto;}
.pord-sction .l_col {height: auto;}
.section-item .l_col.box {height: auto;}
.l_col {height: auto;}
.pord-sction .l_col_img img {height: auto;}
.section-item .l_col_img img {height: auto;}
.section-jrl .l_col_img img {height: auto;}
.collection-calendars .l_col_img img {height: auto;}
.collection-wirebound .l_col.page img {height: auto;}
.leather_jrl_cal .container_wrap .section-item .l_col {height: auto;}
.leather_jrl_cal .container_wrap .looseleaf-page .l_col.page {height: auto;}
.leather_jrl_cal .container_wrap .looseleaf-page .l_col.page.sec {height: auto;}
.leather_jrl_cal .container_wrap .looseleaf-page .l_col.page.sec2 {height: auto;}
.collection-calendars .l_col.jrl {height: auto;}
.collection-calendars .l_col_img.item img {margin-bottom: 0;}
.collection-calendars .l_col_img.item {padding: 10px;height: auto;display: inline-block;}
.addres_right ul li .addres_img {height: 25px;}
.footer_content {text-align: left;margin: 10px 0;}}
@media  (max-width:640px){
header .logo img {width: 280px;}
header .header_info .head_right {font-size: 25px;}}
@media  (max-width:567px){
header .logo {padding-top: 25px;}	
.head_right span {font-size: 13px;}
header .logo img {width: 230px;}
header .header_info .head_right {font-size: 22px;}
.Privacy-box h1 {font-size: 24px;}
.contact-box h1 {font-size: 24px;padding: 10px 5px;}}
@media  (max-width:479px){
header .logo img {width: 100%;}
header .logo {width: 100%;}
header .logo {padding: 10px 0;}
header {padding: 45px 0 0 0;}
header .header_info {display: none;}
.heading h1 {font-size: 20px;}
.heading h2 {font-size: 20px;}
.section-item h4 {font-size: 16px;}}
@media  (max-width:414px){}
@media  (max-width:375px){
.form-control.my_input {width: 25%;}
.contact-box p {font-size: 19px;}}
@media  (max-width:320px){}
.notification-bar {
	position: absolute;
	width: 100%;
	top: 7px;
}
.notification-text a {
    color: #222;
    margin-left: 5px;
}
.notification-text {
	background-color: #2980B9;
	padding: 15px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 100%;

	-webkit-animation: initiate 350ms ease;
	-moz-animation: initiate 350ms ease;
	-o-animation: initiate 350ms ease;
	animation: initiate 350ms ease;
}
.notification-bar input {
	display: none;
}
.notification-bar label {
	cursor: pointer;
	color: #fff;
	position: absolute;
	z-index: 5;
	display: inline-block;

	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.notification-bar label[for=hide] {
	
	right: 15px;
	top: 11px;

	width: 24px;
	height: 24px;
	background: url('../img/close.png') no-repeat center center;

	-webkit-animation: initiate 350ms ease;
	-moz-animation: initiate 350ms ease;
	-o-animation: initiate 350ms ease;
	animation: initiate 350ms ease;
}
.notification-bar label[for=show] {
	width: 45px;
	height: 50px;
	border-radius: 0px 0px 3px 3px;
	right: 10px;
	background: url('../img/show.png') no-repeat center center #2980B9;
}

/* Function */
.notification-bar input[value=show]:checked ~ label[for=show],
.notification-bar input[value=hide]:checked ~ label[for=hide],
.notification-bar input[value=hide]:checked ~ .notification-text {
	-webkit-transition: ease 350ms;
	-moz-transition: ease 350ms;
	-o-transition: ease 350ms;
	transition: ease 350ms;
	
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}
.notification-bar input[value=hide]:checked ~ label[for=show],
.notification-bar input[value=show]:checked ~ label[for=hide],
.notification-bar input[value=show]:checked ~ .notification-text {
	-webkit-transition: ease 350ms;
	-moz-transition: ease 350ms;
	-o-transition: ease 350ms;
	transition: ease 350ms;
	
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}

/* Inital Animation */
@-webkit-keyframes initiate {
 	0% {
		-webkit-transform:translateY(-100%);
 	}
 	50% {
 		-webkit-transform:translateY(-50%);
 	}
 	100% {
 		-webkit-transform:translateY(0%);
 	} 
}
@-moz-keyframes initiate {
 	0% {
		-moz-transform:translateY(-100%);
 	}
 	50% {
 		-moz-transform:translateY(-50%);
 	}
 	100% {
 		-moz-transform:translateY(0%);
 	} 
}
@-o-keyframes initiate {
 	0% {
		-o-transform:translateY(-100%);
 	}
 	50% {
 		-o-transform:translateY(-50%);
 	}
 	100% {
 		-o-transform:translateY(0%);
 	} 
}
@keyframes initiate {
 	0% {
		transform:translateY(-100%);
 	}
 	50% {
 		transform:translateY(-50%);
 	}
 	100% {
 		transform:translateY(0%);
 	} 
}