/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

@font-face {
    font-family: 'sansationregular';
    src: url('../fonts/sansation-regular-webfont.eot');
    src: url('../fonts/sansation-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation-regular-webfont.woff2') format('woff2'),
         url('../fonts/sansation-regular-webfont.woff') format('woff'),
         url('../fonts/sansation-regular-webfont.ttf') format('truetype'),
         url('../fonts/sansation-regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansationbold';
    src: url('../fonts/sansation-bold-webfont.eot');
    src: url('../fonts/sansation-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation-bold-webfont.woff2') format('woff2'),
         url('../fonts/sansation-bold-webfont.woff') format('woff'),
         url('../fonts/sansation-bold-webfont.ttf') format('truetype'),
         url('../fonts/sansation-bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/MyriadPro-Regular.otf')  format('opentype'),
       url('../fonts/MyriadPro-Regular.woff') format('woff'), 
       url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), 
       url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   /* Page Template */
   html, body { height: 100%; }
   
   body { font-size: 14px; font-family: 'MyriadPro-Regular', sans-serif; color: #fff;  }
   /*.main-container { min-height: 100%; height: auto !important;  }*/

   footer { }


   /* Header */
   header .top-header {background: #de7f34; background: -moz-linear-gradient(left,  #de7f34 0%, #f9a25e 50%, #de7f34 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#de7f34), color-stop(50%,#f9a25e), color-stop(100%,#de7f34)); background: -webkit-linear-gradient(left,  #de7f34 0%,#f9a25e 50%,#de7f34 100%); background: -o-linear-gradient(left,  #de7f34 0%,#f9a25e 50%,#de7f34 100%); background: -ms-linear-gradient(left,  #de7f34 0%,#f9a25e 50%,#de7f34 100%); background: linear-gradient(to right,  #de7f34 0%,#f9a25e 50%,#de7f34 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de7f34', endColorstr='#de7f34',GradientType=1 ); border-bottom: 2px solid #ffcaa1; }
   header .top-header .container { position: relative;}
   header .middle-header {background: #f15c23; background: -moz-linear-gradient(left,  #f15c23 0%, #ef845b 50%, #f15c23 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f15c23), color-stop(50%,#ef845b), color-stop(100%,#f15c23));  background: -webkit-linear-gradient(left,  #f15c23 0%,#ef845b 50%,#f15c23 100%);  background: -o-linear-gradient(left,  #f15c23 0%,#ef845b 50%,#f15c23 100%); background: -ms-linear-gradient(left,  #f15c23 0%,#ef845b 50%,#f15c23 100%); background: linear-gradient(to right,  #f15c23 0%,#ef845b 50%,#f15c23 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15c23', endColorstr='#f15c23',GradientType=1 );}
   header .bottom-header { min-height: 38px; border-bottom: 1px solid #c6cbd8; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005190+0,003660+100 */
background: #005190; /* Old browsers */
background: -moz-linear-gradient(top,  #005190 0%, #003660 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #005190 0%,#003660 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #005190 0%,#003660 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005190', endColorstr='#003660',GradientType=0 ); /* IE6-9 */
border-bottom: 2px solid #004c88;}
   header .middle-header { padding: 30px 0px;}
   header .logo { display: inline-block; vertical-align: middle;}
   header .site-title { display: inline-block; vertical-align: middle; margin-left: 40px;}
   header .site-title h1 { margin: 0; font-family: 'sansationbold';}
   header .site-title a { color: #fff; text-decoration: none;}
   header .contact-information ul { display: inline-block; list-style: none; padding-left: 0; margin-bottom: 0;}
   header .contact-information ul li { display: inline-block; vertical-align: text-bottom; color: #ffffff; }
   header .contact-information ul li a { color: #fff; text-decoration: none;}
   header .contact-number { margin-right: 46px;}
   header .contact-information ul li:first-child { margin-right: 5px;}

   header .language-select .btn { background: transparent; border: 0px; padding: 0; font-size: 12px; color: #fff;}
   header .language-select {}
   header .language-select .btn-default.active.focus, header .language-select .btn-default.active:focus, header .language-select .btn-default.active:hover, header .language-select .btn-default:active.focus, header .language-select .btn-default:active:focus, header .language-select .btn-default:active:hover, header .language-select .open>.dropdown-toggle.btn-default.focus, header .language-select .open>.dropdown-toggle.btn-default:focus, header .language-select .open>.dropdown-toggle.btn-default:hover { color: #fff; background: transparent; }
   header .language-select .btn-default.active, header .language-select .btn-default:active, header .language-select .open>.dropdown-toggle.btn-default { color: #fff; background: transparent; }
   header .dropdown-menu>li>a { padding: 0px; border-top: 1px solid #e63c2e; background: #ffffff; padding: 3px; box-sizing: border-box; color: #002855; font-size: 10px;}
   header .language-select .dropdown-menu>li>a:focus, header .language-select .dropdown-menu>li>a:hover { background: #fff; }
   header .dropdown-menu { padding: 0px; min-width: 68px; border-radius: 0;}
   header .dropdown span { font-size: 12px; left: 17px;}
   header .header-options li { display: inline-block;}
   header .header-options li a { color: #fff; border-radius: 4px; background: #00508f; background: -moz-linear-gradient(left,  #00508f 0%, #0062af 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00508f), color-stop(100%,#0062af)); background: -webkit-linear-gradient(left,  #00508f 0%,#0062af 100%); background: -o-linear-gradient(left,  #00508f 0%,#0062af 100%); background: -ms-linear-gradient(left,  #00508f 0%,#0062af 100%); background: linear-gradient(to right,  #00508f 0%,#0062af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00508f', endColorstr='#0062af',GradientType=1 ); padding: 6px 8px; font-size: 1em; text-decoration: none; border-radius: 8px;  }
   header .language-select { display: inline-block;}
   header .header-options { display: inline-block; margin-left: 23px;}
   header .header-options ul { padding-left: 0;}
   header .top-header { padding: 40px 0px 20px 0px; }

   header .contact-information li { font-size: 0.85em;}

   header .social-links { list-style: none; margin-bottom: 0;}
   header .social-links li { display: inline-block; margin-right: 3px;}
   header .social-links li a { color: #ffffff; font-size: 1.71em;}
   header .social-links li i { background: #3a3a3a; border-radius: 6px;}
   header .top-header-left { display: inline-block; vertical-align: middle;}
   header .top-header-middle { display: inline-block; vertical-align: middle;}
   header .top-header-right { display: inline-block; position: absolute; right: 0; vertical-align: middle;}
   header .header-options li { margin-right: 8px; }
   header .language-select .dropdown { top: -6px;}
   header .contact-information { margin-left: 320px;}
   header .bottom-header .search { background: #d0d3d5; padding: 2px; margin-top: 10px; position: absolute; right: 0; top: 0; }
   header .bottom-header input[type="search"] { border: 0; width: 169px; height: 20px; vertical-align: middle; color: #999999; outline: none; padding: 4px 1px 4px 8px; box-sizing: border-box; }
   header .bottom-header input[type="image"] { display: inline-block; vertical-align: middle; position: relative; left: -1px; height: 20px;}
   header .bottom-header .container { position: relative;}

   header .search { display: inline-block;}
   header .main-menu { display: inline-block; margin-top: 12px;}
   header .main-menu > ul > li { display: inline-block; float: left;border-right: 1px solid #3c587d;}
/*   header .dropdown-menu-new { display: none;}
*/   header .main-menu ul { list-style: none; padding-left: 0;}
   header .main-menu > ul > li > a { height: 15px; width: 145px; display: block; text-align: center; text-transform: uppercase; color: #fff;  text-decoration: none;}
   header .main-menu ul li:last-child{border: 0px;}
   header .main-menu ul li a:hover { color: #F15C23;}
   header .main-menu ul li.active a { color: #F15C23; }
   header .main-menu > ul > li { position: relative;}
   header .dropdown-menu-new { position: absolute; top: 52px; display: none; z-index: 9999999; }
   header .hover-menu { background: #e61e17; height: 100%; min-width: 420px; padding: 12px; box-sizing: border-box;}
   header .hover-menu a { color: #fff; text-transform: uppercase; font-size: 12px; text-decoration: none;}
   header .hover-menu .column { float: left; display: inline-block; padding: 4px;}

   header .menu-triangle { width: 31px; height: 14px; background: url('../img/page-template/menu-triangle.png') no-repeat; display: block; position: absolute; top: -12px; left: 53px !important; }


   footer { background: #f15c23; background: -moz-linear-gradient(left,  #f15c23 0%, #ef845b 50%, #f15c23 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f15c23), color-stop(50%,#ef845b), color-stop(100%,#f15c23));  background: -webkit-linear-gradient(left,  #f15c23 0%,#ef845b 50%,#f15c23 100%);  background: -o-linear-gradient(left,  #f15c23 0%,#ef845b 50%,#f15c23 100%); background: -ms-linear-gradient(left,  #f15c23 0%,#ef845b 50%,#f15c23 100%); background: linear-gradient(to right,  #f15c23 0%,#ef845b 50%,#f15c23 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15c23', endColorstr='#f15c23',GradientType=1 ); color: #fff;}
   footer .footer-menu li { display: inline-block; margin: 0 20px; text-transform: uppercase;}
   footer .footer-menu li a { color: #fff; text-decoration: none;}
   footer .footer-menu li a:hover { color: #fff;}
   footer .footer-menu { text-align: center; margin: 16px 0px;  }
   footer .address-icon  { display: inline-block; vertical-align: top; margin-right: 5px; }
   footer .address-icon i { font-size: 20px;}
   footer .address-text { display: inline-block; width: 220px; vertical-align: text-top;}
   footer .address-text p { margin-bottom: 0;}

   footer .footer-logo { display: inline-block; vertical-align: middle;}
   footer .address { display: inline-block; vertical-align: middle; }
   footer .contact-information { display: inline-block; vertical-align: middle; }
   footer .email-information { display: inline-block; vertical-align: middle; }
   footer .social-footer { display: inline-block; vertical-align: middle; position: absolute; top: 20px; right: 0; }
   footer .contact-number-icon { display: inline-block; vertical-align: middle; margin-right: 5px;}
   footer .email-icon { vertical-align: middle; display: inline-block; margin-right: 5px;}
   footer .contact-number-text { vertical-align: middle; display: inline-block; vertical-align: text-top;}
   footer .contact-number-text p { margin-bottom: 0;}
   footer .email-text { display: inline-block; vertical-align: middle;}
   footer .email-text a { color: #fff; text-decoration: none;}

   footer .social-footer li { display: inline-block; margin-right: 3px;}
   footer .social-footer li a { color: #ffffff; font-size: 1.71em;}
   footer .social-footer li i { background: #3a3a3a; border-radius: 6px;}
   footer .address-icon i { font-size: 40px; }
   footer .footer-logo { margin-right: 55px;}
   footer .address { margin-right: 60px;}
   footer .social-footer { }
   footer .social-footer ul { margin: 0; }
   footer .contact-information { margin-right: 80px;}

   footer .middle-footer { font-size: 0.85em; }
   footer .middle-footer-container { border-top: 1px solid #ee9a7a; border-bottom: 1px solid #ee9a7a; padding: 12px 0px;  }
   footer .bottom-fotter { min-height: 60px;}
   footer p.copyright { float: right; font-size: 12px; color: #fff; margin-top: 14px;}

   .slider-container { width: 100%; height: 900px;}
   .slides-pagination { bottom: 20px;}
   .slides-pagination a { width: 20px; height: 20px; border: 2px solid #fff; background: #e63c2e; margin: 2px 6px;}
   .slides-pagination a.current { background: #002857; }
   .slides-container li { position: relative;}
   .slides-container .slider-text { position: absolute; top: 160px; width: 480px; height: 250px; background: rgba(0,0,0,0.2); padding: 20px 30px; box-sizing: border-box; }
   .slider-text h1 { font-family: 'sansationregular'; font-size: 2em;}
   .slider-text { font-family: 'sansationregular';}
   .slider-text p {font-size: 1em; margin-top: 16px;}
   .slider-text a { font-size: 1em; text-transform: uppercase; color: #fff; text-decoration: none; margin-top: 20px; display: inline-block;}
   
   footer .quick-links-menu { background: rgba(231,0,0,0.8); width: 325px; display: inline-block; position: absolute; bottom: 50px; left: 0; z-index: 9999999; -webkit-box-shadow: 0px 0px 0px 2px rgba(2,2,2,0.4); -moz-box-shadow: 0px 0px 0px 2px rgba(2,2,2,0.4); box-shadow: 0px 0px 0px 2px rgba(2,2,2,0.4); display: none; }
   footer .quick-links-menu ul { list-style: none; padding-left: 0; margin-bottom: 0;}
   footer .quick-links-menu ul li { -webkit-box-shadow: 0px 1px 0px 0px rgba(2,2,2,0.4); -moz-box-shadow: 0px 1px 0px 0px rgba(2,2,2,0.4); box-shadow: 0px 1px 0px 0px rgba(2,2,2,0.4); }
   footer .quick-links-menu ul li:last-child { box-shadow: none;}
   footer .quick-links-menu a {display: block; color: #fff; text-transform: uppercase; text-decoration: none; padding: 9px 8px;  }
   footer .quick-links-menu span { display: inline-block; vertical-align: middle; margin-left: 13px;}
   footer .quick-links-menu .ql-img { display: inline-block; vertical-align: middle;}
   footer .quick-links { background: #00457b; width: 100%; min-height: 22px; border-top: 2px solid #165f98; border-bottom: 2px solid #165f98; }
   footer .quick-links .container { position: relative;}
   footer .quick-links a.toggle { color: #fff; text-decoration: none; text-transform: uppercase; display: inline-block; margin-top: 5px; }
   footer .quick-links i { margin-right: 10px;}
   footer .quick-links-triangle { width: 29px; height: 13px; background: url('../img/page-template/quick-link-triangle.png') no-repeat; display: block; position: absolute; left: 6px; top: -13px; z-index: 9999999; display: none; }
   .middle-footer-container { position: relative;}

   /* Inner */
   .inner-content { background: url('../img/page-template/inner-bg.png') repeat; min-height: 680px;}
   .inner-content h1.main-title { width: 648px; text-align: right; position: absolute; left: 0; background: #e63c2e; padding: 8px 14px 4px 4px; font-family: 'MyriadPro-Regular'; font-size: 1.85em; margin-top: 40px; letter-spacing: 4px;}
   .inner { background: url('../img/page-template/inner-bg.jpg'); background-size: cover;}
   .inner-content .page-contents { padding-top: 150px; }
   .inner-content .mission-vision { margin-bottom: 35px;}
   .inner-content .mission-vision .row-image { display: inline-block; vertical-align: middle; margin-left: 80px;}
   .inner-content .mission-vision .row-content { display: inline-block; vertical-align: middle; margin-left: 40px; width: 74%;  }
   .inner-content .mission-vision .row-content h2 { margin: 0; color: #0c325e; font-size: 1.28em; text-transform: uppercase; font-family: 'sansationbold'; }
   .inner-content .mission-vision .row-content ul { padding-left: 20px; margin-top: 20px;}
   .inner-content .mission-vision .row-content ul li { color: #5c5c5c; font-size: 2.14em; list-style-type: square;}
   .inner-content .mission-vision .row-content p { color: #5c5c5c; font-size: 2.14em; }
   .inner-content .officer-row { margin-bottom: 20px;}
   .inner-content .officers .item { background: #fff; color: #5c5c5c; padding: 6px; min-height: 385px; }
   .inner-content .officers h2 { color: #0c325e; font-size: 1.71em; text-transform: uppercase; text-align: center; font-family: 'sansationbold'; border-bottom: 2px solid #0c325e; margin-bottom: 20px; }
   .inner-content .officers h3 { color: #0c325e; font-family: 'MyriadPro-Regular'; text-align: center; font-size: 1.14em; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #e63c2e; padding-bottom: 6px; }
   .inner-content .officers p { text-align: center; }

   .digital-links .page-bg { min-height: 305px; background: url('../img/digital_links/page-bg.jpg'); background-size: cover; position: relative; }
   .inner-content .page-bg-text { position: absolute; bottom: 20px; }
   .inner-content .page-bg-text p { font-size: 2.14em; text-transform: uppercase; color: #fff; font-family: 'MyriadPro-Regular'; text-shadow: 1px 1px 9px rgba(150, 150, 150, 1); width: 56%; }
   .inner-content .page-bg-text span { text-transform: uppercase; font-family: 'sansationbold'; font-size: 1.28em;}

   .digital-links-bottom { text-align: center; }
   .digital-links-bottom p { color: #5c5c5c; font-size: 1.14em; margin-top: 20px; }
   .digital-links-bottom ul { list-style: none; padding-left: 0; margin-top: 35px;}
   .digital-links-bottom ul li { display: inline-block; margin: 0px 23px; }
   .digital-links-bottom ul li a { color: #3a3a3a; width: 70px; height: 70px; display: block; background: #fff; line-height: 80px; font-size: 3.14em; border-radius: 4px; border: 2px solid #5c5c5c; }
   
   .faculty .page-bg { min-height: 305px; background: url('../img/faculty/faculty.jpg'); background-size: cover; position: relative; }
   .banner-layout-bottom h2 { font-size: 1.28em; color: #0c325e; font-family: 'MyriadPro-Regular'; font-weight: bold; padding: 10px 0px; } 

  /* User Registration */
  .nav-pills { display: none;}
  .user-registration h1 { width: 648px; text-align: right; position: absolute; left: 0; background: #e63c2e; padding: 8px 14px 4px 4px; font-family: 'MyriadPro-Regular'; font-size: 1.85em; margin-top: 40px; letter-spacing: 4px; left: -340px; top: -120px; color: #fff; }
  .user-registration .tab-content ul { padding-left: 0; list-style: none; }
  .user-registration .tab-content { margin-top: 80px; color: #000000; position: relative; }
  .user-registration .tab-content { background: #ffffff; border: 3px solid #e3e3e3; border-radius: 5px; padding: 18px 6px;  }
  .user-registration .form-buttons { margin: 25px 0px; float: right;}
  .user-registration .form-buttons .prev { display: inline-block; margin-right: 20px;}
  .user-registration .form-buttons .next { display: inline-block; }
  .user-registration .form-buttons input { width: 150px; background: #ff800b; background: -moz-linear-gradient(left,  #ff800b 0%, #ffaa70 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff800b), color-stop(100%,#ffaa70)); background: -webkit-linear-gradient(left,  #ff800b 0%,#ffaa70 100%); background: -o-linear-gradient(left,  #ff800b 0%,#ffaa70 100%); background: -ms-linear-gradient(left,  #ff800b 0%,#ffaa70 100%); background: linear-gradient(to right,  #ff800b 0%,#ffaa70 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff800b', endColorstr='#ffaa70',GradientType=1 ); font-family: 'MyriadPro-Regular'; font-weight: bold; font-size: 1.28em; }
  .user-registration .form-buttons input:hover, .user-registration .form-buttons input:focus, .user-registration .form-buttons input:visited { color: #fff; }
  .user-registration label { font-size: 18px; font-family: 'MyriadPro-Regular'; box-sizing:border-box; width: 355px; height: 36px; line-height: 37px; padding-left: 15px; font-weight: normal; }
  .user-registration .name-group { }
  .user-registration input[type="text"] { width: 100%; height: 36px; padding: 9px 10px; border: 0;}
  .form-bg-1 label { background: #f2ced2;}
  .form-bg-2 label { background: #dfcdce; }
  .form-bg-3 label { background: #f0e8e8; }
  .form-bg-1 .simpleselect .placeholder { background: #f2ced2; }
  .form-bg-2 .simpleselect .placeholder { background: #dfcdce;}
  .form-bg-3 .simpleselect .placeholder { background: #f0e8e8;}
  .form-bg-1 input[type="text"] { background: #f2ced2; }
  .form-bg-2 input[type="text"] { background: #dfcdce; }
  .form-bg-3 input[type="text"] { background: #f0e8e8; }
  .inputs-container { width: 734px; display: inline-block; vertical-align: top;}
  .inputs-container select { width: 100%; display: block; }
  .simpleselect { width: 100%; border-radius: 0; color: #000;}
  .simpleselect .placeholder { border-radius: 0; border: 0; font-size: 16px;}
  .simpleselect .options { width: 100%; border: 0; }
  .user-registration .tab-content {}
  .user-registration .tab-content .lastname { width: 299px; }
  .user-registration .tab-content .firstname { width: 300px; }
  .user-registration .tab-content .middleinitial { width: 128px;}
  .user-registration .birthday-group #simpleselect_days { width: 210px; margin-right: 2px; box-sizing: border-box; display: inline-block; float: left; }
  .user-registration .birthday-group #simpleselect_month { width: 260px; margin-right: 2px; box-sizing: border-box; display: inline-block; float: left; }
  .user-registration .birthday-group #simpleselect_year { width: 260px; margin-right: 0px; box-sizing: border-box; display: inline-block; float: left; }
  .user-registration input.lastschool { height: 74px; }
  .user-registration .radio-container { margin-bottom: 2px;  }
  .user-registration .form-bg-1 .radio-container { background: #f2ced2; }
  .user-registration .form-bg-2 .radio-container { background: #dfcdce; padding: 13px; height: 265px; }
  .user-registration .form-bg-3 .radio-container { background: #f0e8e8; padding: 13px; height: 181px; }
  .user-registration .radio-container ul { list-style: none; padding-left: 0; }
  .user-registration .radio-container ul li { display: inline-block; width: 264px; vertical-align: top;}
  .user-registration .radio-container input[type="text"] { border-bottom: 1px solid #000; display: inline-block; width: 180px; height: 27px; vertical-align: text-bottom; }
  .user-registration .radio-container label { width: auto; font-size: 16px; line-height: normal;}
  .inputs-container { font-size: 16px;}
  .inputs-container .options .option { font-size: 16px; }
  .user-registration .tab-content .primary-reason { height: 181px; }
  .user-registration .tab-content .first-hear { height: 265px; }
  .user-registration .accept label { width: 96%; line-height: normal; vertical-align: middle; display: inline-block; height: auto; }
  .user-registration .accept { margin-left: 10px; margin-top: 20px;}
  .success-message { text-align: left; padding:0 50px 0 50px;}
  .success-message h2 { font-family: 'sansationbold'; color: #e63c2e; font-size: 2.85em; margin-top: 40px; margin-bottom: 40px;}
  .success-message h6 { font-size: 1.28em; font-family: 'sansationregular'; color: #000000; margin-top: 36px;  }
  .success-message h3 { font-size: 1.71em; font-family: 'sansationbold'; color: #000; margin: 35px 0px;}
  .success-message h5 { font-size: 1.14em; font-family: 'sansationregular'; color: #000; }
  .success-message p { font-family: 'sansationregular'; width: 90%; margin: 0 auto; margin: 30px auto; }
  .success-message p span { text-transform: uppercase; font-family: 'sansationbold'; color: #e63c2e;}
  .success-message h6 span { text-transform: uppercase; font-family: 'sansationbold'; color: #e63c2e; }

  .user-registration label i {color: #e63c2e; z-index: 9; margin-left: 4px;}
  .user-registration .error-message { display: none;}
  .user-registration .location-label { height: 74px;}
  .success-message-page { padding-bottom: 50px;}

  .radio-container label { height: auto !important; }
  .hide-sidr { display: none;}
  #simple-menu { display: none; margin: 20px 0px;}
  #simple-menu i { font-size: 24px; color: #fff; }
  .inputs-container .simpleselect .options { top: 0px !important;}

  .select2-container { width: 100%; }
  .select2-container .select2-choice { height: 36px; border-radius: 0; border: 0; }
  .select2-container .select2-choice { line-height: 36px; border-radius: 0;}
  .select2-container .select2-choice .select2-arrow b { position: relative; top: 4px; }
  .select2-container .select2-choice .select2-arrow { background: transparent; border: 0;}
  .form-bg-3 .select2-container .select2-choice { background: #f0e8e8; }
  .form-bg-2 .select2-container .select2-choice { background: #dfcdce; }
  .form-bg-1 .select2-container .select2-choice { background: #f2ced2; }

  .birthday-group #s2id_days { width: 210px; }
  .birthday-group #s2id_month { width: 258px; }
  .birthday-group #s2id_year { width: 258px; }

  .register-submit { display: none; }

   .radio-container label { height: auto !important; }
   .hide-sidr { display: none;}
   #simple-menu { display: none; margin: 20px 0px;}
   #simple-menu i { font-size: 24px; color: #fff; }






/*CHINO CSS*/
.digital-links-bottom .fa:hover{color: #e63c2e;}
#sidebar img{width: 100%;}
#sidebar .sidebar-content{margin-bottom: 27px;}

/*HIGH APPLICATION*/
/*#high-application .page-contents li:before{content: "\f04d";font-family: 'FontAwesome';font-size: .5em;vertical-align: middle;margin-right: 10px;}*/
#high-application h2, #high-application h3{font-size: 1.285em; font-family: 'sansationbold';color: #0c325e;}
#high-application .page-contents li{list-style-type: square;color: #5c5c5c;font-size: 1.285em;}
#high-application .page-contents .sub-title p{color: #0c325e;font-size: 1.285em;}


/*STORIES*/
#stories h2{font-size: 1.285em; font-family: 'sansationbold';color: #0c325e;}
#stories .content{padding-bottom: 47px;}
#stories .content p{color: #5c5c5c;}
#stories .content strong{color: #0c325e;}
#stories .info ul{padding: 0px;}
#stories .info ul li{display: block;color: #5c5c5c;font-family: 'sansationbold';}

/*CONTACT*/
#contact .map iframe{width: 100%;height: 345px;}
#contact .content {padding: 20px 0px;}
#contact .content .desc p{color: #5c5c5c;}
#contact .title h1{font-size: 1.714em;color: #0c325e;font-family: 'sansationbold';}
#contact .info li{display: inline-block;vertical-align: middle;color: #5c5c5c;margin-bottom: 20px;}
#contact .info li img{margin-right: 10px;}
#contact .info li span, #contact .info li p{float:none;display: inline-block;vertical-align: middle;}
#contact .main-form .col-md-6{padding: 0px;}
#contact .main-form .col-md-6:first-child{padding-right: 10px;}
#contact .form-control{border-radius: 0px;}
#contact .main-form textarea{height: 100px;resize: none;}
#contact .submit button{font-family: 'sansationbold';font-size: 1.285em;color: #fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa96f+0,ff810c+100 */
background: #ffa96f; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa96f 0%, #ff810c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffa96f 0%,#ff810c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffa96f 0%,#ff810c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa96f', endColorstr='#ff810c',GradientType=0 ); /* IE6-9 */
border: 1px solid #f07c03;}
#contact .submit button:hover img{-webkit-transform: translateX(4px);-moz-transform: translateX(4px);-o-transform: translateX(4px);}
#contact .main-form ::-webkit-input-placeholder {color: #9fc4ff;}
#contact .main-form :-moz-placeholder {color: #9fc4ff;}
#contact .main-form ::-moz-placeholder {color: #9fc4ff;  }
#contact .main-form :-ms-input-placeholder {color: #9fc4ff;}

/*NEWS*/
#news .title{overflow: hidden;}
#news .content{color: #5c5c5c;margin: 20px 0px;}
#news .title h1{font-size: 1.714em;color: #0c325e;text-align: center;}
#news .title h1 span{padding: 0px 80px;border-bottom: 2px solid #0c325e;}

/*SCHOLARSHIP*/
.table-bordered > tbody > tr:nth-child(2n+1) > td, .table-bordered > tbody > tr:nth-child(2n+1) > th {
   background-color: #dfcdce;
}
.table-bordered > tbody > tr> td, .table-bordered > tbody > tr > th {
   background-color: #f0e8e8;
}
.table-bordered>thead>tr>th{background-color: #f58024;}
.table-bordered>tbody>tr>td, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border: 5px solid #fff;color: #000;}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border: 5px solid #fff!important;color: #fff;}
.table-wrapper{border: 5px solid #e3e3e3;border-radius: 10px;box-shadow: 5px 5px 7px #ce9c4a;}
.table{margin-bottom: 0px;}
#scholarship .content{padding-bottom: 50px;color: #5c5c5c;}
#scholarship h3{color: #0c325e; font-size: 1.285em;}
#scholarship .content li{list-style-type: none;}
.table li{list-style-type: square!important;}


/*BRANCHES*/
#branches .btn{width: 386px; text-align: left;}
#branches .btn .caret {float: right;margin-top: 8px;}
#branches .dropdown-menu{width: 386px;}
#branches .btn-group{margin-bottom: 10px;}
#branches .dropdown-menu li.active a{background-color: #04315e;}
#branches .btn-default{border: 0px;}

/*LOGIN*/
#login-drop .modal{top: 5%;}
/*#login-drop .modal-dialog{width: 530px;}*/
#login-drop .modal-header{border-bottom: 0px;}
#login-drop .modal-content{border-radius: 0px; background: url('../img/page-template/inner-bg.png') repeat;}
#login-drop .modal-body{padding: 0px;}
#login-drop .title{background-color: #e63c2e;text-align: center;position: relative;}
#login-drop .title h1{font-size: 1.714em;font-family: 'sansationbold'; padding: 8px;}
#login-drop .title span.img-left{position: absolute;left: -18px;bottom: 0px;}
#login-drop .title span.img-right{position: absolute;right: -18px;bottom: 0px;}
#login-drop .main-form ::-webkit-input-placeholder {color: #9fc4ff;}
#login-drop .main-form :-moz-placeholder {color: #9fc4ff;}
#login-drop .main-form ::-moz-placeholder {color: #9fc4ff;  }
#login-drop .main-form :-ms-input-placeholder {color: #9fc4ff;}
#login-drop .form-control{border-radius: 0px;}
#login-drop .content{padding: 0px 45px;}
#login-drop .content .info{text-align: center;}
#login-drop .content .info p{color: #5c5c5c}
#login-drop .content input{margin-bottom: 15px;}
#login-drop .submit{text-align: center;margin: 15px;}
#login-drop .submit button{font-family: 'sansationbold';font-size: 1.285em;color: #fff;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa96f+0,ff810c+100 */
background: #ffa96f; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa96f 0%, #ff810c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffa96f 0%,#ff810c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffa96f 0%,#ff810c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa96f', endColorstr='#ff810c',GradientType=0 ); /* IE6-9 */
border: 1px solid #f07c03;width: 150px;}
#login-drop .submit button:hover img{-webkit-transform: translateX(4px);-moz-transform: translateX(4px);-o-transform: translateX(4px);}
#login-drop .content .col-md-6{padding: 0px;}
#login-drop .content .col-md-6.reg{text-align: right;}
#login-drop .content .option{overflow: hidden;}
#login-drop .content .option a{color: #5c5c5c;font-family: 'sansationbold';}
#login-drop button.close{position: absolute;right: -15px;top: -16px;width: 30px;height: 30px;border-radius: 100%;background-color: red;opacity: 1;line-height: 0px;border: 2px solid #fff;}


#registration_form_draft{ color: #000; }
#registration_form_draft .modal-title {font-size: 20px;}
#registration_form_draft .modal-header .close {
    margin-top: -20px;
}

#registration_form_draft .form-data {
    padding: 5px 0px;
}
/*CALENDAR*/
body .fc{width: 60%;margin: 0 auto;padding: 50px 0px;color: #000;}
.fc-view, .fc-view>table{background-color: #fff;border: 0px;padding: 15px;}
.fc td, .fc th{ border-style: none!important;border-width: 1px;padding: 0;vertical-align: top;text-transform: uppercase;}
.fc th{font-size: 1.3em;}
.fc-row:first-child table{margin-bottom: 40px;}
.fc-ltr .fc-basic-view .fc-day-number{line-height: 37px;/*text-align: center!important;*/}
.fc-today{display: inline-block;/*margin-left: 35px;*/height: 35px;width: 35px;border-radius: 100%;background: #3e74b3!important;text-align: center!important;line-height: 37px;color: #fff;float: right;}
.fc-state-default{background: #e63c2e!important;color: #fff!important;border-radius: 0px!important;box-shadow: none!important;}
.fc-toolbar button:focus{outline: none;}
.fc-toolbar h2{color: #fff;}
#calendar-pop .modal-content{color: #000;border-radius: 0px;background: url('../img/page-template/inner-bg.png') repeat;}
#calendar-pop .title h3{font-size: 1.714em;font-family: 'sansationbold';background-color: #e63c2e;color: #fff;text-align: center;padding: 8px;margin: 0px;}
#calendar-pop .modal-header{padding: 15px 0px;}
#calendar-pop .title{position: relative;}
#calendar-pop .title span.img-left{ position:absolute; left: -18px;bottom: 0px;}
#calendar-pop .title span.img-right{ position:absolute; right: -18px;bottom: 0px;}
#calendar-pop button.close{position: absolute;right: -15px;top: -16px;width: 30px;height: 30px;border-radius: 100%;background-color: red;opacity: 1;line-height: 0px;border: 2px solid #fff;z-index: 1;}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1366px){
  .user-registration h1 { left: -300px; }
}

@media screen and (max-width: 1300px) {
  .fc-toolbar .fc-center{margin-top: 55px;}
}

@media only screen and (max-width: 1200px) {
  .user-registration .inputs-container { width: 534px; max-width: 100%; }
  .user-registration .tab-content .lastname { width: 199px; }
  .user-registration .tab-content .firstname { width: 199px; }
  .user-registration .birthday-group #simpleselect_days { width: 160px; }
  .user-registration .birthday-group #simpleselect_month { width: 185px; }
  .user-registration .birthday-group #simpleselect_year { width: 185px;}
  .user-registration .radio-container ul li { width: 250px; }
  .user-registration .tab-content .first-hear { height: 265px;}
  .user-registration .radio-container label { font-size: 14px; padding-left: 4px;}
  header .contact-information { margin-left: 160px;}
  header .top-header-right {  position: relative; top: -5px }
  header .contact-information { margin-left: 100px;}
  header .site-title { margin-left: 10px;}
  header .main-menu > ul > li > a { width: 120px;}
  footer .contact-information { margin-right: 15px;}
  footer .address { margin-right: 15px;}
  footer .footer-logo { margin-right: 15px;}
  footer .address-text { width: 185px; }
  .birthday-group #s2id_days { width: 160px; }
  .birthday-group #s2id_month { width: 183px; }
  .birthday-group #s2id_year { width: 183px; }

}

@media screen and (max-width: 1199px){
  .inner-content .mission-vision .row-image{margin: 0px;width: 100%; text-align: center;margin-bottom: 20px;}
}

@media only screen and (max-width: 1024px){
  .user-registration h1 { left: -200px;}
  /*.slider-container{height: 400px;}*/

}

@media only screen and (max-width: 992px){
  .user-registration label { width: 100%; margin-bottom: 4px; padding-left: 10px;}
  .user-registration .birthday-group #simpleselect_days { width: 100% !important; margin-bottom: 4px; }
  .user-registration .birthday-group #simpleselect_month { width: 100% !important; margin-bottom: 4px; }
  .user-registration .birthday-group #simpleselect_year { width: 100% !important; margin-bottom: 4px; }
  .user-registration input[type="text"] { width: 100% !important; margin-bottom: 4px; }
  .user-registration .inputs-container { width: 100%; }
  .user-registration .simpleselect { height: 36px; margin-bottom: 4px;  }
  .user-registration .tab-content .first-hear { height: 38px; }
  .user-registration .tab-content .primary-reason { height: 38px; }
  .user-registration .radio-container ul li { display: block; width: 100%;  }
  header .top-header-left { display: block; text-align: center; margin-bottom: 20px;}
  header .top-header-middle { display: block; text-align: center; margin-bottom: 20px;}
  header .top-header-right { display: block; top: 0px; float: none; text-align: center; margin-bottom: 20px;}
  header .contact-information { margin-left: 0; padding-left: 0;}
  header .social-links { padding-left: 0;}
  header .site-title h1 { font-size: 1.85em;}
  header .bottom-header .search { float: none; position: relative;}
  header .search { display: block; margin-bottom: 20px;}
  header .bottom-header input[type="search"] { width: 100%;}
  header .bottom-header input[type="image"] { position: absolute; right: 0; top: 2px; left: auto;}
  .user-registration h1 { left: -360px;}
  footer .footer-logo { display: block; text-align: center; margin-bottom: 20px;}
  footer .address { display: block; text-align: center; margin-bottom: 20px;}
  footer .contact-information { display: block; margin-bottom: 20px; text-align: center;}
  footer .email-information { display: block; margin-bottom: 20px; text-align: center;}
  footer .social-footer { position: relative; top: 0; text-align: center; display: block; margin-bottom: 20px;} 
  footer .social-footer ul { padding-left: 0;}
  .select2-container { margin-bottom: 4px;}
  .birthday-group #s2id_days { width: 100%; display: block; }
  .birthday-group #s2id_month { width: 100%; display: block; }
  .birthday-group #s2id_year { width: 100%; display: block; }
  .inner-content .page-contents{padding-top: 100px;}
  #contact .content .info ul{padding: 0px;}
  #contact .main-form .col-md-6:first-child{padding: 0px;}
  .inner-content .page-bg-text p{font-size: inherit;width: 100%;margin: 0px;}
  .inner-content .page-bg-text{padding-right: 10px;}
  #news .title h1 span{padding: 0px;}
  body .fc{width: 100%; padding: 15px;}
}

@media only screen and (max-width: 860px){
  .user-registration h1 { width: 100%; left: 0; text-align: center;}
  footer .footer-menu ul { padding-left: 0;}
  footer .footer-menu li { display: block; text-align: center; }
}

@media screen and (max-width: 767px) {
  #login-drop .modal{overflow: visible;}
  .inner-content .officers .item{text-align: center;margin-bottom: 20px;}
  .inner-content .officers .item img{margin: 0 auto;}
}

@media only screen and (max-width: 768px){
  header .logo { display: block; text-align: center;}
  header .site-title { display: block; text-align: center; margin-top: 30px;}
  /*header .main-menu { display: none;}*/
  header #simple-menu { display: block;}
  .inner-content h1.main-title{text-align: center;position: static;width: 100%; margin: 0px;}
}

@media only screen and (max-width: 600px){
  header .language-select { display: block;}
  header .header-options { display: block;}
  header .header-options li { display: block; margin-bottom: 10px;}
  header .header-options li a { display: block;}
  header .dropdown-menu { width: 100%; }
  header .language-select .dropdown { position: relative; top: 0; margin-bottom: 20px;}
  header .header-options { margin-left: 0;}
  header .dropdown span { right: 0; position: absolute; left: auto; font-size: 14px;}
  header .language-select .btn { font-size: 14px;}
  header .dropdown-menu>li>a { font-size: 14px; }
  #news .content img{width: 100%;}
  #news .content span{float: none!important;}
}

@media only screen and (max-width: 540px){
  .user-registration .tab-content .primary-reason { height: auto;}
  .user-registration .simpleselect { height: auto;}
  .user-registration .tab-content .first-hear { height: auto;}
  .slides-container .slider-text{position: relative;bottom: 10px;width: 100%; height: inherit;}
  #branches .btn, #branches .dropdown-menu{width: inherit;}
  #branches .btn .caret{float: none;margin-top: 0px;}
}

@media screen and (max-width: 509px) {
  .fc-toolbar .fc-center{margin-top: 20px;}
  .fc-today{color: #3e74b3!important; background: transparent!important;width: inherit;height: inherit;}
}

@media only screen and (max-width: 480px){
  header .contact-information ul li:first-child { margin-right: 0;}
  /*header .contact-information ul li { display: block; margin-bottom: 18px;}*/
  header .contact-information ul { display: block; margin-bottom: 20px;}
  header .contact-number { margin-right: 0;}
  .fc th{font-size: 1em;}
}

@media screen and (max-width: 400px) {
  .digital-links-bottom ul li a{margin: 0 auto;}
  .digital-links-bottom ul li{display: block;margin-bottom: 20px;}
  .inner-content .officers .item img{width: 100%;}
}

@media only screen and (max-width: 380px){
  footer .quick-links-menu { width: 100%; }
}

@media only screen and (max-width: 350px){
  .user-registration .form-buttons .prev { display: block; margin-right: 0;}
  .user-registration .form-buttons input { width: 100%; margin-bottom: 10px;}
  .user-registration .form-buttons { float: none; }
  .user-registration .form-buttons .next { display: block;}
}

@media screen and (max-width: 337px) {
  .fc-toolbar .fc-right{float: none!important;overflow: hidden;clear: both;text-align: center;padding-top: 20px;}
  .fc .fc-toolbar>*>*, .fc-toolbar .fc-left{float: none!important;}
  button.fc-today-button{display: none;}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}