/*
Theme Name: WYB
Theme URI: http://definiteimage.com
Author: Ramesh Tiwari
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: world youth bank
*/
@charset "utf-8";
*{ margin:0; padding:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2f2f2f;}
img{ border:0;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.right_seprator{ border-right:1px solid #dbdbdb;}
ul{ list-style:none;}
a{ text-decoration:none; color:#2f2f2f; cursor:pointer;}
.wrapper {width:980px; margin:0 auto;}
.header{ padding-top:15px;}
.head_login{ margin-left:20px;}
.head_login a{ background:#9a3d37; display:block; color:#FFF; border-radius:2px; padding:3px 5px;}
.head_search input[type="text"]{ border:1px solid #222222; background:#FFF; border-radius:2px; padding:1px 5px; float:left; width:140px;}
.reg_from input[type="text"], .reg_from input[type="password"], .reg_from select{ border:1px solid #222222; background:#FFF; border-radius:2px; padding:5px; float:left; width:225px; }
.input_password{ border:1px solid #222222; background:#FFF; border-radius:2px; padding:5px; float:left; width:225px; }
.reg_from select{ width:223px;}
.reg_from input[type="submit"], .reg_from input[type="button"]{ background:#9A3D37; color:#FFF; padding:5px; border:0px outset #222222; cursor:pointer;}
.head_search input[type="submit"], .head_search input[type="button"]{ border:0px outset #222222; background:transparent url(./search_btn-695213bba333.png) no-repeat  center center; width:20px; height:21px; font-size:0px; cursor:pointer; float:left; margin-left:5px;}
.head_nav li { float: left; margin-right: 30px;}
.head_nav li a:hover{ text-decoration:underline;}
.banner{ margin-top:25px;}
.banner_nav li { float: left; font-size:20px; color:#01274b; margin-right:28px; padding-right:24px; border-right:1px solid #D1D0CE; line-height:21px;  margin-bottom:10px;}
.banner_nav li.last{ border:none;}
.slider{ background:url(./banner_bg-336f75eae854.jpg) repeat-x left top; color:#FFF; font-size:17px; position:relative; width:100%; overflow:hidden;}
.slider h3,.slider p{ margin-bottom:20px; font-weight:normal; text-align:left;}

.slider p{ font-size:14px; margin-bottom:10px;line-height:19px}
.slider_left{ width:60%;}
.slider_right{ width:34%; padding-right:44px; padding-top:30px;}
.container{ float:left; width:100%; margin-top:35px;   margin-bottom:20px; font-size:14px;}
.tabs{ background:url(./nav_bg-9304f32c81c6.jpg) repeat-x left top; height:32px; color:#FFF; margin-bottom:20px;}
.tabs li{ float:left; line-height:30px; border-right:1px solid #FFF; padding:0 12px;}
.tabs li a{ color:#FFF;}
.width80{ width:80%;}
.width100{ width:100%;}
.width18{ width:18%;}
.container .width80 p, .container .width100 p, .container h2{ padding:0 10px; margin-bottom:20px;}
a.red{ color:#ff0000; text-decoration:underline;}
#footer{ padding:20px 0; border-top:1px solid #dbdbdb;  border-bottom:1px solid #dbdbdb; margin-top:40px; margin-bottom:20px; clear:both;}
#footer{font-size:.917em;clear:both;}
#disclaimer a{font-weight:normal;}
#footer a,#footer p,#footer h4,#disclaimer a,#disclaimer p,#disclaimer h4{color:#646464;line-height:1.364em;}
.disclaimer .normal a,.disclaimer .normal p,.disclaimer .normal h4{color:#222;font-weight:bold;}
#footer p,#disclaimer p{margin-bottom:.455em;}
#disclaimer .textimage p+p{margin-top:0;}
#footer a{text-decoration:none;}
#disclaimer a:hover,#footer a:hover,#disclaimer a:focus,#footer a:focus{color:#222;}
#footer .footnote{margin-bottom:.818em;}
#footer-interact{padding-top:.727em;min-height:2.25em;height:auto!important;height:2.25em;}
#footer-interact ul{float:right;font-size:1.091em;}
#footer-interact ul li{float:left;}
#footer-interact ul li a{position:relative;}
#footer-interact #social-bookmarks{display:none;}
#social-bookmarks{margin:1.250em 1.667em;}
#social-bookmarks ul{overflow:hidden;white-space:nowrap;float:none;}
#social-bookmarks li{float:left;}
#social-bookmarks li a{margin:1px .833em 1px 1px;display:block;}
#social-bookmarks li:last-child a{margin-right:0;}
#footer .direct-link{margin-top:.818em;margin-bottom:0;min-height:1.364em;}
#footer .breadcrumb{margin-top:2.182em;}
#footer .footer-breadcrumb{margin-bottom:.727em;}
#footer .direct-link+.breadcrumb{margin-top:0;}
#footer .footer-breadcrumb a{text-decoration:underline;white-space:nowrap;}
#disclaimer-nav{margin-top:3.182em;padding:0;clear:both;overflow:hidden;height:100%;font-size:.917em;}
.ie7 #disclaimer-nav{padding-top:3.182em;}
#disclaimer-nav ul li{display:inline;border-left:1px solid #646464;padding:0 .455em;}
.ie7 #disclaimer-nav ul li{float:left;}
#disclaimer-nav ul li.first{border-left:none;padding-left:0;}
.disclaimer .textimage p{font-size:.917em;}
.static-disclaimer{margin-top:1.364em;font-size:1em;}
#footer-interact ul li{width:2.083em;height:1.667em;}
.reg_from table{background:#fff; border: 1px solid #CCCCCC;}
.reg_from td{ border-bottom:1px solid #ccc; padding:10px; font-size:14px;}
.s_message{ text-align:center; color:#093;}
.err_message{ text-align:center; color:#093;}

/*slider*/
 .next{ right:0px;}
 .prev{ left:0px;}
 .next img, .prev img{ width:100%; }
 
 .ex_container{ height:360px;}
 .slider .slidebox{display:none; position:absolute; left:0; top:0; width:100%; height:100%;}
 .slider .slidebox img{width:100%; height:auto; object-fit:cover;}

 
 /*news*/
 .news{ margin-top:20px;}
 .ticker-wrapper { overflow: hidden; width:100%;}
 .ticker-wrapper{overflow:hidden;}
.stocksTickerWidget{line-height:1.583em;border-top:1px solid #EEE;border-bottom:1px solid #D5D5D5;background-color:#E7E7E7;overflow:auto;white-space:nowrap;position:relative;width:100%;height:100%;}
.ie7 .stocksTickerWidget{overflow-x:scroll;}
.js .stocksTickerWidget{overflow:hidden;height:1.583em;width:79.6em;float:left;}
.ticker-wrapper .button-icon{display:none;}
.js .ticker-wrapper .button-icon{display:block;float:right;margin:0;}
.stocksTickerWidget li{display:inline;margin:0 .917em;}
.stocksTickerWidget li a{text-decoration:none;display:inline-block;}
.stocksTickerWidget li .item-name{color:#646464;margin-right:.833em;}
.stocksTickerWidget li .item-change{color:#222;}
.stocksTickerWidget li .item-details{color:#222;display:none;}
.stocksTickerWidget li a:focus .item-details,.ticker li a:hover .item-details{display:inline;}
.stocksTickerWidget li .icon-quote,.ticker li .icon-quote-down,.ticker li .icon-quote-up{margin-right:-2px;}
.stocksTickerWidget li .icon-quote{vertical-align:text-top;}
.stocksTickerWidget li .icon-quote-down{vertical-align:text-bottom;}
.stocksTickerWidget li .icon-quote-up{vertical-align:baseline;}
.stocksTickerWidget li a:focus .icon-quote,.stocksTickerWidget li a:focus .icon-quote-down,.stocksTickerWidget li a:focus .icon-quote-up,.stocksTickerWidget li a:hover .icon-quote,.stocksTickerWidget li a:hover .icon-quote-down,.stocksTickerWidget li a:hover .icon-quote-up,.stocksTickerWidget li a:focus .item-change,.stocksTickerWidget li a:hover .item-change{display:inline;float:right;font-size:0;height:0;left:-10000px;margin:-10000px 0 0;overflow:hidden;padding:0;position:absolute!important;}
.stocksTickerWidget .positive{color:#6a7c3d!important;}
.stocksTickerWidget .negative{color:#e30a17!important;}
.button-icon{display:inline-block;width:1.667em;height:1.667em;margin-left:.417em;float:left;cursor:pointer;color:#222;background-color:#dedede;background:-moz-linear-gradient(top,#f2f2f2 0,#dedede 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f2f2),color-stop(100%,#dedede));background:-webkit-linear-gradient(top,#f2f2f2 0,#dedede 100%);background:-o-linear-gradient(top,#f2f2f2 0,#dedede 100%);background:-ms-linear-gradient(top,#f2f2f2 0,#dedede 100%);background:linear-gradient(top,#f2f2f2 0,#dedede 100%);-moz-border-radius:.167em;-webkit-border-radius:.167em;border-radius:.167em;-moz-box-shadow:0 .083em 0 #CCC;-webkit-box-shadow:0 .083em 0 #CCC;box-shadow:0 .083em 0 #CCC;}
.button-icon:hover,.button-icon:focus{background-color:#DFDFDF;background:-moz-linear-gradient(top,#DFDFDF 0,#BEBEBE 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#DFDFDF),color-stop(100%,#BEBEBE));background:-webkit-linear-gradient(top,#DFDFDF 0,#BEBEBE 100%);background:-o-linear-gradient(top,#DFDFDF 0,#BEBEBE 100%);background:-ms-linear-gradient(top,#DFDFDF 0,#BEBEBE 100%);background:linear-gradient(top,#DFDFDF 0,#BEBEBE 100%);outline:none;}
.button-icon.inverse{color:#fff;background-color:#646464;background:-moz-linear-gradient(top,#646464 0,#444 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#646464),color-stop(100%,#444));background:-webkit-linear-gradient(top,#646464 0,#444 100%);background:-o-linear-gradient(top,#646464 0,#444 100%);background:-ms-linear-gradient(top,#646464 0,#444 100%);background:linear-gradient(top,#646464 0,#444 100%);}
.ie9 .button-icon.inverse{background-position:-20px 0;background-color:transparent;}
.button-icon:hover,.button-icon:focus{background-color:#DFDFDF;background:-moz-linear-gradient(top,#DFDFDF 0,#BEBEBE 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#DFDFDF),color-stop(100%,#BEBEBE));background:-webkit-linear-gradient(top,#DFDFDF 0,#BEBEBE 100%);background:-o-linear-gradient(top,#DFDFDF 0,#BEBEBE 100%);background:-ms-linear-gradient(top,#DFDFDF 0,#BEBEBE 100%);background:linear-gradient(top,#DFDFDF 0,#BEBEBE 100%);outline:none;}
.ie9 .button-icon:hover,.ie9 .button-icon:focus{background-position:0 -21px;background-color:transparent;}
.button-icon:active{background-color:#dedede;background:-moz-linear-gradient(top,#dedede 0,#f2f2f2 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#dedede),color-stop(100%,#f2f2f2));background:-webkit-linear-gradient(top,#dedede 0,#f2f2f2 100%);background:-o-linear-gradient(top,#dedede 0,#f2f2f2 100%);background:-ms-linear-gradient(top,#dedede 0,#f2f2f2 100%);background:linear-gradient(top,#dedede 0,#f2f2f2 100%);-moz-box-shadow:inset 0 .167em .167em 0 #b4b4b4;-webkit-box-shadow:inset 0 .167em .167em 0 #b4b4b4;box-shadow:inset 0 .167em .167em 0 #b4b4b4;}
.ie9 .button-icon:active{background-position:-60px -21px;background-color:transparent;}
.button-icon.inactive,.button-icon.inactive:hover,.button-icon.inactive:focus{color:#919191;background:#f2f2f2;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.ie9 .button-icon.inactive,.ie9 .button-icon.inactive:hover,.ie9 .button-icon.inactive:focus{background-position:-40px -20px;background-color:transparent;}
.button-icon.inverse:hover,.button-icon.inverse:focus{background-color:#444;background:-moz-linear-gradient(top,#444 0,#242424 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#444),color-stop(100%,#242424));background:-webkit-linear-gradient(top,#444 0,#242424 100%);background:-o-linear-gradient(top,#444 0,#242424 100%);background:-ms-linear-gradient(top,#444 0,#242424 100%);background:linear-gradient(top,#444 0,#242424 100%);}
.button-icon span{display:block;width:12px;height:12px;margin:.333em;text-indent:-999em;overflow:hidden;background:url(./icons-buttons-615cebe9c2ef.png) no-repeat scroll right 0 transparent;}
.ie6 .button-icon span{background-image:url(./icons-buttons-f6ce592a9ad3.gif);}
.button-icon.icon-info span{background-position:0 -12px;}
.button-icon.icon-search span{background-position:0 -24px;}
.button-icon.icon-play span{background-position:-72px 0;}
.button-icon.icon-pause span{background-position:-84px 0;}
.button-icon.icon-print span{background-position:-36px -12px;}
.button-icon.icon-rate span{background-position:-36px -36px;}
.button-icon.icon-social span{background-position:-48px -12px;}
.button-icon.icon-send span{background-position:-48px -36px;}
.button-icon.icon-subscribe span{background-position:-60px -36px;}
.stocks li,.stocksTickerWidget li{line-leight:17px !important}

/*fonts*/
.banner_nav li{font-family:"Times New Roman", Times, serif; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.page-restrict-output input[type="text"], .page-restrict-output input[type="password"]{ margin-bottom:10px;border: 1px solid #222222;background: #FFF; border-radius: 2px; padding: 5px;}
.page-restrict-output input[type="submit"]{background: #9A3D37; color: #FFF; padding: 5px; border: 0px outset #222222; margin-right:10px;}
.login h1 a{background-size:321px 58px}
.homebg{background-image:url(./Photo3_Fina-litel-e1c1c1177242.jpg);}


/* ===== RESPONSIVE FIXES ===== */

/* Tablet (768px - 1024px) */
@media screen and (max-width: 1024px) {
  .wrapper { width: 100% !important; max-width: 100%; overflow-x: hidden; padding: 0 15px; box-sizing: border-box; }
  .header, .banner, .container, #footer { width: 100% !important; }
  .header { padding: 10px 0; }
  .logo { text-align: center; float: none; display: block; }
  .logo img { max-width: 220px !important; height: auto !important; }
  .top_header { display: flex; flex-wrap: wrap; justify-content: center; font-size: 12px; gap: 8px; }
  .head_login, .head_search, .head_nav { float: none !important; margin: 4px 8px; }
  .head_nav ul, .head_nav .nav-menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; font-size: 12px; }
  .head_nav li { margin-right: 15px !important; }
  .banner { margin-top: 15px; }
  .banner_nav ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
  .banner_nav li { float: none; font-size: 16px; margin-right: 14px; padding-right: 14px; }
  .slider { width: 100% !important; font-size: 15px; }
  .slider_left { width: 50% !important; float: left !important; }
  .slider_left img { width: 100% !important; height: auto !important; }
  .slider_right { width: 44% !important; float: right !important; padding: 20px 20px 20px 0 !important; }
  .slider_right h3 { font-size: 1.2rem; margin-bottom: 10px; }
  .slider_right p { font-size: 12px; line-height: 1.5; margin-bottom: 6px; }
  .ex_container { height: 340px; }
  .container { font-size: 13px; padding: 0 10px; }
  .container h2 { font-size: 1.3rem !important; }
  .tabs { height: auto !important; min-height: 32px; }
  .tabs .nav-menu { display: flex; flex-wrap: wrap; gap: 4px; font-size: 12px; }
  .tabs li { float: none; display: inline-block; line-height: 28px; padding: 0 8px; font-size: 11px; }
  .left.width80, .left.width100, .left.width18 { width: 100% !important; float: none !important; }
  .left.width18 { margin-top: 20px; }
  .news, .stocksTickerWidget { font-size: 12px; overflow-x: auto; }
  .footer .left { text-align: center; float: none !important; }
  #footer { padding: 15px 10px; font-size: 11px; }
  img { max-width: 100% !important; height: auto !important; }
  table, .dataTable { font-size: 11px; }
  .dataTable td, .dataTable th { padding: 6px !important; }
  .page-restrict-output { padding: 15px; }
  .page-restrict-output input[type="text"], 
  .page-restrict-output input[type="password"],
  .reg_from input[type="text"], 
  .reg_from input[type="password"], 
  .reg_from select { width: 100% !important; max-width: 300px; box-sizing: border-box; }
}

/* Mobile (480px - 768px) */
@media screen and (max-width: 768px) {
  .wrapper { padding: 0 10px; }
  .logo img { max-width: 180px !important; }
  .top_header { font-size: 11px; flex-direction: column; align-items: center; gap: 4px; }
  .head_nav ul, .head_nav .nav-menu { gap: 6px; font-size: 11px; }
  .head_nav li { margin-right: 8px !important; }
  .banner_nav li { font-size: 14px; margin-right: 8px; padding-right: 8px; }
  .slider { font-size: 14px; }
  .slider_left { width: 100% !important; float: none !important; }
  .slider_left img { width: 100% !important; height: auto !important; max-height: 220px; object-fit: cover; }
  .slider_right { width: 100% !important; float: none !important; padding: 15px !important; }
  .slider_right h3 { font-size: 1.1rem; }
  .slider_right p { font-size: 12px; }
  .ex_container { height: auto !important; min-height: 200px; }
  .slider .slidebox { position: relative !important; height: auto !important; display: block !important; }
  .slider .slidebox:not(.active) { display: none !important; }
  .slider .slidebox.active { display: block !important; }
  .container { font-size: 13px; margin-top: 20px; }
  .container h2 { font-size: 1.2rem !important; }
  .tabs .nav-menu { gap: 2px; font-size: 11px; flex-wrap: wrap; justify-content: center; }
  .tabs li { padding: 0 6px; font-size: 10px; line-height: 26px; }
  .left, .right { float: none !important; }
  .left.width80, .left.width100 { width: 100% !important; padding: 8px !important; }
  .left.width18 { width: 100% !important; margin-top: 15px; }
  .news, .stocksTickerWidget { font-size: 11px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  #footer { margin-top: 25px; }
  .footer .left { text-align: center; float: none !important; margin: 6px 0; }
  #footer-interact ul { float: none; text-align: center; }
  #footer-interact ul li { display: inline-block; float: none; }
  table, .dataTable { font-size: 10px; width: 100% !important; }
  .dataTable td, .dataTable th { padding: 4px 3px !important; word-break: break-word; }
  .head_search input[type="text"] { width: 120px; }
  h1, h2 { font-size: 1.2rem !important; }
  h3 { font-size: 1rem !important; }
  p { font-size: 12px; line-height: 1.5; }
  .page-restrict-output { padding: 10px; }
  .reg_from td { padding: 8px 5px; font-size: 12px; display: block; }
  .reg_from input[type="text"], 
  .reg_from input[type="password"], 
  .reg_from select,
  .input_password { width: 100% !important; max-width: 100%; box-sizing: border-box; }
}

/* Small Mobile (under 480px) */
@media screen and (max-width: 480px) {
  .wrapper { padding: 0 8px; }
  .header { padding: 8px 0; }
  .logo img { max-width: 140px !important; }
  .top_header { font-size: 10px; gap: 2px; }
  .head_login a { padding: 2px 4px; font-size: 10px; }
  .head_nav ul, .head_nav .nav-menu { gap: 4px; font-size: 10px; flex-direction: column; align-items: center; }
  .head_nav li { margin-right: 0 !important; }
  .head_search input[type="text"] { width: 100px; font-size: 10px; }
  .banner { margin-top: 10px; }
  .banner_nav ul { gap: 2px; }
  .banner_nav li { font-size: 12px; margin-right: 4px; padding-right: 6px; }
  .slider { font-size: 12px; }
  .slider_right { padding: 10px !important; }
  .slider_right h3 { font-size: 1rem; }
  .slider_right p { font-size: 11px; }
  .slider_left img { max-height: 160px; }
  .ex_container { min-height: 150px; }
  .container { margin-top: 15px; font-size: 12px; }
  .container h2 { font-size: 1.1rem !important; }
  .container p, .container li { font-size: 11px; }
  .tabs { height: auto !important; padding: 2px 0; }
  .tabs li { padding: 0 4px; font-size: 9px; line-height: 24px; }
  .tabs .nav-menu { gap: 1px; font-size: 10px; }
  h1 { font-size: 1.1rem !important; }
  h2 { font-size: 1rem !important; }
  h3 { font-size: 0.95rem !important; }
  table, .dataTable { font-size: 9px; }
  .dataTable td, .dataTable th { padding: 3px 2px !important; }
  .footer .left { font-size: 10px; }
  #footer { padding: 10px 8px; font-size: 10px; }
  .news, .stocksTickerWidget { font-size: 10px; }
  img { max-width: 100% !important; height: auto !important; }
  .reg_from td { padding: 6px 4px; font-size: 11px; }
}