/********************************************************
 *  Author : Ivan Yew      Email    : ivan@os.my  
 *  URL    : cms.my/ivan   Facebook : fb.me/ivan8i
 *  Last Updated: 31/07/2014 ** Style v1.x **
 ********************************************************/
@charset "utf-8";
@import url(https://web-archive.nli.org.il/National_Library/20160526010038cs_/http://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);
@import url(https://web-archive.nli.org.il/National_Library/20160526010038cs_/http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

/*... Global ...*/
body { color: #666; font-family: 'Open Sans', sans-serif; }
a { color: #13315f; }
a:hover { color: #3070d4; }

/*... Header ...*/
.iNavbar { margin-bottom: 0; padding-top: 42px; border: 0; min-height: 42px; }
  .nv-open { margin-bottom: 42px; }
.navbar-fixed-top { margin-bottom: 0; border: 0; }
.navbar-primary { background-color: #3171d5; background-image: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/bg-nav-primary.gif); background-repeat: repeat-y; background-position: center top; }
  .navbar-primary > .container { background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/bg-nav-primary.png) no-repeat left top; }
  .navbar-primary .navbar-header { overflow: hidden; }
  .navbar-primary .navbar-brand { padding: 9px 60px 8px 0; height: 42px; }
  .navbar-primary .toggle-primary { margin: 0; padding: 14px; border: 0; border-left: 1px solid rgba(0,0,0,0.1); }
  .navbar-primary .toggle-primary > .icon-bar { background-color: #fff; width: 21px; }
  .navbar-primary .toggle-primary:hover,
  .navbar-primary .toggle-primary:focus { background-color: #2459ad; }
  .navbar-primary .toggle-secondary { float: left; display: block; margin: 0 0 0 -44px; padding: 14px 10px; border: 0; border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); }
  .navbar-primary .toggle-secondary > .icon-bar { background-color: #888; width: 21px; }
  .navbar-primary .toggle-secondary:hover,
  .navbar-primary .toggle-secondary:focus { background-color: #e5e5e5; }
  .navbar-primary .navbar-block { margin-left: 130px; text-align: right; }
  .navbar-primary .navbar-block > .block { margin-left: 5px; }
  .navbar-primary > .container, 
  .navbar-primary .toggle-secondary,
  .navbar-primary .navbar-block
   { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
  .navbar-primary.open > .container { background-position: 60px 0;  }
  .navbar-primary.open .toggle-secondary { margin-left: 0; margin-right: 16px; }
  .navbar-primary.open .navbar-block { margin-left: 190px; }
  .navbar-primary.shadow { -webkit-box-shadow: 0 1px 0 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 0 2px rgba(0,0,0,0.2); box-shadow: 0 1px 0 2px rgba(0,0,0,0.2); }
.navbar-secondary { background-color: #000; }
.navbar-secondary .navbar-collapse { padding-left: 0; padding-right: 0; }
  .navbar-secondary .nav-primary,
  .navbar-secondary.fixed
  { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
  .navbar-secondary.fixed { position: fixed; top: 0; right: 0; left: 0; z-index: 50; 
  -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  .navbar-secondary.fixed .nav-primary { margin-left: 190px; }
  .navbar-secondary.fixed.active { -webkit-transform: translate3d(0,42px,0); -moz-transform: translate3d(0,42px,0); transform: translate3d(0,42px,0); }
    .admin-menu .navbar-secondary.fixed.active { -webkit-transform: translate3d(0,70px,0); -moz-transform: translate3d(0,70px,0); transform: translate3d(0,70px,0); }

.iLang { float: right; padding: 11px 0; }
.iLang .block-content ul { margin: 0; padding: 0; list-style: none; }
.iLang .block-content ul > li { display: inline-block; }
.iLang .block-content ul > li:after { content: '|'; display: inline-block; padding-left: 4px; color: #fff; position: relative; top: -1px; }
.iLang .block-content ul > li.last:after { content: ''; display: none; }
.iLang .block-content ul > li > a { color: #fff; }
.iLang .block-content ul > li > a:hover {}

.iSearch { float: right; }
.iSearch .block-content { position: relative; }
.iSearch .iS-toggle { padding-top: 11px; padding-bottom: 11px; color: #fff; font-size: 14px; }
.iSearch .iS-toggle:focus { background-color: #3070d4; }
.iSearch .iS-toggle:hover,
.iSearch .open > .iS-toggle,
.iSearch .open > .iS-toggle:hover,
.iSearch .open > .iS-toggle:focus { background-color: #2459ad; border-color: #2459ad; }
.iSearch .iS-boxies { margin: 0; padding: 7px; border: 0; min-width: 240px; left: auto; right: 0; background-color: #2459ad; }
.iSearch .iS-boxies .form-group { margin-bottom: 0; }
.iSearch .iS-boxies .form-control { padding-top: 3px; padding-bottom: 3px; border-color: #114A81; border-right: 0; height: 28px; }
.iSearch .iS-boxies .btn-primary { padding-top: 3px; padding-bottom: 3px; background-color: #fff; border: 1px solid #114A81; border-left-width: 0; color: #aaa; }
.iSearch .iS-boxies, 
.iSearch .iS-boxies .form-control,
.iSearch .iS-boxies .btn-primary { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.iSMedia { float: right; }
.iSMedia .iS-toggle { padding-top: 11px; padding-bottom: 11px; color: #fff; display: none; }
.iSMedia .iS-toggle:focus { background-color: #3070d4; }
.iSMedia .iS-toggle:hover,
.iSMedia .open > .iS-toggle,
.iSMedia .open > .iS-toggle:hover,
.iSMedia .open > .iS-toggle:focus { background-color: #2459ad; border-color: #2459ad; }
.iSMedia .dropdown { display: block; }
.iSMedia .dropdown > .dropdown-menu { position: static; display: block; float: none; min-width: 0; margin: 0; padding: 0; border: 0; background-color: transparent; 
 -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.iSMedia .iSm-list { margin: 0; padding: 0; list-style: none; font-size: 0; }
.iSMedia .iSm-list > li { display: inline-block; text-align: center; height: 42px; }
.iSMedia .iSm-list > li > a { padding: 0 8px; color: #fff; font-size: 20px; line-height: 42px; border: 0; background-color: transparent; }
.iSMedia .iSm-list > li > a:hover { color: #fff; background-color: #2459ad; }


/*... Banner ...*/
.banner { padding-top: 20px; padding-bottom: 20px; background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/bg-banner.jpg) no-repeat center top; background-size: cover; }
.front .banner { padding-top: 30px; padding-bottom: 30px; background-color: #f5f5f5; }

.iSlide .slider-wrapper { position: relative; z-index: 1; }
.iSlide .nivoSlider { width: 100% !important; height: auto !important; }
.iSlide .nivoSlider img { max-width: 100%; height: auto; }
.iSlide .nivoSlider .nivo-directionNav a { top: 50%; width: 43px; height: 43px; margin-top: -22.5px; font-size: 0; text-indent: -999em; 
 background-image: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/ss-arrow.png); background-repeat: no-repeat;
 opacity: 0; filter: alpha(opacity=0);
 -webkit-transition: opacity 0.15s ease-in-out; 
    -moz-transition: opacity 0.15s ease-in-out;
     -ms-transition: opacity 0.15s ease-in-out; 
      -o-transition: opacity 0.15s ease-in-out; 
         transition: opacity 0.15s ease-in-out;
}
.iSlide .nivoSlider:hover .nivo-directionNav a { opacity: 1; filter: alpha(opacity=100); }
.iSlide .nivo-prevNav { left: 20px; background-position: 0 0; }
.iSlide .nivo-nextNav { right: 20px; background-position: 0 -43px; }
.iSlide .nivo-caption { padding: 18px 22px; background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/opacity-b50.png) repeat; opacity: 1; filter: alpha(opacity=100); font-family: 'Raleway', sans-serif; }
.iSlide .nivo-caption h4 { margin: 0; font-size: 22px; font-weight: 600; }
.iSlide .nivo-caption p { padding: 0; font-size: 14px; font-weight: 300; }
.iSlide .nivo-caption a { color: #fff; border-bottom: 1px dotted #ccc; }
.iSlide .nivo-caption a:hover { color: #bbb; text-decoration: none; border-bottom-color: #888; }

.iSpane .row { margin-left: 0; margin-right: 0; }
.iSpane .row > div { padding-left: 0; padding-right: 0; }

.iBanner { margin-bottom: 20px; }
.iBanner:last-child { margin-bottom: 0; }
  .ib-competition .ib-boxes { position: relative; overflow: hidden; }
  .ib-competition .ib-bg { width: 1140px; position: relative; /*left: 50%; margin-left: -570px;*/ }
  .ib-competition .ib-bg > img { max-width: none; width: 100%; }
  .ib-competition .ib-lg { position: absolute; left: 65px; bottom: 0; z-index: 2; border: 1px solid #ccc; background-color: #fff; display: none; }
  .ib-mbasso .ib-boxes { position: relative; overflow: hidden; }
  .ib-mbasso .ib-bg { width: 1140px; position: relative; left: 50%; margin-left: -570px; }
  .ib-mbasso .ib-bg > img { max-width: none; width: 100%; }
  .ib-mbasso .ib-lg { position: absolute; left: 65px; bottom: 0; z-index: 2; border: 1px solid #ccc; background-color: #fff; }

.nav-block { margin-top: 20px; }
.nav-block .navbar-tertiary { min-height: 0; margin-bottom: 0; border: 0; background-color: #01265f; }
  .navbar-tertiary .toggle-tertiary { margin-top: 0; margin-right: 0; margin-bottom: 0; border: 0; border-left: 1px solid #fff; }
  .navbar-tertiary .toggle-tertiary > .icon-bar { background-color: #fff; width: 21px; }
  .navbar-tertiary .toggle-tertiary:hover,
  .navbar-tertiary .toggle-tertiary:focus { background-color: #2459ad; }
  .navbar-tertiary .navbar-collapse { border-top-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .navbar-tertiary .navbar-nav>li>a { padding-top: 8px; padding-bottom: 8px; }
  .navbar-tertiary .navbar-nav>li>a:hover, 
  .navbar-tertiary .navbar-nav>li>a:focus { color: #fff; }


/*... Body ...*/
.content-highlight {}
.content-area { padding-top: 30px; padding-bottom: 30px; }
.content-full {}

.col-multiple { padding-top: 45px; padding-bottom: 45px; border-top: 1px solid #e6e6e6; }
.col-multiple .block-title { margin-top: 0; margin-bottom: 28px; }

.breadcrumb { margin-bottom: 10px; padding: 0; background-color: transparent; font-size: 13px; font-family: 'Raleway', sans-serif; display: none; }

.page-header { margin-bottom: 20px; padding-bottom: 0; border-bottom: 0; font-size: 30px; font-family: 'Raleway'; font-weight: 700; text-transform: uppercase; color: #000; }

.node-row { padding-top: 30px; padding-bottom: 45px; }
.node-row.odd {}
.node-row.even { background-color: #eee; }

.node-unpublished { background-color: #FFF3F3; outline: 1px dotted #CA8888; }
.node-unpublished.in-article { background-color: transparent; outline: 0; }
.node-unpublished.in-article .submitted { color: #CA8888; }
.node-unpublished.in-article .node-content:before { content: 'Unpublished Content'; position: absolute; bottom: 100%; right: 0; font-size: 12px; color: #CA8888; }
.node-unpublished.in-article .node-content { position: relative; background-color: #FFF3F3; border: 1px dotted #CA8888; }

.block .b1p { border: 1px solid #e1e1e1; }
.block .p24 { padding: 24px; }
.block .bgw { background-color: #fff; }
.block-container { position: relative; }
.block-content img { max-width: 100%; height: auto; }

.content-full .block { padding-top: 28px; padding-bottom: 50px; }
.content-full .block-odd { background-color: #f5f6f7; }

.panel-heading { cursor: pointer; }

.iFloat.affix { max-width: 360px; width: 100%; top: 60px; position: fixed; }

/*... Footer ...*/
.footer { margin-top: 0; padding-top: 0; padding-bottom: 0; border-top: 0; }
.ft-top { background-color: #3070d4; }
.ft-bottom { background-color: #000; font-size: 12px; line-height: 20px; }
.ft-top,
.ft-bottom { padding-top: 25px; padding-bottom: 25px; color: #fff; }
.ft-top a,
.ft-bottom a { color: #fff; }
.ft-top a:hover,
.ft-bottom a:hover { color: #a5a5a5; text-decoration: none; }

.ft-link {}
.ft-link .list-inline { margin-bottom: 0; text-align: right; }
.ft-link .list-inline li { padding: 0; }
.ft-link .list-inline li:after { content: '|'; padding: 0 2px 0 5px; display: inline-block; position: relative; top: -1px; }
.ft-link .list-inline li.last { padding-right: 0; }
.ft-link .list-inline li.last:after { content: ''; padding: 0; }

.ft-logo { margin-top: -18px; }

.cp { text-align: right; }
.cp .copyright,
.cp .powered { display: inline; }
.cp .powered a:hover { color: #fa0; }


/*... Custom ...*/
.contents .block-title { padding-top: 12px; padding-bottom: 27px; margin-bottom: 38px; border-bottom: 1px solid #dfdfdf; font-size: 30px; font-family: 'Raleway', sans-serif; font-weight: 700; color: #868686; text-transform: uppercase; text-align: center; position: relative; }
.contents .block-title .title-color { margin-left: 8px; /*color: #001b72;*/ }
.contents .block-title .btn-more { position: absolute; top: 17px; right: 0; font-weight: 600; padding-top: 5px; padding-bottom: 5px; }
.contents .block-title .btn-more .fa { margin-left: 3px; -webkit-transition: margin 0.2s ease-in-out; -moz-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out; }
.contents .block-title .btn-more:hover .fa { margin-left: 10px; }
.contents .block-title .icon { display: inline-block; width: 50px; height: 50px; line-height: 50px; margin-top: -5px; margin-bottom: -5px; margin-right: 10px; }
.contents .block-title .icon > .fa { display: block; font-size: 32px; line-height: 50px; text-align: center; background-color: #555; color: #fff; }
.contents .block-title .icon > .fa-twitter { background-color: #55acee; }
.contents .block-title .icon > .fa-facebook { background-color: #3b5998; }
.contents .block-title .icon > .fa-facebook:before { position: relative; top: 2px; }
.contents .block-title:after { content:''; display: block; width: 20px; height: 20px; margin-left: -10px; background-color: #dbdddc; position: absolute; bottom: -10px; left: 50%;
 -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
/*-- Calendar --*/
.view .date-nav-wrapper { margin-top: 0; }
.view .date-nav-wrapper .date-nav { margin-bottom: 0; padding-bottom: 0; background-color: #001B72; }
.view .date-nav-wrapper .date-heading { padding-left: 50px; padding-right: 50px; color: #fff; }
.view .date-nav-wrapper .date-heading h3 { padding-top: 10px; padding-bottom: 10px; }
.view .date-nav-wrapper .date-heading h3 a { color: inherit; }
.view .date-nav-wrapper .pager { margin: 0; }
.view .date-nav-wrapper .pager li { padding: 0; width: 50px; height: 100%; background-color: transparent; 
 -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.view .date-nav-wrapper .pager .date-prev { right: auto; left: 0; }
.view .date-nav-wrapper .pager .date-next { }
.view .date-nav-wrapper .pager li a { display: block; height: 100%; margin: 0; padding: 0; border: 0; font-size: 0; text-align: left; background-color: transparent; }
.view .date-nav-wrapper .pager li a:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -5px;
 color: #fff; font-size: 14px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; 
 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.view .date-nav-wrapper .pager li.date-prev a:before { content: '\f053'; }
.view .date-nav-wrapper .pager li.date-next a:before { content: '\f054'; }
.calendar-calendar .month-view .full td.single-day div.monthview, 
.calendar-calendar .week-view .full td.single-day div.weekview, 
.calendar-calendar .day-view .full td.single-day div.dayview { margin-top: 0; background-color: #E55e5e; color: #fff; }
.calendar-calendar .month-view th.days { padding: 6px; background-color: #3070D4; border: 0; color: #fff; }
.calendar-calendar .month-view td.mini { padding: 7px; background-color: #eaeaea; border: 1px solid #f6f6f6; color: #888; font-size: 13px; font-weight: 500; text-align: center; }
.calendar-calendar .month-view td.has-events { background-color: #d1d1d1; }
.calendar-calendar .month-view td.has-events a { display: block; text-decoration: none; color: #555; font-weight: 600; }
.calendar-calendar .month-view .full tr.date-box {}
.calendar-calendar .month-view .full td.date-box.today {}
.calendar-calendar .month-view .full tr.date-box td.date-box { padding: 6px; }
.calendar-calendar .month-view .full tr.multi-day,
.calendar-calendar .month-view .full tr.single-day { }
.calendar-calendar .month-view .full div.day { float: none; padding: 0; width: auto; }
.calendar-calendar .month-view .full div.day > a { display: block; color: #666; font-weight: 600; text-decoration: none; }
.calendar-calendar .month-view .full div.monthview .fa { margin-right: 5px; }
.calendar-calendar .year-view .date-nav-wrapper .date-nav { padding: 0; background-color: #2559AB; }
.calendar-calendar .year-view .date-nav-wrapper .date-heading { padding: 0; color: #fff; }
.calendar-calendar .year-view .date-nav-wrapper .date-heading a { display: block; padding: 7px 0; color: inherit; }
.calendar-calendar .year-view .date-nav-wrapper .date-heading a:hover { color: #ddd; }
.calendar-calendar .month-view .has-events .mini-day-on, 
.calendar-calendar .month-view .date-box > .inner > .day { position: relative; }
.calendar-calendar .month-view .show-ev + .calendar_tooltips { display: block !important; }
.calendar-calendar .month-view .calendar_tooltips { position: absolute; bottom: 100%; left: 50%; z-index: 1; margin-left: -100px; margin-bottom: 7px; padding: 10px 15px; width: 200px; background-color: #fff; 
 -webkit-box-shadow: 0 4px 10px -1px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 4px 10px -1px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.1); box-shadow: 0 4px 10px -1px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.1); }
.calendar-calendar .month-view .calendar_tooltips:before { content: ''; display: block; width: 12px; height: 12px; background-color: #fff; position: absolute; bottom: -6px; left: 50%; margin-left: -6px; 
 border-width: 5px; border-style: solid; border-color: #fff; border-top-color: transparent; border-left-color: transparent; 
 -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);
 -webkit-box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.25), 1px 1px 0 0 rgba(0,0,0,0.1); -moz-box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.25), 1px 1px 0 0 rgba(0,0,0,0.1); box-shadow: 3px 3px 6px -1px rgba(0,0,0,0.25), 1px 1px 0 0 rgba(0,0,0,0.1); }
.calendar-calendar .month-view .calendar_tooltips ul { margin: 0; padding: 0; list-style: none; }
.calendar-calendar .month-view .calendar_tooltips ul li { text-align: left; }
.calendar-calendar .month-view .calendar_tooltips div { background-color: transparent; }
.calendar-calendar .month-view .calendar_tooltips .calendar_tooltips-title-value { font-size: 13px; color: #555; font-weight: 500; }
.calendar-calendar .month-view .calendar_tooltips .calendar_tooltips-title-value > .fa { margin-right: 5px; color: #3070D4; }
.calendar-calendar .month-view .mon .calendar_tooltips { left: -8px; margin-left: 0; }
.calendar-calendar .month-view .mon .calendar_tooltips:before { left: 15px; margin-left: 0; }
.calendar-calendar .month-view .tue .calendar_tooltips { left: -49px; margin-left: 0; }
.calendar-calendar .month-view .tue .calendar_tooltips:before { left: 56px; margin-left: 0; }
.calendar-calendar .month-view .sat .calendar_tooltips { left: auto; right: -49px; margin-left: 0; }
.calendar-calendar .month-view .sat .calendar_tooltips:before { left: auto; right: 56px; margin-left: 0; }
.calendar-calendar .month-view .sun .calendar_tooltips { left: auto; right: -7px; margin-left: 0; }
.calendar-calendar .month-view .sun .calendar_tooltips:before { left: auto; right: 15px; margin-left: 0; }
/*** Front ***/
/*-- Front: News/Article --*/
.fn-news { padding-top: 45px; padding-bottom: 65px; }
.fn-thumb img { height: auto; display: block; margin: 0 auto; width: 100%; }
.fn-thumb a { display: block; position: relative; }
.fn-thumb .fn-flag { position: absolute; top: 0; left: 0; width: 130px; height: 130px; overflow: hidden; /*background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/fn-flag.png) no-repeat left top;*/ }
.fn-thumb .fn-flag:before { content: 'Featured'; display: block; width: 180px; position: absolute; top: 30px; left: -40px; 
 padding: 10px; background-color: rgba(201,6,6,0.8); color: #fff; font-weight: 600; text-align: center; text-transform: uppercase; 
 -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.fn-title { font-size: 15px; font-family: 'Raleway', sans-serif; font-weight: 700; }
.fn-title a { text-decoration: none; }
.fn-date { color: #999; font-size: 13px; }
.fn-link { position: absolute; bottom: 0; right: 0; }
.fn-link a { display: inline-block; padding: 5px 10px; background-color: #000; color: #fff; }
.fn-link a:hover { background-color: #3070d4; }

.fn-ffeatured { border: 1px solid #eee; position: relative; }
.fn-ffeatured .owl-nav .fa { width: 100%; color: #666; font-size: 35px; line-height: 50px; background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/opacity-w60.png) no-repeat left top; background: rgba(255,255,255,0.6); }
.fn-ffeatured .owl-nav .owl-prev,
.fn-ffeatured .owl-nav .owl-next { position: absolute; top: 190px; width: 50px; height: 50px; margin-top: -25px; text-align: center; }
.fn-ffeatured .owl-nav .owl-prev { left: 0; }
.fn-ffeatured .owl-nav .owl-next { right: 0; }
.fn-ffeatured .fn-title { position: relative; font-size: 20px; }
.fn-ffeatured .fn-title .fn-inner { position: absolute; bottom: 100%; left: 0; width: 100%; }
.fn-ffeatured .fn-title .fn-inner > a { display: block; padding: 20px 30px; background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/opacity-b70.png) repeat left top; background: rgba(0,0,0,0.75); color: #fff; }
.fn-ffeatured .fn-title .fn-inner > a:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -15px; border: 15px solid transparent; border-top-color: #000; }
.fn-ffeatured .fn-title .fn-inner > a:hover { color: #ddd; text-decoration: none; }
.fn-ffeatured .fn-info { padding: 20px 30px; }
.fn-ffeatured .fn-date { margin-bottom: 0.35em; }
.fn-ffeatured .fn-body { height: 100px; margin-bottom: 10px; overflow: hidden; }

.fn-fmain { margin-bottom: 23px; }
.fn-fmain .fn-row { margin: 0 0 30px; border-bottom: 1px solid #ddd; position: relative; }
.fn-fmain .fn-row.last { margin-bottom: 0; }
.fn-fmain .fn-thumb { padding-left: 0; }
.fn-fmain .fn-thumb .fn-frame { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid transparent; }
.fn-fmain .fn-info { padding-top: 15px; padding-right: 0; }
.fn-fmain .fn-title { font-size: 17px; max-height: 2.5em; line-height: 1.25em; margin-bottom: 0.5em; overflow: hidden; }
.fn-fmain .fn-date { margin-bottom: 0.5em; }
.fn-fmain .fn-body { line-height: 1.32em; overflow: hidden; max-height: 3.96em; }
.fn-fmain .fn-row:hover { background-color: #f5f5f6; }
.fn-fmain .fn-row:hover .fn-thumb .fn-frame { border-color: #3070d4; }
.fn-fmain .fn-row:hover .fn-title a { color: #3070d4; }
.fn-fmain .fn-row:hover .fn-link a { background-color: #3070d4; }

.fn-fnews .fn-list { margin-bottom: 0; padding-left: 0; padding-right: 0; list-style: none; }
.fn-fnews .fn-list li { padding-top: 5px; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px solid #ddd; position: relative; }
.fn-fnews .fn-icon { position: absolute; top: 5px; left: 0; z-index: 1; font-size: 11px; line-height: 18px; color: #13315f; }
.fn-fnews .fn-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 75px }

/*-- Front: Video --*/
.fv-video { padding-top: 45px; padding-bottom: 50px; background-color: #f4f4f5; }
.fv-row {}
.fv-box { margin-bottom: 30px; position: relative; }
.fv-inner { position: relative; overflow: hidden; }
.fv-thumb img { height: auto; display: block; margin: 0 auto; width: 100%; }
.fv-thumb .fv-play { display: block; width: 50px; height: 50px; line-height: 44px; margin-top: -25px; margin-left: -25px; 
  background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/opacity-b80.png) repeat; background: rgba(0,0,0,0.8); color: #fff; font-size: 18px; text-align: center; border: 3px solid #fff; 
  position: absolute; top: 50%; left: 50%; z-index: 1;
  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.fv-thumb .fv-play .fa-play { margin-left: 4px; }
.fv-thumb .fv-flag { position: absolute; top: 0; left: 0; width: 150px; height: 150px; /*background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/fv-flag.png) no-repeat left top;*/ }
.fv-thumb .fv-flag:before { content: 'Featured'; display: block; width: 180px; position: absolute; top: 30px; left: -40px; 
 padding: 10px; background-color: rgba(201,6,6,0.8); color: #fff; font-weight: 600; text-align: center; text-transform: uppercase; 
 -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.fv-title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 8px 20px; background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/opacity-b70.png) repeat; background: rgba(0,0,0,0.7); color: #fff; text-align: center; }
.fv-title span { display: block; line-height: 16px; max-height: 32px; overflow: hidden; }
.fv-link { position: absolute; top: -30px; right: 0; z-index: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.fv-link a { display: block; padding: 3px 8px; background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/opacity-b50.png) repeat; background: rgba(0,0,0,0.5); color: #fff; }
.fv-link a:hover { background: rgba(48,112,212,0.9); }
.fv-null + .fv-play { display: none; }
.fv-thumb a:hover .fv-play { background: rgba(253,59,59,0.8); }
.fv-thumb a:hover .fv-title { background: rgba(48,112,212,0.9); }
.fv-inner:hover .fv-link { top: 0; }

.fv-ffeatured .fv-title { padding-top: 12px; padding-bottom: 12px; }
.fv-fmain .fv-thumb .fv-play { top: 38%; }

/*-- Front: Member Associations --*/
.ma-tab { padding-top: 60px; padding-bottom: 80px; }
.ma-tab .nav-tabs { margin-bottom: 40px; text-align: center; }
.ma-tab .nav-tabs > li { display: inline-block; float: none; }
.ma-tab .nav-tabs > li > a { margin: 0 5px; border: 0; background: #e1e3e4; color: #868686; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.ma-tab .nav-tabs > li > a:hover { background: #3070d4; color: #fff; }
.ma-tab .nav-tabs > li.active > a { border: 0; background-color: #001b72; color: #fff;}
.ma-tab .tab-content { text-align: center; }
.ma-tab .ma-flag { margin: 0; padding: 0; list-style: none; }
.ma-tab .ma-flag > li { display: inline-block; padding-left: 5px; padding-right: 5px; margin-bottom: 13px; }
.ma-tab .ma-flag > li > a { display: block; }
.ma-tab .ma-flag > li > a:hover {}

/*-- Front: AFC President News --*/
.iAp-news { padding-top: 45px; background-color: #f5f5f5; }
.iAp-news .iAp-nninner { padding: 15px; background-color: #fff; border: 1px solid #ddd; position: relative; }
.iAp-news .iAp-nninner .block-title { padding-top: 3px; padding-bottom: 10px; margin-bottom: 20px; }
.iAp-news .iAp-nninner .in-llist { margin-bottom: 0; }
.iAp-news .iAp-nninner .in-litem.last { border-bottom: 0; }
.iAp-news .iAp-nninner .in-litem .in-body { height: 36px; overflow: hidden; }
.iAp-news .iAp-nninner .more-link { position: absolute; bottom: 0; right: 0; }
.iAp-news .iAp-nninner .more-link > a { display: block; padding: 5px 15px; background-color: #000; color: #fff; font-size: 13px; font-weight: 600; text-decoration: none; }
.iAp-news .iAp-nninner .more-link > a:hover { background-color: #3070d4; }
.iAp-news .iAp-nquote { padding-bottom: 20px; }
.iAp-news .iAp-nquote h4 { margin-top: 0; margin-bottom: 5px; color: #001b72; font-size: 18px; font-weight: 700; }
.iAp-news .iAp-nquote h6 { display: block; margin-top: 0; margin-bottom: 15px; font-size: 13px; font-family: 'Raleway', sans-serif; color: #a4a4a4; }
.iAp-news .iAp-nquote p { }
.iAp-news .iAp-npic img { height: auto; display: block; margin: 0 auto; max-width: 100%; }
.iAp-news .iAp-nlink { position: absolute; bottom: 0; right: 0; }
.iAp-news .iAp-nlink a { display: inline-block; padding: 5px 10px; background-color: #000; color: #fff; text-decoration: none; }
.iAp-news .iAp-nlink a:hover { background-color: #3070d4; }
.iAp-news .iAp-nlink + .iAp-nlink { bottom: auto; top: 100%; margin-top: 10px; font-size: 13px; font-weight: 600; }
/*-- Front: Multiple Content --*/
.iMtc .iMtc-box { border: 1px solid #dfe2e3; position: relative; }
.iMtc .iMtc-row { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e8e8e7; }
.iMtc .iMtc-row.first { padding-top: 0; }
.iMtc .iMtc-row.last { padding-bottom: 0; border-bottom: 0; }
.iMtc .iMtc-cal .pager li { width: 30px; margin: 0; }
.iMtc .iMtc-cal .date-nav-wrapper .date-heading { padding-left: 30px; padding-right: 30px; }
.iMtc .iMtc-cal .date-nav-wrapper .date-heading h3 { padding: 0; font-size: 15px; line-height: 36px; }
.iMtc .iMtc-cal .date-nav-wrapper .date-heading h3 a { text-decoration: none; cursor: default; }
.iMtc .iMtc-thumb img { width: 100%; height: auto; }
.iMtc .iMtc-info { padding: 25px; height: 240px; overflow: hidden; border-top: 1px solid #dfe2e3; position: relative; }
.iMtc .iMtc-title { margin-bottom: 1em; font-size: 15px; font-family: 'Raleway', sans-serif; font-weight: 700; color: #13315f; }
.iMtc .iMtc-title > a { color: inherit; }
.iMtc .iMtc-date { margin-bottom: 1em; color: #a4a4a4; font-size: 13px; }
.iMtc .iMtc-icon { float: left; margin-right: 8px; color: #d00; }
.iMtc .iMtc-body { line-height: 18px; }
.iMtc .iMtc-pdf { padding: 9px 15px 8px; background-color: #EBF3FF; }
.iMtc .iMtc-pdf ul { margin: 0; padding: 0; list-style: none; }
.iMtc .iMtc-pdf ul li { font-size: 13px; font-weight: 600; }
.iMtc .iMtc-pdf ul li + li { margin-top: 4px; padding-top: 4px; border-top: 1px dashed #C5D6ED; }
.iMtc .iMtc-pdf ul li a { display: block; position: relative; padding-left: 20px; }
.iMtc .iMtc-pdf ul li a:hover { text-decoration: none; }
.iMtc .iMtc-pdf ul li a:before { content: '\f1c1'; display: block; position: absolute; top: 2px; left: 0; color: #d00; font-size: 1em; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; 
 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.iMtc .iMtc-list { padding: 10px 15px; height: 178px; overflow: hidden; border-top: 1px solid #dfe2e3; position: relative; }
.iMtc .iMtc-list .iMtc-head { margin: 0.5em 0; }
.iMtc .iMtc-list .iMtc-head h3 { margin: 0; font-size: 16px; font-weight: 600; }
.iMtc .iMtc-list .iMtc-row { padding-top: 5px; padding-bottom: 5px; }
.iMtc .iMtc-list .iMtc-date { float: left; margin-right: 5px; margin-bottom: 0; font-size: 12px; line-height: 20px; width: 90px; }
.iMtc .iMtc-list .iMtc-date > .fa { margin-right: 6px; color: #13315f; font-size: 12px; }
.iMtc .iMtc-list .iMtc-title { margin-bottom: 0; font-size: 13px; font-weight: 600; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.iMtc .iMtc-link { position: absolute; bottom: 0; right: 0; }
.iMtc .iMtc-link a { display: inline-block; padding: 5px 10px; background-color: #000; color: #fff; }
.iMtc .iMtc-link a:hover { background-color: #3070d4; }
.iMtc .more-link > a { display: block; padding: 8px 25px; background-color: #f5f5f5; color: #999; text-align: center; text-transform: uppercase; font-size: 12px; }
.iMtc .more-link > a:hover { text-decoration: none; background-color: #eee; color: #888; }
.iMtc.oc-pn { margin-top: 40px; }
.iMtc.oc-pn .block-content ul { margin: 0; padding: 0; list-style: none; text-align: center; }
.iMtc.oc-pn .block-content li { display: inline-block; }
.iMtc.oc-pn .block-content li a { display: block; padding: 10px; }

/*** Inner ***/
.in-pane { position: absolute; bottom: 0; right: 0; }
.in-pane a { display: inline-block; padding: 2px 7px; background-color: #eee; color: #777; }
.in-pane a:hover { background-color: #3070d4; color: #fff; }
.in-link { position: absolute; bottom: 0; right: 0; }
.in-link a { display: inline-block; padding: 5px 10px; background-color: #000; color: #fff; }
.in-link a:hover { background-color: #3070d4; }
.in-icon .block-content ul { margin: 0 -10px; padding: 0; list-style: none; }
.in-icon .block-content ul:before,
.in-icon .block-content ul:after { content:''; display: table; }
.in-icon .block-content ul:after { clear: both; }
.in-icon .block-content ul li { display: block; float: left; width: 12.5%; }
.in-icon .block-content ul li a { display: block; margin: 10px; }
.in-icon .block-content ul li a:hover {}
/*-- Inner: All Competitions --*/
.ac-contents .content-header { padding-top: 30px; }
.ac-contents .content-area { padding-top: 0; padding-bottom: 0; }
.ac-block .block-content { position: relative; margin-bottom: 20px; }
.ac-block .block-cover + .block-body { border-top: 1px solid #e1e1e1; }
.ac-block .block-link { text-align: right; }
.ac-block .block-link > .btn { padding-left: 20px; text-transform: uppercase; }
.ac-block .block-link > .btn > .fa { margin-left: 5px; -webkit-transition: margin 0.2s ease-in-out; -moz-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out; }
.ac-block .block-link > .btn:hover > .fa { margin-left: 16px; }
.ac-link > a { display: block; padding: 20px 20px 20px 80px; border: 1px solid #e3e3e5; background-color: #f9f9fa; position: relative; }
.ac-link > a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 5px; background-color: #0f236c; }
.ac-link > a:hover { text-decoration: none; }
.ac-link > a > .fa { position: absolute; top: 20px; left: 20px; width: 45px; height: 45px; line-height: 45px; font-size: 36px; text-align: center; }
.ac-link > a > h2 { margin: 0; font-size: 24px; font-weight: 700; text-transform: uppercase; }
.ac-link > a > h2 > small { display: block; margin-bottom: 1px; clear: both; font-size: 18px; font-weight: 700; }
.ac-link > a > h2 > span { display: block; color: #0f236c; }
.ac-link > a:hover > h2 > span { color: #3070d4; }
.ac-link > a:hover:after { background-color: #3070d4; }
.aci-custom .aci-col   { margin-bottom: 30px; }
.aci-custom + .aci-row { margin-top: 30px; }
  .ac-row-1 { padding-top: 0; padding-bottom: 60px; }
  .ac-row-1 .aci-row + .aci-row { margin-top: 60px; }
  .ac-row-1 .aci-custom + .aci-row { margin-top: 30px; }
  /* Download */
  .ac-dl-list { margin-bottom: 0; }
  .ac-dl-list > li { margin-top: 3px; margin-bottom: 3px; padding-left: 20px; position: relative; }
  .ac-dl-list > li > .fa { position: absolute; top: 3px; left: 0; font-size: 16px; color: #d00; }
  /* Sponsor */
  .ac-sp { margin-top: 30px; }
  .ac-sp h2 { padding-top: 12px; padding-bottom: 27px; margin-top: 0; margin-bottom: 38px; border-bottom: 1px solid #dfdfdf; font-size: 30px; font-family: 'Raleway', sans-serif; font-weight: 700; color: #868686; text-transform: uppercase; text-align: center; position: relative; }
  .ac-sp h2:after { content:''; display: block; width: 20px; height: 20px; margin-left: -10px; background-color: #dbdddc; position: absolute; bottom: -10px; left: 50%;
   -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
  .ac-sp h2 ~ h2 { margin-top: 40px; }
  .ac-sp .in-icon .block-content ul { text-align: center; }
  .ac-sp .in-icon .block-content ul li { display: inline-block; float: none; width: auto; }
/*-- Inner: Member Associations --*/
/* Listing */
.ma-list {}
.ma-list .ma-row { margin-left: 0; margin-right: 0; }
.ma-list .ma-col { padding: 15px; min-height: 420px; border: 1px solid #e9e9e9; background-color: #fff; position: relative; }
.ma-list .ma-title { margin-top: 0; margin-bottom: 15px; padding: 10px; background-color: #273482; color: #fff; font-size: 18px; text-align: center; }
.ma-list .ma-ul { margin: 0; padding: 0; list-style: none; }
.ma-list .ma-ul li { margin: 0 0 3px; padding-right: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; color: #666; position: relative; }
.ma-list .ma-ul li img { width: 22px; height: 16px; margin-right: 10px; }
.ma-list .ma-ul li a { color: inherit; text-decoration: none; outline: none; }
.ma-list .ma-ul li a:hover { color: #3070d4; }
.ma-list .ma-ul li .ma-edit { position: absolute; right: 0; top: 0; width: 20px; height: 20px; text-align: center; opacity: 0; filter: alpha(opacity=0); 
 -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.ma-list .ma-ul li:hover .ma-edit { opacity: 1; filter: alpha(opacity=100); }
.ma-list .ma-link { position: absolute; bottom: 0; right: 0; }
.ma-list .ma-link a { display: inline-block; padding: 5px 10px; background-color: #000; color: #fff; }
.ma-list .ma-link a:hover { background-color: #3070d4; }
/* Detail */
.ma-block + .ma-block { margin-top: 20px; }
.ma-accordion { margin-bottom: 0; }
.ma-accordion .panel { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.ma-accordion .panel-heading { background-color: #2f4376; color: #fff; }
.ma-accordion .panel-heading.collapsed { background-color: #ddd; color: #2f4376; }
.ma-accordion .panel-title { font-size: 18px; font-weight: 700; }
.ma-accordion .panel-body { }
.ma-accordion .panel-body ul { padding-left: 1.6em; }
.ma-accordion .panel-body ul li { }
.ma-crow { position: relative; padding: 5px 0 5px 30px; }
.ma-crow > .field-label { display: inline-block; min-width: 70px; font-weight: 600; }
.ma-crow > .fa { position: absolute; top: 5px; left: 0; width: 20px; height: 20px; line-height: 20px; font-size: 20px; text-align: center; color: #2f4376; }
.ma-crow > .ma-addr-inner { display: inline-block; vertical-align: top; }
.ma-crow > .ma-addr-inner > p { margin-bottom: 0; }
.ma-moreinfo .ma-mlist { margin: 0; padding: 0; list-style: none; text-align: center; }
.ma-moreinfo .ma-mlist li { display: inline-block; }
.ma-moreinfo .ma-mlist li a { display: block; }
.ma-moreinfo .ma-mlist li img { max-width: 100%; width: auto !important; height: auto !important; }
/*-- Inner: News/Article --*/
.in-title { font-size: 15px; font-family: 'Raleway', sans-serif; font-weight: 700; }
.in-title a { text-decoration: none; }
.in-date { color: #999; font-size: 13px; }
.in-enews { border: 1px solid #eee; }
.in-fnews { position: relative; }
.in-fnews .in-title { position: relative; font-size: 20px; }
.in-fnews .in-title .in-inner { position: absolute; bottom: 100%; left: 0; width: 100%; margin-bottom: -1px; }
.in-fnews .in-title .in-inner > a { display: block; padding: 20px 30px; background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/opacity-b70.png); background: rgba(0,0,0,0.70); color: #fff; }
.in-fnews .in-title .in-inner > a:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -15px; border: 15px solid transparent; border-top-color: #000; }
.in-fnews .in-title .in-inner > a:hover { color: #ddd; text-decoration: none; }
.in-fnews .in-info { padding: 20px 25px 30px; }
.in-fnews .in-date { margin-bottom: 0.35em; }
.in-fnews .in-body { margin-bottom: 10px; overflow: hidden; }
.in-fnews .in-link { right: 25px; }
.in-lnews { padding: 25px; }
.in-lnews .in-list { margin-bottom: 0; padding-right: 0; padding-left: 0; list-style: none; }
.in-lnews .in-list li { padding-top: 5px; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px solid #ddd; position: relative; }
.in-lnews .in-list li.first { border-top: 1px solid #ddd; }
.in-lnews .in-icon { position: absolute; top: 5px; left: 0; z-index: 1; font-size: 11px; line-height: 18px; color: #13315f; }
.in-lnews .in-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 75px }
.in-mnews { padding: 0 25px 25px; text-align: right; }
.in-mnews .btn { font-family: 'Raleway', sans-serif; font-weight: 600; text-transform: uppercase; }
.in-rnews .fn-fmain .fn-row { margin-bottom: 15px; max-height: none; }
.in-rnews .fn-fmain .fn-info { padding-top: 8px; padding-left: 5px; }
.in-rnews .fn-fmain .fn-title { font-size: 15px; font-weight: 600; }
.in-rnews .fn-fnews .fn-title { margin-right: 0; }
  /* Style: Masonry */
  .in-masonry > .view-content { margin-left: -10px; margin-right: -10px; }
  .in-masonry > .view-content:before,
  .in-masonry > .view-content:after { content: ''; display: table; }
  .in-masonry > .view-content:after { clear: both; }
  .in-masonry .in-mitem { float: left; width: 50%; }
  .in-masonry .in-inner { margin: 10px; padding: 24px; border: 1px solid #e6e7e7; position: relative; }
  .in-masonry .in-title { margin-bottom: 0.9em; font-size: 18px; line-height: 21px; height: 42px; overflow: hidden; }
  .in-masonry .in-date { margin-bottom: 0.3em; }
  .in-masonry .in-body { height: 100px; overflow: hidden; }
  .in-masonry .item-list { clear: both; }
    /* Tweak: 2014/09/10 */
    .in-masonry .in-thumb { margin: -25px -25px 20px; }
    .in-masonry .in-thumb:empty { margin-bottom: 0; }
  /* Style: List */
  .in-litem { margin-top: 5px; margin-bottom: 5px; margin-left: 13px; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
  .in-litem:before, 
  .in-litem:after { content: ''; display: table; }
  .in-litem:after { clear: both; }
  .in-litem .in-date { float: left; width: 40px; text-align: center; position: relative; }
  .in-litem .in-date:before { content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 3px; margin-right: 10px; background-color: #eee; }
  .in-litem .in-date > .in-date-day { font-size: 25px; font-weight: 600; line-height: 1em; color: #888; }
  .in-litem .in-date > .in-date-month { font-size: 12px; font-weight: 600; line-height: 15px; text-transform: uppercase; color: #bbb; }
  .in-litem .in-date > .in-date-year { }
  .in-litem .in-info { margin-left: 50px; }
  .in-litem .in-title { margin-bottom: 2px; font-weight: 600; line-height: 20px; }
  .in-litem .in-body { color: #999; font-size: 90%; }
  .in-litem:hover .in-date:before { background-color: #3070d4; }
  .in-litem:hover .in-date > .in-date-day { color: #262626; }
  .in-litem:hover .in-date > .in-date-month { color: #5f5f5f; }
  .in-litem:hover .in-title > a { color: #3070d4; }
  .in-litem:hover .in-body { color: #656565; }
  .in-lfeatured { padding: 0; margin: 0; border: 0; }
  .in-lfeatured .in-thumb { margin-bottom: 20px; } 
  .in-lfeatured .in-date { margin-left: 13px; }
  .in-lfeatured .in-date:before { background-color: #3070d4; }
  .in-lfeatured .in-date > .in-date-day { color: #262626; }
  .in-lfeatured .in-date > .in-date-month { color: #5f5f5f; }
  .in-lfeatured .in-info { margin-left: 65px; }
  .in-lfeatured .in-title { margin-bottom: 6px; }
  .in-lfeatured .in-title > a { color: #3070d4; }
  .in-lfeatured .in-body { color: #656565; }
/*-- Inner: News/Article: Detail --*/
.in-article .submitted { font-style: normal; }
.in-article .node-content { padding: 24px; border: 1px solid #ddd; }
.in-article .in-thumb { margin-bottom: 15px; }
.in-article .in-tintro { margin-bottom: 15px; }
.in-article .in-tfull {}
/*-- Inner: Video --*/
.iv-video .fv-thumb .fv-flag:before { content: 'Latest'; }
/*-- Inner: Download --*/
.id-list {}
.id-list .view-filters { padding: 15px; margin-bottom: 20px; border: 1px solid #ddd; background-color: #f5f5f5; }
.id-list .view-filters .views-exposed-widgets { margin-bottom: 0; }
.id-list .view-filters .views-exposed-widget { padding-top: 0; }
.id-list .view-filters .views-exposed-form label { margin-bottom: 0.3em; font-weight: 600; }
.id-list .view-content .table { border: 1px solid #ddd; }
.id-list .view-content .table th { padding: 12px 3px; font-weight: 600; }
.id-list .view-content .table td { padding: 3px; vertical-align: middle; }
.id-list .view-content .views-field-field-download-file { }
.id-list .view-content .views-field-field-download-file .btn { margin-left: 3px; }
.id-list .view-content .views-field-field-download-file .btn > .fa { margin-right: 5px; }
/*-- Results --*/
.com-row { margin-left: -10px; margin-right: -10px; }
.com-list { margin-bottom: 20px; padding-left: 10px; padding-right: 10px; }
.com-list > h1 { margin: 0; padding: 10px 15px; color: #fff; background-color: #3070D4; font-size: 18px; 
 -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.com-list > .block { padding: 15px; border: 1px solid #3070D4; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.com-list table > tbody > tr:last-child td { padding-top: 15px; }
.com-list table > tbody > tr:last-child td a { display: block; margin: 0 -15px -15px; padding: 8px 15px; background-color: #eaf8ff;
 text-decoration: none; text-transform: capitalize; font-size: 12px; text-decoration: none; 
 -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.com-list .sectiontableentry2 > td { padding-top: 3px; padding-bottom: 3px; }
.com-list .scoreMod { font-weight: 600; }
/*-- Results: Inner --*/
.content-part .rankingtable { border: 1px solid #3070D4; }
.content-part .rankingtable tbody th,
.content-part .rankingtable tbody td { padding: 5px; }
.content-part .rankingtable .sectiontableheader th { background-color: #3070D4; color: #fff; }
.content-part .copy { font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #343434; }
.content-part .copy > div { font-size: 14px; color: #7b7b7b; }
/*-- Sitemap: Global Box Style --*/
.site-map-box { }
  .site-map-box > h2 { display: inline-block; padding: 10px 15px; margin-top: 0; background-color: #4D86EF; color: #fff; font-size: 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
  .site-map-box > .content { margin-left: 16px; }
  .site-map-box .site-map-menu { padding-left: 20px !important; border-left: 1px solid #ddd; font-size: 13px; }
  .site-map-box .site-map-menu li { margin-top: 3px; margin-bottom: 3px; padding: 0; position: relative; }
  .site-map-box .site-map-menu li:before { content: ''; display: block; position: absolute; top: 50%; left: -20px; width: 20px; height: 1px; background-color: #ddd; }
  .site-map-box .site-map-menu li.first:before,
  .site-map-box .site-map-menu li.expanded:before { top: 1em; }
  .site-map-box .site-map-menu li a { display: inline-block; padding: 3px 12px; background-color: #f2f2f2; border: 1px solid #ddd; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
  .site-map-box .site-map-menu li a:hover { background-color: #e6e6e6; border-color: #d6d6d6; text-decoration: none; }
  .site-map-box .site-map-menu .site-map-menu { margin-left: 13px !important; }
/*-- Sitemap: Front --*
.site-map-front-page {}
  .site-map-box-front {}
  .site-map-box-front > h2 {}
  .site-map-box-front > .content {}
  .site-map-box-front .site-map-menu {}
  .site-map-box-front .site-map-menu li {}
  .site-map-box-front .site-map-menu li a {}
  .site-map-box-front .site-map-menu li a:hover {}
/*-- Sitemap: Others --*
.site-map-menus {}
  .site-map-box-menu  {}
  .site-map-box-menu > h2 {}
  .site-map-box-menu > .content {}
  .site-map-box-menu .site-map-menu {}
  .site-map-box-menu .site-map-menu li {}
  .site-map-box-menu .site-map-menu li a {}
  .site-map-box-menu .site-map-menu li a:hover {}
/*-- Sitemap: Language --*/
.i18n-en .site-map-box-menu-menu-main-menu-arabic,
.i18n-en .site-map-box-menu-menu-secondary-arabic,
.i18n-ar .site-map-box-menu-main-menu,
.i18n-ar .site-map-box-menu-menu-secondary { display: none; }

/*.......... Responsive ..........*/
@media (max-width: 991px){
  /*... Body ...*/
  section + aside { margin-top: 20px; }
  .col-multiple .block { margin-bottom: 20px; }
  .iFloat.affix { max-width: none; top: auto; position: relative; }
  /*... Custom ...*/
  /*-- Front: News/Article --*/
  .fn-ffeatured { margin-bottom: 30px; }
  .fn-ffeatured .fn-body { height: auto; }
  /*-- Front: AFC President News --*/
  .iAp-news .iAp-nnews { margin-bottom: 25px; }
  .iAp-news .iAp-nninner { padding: 20px; }
  /*-- Front: Multiple Content --*/
  .iMtc .iMtc-info { height: auto; padding: 20px 20px 40px; }
  .iMtc .iMtc-list { height: auto; padding-bottom: 30px; }
  /*** Inner ***/
  .in-icon .block-content ul li { width: 25%; }
  /*-- Inner: Member Associations --*/
  .ma-crow > .field-label { display: none; }
}
@media (max-width: 767px){
  /*... Header ...*/
  .navbar-primary > .container { background-position: -15px top; }
  .navbar-primary .navbar-brand { padding-left: 15px; padding-right: 45px; }
  .navbar-primary .toggle-secondary { display: none; }
  .navbar-primary .navbar-block { margin-top: -42px; margin-right: 34px; margin-left: 115px; height: 42px; }
  .navbar-primary.open > .container { background-position: -15px 0; }
  .navbar-primary.open .navbar-block { margin-left: 115px; }
  .navbar-secondary { position: fixed; top: 0; left: 0; bottom: 0; z-index: 1030; width: 86%;
    -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); 
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  .navbar-secondary > .container { height: 100%; }
  .navbar-secondary .navbar-collapse { display: block; height: 100%; overflow-y: auto; margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; }
  .navbar-secondary.fixed .nav-primary { margin-left: -15px; }
  .iNav .navbar-nav > li > a,
  .iNav .navbar-nav .open .dropdown-menu > li > a,
  .iNav .navbar-nav .open .dropdown-menu > li > a:hover,
  .iNav .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; }
  .iNav .nav .open > a,
  .iNav .nav .open > a:hover,
  .iNav .nav .open > a:focus,
  .iNav .nav .open > a:active { background-color: transparent; color: #fff; }
  .iNav .nav .nolink > a { cursor: default; }
  .toggle-primary { width: 50px; height: 42px; }
  .toggle-primary > .icon-bar { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; }
  .iNav-active { width: 100%; height: 100%; }
  .iNav-active body { width: 100%; height: 100%; position: fixed; overflow: hidden; }
  .iNav-active body:after { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); }
  .iNav-active .toggle-primary > .icon-bar:nth-child(2) { -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
  .iNav-active .toggle-primary > .icon-bar:nth-child(3) { opacity: 0; margin-top: 4px; }
  .iNav-active .toggle-primary > .icon-bar:nth-child(4) { -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); margin-top: -8px; }
  .iNav-active .navbar-secondary { -webkit-transform: translate3d(0%,0,0); -moz-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0); }
  .isMobile .iSearch .iS-boxies { position: fixed; min-width: 0; }
  .isMobile .iSearch .iS-boxies .form-control { height: 38px; }
  .isMobile .iSearch .iS-boxies .btn-primary { padding-top: 8px; padding-bottom: 8px; }
  .isMobile .iSMedia { float: none; margin-bottom: 20px; }
  .isMobile .iSMedia .iSm-list { text-align: center; }
  .isMobile .iSMedia .iSm-list > li { margin-left: 3px; margin-right: 3px; }
  .isMobile .iSMedia .iSm-list > li > a { width: 42px; font-size: 28px; background-color: transparent; }
  /*... Banner ...*/
  .banner { background: none; padding-top: 0; padding-bottom: 0; }
  .iSlide { padding-right: 15px; }
  .iSlide .nivo-caption { position: relative; padding: 1em; background: #333; }
  .iSlide .nivo-caption h4 { font-size: 18px; margin-bottom: 3px; }
  .iSlide .nivo-caption p { font-size: 13px; }
  .iSpane { padding-left: 15px; }
  .ib-competition .ib-boxes { margin-left: -15px; margin-right: -15px; }
  .ib-competition .ib-lg { left: 30px; }
  .ib-mbasso .ib-boxes { margin-left: -15px; margin-right: -15px; }
  .ib-mbasso .ib-lg { left: 30px; }
  .nav-block .contextual-links-wrapper { display: none !important; }
  /*... Footer ...*/
  .ft-link { margin-bottom: 20px; }
  .ft-link .list-inline { padding-left:0; padding-right: 0; margin-left: 0; text-align: center; }
  .ft-link .list-inline li { display: block; border-bottom: 1px solid #333; }
  .ft-link .list-inline li:after { content: ''; display: none; }
  .ft-link .list-inline li.last { border-bottom: 0; }
  .ft-link .list-inline li a { display: block; padding: 8px; }
  .ft-link .list-inline li a:hover { color: #fff; background: url(/National_Library/20160526010038oe_/http://www.the-afc.com/sites/all/themes/bootstrap_osbasic/img/opacity-w10.png) repeat; }
  .ft-logo { margin-bottom: 20px; margin-top: 0; }
  .ft-logo .block-content { text-align: center; }
  .cp .block-content { text-align: center; }
  .cp .copyright, .cp .powered { display: block; line-height: 1.36em; }
  .cp .powered { margin-top: 8px; color: #666; }
  .cp .powered a { color: #777; }
  /*... Custom ...*/
  .contents .block-title { text-align: left; }
  .contents .block-title .btn-more { font-size: 13px; }
  /*-- Front: News/Article --*/
  .fn-link a { padding: 2px 6px; }
  /*-- Front: AFC-President-News --*/
  .iAp-news .iAp-nquote { margin: 0 15px 25px; padding: 20px 20px 30px; border: 2px solid #ddd; background-color: #fff; }
  .iAp-news .iAp-nquote:before,
  .iAp-news .iAp-nquote:after { content: ''; position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -18px; border: 18px solid transparent; border-top-color: #ddd; }
  .iAp-news .iAp-nquote:before { z-index: 2; margin-left: -15px; border-width: 15px; border-top-color: #fff; }
  /*-- Inner: Member Associations --*/
  .ma-list .ma-col { min-height: 0; }
  .ma-list .ma-col + .ma-col { border-top: 0; }
  .ma-node .ma-col + .ma-col { margin-top: 20px; }
  .ma-block .p24 { padding: 14px; }
  /*-- Inner: News/Article --*/
  .in-fnews .in-info,
  .in-lnews,
  .in-mnews { padding-left: 15px; padding-right: 15px; }
  .in-fnews .in-link { right: 15px; }
  .in-mnews { padding-bottom: 15px; }
  /* Style: List */
  .in-lfeatured { margin-bottom: 5px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
}
@media (max-width: 669px){
  .front #cboxContent,
  .front #cboxLoadedContent { height: auto !important; }
  .front #cboxLoadedContent { overflow: hidden !important; }
}
@media (max-width: 519px){
  /*... Banner ...*/
  .iSlide .nivo-caption h4 { font-size: 16px; margin-bottom: 3px; }
  .iSlide .nivo-caption p { font-size: 12px; line-height: 1.2em; }
  .iSpane .row > div { float: none; width: auto; text-align: center; }
  .iSpane .row > div img { width: 100%; }
  /*... Body ...*/
  .col-multiple { padding-top: 25px; padding-bottom: 25px; }
  /*... Custom ...*/
  .contents .block-title { font-size: 21px; font-weight: 600; }
  .contents .block-title .btn-more { top: 12px; font-size: 0; padding: 5px 9px 3px; }
  .contents .block-title .btn-more .fa { font-size: 12px; line-height: 15px; }
  /*-- Front: News/Article --*/
  .fn-news { padding-top: 25px; padding-bottom: 40px; }
  .fn-thumb .fn-flag { background-size: cover; width: 100px; height: 100px; }
  .fn-thumb .fn-flag:before { top: 15px; left: -52px; font-size: 90%; }
  .fn-ffeatured .fn-title { font-size: 16px; font-weight: 500; line-height: 1.2em; }
  .fn-ffeatured .fn-title .fn-inner > a { padding: 12px 15px; }
  .fn-ffeatured .fn-title .fn-inner > a:after { border-width: 10px; margin-left: -10px; }
  .fn-ffeatured .fn-info { padding: 20px 15px 15px; }
  .fn-fmain .fn-row { border-bottom: 0; }
  .fn-fmain .fn-thumb { float: none; width: auto; padding-right: 0; }
  .fn-fmain .fn-info { float: none; width: auto; padding: 15px 15px 30px; border: 1px solid #ddd; border-top: 0; }
  .fn-fmain .fn-body { max-height: none; margin-bottom: 0.5em; }
  /*-- Front: Video --*/
  .fv-video { padding-top: 25px; padding-bottom: 20px; }
  .fv-box { float: none; width: auto; margin-bottom: 20px; }
  .fv-thumb .fv-flag { background-size: cover; width: 100px; height: 100px; }
  .fv-thumb .fv-flag:before { top: 15px; left: -52px; font-size: 90%; }
  .fv-title { padding: 10px 15px; }
  .fv-link a { padding: 0 5px; line-height: 20px; font-size: 12px; }
  /*-- Front: Member Associations --*/
  .ma-tab { padding-top: 25px; padding-bottom: 30px; }
  .ma-tab .nav-tabs > li > a { margin-left: 0; margin-right: 0; padding-left: 8px; padding-right: 8px; font-size: 85%; }
  /*** Inner ***/
  .in-icon .block-content ul li { width: 50%; }
  /*-- Inner: All Competitions --*/
  .ac-link > a { padding: 15px 15px 20px 70px; }
  .ac-link > a > .fa { top: 15px; left: 15px; width: 38px; height: 38px; line-height: 38px; font-size: 32px; }
  .ac-link > a > h2 { font-size: 20px; }
  .ac-link > a > h2 > small { font-size: 16px; margin-bottom: 0; }
  /*-- Inner: News/Article --*/
  /* Style: Masonry */
  .in-masonry .in-mitem { width: 100%; }
  /*-- Results: Inner --*/
  .content-part .rankingtable { font-size: 12px; }
  /*-- Sitemap: Global Box Style --*/
  .site-map-box > h2 { display: block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
  .site-map-box > .content { margin-left: 0; }
  .site-map-box .site-map-menu { padding-left: 10px !important; }
  .site-map-box .site-map-menu li:before { left: -10px; width: 10px; }
  .site-map-box .site-map-menu li a { display: block; padding: 5px 8px; line-height: 1.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  .site-map-box .site-map-menu .site-map-menu { margin-left: 5px !important; }
}
@media (min-width: 520px) and (max-width: 767px){}
@media (min-width: 768px){
  .threecol,
  .twocol { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; }
  .threecol img,
  .twocol img { display: block; max-width: 100%; height: auto !important; }
  /*... Header ...*/
  .navbar-secondary .nav-primary { /*position: fixed; z-index: 1050; margin-top: -42px; margin-left: 130px;*/ }
  .navbar-secondary .navbar-nav>.active>a, .navbar-secondary .navbar-nav>.active>a:hover, .navbar-secondary .navbar-nav>.active>a:focus { background: none; }
  .iNav { float: left; }
  .iNav .navbar-nav>li>a { padding: 11px; font-size: 13px; font-family: 'Raleway', sans-serif; font-weight: 600; text-transform: uppercase; color: #fff; }
  .iNav .navbar-nav>li>a:hover { background-color: #2459ad; color: #fff; }
  .iNav .navbar-nav>li>a:focus { color: #fff; outline: 0; }
  .iNav .navbar-nav>.active>a, 
  .iNav .navbar-nav>.active>a:hover, 
  .iNav .navbar-nav>.active>a:focus { background-color: #2459ad; color: #fff; }
  .iNav .navbar-nav>.open>a, 
  .iNav .navbar-nav>.open>a:hover, 
  .iNav .navbar-nav>.open>a:focus { background-color: #2459ad; color: #fff; }
  .iNav .nav .nolink > a { cursor: default; }
  .iNav .dropdown-menu { border: 0; background-color: #2459ad; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .iNav .dropdown-menu>li>a { color: #fff; font-size: 13px; }
  .iNav .dropdown-menu>li>a:hover, .iNav .dropdown-menu>li>a:focus { background-color: #3171d5; color: #fff; }
    .iNav .dropdown-menu>.open>a { background-color: #3171d5; color: #fff; }
  /*... Banner ...*/
  .iSlide { padding-right: 0; }
  .iSpane { padding-left: 0; }
  .nav-block .navbar-tertiary .navbar-collapse { padding-left: 0; padding-right: 0; }
}
@media (min-width: 768px) and (max-width: 991px){
  /*... Header ...*/
  .iNavbar { padding-top: 84px; }
  .navbar-primary > .container { background-position: -20px top; }
  .navbar-primary .navbar-brand { padding-right: 40px; }
  .navbar-primary .navbar-block { margin-left: 110px; }
  .navbar-primary .navbar-block > .iNav { float: none; position: fixed; top: 42px; left: 0; right: 0; background-color: #2563C3; }
  .navbar-primary .navbar-block > .iNav > .navbar-nav { float: none; max-width: 720px; margin: 0 auto; }
  .navbar-primary.open > .container { background-position: 35px top; }
  .navbar-primary.open .toggle-secondary { margin-right: 11px; }
  .navbar-primary.open .navbar-block { margin-left: 155px; }
  .navbar-secondary.fixed { -webkit-transform: translate3d(0,42px,0); -moz-transform: translate3d(0,42px,0); transform: translate3d(0,42px,0); }
  .navbar-secondary.fixed.active { -webkit-transform: translate3d(0,82px,0); -moz-transform: translate3d(0,82px,0); transform: translate3d(0,82px,0); }
  .admin-menu .navbar-secondary.fixed { top: 28px; }
  .admin-menu .navbar-secondary.fixed.active { -webkit-transform: translate3d(0,84px,0); -moz-transform: translate3d(0,84px,0); transform: translate3d(0,84px,0); }
  .iNav .navbar-nav>li>a { padding-left: 8px; padding-right: 8px; font-size: 12px; font-weight: 600; }
  /*... Banner ...*/
  .iSlide .nivo-caption { padding: 12px 15px; }
  .iSlide .nivo-caption h4 { font-size: 18px; }
  .iSlide .nivo-caption p { font-size: 13px; }
  /*-- Inner: Member Associations --*/
  .ma-list .ma-col + .ma-col { border-left: 0; }
  .ma-list .ma-col + .ma-col + .ma-col { border-top: 0; border-left: 1px solid #e9e9e9; }
  .ma-list .ma-col + .ma-col + .ma-col + .ma-col { border-left-width: 0; }
  .ma-node .ma-col + .ma-col { margin-top: 20px; }
}
@media (min-width: 992px){
  .threecol { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
  .twocol { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
  /*-- Inner: Member Associations --*/
  .ma-list .ma-col + .ma-col { border-left: 0; }
  /*-- Inner: News/Article --*/
  /* Style: Masonry */
  .in-masonry .in-mitem { width: 33.3%; }
}
@media (min-width: 992px) and (max-width: 1199px){
  /*... Header ...*/
  .navbar-primary .navbar-block { position: relative; height: 42px; }
  .navbar-primary .navbar-block > .iLang { position: absolute; top: 100%; right: 83px; }
  .navbar-primary .navbar-block > .iSearch { position: absolute; top: 100%; right: 35px; }
  .navbar-primary .navbar-block > .iSMedia { position: absolute; top: 100%; right: 0; }
  .iSearch .iS-toggle { padding: 11px; }
  .iSearch .iS-toggle:focus,
  .iSMedia .iS-toggle:focus { background-color: transparent; }
  .iSearch .iS-toggle:hover,
  .iSMedia .iS-toggle:hover { background-color: #2459ad; }
  .iSMedia .iS-toggle { display: block; width: 35px; padding-left: 7px; padding-right: 7px; text-align: center; }
  .iSMedia .iSm-list > li > a { background-color: #3070d4; }
  .iSMedia .dropdown > .dropdown-menu { position: absolute; display: none; min-width: 160px; }
  .iSMedia .dropdown > .dropdown-menu > .iSm-list { text-align: right; }
  .iSMedia .dropdown.open > .dropdown-menu { display: block; }
  .show-smedia .iSMedia,
  .show-smedia .iSearch,
  .show-smedia .iLang { display: block; }
  .hide-smedia .iSMedia,
  .hide-smedia .iSearch,
  .hide-smedia .iLang { display: none; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
  .on-smedia .iSMedia,
  .on-smedia .iSearch,
  .on-smedia .iLang { display: block; opacity: 1; }
  /*... Body ...*/
  .iFloat.affix { max-width: 293px; }
  /*-- Front: News/Article --*/
  .fn-fmain .fn-info { padding-top: 8px; padding-left: 8px; }
  .fn-fmain .fn-title { margin-bottom: 5px; }
  .fn-fmain .fn-date { margin-bottom: 5px; }
  .fn-fmain .fn-body { font-size: 13px; line-height: 1.3em; }
  /*-- Front: Multiple Content --*/
  .iMtc .iMtc-info { height: 285px; }
}
@media (min-width: 1200px){
  /*... Header ...*/
  .open .iSearch .iS-toggle { padding: 11px; }
  .open .iSMedia { margin-left: 0 !important; }
  .open .iSMedia .iS-toggle { display: block; width: 36px; padding-left: 7px; padding-right: 7px; text-align: center; }
  .open .iSMedia .iSm-list { text-align: right; }
  .open .iSMedia .iSm-list > li > a { background-color: #2459ad; }
  .open .iSMedia .iSm-list > li > a:hover { background-color: #1A4B99; }
  .open .iSMedia .dropdown > .dropdown-menu { position: absolute; display: none; min-width: 160px; }
  .open .iSMedia .dropdown.open > .dropdown-menu { display: block; }
  /*... Banner ...*/
  .iSlide .nivo-caption h4 { font-size: 24px; }
  .iSlide .nivo-caption p { font-size: 16px; }
}


/*.......... iDEV ..........*/
.iDev { position: relative; overflow: hidden; }
.iDev:before { content: 'Sample'; display: block; padding: 10px; width: 160px; font-size: 14px; font-weight: normal; text-transform: none; text-align: center;
  background-color: rgba(0,119,170,0.75); color: #fff; visibility: visible; position: absolute; top: 20px; left: -40px; z-index: 1;
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.iDev.id-html:before { content: 'HTML'; background-color: rgba(227,76,38,0.75); }
.iDev.id-php:before { content: 'PHP'; background-color: rgba(79,91,147,0.75); }
.col-multiple .iDev .block-title:before { left: -36px; top: 6px; width: 120px; }

.admin-pane { position: relative; border: 1px dotted #e0e0e0; padding: 30px 15px 10px; margin-top: 15px; margin-bottom: 15px; }
.admin-pane:before { content: 'Admin Previews test'; display: block; position: absolute; top: 10px; left: 15px; font-size: 13px; font-weight: 500; text-transform: uppercase; color: #bbb; }
.admin-pane .field-label { font-weight: 600; }
/* Display Term ID / Name */
.in-rnews .fn-term, .fv-term { display: none; color: #DD5F60; font-size: 11px; }
.admin-menu .in-rnews .fn-term, .fv-term { display: block; }
.fv-term { position: absolute; top: 100%; left: 0; width: 100%; padding: 0 15px; }

.dev-test .iNavbar { box-shadow: 0 3px 0 3px rgba(255,120,0,0.5); }

.sm-link .block-content ul { margin: 0; padding: 0; list-style: none; }
.sm-link .block-content ul li {}
.sm-link .block-content ul li a { display: block; padding: 5px 15px; margin-bottom: -1px; border: 1px solid #1953A3; background-color: #3070D4; color: #fff; text-decoration: none; }
.sm-link .block-content ul li a:hover { border-color: #222; background-color: #222; }


/*.............. VIDEO EMBED .........*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
