/* 
Theme Name:    Myebanc
/*--------------------------------------------------------------
>>> Online Products Style:
----------------------------------------------------------------*/
.subpost-wrapper{ padding-bottom: 60px}
.header-pan{ background-color: #FFF; text-align: center; }
.hed-on-child{ padding-left: 69px; padding-top: 80px }
.header-pan h1,.header-pan h2, .header-pan h3{ margin: 0;font-weight: 300}
.header-pan h2{ color: #52575f; font-size: 56px; font-size: 5.6rem; line-height: 58px;line-height: 5.8rem; letter-spacing: -1px; padding-bottom: 26px; text-align: left; }
.header-pan h1, .header-pan h3{ color: #d06301; font-size: 30px; font-size: 3rem; line-height: 40px; line-height: 4rem;text-align: left; }
.subproduct-wrapper{ padding-top: 114px}
.sub-pro-pan h3{ text-align: center; font-size: 56px; font-size: 5.6rem; line-height: 58px; line-height: 5.8rem; color: #FFF; font-weight: 300; margin: 0; padding-bottom: 9px;
background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/new-yellow-orange-brown-300.svg); background-attachment: fixed;
overflow: hidden; padding-left: 0.5rem; padding-right: 0.5rem;
}
.sub-pro-pan-box{ background-color: #FFF; min-height: 770px; padding-left: 50px; padding-top: 44px; padding-right: 50px}
.sub-pro-pan h4{ margin: 0; color: #d06301; font-size: 30px; font-size: 3rem; font-weight: 300; padding-bottom: 26px;min-height: 96px;}
.comperbox{ margin-bottom: 30px }
.comperbox li{ font-size: 20px; color: #bc5801}
.other-info-list{ padding-bottom: 25px; }
.deposit_amount{ font-size: 18px; font-size: 1.8rem; line-height: 19px; line-height: 1.9rem; color: #52575f; font-weight: 500; min-height: 50px;}
.months_list_pan{ list-style: none; padding: 0; margin: 0; padding-bottom: 20px;}
.months_list_pan li,.comparisons_list li{ font-weight: 500; color: #52575f; font-size: 18px; font-size: 1.8rem; display: block; padding-bottom: 6px}
.months_list_pan li span,.comparisons_list li span{ display: inline-block; font-size: 30px; font-size: 3rem; font-weight: 300; color: #d06301; text-transform: uppercase; width: 100%; max-width: 159px;vertical-align: bottom;}
.comparisons_list li span{max-width: 147px;}
.contentinfo{ padding-bottom: 15px;}
.otherinfo{ font-size: 18px; line-height: 24px; font-size: 1.8rem;  line-height: 2.4rem; color: #52575f; padding-bottom: 13px;  margin-bottom: 10px;font-weight: 500;}
.details-button{ display: block; margin: 0 auto; width: 170px; height: 40px; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; line-height: 34px; line-height: 3.4rem; background-color: #52575f; border: 2px solid #e6921f; color: #FFF; letter-spacing: 1px; position: absolute; left: 0; right: 0; bottom: 0; margin-bottom:60px; font-weight: 500; text-align: center;}
.details-button:hover,.details-button:focus{ background-color:#bc5801; color: #FFF; border-color: #e7921d }
.savings-calculator-pan{ padding-top: 51px; padding-bottom: 45px}
.calculator-disclosure{ padding-top: 34px;width: 73%; margin: 0 auto }
.calculator-disclosure p{ color: #FFF; text-align: center;font-size: 12px;line-height: 16px;font-size: 1.2rem;line-height: 1.6rem;margin: 0;padding: 0;}

.savings-calculator-pan h2{ text-align: center; color: #FFF; margin: 0; font-weight: 300; font-size: 48px; font-size: 4.8rem;padding-bottom: 41px}
.calc-button{ text-align: center; margin: 0 auto; display: block; width: 370px; height: 60px; font-weight: 300; font-size: 30px; font-size: 3rem; line-height: 56px; line-height: 5.6rem; color: #FFF; border: 2px solid #ffd248; border-radius: 60px; cursor: pointer; }
.calc-button:hover,.calc-button:focus{background-color:#ffd248; color: #52575f; border-color: #ffd248}
.marketo-wrapper,.product-single-wrapper-details{ background-color: #FFF; }

.product-single-wrapper,.my-esavings-combo-detaisl-wrapper{ margin-bottom: 177px}
.product-single-wrapper-details{ padding: 0 15px; padding-bottom: 69px}
.head-pan{ text-align: center; padding-top: 50px; padding-bottom: 42px}
.head-pan h1,.head-pan h2, .head-pan .header-sec-f{ font-weight: 300; margin: 0; color: #52575f}
.head-pan h2{ font-size: 56px; font-size: 5.6rem; line-height: 60px; line-height: 6rem; padding-bottom: 23px}
.head-pan h1, .head-pan .header-sec-f{ color: #d06301; font-size: 30px; font-size: 3rem; line-height: 40px; line-height: 4rem}
.product-sin-con-pan .right-pan{ background-color: #f3f3f3; padding-left: 52px; padding-top: 46px; padding-bottom: 60px}
.deposit-info{ border:2px solid #e8e8e8; padding-left:30px; padding-right: 30px; padding-top: 39px; padding-bottom: 5px; min-height: 460px}
.deposit-info h3,.deposit-info .title-h1{ margin: 0; color: #52575f; font-weight: 300; font-size: 44px; font-size: 4.4rem; padding-bottom: 26px}
.deposit-info h3 span{ display: inline-block; padding-left: 5px}
.deposit-info .deposit_amount{ margin-bottom: 0; padding-bottom: 24px; padding-top:0; line-height: 24px; line-height: 2.4rem}
.deposit-info .contentinfo{ margin-bottom: 0; padding-bottom: 0}
.openaccount-buton{ padding-top: 30px}
.openaccount-buton .button{ display: block; text-align: center; width: 370px; height: 60px; line-height: 56px; font-weight: 300; border: 2px solid #ffd248; border-radius: 60px; color: #5e626a; font-size: 30px; font-size: 3rem}
.openaccount-buton .button span{ display: none;}
.openaccount-buton .button:hover,.openaccount-buton .button:focus{ background-color:#ffd248; color: #52575f; border-color: #ffd248 }
.top-det{ padding-bottom: 29px}
.top-det h2{ font-weight: 300; margin: 0; color: #b25400; font-size: 30px; font-size: 3rem; line-height: 32px; line-height: 3.2rem; padding-bottom: 28px}
.top-det p{ font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; color: #52575f; padding-right: 15px;}
.det-right-pan h3{ margin: 0; font-size: 18px; font-size: 1.8rem; text-transform: uppercase;color: #b25400; padding-bottom: 26px}
.features_opction-list,.page-list,.comparisons_list{ list-style: none; padding: 0; margin: 0}
.features_opction-list li{ text-transform: uppercase; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; padding-left: 20px; position: relative; padding-bottom: 7px}
.features_opction-list li:before{ background-color: #e6921f; width: 4px; height: 4px; border-radius: 100%; content: ""; position: absolute; left: 0; top: 7px}
.features_info_pan{ padding-top: 25px; display: none;}
.features_info_pan p{ line-height: 18px; line-height: 1.8rem}
.features_info_pan p a{ text-transform: uppercase; text-decoration: underline; color: #52575f; display: inline-block; padding-top: 7px}
.features_info_pan p a:hover{color: #d06301;}
.page-list li{ line-height: 70px; line-height: 7rem; font-size: 18px; font-size: 1.8rem; display: inline-block; vertical-align: middle; margin-bottom: 8px; text-transform: uppercase; position: relative;}
.page-list li span{ text-transform: capitalize }
.page-list li span.detailspage{ display: block; font-size: 14px; font-size: 1.4rem;padding-left: 84px; line-height: 18px; line-height: 1.8rem;
    position: absolute;
    bottom: 0; }
.page-list li a.gt_dtls_cus span.detailspage{text-decoration: underline; color: #52575f;}
.page-list li a.gt_dtls_cus:hover span.detailspage{ color: #d16302;}
.page-list li span.iconpan{ display: inline-block; font-size: 60px;vertical-align: middle; background-color: #FFF; border-radius: 100%; width: 70px; height: 70px; overflow: hidden; padding: 5px; text-align: center; margin-right: 10px}
.page-list li:hover a{ color: #52575f}
.features_opction-list{ width: 100%; max-width:309px}
.comparisons-wrapper{ padding-left: 30px; padding-top: 94px}
.comparisons-wrapper h4{ margin: 0; font-size: 30px; font-size: 3rem; font-weight:300; padding-bottom: 35px; color: #d06301}
.comparisons-wrapper h4 span{ display: block; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; font-weight:500; color:#52575f }
.comparisons_list li{ font-size: 20px; font-size: 2rem; font-weight: 300; color: #52575f}
.comparisons_list li span{color: #52575f}
.comparisons_list li:first-child,.comparisons_list li:first-child span{ color:#d16302}
.video-pan{ padding-top: 82px}
.video-hed-title{ text-align: center; margin: 0; color: #FFF; font-weight: 300; font-size: 48px; font-size: 4.8rem; background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),url(../images/new-yellow-orange-brown-300.svg); background-attachment: fixed;
overflow: hidden; padding: 1.5rem; display: inline-block; margin-left: 95px !important;}
.videobax{ background-color: #FFF; padding: 0 15px; padding-top: 63px; padding-bottom: 62px; margin-top: 86px; margin-bottom: 30px}
.videobax h2,.videobax p{ font-weight: 300; margin: 0; font-size: 30px; font-size: 3rem;}
.videobax h2{ color: #d06301; padding-top: 47px; padding-bottom: 4px}
.videobax p{ line-height: 40px; line-height: 4rem}
.videobax .videobutton{ text-transform: uppercase; display: inline-block; font-size: 18px; font-size: 1.8rem; text-decoration: underline; font-weight: 500; color: #52575f; margin-top: 50px}
.videobax .videobutton:hover{ color: #d06301;}
.video-pan .openaccount-buton .button{ margin: 0 auto; border-color: #fdd248; width: 570px; color: #FFF; font-weight: 300}
.video-pan .openaccount-buton .button:hover,.video-pan .openaccount-buton .button:focus{ background-color: #ffd248; color: #52575f; border-color: #ffd248}
.video-pan .openaccount-buton .button span{ display: inline-block;}
.single-online_products .otherinfo{ display: none;}
.single-online_products.postid-52 .otherinfo{ display: block;}
.postid-54 .months_list_pan li span,.postid-56 .months_list_pan li span{ display: block;}
.details-button2 { display: block; width: 170px; height: 40px; text-transform: uppercase; font-size: 1.8rem; line-height: 3.4rem; background-color: #52575f; border: 2px solid #e6921f; color: #fff; letter-spacing: 1px; position: relative; font-weight: 500; text-align: center;}
.details-button2:hover,.details-button:focus{ background-color:#bc5801; color: #FFF; border-color: #e7921d }

/*--------------------------------------------------------------
>>> My-esavings Combo Style:
----------------------------------------------------------------*/
.top-pan-hed{ background-color: #FFF; min-height:458px}
.left-top{ padding-left: 65px; padding-top: 77px}
.left-top h1,.left-top p, .left-top .escom-h2{ font-weight: 300; margin: 0}
.left-top h1, .left-top .escom-h2 { font-size: 48px; line-height: 60px; font-size: 4.8rem; line-height: 6rem; padding-bottom:44px}
.left-top p{ font-size: 30px; line-height: 40px; line-height: 4rem; font-size: 3rem; color: #d06301}
.rigt-top p{ margin: 0 }
.rigt-top h2{ margin: 0; font-size: 112px; line-height: 100px; color: #d06301; font-weight: 300;}
.rigt-top span{ color: #52575f; font-size: 18px; font-size: 1.8rem; line-height: 20px; line-height:2rem; font-weight: 500; margin: 0; text-transform: uppercase; padding-bottom: 38px; display: block; padding-top: 16px}
.rigt-top p{ font-weight: 300; font-size:30px; line-height: 40px; font-size: 3rem; line-height: 4rem}
.combo-includes-wrapper{ padding-top: 24px}
.combo-includes-wrapper .page-title{ text-align: center; color: #52575f; font-size: 48px; font-size: 4.8rem; font-weight: 300}
.combo-includes-wrapper .page-title span{ display: inline-block; padding-left: 10px}

.includes-detail-wrapper{ padding:15px; margin-bottom: 74px; margin-top: 34px}
.includes-right{ background-color: #f3f3f3; padding-left: 45px; padding-top: 30px; padding-bottom: 30px}
.includes-left{ padding-top: 6px}
.includes-left .amount{ color: #d06301; font-size: 112px; font-weight: 300; line-height: 72px; padding-left: 53px; text-align: left; display: block;}
.includes-left .amount span{ display: none;}
.hed-amount-pan{background-color: #f3f3f3; padding-left: 50px; padding-top: 21px; padding-bottom: 8px}
.hed-amount-pan .amountcontent{ margin: 0; color: #52575f; font-size: 18px; font-size: 1.8rem; text-transform: uppercase; padding-bottom: 9px}
.hed-amount-pan .heading{ font-size: 30px; font-size: 3rem; color: #d06301; font-weight: 300}
.includes-left .combo_pan{ margin-bottom: 39px; display: block;}
.includes-left .combo_pan:nth-child(2){ margin-bottom: 0}
.includes-left .combo_pan:nth-child(2) .amount{ position: relative;}
.includes-left .combo_pan:nth-child(2){ margin-bottom: 0 }
.plus-icon{ position: absolute; left: 23px;color: #8bc53e;font-size: 112px;font-weight: 300;margin-top: 50px;}
.my-esavings-contentinfo ul{ list-style: none; padding: 0; margin: 0}
.my-esavings-contentinfo li{font-weight: 500; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; padding-bottom:6px; text-transform: none;}
.my-esavings-contentinfo li:last-child{ color: #d06301}
.bot-info-pan{ padding-left: 50px; padding-top: 44px}
.my-esavings-bot-pan p{ margin: 0}



.my-esavings-bot-pan.my-esavings-dis p { color: #b4b6b9; line-height: normal; margin-bottom: 10px; }



.includes-right h2{ font-weight: 300; color:#d06301; font-size: 30px; font-size: 3rem; margin: 0}
.additional-box{ overflow: hidden; display: block; margin-bottom: 20px}
.additional-box:last-child{ margin-bottom: 0}
.additional-list-pan{ padding-top: 14px}
.additional-box .icon-pan{ float: left; width: 70px; height: 70px; background-color: #FFF; border-radius: 100%; position: 5px; margin-right: 12px; text-align:  center; font-size: 60px; line-height: 70px}
.additional-box .additional-right-box{ float: left; text-transform: uppercase; width: 100%; max-width: 430px}
.additional-right-box h3{ margin: 0; color: #d06301; padding-top: 12px; padding-bottom: 3px; font-size: 18px; font-size: 1.8rem}
.additional-right-box h3 a{ display: block; line-height: normal; }
.additional-right-box h3 a span{ text-transform: capitalize; }
.additional-right-box h3 a:hover,.additional-right-box h3 a:focus{ color: #52575f }
.additional-right-box ul{ list-style: none; padding: 0; margin: 0}
.additional-right-box li{ font-size: 14px; line-height: 24px; font-size: 1.4rem; line-height: 2.
4rem}
.my-esavings-bot-pan{ padding-top: 26px; padding-bottom: 0}
.contentinfo.my-esavings-bot-pan{padding-bottom: 0}
.my-esavings-bot-pan p a{ color: #52575f; text-decoration: underline;}
.my-esavings-bot-pan p a:hover{ color: #d16302;}
.bot-info-pan{ padding-top: 0 }

/*--------------------------------------------------------------
>>> Testimonial Style:
----------------------------------------------------------------*/
.testimonial-wrapper { margin-top: 77px}
.testimonial-slide{ overflow: hidden; background-color: #FFF}
.client-image,.client-details{ width: 50%; float: left; }
.testimonial-wrapper .cycloneslider-template-standard{ margin: 0}

.client-details{  color: #d06301; padding-left: 75px;padding-right: 75px;  font-weight: 300; padding-top: 124px; opacity: 1}
.client-details p{  padding: 0; font-size: 30px; font-size: 3rem; line-height: 40px; line-height: 4rem; margin-bottom: 22px}
.client-details h4{  padding: 0; color: #52575f; font-size: 14px; font-size: 1.4rem; line-height:54px; line-height:5.4rem; }
.testimonial-slide{ display: none; }
.testimonial-slide:first-child{ display: block; }
.flexslider {margin: 0;padding: 0; background: #fff; position: relative;zoom: 1; } 
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {margin: 0;padding: 0;list-style: none; overflow: hidden;}
.flex-control-nav {width: 100%;position: absolute;bottom: 25px;text-align: center;z-index: 9;right: -25%;}
.flex-control-nav li {margin: 0 6px;display: inline-block;zoom: 1;}
.flex-control-paging li a.flex-active {background: #000;background: rgba(0, 0, 0, 0.9);cursor: default;}
.flex-control-paging li a {width: 5px;height:5px;display: block; background-color: #e8e8e8;cursor: pointer;
text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}

.my-esavings-combo-detaisl-wrapper .video-pan{ padding-top: 30px}


/*--------------------------------------------------------------
>>> Calculator
----------------------------------------------------------------*/
#calcbutton{display:none;}
.calculator-wrapper{ padding-bottom: 42px; text-align: center; }
.field-box{ display: inline-block; vertical-align: top; width: 100%; max-width: 300px; margin: 0 13.5px }
.field-box label{ text-transform: uppercase; display: block; color: #FFF; font-size: 14px; font-size: 1.4rem; font-weight: 500; margin: 0; padding-bottom: 0px }
.field-box input[type="text"]{ width: 100%; background-color: #696d74; border: none; height: 40px; outline: none; padding: 0 10px; color: #FFF }


.field-box input[type="text"].depositinput{ background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQEBAQECAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAMAAgDAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABgn/xAAnEAAABAYBAgcAAAAAAAAAAAAEBQYHAQIDFBYXGBUkAAgJERITJf/EABYBAQEBAAAAAAAAAAAAAAAAAAUBAv/EACMRAAEDBAICAwEAAAAAAAAAAAIBAwQREhMUBQYAIhUhJUP/2gAMAwEAAhEDEQA/ALBoBJtKs/TuKiDy7tA078zRxc0ehAn6lVKTeWDrFzWuCMXCiS5iMMC+QYqUqMkDDSQGV0hlAWnwxhShQnnnkmgt3URxSJENx9jhWRmnEkigksVtB44RfktpXIYukSTRWjKocQWyFpfsjqbojzM+KT0cuRfWI26y6VhyBWRyDgMXJQBaNlsNIkVHAeCY44qmBUSt9yz4HRxHjnyKvUlinRsB3lqfRam6b8rPst2apubD7f2cVuffuPG+8bH7G7l07p3y+vdjpk4/avs9aZ8G7g9btbF92+XpmlvHiw7WCF8dlx3XZ52tdX+FNrQy+uXYv9LvP//Z); background-repeat: no-repeat; background-position: 10px center;padding-left: 25px;
}

.field-bg{ width: 100%;height: 40px;background-color: #696d74; padding:17px 15px}
.ui-widget.ui-widget-content {background-color: #52575f}
.ui-slider-horizontal {height:6px;}
.ui-slider {position: relative;text-align: left;}
.ui-slider .ui-slider-handle {position: absolute; border-radius: 100%; outline: none; cursor: move;z-index: 2;width: 30px;height:30px;
-ms-touch-action: none;touch-action: none;border: 2px solid #ffd248;background: #e6921f;}
.ui-slider-horizontal .ui-slider-handle {top: -12px;margin-left:-14px;}
.field-pan,.ui-slider-handle .field-pan-text{ color: #ffd248; text-align: center; display: block;font-size: 14px; font-size: 1.4rem; font-weight: 500; text-transform: uppercase; padding-top: 0px }
.field-pan div{ display: inline-block; }
.amount{ text-align: center; display: block; color: #FFF; font-weight: 300; font-size: 112px; line-height: 100px; padding-top: 32px }
.potenttal-pan{ text-align: center; display: block; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; color: #FFF; font-weight: 400; padding-top: 8px; letter-spacing: 1px}
.started-button{ margin-top: 73px }
.ui-slider-range span.field-pan-text{ display: none; }
.ui-slider-handle .field-pan-text{display:block;background-color: #ffd248;border-radius: 100%; width: 30px; height: 30px; line-height: 30px; padding: 0;bottom: 35px;left: 0; position: absolute; color: #52575f; font-size: 13px; font-size: 1.3rem; font-weight: 600}

.ui-slider-handle .field-pan-text:before{width: 0; height: 0; content: ""; position: absolute; bottom:-5px; left: 0; right: 0; margin: 0 auto;
border-top: 10px solid #ffd248;
border-left: 10px solid transparent; 
border-right: 10px solid transparent; }
#potenttal,.amount{ display: none; }
.account_info_pan{ padding-top: 46px }
.account_info_pan p,.annual_percentage,.disclaimer_for_all_comparison p,.disclaimer_for_all_comparison{ font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; color: #696969; padding-bottom: 8px }
.annual_percentage{ font-size: 16px; font-size: 1.6rem; padding-top: 20px; padding-left: 30px; }
.annual_percentage p { margin: 0px }
.disclaimer_for_all_comparison{ padding-top: 15px; padding-left: 30px; }
.field-box.liquidity-pan{ display: none; }
.depo-pan{ color: #f2c855; font-size: 30px; font-size: 3rem; font-weight: 300; padding-top: 18px }