/*Main CSS*/
header .btn.btn-default{ background:#2B9BED; border:none; cursor:pointer; margin:0; color: #FFF; text-transform:uppercase;}
.button,.btn{ border-radius: 4px!important;-moz-border-radius: 4px!important; -webkit-border-radius: 4px!important; }
h2.pgTitle{color:#1C1C1C!important;}
img.loaderimg{ margin:1.2rem auto;}
.pp-services.pp-acc .checkbox label{ display:inline-block;}
.paddrnd-acc { padding:1.5rem;}
.paddrnd-acc h2{ font-size:1.7rem;}
.paddrnd-acc hr{margin:.7rem auto;}
.button{ text-transform:none; font-size:1rem; font-weight:500; font-family: 'Comfortaa',sans-serif;}
.pp-landing section .button{ padding:1rem 2.3rem!important;}
.button.primary{ background:#2B9BED}
.button.hollow.primary{border:1px solid #2B9BED; color: #2B9BED;}
.button.hollow.secondary{border:1px solid #cacaca; color: #cacaca;}
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a,.top-bar-right ul.menu > li.prof > a{ position:relative;}
.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color: transparent transparent transparent; font-family: 'Pe-icon-7-stroke'; content: "\e688"; color:#FFF; position:absolute; right:1.5rem; top:-.35rem; font-size:2rem;}
.top-bar-right ul.menu > li.prof > a::after {top:.7rem!important}
.pp-landing section .button{ padding:1rem 2.3rem!important;}
.notpadd{padding-top:0!important}
.row.uncollapse{margin-right: -.9375rem;margin-left: -.9375rem;}
.pp-servicevalue{ padding-top:2rem;}
.bvalue i{font-size:2rem; border:2px solid #1C1C1C; width:4rem; height:4rem; margin-bottom:.5rem; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; margin-top:1rem;}
.bvalue i:before{vertical-align:-50%;}
.bvalue p{ font-size:1rem; line-height:1.2rem;}
fieldset{text-align:left!important}
.input-group input{ margin-bottom:0;}
.pp-status,.ftpadd{padding-top:1.25rem;}
div.form-horizontal{ max-width:50%;}
.in-details legend{ margin:0 1.5%; width:97%; border:none!important }.in-details label{display:none!important;}
.form-group{display:table!important; width:100%!important}
.form-group select{ margin-bottom:1rem;}
.form-group.input-group input,.form-group.input-group select,.form-group.input-group .textarea{ margin:0!important;}
table.dl-horizontal th{ text-transform:capitalize; text-align:right;}
.pp-serviceblock.pb .pp-article{ padding-top:1.5rem}
.pp-serviceblock.pb .pp-article h2{display:none;}
.pp-repquery{text-transform:capitalize; display:none;}

/*Page Title*/
.pp-title { padding:1rem 0; background:#FFF; border-bottom:1px solid #DDD;}
.pp-title h1{color: #2799ED; font-size:1.75rem; margin:0; padding:0}
.pp-title .button{ margin-bottom:0; font-weight:500; font-size:.875rem;}
.pp-title select{  text-transform:capitalize; height: 2.0375rem; padding-top:.3rem; padding-bottom:.3rem;}

.top-bar-right ul.menu li.prof a.button.primary{ color:#FFF; padding:.7rem 1rem!important; margin:.8rem 0 .7rem 0;}
.in-header {border-bottom:1px solid #dadada;}
.in-header .sleft, .in-header .sright{ padding-bottom:.8rem; }
.in-header .sright{ border:1px solid #dadada; border-width:0 0 0 1px;}
.in-header .mlogo{ margin:0 .3rem; overflow:hidden; text-align:center;}
.in-header .mlogo img{ max-width:100%;}
.in-header .mlogo h4{ font-size:1rem; margin:0; padding:0;}
.in-header h2{ margin:.5rem 0 .8rem 0; padding:0; font-size:1.6rem; text-transform:uppercase;}
.in-header h3{margin:0; padding:0; font-size:1.6rem; text-transform:uppercase;}
.in-header span{ display:block; font-size:.9rem; line-height:1rem;}

.in-details{padding:.8rem 0 0 0; border-bottom:1px solid #dadada;}
.in-details h5{ margin:0 0 .3rem 0; padding:0; font-size:.9rem; text-transform:uppercase;}
.in-details .det p{ line-height:1rem; font-size:.9rem; margin-bottom:.8rem;}
.in-details small{ display:block; text-transform:uppercase; margin-bottom:.2rem;}
.in-details .amt span, .in-details .pnd span{ font-size:1.3rem; font-weight:600;}
.in-details .amt,.in-details .pnd{border:1px solid #dadada; margin-bottom:.8rem;}
.in-details .column{padding-top:.4rem; padding-bottom:.4rem;}

.in-payment,.in-list,.in-share{ padding-top:.5rem}
.in-payment #jform_currency{ border-right:none;}
.in-payment .button{ margin-right:.7rem}

.in-details .menu > li { padding:0 .1rem;}
.in-details .menu > li > a{ color:#262626; padding:.2rem .3rem;}
.in-details .menu > li.active > a{ color:#1e62a6; border-bottom:2px solid #1e62a6; background:none;}
.in-details .menu > li i{ font-size:2rem;}
.in-details .menu > li i:before{ margin-left:-.5rem}
.tdetails small{ display:block; line-height:1.1rem; margin-top:1rem; font-size:.8rem;}
.tdetails .callout{ line-height:1.3rem; font-size:.9rem;}
.tdetails .button{ padding:.3rem .7rem;}

/*Tabs style*/
.in-payment .ui-tabs{padding:0;}
.in-payment .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding:.5rem .4rem;}
.in-payment .methods-list li a{ font-size:.85rem}
.tabswrapper .validation-summary-errors{ margin:1rem 0 0 0; font-size:.9rem}
.ui-widget.ui-widget-content { border:none;}
.ui-tabs .ui-tabs-panel { padding:.5rem 0;}
.tabswrapper .ui-tabs-panel { padding:1rem 0;}
#countryTabs fieldset{ border:1px solid #dadada; border-width:0 1px 0 0;}
#countryTabs fieldset legend{ display:none;}
#countryTabs fieldset p{ margin-bottom:0;}
#countryTabs .form-group select{ margin:0 0 1rem 0;}
.country-list{ padding:0!important; border-width:0 0 1px 0!important; background:#fff!important;}
.methods-list{ padding:0 .4rem!important; border-width:0 0 1px 0!important; background:#fff!important;}
.country-list li{ border:none!important; padding:0 .1rem!important; background:#fff!important;}
.country-list li a{background:#fff!important; padding-bottom:.3rem!important; font-size:.9rem}
.country-list .ui-state-active a, .country-list .ui-state-active a:link, .country-list .ui-state-active a:visited {color:#1e62a6!important; border-bottom:2px solid #1e62a6;}
.country-list li i{ font-size:2rem;}
.country-list li i:before{ margin-left:-.5rem; vertical-align:-25%;}

/*Bills & Fees*/
.pp-body.src .slidearea{ padding:3rem 0 7rem 0; position:relative;}
.pp-body.src .slidearea h2{ font-size:2rem;}
.pp-body.src .slidearea ul{ list-style:none; margin:.7rem 0; padding:0;}
.pp-body.src .slidearea li{ line-height:2rem;}
.pp-body.src .slidearea li i{ color:#2b9706; font-size:1.3rem;}
.pp-body.src .slidearea li i:before{ vertical-align:-20%;}
.pp-body.src .slidearea .button{font-size: 1.1rem; padding: 0.8rem 1.5rem; margin:.7rem 0 1.4rem;}
.pp-body.pb .slidearea{ background:url(../img/payments-billsv2.jpg) center center; background-size:cover; background-repeat:no-repeat;}
.pp-body.sf .slidearea{ background:url(../img/school-fees.jpg) center center; background-size:cover; background-repeat:no-repeat; }
.pp-body.pp .slidearea{ background:url(../img/payment-page.jpg) center center; background-size:cover; background-repeat:no-repeat; }
.pp-body.src .downarr{ position:absolute; left:50%; font-size:3rem; bottom:-1.2rem; }

/*Payments page*/
.pitems img{ max-height:30px; margin-right:3px; border-radius:3px 3px 3px 3px!important;-moz-border-radius:3px 3px 3px 3px!important;-webkit-border-radius:3px 3px 3px 3px!important;}

/*Simple Selling*/
.productWrap{ padding:.7rem 0; border-bottom:1px solid #ddd}
.productDesc h2{ font-size:1.2rem; font-weight:bold; margin:0; padding:0;}
.productDesc .productPrice{font-size:1.2rem; font-weight:bold;}
.in-share h3{ font-size:1.2rem}
.shbtn,.shbtn:hover,.shbtn:focus,.shbtn:active{ padding:.3rem .7rem; color:#fff; margin:0 .3rem .7rem 0; display:inline-block;}
.shbtn i{ margin-top:.3rem}
.shbtn.fb{background:#3b5e93;}
.shbtn.tw{background:#3a88a3;}
.shbtn.ln{background:#0077b5;}
.shbtn.gp{background:#b13c1f;}
.shbtn.wp{background:#2cb53f;}

/* styles for validation helpers */
form label{ text-transform:capitalize;}
.field-validation-error {color: #b94a48;}
.field-validation-valid {display: none;}Æ’
input.input-validation-error {border: 1px solid #b94a48;}
input[type="checkbox"].input-validation-error {border: 0 none;}
.validation-summary-errors {color: #b94a48;}
.validation-summary-errors ul{ margin-bottom:0px; padding-bottom:0px;}
.validation-summary-valid { display: none;}
.nodisplay{display:none}
.resp-tabs-container label.radio.inline,.colrow label.radio.inline{ padding-left:10px; padding-right:10px;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  border-radius: 5px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; border:1px solid #d7d7d7;  margin:0 5px 10px 0!important; display:inline-block;}
.COMPLETED{background:#DFF0D8;color:#468847;margin-top:0px;padding:10px;border:1px solid #D6E9C6}
.PENDING{background:#fee9d4;color:#e1890b;margin-top:0px;padding:10px;border:1px solid #f89224}
.FAILED{background:#F2DEDE;color:#B94A48;margin-top:0px;padding:10px;border:1px solid #EED3D7}
.confirm{background:#daf3d3;color:#2d8710;margin-top:0px;padding:10px;border:1px solid #2f8f11}
.pp-cshare{ margin:1rem 0 2rem;}
.btn-fb,.btn-tw,.btn-gp,.btn-fb:hover,.btn-tw:hover,.btn-gp:hover{color:#fff; padding:.3rem .5rem; margin:0 .1rem; font-size:.8rem}
.btn-fb{background-color:#3b5e93;}
.btn-tw{background-color:#3a88a3;}
.btn-gp{background-color:#b13c1f;}
.bilcountry{ float:right; padding-top:10px; }
#selcountry{ min-width:110px!important}
#selcountry label{ line-height:1.2!important; font-size:0.7rem!important; text-transform:uppercase;}
#selcountry .dd-option label{ font-size:0.7rem!important}
.pp-serviceblock .progress{ margin:-2rem 0 0 0; background-color:#e6e6e6;}
.psteps{ margin:0 0 .7rem 0; padding:.8rem 0 .2rem 0;}
.psteps h4{ margin:0; line-height:1rem; font-size:1rem; text-align:center;}
.psteps h4 i{ color:#2b9706; font-size:1.3rem; font-weight:bold;}
.psteps small{ display:block; padding:5px; color:#878787;}
.psteps .done small{ padding-top:2px; color:#2b9706;}
.psteps .active small{ color:#2d2d2d;}
.paymethods{ border-top:1px solid #DDD; text-align:center; padding:1.5rem;}
.paymethods img{ margin:0 .3rem;}
.expl{ padding-top:3rem}
.expl p{ font-style:italic; line-height:1.3rem; font-size:.95rem}
.expl img{ margin-top:.4rem}

/*Corporate Services*/
.top-bar-right ul.menu > li.prof{ border-left:none;}
.top-bar-right ul.menu li.prof.is-dropdown-submenu-parent{ border-left: 1px solid #e5e5e5;}
.top-bar-right ul.menu > li.prof > a{ padding-top:1rem!important; padding-bottom:.9rem!important; color: #4C4F6B; font-size:.875rem; text-transform:none; font-weight:500}
.pp-copyright.short{ padding-bottom:5rem; position:relative; z-index:99; border-top:3px solid #e5ebf1;}
.pp-landing .pp-body{background:#F7FAFF!important;}
.pwrap{ overflow:hidden;}
.pp-body.pb,.pp-servicebg.pg-m.sub-1,.pp-servicebg.pg-r{ background: #F1F1F1;}
.pp-body.pb input[type="text"],.pp-body.pb input[type="email"],.pp-body.pb input[type="number"],.pp-body.pb input[type="search"],.pp-body.pb select{ border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.pp-preloader{ background:#FFF url(../img/preloader.svg) center center no-repeat; position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:9999;}
.pp-servicemenu{ background:#FFF; -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);-moz-box-shadow:0px 4px 8px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15); padding:.7rem 0 .3rem 0; text-align:center; position:relative; z-index:4}
.pp-servicemenu ul{ margin:0 auto; max-width:50%; text-align:center; display:block; list-style:none;}
.pp-servicemenu ul li{ width:24%; text-align:center; display:inline-block;}
.pp-servicemenu ul li a{color:#565656; font-weight:400; }
.pp-servicemenu ul li a:hover{color:#1e62a6;}
.pp-servicemenu ul li.active a,.pp-servicemenu ul li a:active{color: #9A261F;}
.pp-servicemenu ul li a i{ font-size:1.8rem; font-weight:bold; margin:0;}
.pp-servicemenu ul li a span{ display:block; font-size:0.875rem; padding-top:.3rem;}
.pp-accmenu{-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);-moz-box-shadow:0px 4px 8px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);background: linear-gradient(118.93deg, #113E96 7.5%, #1956B2 90.05%), #3262A1; position:relative; z-index:4;}
.pp-accmenu .menu{ display:block; max-width:50%; margin:0 auto;  }
.pp-accmenu .menu li{ display:inline-block; width:30%}
.pp-accmenu .menu li a{ color:#FFF; display:block; text-align:center; padding:0; margin:0 }
.pp-accmenu .menu li a span{padding:.7rem 0;}
.pp-accmenu .menu li.active a span{ border-bottom:2px solid #FFF; display:inline-block;}
.pp-services.pp-acc { padding-top:2rem;}

/*Sidebar*/
.boxg,.boxgrad{box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);  -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15);-moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.15); border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius:6px; overflow:hidden; min-height:80px; }
header .top-bar{box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.05); border-bottom:none}
header .top-bar ul li .submenu li { border:none}
header .prinits{ display:inline-block;background:#2B9BED; padding:.4rem 0; text-align:center; color:#FFF; text-transform:uppercase; border-radius: 50%!important;-moz-border-radius: 50%!important; -webkit-border-radius: 50%!important; width:28px; height:28px; margin:0 0 0 .4rem}
header li.country, header .top-bar-right li.is-dropdown-submenu-parent { border:none;}
header .top-bar-right li.is-dropdown-submenu-parent { padding-right:1rem;}
.pp-sidebar{ background:#FFF; position:fixed; left:0;top:0; bottom:0; height:100%; padding:0 }
.pp-sidemenu{padding-top:62px;}
.pp-sidemenu ul.menu{ margin:0; padding:0;}
.pp-sidemenu ul.menu li a{padding:1rem!important; color: #7E7E7E; font-weight: 600; border:1px solid #FFF; border-width:0 0 0 4px;}
.pp-sidemenu ul.menu li a:hover{color:#2B9BED!important}
.pp-sidemenu ul.menu li a i{ position:relative; top:-.1rem}
.pp-sidemenu ul.menu li.active a{ border-color:#2B9BED; border-width:0 0 0 4px; background-color:#eaf5fd!important; color:#1e68a2!important}
.pp-sidemenu ul.menu li ul.menu{ margin-left:2rem;}
.pp-sidemenu ul.menu li ul.menu li a{ background:#FFF!important; color:#333!important; border:none;}
.pp-s,.boxgidemenu ul.menu li ul.menu li.active a{color:#1e68a2!important}
.pp-sidemenu ul.menu li.sep hr{margin:0!important; border-color:#e4e4e4!important}

/*Main Body*/
.pp-serviceblock.pb h1{ font-size:2.125rem!important;}
.pp-serviceblock.pb h2.title{ color:#1D2C3C; font-size:2rem; padding:0; margin:0 0 4.375rem 0; }
.pp-pending{ margin:0 0 1.75rem 0;}
.pp-pending h2{ font-size:1.5rem!important; color:#383838!important; margin:0 0 1.875rem 0!important; }
.pp-pending h2 a{font-size:0.875rem; color:#38586C!important; float:right;}
.pp-pending h2 a i{ font-size:1.5rem; position:relative; top:.35rem}
.pp-pending .pp-pend small{ display:block; /*margin:0 0 1.25rem 0;*/ color: #767780; font-size:1rem}
.pp-summary{margin:0 0 1rem 0; background:none; }
.pp-summary .button {margin:0; font-size:.875rem; text-transform:none!important; padding-top:0.5625rem!important; padding-bottom:0.5625rem!important;}
.pp-pend{background:#FFF; margin-bottom:2rem; padding:1.25rem}
.pp-pending.pp-events .pp-pend,.pp-pend.btravel{ padding:0;}
.pp-pend .has-tip{ border:none; font-size:1.2rem; color:#7E7E7E; position:relative; top:.2rem}
.pp-pend h3,.pp-content.pp-float h3{ font-size:1.5rem; padding:0 0 1.25rem 0; color:#1D4D72; margin:0; font-weight:500;}
.pp-pending.pp-events .pp-pend h3{padding:1.25rem 1.25rem 0 1.25rem;}
.pp-summary .pp-pend h3,.pp-travel .pp-pend.pp-sum h3,.pp-travel .pp-pend.btravel .orbit-caption h3{ border:none;}
.pp-summary .pp-pend h3{ padding-bottom:0;}
.pp-pend.pp-sum h3,.pp-pend.pp-sum h3 a, .pp-pend.pp-sum .bal,.pp-pend.pp-sum .bal a{ background: #049ED7; color:#fff;}
.pp-pend .bal{font-size:2.25rem; color:#2B9BED; padding: 1.25rem 0 1.25rem 0; line-height:1.5rem; font-family: 'Comfortaa',sans-serif; }
.pp-pend .bal sub{font-size:1.125rem; color:#666666; vertical-align:middle; bottom: -.15em;}
.pp-pending.inner{ margin-top:2rem;}
.pp-pending.inner .pp-pend .bal{ /*padding-top:1.6rem*/}
.pp-pend ul{list-style:none; padding:0; margin:0;}
.pp-pend ul li{ padding:.8125rem 0; border: 1px solid #DADADA; border-width:0 0 1px 0;}
.pp-pend ul li:nth-child(2n+2),.pp-pend ul li:nth-child(2n) { background: #FFF; }
.pp-pend ul li span{ display:block; color:#333333; line-height:normal}
.pp-pend ul li span.billname{color: #111419; margin:0 0 .5rem 0; text-transform:capitalize}
.pp-pend ul li span.billamt{ float:right; display:inline-block; font-size:.875rem; font-weight:500}
.pp-pend ul li span.accname{color:#7E7E7E; font-size:.875rem}
.pp-pend a.vmore{ color: #38586C; display:block; padding:.2rem 1rem 0 1rem; text-align:center; line-height:1rem;}
.pp-pend a.vmore i{ font-size:2.5rem; position:relative; line-height:.8rem; top:.75rem; margin:0;}
.pp-pend .pp-pendfull{ margin:-1.25rem -1.25rem 0 -1.25rem;  }
.pp-pend .pp-pendfull h3{padding:1.25rem 1.25rem 0 1.25rem}
.pp-travel .pp-pend ul{ background:#FFF; }
.pp-travel .pp-pend.btravel ul.orbit-container{padding:0px;}
.pp-travel .pp-pend.btravel ul.orbit-container .orbit-slide{ padding:0;}
.pp-travel .pp-pend.btravel .orbit-caption{ position:relative!important; background:none; padding:1.25rem 1.25rem .4375rem 1.25rem; color: #111419;}
.pp-travel .pp-pend.btravel .orbit-caption h3{ padding:0 0 1rem 0; font-size:1.125rem; text-transform:none;}
.pp-travel .pp-pend.btravel .orbit-caption p{ font-sizE:.875rem; padding:0 0 .8rem 0;}
.pp-travel .pp-pend.btravel .orbit-next, .pp-travel .pp-pend.btravel .orbit-previous { cursor:pointer; background:none; top:auto; bottom:0; margin:0; transform:none!important; color:#38586C!important;}
.pp-travel .pp-pend.btravel .orbit-controls i{font-size: 2.5rem;position: relative;line-height: .8rem;top: .75rem;}
.pp-travel .pp-pend.btravel .orbit-next:hover, .pp-travel .pp-pend.btravel .orbit-previous:hover{ background:none;}
.pp-travel .pp-pend.btravel .orbit-bullets{border-top:1px solid #eff3f9; margin:0; padding: .7rem 1rem 1rem 1rem;}
.pp-travel .pp-pend.btravel .orbit-bullets button {background: rgba(43, 155, 237, 0.2); position:relative; top:.4rem}
.pp-travel .pp-pend.btravel .orbit-bullets button:hover{background: rgba(43, 155, 237, 0.6);}
.pp-travel .pp-pend.btravel .orbit-bullets button.is-active{ background-color:#2b9bed;}
.pp-events .pp-pend h3{ color: #121212; text-transform:none; font-size:1rem; font-weight:600; padding-bottom:.4375rem;}
.pp-events .pp-pend p{ color:#595959; font-size:.75rem; padding:0 1.25rem 1rem 1.25rem;}
.pp-events .pp-pend .evtimg img{ width:100%}
.pp-events .pp-pend .evtdetail{ min-height:9.0625rem;}
.pp-events .pp-pend .evtdate{ font-size:.75rem; padding-top:1.25rem; text-align:center}
.pp-events .pp-pend .evtdate span{ display:block; border-top:1px solid #ededed; padding:.125rem 0; margin-right:1.25rem}
.pp-events .pp-pend .evtdate i{ font-size:1.2rem; font-weight:600; margin-top:.3rem}
.pp-events .pp-pend .evtcat{ border-top:1px solid #ededed;}
.pp-events .pp-pend .evtcat .label{ color:#FFF; font-size:.625rem; text-transform:uppercase; border-radius: 12.5px!important; -moz-border-radius: 12.5px!important; -webkit-border-radius:12.5px!important; font-weight:bold; padding:.4375rem 1.1875rem; margin:.625rem 1.25rem; }
.pp-holidays .row,.pp-services .row{ max-width:none;}
.pp-serviceblock.pb{ margin:2rem 0 0 0; }
.pp-servicelist.pp-list .callout{ margin:1rem;}
.pp-servicelist.pp-list .payment-options .callout{ margin:1rem 0}
.pp-serviceblock.pb h2,.pp-servicebg h2{ /*color:#fff;*/ font-size: 1.375rem; margin:0 0 .7rem 0; padding:0;}
.pp-servicebg h2{ margin-top:2.4375rem}
.pp-serviceblock.pb .btn-upload {float:right; clear:both; margin:0; font-size:.8rem;background:#FFF!important; color:#1e62a6!important; font-size:.8rem; padding-top:.5rem; padding-bottom:.5rem;}
.pp-serviceblock.pb .btn-upload::after{ clear:both; content:" "; height:1px; width:100%; }
.pp-servicebg{background: linear-gradient(94.89deg, #113E96 7.5%, #1956B2 90.05%), #3262A1; min-height:21rem; position:relative; z-index:3}
.pp-serviceblock .btn-download{ color: #2B9BED; font-size:.875rem}
.pp-serviceblock fieldset.cell{ margin-bottom:2rem;}
.pp-serviceblock  .optiontabs{position:relative; z-index:2; margin-top:1.2rem;}
.pp-serviceblock  .optiontabs .column-block,.pp-serviceblock  .optiontabs .column-block .boxgrad{margin:0!important; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;}
.pp-serviceblock  .optiontabs label{ display:block; padding:.5rem 0 .7rem 0; margin:0; text-transform:uppercase; font-weight:bold; text-align:center; cursor:pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition:all 0.5s ease;}
.pp-serviceblock  .optiontabs label input[type="radio"] { margin:0 .5rem .5rem 0;}
.pp-serviceblock  .optiontabs label.active{ background:#2B9BED; color:#FFF;transition: all 0.2s ease;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition:all 0.2s ease;}
.pp-serviceblock  .optiontabs label span{ display:block; padding:0 1rem .5rem 1rem; margin-bottom:.3rem; border-bottom:1px solid #EEE;}
.pp-serviceblock  .optiontabs label.active span{border-bottom-color:#71bbf3;}
.pp-serviceblock  .optiontabs label i{ font-size:2rem;}
.pp-serviceblock  .optiontabs label small{ display:block; font-size:.8rem; line-height:1.2rem; font-weight:normal; text-transform:none; padding:0 1rem;}
.pp-serviceblock .payment-options-box{ position:relative; z-index:3;}
.pp-serviceblock .payptions ul {list-style:none; margin:0 0 0 1rem; padding:0;}
.pp-serviceblock .payptions ul > li{ margin-bottom:.5rem}
.pp-serviceblock .payptions .payment-options .boxgrad{ border-top:3px solid #2B9BED; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius:0 0 6px 6px;}
.pp-serviceblock .payptions .payment-options ul{ list-style:none; margin-top:.5rem}
.pp-serviceblock .payptions .payment-options p{margin:0}
.pp-serviceblock .payptions .payment-options li a{ margin:0 0 0 .4875rem}
.pp-serviceblock .payptions .payment-options li label img{max-height:35px; margin-right:.4rem}
ul.bankdetails{margin:0 0 0 1rem; list-style:none;}
.bankdetails li{margin-bottom:0rem;}
.pp-serviceblock .payptions .payment-options .form-buttons .button{ margin-top:1rem; margin-bottom:1rem;}
.pp-serviceblock .payptions .payment-options .paddrnd-acc{ position:relative;}
.pp-serviceblock .payptions .payment-options .addnew{color:#2B9BED; font-size:.9rem;}
.reveal h2.intitle{ display:none!important;}
.reveal .form-horizontal{ max-width:none!important; margin:.4rem .8rem;}
.accordion,:last-child:not(.is-active) > .accordion-title {border-color:#D0D0D0;}
.accordion .accordion-title{padding-left:2rem; border-color:#D0D0D0;}
.accordion .accordion-title::before {right: auto; left:1rem;}
.accordion .accordion-item.is-active .accordion-title,.accordion .accordion-title:hover,.accordion .accordion-title:focus{background:#F1F1F1;}
.accordion .accordion-title span{ float:right; font-weight:bold;}
.filter-group{border-bottom:1px solid #e4e4e4}
.filter-group select{margin:0; border-width:0 1px 0 0!important}
.pp-costs{padding:0; font-size: .8rem; text-transform:none; text-align:right;}
table tr.subt th,table tr.subt td { text-transform:uppercase!important; background:#E6E6E6!important}

/*Account Login - Register*/
.pp-form-title{font-size:.9375rem; padding-bottom:1.2rem;}
.pp-form-title img{ max-height:40px; margin-bottom:.5rem;}
.pp-form-title p{margin:0;}
.pp-form-content{ background:#fff;}
.pp-form-content h4,.pp-form-content h4.subtitle{ display:none!important;}
.pp-form-content label,.pp-form-service label,.pp-tripsearch label{color: #666666;}
.pp-form-content sup{ /*color:#F00; */font-weight:500; font-size:1rem}
.pp-form-content input[type="text"],.pp-form-content input[type="tel"],.pp-form-content input[type="email"],.pp-form-content input[type="password"],.pp-form-content input[type="number"], .pp-form-content select,.pp-form-service input[type="text"],.pp-form-service input[type="tel"],.pp-form-service input[type="email"],.pp-form-service input[type="password"],.pp-form-service input[type="number"], .pp-form-service select,.pp-form-service textarea{background-color:#F0F0F0!important; border:1px solid #BDBDBD!important;}
.pp-form-content input:hover, .pp-form-content select:hover,.pp-form-content textarea:hover,.pp-form-service input:hover, .pp-form-service select:hover,.pp-form-service textarea:hover,.pp-form-content input:focus, .pp-form-content select:focus,.pp-form-content textarea:focus,.pp-form-service input:focus, .pp-form-service select:focus,.pp-form-service textarea:focus{background-color:#FFF!important;}
.ui-autocomplete.ui-widget-content{ border:1px solid #BDBDBD!important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.ui-autocomplete.ui-widget-content .ui-menu-item div:hover{ background-color:#EEE!important;}
.pp-form-content a.lblink{ float:right; font-size:.9rem; color:#1E68A2;}
.pp-form-content p.terms,.pp-form-title p{line-height:1.25rem;}
.pp-form-content p.terms a,.pp-form-title a,.pp-form-footer a{color:#2B9BED;}
.pp-form-content .form-button{ margin:1rem 0 2rem 0;}
.pp-form-footer p.copyright{margin-top:4.6875rem;}
.pp-form-title p,.pp-form-content p,.pp-form-footer p{color:#666;font-size:.9rem;}
.pp-form-filter{ padding:1rem 1.5rem 0 1.5rem;}

/*Float */
.pp-content.pp-float .boxgrad{ margin-top:1rem; min-height:320px;}
.pp-content.pp-float .paddrnd-acc {padding:1rerm 1.5rem 1.5rem 1.5rem;}

.cnt-pay .pp-psummary .button,.cnt-transactions .pp-psummary .explanation{ display:none!important}
.cnt-pay .pp-psummary .explanation{display:block!important;}
.pp-psummary .accordion .accordion-content table,.pp-psummary .accordion .accordion-content table tbody,.pp-psummary .accordion tbody tr td{border-left:none!important;border-right:none!important;}
.pp-psummary .accordion .accordion-content,.pp-psummary .accordion .accordion-content table{ padding:0; margin:0;}
.pp-psummary .accordion tfoot{display:none!important; background:#FFF; color:#333; font-weight:bold; text-transform:uppercase;}
.pp-psummary .accordion tbody tr td{background: #FFF; color: #919191; text-transform:capitalize;}
.pp-psummary .accordion tbody tr:nth-child(even) td{background:#F7F7F7}
.pp-psummary .bb-total{ font-size:1.2rem; font-weight:bold; padding-top:.4rem; color:#2B9BED; text-align:right; text-transform:uppercase; }
.reveal .pp-psummary .bb-total{padding-right: 1rem; border-bottom: 2px solid #2b9bed; padding-bottom: .8rem;}
.pp-pending.pp-bills .c1 .pp-pend{ background:#FFF url(../img/pending-icon.png) 96% center no-repeat;}
.pp-pending.pp-bills .c2 .pp-pend{ background:#FFF url(../img/paid-icon.png) 96% center no-repeat;}
.pp-pending.pp-bills .c3 .pp-pend{ background:#FFF url(../img/upcoming-icon.png) 96% center no-repeat;}
.pp-content .tabs,.pp-tripsearch .tabs{background:none; border-width:0 0 1px 0; border-color:#e5e5e5;}
.pp-content .tabs-title > a,.pp-tripsearch .tabs-title > a{ margin-bottom:-1px; font-size:1rem; border-bottom:3px solid #F1F1F1; padding:1.2125rem 0 .8125rem 0; color:#7F7F7F; margin:0 2.6875rem 0 0; }
.pp-tripsearch .tabs-title > a{ border-color:#FFF;}
.pp-content .tabs-title > a:hover, .pp-content .tabs-title > a:focus,.pp-tripsearch .tabs-title > a:hover, .pp-tripsearch .tabs-title > a:focus{ color:#000; background:none;}
.pp-content .tabs-title.is-active > a,.pp-tripsearch .tabs-title.is-active > a{ color:#000000; border-color:#666666; font-weight:600;  background:none;}
.pp-serviceblock.pb .pp-content .tabs-content, 
.pp-serviceblock.pb .pp-content .tabs-content .tabs-panel,
.pp-tripsearch .tabs-content, 
.pp-tripsearch .tabs-content .tabs-panel {padding:0; background:none; border:none;}
.pp-serviceblock.pb .pp-content .tabs-content .tabs-panel{ padding-top:1.5rem}
.pp-tripsearch .tabs-content .tabs-panel{ padding:1.5rem .7rem 1rem .7rem}
.pp-tripsearch fieldset{ padding:.4rem 1.25rem .25rem 1.25rem}
.pp-tripsearch h4 .button.room{ padding:.2rem .7rem; margin:0 0 0 .4rem;}
.pp-tripsearch .nmpersons,.pp-tripsearch .hidewebsite{ display:none;}
.pp-tripsearch .input-prepend,.pp-tripsearch .inptdates label{ position:relative;}
.pp-tripsearch img.ui-datepicker-trigger{ position:absolute; right:5px; top:31px;}
.pp-tripsearch .inptpeople input.fxcount{ text-align:center;}
.pp-tripsearch .accordion{ border:1px solid #cacaca; border-width:1px 0 0 0;}
.pp-tripsearch .accordion-content,.pp-tripsearch .accordion-title{ border:none!important; background:none!important;}
.pp-tripsearch .accordion-title{}
.pp-tripsearch .accordion-content{ padding:1rem 0;}
.pp-tripsearch .topbar{ padding:0 1rem;}
.pp-tripsearch .button.hollow.secondary{border-radius:0!important;-moz-border-radius:0!important; -webkit-border-radius:0!important; padding-left:.4rem!important; padding-right:.4rem!important;}
.pp-tripsearch .chosen-container{ margin-bottom:1rem;}
.pp-recent,.pp-recent ul {list-style:none; margin:0; padding:0;}
.pp-recent li{ padding:0 0 .7rem 0;}
.pp-recent .inpeople{ margin:0 0 0 1rem;}
.pp-recent .inpeople li{ margin:0; padding:0; }
.pp-recent .inpeople li,.pp-recent small{font-size:.8rem; color:#999;}
.pp-recent h4{ font-size:1rem; margin:0; line-height: 1.2;}
.pp-recent h4 a{ color:#333; font-weight:bold;}
.pp-travel .flabel,.pp-tripsearch span.info,.pp-pdetails span.info,.pp-tripsearch label.control-label{display: block; font-size: .75rem; font-weight: bold;padding: 0 0 .2rem 0; text-transform: uppercase;}
.pp-travel .flabel sup,.pp-tripsearch span.info sup,.pp-pdetails span.info sup,.pp-tripsearch label.control-label sup{ color:#FF0000; font-size:1rem; top: -.2em;}
.pp-travel small{ display:block;}
.pp-query{ padding:1rem; text-transform:capitalize;}
.pp-query .button{margin-top: 1.3rem;}
.pp-query.ppay .button{ margin:0}
.pp-flights,.pp-hotels{ border-top:1px solid #DDD; padding-top:1rem; margin-top:2rem;}
.pp-flights h3,.pp-hotels h3{ font-size:1.25rem;}
.pp-flights .pp-flight{ padding:.7rem;}
.pp-flights .pp-flight:hover{ background:#F7FAFF;}
.pp-flights .pp-flight .fflt img{max-width: 30px; border-radius:.125rem;-moz-border-radius:.125rem;-webkit-border-radius:.125rem}
.pp-flights .pp-flight p{ margin:0; padding:0}
.pp-flights .pp-flight .fdet p{ padding-left:1rem;}
.pp-flight p.ftime{ font-weight: bold; font-size: 1.25rem;}
.pp-flight p.fdate{}
.pp-flight p.flength{}
.pp-flight p.fstops{}
.pp-flight p.fcur{}
.pp-flight p.fprice,.pp-fsummary .pp-price{color:#2B9AEB;font-size: 1.5rem; line-height: 1.8rem;}
.pp-fsummary .pp-price{ margin:.7rem 0 0 0;}
.pp-fsummary .pp-rating{ margin:0 0 .8rem 0;}
.pp-fsummary .pp-fdetails{ font-size:.85rem;}
.pp-flight p.fptag{}
.pp-flight .button{margin-top: 1.25rem;}
.pp-flight p.fport,.pp-flight p.fstops,.pp-flight p.fptag,.pp-flight p.ffcode{ font-size:.75rem; padding-right:.5rem;}
.pp-pdetails .paddrnd{padding:1rem;}
.pp-pdetails fieldset{ padding:4rem 1rem .5rem 1rem;margin: 0 1px 2rem 1px; border-radius: .25rem; -moz-border-radius: .25rem;-webkit-border-radius: .25rem;overflow: hidden;position: relative;background: #FFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);}
.pp-pdetails  fieldset legend{ font-size: 1rem; margin: 0; width: 100%; padding: .7rem 1rem; font-weight: normal; background: #F7F7F7; position: absolute; left: 0;right: 0;top: 0;border-bottom: 1px solid #ddd;}
.pp-fsummary h3{background: #2B9BED; padding: .7rem 1rem; vertical-align: middle; font-size: 1rem;color: #18204B; font-weight: 600; margin:0; border-radius:.25rem .25rem 0 0;-moz-border-radius:.25rem .25rem 0 0;-webkit-border-radius:.25rem .25rem 0 0; color:#FFF}
.pp-fsummary .pp-ftotalprice,.pp-fsummary .pp-ffout,.pp-fsummary .pp-ffin{ padding:1rem 1rem;}
.pp-fsummary .pp-ftotalprice{ text-align:center; padding:1rem 2rem; text-align:center; border:1px solid #DDD; border-width: 0 0 1px 0;}
.pp-fsummary .pp-ftotalprice span{ display:block; font-size: .875rem;}
.pp-fsummary .pp-ftotalprice .pp-fcurrency{font-size:.875rem; font-weight:600;}
.pp-fsummary .pp-ftotalprice .pp-fprice{ font-weight: bold;font-size: 1.125rem; color:#2B9BED;}
.pp-fsummary .pp-ffldet{ border:1px solid #DDD; border-width: 0 0 1px 0; margin:0;}
.pp-fsummary .pp-ffldet ol{margin:0 0 0 .8rem}
.pp-fsummary .pp-ffldet .pp-ffrttle{font-weight:bold; margin:.4rem 0 0 0; display:block;}
.pp-fsummary .pp-ffldet.pp-flast{border-radius: 0 0 .25rem .25rem;-moz-border-radius: 0 0 .25rem .25rem;-webkit-border-radius: 0 0 .25rem .25rem;}
.pp-fsummary .pp-ffldet h4,.pp-fsummary .pp-ffldet span.fpackage{ font-size:0.875rem; margin:0 0 .3rem 0; padding:0; font-weight:bold;}
.pp-fsummary .pp-ffldet h4 span{font-size:0.875rem; float:right; display:block;}
.pp-fsummary .pp-ffldet span.fpackage{display:block; margin:0;}
.pp-fsummary .pp-ffldet .pp-ffnum{font-size:0.75rem; display:block; margin:0 0 .4rem 0;}
.pp-fsummary .pp-ffldet .pp-ftimeout, .pp-fsummary .pp-ffldet .pp-ftimein,.pp-fsummary .pp-ffldet .pp-fliner{ font-size:.875rem;}
.pp-fsummary .pp-ffldet .pp-ftimeout span, .pp-fsummary .pp-ffldet .pp-ftimein span{ display:block;}
.pp-fsummary .pp-ffldet .pp-fdet .pp-ficon{ margin-top:1.4rem;}
.pp-fsummary .pp-ffldet .pp-fftime{ font-size:1.25rem; line-height:1.25rem; font-weight:bold;}
.pp-fsummary .pp-ffldet .pp-ftimein,.pp-fsummary .pp-ffldet .pp-fliner .pp-ftoshort{ text-align:right;}
.pp-fsummary .pp-ffldet .pp-fftitle{ text-transform:uppercase; margin:0; display:block; font-weight:500;}
.pp-fsummary .pp-ffldet .pp-ffdetails,.pp-fsummary .pp-ftotalprice .pp-ffdetails{font-size:.75rem; }
.pp-fsummary .pp-ffldet .pp-ffdetails p{ margin:0; font-size:.8rem}
.pp-fsummary .pp-ffldet .pp-ffdetails,.pp-fsummary .pp-ftotalprice .pp-ffdetails{ display:block;}
.pp-fsummary .pp-ffldet .pp-ffdetails .benefits,.pp-fsummary .pp-ftotalprice .pp-ffdetails .benefits{ margin:0; padding:0; list-style:none;}

.pp-contacts{}
.pp-contacts h3{ font-size:1.2rem}

/*Hotels*/
.pp-hotel{ padding:.7rem!important;}
.pp-hotel h2{ margin:0; padding:0;}
.pp-hotel h2 a{ color:#333;}
.pp-hotel h3{ border-bottom:1px solid #bbb; background:url(../img/dotdrk.html) right top repeat-y;}
.pp-hotel .rooms{ margin:.2rem 0 0 0; padding:0px; list-style:none}
.pp-hotel .rooms li { font-size:.8rem; margin:0 8px 0 0; padding:2px 3px; border-bottom:1px solid #eee;}
.pp-hotel .rooms li small{ color:#2B9BED; float:right;}
.pp-hotel .pricebox{ padding:8px; display:block; color:#333;  margin:0 0 10px 0; text-align:center}
.pp-hotel .pricebox:hover{}
.pp-hotel .pricebox strong{font-size:1.6em; font-weight:bold;}
.pp-hotel .pricebox small{ font-size:0.9em; display:block;}
.pp-cdetails{ padding:1rem 1rem .5rem 1rem;}
.pp-hdetail{ padding:1rem;}
.pp-results .hname,.pp-results .hprice{ margin:0; padding:0;}
.pp-results .hprice{ font-weight:bold; color:#2B9BED; font-size:1.5rem}
.pp-hdetails .padd{padding:.7rem;}
.pp-hdetails h4{ font-weight:600}
.hotel-terms{font-size: .85rem; text-transform:capitalize;}

.pp-servicelist.pp-list table tbody td,.pp-servicelist.pp-list table th{ vertical-align:top!important; text-transform:capitalize;}
.pp-tripsearch .button.hollow.secondary{border-radius:0!important;-moz-border-radius:0!important; -webkit-border-radius:0!important; padding-left:.4rem!important; padding-right:.4rem!important;}
.pp-tripsearch .topbar{ padding:0 1rem;}
.pp-tripsearch .button.primary{ }

.pp-servicelist.pp-list table td{ vertical-align:middle!important;}
.pp-servicelist.pp-list table tbody tr:hover td{background: #F7FAFF;}
.pp-servicelist.pp-list table td input.rnd{ border:1px solid #2B9BED; border-radius:100px!important; -moz-border-radius:100px!important; -webkit-border-radius:100px!important; padding-right:.7rem!important}
.pp-servicelist.pp-list table td input[type="checkbox"]{ margin:.7rem 0 0 0 !important;}
.pp-servicelist.pp-list table th input[type="checkbox"]{ margin:0!important;}
.pp-servicelist.pp-list table td img{ max-width:40px;}
.pp-servicelist.pp-list table td .clBtn{ color:#757575; display:inline-block; margin:0 .4rem}
.pp-servicelist.pp-list table td .clBtn:hover{color:#2B9BED;}
.pp-servicelist.pp-list table td .clBtn.cldel:hover{ color:#FF0000}
.pp-servicelist .ic-pass{ width:2.5rem; height:2.5rem; margin:.4rem 0; display:block; padding-top:.65rem; text-decoration:none; cursor:pointer; color:#FFF; text-align:center; background:#4C4F6B; border-radius: 50%!important; -moz-border-radius:50%!important; -webkit-border-radius:50%!important; font-weight:600}
.pp-servicelist .appBtn{margin-top:-.1rem; cursor: pointer}
.pp-servicelist .dropdown-pane{ max-width:150px; background: #FAFAFA; border:none; -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.24), 0px 0px 8px rgba(0, 0, 0, 0.12);-moz-box-shadow:0px 8px 8px rgba(0, 0, 0, 0.24), 0px 0px 8px rgba(0, 0, 0, 0.12); box-shadow:0px 8px 8px rgba(0, 0, 0, 0.24), 0px 0px 8px rgba(0, 0, 0, 0.12); padding:0;}
.pp-servicelist .dropdown-pane ul{ margin:0; padding:0;}
.pp-servicelist .dropdown-pane ul li a{padding:.8375rem!important; font-size:.875rem}
.pp-servicelist .dropdown-pane ul li a.sf{color:#0C743C;}
.pp-servicelist .dropdown-pane ul li a.ns{color: #CC2127;}
.pp-servicelist .dropdown-pane ul li a:hover, .pp-servicelist .dropdown-pane ul li a:focus{ background:#F6F6F6;}

.pullup{ position:relative; z-index:4;}
.tabs-link{ float:left;}
.pp-services .tabs{ background:none; border:none;}
.pp-services .tabs-title > a ,.pp-services .tabs-link > a { display: block;  padding: 1.25rem 1.5rem 0.95rem 1.5rem; font-size: .8rem;  line-height: 1; color: #FFF; background:none!important; text-align:center;}
.pp-services .tabs-title > a i,.pp-services .tabs-link > a i{ font-weight:bold; font-size:1.5rem; }
.pp-services .tabs-title > a span,.pp-services .tabs-link > a span{ display:block; padding:.3rem 0}
.pp-services .tabs-title.is-active > a span,.pp-services .tabs-link a.hover span{ border-bottom:2px solid #FFF; }
.pp-services .tabs-link .dropdown-pane { padding:.4rem 0; max-width:150px;}
.pp-services .tabs-link .dropdown-pane .menu > li > a{ padding:.4rem .8rem; font-size:.8rem; color:#464646}
.pp-services .tabs-link .dropdown-pane .menu > li > a:hover{color: #2B9BED;}
.pp-serviceblock.pb .boxgrad,.pp-serviceblock.pb .cleargrad{ margin-bottom:2rem; overflow:hidden}
.pp-serviceblock.pb .tabs-content { border:0 0 1px 0; padding:1rem 1.2rem; margin:0}
.pp-services .tabs-panel,.pp-list .accordion-content { padding:0;}
.pp-services .tabs-panel h3{ font-size:1.375rem; margin-top:0; padding:0; color:#4D4D4D;}
.pp-list .accordion{ margin:0; border:none;}
.pp-list .accordion-title:focus, .pp-list .accordion-title:hover{ background:#FFF;}
.pp-list table, .pp-list td,.pp-list th{ margin:0; border:1px solid #D0D0D0!important;}
.pp-list table{ border-width:1px 0 0 1px!important;}
.pp-list table.total{border:none!important}
.pp-list td, .pp-list th{ border-width:0 1px 1px 0!important; padding:.6rem 1.25rem .6rem 1.25rem!important; color:#464646; font-size:0.875rem;}
.pp-list th.text-center{ text-align:center;}
.pp-list th.text-right{ text-align:right;}
.pp-list th{ background: #E6E6E6; color:#666666; font-weight: normal;}
.pp-list table td a,.pp-list table th a{color:#2B9BED; display:block;}
.pp-list td.status,.pp-list td .button.hollow{color:#F60;}
.pp-list td .button.hollow{border-color:#F60}
.pp-list td.status.status_completed,.button.hollow.success{color:#393; }
.pp-list td .button.hollow.success{border-color:#393; }
.pp-list td.status.status_failed,.button.hollow.alert{color:#C00}
.pp-list td .button.hollow.alert{border-color:#C00}
.pp-list td.status.status_pending,.button.hollow.warning{color:#F60;}
.pp-list td .button.hollow.warning{border-color:#F60;}
.pp-list td .button{background-color:#ffae00;}
.pp-list td .button.solid{background-color:#ffae00; color:#FFF!important}
.pp-list td .button.solid.success{background-color:#393;}
.pp-list td .button.solid.alert{background-color:#C00}
.pp-list td .button.solid.warning{background-color:#ffae00;}
.pp-list td.status a{ font-size:.75rem; color:#2B9BED; text-transform:uppercase; padding:.2rem 1rem; margin:0 0 .4rem 0;}
.pp-list td.accimg{padding-top:0; padding-bottom:0;}
.pp-list td.accimg img{margin:0 .4rem 0 0;}
.pp-list td div.bal-item{ font-size:.875rem;}
.pp-list td div.bal-item p{text-align:center!important; padding-top:.4rem;}
.pp-list tr.selected td{ background:#E5EDF4;}
.pp-list td.biller {color: #1D4D72; font-weight:500; white-space:nowrap;}
.pp-list h4{ margin:0; padding:0;}
.pp-list h4 a,.pp-list a.accordion-title{ display:block; padding:.4rem 0 .4rem 0; color: #2B9BED; font-size:1.1rem; border:none; line-height:inherit;}
.pp-list h4 a i{ float:right; font-size:1.8rem;}
.pp-list .label{ padding:.4rem .3rem; margin:0 auto; background:#E3E7EB; color:#464646; border-radius: 17px!important;-moz-border-radius: 17px!important; -webkit-border-radius: 17px!important; min-width:100px; font-size:0.875rem; text-align:center;}
.pp-list table tfoot,.pp-list table tfoot th{background: #D1D1D1; /*color:#000000;*/}
.pp-list table tfoot td{/*color:#000000;*/ text-transform:uppercase; }
.pp-list table tfoot .button{ background:#2B9BED!important; color:#FFF!important; margin:0; box-sizing: border-box;}
.pp-list table tfoot .button img,#stk-button img{max-height:13px!important}
.pp-list table tfoot .button.hollow{color:#2B9BED!important;}
.pp-list table tfoot .button.hollow:hover{color:#1e62a6!important; border-color:#1e62a6!important;}
.pp-list table td i{ font-size:1.6rem; margin:0;}
.pp-list table td i.pe-7s-more{ color:#4C4F6B;}
.pp-list table td input[type="text"],.pp-list table td input[type="number"]{ margin:0;height:2rem; border-width:1px; border-color:#2B9BED; -webkit-box-shadow: none!important;-moz-box-shadow:none!important;box-shadow:none!important; text-align:right;}
.pp-list table td input[type="checkbox"]{ margin:0;}
.pp-list .edit-menu{ padding:.4rem 0; max-width:150px; background: #FAFAFA; box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.24), 0px 0px 8px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.24), 0px 0px 8px rgba(0, 0, 0, 0.12);-moz-box-shadow:0px 8px 8px rgba(0, 0, 0, 0.24), 0px 0px 8px rgba(0, 0, 0, 0.12); border-radius: 2px;-moz-border-radius:2px; -webkit-border-radius:2px;}
.pp-list .edit-menu::before{ position:absolute; top:-10px; left:3px; content:" "; width:0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #CACACA;}
.pp-list .edit-menu .menu > li > a{ padding:.4rem .8rem; text-align:left; font-size:0.875rem; color:#464646; outline:none; }
.pp-accountlist .row.grid-x{ margin:0!important;}

/*Reports Table*/
.pp-list #report_wrapper table{ width:100%!important;}
.pp-list #report_wrapper td, .pp-list #report_wrapper th{ padding:.25rem .4rem!important; text-transform:capitalize;}
.dt-buttons{padding: .7rem .8rem .4rem .8rem !important; font-size: .8rem;}
.pp-list #report_wrapper .inner-row,.pp-list #report_wrapper .inner-row td{border-left:none!important; border-right:none!important;}

.pp-serviceblock.pb .pp-online h2{color:#4D4D4D; font-size:1.375rem; text-align:center; margin:0; padding:1rem; border-bottom:1px solid #F2F2F2;}
.pp-online .pp-moretabs{ display:table; width:100%;}
.pp-online .pp-moretabs .col{ width:20%; text-align:center; display:table-cell; }
.pp-online .pp-moretabs .col.col-br{ border-right:1px solid #F2F2F2;}
.pp-online .pp-moretabs i{ font-size:1.7rem; margin:0 0 .7rem 0; font-weight:bold;}
.pp-online .pp-moretabs a{ display:block; padding:1.4rem 0;}
.pp-online .pp-moretabs span{ display:block; font-size:0.9375rem; text-transform:none; margin:0; padding:0; color:#4F4F4F;}
.pp-online .pp-moretabs .col-1 i{ color:#C41E1E;}
.pp-online .pp-moretabs .col-2 i{ color:#DF1683;}
.pp-online .pp-moretabs .col-3 i{ color:#0F7BE0;}
.pp-online .pp-moretabs .col-4 i{ color:#1AA060;}
.pp-online .pp-moretabs .col-5 i{ color:#F2994A;}

.pp-grid{ position:relative; margin-bottom:1rem;}
.pp-serviceblock.pb .pp-grid h2, .pp-grid h5{ text-align:center;color:#FFF; padding:0;}
.pp-serviceblock.pb .pp-grid h2{margin:2rem 0 0 0;}
.pp-serviceblock.pb .pp-grid h5{ margin:0 0 2rem 0; font-size:1rem; font-weight:normal;}
.pp-grid:after{ content:" "; position:absolute; left:0; right:0; top:0; background: linear-gradient(94.89deg, #113E96 7.5%, #1956B2 90.05%), #3262A1; height:258px; z-index:-1; -webkit-border-radius:3px!important; -moz-border-radius:3px!important;border-radius:3px!important;}
.pp-grid .orbit-container li{padding:0 1.8rem;}
.pp-grid .orbit-controls{position:absolute; top:-3rem; right:1.875rem;}
.pp-grid .orbit-controls button{-webkit-border-radius:50%!important; -moz-border-radius:50%!important;border-radius:50%!important; background-color:rgba(255, 255, 255, 0.3)!important; color:#3262A1!important; }
.pp-grid .orbit-controls button:hover{background-color:#FFF!important;}
.pp-grid .orbit-controls .orbit-next,.pp-grid .orbit-controls .orbit-previous{left:auto; padding:.9rem .7rem .6rem .9rem!important}
.pp-grid .orbit-controls .orbit-previous{right:3.2rem; padding:.8rem .9rem .7rem .6rem!important}
.pp-grid .orbit-bullets{ position:absolute; left:1.8rem; top:-3.7rem; margin:0; padding:0;}
.pp-grid .orbit-bullets button{width: .7rem; height: .7rem; margin:.1rem; background-color:rgba(255, 255, 255, 0.3);}
.pp-grid .orbit-bullets button.is-active, .orbit-bullets button:hover { background-color:#FFF;}
.pp-events .orbit-figure{ background:#FFF;}
.pp-events .orbit-wrapper{margin-bottom:1rem;}
.pp-events .orbit-container{margin:0 1.8rem;background:#FFF;}
.pp-events .orbit-container li { padding:0!important;}
.pp-events .orbit-figure a{color:#3665A3; font-size:0.9375rem}
.pp-events .orbit-figure a i{ font-size:1.35rem; position:relative; top:.3rem}
.pp-events .orbit-figure h3{ margin:0; padding:0;}
.pp-events .orbit-figure h3 a{ font-size:1.875rem; min-height:10rem; color: #053A78; display:block; line-height:2rem; font-weight:bold; padding:3rem 0;}
.pp-events .orbit-figure .edate{ display:inline-block; font-size:1.0625rem; color:#C41E1E; font-weight:bold; margin:2rem 0 0 0; line-height:1.25rem}
.pp-events .orbit-figure .edate span{font-size:0.6875rem; display:block; color:#4A4A4A; border-top:2px solid #4A4A4A;}

.pp-holidays .holiday-item,.pp-grid .ofdesc{ padding:0; margin:0 0 .7rem 0; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.05); -webkit-border-radius:3px!important; -moz-border-radius:3px!important;border-radius:3px!important; overflow:hidden;}
.pp-holidays .holiday-item .holiday-img{ display:block; max-height:155px; overflow:hidden; position:relative}
.pp-holidays .holiday-item .holiday-img .tag{ color:#FFF; padding:.4rem .8rem; background:#74B521; position:absolute; left:0; bottom:0; z-index:2; font-size:0.625rem; text-transform:uppercase;}
.pp-holidays .holiday-desc{ background:#FFF; font-size:.75rem; color:#4F4F4F; padding:1.25rem;}
.pp-holidays .holiday-item h3{ margin:0 0 1rem 0; padding:0; line-height:1.25rem;}
.pp-holidays .holiday-item h3 a{ color:#2A2A2A; font-size:1.125rem;}
.pp-holidays .holiday-item h3 a span{color: #828282; font-size: 0.75rem; display: block; letter-spacing:normal;}
.pp-holidays .holiday-item h6{ margin:0 0 .2rem 0; padding:0;}
.pp-holidays .holiday-item h6 a{color: #4F4F4F; font-size:.875rem}
.pp-holidays .holiday-item:hover h3 a{color: #74B521;}
.pp-holidays .holiday-item .origprice{ display:inline-block; font-size:.875rem; color: #4F4F4F; text-decoration:line-through;}
.pp-holidays .holiday-item .features{ margin:0; padding:0; list-style:none}
.pp-holidays .holiday-item .btn-more{-webkit-border-radius: 25px!important; -moz-border-radius: 25px!important; border-radius:25px!important;  padding:.6rem 1.2rem; border-width:2px; border-color:#74B521; color:#74B521; font-size:.875rem}
.pp-holidays .holiday-item .btn-more:hover, .pp-holidays .holiday-item .btn-more:focus{ background:#74B521!important; color:#FFF!important; border-color:#74B521!important;}
.pp-holidays .price a{color:#E67918; line-height:1rem; font-size:1.125rem; font-weight:bold;}
.pp-holidays .price span.tag{ display:block; color:#333333; font-size:0.75rem; font-weight:normal}
.pp-grid .ofdesc{ background:#FFF; padding:.7rem;}
.pp-grid .ofdesc h6{ margin:0; padding:0;}
.pp-grid .ofdesc h6 a{color:#5F80A5; border:1px solid #5F80A5; display:inline-block; padding:.1rem .4rem; font-size:0.625rem; margin:0;}
.pp-grid .ofdesc h3{ margin:0; padding:0;}
.pp-grid .ofdesc h3 a{ color:#053A78; font-weight:bold; font-size:1rem; letter-spacing:normal;}
.pp-grid .ofdesc p.oftext a{color: #435268; line-height:1.25rem; font-size:0.875rem; display:block;}
.pp-grid .ofdesc a.oflogo{ display:block; color:#5F80A5; font-size:0.75rem; padding:.4rem 0 0 0; }
.pp-grid .ofdesc a.oflogo:after{ content:" "; display:block; width:100%; height:1px; clear:both;}
.pp-grid .ofdesc a.oflogo img{-webkit-border-radius:50%!important; -moz-border-radius:50%!important;border-radius:50%!important; float:right; margin-top:-.7rem}
.pp-services .pp-merchants .tabs-title > a {color: #4D4D4D;}
.pp-services .pp-merchants .tabs-title.is-active a{ background:#FFF!important; color:#3530A3;}
.pp-services .pp-merchants .tabs-content{ border:none!important}
.pp-services .pp-merchants .mlist{ display:table-row; list-style:none; margin:0 0 0 0;}
.pp-services .pp-merchants .mlist li{ display:table-cell; padding:.4rem 1rem;}
.pp-services .pp-merchants .mlist li a{ display:block;padding:.7rem .4rem; text-align:center; min-width:3.75rem}
.pp-services .pp-merchants .mlist li span{ display:block; margin:.5rem 0 0 0; color:#4D4D4D; font-size:0.75rem;}
.pp-services .pp-merchants .mlist li img{-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border-radius:50%!important;}

.pp-serviceblock.pb .pp-upload{ border:1px dashed #2B9BED; padding:3.45rem; text-align:center}
.pp-serviceblock.pb .pp-upload, .pp-serviceblock.pb .pp-template a{ border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;}
.pp-serviceblock.pb .pp-upload .btn-upload{ float:none;}
.pp-serviceblock.pb .pp-template a{ display:block; background:#FFF; padding:1.8rem; color:#1956B3; text-align:center}
.pp-serviceblock.pb .pp-template a span{ display:block;}
.pp-serviceblock.pb .pp-template a i{ font-size:4rem;}

.pp-serviceacc .switch{ float:right;}
.pp-serviceacc .switch span{ display:inline-block; padding-right:.5rem; color:#4C4F6B}
.pp-serviceacc input:checked ~ .switch-paddle { }
.pp-serviceblock.pb .pp-serviceacc.sub-1 h2, .pp-serviceblock.pb .pp-servicerpt h2{color:#4C4F6B}
.pp-acclist .accordion{ background:none;}
.pp-acclist .accordion-item{ position:relative; background: #FFFFFF;}
.pp-acclist .accordion-item.main-item{margin:0 0 2rem 0;}
.pp-acclist .accordion-title{ background:none;  border:none; color:#2B9BED;}
.pp-acclist .accordion-title.main-title{padding:1.25rem; font-size:1.5rem; border-bottom:1px solid #F2F2F2;}
.pp-acclist .sub-accordion .accordion-title.sub-title{ padding:1rem 1.25rem 1rem 3rem; font-size:1.125rem; border-bottom:1px solid #F2F2F2; color:#4C4F6B;}
.pp-acclist .sub-accordion .accordion-item.is-active .accordion-title.sub-title{-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px 2px 4px rgba(0, 0, 0, 0.05);box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);  border:none;}
.pp-acclist .accordion-content {border:none;}
.pp-acclist .checkall{position:absolute; left:1.25rem; top:1.5rem;}
.pp-acclist td.pay-img img{ max-height:30px;}
.pp-multipletotal{ position:fixed; bottom:0; left:0; right:0; padding:0 1.25rem;  background:#FFF;-webkit-box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px -4px 6px rgba(0, 0, 0, 0.05);box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.05);}
.pp-multipletotal table{ margin:0!important;}
.pp-multipletotal tfoot, .pp-multipletotal tfoot td{ background:none!important; border:none!important;}
.pp-multipletotal td .button{font-size:.8rem; margin:0; padding:.7rem 1.2rem .5rem 1.2rem;}

/*Landing Page*/
.pp-slideshow{ min-height:750px; background:#F7FAFF url(../img/slideshow2.png) right bottom no-repeat; background-size:cover;}
.pp-slideshow h1{ font-size:4.5rem; color:#191B2D; line-height:4.8rem; margin:0 0 2rem 0; padding:0 0 4.8rem 0; font-weight:500; white-space:nowrap}
.pp-slideshow p{ font-size:1.375rem; line-height:2rem; position:relative; padding-top:2.4rem}
.pp-slideshow p:before,.pp-merchants.vs2 p::before,.pp-benefits.vs2 p::before{ position:absolute; left:0; top:0; content:" "; width:6.25rem; height:.25rem; background: #2B9BED; border-radius: .25rem; -webkit-border-radius: .25rem; -moz-border-radius:.25rem}
.pp-slideshow .button{margin:1rem 1rem 1rem 0; border-width:2px!important}
.pp-slideshow .caption{ padding:4.3rem 0 4.3rem 4.3rem; max-width:45rem;}
.rw-words{ display:inline;}
.rw-words-1 span{padding-bottom:.5rem;position:absolute;opacity:0;overflow:hidden;color:#2B9AEB;-webkit-animation:rotateWord 18s linear infinite 0s;-ms-animation:rotateWord 18s linear infinite 0s;animation:rotateWord 18s linear infinite 0s; font-size:3rem}
.rw-words-1 span:nth-child(2){-webkit-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s}
.rw-words-1 span:nth-child(3){-webkit-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s}
.rw-words-1 span:nth-child(4){-webkit-animation-delay:9s;-ms-animation-delay:9s;animation-delay:9s}
.rw-words-1 span:nth-child(5){-webkit-animation-delay:12s;-ms-animation-delay:12s;animation-delay:12s}
.rw-words-1 span:nth-child(6){-webkit-animation-delay:15s;-ms-animation-delay:15s;animation-delay:15s}

.pp-slideshow.vs2{ min-height:650px; background:#F7FAFF url(../img/slideshow4.jpg) right bottom no-repeat; background-size:cover;}
.pp-slideshow.vs2 h1{color:#FFF;}
.pp-slideshow.vs2 p{color:#FFF;}
.pp-slideshow.vs2 p:before,.pp-merchants.vs2 p::before,.pp-benefits.vs2 p::before{ background:#FFF;}
.pp-slideshow.vs2 .button{color:#FFF!important; border-color:#FFF!important;}
.pp-slideshow.vs2 .caption{ color:#FFF!important;}
.pp-slideshow.vs2 .rw-words-1 span{color:#FFF!important;}
.pp-slideshow.vs2 .button.primary{  background:#FFF;color:#2B9BED!important; text-transform:none;}
.pp-slideshow.vs2 .button.hollow.primary{ background:none; color:#FFF!important;}

h2.mtitle{ font-size:2.5rem; color: #191B2D; text-align:center;margin:3rem 0 1rem 0; padding:0; font-weight:500;}
p.mdesc{font-size:1.375rem; color: #191B2D; text-align:center; margin:0 0 2rem 0; padding:0; line-height:2rem}
.pwrap .container{ max-width: 1300px; margin-right: auto; margin-left: auto;}
.pp-merchants{ background:#F7FAFF; border-bottom:3px solid #e5ebf1; padding-bottom:2rem;}
.pp-merchants .ic-biller{display:block; text-align:center; margin:.7rem auto .7rem auto; }
.pp-merchants .ic-biller img{max-width:99%; }

.pp-merchants  h4 a{ display:block; margin:0 0 2rem 0; padding:0; text-align:center; font-weight:600; color: #111419; font-size:1rem;}
.pp-merchants.vs2/*,.pp-benefits.vs2*/{ padding-top:4rem;}
.pp-merchants.vs2 h2.mtitle/*,.pp-benefits.vs2 h2.mtitle*/{ text-align:left; font-weight:700; margin-top:0px!important; padding-top:0px!important; font-size:3.625rem; line-height:3.9375rem;}
.pp-merchants.vs2 p.mdesc/*,.pp-benefits.vs2 p.mdesc*/{ text-align:left; position:relative; padding-top:2rem; font-size:1.5rem; line-height:2.1875rem;}
.pp-features{ background:#F7FAFF url(../img/bgfeature.png) bottom center repeat-x; padding-bottom:4.375rem; border-top:3px solid #e5ebf1;}
.pp-features p.mdesc{ margin-bottom:6rem;}
.pp-mediaslider{padding:0 0 3rem 0; margin-bottom:3rem;}
.pp-mediaslider #mediascroll.owl-carousel .owl-stage-outer{ overflow:visible;}
#mediascroll.owl-carousel .owl-item{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3;  -khtml-opacity: 0.3; opacity: 0.3;}
#mediascroll.owl-carousel .owl-item .caption{line-height:1.4375rem; height:0px; overflow:hidden; visibility:hidden; color: #191B2D; font-size:1rem; text-align:center; max-width:18rem; margin:1rem auto 1rem auto}
#mediascroll.owl-carousel .owl-item:hover{z-index: 1; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transition:none; -webkit-transform:none; -ms-transition:none; -moz-transition:none; transition:none; -ms-transform: scale(1); -moz-transform: scale(1);  transform: scale(1);}
#mediascroll.owl-carousel .owl-item.active.center{z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.2); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.2); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.2); transition: all 200ms ease-in; transform: scale(1.2); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1;  -khtml-opacity: 1; opacity: 1;}
#mediascroll.owl-carousel .owl-item.active.center img{-webkit-box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15), 0px 6px 12px rgba(116, 181, 33, 0.1); -moz-box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15), 0px 6px 12px rgba(116, 181, 33, 0.1) ; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15), 0px 6px 12px rgba(116, 181, 33, 0.1);}
#mediascroll.owl-carousel .owl-item.active .caption{ visibility:visible;height:auto; -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; }
#mediascroll.owl-carousel .owl-nav{ margin:0;}
#mediascroll.owl-carousel .owl-prev , #mediascroll.owl-carousel .owl-next{ position:absolute; top:0; bottom:9rem; background:none!important; color:#000; z-index:4; font-size:2rem; margin:0; padding:1rem; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
#mediascroll.owl-carousel .owl-prev{ left:30%;}
#mediascroll.owl-carousel .owl-next{ right:30%;}
#mediascroll.owl-carousel .owl-item .caption a{color: #191B2D; }
#mediascroll.owl-carousel .owl-item .caption p{line-height:1.3rem; font-size:.875rem; }
#mediascroll.owl-carousel .owl-item .caption h4{ margin:0 0 .7rem 0; font-size:1rem; font-weight:600;}
/*FAQs*/
#pp-faqs .accordion-title:focus,#pp-faqs .accordion-title:focus a,#pp-faqs .accordion-item.is-active .accordion-title a {background-color: #2B9BED; color:#FFF;}
.clearwrap .pp-faqs h4{ margin:2rem 0 1rem;}
.pp-benefit ul{list-style:none; margin:0; padding:0;}
.pp-benefit li{ position:relative; padding:0 0 .7rem 1.5rem;}
.pp-benefit li::before{ font-family:'Pe-icon-7-stroke'; content:"\e66c"; position:absolute; top:0; left:0; font-size:1rem; color:#093; font-weight:bold; }
.pp-benefits.vs1 .icimg{ font-size:2.5rem; overflow:hidden; display:block; width:6rem; height:6rem; margin:.7rem 0; text-align:center; background:url(../img/bgben.png) center center no-repeat; color:#FFF;}
.pp-benefits.vs1 .icimg i{margin-top:1.7rem}
.pp-benefits.vs2 .pp-ben{margin-bottom:3.75rem; background: #FFFFFF; -webkit-box-shadow:0px 0px 61.4962px rgba(0, 0, 0, 0.05); -moz-box-shadow:0px 0px 61.4962px rgba(0, 0, 0, 0.05);box-shadow: 0px 0px 61.4962px rgba(0, 0, 0, 0.05); border-radius: 8.1995px;-webkit-border-radius: 8.1995px; -moz-border-radius:8.1995px; padding:1.625rem}
.pp-benefits.vs2 .icimg{display:block; font-size:1.875rem; color:#2B9BED; margin-bottom:1.5rem;}
.pp-benefits.vs2 .pp-ben p{ margin-bottom:0;}
.pp-benefits{ background:#FFF; padding:0 0 2rem 0;}
.pp-benefits.vs2{ padding-bottom:0; border-bottom:3px solid #e5ebf1;}
.pp-benefits h4{ font-size:1rem; font-weight:bold; color: #191B2D; padding:0; margin:0 0 1rem 0}
.pp-benefits p{ margin-bottom:3rem;/* font-size:.875rem;*/}
.pp-getstarted-full.pwrap{ overflow:visible;}
.pp-getstarted{ overflow:hidden;  position:relative; margin:3rem 0 1rem 0;background: linear-gradient(325.65deg, #15B9E6 -9.67%, #1483EA 93.73%); background-image:url(../img/blbg.png); background-position:center top; background-size:cover;
-webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 0px 60px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1); border-radius:.625rem; -moz-border-radius:.625rem; -webkit-border-radius:.625rem;}
.pp-getstarted img{ position:absolute; bottom:0; right:0; max-height:15rem;}
.pp-getstarted h2.mtitle{ font-size:3rem; color: #FFF; text-align:left; margin:3rem 0 .7rem 3.5rem; padding:0; font-weight:500;}
.pp-getstarted p.mdesc{ font-size:1.375rem; color:#FFF; text-align:left; max-width:25rem; color: #CCE9FF; margin:0 0 1rem 3.5rem;}
.pp-getstarted .button.light{background:#FFFFFF; box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.1); border-radius:.25rem;-moz-border-radius:.25rem; -webkit-border-radius:.25rem; color: #2B9BED;  margin:0 0 3.5rem 3.5rem;}
.pp-getstarted a.flink{ position:absolute; top:0;bottom:0; left:0; right:0; width:100%; height:100%; z-index:4;}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes rotateWordsSecond {
    0% { opacity: 1; animation-timing-function: ease-in; width: 0px; }
    10% { opacity: 0.3; width: 0px; }
	20% { opacity: 1; width: 100%; }
    27% { opacity: 0; width: 100%; }
    100% { opacity: 0; }
}

/*Admin Dashboard*/
.admin .pp-body, body.solid.admin, .solid.whtbg.admin .pp-body {background: #F1F1F1!important;}
.pp-admin h2,h3.pg-title{font-family: 'Quicksand',sans-serif; font-weight:normal;}
.pp-admin .pp-sidebar { border-right:1px solid #DEDEDE;}
.pp-admin .pp-sidebar h2{font-size:1rem; margin:1rem 0 0 0;}
.pp-admin .pp-sidemenu ul.menu li a { padding: .5rem 0!important; font-weight:normal!important; display:block;}
.pp-admin .pp-sidemenu ul.menu li li.active a { color:#1e68a2!important;}
.pp-admin .pp-sidemenu ul.menu li h2 a{font-weight:bold!important;padding: .5rem!important;}
.pp-admin .mainbody{ min-height:600px;}
h3.pg-title{ font-size:1.5rem;}

/*Tracker*/
ol.progtrckr {
    margin: -20px 0 20px 0;
    padding: 0;
    list-style-type none;
	font-weight:bold;
}
ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
}
ol.progtrckr[data-progtrckr-steps="2"] li { width: 50%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33.3333%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 25%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 20%; }
ol.progtrckr li.progtrckr-done {
    color: #1D4D72;
    border-bottom: 4px solid #1D4D72;
}
ol.progtrckr li.progtrckr-current:before {
    background-color: #F1F1F1;
    bottom: -1.95em;
    color: #2799ED;
    content: "\039F";
    font-size: 1.3em;
    padding-left: 0.5px
}

ol.progtrckr li.progtrckr-current{
	color: #2799ED;
    border-bottom: 4px solid #2799ED;
}

ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
}
ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: #1D4D72;
    background-color: #1D4D72;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: #F1F1F1;
    font-size: 1.3em;
    bottom: -1.95em;
    padding-left: 0.5px
}

/* Small only */
@media screen and (max-width: 39.9375em) {
header.plainwh #simple-menu{display:none!important;}
.pp-title{ padding:.5rem 0 1rem 0;text-align:center;}
.pp-title .cl-right{ padding:.7rem 0 0 0; }
ol.progtrckr li span{display:none!important;}
.pp-steps { padding:1rem 0 0 0; margin:0 0 -1.5rem 0;}
/*Corporate*/
.pp-form-content{  padding:2.5rem 1.5rem 1rem 1.5rem;}
.pp-slideshow.vs2{ min-height:0!important;}
.pp-slideshow h1{ font-size:2.5rem; line-height:2.3rem; margin:0 0 2rem 0; padding:0 0 3.5rem 0; font-weight:500; white-space:normal}
.rw-words-1 span{font-size:2rem; right:2rem; left:0rem}
.pp-slideshow p{ font-size:1.2rem; line-height:1.9rem; position:relative; padding-top:2.4rem}
.pp-slideshow p:before{ position:absolute; left:0; top:0; content:" "; width:6.25rem; height:.25rem; background: #2B9BED; border-radius: .25rem; -webkit-border-radius: .25rem; -moz-border-radius:.25rem}
.pp-landing section.pp-slideshow .button{margin:1rem 1rem 1rem 0; padding:1rem 1.2rem!important;}
.pp-slideshow .caption{ padding:2rem 1.5rem 2rem 1.5rem; max-width:none; position:relative}
.pp-slideshow .caption h1,.pp-slideshow .caption p, .pp-slideshow .caption a{ z-index:4; position:relative;}
.pp-slideshow .caption::after{z-index:3; content:" ";position:absolute; top:0; bottom:0; left:0; right:0; background: rgba(43,156,237,0.8);
background: - moz-linear-gradient(left, rgba(43,156,237,0.8) 0%, rgba(43,156,237,0.8) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(43,156,237,0.8)), color-stop(100%, rgba(43,156,237,0.8)));
background: -webkit-linear-gradient(left, rgba(43,156,237,0.8) 0%, rgba(43,156,237,0.8) 100%);
background: -o-linear-gradient(left, rgba(43,156,237,0.8) 0%, rgba(43,156,237,0.8) 100%);
background: -ms-linear-gradient(left, rgba(43,156,237,0.8) 0%, rgba(43,156,237,0.8) 100%);
background: linear-gradient(to right, rgba(43,156,237,0.8) 0%, rgba(43,156,237,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b9ced', endColorstr='#2b9ced', GradientType=1 );}
h2.mtitle{ font-size:2.4rem; line-height:2.5rem; color: #191B2D; text-align:center; margin:3rem 0 1rem 0; padding:0 .7rem; font-weight:500;}
p.mdesc{font-size:1.275rem; color: #191B2D; text-align:center; margin:0 0 3rem 0; padding:0 .7rem; line-height:1.8rem}
.pp-features{ background-image:none; padding-bottom:0rem;}
.pp-benefits.vs1 .icimg { margin-left:auto; margin-right:auto;}

.pp-benefits,.pp-getstarted-full{ padding-left:1rem; padding-right:1rem; text-align:center}
.pp-benefits .icimg{ margin-left:auto; margin-right:auto;}
.pp-getstarted{ padding-bottom:15rem; text-align:left}
.pp-getstarted h2.mtitle{ font-size:2.3rem; margin:2rem 2rem .7rem 2rem; padding:0; font-weight:500;}
.pp-getstarted p.mdesc{ font-size:1.275rem; color:#FFF; text-align:left; max-width:none; color: #CCE9FF; margin:0 2rem 1rem 2rem; padding:0;}
.pp-getstarted .button.light{margin:0 2rem 0 2rem!important;}
.sidr .sidr-inner{ padding-bottom:0!important;}
.pp-serviceblock.pb { margin: 1rem .5rem 0 .4rem;}
.pp-sidebar,.sidr-class-prinits{ display:none!important}
.pp-sidebar .pp-sidemenu{ padding-top:0}
.pp-serviceblock{ margin-top:-.2rem;}
.pp-summary .c1,.pp-summary .c2{ border-bottom:1px solid #EDEDED;}
.pp-bills{ border-top:1px solid #EDEDED; padding-top:1rem; margin-top:1rem}
.in-details .column{border-width:1px 0 0 0; }
#countryTabs fieldset{ padding:0 0 .7rem 0; border-width:0 0 1px 0;}
.pp-body.src .slidearea{ background-image:none!important; padding:.7rem;}
.resp-tabs-list li { max-width:28%; padding-left:2%!important; padding-right:2%!important; line-height:1.1em;}
.resp-tabs-list li:last-child span{ padding-left:5px!important; padding-right:5px!important;}
.row.uncollapse{margin-right: -.625rem; margin-left: -.625rem;}
#mediascroll.owl-carousel .owl-next {right:1%; color:#FFF;}
#mediascroll.owl-carousel .owl-prev { left:1%; color:#FFF;}
.pp-serviceblock .optiontabs label small { display:none!important;}
.pp-serviceblock .optiontabs .column-block, .pp-serviceblock .optiontabs .column-block .boxgrad { border-radius: 6px!important; -moz-border-radius: 6px!important; -webkit-border-radius: 6px!important; margin-bottom:.5rem!important;}
.pp-serviceblock .payptions h4{font-weight:bold!important; margin-bottom:.5rem;}

/*SimpleSelling*/
.productDesc h2{ font-size:1.4rem;}
.productImg{ text-align:center; margin-bottom:1rem}

/*Services*/
.pp-serviceblock.pb .btn-upload { padding:.4rem .6rem; font-size:.8rem; margin:0 .7rem 0 0;}
.pp-serviceblock.pb .accordion{ margin-bottom:0!important}
.pp-serviceblock.pb .accordion-title{ border-left:0!important; border-right:0!important;}
.pp-servicemenu ul,.pp-accmenu ul.menu{ margin:0; max-width:none; text-align:center; display:table-row; list-style:none;}
.pp-servicemenu ul li{ width:24%; text-align:center; display:table-cell;}
.pp-servicemenu ul li a{padding:.7rem .25rem;}
.pp-servicemenu ul li a span{ font-size:.7rem;}
.pp-accmenu ul.menu li{ width:33%; text-align:center; display:table-cell;}
.pp-accmenu ul.menu li a{ font-size:.9rem; text-align:center;}
.pp-accmenu ul.menu li a span{padding:.7rem .5rem .5rem .5rem; text-align:center; display:block!important;}

.pp-serviceblock.pb h2, .pp-servicebg h2 { text-align:left; margin-left:0rem; margin-right:0rem}
.pp-serviceblock.pb .pp-serviceacc.sub-1 h2,.pp-serviceblock.pb .pp-servicerpt h2{text-align:left; margin-left:0rem; margin-right:0rem}
.pp-services .tabs-link{ float:none; }
.pp-services .tabs-link > a{padding: 1.25rem 1rem; color:#1e62a6; border-top: 1px solid #e6e6e6; text-align:left; font-size:1rem;}
.pp-services #service-tabs li > a i{font-size:1rem; margin-right:.3rem}
.pp-services .tabs-link > a > span{ display:inline; padding:0; font-size:1rem;}

.pp-serviceblock.pb .pp-grid h2{margin:1rem .7rem 0 .7rem;}
.pp-serviceblock.pb .pp-grid h5{ margin:0 .7rem 5rem .7rem;}
.pp-services .pp-merchants .mlist{ display:block;}
.pp-services .pp-merchants .mlist li{display: inline-block; padding: .4rem .5rem; max-width:33%;}

.pp-online .pp-moretabs span { font-size: 0.7375rem; margin: 0; padding: 0 .2rem;  color: #4F4F4F; line-height: 0.7375rem;}
.pp-online .pp-moretabs a {  display: block; padding: .7rem 0;}
.pp-events .orbit-figure .edate { margin-left:1rem}
.pp-events .orbit-figure h3{ padding:0; margin:0;  font-size:1.2rem}
.pp-events .orbit-figure h3 a{ padding:1rem; font-size:1.5rem; min-height:0;}
.pp-events .orbit-figure a.more{ display:block; padding:0 1rem 1rem 1rem;}

.pp-serviceblock.pb .pp-upload, .pp-serviceblock.pb .pp-template a{ margin:0 1rem 1rem 1rem;}
.pp-serviceblock.pb .pp-upload{ padding:2rem;} 
.pp-serviceblock.pb .pp-template a{ padding:1rem}
.pp-serviceblock.pb .pp-template a i { font-size:2.5rem;}
.pp-serviceblock .progress { margin-top:-1rem!important}

/*Responsive table*/
table { width: 100%; border:none!important; }
table, thead, tbody, tfoot, th, td, tr { display: block;}
thead tr {position: absolute; top: -9999px; left: -9999px;}
tr { border-bottom: 3px solid #DDD!important; }
td.sm-hide{display:none!important;}
tbody td,.pp-list td { border: none; border-bottom: 1px solid #EEE;  position: relative; padding-left: 45%!important;}
tbody td:before,tfoot td:before { position: absolute; left:1rem; width: 45%; padding-right: 10px;  white-space: nowrap; content: attr(data-column); color: #000;
font-weight: bold; text-align:left;}
.table tbody .text-right, .table tbody .text-center{ text-align:left!important;}
.table tfoot td,.table tfoot td.text-right,.table tfoot td.text-center{ text-align:right!important}
.dataTables_length, .dataTables_filter, .dataTables_info { padding-top:0!important;}
.pp-list td.biller{ white-space:normal;}
.pp-list td.biller span{display:block;}
.pp-list td.status a { float:none;}
}

/* Medium and up */
@media screen and (min-width: 40em) {
.solid .pp-body { padding-top: 124px!important}
.pp-landing.solid .pp-body { padding-top: 62px!important}
.solid.grey .pp-body { padding-top:0!important;}
/*Header*/
.pp-title .cl-right{ text-align:right;}
.pp-title h1{display:inline}
.pp-title form{width:auto; display:inline}
.pp-title select{ margin:0 0 0 1rem; width:auto; display:inline}

/*Corporate Service*/
.pp-form-content{  padding:2.5rem 3rem 1.5rem 3rem;}
header .top-bar-right.mrgright{ margin-right:2rem}
.pp-landing .top-bar .top-bar-right .menu > li > a,.top-bar .top-bar-right .menu a.pp-loginlink,.top-bar .top-bar-right .menu a.pp-registerlink { padding-left:1rem!important; padding-right:1rem!important; margin-left:1rem!important; margin-right:1rem!important;}
.pp-serviceblock .btn-bill{ float:right; margin-top:-2.8rem; margin-bottom:1.5rem; }
.pp-serviceblock .btn-bill.btn-2{ margin-right:1rem;}
.pp-serviceblock .btn-download{ display:block; text-align:right; clear:both;}
.pp-serviceblock{ margin-top:2rem; max-height:none;}	
.pp-serviceblock.sf,.pp-serviceblock.pp{ margin-top:-3.9rem; position:relative; z-index:3}
.in-details .amt{border-width:0 0 0 1px;}
.in-details .pnd{border-width:0 0 0 1px;}
.sleft{ /*border-right:1px solid #DDD;*/}
.pp-bulktools{ min-width:45rem;}
.reveal.reveal-side{ position:absolute!important; right:0!important; top:0!important; bottom:0!important; width:40rem;}

/*SimpleSelling*/
.productBtn{ text-align:right;}

/*Hotels*/
.pp-hdetails .hotel-img .padd{padding: 1rem 0 1rem 1rem;}
.pp-hdetails .hotel-img img{width:100%!important;}
.pp-hdetails .hotel-desc .padd{padding:1rem;}


}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 64em) {

.pp-slideshow{ position:relative}
.pp-slideshow h1{ position:relative; z-index:2; font-size:3rem; line-height:2.8rem; margin:0 0 2rem 0; padding:0 0 3.5rem 0; white-space:normal}
.pp-slideshow p{ position:relative; z-index:2; font-size:1.375rem; line-height:1.9rem; padding-top:2.4rem}
.pp-slideshow p:before{ position:absolute; left:0; top:0; content:" "; width:6.25rem; height:.25rem; background: #2B9BED; border-radius: .25rem; -webkit-border-radius: .25rem; -moz-border-radius:.25rem}
.pp-landing section.pp-slideshow .button{position:relative; z-index:2; margin:1rem 1rem 1rem 0; padding:1rem 1.2rem!important;}
.pp-slideshow .caption{ padding:2rem 2rem 1rem 2rem; max-width:none;}
.pp-slideshow .caption h1,.pp-slideshow .caption p, .pp-slideshow .caption a{ z-index:4; position:relative;}
.pp-slideshow .caption::after{z-index:3; content:" ";position:absolute; top:0; bottom:0; left:0; right:0; background: rgba(43,156,237,0.8);
background: - moz-linear-gradient(left, rgba(43,156,237,0.8) 0%, rgba(43,156,237,0.8) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(43,156,237,0.8)), color-stop(100%, rgba(43,156,237,0.8)));
background: -webkit-linear-gradient(left, rgba(43,156,237,0.8) 0%, rgba(43,156,237,0.8) 100%);
background: -o-linear-gradient(left, rgba(43,156,237,0.8) 0%, rgba(43,156,237,0.8) 100%);
background: -ms-linear-gradient(left, rgba(43,156,237,0.8) 0%, rgba(43,156,237,0.8) 100%);
background: linear-gradient(to right, rgba(43,156,237,0.8) 0%, rgba(43,156,237,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b9ced', endColorstr='#2b9ced', GradientType=1 );}
.pp-getstarted-full{ padding-left:1rem; padding-right:1rem;}
.pp-getstarted p.mdesc{ max-width:15rem;}
.pp-getstarted img{ max-height:200px;}
.in-details .amt span, .in-details .pnd span{ font-size:1.1rem;}

}

/* Large and up */
@media screen and (min-width: 64.12em) {
	
	.expl{ padding:2rem 1.8rem 3rem 1.8rem; }
	.row{ }
	.pp-form-content{  padding:2.5rem 7rem 1.5rem 7rem;}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	
}

@media screen and (min-width: 83em){
	.solid .pp-body { padding-top: 62px!important}
	.solid.grey .pp-body { padding-top:0!important;}
}