/***** Cookie *****/
.pwpc-cc-main-wrap, .pwpc-cc-main-wrap * {-webkit-box-sizing: border-box; box-sizing: border-box; outline: none;}
.pwpc-cc-main-wrap p {margin-bottom: 15px; padding: 0;}
.pwpc-cc-main-wrap p:last-child {margin-bottom: 0;}
.pwpc-cc-main-wrap a.pwpc-cc-btn, .pwpc-cc-main-wrap a.pwpc-cc-btn:hover, .pwpc-cc-main-wrap a.pwpc-cc-btn:focus {text-decoration: none;}
.pwpc-cc-main-wrap {position: fixed; top: 0; z-index: 99999; background-color: #919191; color: #ffffff; line-height: 1.5; font-size: 14px; opacity: 1; font-family: inherit; -webkit-animation-delay: 300ms; animation-delay: 300ms; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; padding: 20px 0;}
.pwpc-cc-wrp {padding: 0 20px; overflow: auto; max-height: 300px;}
.pwpc-cc-main-wrap img {max-width: 100%; height: auto;}
.admin-bar .pwpc-cc-top, .admin-bar .pwpc-cc-top-abs {top: 32px;}
.admin-bar .pwpc-cc-design-2.pwpc-cc-top, .admin-bar .pwpc-cc-design-2.pwpc-cc-top-abs {top: 52px;}
.pwpc-cc-top {top: 0;}
.pwpc-cc-bottom {top: auto; bottom: 0;}
.pwpc-cc-top-abs {position: absolute; top: 0;}
.pwpc-cc-main-wrap .pwpc-cc-contant, .pwpc-cc-main-wrap .pwpc-cc-btn-wrap {padding: 5px 0;}
.pwpc-cc-main-wrap .pwpc-cc-title {font-weight: 600; margin-bottom: 10px; line-height: normal;}
.pwpc-cc-main-wrap .pwpc-cc-desc {line-height: normal;}

/***** Button Start *****/
.pwpc-cc-icon-close {position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; line-height: 14px; font-size: 16px; font-weight: 700; padding: 0px; cursor: pointer; border-radius: 50px; text-align: center; border: 2px solid #ffffff; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s;}
.pwpc-cc-icon-close:hover, .pwpc-cc-icon-close:focus {background-color: #ffffff; color: #919191; border: 2px solid #ffffff;}

.pwpc-cc-text-close {position: absolute; right: 25px; width: 50px; height: 25px; cursor: pointer; background-color: #919191; text-align: center; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; line-height: normal; font-size: 13px; font-weight: 600; padding: 3px 0;}
.pwpc-cc-text-close:hover, .pwpc-cc-text-close:focus {color: #ffffff;}
.pwpc-cc-top .pwpc-cc-text-close, .pwpc-cc-top-abs .pwpc-cc-text-close {top: auto; bottom: -25px; border-radius: 0 0 5px 5px;}
.pwpc-cc-bottom .pwpc-cc-text-close {top: -25px; bottom: auto; border-radius: 5px 5px 0 0;}

.pwpc-cc-btn {display: inline-block; padding: 10px 15px 10px 15px; text-transform: uppercase; text-decoration: none; color: #ffffff; font-weight: 600; margin-right: 10px; border: 2px solid #ffffff; border-radius: 5px; line-height: 1; cursor: pointer; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; outline: none; text-align: center; text-decoration: none;}
.pwpc-cc-btn:hover, .pwpc-cc-btn:focus {background-color: #ffffff; color: #919191; outline: none; border: 2px solid #ffffff;}
.pwpc-cc-btn:last-child {margin-right: 0;}
/***** Button End *****/

/* Design - 1 */
.pwpc-cc-design-1 {width: 100%; -webkit-animation-name: fadeIn; animation-name: fadeIn; background-color: #54577a;}
.pwpc-cc-design-1.pwpc-cc-close {-webkit-animation-name: fadeInOut; animation-name: fadeInOut;}
.pwpc-cc-design-1 .pwpc-cc-btn, .pwpc-cc-design-1 .pwpc-cc-icon-close {color: #ffffff; border: 2px solid #2d3053; background-color: #2d3053;}
.pwpc-cc-design-1 .pwpc-cc-btn:hover, .pwpc-cc-design-1 .pwpc-cc-btn:focus, .pwpc-cc-design-1 .pwpc-cc-icon-close:hover, .pwpc-cc-design-1 .pwpc-cc-icon-close:focus {background-color: #ffffff; color: #2d3053; border: 2px solid #ffffff;}

/* Design - 2 */
.pwpc-cc-main-wrap.pwpc-cc-design-2 {padding: 5px 0px;}
.pwpc-cc-design-2 {width: auto; max-width: calc(100% - 40px); min-width: 300px; right: 20px; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.pwpc-cc-design-2.pwpc-cc-close {-webkit-animation-name: fadeInOut; animation-name: fadeInOut;}
.pwpc-cc-design-2.pwpc-cc-top, .pwpc-cc-design-2.pwpc-cc-top-abs {top: 20px;}
.pwpc-cc-design-2.pwpc-cc-bottom {bottom: 20px;}

/* Design - 3 */
.pwpc-cc-design-3 {left: 0; max-width: 600px; min-width: 300px; background-color: #1FCE6D; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.pwpc-cc-design-3.pwpc-cc-close {-webkit-animation-name: fadeInOut; animation-name: fadeInOut;}
.pwpc-cc-design-3 .pwpc-cc-text-close {background-color: #1FCE6D;}
.pwpc-cc-design-3 .pwpc-cc-btn {border-radius: 0;}
.pwpc-cc-design-3 .pwpc-cc-btn:hover, .pwpc-cc-design-3 .pwpc-cc-btn:focus {color: #1FCE6D;}

/* Design - 4 */
.pwpc-cc-design-4 {max-width: 600px; min-width: 300px; background-color: #5B1746; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; left: 0;}
.pwpc-cc-design-4.pwpc-cc-close {-webkit-animation-name: fadeInLeftOut; animation-name: fadeInLeftOut;}
.pwpc-cc-design-4 .pwpc-cc-text-close {background-color: #5B1746; border-radius: 0;}
.pwpc-cc-design-4 .pwpc-cc-btn:hover, .pwpc-cc-design-4 .pwpc-cc-btn:focus {color: #5B1746;}

/* Design - 5 */
.pwpc-cc-design-5 {background-color: #424851;}
.pwpc-cc-design-5.pwpc-cc-top, .pwpc-cc-design-5.pwpc-cc-top-abs {width: 100%; -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.pwpc-cc-design-5.pwpc-cc-top.pwpc-cc-close, .pwpc-cc-design-5.pwpc-cc-top-abs.pwpc-cc-close {-webkit-animation-name: fadeInDownOut;animation-name: fadeInDownOut;}
.pwpc-cc-design-5.pwpc-cc-bottom {width: 100%; -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.pwpc-cc-design-5.pwpc-cc-bottom.pwpc-cc-close {-webkit-animation-name: fadeInUpOut;animation-name: fadeInUpOut;}
.pwpc-cc-design-5 .pwpc-cc-btn, .pwpc-cc-design-5 .pwpc-cc-icon-close {color: #ffffff; border: 2px solid #ffffff;}
.pwpc-cc-design-5 .pwpc-cc-btn:hover, .pwpc-cc-design-5 .pwpc-cc-btn:focus, 
.pwpc-cc-design-5 .pwpc-cc-icon-close:hover, .pwpc-cc-design-5 .pwpc-cc-icon-close:focus {background-color: #ffffff; color: #424851; border: 2px solid #ffffff;}

/* Design - 6 */
.pwpc-cc-design-6 {max-width: 600px; min-width: 300px; background-color: #9D56B7; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; right: 0;}
.pwpc-cc-design-6.pwpc-cc-close {-webkit-animation-name: fadeInRightOut; animation-name: fadeInRightOut;}
.pwpc-cc-design-6 .pwpc-cc-text-close {background-color: #9D56B7;}
.pwpc-cc-design-6 .pwpc-cc-btn:hover, .pwpc-cc-design-6 .pwpc-cc-btn:focus {color: #9D56B7;}

/* Design - 7 */
.pwpc-cc-design-7 {max-width: 600px; min-width: 300px; background-color: #ffffff; -webkit-animation-name: fadeIn; animation-name: fadeIn; left: 0; -webkit-box-shadow: 0 -2px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 -2px 15px 0px rgba(0, 0, 0, 0.15); color: #5E5E5E;}
.pwpc-cc-design-7.pwpc-cc-close {-webkit-animation-name: fadeInOut; animation-name: fadeInOut;}
.pwpc-cc-design-7 .pwpc-cc-wrp, .pwpc-cc-design-7 .pwpc-cc-btn-wrap {padding: 0;}
.pwpc-cc-design-7 .pwpc-cc-contant {padding: 20px;}
.pwpc-cc-design-7 .pwpc-cc-btn-wrap {display: table; width: 100%;}
.pwpc-cc-design-7 .pwpc-cc-btn {margin-right: 0; width: 50%;display: table-cell; float: none; vertical-align: middle;}
.pwpc-cc-design-7 .pwpc-cc-btn, .pwpc-cc-design-7 .pwpc-cc-icon-close {background-color: #58bab1; border-color: #58bab1; color: #ffffff; border-radius: 0;}
.pwpc-cc-design-7 .pwpc-cc-btn:hover, .pwpc-cc-design-7 .pwpc-cc-btn:focus, .pwpc-cc-design-7 .pwpc-cc-icon-close:hover, .pwpc-cc-design-7 .pwpc-cc-icon-close:focus {background-color: #378f87; border-color: #378f87; color: #ffffff; border-radius: 0;}
.pwpc-cc-design-7 .pwpc-cc-icon-close {top: 0; right: 0;}
.pwpc-cc-main-wrap.pwpc-cc-design-7 {padding: 0;}

/* Design - 8 */
.pwpc-cc-design-8 {background-color: #424851; max-width: 600px; min-width: 300px; margin: 0 auto; left: 0; right: 0; width: 100%;}
.pwpc-cc-design-8.pwpc-cc-top, .pwpc-cc-design-8.pwpc-cc-top-abs {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.pwpc-cc-design-8.pwpc-cc-top.pwpc-cc-close, .pwpc-cc-design-8.pwpc-cc-top-abs.pwpc-cc-close {-webkit-animation-name: fadeInDownOut;animation-name: fadeInDownOut;}
.pwpc-cc-design-8.pwpc-cc-bottom {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.pwpc-cc-design-8.pwpc-cc-bottom.pwpc-cc-close {-webkit-animation-name: fadeInUpOut;animation-name: fadeInUpOut;}
.pwpc-cc-design-8 .pwpc-cc-btn, .pwpc-cc-design-8 .pwpc-cc-icon-close {color: #ffffff; border: 2px solid #e76a68; border-radius: 30px; background-color: #e76a68;}
.pwpc-cc-design-8 .pwpc-cc-btn:hover, .pwpc-cc-design-8 .pwpc-cc-btn:focus, .pwpc-cc-design-8 .pwpc-icon-close:hover, .pwpc-cc-design-8 .pwpc-icon-close:focus {background-color: transparent; color: #e76a68; border: 2px solid #e76a68;}

/* Design - 9 */
.pwpc-cc-design-9 {background-color: #383977; max-width: 600px; min-width: 300px; right: 0; -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.pwpc-cc-design-9.pwpc-cc-close {-webkit-animation-name: fadeInOut;animation-name: fadeInOut;}
.pwpc-cc-design-9 .pwpc-cc-btn, .pwpc-cc-design-9 .pwpc-cc-icon-close {color: #000000; border: 2px solid #f2d800; border-radius: 0; background-color: #f2d800;}
.pwpc-cc-design-9 .pwpc-cc-btn:hover, .pwpc-cc-design-9 .pwpc-cc-btn:focus, 
.pwpc-cc-design-9 .pwpc-cc-icon-close:hover, .pwpc-cc-design-9 .pwpc-cc-icon-close:focus {background-color: transparent; color: #f2d800; border: 2px solid #f2d800;}
.pwpc-cc-design-9 .pwpc-cc-text-close {background-color: #383977;}

/* Design 10 */
.pwpc-cc-design-10 {max-width: 600px; min-width: 300px; background-color: #3832A6; -webkit-animation-name: fadeInZoom; animation-name: fadeInZoom; right: 0; left: 0; margin: 0 auto;}
.pwpc-cc-design-10.pwpc-cc-close {-webkit-animation-name: fadeInZoomOut; animation-name: fadeInZoomOut;}
.pwpc-cc-design-10 .pwpc-cc-text-close {background-color: #3832A6;}
.pwpc-cc-design-10 .pwpc-cc-btn {color: #ffffff; background-color: #E91D75; border-radius: 0; border-color: #E91D75;}
.pwpc-cc-design-10 .pwpc-cc-btn:hover, .pwpc-cc-design-10 .pwpc-cc-btn:focus {color: #ffffff; background-color: transparent; border-color: #E91D75;}

/* Fade In Effect*/
@-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }

/* Fade In Out Effect*/
@-webkit-keyframes fadeInOut { 0% {opacity: 1;} 100% {opacity: 0;} }
@keyframes fadeInOut { 0% {opacity: 1;} 100% {opacity: 0;} }

/* Fade Right */
@-webkit-keyframes fadeInRight {
  from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  to {opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0); }
  to { opacity: 1;-webkit-transform: none;transform: none; } }

/* Fade Right Out */
@-webkit-keyframes fadeInRightOut {
  from {opacity: 1; -webkit-transform: none; transform: none;}
  to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} }
@keyframes fadeInRightOut {
  from {opacity: 1;-webkit-transform: none;transform: none;}
  to {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);} }

/* Fade Down */
@-webkit-keyframes fadeInDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); }
  to {opacity: 1;-webkit-transform: none;transform: none; } }
@keyframes fadeInDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); }
  to {opacity: 1;-webkit-transform: none;transform: none; } }

/* Fade Down Out */
@-webkit-keyframes fadeInDownOut {
  from {opacity: 1;-webkit-transform: none;transform: none;}
  to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} }
@keyframes fadeInDownOut {
  from {opacity: 1;-webkit-transform: none;transform: none;}
  to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} }

/*=== Fade Left ===*/
@-webkit-keyframes fadeInLeft {
  from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0); }
  to {opacity: 1;-webkit-transform: none;transform: none; } }
@keyframes fadeInLeft {
  from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0); }
  to {opacity: 1;-webkit-transform: none;transform: none; } }

/*=== Fade Left Out ===*/
@-webkit-keyframes fadeInLeftOut {
  from {opacity: 1;-webkit-transform: none;transform: none;}
  to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}
@keyframes fadeInLeftOut {
  from {opacity: 1;-webkit-transform: none;transform: none;}
  to {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} }

/*==== Fade Up ===*/
@-webkit-keyframes fadeInUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0); }
  to {opacity: 1;-webkit-transform: none;transform: none; } }
@keyframes fadeInUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0); }
  to {opacity: 1;-webkit-transform: none;transform: none; } }

/*==== Fade Up Out ===*/
@-webkit-keyframes fadeInUpOut {
  from { opacity: 1;-webkit-transform: none;transform: none;}
  to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} }
@keyframes fadeInUpOut {
  from {opacity: 1;-webkit-transform: none;transform: none;}
  to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} }

/*== Zoom in ==*/
/*@-webkit-keyframes bummer { 100% {-webkit-transform: scale(1,1); } }
@keyframes bummer { 100% { transform: scale(1,1); } }*/

/* Fade In Out Effect*/
@-webkit-keyframes fadeInZoom { 0% {-webkit-transform: scale(0); transform: scale(0);} 100% {-webkit-transform: scale(1); transform: scale(1);} }
@keyframes fadeInZoom { 0% {-webkit-transform: scale(0); transform: scale(0);} 100% {-webkit-transform: scale(1); transform: scale(1);} }

@keyframes fadeInZoomOut { 0% {-webkit-transform: scale(1); transform: scale(1);} 100% {-webkit-transform: scale(0); transform: scale(0);} }
@-webkit-keyframes fadeInZoomOut { 0% {-webkit-transform: scale(0); transform: scale(0);} 100% {-webkit-transform: scale(1); transform: scale(1);} }

.pwpc-show-mobile {display: none;}

@media only screen and (min-width: 40.063em) {
  .pwpc-cc-design-1 .pwpc-cc-btn-wrap.pwpc-show-desktop {float: right; padding: 0; margin-left: 20px;}
  .pwpc-cc-design-2 .pwpc-cc-contant {display: table-cell; float: none; vertical-align: middle; padding-right: 20px;}
  .pwpc-cc-design-2 .pwpc-cc-btn-wrap {display: table-cell; vertical-align: middle; float: none; white-space: nowrap;}
  .pwpc-cc-design-2 .pwpc-cc-btn-wrap .pwpc-cc-btn {padding: 5px 10px 5px 10px;}
  .pwpc-cc-main-wrap.pwpc-cc-design-2 {padding: 5px 0px;}
  .pwpc-cc-design-2 .pwpc-cc-btn-wrap .pwpc-cc-icon-close.pwpc-show-desktop {top: unset; float: left;}
} 
@media only screen and (max-width: 782px) {
  .admin-bar .pwpc-cc-top, .admin-bar .pwpc-cc-top-abs {top: 46px;}
  .admin-bar .pwpc-cc-design-2.pwpc-cc-top, .admin-bar .pwpc-cc-design-2.pwpc-cc-top-abs {top: 66px;}
}
@media only screen and (max-width: 40em) {
  .pwpc-show-mobile {display: block;}
  .pwpc-show-desktop {display: none;}
  .pwpc-cc-btn {display: block; margin-bottom: 10px; margin-right: 0;}
  .pwpc-cc-btn:last-child {margin-bottom: 0;}
  .pwpc-cc-design-3, .pwpc-cc-design-4, .pwpc-cc-design-6, .pwpc-cc-design-10 {width: 100%;}
  .pwpc-cc-main-wrap.pwpc-cc-design-2 {min-width: unset;}
  .pwpc-cc-wrp {max-height: 200px;}
}