/*	################################################################

        File Name: style.css
        Template Name: newdept
        
        1) SKELETON
        2) TOPBAR & HEADER
        3) FOOTER STYLES
        4) SIDEBAR & WIDGETS
        5) SHOP STYLES
        6) BUDDYPRESS STYLES
        7) PORTFOLIO STYLES
        8) PARALLAX SECTIONS
        9) MODULES
        10) BLOG STYLES
        11) ANIMATIONS
        12) RESPONSIVENESS
        13) COLOR SCHEMES
        
################################################################# */ 

/* ----------------------------------------------------
        SKELETON
------------------------------------------------------- */

body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    /*font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;*/
    font-weight: 400;
    font-size: 15px; /*24px;*/
    color:#333333; /*#686868;*/
    line-height:175%;       
    background-color:#fff;
    background-repeat:repeat;
    letter-spacing: 0.02em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6{ 
    letter-spacing: 0;
    font-weight:normal;
    position: relative;
    padding: 0 0 10px 0;         
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    /*font-family: 'Open Sans', sans-serif;*/
    line-height:140%;
    color:#646464;
}
h1{
    font-size: 45px; /*22px;*/
	/*font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif !important;*/
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
	font-weight: 600;
	color: #646464;
}
h2{
    /* font-size: 35px; 20px; */
    font-size: 27px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
    line-height: 1.3em;
    text-transform: uppercase;
}

h3{
    font-size: 24px; /*18px; */
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}
h4{
    font-size: 20px; /*16px;*/ 
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;       
}
h5{
    font-size: 14px;        
}
h6{
    font-size: 13px;    
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color:#222222 ;
    text-decoration:none !important; 
}
/*h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
    color:#fff ;
}*/

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    background: transparent none repeat scroll 0 0;
    color: #f16421 !important;
}

a { 
    color:#222222;
    padding: 0;
    margin: 0;
    text-decoration: none; 
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
}
a:hover,
a:focus {
    text-decoration: none;
    color:#686868;
}
a.readmore, span.readmore {
    display:block;
    font-style:italic;
}
a.navbar-brand {
    /*background: url(../images/logo.png) no-repeat scroll left top rgba(0, 0, 0, 0);*/
    color: #222222 !important;
    font-size: 35px;
    font-weight: 400;
    margin-top: 0;
    padding-left: 55px !important;
    line-height: 36px;
}
a.remove{
    display:block;
    height:18px;
    width:18px;
    margin:10px;
    padding-left:0 !important;
    text-indent:-9999px;
    background:url(../images/remove.png) #798184;
    border-radius:100px;
    border-style:solid;
    border-width:1px
}	
ul {
    padding-left:0;
    list-style: none outside none;
}
#block-system-main ul {
list-style-type: disc;
padding-left:10px;
}
.lead {
    font-family: 'PT Sans',sans-serif;
    font-size:18px;
}
.hidden{
    display:none
}
.alignleft{
    float:left
}
.alignright{
    float:right
}
.aligncenter{
    margin-left:auto;
    margin-right:auto;
    display:block;
    clear:both
}
.text-left {
    text-align:left !important;
}
mark {
    padding: 6px 12px;
}
section::before,
section::after {
    position: absolute;
    content: '';
    pointer-post-wraps: none;
}	
.first {
    clear:both !important
}
.last{
    margin-right:0 !important
}
.nopadding {
    padding: 0 !important;
}
.padding-top {
    padding:30px 0 10px;
}
.margin-top {
    margin-top:12px;
}
.padding-left-0 { padding-left: 0px; }
.padding-right-0 { padding-right: 0px; }
.padding-bottom-20 {padding-bottom: 20px;}
.make-center img, .make-center {
    margin:auto;
}
div.messages {
    /*margin: 6px 15px;*/
    margin: 6px 0 25px;
}
.f-right i {
  float: right;
}
.social-2 i {
  text-align: center;
  transition: all 0.3s ease-in-out 0s;
  margin: 4px;
}
.sectiontext {position: relative;}

/*accessible --------------------------*/

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}


/*images --------------------------*/

img,
video {
  max-width:100%;
  height:auto;
}

video {
  display:block;
}

audio {
  max-width:100%;
} 

.fleft {
  float: left;
}

.fright {
  float: right;
}



/*.caption p {
  color:#333;
  font-family: Oxygen, sans-serif;
  font-size:12px;
  line-height:1.62em;
}

.caption {
  color:#333;
  font-family: Oxygen, sans-serif;
  font-size:12px;
  line-height:1.62em;
}*/

.image-caption-container, .caption {
    background: none repeat scroll 0 0 #fff; /*#CCCCCC;*/
    height: auto !important;
    padding: 0 10px 5px 5px;}

.image-left, .caption .left {
        float: left;
        margin: 0px 15px 10px 0px;
        padding: 5px 5px 5px 5px;
}

.image-right, .caption .right {
        float: right;
        margin: 0px 0px 10px 15px;
        padding: 5px 5px 5px 5px;
}

.image-left img, .image-right img {
        padding-bottom: 5px;
}

.caption, .image-caption {
        color: #333;
        text-align: left;
        /*padding-left: 2px;
        padding-right: 2px;*/
        font-size: 1.0em;
        line-height: 1.1em;
        font-style: italic;
}

.content a img {
  padding:5px;
  background:#FFF;
}

.content a:hover img {
  background:#F0F0F0;
}

img {outline: 0 none;}

img.scale-with-grid { max-width: 100%; height: auto; }

.content img {
    outline: 0 none;
    padding: 5px;}

/*buttons - just add color codes from banner backgrounds*/

a.buttonwhit, a.button {
    font-size: 20px; /*1.2em;*/
    margin: 20px auto;
    padding: 10px 40px;
    border:#fff 2px solid;
    color:#fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block; /*this is new, might remove*/
    font-weight: 400;
}

a:hover.buttonwhit, a:hover.button, a:hover.buttonblue {
    background: #ccc;
    color: #666;
}

a.buttonblue {
    font-size: 20px; /*1.2em;*/
    margin: 20px auto;
    padding: 10px 40px;
    border:#025690 2px solid;
    color:#025690;
    text-transform: uppercase;
    text-align: center;
    display: inline-block; /*this is new, might remove*/
    font-weight: 400;
}

a.buttondarkc {
    font-size: 18px; /*1.2em;*/
    margin: 20px auto;
    padding: 10px 40px;
    border:#ccc 2px solid;
    color:#ccc;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
}

a.buttondarktext {
    font-size: 20px; /*1.2em;*/
    margin: 20px auto;
    padding: 10px 40px;
    border:#333 2px solid;
    color:#333;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    display: inline-block;
}

a.buttonwhitcenter {
    display: table;
    font-size: 20px; /*18px .2em;*/
    margin: 20px auto;
    padding: 10px 40px;
    border:#fff 2px solid;
    color:#fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
}

a:hover.buttonwhitcenter {
    background: #ccc;
    color: #666;
}

a.buttondarkcenter {
    display: table;
    font-size: 20px; /*1.2em;*/
    margin: 20px auto;
    padding: 10px 40px;
    border:#333 2px solid;
    color:#333;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
}

a:hover.buttondarkcenter, a:hover.buttondarktext {
    background: #666;
    color: #ccc;
}




/* ----------------------------------------------------
        TOPBAR & HEADER
------------------------------------------------------- */

.header_center a.navbar-brand {
    margin: 0 auto !important;
    display: inline-block;
    position: relative;
    float: none !important;
}

.dark_header a.navbar-brand, .dark_header #dept a, .darkheader #deptlong a, .dark_header #illinoisbold a, .darkheader #illinoislong a {
    color:#fff !important;
}

#header-style-1.affix a.navbar-brand {
    font-size:31px !important;
    margin:5px 0 0;
}

#header-style-1.affix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-top:0;
    padding:24px 0;
    min-height:inherit;
    z-index: 1001;
    background:#ffffff;
    background: rgba(255,255,255,1);
    border-bottom: 1px solid #efefef;
}	
#header-style-1.affix .navbar {
    margin-top: 0 15px;
}
#header-style-1.affix .navbar-nav > li > .dropdown-menu {
    margin-top:12px !important;
}
#header-style-1.affix .navbar-brand img {
    width:80%;
    margin-top:7px
}
#header-style-1.affix .navbar-brand {
    line-height:38px;
}
.dark_header .arrow-up {
    border-bottom-color:#121214 !important;
}
.dark_header .nav li a {
    color:#fff; /*maybe remove the important due to conflicts*/
}
.dark_header .topbar-email, 
.dark_header .topbar-phone, 
.dark_header .topbar-login, 
.dark_header .topbar-cart,
.dark_header .language span {
    border-left: 1px solid #313131 !important;
    border-right: 1px solid #313131 !important;
}
.dark_header .social-icons span.last a, .dark_header .social-icons div.last a {
    border-right-color:#313131 !important
}
.dark_header .social-icons span a, .dark_header .social-icons div.iconentry a {
    border-left-color:#313131 !important
}
.dark_header .navbar-default {
    background: #f16421 !important; /*#121214 !important;*/
}
.dark_header {
    background:#f16421 !important; /*#121214 !important;*/
    /*border-bottom-color:#212121 !important;*/
}
.header_center .navbar-collapse.collapse {
    text-align: center;
    height: auto !important;
    overflow: visible !important;
}
.header_center .nav {
    display:inline-block;
    float: none;
    margin: 0;
}
.header_center .logo_center {
    padding:20px 0 30px !important
}
#header-style-1 {
/*    padding:50px 0 8px;  50px 0 25px;
    background-color:#ffffff;
    background: rgba(255, 255, 255, 1);
    border-bottom:1px solid #f2f2f2; */
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border-bottom: 1px solid #f2f2f2;
    margin-top: 0;
    padding: 30px 0 8px;
    position: fixed;
    top: 0;
    z-index: 500;
    width: 100%;
}
#header-style-1 .navbar-default {
    background-color:#ffffff;
    background: rgba(255, 255, 255, 1);
    border-color: rgba(0, 0, 0, 0);
}
#header-style-1 .navbar-brand {
    padding:0;
}
#header-style-1 .navbar {
    margin: 0 15px 0 15px;
}
#boxed #header-style-1 .navbar {width: 98%;}
#header-style-1 .yamm .nav,
#header-style-1 .yamm .collapse,
#header-style-1 .yamm .dropup,
#header-style-1 .yamm .dropdown {
    position: static;
}
#header-style-1 .yamm .container {
    position: relative;
}
#header-style-1 .yamm .dropdown-menu {
    left: auto;
    right:auto;
}
.white-wrapper .testimonial h3,
#header-style-1 .dropdown-menu li a {
    color:#222222 !important;
}
#header-style-1 .dropdown-menu li.level-1:hover > a, 
#header-style-1 .dropdown-menu li.level-1:hover > a:before,
#header-style-1 .dropdown-menu li.level-2:hover > a, 
#header-style-1 .dropdown-menu li.level-2:hover > a:before,
#header-style-1 .dropdown-menu li.level-2.active > a, 
#header-style-1 .dropdown-menu li.level-2.active > a:before,
#header-style-1 .dropdown-menu li.level-3.active > a, 
#header-style-1 .dropdown-menu li.level-3.active > a:before,
#header-style-1 .dropdown-menu li.level-3:hover > a, 
#header-style-1 .dropdown-menu li.level-3:hover > a:before
{
  color: #FFF !important;
  background-color: #ccc;
}

#header-style-1 .yamm-fw .dropdown-menu li a:before,
#header-style-1 .dropdown-menu li a:before {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 13px;
    padding-right:5px;
    background: transparent;
}

#header-style-1 .yamm-fw .dropdown-menu li.level-2:hover a:before,
#header-style-1 .dropdown-menu li.level-2:hover li a:before,
#header-style-1 .dropdown-menu li.level-2:hover > a:before,
#header-style-1 .yamm-fw .dropdown-menu li.level-2.active a:before,
#header-style-1 .dropdown-menu li.level-2.active li a:before,
#header-style-1 .dropdown-menu li.level-2.active > a:before,
#header-style-1 .yamm-fw .dropdown-menu li.level-3:hover a:before,
#header-style-1 .dropdown-menu li.level-3:hover li a:before,
#header-style-1 .dropdown-menu li.level-3:hover > a:before,
#header-style-1 .yamm-fw .dropdown-menu li.level-3.active a:before,
#header-style-1 .dropdown-menu li.level-3.active > a:before,
#header-style-1 .dropdown-menu li.level-3.active li a:before
 {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 13px;
    padding-right:5px;
    background: transparent;
}
#header-style-1 .yamm-fw .dropdown-menu li {
    list-style:none;
    padding:0;
}
#header-style-1 .yamm-fw .nav.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}
#header-style-1 .yamm .yamm-content {
    padding: 20px;
}
#header-style-1 a:hover {
    text-decoration:none;
}
#header-style-1 .dropdown-menu li a:focus,
#header-style-1 .dropdown-menu li a:active,
#header-style-1 .dropdown-menu li a:hover {
    background-color:#666; /*fafafa;*/
}
#header-style-1 .yamm img {
    margin-bottom:10px;
}
#header-style-1 .yamm h3 {
    text-transform:uppercase;
    font-size:14px;
    color:#222222;
    padding:5px 0;
}

#header-style-1 .dropdown-menu,
#header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
    background:none;
    box-shadow:none;
    padding-top:25px;
    border:none;
}

#header-style-1 .navbar-nav > li > a {
    text-transform:uppercase;   
    color:#222222;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    padding: 7px 12px;
    margin-top:8px;
    font-size: 17px; /*added*/
    font-weight: 600; /*added*/
}
#header-style-1 .dropdown-menu li a {
    text-decoration:none;  
    display:block;
    position:relative;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    padding:10px 6px; /*10px 20px;*/
    font-size: 15px; /*16px */
    color: #222;
}

#header-style-1 .dropdown-menu {
    padding:0 !important;
    border-radius:0 !important;
}
#header-style-1 .yamm-fw .dropdown-menu li a {
    padding: 0; /*5px 15px;*/
}
#header-style-1 .dropdown-menu li {
    float:none;
    display:block; 
    margin:0; 
    text-align: left;
    border: 0;
    border-bottom: 1px solid #d5d5d5;
}    
#header-style-1 .dropdown-menu li:last-child{
    border-bottom: 0;  
} 

div.iconmenu a {font-size: 22px !important; }

div.iconblock {
    margin: 20px 0 0 20px !important;
    padding: 56px 0 0 20px !important;
}

#block-block-107 a, #block-block-107--2 a {
color: #666 !important; 
padding:0; 
}

#block-block-107 a:hover, #block-block-107--2 a:hover {
color: #f16421 !important;
padding:0;
}

#block-block-113 a, #block-block-113--2 a {
color: #666 !important; 
padding:0; 
}

#block-block-113 a:hover, #block-block-113--2 a:hover {
color: #f16421 !important;
padding:0;
}

.faicon60top {
    font-size: 60px;
    height: auto;
    /*text-align: center;*/
    width: 120px;
    margin-bottom: -15px;
}

.faicon60top a {
    color: #666 !important;
}

.faicon60top a:hover {
    color: #f16421 !important;
}

.faiconwraptop {width: 120px; display: inline-block; margin: 0 20px 0 20px; text-align: center;}

#block-block-130 a, #block-block-113--2 a {
color: #666 !important; 
padding:0 !important;
clear: none !important;
display: inline !important;
white-space: nowrap;
}

#block-block-130 a:hover, #block-block-113--2 a:hover {
color: #f16421 !important;
padding:0;
}

#block-block-130 {margin-top:-10px;}


/* topbar and icons---------------*/

#topbar {
    border-bottom:1px solid #f2f2f2;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
}
.social-icons {
    padding:0;
    display:block; 
    overflow:hidden
}
.social-icons span a, .social-icons div.iconentry a {
    border-left:1px solid #f2f2f2;
    font-size:14px;
    text-align:center;
    width:40px;
    height:42px;
    line-height:42px;
    overflow:hidden;
    display:block;
    float:left
}
#header-style-1 .navbar-nav > li > a:hover,
#header-style-1 .navbar-nav > li > a:focus,
#header-style-1 .navbar-nav > li > a:active,
#header-style-1 .navbar-default .navbar-nav > .open > a,
#header-style-1 .navbar-default .navbar-nav > .open > a:hover,
#header-style-1 .navbar-default .navbar-nav > .open > a:focus,
#topbar .social-icons span:hover a {
    color:#fff !important;
    -webkit-border-radius: 03px;
    -moz-border-radius: 03px;
    border-radius: 03px;
}
#topbar,
#topbar a {
    color:#888888;
}
#topbar .language-switcher-locale-url li.active a,
#topbar .language-switcher-locale-url li:hover a {
    color:#FFF;
}
#topbar .social-icons span.last a {
    border-right:1px solid #f2f2f2;
}
#topbar .topbar-email,
#topbar .topbar-phone,
#topbar .topbar-login,
#topbar .topbar-cart,
#topbar .language span {
    float:left;
    padding:0 15px;
    line-height:42px;
    border-right:1px solid #f2f2f2;
    border-left:1px solid #f2f2f2;
}
#topbar .topbar-phone,
#topbar .topbar-email {
    border-right:none;
}
#topbar .language span {
    border-left:none;
}
#topbar .col-lg-4 {
    padding-left:0;
}
#topbar .col-lg-8 {
    padding-right:0;
}
#topbar .callus,
#topbar .topmenu,
#topbar .language {
    display:block; 
    float:right
}
#topbar .language {
    cursor: pointer;
}

/*yamm ------------------------------------- */
.yamm .dropdown-submenu{
    position:relative;
}
.yamm .dropdown-submenu>.dropdown-menu{
    top:0;
    left:100% !important;
    margin-top:-3px !important;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.yamm .dropdown-submenu:hover>.dropdown-menu{
    display:block;
}
.yamm .dropdown-submenu.pull-left{
    float:none;
}
.yamm .dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.yamm-fw-none ul.dropdown-menu {max-width: 200px;}
.yamm-fw-none .yamm-content {padding: 0 !important;}
.yamm-fw-none .col-sm-3 {width: 100% !important;}

.navbar-header {height: 48px;}
.navbar-header img {/*height: 100%;*/}
#site-slogan {position: absolute; bottom: -15px; left: 55px;}

#topbar .container {position: relative;}
#topbar .container #block-locale-language {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #f2f2f2;
  position: absolute !important;
  right: 14px;
  top: 42px;
  z-index: 99999;
  display: none;
}
#topbar .container #block-locale-language .language-switcher-locale-url {
  margin: 0;
}
#topbar .container #block-locale-language .language-switcher-locale-url li {
  border-bottom: 1px solid #f2f2f2;
  padding: 5px 20px;
}
#topbar .container #block-locale-language .language-switcher-locale-url li:last-child {border-bottom: none;}

/*fa icon megamenu ----------------------------------*/

.iconmenu .fa {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-right: 5px;
    width: 40px;
}

/* ----------------------------------------------------
        SIDEBAR STYLES
------------------------------------------------------- */
#sidebar_right div.block {
    margin: 30px 0px 10px 10px;
    padding-top: 25px;
    height: auto;
    display: block;
}

#sidebar_left  div.block {
    margin: 15px 10px 10px 0px; /*0px 10px 10px 0px;*/
    padding-top: 10px;
    height: auto;
    display: block;
}

#sidebar_left #block-menu-block-1 {
    margin-top: 0;
    padding-top: 25px;
}

/* --- left column navigation -------------------------------- */


#sidebar_left .menu-block-1, #sidebar_right .menu-block-1  {
    width: 90%;
    font-size: 14px;
    /*font-family: "Raleway",sans-serif; */   
    height: auto;
    background-color: #fff;
    padding: 0;
    text-transform: uppercase;
    border-top: none;
    border-bottom: none;
    display: block;
    font-weight: normal;
    margin-bottom: 50px;
    margin-top: 10px;
    padding-top: 0;
}

#sidebar_left .menu-block-1 ul, #sidebar_right .menu-block-1 ul   {
    padding: 0;
    margin: 0;
    list-style-image: none;
    list-style-type: none;
}

#sidebar_left .menu-block-1 ul li, #sidebar_right .menu-block-1 ul li  {
    position: relative;
    top: -9999px;
    left: -9999px;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    height:0;
    width: 100%; /*200px;*/
}

#sidebar_left .menu-block-1 ul li.active-trail, #sidebar_right .menu-block-1 ul li.active-trail {
    top: 0;
    left: 0;
}

/* active trail settings - default css for any visible items in the current section/tree. This is what makes the current section menu visible in the browser. */

#sidebar_left .menu-block-1 ul li.active-trail, #sidebar_left .menu-block-1 ul li.active-trail li, #sidebar_left .menu-block-1 ul li.active-trail li li, #sidebar_right .menu-block-1 ul li.active-trail, #sidebar_right .menu-block-1 ul li.active-trail li, #sidebar_right .menu-block-1 ul li.active-trail li li {
    display: block;
    position: relative !important;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
}

#sidebar_left .menu-block-1 ul li a, #sidebar_left .menu-block-1 ul li a:visited, #sidebar_right .menu-block-1 ul li a, #sidebar_right .menu-block-1 ul li a:visited {
    display: block;
    background: #131f33; /*aec737;  url('../images/sidemenuheader.jpg') top left;*/
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    text-decoration: none;
    padding: 10px;
    color: #ffffff;
    border-bottom: 1px solid #fff;
    top: 0;
    left: 0;
    transition: all 0.25s ease-in-out 0s;
}

#sidebar_left .menu-block-1 ul li.active-trail a:hover, #sidebar_right .menu-block-1 ul li.active-trail a:hover {
    background: #aec737; /* url('../images/sidemenuheader.jpg') top left;*/
    text-decoration: none;
    color: #ffffff; 
}

/* --- L2 links --- */
#sidebar_left .menu-block-1 ul li.active-trail li a, #sidebar_right .menu-block-1 ul li.active-trail li a {
    background: #fff; /*#cedd87; */
    color:  #333333;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #fff;
}
#sidebar_left .menu-block-1 ul li.active-trail li a:hover, #sidebar_left .menu-block-1 ul li.active-trail li a.active, #sidebar_left .menu-block-1 ul li li.expanded a.active-trail, #sidebar_right .menu-block-1 ul li.active-trail li a:hover, #sidebar_right .menu-block-1 ul li.active-trail li a.active, #sidebar_right .menu-block-1 ul li li.expanded a.active-trail  {
    color:  #ffffff;
    background: #aec737; /*#cedd87;*/
    text-decoration: none;
    border-bottom: 1px solid #fff;
}


/* --- L3 links --- */
#sidebar_left .menu-block-1 ul li.active-trail li li a, #sidebar_left .menu-block-1 ul li.active-trail li li a {
    background: #e7eec3; 
    color: #333333;
    font-size: 14px;
    line-height: 14px;
    text-transform: none;
    font-weight: normal;
    padding: 8px 10px 8px 18px;
    display: block;
    border-bottom: 1px solid #ffffff;
}
#sidebar_left .menu-block-1 ul li.active-trail li li a:hover, #sidebar_left .menu-block-1 ul li li.active-trail li a.active, #sidebar_left .menu-block-1 ul li ul li li.expanded a.active-trail, #sidebar_right .menu-block-1 ul li.active-trail li li a:hover, #sidebar_right .menu-block-1 ul li li.active-trail li a.active, #sidebar_right .menu-block-1 ul li ul li li.expanded a.active-trail  {
    color:  #fff;
    background: #aec737;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
}

#sidebar_left .menu-block-1 ul li li.active-trail li.facultymenu a.active, #sidebar_left .menu-block-1 ul li ul li li.expanded .facultymenu a.active-trail, #sidebar_right .menu-block-1 ul li li.active-trail li.facultymenu a.active, #sidebar_right .menu-block-1 ul li ul li li.expanded .facultymenu a.active-trail   {
    color:  #333333;
    background: #e7eec3;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
}

#sidebar_left .menu-block-1 ul li.active-trail li li.facultymenu a:hover, #sidebar_right .menu-block-1 ul li.active-trail li li.facultymenu a:hover {    color:  #fff;
    background: #aec737;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
} 



/* --- L4 links --- */

#block-menu-block-1 ul li ul li li.expanded li.leaf a { 
    background: #e7eec3;
    color: #000000;
    padding-left: 28px; 
}
#block-menu-block-1 ul li ul li li.expanded li.leaf a.active {
    color:  #ffffff;
    background: #B2BE74; /*#e7eec3;*/
}

#block-menu-block-1 ul li ul li li.expanded li.active-trail a { 
    padding-left: 28px; 
}

#block-menu-block-1 ul li ul li li.expanded li.first a { 
    background: #e7eec3;
    color: #000000;
    padding-left: 28px; 
}
#block-menu-block-1 ul li ul li li.expanded li.first a.active {
    color:  #ffffff;
    background: #B2BE74; /*#e7eec3;*/
}

/* --- L5 links --- */

#block-menu-block-1 ul li ul li ul li li.expanded li.leaf a { 
    background: #e7eec3;
    color: #000000;
    padding-left: 38px; 
}
#block-menu-block-1 ul li ul li ul li li.expanded li.leaf a.active {
    color:  #ffffff;
    background: #B2BE74; /*#e7eec3;*/
}
#block-menu-block-1 ul li ul li ul li li.expanded li.active-trail a {
padding-left: 38px; 
}

#block-menu-block-1 ul li ul li ul li li.expanded li.first a { 
    background: #e7eec3;
    color: #000000;
    padding-left: 38px; 
}
#block-menu-block-1 ul li ul li ul li li.expanded li.first a.active {
    color:  #ffffff;
    background: #B2BE74; /*#e7eec3;*/
}



/* ----------------------------------------------------
        FOOTER STYLES
------------------------------------------------------- */

#copyrights {
    background-color:#0c0c0c;
    padding:20px 0 10px;
    color:#c3c3c3;
    display:block;
    position:relative;
}
#footer-style-2,
#footer-style-3,
#footer-style-1 {
    background: #121f33; /*#121214;*/
    padding:40px 0;
    display:block;
    position:relative;
}
#footer-style-2 .widget h3,
#footer-style-3 .widget h3,
#footer-style-1 .widget h3 {
    font-size:20px;
}
#footer-style-2 .social-icons span a,
#footer-style-3 .social-icons span a,
#footer-style-1 .social-icons span a, 
#footer-style-1 div.iconentry a,
#footer-style-2 div.iconentry a,
#footer-style-3 div.iconentry a {
    border:none;
    color: #686868;
}
.footer-menu ul{
    list-style:none;
    list-style-position:outside;
    float:left; /*right;*/
    display:inline;
    margin:5px;
}   
.footer-menu li{ 
    line-height:12px;
    float:left;
    padding:0 7px; 
}
.footer-menu li a {
    color:#c3c3c3;
}
.footer_post li img {
    padding:4px;
    width:80px;
}
.footer_post li {
    float:left;
    margin:2px;
    list-style:none;
}
#footer-style-2 .widget .title h3,
#footer-style-3 .widget .title h3,
#footer-style-1 .widget .title h3 {
    text-transform:none;
}



/* ----------------------------------------------------
        SIDEBAR & WIDGETS
------------------------------------------------------- */

.text-widget p {
    margin-bottom:15px;
}
.text-widget h1 {
    font-family: 'Lato',sans-serif;
    font-size:36px;
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
}
.custom-widget h2 {
    font-size:24px;
    text-transform:uppercase;
}
.custom-widget p {
    font-size:18px;
    font-weight:300;
}
/*Popular Items -----------------------------------*/

.popular_items img{
    width:100px;
    height: 65px;
    padding-right:10px;
    float:left
}
.popular_items{
    margin:20px 0
}
.popular_items .popular_items_div{
    display:block;
    margin-bottom:25px;
    overflow:hidden;
    position:relative
}
.popular_items .popular_items_div h4{
    margin-top:0px !important;
    margin-bottom:0px !important;
    padding-bottom:0;
}
.popular_items .meta,
.popular_items .meta a {
    color:#222;
}
.popular_items .meta {
    font-size:12px;
} 
.popular_items .meta span,
.popular_items .meta span i {
    padding-right:3px;
}

/*News and Blog Items --------------------------------------------*/

.blog-carousel div.entry img, .news-carousel div.entry img  {
    width:100%;
}
.blog-masonry .blog-carousel, .page-taxonomy-term  .blog-carousel, .page-blog .blog-carousel, .news-masonry .news-carousel, .page-taxonomy-term  .news-carousel, .page-news .news-carousel  {
    margin:20px 0;
    overflow:hidden;
    padding:20px;
    background:#fff;
    border:1px solid #efefef;	
}
#blog-masonry .blog-carousel, .page-blog-two-columns .blog-carousel, .page-blog-three-columns .blog-carousel,
.pane-views-latest-blog-block-home9 .blog-carousel, .view-display-id-block_lastest_posts .blog-carousel, #news-masonry .news-carousel, .page-news-two-columns .news-carousel, .page-news-three-columns .news-carousel,
.pane-views-latest-news-block-home9 .news-carousel, .view-display-id-block_lastest_posts .news-carousel  {
	height: 490px;}
	
.blog-carousel-meta span a, .news-carousel-meta span a  {
    color:#686868;
}
.blog-carousel-meta span i,
.blog-carousel-meta span, .news-carousel-meta span i,
.news-carousel-meta span {
    font-size:12px;
    padding-right:5px;
}
.blog-carousel-header h3, .news-carousel-header h3 {
    padding-bottom:0;
    font-size:18px;
    margin-bottom:5px;
}
.blog-carousel-header h1, .news-carousel-header h1 {
    padding-bottom:0;
    margin-bottom:5px;
    text-transform:uppercase;
}
.blog-carousel-header, .news-carousel-header {
    position:relative;
    display:block;
    margin-bottom:0;
    padding-bottom:10px;
}

.front .pane-views-latest-blog-block-home9 .blog-carousel, .front .pane-views-latest-news-block-home9 .news-carousel  {
    height: 410px;}

.front .blog-masonry .blog-carousel, .front .news-masonry .news-carousel  {
    margin:10px 0 20px 0;
    overflow:hidden;
    padding:20px;
    background:#fff;
    border:1px solid #efefef;   
     height: 450px;
}


/* Post type and social like buttons ----------------------------- */

.post-type {
    color: #FFFFFF;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 0;
    z-index:10;
    width: 52px;
    background:#222;
}
.entry:hover .post-type {
    opacity:0
}
.social_like .icon-container {
    color:#222;
    margin:0 15px 0 0;
    background:#fff;
}
.social_like .btn {
    width:86px;
}
.social_like {
    position:relative;
    display:block;
}
.social_like h3 {
    font-size: 18px !important;
    margin-bottom: 0;
    padding-bottom: 0;
}
.social_button {
    position:absolute;
    right:0;
    top:10px;
}

/* Tabbed sidebar block -------------------------------*/

#tabbed_widget .nav-tabs > li.active > a, 
#tabbed_widget .nav-tabs > li.active > a:hover,
#tabbed_widget .nav-tabs > li.active > a:focus,
#tabbed_widget .nav > li > a:hover, 
#tabbed_widget .nav > li > a:focus {
    border-radius:0;
}
#tabbed_widget .nav-tabs > li > a {
    background:#e1e1e1;
    border:none;
    margin-right:1px;
    border-radius:0;
    color:#222;
}

#quicktabs-tabbed_widget .quicktabs-tabs > li.active > a, 
#quicktabs-tabbed_widget .quicktabs-tabs > li.active > a:hover,
#quicktabs-tabbed_widget .quicktabs-tabs > li.active > a:focus,
#quicktabs-tabbed_widget .quicktabs-tabs > li > a:hover, 
#quicktabs-tabbed_widget .quicktabs-tabs > li > a:focus {
    border-radius:0;
}
#quicktabs-tabbed_widget .quicktabs-tabs > li > a {
    background:#e1e1e1;
    border:none;
    margin-right:1px;
    border-radius:0;
    color:#222;
}

#sidebar_left .widget,
#sidebar_right .widget {
    margin-bottom:30px;
    overflow:hidden;
}
.reviews_widget .recent_posts_widget > li img,
#tabbed_widget .recent_posts_widget img {
    max-width:120px !important;
    padding:4px;
}
#tabbed_widget .nav-tabs {
    border-bottom:none;
}
#tabbed_widget .tab-content {
    padding:20px 5px;
    border:none;
}

#quicktabs-tabbed_widget .recent_posts_widget img {
    height: 80px;
    max-width: 120px !important;
    padding: 4px;
    width: 130px;
}
#quicktabs-tabbed_widget .view-display-id-block_comments .recent_posts_widget img {
    height: 70px;
    width: 70px;
}
#quicktabs-tabbed_widget .nav-tabs {
    border-bottom:none;
}
#quicktabs-tabbed_widget .tab-content {
    padding:20px 5px;
    border:none;
}

/* Misc blocks, tagclouds and twitter -------------------*/

.reviews_widget .recent_posts_widget a {
    color:#222 !important;
    font-weight:normal;
}
.meta_widget a {
    font-weight:300 !important;
}
.title h2 {
    text-transform:uppercase;
    font-size:24px;
}
.widget h3 {
    font-size:24px;
}
.twitter_feed {
    padding-left:0
}
.twitter_feed li {
    list-style:none;
    overflow:hidden;
    margin-bottom:30px;
}
.twitter_feed li p {
    margin-top: -30px;
    padding-left:30px;
}
.twitter_feed li span:before {
    color: #4f4f4f;
    padding-left:0 !important;
    font-family: 'FontAwesome';
    content: "\f099";
    padding:10px;
    vertical-align: text-top;
    font-size:21px;
}
.widget .title h3 {
    text-transform:uppercase;
}
.newsletter_form .form-control, #newsletter-subscribe-form .form-text {
    background-color: #121214;
    border: 1px solid #343436;
}
#sidebar_left .newsletter_form .form-control,
#sidebar_right .newsletter_form .form-control {
    background-color: #f5f5f5;
    border: 1px solid #efefef;
}
.newsletter_form .btn {
    margin-top:10px;
}
.tagcloud a { 
    float: left; 
    display: block; 
    margin-bottom: 6px; 
    margin-right: 6px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding: 3px 10px; 
    color: #C3C3C3 !important; 
    text-decoration: none; 
    border:1px solid #242424;
    background:#323232;
    box-shadow:none !important;
}
.tagcloud a:hover {
    background: #222222;
    border:1px solid inherit;
    color: #fff !important; 
    text-decoration: none; 
}

/* Buddypress style ------------------------------ */

.buddypress_tabber_widget_member li a,
.buddypress_tabber_widget li a,
#sidebar_left .recent_posts_widget li,
#sidebar_left .recent_posts_widget li a,
#sidebar_right .recent_posts_widget li,
#sidebar_right .recent_posts_widget li a {
    color:#222 !important;
    font-weight:normal;
}
#sidebar_left .readmore,
#sidebar_right .readmore {
    font-weight:300 !important;
}
.recent_posts_widget > li {
    display: table;
    height: 60px;
    margin-bottom:20px;
    width: 100%;
}
.recent_posts_widget > li:last-child {
    border-bottom:0 solid #fff;
}
.recent_posts li {
    list-style:none
}	
.buddypress_tabber_widget_member li img,
.recent_posts_widget > li img {
    max-width: 75px !important;
    padding:4px;
}	
.recent_posts_widget img {
    float: left;
    margin: 5px 15px 0 0;
}	

/* Testimonials ------------------------------ */

.testimonial_widget {
    padding:20px;
    margin-bottom:20px;
    background:#f5f5f5;
    border:1px solid #ddd;
	height: 440px;
	overflow: hidden;
}
.testimonial-widget .lead {
    padding-top:30px;
}
.testimonial-wrap {
    background-color: #f5f5f5;
    padding:30px 20px;
    border-bottom: 3px solid #6F6D69;
}
#owl-testimonial-widget .img-circle {
    border:3px solid #fff;
    width:100px;
}
#owl-testimonial-widget h3 {
    font-size: 16px;
    font-weight:600;
    margin: 0;
    padding: 0;
}
.testimonial-wrap .lead {
    font-weight:300 !important;
    font-family:Lato;
    font-size:18px !important;
}
.testimonial-carousel a {
    color:#222222 !important;
}
.testimonial-carousel .media {
    margin:20px auto 10px !important;
    display:inline-block !important;
}
.overlay .testimonial-widget .img-thumbnail {
    background-color: #7e7c78;
    border: 1px solid #6F6D69;
}
.testimonial-widget {
    color:#222222;
    text-align:center;
}
.testimonial-widget .testimonial .lead:after {
    content: "\f10e" !important;
}
.testimonial-widget .testimonial .lead:after,
.testimonial-widget .testimonial .lead:before {
    color: #222222;
    font-family: 'FontAwesome';
    content: "\f10d";
    padding:10px;
    vertical-align: text-top;
    font-size:21px;
}

/* ----------------------------------------------------
        SHOP STYLES
------------------------------------------------------- */

.box {
    padding:20px;
    border:1px solid #ededed;
}

.box .price,
.cart_table .price2 {
    font-size:16px;
    margin:10px;
}

div.thumbnails{
    padding-top:10px;
    zoom:1
}
div.thumbnails .entry {
    border:1px solid #ffffff;
    float:left;
    width:30%;
    margin-right:4.9%
}
div.thumbnails .magnifier .buttons {
    top:40%;
}

#buddypress_features .nav li,
#shop_features .nav li {
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
} 
#buddypress_features,
#shop_features {
    padding:40px 0;
    margin:20px 0;
    overflow:hidden;
}
.tabbable .nav-tabs {
    background: #E1E1E1;
    border: 1px solid #D7D7D7 !important;
}
#buddypress_features .nav-tabs{
    background:  #222;
    border:none;
}	
#shop_features .nav-tabs {
    background:  #F8F8F8;
    border: 1px solid #DDDDDD;
}
#buddypress_features .nav-tabs > li > a,
#custom_tab .nav-tabs > li > a,
#shop_features .nav-tabs > li > a {
    border-radius:0;
    border-bottom: 1px solid #DDDDDD;
    line-height:2.1;
}
#buddypress_features .tab-content,
#custom_tab .tab-content,
#shop_features .tab-content {
    padding:20px; 
    border-bottom:1px solid #DDDDDD !important; 
    border-right:1px solid #DDDDDD !important; 
    border-left:1px solid #DDDDDD !important;
    overflow:hidden;
}
#buddypress_features .nav-tabs > li > a{
    color:#fff !important;
    border:none !important;
}
#buddypress_features .nav i {
    text-align:center;
    display:block;
    font-size:24px;
}
#custom_tab .tab-content ul li,
#shop_features .tab-content ul li {
    list-style:square;
}
#custom_tab .tab-content ul,
#shop_features .tab-content ul { 
    padding:0 0 10px 20px
}
.btn-shop span {
    background:#181818;    
    -moz-user-select: none;
    background-image: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin: 0 -3px;
    color:#ffffff;
    padding: 7px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.banner-hover {
    background:rgba(255,255,255,.3);
    padding:10px;
    border:10px solid rgba(0,0,0,.1);
    position:absolute;
    top:20px;
    left:20px;
    bottom:20px;
    right:20px;
    opacity:1;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.banner-hover.big {
    left:30px;
    right:30px;
}
.entry:hover .banner-hover {
    opacity:0;
}
.royalSlider img {
    width:100%;
}
.big_title_onepage {
    font-size:60px;
    font-weight:bold;
    font-family: 'PT Sans',sans-serif;
    text-transform:uppercase;
    border:6px solid #fff;
    padding:40px;
}
.small_thin_grey1 {
    font-size:14px;
}
.small_thin_grey1 i {
    padding:0 5px;
}
.cat_widget {
    border:3px solid #fff;
}
.cat_widget .magnifier .buttons {
    top:38%
}
.cat_widget h3 {
    font-family: 'Lato',sans-serif;
    font-size:18px;
    text-transform:uppercase;
}
.cat_widget .entry,
.royalSlider .entry,
.team_member .entry,
.blog-carousel .entry,
.portfolio-carousel .entry,
.portfolio_item .entry,
.shop_item .entry {
    display:block;
    position:relative;	
}

.product_list_widget {
    padding-left:0
}


.woo_btn {
    padding:7px 12px !important;
    border-radius:0 !important
}


/* ----------------------------------------------------
        BUDDYPRESS STYLES
------------------------------------------------------- */

#content {
    /*padding-bottom:60px;*/
}
.tab-pane .buddy_members .item {
    margin:10px
}
.buddy_members .item {
    float:left;
    margin:13px;
    padding:0;
}
.buddypress_content {
    margin:20px 0 40px;
    overflow:hidden;
    display:block;
    position:relative;
}
.buddypress-top h3,
.buddypress-top h2 {
    margin-top:10px;
}
.buddy_desc small {
    display:block;
    color:#222;
    margin:10px 0;
}
.buddy_desc h3 {
    padding:5px 0;
    text-transform:uppercase;
    font-weight:bold;
    margin:0;
}
.group_box i {
    padding-right:5px;
}
.group_box a {
    color:#222;
}
.buddy_desc {
    padding:15px;
    border:1px solid #d3d3d3;
}
.arrow-left {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #d3d3d3;
    border-top: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: -10px;
    position: absolute;
    top: 15%;
    width: 0;
}
.group_box {
    width:100%;
    border:1px solid #d3d3d3;
    position:relative;
    display:block;
    text-align:center;
    padding:30px 0 10px;
    font-size:16px;
    font-weight:normal;
    margin:35px 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.group_box:hover .circle {
    color:#fff;
}
.buddypress_tabber_widget .group_img {
    left: -10px;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 0;
}
.buddypress_tabber_widget .group_box {
    border:none;
    margin:10px 0 25px;
    padding:10px 0;
}
.buddypress_tabber_widget .circle {
    left: 67px !important;
    top: 7px !important;
    right:inherit;
}
.buddypress_tabber_widget .group_timer {
    padding-bottom: 0;
    padding-left: 110px;
    margin:0;
    padding-top: 10px;
    text-align: left;
}
.buddypress_tabber_widget .group_box .title h3 {
    padding-bottom: 0;
    padding-left: 110px;
    margin:0;
    padding-top: 0;
    text-align: left;
}
.circle {
    top:-53px;
    right:-46px;
    left:0;
    z-index:10;
    font-size:12px;
    width:30px;
    height:30px;
    border:1px solid #d3d3d3;
    margin:auto;
    line-height:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    position:absolute;
    background:#fff;
}
.buddy_members .popover.top > .arrow,
.buddy_carousel .popover.top > .arrow {
    border-top: 5px solid #fff;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    bottom: -12px !important;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;	
}
.group_box .title h3 {
    padding-bottom:0;
    padding-top:10px;
    font-size:18px;
    font-weight:bold;
}
.group_img {
    left: 0;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    right: 0;
    top: -55px;
    text-align: center;
}
.buddy_carousel {
    margin:40px 0 20px;
}
.buddy_carousel .owl-controls {
    padding:20px 0 0;
}
.buddy_carousel .owl-controls .owl-page span {
    width:15px !important;
    height:15px !important;
    border:1px solid #ddd;
}
.buddy_carousel .item {
    margin:auto;
    text-align:center;
}
.buddy_carousel .owl-wrapper-outer  {
    overflow:visible;
}
.buddy_members .popover.top,
.buddy_carousel .popover.top {
    margin-top: -60px;
    z-index:9999;
    overflow:visible;
    position:absolute;
}
.buddy_members .popover,
.buddy_carousel .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: block;
    overflow:visible;
    max-width: 276px;
    padding: 1px;
    text-align: center;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ededed;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: none;
    white-space: normal;
}
.buddy_members .popover-title,
.buddy_carousel .popover-title {
    margin: 0;
    padding: 15px 14px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-transform:uppercase;
    background-color:#fff;
    border-bottom: 1px solid #fff;
}
.buddy_members .popover-content,
.buddy_carousel .popover-content {
    width: 200px;
    padding: 5px 4px 20px;
}
.buddypress_tabber_widget_member li {
    display:block;
    margin:10px 0 20px;
    position:relative;
    overflow:hidden;
}
.buddypress_tabber_widget_member li span {
    padding-left:10px;
    margin-bottom:0;
    font-size:16px !important;
    text-transform:uppercase !important;
    vertical-align:super;
    padding-bottom:0;
}
.buddypress_tabber_widget_member li .readmore {
    margin-top: -35px;
    padding-left: 90px;
    padding-top: 0;
    position: absolute;
}

/* ----------------------------------------------------
        PORTFOLIO STYLES
------------------------------------------------------- */

.single-portfolio .title h2 {
    font-size:24px;
    text-transform:none;
    margin-top:0;
    padding-top:0;	
}
.product_details ul li {
    list-style:none;
    padding-left:2px;
    padding-bottom:5px;
}
.pager li > a, .pager li > span {
    background-color: #FFFFFF;
    border: 1px solid #fff;
    border-radius: 0;
    color:#fff;
    margin:30px 0 0;
    display: inline-block;
    padding: 5px 14px;
}
.pager li > a:hover, .pager li > span:hover {
    background-color:#222;
    color:#fff;
}
.product_details ul li a {
    color:#666;
}
.masonry_wrapper {
    overflow:hidden;
    margin:30px 0;
}
.masonry_wrapper .item {
    margin: 0 2px 4px;
    padding:0;
}
.masonry_wrapper .item img {
    height: auto !important;
    height: 100% !important;
    width: 100%;
    position: relative;
    z-index: -2;
}
#boxed-portfolio .portfolio_item, .page-taxonomy-term .portfolio_item {
    width:100% !important;
    height:auto !important;
    margin:0 0 30px;
    overflow:hidden;
}
#boxed-portfolio {
    display: block !important;
    overflow: visible !important;
    position: relative;
    z-index: 10;
    margin-bottom:20px;
}
.portfolio-filter ul {
    list-style:none; 
    padding-left:10px
}
.portfolio-filter {
    text-align: center;
    overflow:hidden;
    margin: 40px 0 15px;
}
.portfolio-filter li {
    display: inline;
    margin-right: 5px;
    padding: 0;
}
.portfolio-filter li a {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
.team_member img,
.portfolio_item img {
    width:100%;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.magnifier .btn-default {
    padding:0 20px !important;
    color:#222222 !important;
    width:auto !important;
}
.magnifier .sg,
.magnifier .st,
.magnifier .sf {
    border:1px solid #ffffff;
    color: #FFFFFF;
    display: block;
    display: inline-block !important;float: none !important;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 40px;
    margin: -10px 2px 0 2px;
    text-align: center;
    width: 40px;
}
.magnifier h4 {
    color:#ffffff;
    text-align:center;
    font-size:16px;
    padding:10px 0;
    margin-bottom:20px;
    display:block;
    font-family: 'bariol_lightlight';
}
.magnifier h3 {
    color:#ffffff;
    text-align:center;
}
.portfolio_item .magnifier .buttons {
    top:44%;
}
.magnifier .buttons {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.magnifier:hover .buttons {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.entry:hover .magnifier { 
    opacity: 1;
    visibility: visible;
}
.magnifier {
    background:#000000;
    background:rgba(0,0,0,0.8);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.pagination_wrapper { float: left; width: 100%;}

/*headers in banners --*/

/*headers in banners --*/

.roboconbold80 {
   font-size: 80px; /*22px;*/
    line-height: 85px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

.roboconbold60 {
   font-size: 60px; /*22px;*/
    line-height: 65px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

.roboconbold55 {
   font-size: 55px; /*22px;*/
    line-height: 55px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

.roboconbold50 {
    font-size: 50px; /*22px;*/
    line-height: 50px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}
.roboconbold45 {
    font-size: 45px; /*22px;*/
    line-height:45px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

.roboconbold40 {
    font-size: 40px; /*22px;*/
    line-height: 40px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

.roboconbold38 {
    font-size: 38px; /*22px;*/
    line-height: 38px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

.roboconbold36 {
    font-size: 36px; /*22px;*/
    line-height: 36px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

.roboconbold34 {
    font-size: 34px; /*22px;*/
    line-height: 34px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

.roboconbold32 {
    font-size: 32px; /*22px;*/
    line-height: 32px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

.roboconbold32caps {
    font-size: 32px; /*22px;*/
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
}

.robocon45 {
    font-size: 45px; /*20px; */
    line-height: 45px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 400;   
}

.robocon40 {
    font-size: 40px; /*20px; */
    line-height: 40px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 400;   
}

.robocon38 {
    font-size: 38px; /*20px; */
    line-height:38px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 400;   
}

.robocon32 {
    font-size: 32px; /*20px; */
    line-height:32px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 400;   
}

.robocon24 {
    font-size: 24px; /*20px; */
    line-height:24px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 400;   
}
.robocon22 {
    font-size: 22px; /*20px; */
    line-height:22px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 400;   
}
.robocon20 {
    font-size: 20px; /*20px; */
    line-height:20px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 400;   
}

.robocon18 {
    font-size: 18px; /*20px; */
    line-height:18px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 400;   
}

.robocon16 {
    font-size: 16px; /*20px; */
    line-height:16px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 400;   
}

.robo250 {
    font-size: 250px; /*22px;*/
    line-height:255px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.robo230 {
    font-size: 230px; /*22px;*/
    line-height:235px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.robo200 {
    font-size: 200px; /*22px;*/
    line-height:200px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.robo55 {
    font-size: 55px; /*22px;*/
    line-height:59px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    font-weight: 300;
    letter-spacing: 0.01em;
}

.robo50 {
    font-size: 50px; /*22px;*/
    line-height:54px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    font-weight: 300;
    letter-spacing: 0.01em;
}


.robo45 {
    font-size: 45px; /*22px;*/
    line-height:49px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    font-weight: 300;
    letter-spacing: 0.01em;
}

.robo40 {
    font-size: 40px; /*22px;*/
    line-height: 44px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    font-weight: 300;
    letter-spacing: 0.01em;
}

.robo35 {
    font-size: 35px; /*20px; */
    line-height:39px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;  
    letter-spacing: 0.01em;
}

.robo32 {
    font-size: 32px; /*20px; */
    line-height:36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300; 
    letter-spacing: 0.01em;
}

.robo30 {
    font-size: 30px; /*20px; */
    line-height:34px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300; 
    letter-spacing: 0.01em;
}

.robo29 {
    font-size: 29px; /*20px; */
    line-height:32px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300; 
    letter-spacing: 0.01em;
}

.robo26 {
    font-size: 26px; /*20px; */
    line-height:30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;  
    letter-spacing: 0.01em;
}

.robo24 {
    font-size: 24px; /*20px; */
    line-height:29px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;   
    letter-spacing: 0.01em;
}

.robo22 {
    font-size: 22px; /*20px; */
    line-height:27px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;   
    letter-spacing: 0.01em;
}

.robo20 {
    font-size: 20px; /*20px; */
    line-height:24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;  
    letter-spacing: 0.01em;
}

.robo18 {
    font-size: 18px; /*20px; */
    line-height:22px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;  
    letter-spacing: 0.01em;
}

.robo16 {
    font-size: 16px; /*20px; */
    line-height:20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;  
    letter-spacing: 0.01em;
}

.weight300 {font-weight:300;}
.weight400 {font-weight:400;}
.weight500 {font-weight:500;}
.weight600 {font-weight:600;}

.caps {text-transform: uppercase;}

.textcenter {text-align: center;}

.whitetext, div.whitetext, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, a.whitetext, .whitetext h1 a, .whitetext h2 a, .whitetext h3 a, .whitetext h4 a {
    color:#fff !important;
}
.greydarktext, div.greydarktext, .greydarktext h1, .greydarktext h2, .greydarktext h3, .greydarktext h4, a.greydarktext {
    color:#333333;
}
.greymedtext, div.greymedtext, .greymedtext h1, .greymedtext h2, .greymedtext h3, .greymedtext h4, a.greymedtext {
    color:#636363;   
}

.orange2text, div.orange2text, .orange2text h1, .orange2text h2, .orange2text h3, .orange2text h4, a.orange2text  {
    color:#dd5426;
}

.orange3text, div.orange3text, .orange3text h1, .orange3text h2, .orange3text h3, .orange3text h4, a.orange3text  {
    color:#f26422;
}

.bluemedtext, div.bluemedtext, .bluemedtext h1, .bluemedtext h2, .bluemedtext h3, .bluemedtext h4, a.bluemedtext {
    color:#025690;
}


/* ----------------------------------------------------
        PARALLAX & BANNER WRAPPER & PAGE SECTIONS
------------------------------------------------------- */

.custom-wrapper .col-lg-6 {
    padding:0;
}
.custom-wrapper .overlay {
    background-color:rgba(0, 0, 0, 0.4);
    padding:0;
}
.parallax {
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/parallax_01.jpg);
}

.jt-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
.custom-overlay {
    padding: 60px 0;
}
.overlay {
    padding: 60px 0;
    background-color:rgba(0, 0, 0, 0.7);
}
.custom-message {
    padding:90px 0;
}
.custom-message h1 {
    text-align:center;
    font-weight:bold;
    font-size:54px;
}
.custom-wrapper {
    background: url(../demos/custom_wrapper_bg.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.custom-wrapper .testimonial h3 {
    color:#222 !important;
}

.fullsize-wrapper {
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height:300px;
   /* background-size: contain;*/
   /* bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    border-bottom: 3px solid #efefef;
    margin-bottom: 0;
    padding:0;
    position: relative;*/
}

.mainfeature-wrapper {
    min-height: 500px;
    padding: 150px 0 40px !important;
    /*margin-top: 120px;*/
    margin-top: 0px;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

.photo-wrapper {
    min-height: 500px;
    margin-top: 2px;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}

div.eventsfrontwrapper {
    height:600px;
}

/*Height width and padding - divs and banners */
.height200 {
    min-height:200px;
}
.height300 {
    min-height:300px;
}
.height400 {
    min-height:400px;
}
.height500 {
    min-height:500px;
}
.height600 {
    min-height:600px;
}
.height700 {
    min-height:700px;
}
.
.width300 {
    width:300px;
}
.width400 {
    width:400px;
}
.width500 {
    width:500px;
}

.pad2020 {
    padding:20px 0 !important;
}
.pad4040 {
    padding:40px 0 !important;
}
.pad6020 {
    padding: 60px 0 20px !important;
}
.pad6040 {
    padding: 60px 0 40px !important;
}
.pad6060 {
    padding:60px 0 !important;
}

.pad8040 {
    padding: 80px 0 40px !important;
}
.pad8080 {
    padding: 80px 0 80px !important;
}
.pad10040 {
    padding: 100px 0 40px !important;
}
.pad100100 {
    padding: 100px 0 100px !important;
}
.pad15040 {
    padding: 150px 0 40px !important;
}
.pad20020 {
    padding: 200px 0 20px !important;
}
.pad28020 {
    padding: 280px 0 20px !important;
}

.margintop150 {margin-top:150px;}
.margintop140 {margin-top:140px;}
.margintop130 {margin-top:130px;}
   
/*Banner Overlays-------------*/

.darkshadowbox {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 40px;
}

.darkshadowbox h2 {color: #fff;}
.lightshadowbox {
    background-color: rgba(247, 247, 247, 0.8);
    color: #333333;
    padding: 40px;
}
.lightshadowbox h2{color: #333333;}
.blueshadowbox {
    background-color: rgba(2, 86, 144, 0.8);
    color: #fff;
    padding: 40px;
}
.blueshadowbox h2 {color: #fff;}
.orangeshadowbox {
    background-color: rgba(242, 100, 34, 0.8);
    color: #fff;
    padding: 40px;
}
.orangeshadowbox h2 {color: #fff;}
.greenshadowbox {
    background-color: rgba(134, 196, 64, 0.7);
    color: #fff;
    padding: 40px;
}
.greenshadowbox20 {
    background-color: rgba(134, 196, 64, 0.7);
    color: #fff;
    padding: 20px;
}
.greenshadowbox h2, .greenshadowbox20 h2 {}

.greenshadowbox2050 {
    background-color: rgba(134, 196, 64, 0.7);
    color: #fff;
    margin-top: 50px;
    padding: 20px;
}

.topwhiteshadowbox {
    background-color: rgba(255, 255, 255, 0.8);
    color: #666;
    font-size: 20px;
    line-height: 30px;
    margin: 89px 0 0;
    padding: 30px;
}
.topwhiteshadowbox h2 {color: #333; }

.topdarkshadowbox {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin: 89px 0 0;
    padding: 30px;
}
.topwhiteshadowbox h2 {color: #fff; }

.boxwrap300 {
    display: inline-block;
    height: 300px;
    margin-bottom: 30px;
    padding: 10px 15px;
}


.fourboxwrap {
    display: inline-block;
    height: 200px;
    margin-bottom: 30px;
    padding: 10px 15px;
}

.twoboxwrap {
    display: inline-block;
    height: 300px;
    margin-bottom: 30px;
    padding: 10px 15px;
}

.twoboxwrap100 {
    display: inline-block;
    height: 100px;
    margin-bottom: 30px;
    padding: 10px 15px 10px 35px;
    width: 100%;
}

.twoboxwrap200 {
    display: inline-block;
    height: 200px;
    margin-bottom: 30px;
    padding: 10px 15px;
}

.twoboxwrap200wide {
    display: inline-block;
    height: 200px;
    margin: 10px 0 10px 0;
    padding: 10px 15px;
    width: 100%;
}

.twoboxwrapautowide {
    display: inline-block;
    height: auto;
    margin: 10px 0 10px 0;
    padding: 10px 15px;
    width: 100%;
}

.titleboxfloat, .titleboxfloat4em  {
    display: inline-block;
    font-size: 4em;
    margin: 10% 5% 5% -3%;
}

.titleboxfloat3em {
    display: inline-block;
    font-size: 3em;
    margin: 0;
    padding: 0;
    line-height: 1.3em;
}

.titleboxfloatwide {
    display: inline-block;
    font-size: 3em;
    margin: 3% 5% 2% 0;
    text-transform: uppercase;
}

.titleboxcenter {
    font-size: 3em;
    margin: 2%;
    text-transform: uppercase;
    text-align: center;
}

.titleboxcenter2em {
    font-size: 2em;
    margin: 2%;
    text-transform: uppercase;
    text-align: center;
}

.imagenopad, .content img.imagenopad {
padding:0 !important;
}

span.socmedlink {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    padding: 5px 5px 5px 10px;
    width: 55px;
    margin-right: 10px;
    margin-top: 5px;
}

span.socmedlink a {
color: #0a5892;
}

span.socmedlink a:hover {
color: #f16421;
}

/* wrapper colors -----------*/


.dark-wrapper {
    background-color:#222222;
    padding:60px 0;
}
.grey-wrapper {
    background-color:#f5f5f5;
    padding:60px 0 !important;
}
.orangemed-back {
    background-color:#f16421; /*#f16321;*/
}
.orangedark-back {
    background-color:#f16321;
}
.bluedark-back {
    background-color:#121e32;
}
.bluemed-back {
    background-color:#025690; 
}
.greydark-back {
    background-color:#323232;
}
.greymed-back {
    background-color:#636363;
}
.greylite-back {
    background-color:#c8c8c8;
}
.greenlite-back {
    background-color:#86c440;
}
.whitebg {
    background-color:#fff;
}
.blog-wrapper {
    background-color:#ffffff;
    padding:30px 0 !important;
}
.faculty-wrapper {
	background-color: #24201f;
	padding:60px 0 !important;
}

.grey-wrapper #accordion-second .accordion-heading .accordion-toggle,
.grey-wrapper #accordion-second .accordion-heading, 
.grey-wrapper #accordion-second .accordion-toggle:hover, 
.grey-wrapper #accordion-second .accordion-heading .accordion-toggle.active,
.grey-wrapper #accordion-second .accordion-inner,
.grey-wrapper .testimonial-wrap {
    background:#fff;
}

/* font awesome icons for reseach block*/

.resiconwrap {margin-bottom: 20px; width: 100%; vertical-align:middle; display: inline-block;}

.faicon50 {font-size: 60px; width:80px; height: auto; float: left;}

.resarea2 {padding:15px 0 0 0;}

.resarea2 a {color: #fff;}

.resarea2 a:hover {color: #f16321;}


/*boxed settings --------------*/

#boxed {
    background: url(../demos/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#boxed #wrapper {
    background:#fff; 
    margin:50px auto;
}
#boxed .white-wrapper,
#boxed .grey-wrapper {
    margin:0 -15px;
}
#boxed #topbar .social-icons span a,
#boxed #topbar .social-icons span.last a,
#boxed #topbar .topbar-email, 
#boxed #topbar .topbar-phone, 
#boxed #topbar .topbar-login, 
#boxed #topbar .topbar-cart,
#boxed #topbar {
    border:none;
}

/*general title-------*/

.general-title hr {
    width:30px;
    margin-bottom:0;
    margin-top:0;
    border-width: 2px 0 0;
}
.general-title h2 {
    font-size:31px;
    text-rendering: optimizeSpeed;
    letter-spacing:0.6px;
    padding-bottom:0;
    font-weight:bold;
}
.general-title,
.messagebox {
    text-align:center;
}
.general-title .lead {
    margin-top:10px !important;
}

/* ----------------------------------------------------
        SLIDER STYLES
------------------------------------------------------- */
.rsUni, 
.rsUni .rsOverflow, 
.rsUni .rsSlide, 
.rsUni .rsVideoFrameHolder, 
.rsUni .rsThumbs {
    background:#f5f5f5 !important;
}
#gallery-2 {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;  
    user-select: none;
}
.aboutslider-shadow {
    width:100%;
    position:relative;
    z-index:1;
}
.aboutslider-shadow .s1 {
    background:url(../images/flexslider_shadow.png) center no-repeat;
    height:29px;
    margin:0 auto;
    bottom:-28.5px;
    overflow:hidden;
    width:100%;
    position:absolute;
    left:0;
}
.page-about .aboutslider-shadow .s1 {
    background:url(../images/slider-shadow.png) center center no-repeat;
    width:100%;
    height:77px;
    display:block;
    z-index:0;
    overflow:hidden;
    position:relative;
    margin:0 auto;
    top: 0;
}
.slider-shadow.without {
    margin-top:-20px !important;
}
.slider-shadow {
    background:url(../images/slider-shadow.png) center center no-repeat;
    width:100%;
    height:77px;
    display:block;
    z-index:0;
    overflow:hidden;
    position:relative;
    margin:0 auto;
}
.fullscreen-container {
    width:100%;
    position:relative;
    padding:0;
    display:none;
}
.fullwidthbanner-container{
    width:100%;
    position:relative;
    padding:0;
    overflow:hidden;
}
.fullwidthbanner-container ul,
.fullscreenbanner-container ul	{
    display:none
}
.fullwidthbanner-container .fullwidthbanner{
    width:100%;
    position:relative;
}
#slider-in-laptop {
    width: 100%;
    height: auto;
    padding: 3% 15% 0 16%;
    background: none;
}
#slider-in-laptop .rsOverflow,
#slider-in-laptop .rsSlide,
#slider-in-laptop .rsVideoFrameHolder,
#slider-in-laptop .rsThumbs {
    background: #151515;
}
.imgBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}
#slider-in-laptop .rsBullets {
    bottom: -50px;
}
.laptopBg {
    position: relative;
    width: 100%;
    height: auto;
}
#slider-in-laptop .rsBullets {
    bottom: -50px;
}
.shop_title_slider_2 {
    font-size:36px;
    text-transform:uppercase;
    font-weight:bold;
    color:#222;
}
.shop_title_slider {
    font-size:48px;
    text-transform:uppercase;
    font-weight:bold;
    color:#fff;
}
.high_title2 {
    font-size:48px;
    font-family: 'Lato',sans-serif;
    font-weight: normal !important;
    letter-spacing: 0;
    line-height: 120% !important;
    padding: 0 0 10px;
    position: relative;
}
.high_title {
    font-size:70px;
    font-family: 'Lato',sans-serif;
    font-weight: 100 !important;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative;
}
.big_title_slider {
    color: #fff;
    font-size:40px;
    font-family: 'PT Sans',sans-serif;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative;
}
.big_title {
    color: #222222;
    font-size:36px;
    font-family: 'PT Sans',sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative;
}
.slider_title_a {
    color: #222222;
    font-size:36px;
    font-family: 'Pacifico',sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative;
}
.upper_title {
    text-transform:uppercase;
    font-size:36px;
    font-weight:bold;
    font-family: 'PT Sans',sans-serif;
}
.small_title2 {
    color:#222222 !important;
}
.mini_title2 {
    font-family: 'PT Sans',sans-serif;
    font-size:16px !important;
    font-weight:normal !important;
    color:#222222 !important;
}
.light_title {
    color: #ffffff;
    font-family: 'Lato',sans-serif;
    font-size:18px;
    font-weight:300;
    letter-spacing: 0;
    padding: 0 0 10px;
    position: relative;
    line-height: 140% !important;
}
.small_title2,
.small_title {
    color: #ffffff;
    font-family: 'Lato',sans-serif;
    font-size:20px;
    letter-spacing: 0;
    padding: 0 0 10px;
    font-weight:lighter;
    position: relative;
    line-height: 140% !important;
}
.mini_title span {
    font-size:24px;
}
.mini_title {
    color: #ffffff;
    font-family: 'Lato',sans-serif;
    font-size:14px;
    font-weight:bold !important;
    letter-spacing: 0;
    padding: 0 0 10px;
    font-weight:lighter;
    position: relative;
    line-height: 140% !important;
}
.tp-bullets.simplebullets.navbar {
    height: 35px;
    padding: 0;
}
.tp-bullets.simplebullets .bullet {
    cursor: pointer;
    position: relative !important;
    background: #efefef !important;
    -webkit-border-radius: 0;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 14px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float:none !important;
}
.tp-bullets.simplebullets .bullet.last {
    margin-right: 0px
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid #111;
}
.tparrows:before {
    font-family: 'revicons';
    color: #ffffff;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 0;
    margin-top: 17px;
    text-align: center;
    width: 55px;
    font-size: 21px;
}
.slides-navigation a,
.tp-leftarrow, 
.tp-rightarrow{
    opacity:0.6 !important;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}
.slides-navigation a:hover,
.tp-leftarrow:hover, 
.tp-rightarrow:hover{
    filter:alpha(opacity=100); /* For IE8 and earlier */
    opacity:1 !important;
}
.tparrows {
    border:2px solid #aaaaaa;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 60px !important;
    height: 60px !important;
}
.tparrows:hover {
    color: #fff;
}
.tp-leftarrow:before {
    content: '\e824';
}
.tp-rightarrow:before {
    content: '\e825';
}
.tparrows.tp-rightarrow:before {
    margin-left: 1px;
}
.tp-leftarrow {left: 20px !important; }
.tp-rightarrow {right: 20px !important; }

/* ----------------------------------------------------
        MODULES
------------------------------------------------------- */
#revvideo {
    with:100%;
    height:100%;
}
.custom-select {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #E9E9E9 !important;
    box-shadow: 0 0 0 1px #FFFFFF inset, 1px 2px 0 #E9E9E9 !important;
    outline: medium none;
    position: relative;
}
#video {
    border:1px solid #fff;
}
#soundcloud {
    border:1px solid #fff;
    width:100%;
}
.contact_form {
    overflow:hidden;
    margin:50px 0 25px;
}
.overlay .contact_details {
    color:#fff !important;
}
.contact_form textarea {
    height:133px !important;
}
.contact_form .form-control,
.webform-client-form .form-text {
    margin-bottom:10px;
    height:62px;
    border-color:#dddddd;
    box-shadow:none;
}
#contactform fieldset {
    padding:10px;
    border:1px solid #eee;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
#contactform legend {
    padding:7px 10px; 
    font-weight:bold; 
    color:#000; 
    border:1px solid #eee; 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    margin-bottom:0 !important; 
    margin-bottom:20px;
}
#contactform span.required{ 
    font-size: 13px; 
    color: #ff0000;
}
#message {
    margin: 10px 0; 
    padding: 0;
}
.error_message {
    display: block; 
    height: 22px; 
    line-height: 22px; 
    background: #FBE3E4 url(../images/error.gif) no-repeat 10px center;
    padding: 3px 10px 3px 35px; 
    color:#8a1f11;
    border: 1px solid #FBC2C4; 
    -webkit-border-radius:5px;
}
.loader {
    padding: 0 10px;
}
#contactform #success_page h1 {
    background: url(../images/success.gif) left no-repeat; 
    padding-left:22px;
}
acronym {
    border-bottom:1px dotted #ccc;
}
#map{
    height:450px;
    width:100%
}
#map img{
    max-width:inherit
}
.map{
    position:relative
}
.map .row .col-lg-4{
    float:right;
    margin-top:-450px;
    z-index:9
}
.contact-icon {
    margin:20px 0;
    overflow:hidden;
}
.map .row{
    position:relative
}
.infobox img {
    width:100% !important;
}
.map .searchmodule {
    padding:18px 10px
}
.infobox {
    display: inline-block;
    padding: 5px;
    position: relative;
    width: 270px;
}
.infobox img {
    width:80px !important;
    padding-right:10px
}
.infobox .title {
    font-size:13px;
    font-weight:bold;
    margin-top:0;
    margin-bottom:0;
    text-transform:uppercase;
    padding-bottom:5px;
}
.infobox .title a {
    font-weight:bold;
}

.grey-wrapper .pricing_detail {
    background:#fff;
}
.grey-wrapper .pricing_detail .priceamount {
    border-color:#f5f5f5;
}
.pricing_detail {
    border:1px solid #e3e3e3;
    padding:30px 20px;
    text-align:center;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
}
.pricing_detail:hover h3,
.pricing_detail:hover ul li {
    color:#fff;
}
.pricing_detail:hover header {
    border-color:#ededed;
}
.pricing_detail header {
    border-bottom:1px solid #e3e3e3;
}
.pricing_detail header h3 {
    font-size:30px;
    margin-top:35px;
    padding:0;
    display:block;
    overflow:hidden;
}
.pricing_info {
    display:block;
}
.pricing_info ul {
    padding-left:0;
}
.pricing_info ul li {
    list-style:none;
    padding:15px 0;
}
.pricing_boxes {
    padding:80px 0;
    display:block;
    overflow:hidden;
    position:relative;
}
.pricing_detail:hover .btn{
    color:#ffffff !important;
    background:#222 !important;
}
.pricing_detail .priceamount {
    -webkit-border-radius:500px;
    -moz-border-radius:500px;
    border-radius:500px;
    color: #FFFFFF;;
    background:#222222;
    display: block;
    border:10px solid #fff;
    font-size: 16px;
    height: 120px;
    margin: 0 auto;
    text-align: center;
    width: 120px;
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    padding-top:23px;
    line-height: 1.6;
}

/*setting for panels and shortcodes ---*/

.banners li {
    list-style:none;
    margin:5px;
    float:left !important;
}
.banners li .img-thumbnail {
    background-color: #bbbbbb;
    border: 1px solid #DDDDDD;
    border-radius: 0;
    padding: 5px;
}

.long-twitter i {
    font-size:31px;
}
.long-twitter a {
    text-decoration:underline;
    color:#ffffff;
}
.long-twitter {
    color:#ffffff;
}
.tab-content {
    border-left:1px solid #efefef;
    border-bottom:1px solid #efefef;
    border-right:1px solid #efefef;
}
.tabs {padding: 15px 0;}
.nav-tabs > li > a {
    border: 1px solid #EFEFEF;
    line-height: 1.42857;
    margin-right: 0;
}
.nav-stacked li:last-child {
    border-bottom:0 solid #efefef !important;
}
.nav-stacked > li > a {
    color:#222222;
    border:0 solid #efefef !important;
}
.nav-stacked li {
    border-top:0 solid #efefef !important;
    border-left:0 solid #efefef !important;
    border-bottom:1px solid #efefef !important;
    border-right:0 solid #efefef !important;
}
.panel-title:after {
    content: "\f078";
    color: #292723;
    float:right;
    display: block;
    font-family: 'FontAwesome';
    font-size: 13px;
    margin-top:-20px;
    pointer-events: none;
    position:relative;
    line-height: 20px;
    text-transform: none;
}
.panel-body h4 {
    font-size: 16px;
    margin: 10px 0 20px;
    padding:0 !important;
}
.panel-body .form-control {
    margin-bottom:0;
}
.panel-group .panel-heading + .panel-collapse .panel-body,
.panel-default {
    border: 0 solid #FFFFFF !important;
    box-shadow: 0 0 #FFFFFF;
    background: none;
}
.panel-title {
    padding: 0;
}
.panel-default > .panel-heading {
    background-color: #FFFFFF;
    padding:15px 20px;
    border: 1px solid #A9A9A9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.panel-default > .panel-heading a:hover {
    background:none !important; 
    color:#222222 !important;
}
.panel-default > .panel-heading a {
    color: #222222;
    font-size: 18px;
    width: 100%;
    display: block;
}
.panel-flexible .panel-separator {margin: 0;}
.stat {
    text-align:center;
}
.highlight {
    color:#ffffff;
    padding:30px 0;
    font-weight:bold;
    display:block;
    overflow:hidden;
    margin-bottom:0;
    /*font-size:48px;*/
}
.milestone-details {
    font-weight:bold;
    font-size:18px;
    color:#fff;
}
.dmtop {
    background-color:#161616;
    background-image: url(../images/arrow.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: auto;
}
.progress {
    position:relative;
    overflow:visible
}
.skill_count {
    position:absolute;
    right:0;
    font-weight:bold;
    font-size:16px; 
    color:#222;
    top:-9px
}
.skills_bar {
    margin:10px 0;
    overflow:hidden;
}
.skills_bar small {
    font-size:14px;
    color:#222222;
    margin:10px 0;
}
.progress {
    border-radius:0;
    box-shadow:none;
    border-bottom:1px solid #cbcbcb;
    background:none;
    margin:10px 0;
    height:10px;
}

/* Accordian styles ----------------------*/

#accordion-second .accordion-group{
    margin-bottom:10px;
}
#accordion-second .accordion-heading{
    border-bottom:0;
    font-size:16px;
}
#accordion-second .accordion-heading .accordion-toggle{
    display:block;
    cursor:pointer;
    padding:0 !important;
    color:#222222;
    background:#f5f5f5;
    outline:none!important;
    text-decoration:none
}
#accordion-second .accordion-heading,
#accordion-second .accordion-toggle:hover,
#accordion-second .accordion-heading .accordion-toggle.active{
    background:#f5f5f5;
}
#accordion-second .accordion-heading .accordion-toggle > em {
    background-color: #222222;
    border-radius:0;
    color: #FFFFFF;
    font-size:14px;
    height: 37px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px;
}
#accordion-second .accordion-inner{
    padding:9px 10px;
    background:#f5f5f5;
}	
#accordion-first .accordion-group{
    margin-bottom:10px;
}
#accordion-first .accordion-heading{
    border-bottom:0;
    font-size:16px;
}
#accordion-first .accordion-heading .accordion-toggle{
    display:block;
    cursor:pointer;
    padding:5px 0 !important;
    color:#222222;
    outline:none!important;
    text-decoration:none
}
#accordion-first .accordion-heading,
#accordion-first .accordion-toggle:hover,
#accordion-first .accordion-heading .accordion-toggle.active{
    background:none;
}
#accordion-first .accordion-heading .accordion-toggle > em {
    background-color: #222222;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    color: #FFFFFF;
    font-size:14px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    text-align: center;
    width: 32px;
}
#accordion-first .accordion-inner{
    padding:9px 10px;
}

/* Check li styles --------------*/

.check li:before {
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 16px;
    left: 0;
    padding-right:5px;
    position: relative;
    top: 2px;
}
.check li {
    font-size:13px;
    list-style:none;
    margin-bottom:4px;
}
.check {
    margin-left:0; 
    padding-left:0
}
.check li a {
    color:#656565;
}

/* Services styles ---------------------------- */

#services .item {
    padding:15px;
}
.item h3 {
    padding-top:15px;
    padding-bottom:0;
}
.item .icon-container {
    font-size:24px;
    float:left;
    margin:0 20px 0 0;
}
.servicesbox_content p {
    display:inline-block;
    margin-top:10px;	
}
.servicesbox_content {
    display:block !important;
    width:100% !important;
    padding:2px
}
.services_lists_boxes .service-icon-circle {
    text-align:center;
}
.services_lists_boxes {
    margin: 20px 0 20px 0;
    display:block;
    color:#fff;
    position:relative;
    overflow:hidden;
}
.services_lists_boxes h4 {
    color:#fff;
    font-size: 21px;
    padding-bottom: 0;
    font-weight:500;
    text-transform:uppercase;
}
.custom-services {
    position:relative !important;
    padding:0;
    margin:20px 0;
    display:block;
    overflow:visible;
}
.ch-item {
    position:relative !important;
    padding:0;
    margin:20px 0;
    height:200px;
    display:block;
    overflow:visible;
}
.ch-info-wrap{
    position: absolute;
    width: 100%;
    height: 200px;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #ffffff;
}
.ch-info-back  {
    padding:15px;
    text-align:center;
}
.ch-info-front {
    padding-top:40px;
    text-align:center;
}
.ch-info-back h3 {
    font-size:20px;
    margin-bottom:0;
    padding-bottom:0;
    color:#ffffff;
    font-weight:bold;
}
.ch-info-back p {
    color:#ffffff;
}
.ch-info-front h3 {
    font-size:20px;
    color:#222222;
    font-weight:bold;
}
.ch-info{
    position: absolute;
    width: 100%;
    height: 200px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.ch-info .ch-info-back {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
}
.ch-item:hover .ch-info {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg);
}
.service-with-image .entry {
    position:relative;
}
.service-with-image {
    overflow:hidden;
    margin:20px 0;
}
.service-desc {
    padding:20px 0;
}
.service-title a i {
    padding-right:5px;
}
.service-title a {
    font-weight:bold;
    text-transform:uppercase;
}
.service-title {
    background:#FFFFFF;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    max-width: 120px;
    margin: auto;
    text-align: center;
    padding: 4px;
}
.service_vertical_box {
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}
.services_vertical .general-title h2 {
    padding:0 !important;
    color:#fff !important;
    text-align:left;
    font-size:30px !important;
}
.services_vertical p {
    padding:0 !important;
    text-align:left;
}
.services_vertical 
{
    overflow:hidden;
    padding:30px 0;
}
.services_vertical h3 {
    padding: 0 !important;
    font-size:18px;
}
.service_vertical_box .service-icon {
    float:left;
    clear: both;
    display: block;
    height: 60px;
    line-height: 60px;
    margin: 35px 20px;
    width: 60px;
}
.service_vertical_box a.readmore {
    padding-left:98px;
}
.services_vertical .icon-container {
    float:left;
}
.icon-container {
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 21px;
    height: 55px;
    line-height: 55px;
    margin: 38px 20px;
    text-align: center;
    width: 55px;
}
.servicebox {
    margin:20px 0;
}
.servicebox h3 {
    padding:0
}
.border-none {
    -webkit-border-radius:0 !important;
    -moz-border-radius: 0 !important;
    border-radius:0 !important;
}
.border-radius {
    -webkit-border-radius:500px !important;
    -moz-border-radius: 500px !important;
    border-radius:500px !important;
}
.service-icon i {
    color:#666666;
}
.little-padding {
    padding:5px 0 0 !important;
    overflow:hidden;
}
.make-bg {
    line-height:113px !important;
}
.make-bg i{
    font-size:2.6em !important;
    color:#fff !important;
}
.servicebox:hover .make-bg {
    background:#222222 !important;
    border-color:#232323 !important;
}
.servicebox:hover .border-none {
    border-bottom-color:#fff;
}
.service-icon-circle {
    overflow:hidden;
    margin:20px auto;
    display:block;
    position:relative;
    border:1px solid #222;
    height:100px;
    width:100px;
    line-height:107px;
    -webkit-border-radius: 0 100px 100px;
    -moz-border-radius: 0 100px 100px;
    border-radius: 0 100px 100px;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
}
.sr-only {
    display:block !important;
    overflow:visible;
    visibility:visible
}
.service-icon-circle i {
    font-size:24px;
}
.btn {
    font-family: 'PT Sans',sans-serif;
}
.form-submit {margin-top: 10px;}
.node-add-to-cart.form-submit {margin-top: 0px;}
.btn-dark {
    background-color:#222222;
    color:#ffffff;
    border:none;
}
.btn-lg {
    padding:10px 30px;
    font-size:16px;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.btn-primary {
    color: #ffffff;
    border:none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: #ffffff;
    background-color: #222222;
}
/*.arrow-up {
    old stuff border-bottom: 5px solid #FFFFFF;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0); end old stuff
    bottom: -1px;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
} */

.doc li a {
    color:#222 !important;
}
.doc .flexslider a {
    color:#fff !important
}
.doc .blog-carousel {
    padding:15px !important;
}
.doc .highlight {
    margin-top:10px;
    font-size:72px !important;
    font-weight:normal;
    color:#222;
    font-family: 'Lato', cursive;
}
.doc .green {
    color:#77be32 !important;
}
.doc .red {
    color:#f2333a !important;
}

.doc .milestone-details {
    font-size:21px !important;
    font-weight:100;
    color:#222;
    font-family: 'Lato', cursive;
    text-transform:uppercase;
    padding:20px;
}
.tabbed-menu ul {
    list-style:none;
    list-style-position:outside;
    display:inline;
    margin:10px 0;
}    
.tabbed-menu li { 
    line-height:12px;
    float:left;
    padding:10px 7px; 
}
.tabbed-menu li a {
    color:#222;
}

/* callout box and messagebox -------------------------------------------------*/

.general-title .lead,
.messagebox .lead {
    font-family: 'Lato',sans-serif;
    font-weight:300;
    line-height:1.9;
    margin:15px 0;
}
.messagebox h1 {
    color:#fff;
    font-weight:bold;
    font-size:30px;
}
.messagebox .btn-dark,
.messagebox .btn-dark:hover {
    background:#222 !important;
    color:#fff !important;
}
.messagebox h2 {
    font-size:30px;
}
.calloutbox-full-mini .lead,
.calloutbox-full .lead {
    color:#fff;
    margin:10px 0 20px;
}
.calloutbox-full-mini {
    padding:20px 0;
    text-align:center;	
}
.calloutbox-full {
    padding:60px 0;
    text-align:center;
}
.calloutbox .form-control {
    height:35px;
}
#bilding label, 
#bilding .form-control {
    margin:10px 0 0;
}
#payment p.small {
    font-weight:100
}
#payment label {
    border: 1px solid #EDEDED;
    padding: 15px 40px !important;
}
.calloutbox {
    position:relative;
}
.bggrey h2 {
    color:#222222 !important;
    font-weight:bold;
}
.bgdark {
    background:#222222 !important;
}
.bggrey {
    color:#222222 !important;
    background:#f5f5f5 !important;
    border-left:8px solid #fff;
}
.calloutbox-full-mini h2,
.calloutbox-full h2 {
    font-size:36px;
    padding:0;
    margin:0;
    text-transform:uppercase;
    color:#fff;
}
.calloutbox h2 {
    font-size:28px;
    padding:0;
    margin:0;
    text-transform:uppercase;
    color:#fff;
}
.calloutbox {
    margin:20px 0;
    color:#fff;
    padding:30px 20px 20px;
    overflow:hidden;
}
.calloutbox .btn-dark:hover {
    background:#232323;
}

/*client wraps --------------------------------------------------------*/

.white-clients .client-wrap {
    border-color:#dedede;
}
.client-wrap {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color:#444647;
    border-right-style: solid;
    border-right-width: 1px;
    padding: 30px;
}
.client-wrap.last {
    border-right-width: 0;
}
.client-wrap.no-border {
    border-bottom-width: 0;
}

/* Not Found h1 ------------------------------------------------------*/
.not_found h1 {
    margin-bottom:0;
    font-size: 200px;
    padding-bottom:0;
    font-weight: bold;
    line-height: 1;
}


/* ----------------------------------------------------
        BLOG SECTIONS
------------------------------------------------------- */

#comments_form .form-control{
    margin-bottom:10px;
}
#comments {padding:0px; margin: 10px !important;}
#comment-form .form-submit {margin-right: 10px;}
.comment-list {
    margin: 60px 0;
    list-style:none;
}
.comment-list ul li,
.comment-list ol li {
    list-style:none;
    float: right;
}
.comment-avatar {
    margin: 0 20px 0 0;
    float: left;
    height: 70px; width: 70px;
}
.comment-content {
    background: #ffffff;
    border: 1px solid #efefef;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px;
    position: relative;
}
.comment-content .links {
    float: right;
    position: absolute;
    top: 30px;
    right: 10px;
}
.comment-reply a, .comment-edit a, .comment-delete a {
    color:#fff !important;
}
.comment-author {
    margin-bottom: 10px;
}
.comment-meta {
    font-size: 12px;
    color: #aaa;
    padding-left:10px;
}
.comment-reply, .comment-edit, .comment-delete , .comment-approve{
    margin:-10px 0 0 2px;
    float: right;
    font-size: 12px;
    color: #ffffff;
}
.leave-comment textarea {
    height: 150px;
}
.authorbox_wrapper {
    padding:20px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 50px;
}
.authorbox_wrapper img {
    margin:0 20px 20px 0;
    width:100px !important;
}
.authorbox_wrapper h4 {
    margin-bottom:0;
    padding-bottom:0;
}
.authorbox_wrapper p {
    padding-top:5px;
    margin-top:5px;
}
.blog_button {
    -moz-user-select: none;
    background:#fff;
    border: 1px solid #cbcbcb;
    color: #cbcbcb;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 30px;
    padding: 10px 23px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: #cecece;
    left: 50%;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #cecece;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #cecece;
    border-right: 0 solid #cecece;
    border-bottom: 15px solid transparent;
    content: " ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}
.timeline-body > p + p {
    margin-top: 5px;
}

/* section header and breadcrumbs ---------------------  */

.post-wrapper-top {
    /*background: url(../images/newNPRE/hexbacksmall.png) no-repeat scroll left top #0072a7; #f5f5f5;*/
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    border-bottom: 3px solid #efefef;
    margin-bottom: 0;
    margin-top: 170px;
    padding:0;
    position: relative;
    text-align: left;
    /* for section menu trail 
    color: #fff !important;
    text-shadow: 2px 2px #666 !important;
    */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height:210px;
}

.page-node-3 .post-wrapper-top, .page-node-4 .post-wrapper-top, .page-node-5 .post-wrapper-top, .page-node-6 .post-wrapper-top, 
.page-node-7 .post-wrapper-top, .page-node-8 .post-wrapper-top {height:370px;} /*might add 10, 11, 12, 13,82,97 -- , .page-node-10 .post-wrapper-top, .page-node-11 .post-wrapper-top, .page-node-12 .post-wrapper-top, 
.page-node-12 .post-wrapper-top, .page-node-13 .post-wrapper-top, .page-node-82 .post-wrapper-top, .page-node-97 .post-wrapper-top */

.post-wrapper-bread {
    background: #fff; 
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    /*border-bottom: 3px solid #efefef;*/
    margin-bottom: 0;
    padding:0;
    position: relative;
    text-align: left;
    line-height:100%;
}

.border3 {
    border-bottom: 3px solid #efefef;
}

.post-wrapper-bread h2 {height: 0;}

/*.post-wrapper-top h2 {
    color: #fff;
    display: inline-block;

    font-size: 80px;
    line-height: 100%;
    margin: 108px 0 0;
    opacity: 0.6;
    padding: 0;
    position: relative;
    text-transform: uppercase;
} */

.post-wrapper-top-old h2 {
    /*border-bottom: 3px solid #fff;*/
    display: inline-block;
    font-size: 35px; /*40px; 24px;*/
    padding: 60px 0 15px 0; /*30 0 */
    color: #fff; /*#222222;*/
    position: relative;
	text-transform: uppercase;
    /*margin-bottom:-3px;*/
}

.breadcrumb > li + li:before {
    font-size:16px;
}
.breadcrumb {
    color: #666; /*#777777;*/
    background:transparent;
    font-size: 16px;
    font-weight: 400;
    list-style: none outside none;
    padding: 10px 0 10px 0;
	float: left;
    margin: 0 0 0 -10px;
    /*
	position: absolute;
    right: 0;
	bottom: 0;
	*/
}

/*.breadcrumb > li + li:before {
    content:"";
    background:url(../images/breadcrumb2.png) no-repeat center center;
    margin:0 10px;
    padding:0 10px
}*/

.breadcrumb a {
	color: #f16431;
	content:"";
    /*background:url(../images/breadcrumb2.png) no-repeat center center;*/
    margin:0 5px;
    padding:0 5px
}

.breadcrumb a:hover {
	color: #3CF;
}

.breadcrumb > .active {
    color: #f16431;
}

/*section customizations ---------------------------------------------*/

.sectionimg {
    /*background-position: center center;
    background-size: cover;
    min-height: 300px;*/
}

/*blog wrapper ----------------------------------------------------- */

.blog-wrapper hr {
    margin-top:40px;
    margin-bottom:40px;
}
.pagination > li > a, 
.pagination > li > span {
    background-color: #f5f5f5;
    color: #222222;
    float: left;
    line-height: 1.82857;
    margin-left: 5px;
    padding: 3px 10px;
    position: relative;
    text-decoration: none;
}
.quote-post {
    background:#f5f5f5;
    position: relative;
    padding:20px 10px 10px;
}
.quote-post:after {
    font-family: 'FontAwesome';
    content: "\f10e";
    padding-right:20px;
    right:0;
    position:absolute;
    top:50px;
    color:#000000;
    font-size:600%;
    opacity: 0.1; -moz-opacity: 0.1; filter: alpha(opacity=10);
}
.quote-post blockquote {
    border-left:0px solid #fff;
}

/* ----------------------------------------------------
        ANIMATIONS
------------------------------------------------------- */

.bubble-bottom {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: bottom;
    transition-property: bottom;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
}
.bubble-bottom:hover:before, .bubble-bottom:focus:before, .bubble-bottom:active:before {
    bottom: -10px;
}
.rotating {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
    -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
    -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
    -o-transform: rotateX(0) rotateY(0) rotateZ(0);
    transform: rotateX(0) rotateY(0) rotateZ(0);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform-origin-x: 50%;
}
.rotating.flip {
    position: relative;
}
.rotating .front, .rotating .back {
    left: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.rotating .front {
    position: absolute;
    display: inline-block;
    -webkit-transform: translate3d(0,0,1px);
    -moz-transform: translate3d(0,0,1px);
    -ms-transform: translate3d(0,0,1px);
    -o-transform: translate3d(0,0,1px);
    transform: translate3d(0,0,1px);
}
.rotating.flip .front {
    z-index: 1;
}
.rotating .back {
    display: block;
    opacity: 0;
}
.rotating.spin {
    -webkit-transform: rotate(360deg) scale(0);
    -moz-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
    z-index: 2;
    display: block;
    opacity: 1;

    -webkit-transform: rotateY(180deg) translate3d(0,0,0);
    -moz-transform: rotateY(180deg) translate3d(0,0,0);
    -ms-transform: rotateY(180deg) translate3d(0,0,0);
    -o-transform: rotateY(180deg) translate3d(0,0,0);
    transform: rotateY(180deg) translate3d(0,0,0);
}
.rotating.flip.up .back {
    -webkit-transform: rotateX(180deg) translate3d(0,0,0);
    -moz-transform: rotateX(180deg) translate3d(0,0,0);
    -ms-transform: rotateX(180deg) translate3d(0,0,0);
    -o-transform: rotateX(180deg) translate3d(0,0,0);
    transform: rotateX(180deg) translate3d(0,0,0);
}
.rotating.flip.cube .front {
    -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
    -moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
    -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
    -o-transform: translate3d(0,0,100px) scale(0.85,0.85);
    transform: translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube .back {
    -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
    -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube.up .back {
    -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
    -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}	

/* ----------------------------------------------------
        CUSTOM STYLES
------------------------------------------------------- */
.contextual-links-region {position: static !important;}

/*wrapper padding override*/
.grey-wrapper.nopadding, .white-wrapper.nopadding, .nopaddingwrap {padding: 0 !important;}

.margin-top {margin-top: 12px !important;}
.paralax-service1 .parallax, .paralax-service1 .overlay {background: none;}
.paralax-service1 p.lead {color: #222 !important;}

.node-type-projects .view-projects-block {
    background-color: #f5f5f5;
    padding: 60px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}


/* Quicktabs ----------------------------------------------------  */
ul.quicktabs-tabs {
    background: none repeat scroll 0 0 #e1e1e1;
    border: 1px solid #d7d7d7 !important;
    overflow: hidden;
}
ul.quicktabs-tabs li {
    padding: 0;
}
ul.quicktabs-tabs li a {
    display: block;
    float: left;
    line-height: 1.42857;
    padding: 10px 15px;
    text-transform: uppercase;
}
/* Contact forms -------------------------------- */
.contact-form .form-type-textfield,
.contact-form .form-type-item,
.webform-client-form .webform-component-textfield,
.webform-client-form .webform-component-email  {
    float: left;
    margin: 0 2%;
    width: 45%;
}
.contact-form .form-type-textfield label,
.contact-form .form-type-item label,
.webform-client-form label {
    width: 100%;
}
.contact-form .form-type-textarea, .form-item-copy, .webform-client-form .webform-component-textarea {float: left; margin: 0px 2%; width: 94%;}
.contact-form .form-actions, .webform-client-form .form-actions  {float: right; margin-right: 4%; margin-top: 10px;}
.contact-form .form-submit, .comment-form .form-submit, .webform-client-form .form-submit  {text-transform: uppercase;}
abbr[title], abbr[data-original-title] {border: none; cursor: auto;}

#edit-actions a {font-size: 15px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;}

#footer-style-1 a.navbar-brand {
    color: #fff !important;
    height: auto;
    padding: 0;
    width: 100%;
    margin: 30px 0 23px;
}

/* Parallax ------------------------------------------------------------ */

.parallax-homepage .parallax {}
.parallax-home1 .overlay {background-color: rgba(247, 194, 33, 0.7);}
.parallax-home1 .testimonial-widget .lead, .parallax-home1 .testimonial-widget .testimonial .lead:after, .parallax-home1 .testimonial-widget .testimonial .lead:before {color: #222222 !important;}
.parallax-home1 .owl-controls .owl-page.active span, .parallax-home1 .owl-controls.clickable .owl-page:hover span {background-color: #222 !important;}

.parallax-white .parallax {background: #fff;}
.parallax-white .overlay {background-color: #fff;}
.parallax-white .testimonial-widget .lead, 
.parallax-white .testimonial-widget .testimonial .lead:after, 
.parallax-white .testimonial-widget .testimonial .lead:before {color: #222222 !important;}
.parallax-white .testimonial-widget .testimonial h3 {color: #222 !important;}
.parallax-white .owl-theme .owl-controls .owl-page span {background-color: #b8b8b8;}

.parallax-custom .parallax {background: url(../images/custom_wrapper_bg.jpg) repeat;}
.parallax-custom .overlay {background: none;}
.parallax-custom .testimonial-widget .lead, 
.parallax-custom .testimonial-widget .testimonial .lead:after, 
.parallax-custom .testimonial-widget .testimonial .lead:before {color: #222222 !important;}
.parallax-custom .testimonial-widget .testimonial h3 {color: #222 !important;}
.parallax-custom .owl-theme .owl-controls .owl-page span {background-color: #b8b8b8;}

/* Misc ----------------------------------------------- */

#header-style-1 .dropdown-menu li a:hover {
    color: #fff !important;
}
.buddy_carousel .owl-item .img-thumbnail {
    max-height: 94px;
    max-width: 94px;
}
.page-testimonials .team_member p.lead{
	font-family: "Lato",sans-serif;
    font-size: 14px;
}
table.sticky-table {width: 100%;}
.sticky-enabled  th{padding: 20px;}
.page-home-blog-2 .slider-shadow {display: none;}
.page-home-blog-2 .make-bg-full {padding: 20px 0;}
.recent_posts_widget li a {color: #222 !important; font-weight: normal;}
.recent_posts_widget li span a {font-style: italic;}
.recent_posts_widget li span i {font-style: italic;}
.pane-newsletter #newsletter-subscribe-form .form-text{
	background: #f5f5f5;
	border: 1px solid #efefef;
}
.blog-audio {
    width: 100%;
    border: none;
}
.blog-video {
    border: none;
}
.node-type-webform .blog-carousel {padding: 0px; border: medium none;}
.node-type-webform .blog-carousel-header {display: none;}

/* ------------------------------------------------ 
POSITION FLOAT CSS
---------------------------------------------------- */
.fright {float: right;}
.fleft {float: left;}



/* ------------------------------------------------ 
Header and footer
---------------------------------------------------- */

/* --- branding --- */

.navbar-brand {
    height: auto;
}

#illinoisbrand {
    overflow: auto;
}

    #imark {
    	width: 20px;
    	float: left;
        margin: 0px 12px 0 0;
    }

#dept, #dept a, #illinoisbold, #illinoisbold a {
    font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
    /*font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;*/
    /*font-size: 40px; 42px 30pt;*/
    font-weight: 800;
    color: #f16421 !important;
    line-height: 1.0;
    margin-left: 5px;
    }

#illinoisbold a {
    font-size: 30px;
    margin: 0;
}
    #headertextwrap.shrink #illinoisbold {
        display: none;
    }    

#dept .navbar-brand, #dept a.navbar-brand {
	padding-left: 0 !important;
}
	
#deptlong, #illinoisbold {
    /*font-family: 'Raleway', Helvetica, Arial, sans-serif !important;*/
    font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif !important;
	font-size: 26px;
    margin: 0;
    line-height: 1.0;
    font-weight: 400;
    /*position: absolute; bottom: -14px; left: 57px;*/
    color: #ffffff;
	}

    #headertextwrap.shrink #deptlong {
        position: relative;
        top: -35px;
        left: 35px;
        font-size: 20px;
    }

/* --- /// branding --- */

	
#header-style-1.dark_header #deptlong a, #header-style-1.dark_header #illinoislong a,
#header-style-1.dark_header #deptlong a:hover, #header-style-1.dark_header #illinoislong a:hover {
	color:#fff;
	}
	
#header-style-1.dark_header #deptlong a:hover, #header-style-1.dark_header #illinoislong a:hover {
	color:#ffffff;
	}

#dept.noshrink, #illinoislong.noshrink {
    display:none;
}

 #headertextwrap.noshrink, #illinoisbold.noshrink  {
    /*width: 90%;*/
    float: left;
}
#deptlong.noshrink {
    float: left;
    clear: both;
}

#navbarmain.noshrink, #navbarmain {
    padding-top: 100px;
}

#header-style-1.shrink {
padding: 4px;
}

#dept.shrink {
 height: 40px;
 display:block !important;
} 

#illinoislong.shrink, #illinoisbold.shrink {
    display:none !important;
}

#imark.shrink {margin:9px 9px 0 0;}
#imark.shrink img {
    height: 32px;
}

#headertextwrap.shrink {
    /*width: 90%;*/
    float: left;
}

#navbarmain.shrink {
    padding-top:0px;
}

	
/*search box new ----------*/

.search{
  position: absolute; /*relative;*/
  right: -5px;
  top: 78px; /*75*/
  display: inline-block;
}

#header-style-1.shrink .search {
  position: absolute; /*relative;*/
  right: -5px;
  top: 6px; /*8*/
  display: inline-block;
}

.search [class^="icon-"]{
  background: ##f16421; /*#3498db;*/
  color:#fff;
  border-radius:5px;
  display:inline-block;
  padding:6px 7px 7px;
  font-size:18px;
  text-shadow:1px 1px 2px #21638F;
  /*box-shadow: inset 0px 0px 0px #21638F;*/
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  cursor: pointer;
  z-index:10;
  position:relative;
}
.search [class^="icon-"]:hover{
  background: #5dade2;
  text-shadow:0px 0px 0px #21638F;
  box-shadow: inset 0px 0px 8px #21638F;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
}
.search_form{
  background: #5dade2;
  position:absolute;
  z-index:0;
  padding:0px 5px;
  right:0;
  top:15px;
  overflow: hidden;
  border-radius:10px;
  width: 20px;
  height:0px;
  transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
}
.search_form form{
  opacity:0;
   transition:all 0.3s ease-out;
  -webkit-transition:all 0.3s ease-out;
}
.search_form input{
  background:#fff;
  border:none;
}
.search_form input[type='text']{
  border-radius:5px 0 0 5px;
  width:150px;
  margin:0px 1px 0px 0;
  padding:0px 5px 1px;
  min-height:23px;
}
.search_form input[type='submit']{
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 11px;
    margin: -1px 0 0;
    min-height: 26px;
    padding: 0 5px;
    text-transform: uppercase;
	background: #ccc;
}

.search_form input[type='submit']:hover {
	background: #999;}

.search_box{
  visibility: hidden;
}
.search_box:checked~.search_form{
  width: 213px;
  height:36px; /*24px;*/
  padding:3px 8px 3px 12px;
  top:37px;
  z-index:1001;
  transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
}
.search_box:checked~.search_form form{
  opacity:1;
  transition:0.1s all ease-out 0.3s;
  -webkit-transition:0.1s all ease-out 0.3s;
}

.navbar-collapse {
    padding-right: 35px;
}


/* more search box items */

.cse input.gsc-input, input.gsc-input {
background-image:none !important;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: 1em!important;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #fff!important;
}

input.gsc-input {
	font-size: .9em!important;
	height: 1.5em!important;
}


form.gsc-search-box {
    font-size: 13px;
	margin-top: 2px!important;
	font-family: "Roboto",serif!important;
}

.gsc-input-box {
    background: none repeat scroll 0 0 #fff!important;
    border: 1px solid #d9d9d9!important;
    height: 25px!important;
    margin-top: 0px!important;
}

table.gsc-search-box td {
    vertical-align: top!important;
}

div.gsc-iw-id1 .gsc-input-box {
	margin-top: -2px!important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    height: 13px!important;
    margin-top: 0px!important;
    min-width: 11px!important;
    padding: 4px 8px!important;
    width: 11px!important;
}

.gsib_a  {
    padding: 0!important;
}
	

/* end search box*/

/* search and results page ------------*/

#search {
	float: right;
	margin: 8px 6px 0px 30px;
}

#search label {
	display: none;
}

#search input {
	font-size: 0.8em;
}

#search input.form-text {
	width: 120px;
}

#search input.form-submit {
	font-weight: bold;
}


.page-search #content-container {
  background: url('') #fff;
}

.page-search #left-sidebar {
  display: none;
}

.page-search #page-content {
  /*width: 875px;*/
}

.searchresult {
	margin-bottom: 20px;
} 

#newsearch {
    float: right;
    height: 35px;
    margin: -5px 0 0 0;
    overflow: hidden;
    width: 300px;
}

#newsearch table {
	margin-top: 0;
	border-style: none;
	border-width: 0;
}

/* result page items */

.gcsc-branding {
    display: none!important;
}

table.gsc-resultsHeader, td.gsc-twiddleRegionCell, td.gsc-configLabelCell {
	border: none!important;
}

.gsc-above-wrapper-area {
    border-bottom: none!important;
    padding: 5px 0;
}

td.gsc-table-cell-thumbnail, td.gsc-table-cell-snippet-close, table.gsc-table-result {
	border: #fff!important;
}

table.gsc-table-result {
	margin-top: 2px!important;
}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    color: #142466!important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0!important;
    width: auto;
}

.gs-result .gs-title, .gs-result .gs-title * {
    color: #0000cc;
    text-decoration: none!important;
}

table.gsc-table-result tbody {
    border-top: 1px solid #fff!important;
}

	
/*to sticky footer on page-----------------------*/

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 32px;
}


/* sticky footer style --------------------------------------------------*/

#footermenu {
  background: none repeat scroll 0 0 #121f33; /*#393a3a;*/
  border: 0 none;
  bottom: 0;
  height: auto;
  /* min-height: 45px; * NOTE: can be removed */
    /*opacity: 0.85; */
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 9;

  /*above from https://www.drupal.org/node/1920292 */

  /* bootstrap 3 method is below, doesn't work here
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;*/
}
#footermenu .social-icons {
    /*padding:5px; was 0;*/
    padding: 10px 5px 5px;
    display:block; 
    overflow:hidden;
	float: right;
    margin: 0 -15px 0 0;
}

#footermenu .social-icons span a, #footermenu div.iconentry a {
    border-left: none;
    font-size:14px;
    text-align:center;
    width:40px;
    height:32px; /*42px;*/
    line-height:32px; /*42px;*/
    overflow:hidden;
    display:block;
    float:left;
	color:#fff !important;
    -webkit-border-radius: 03px;
    -moz-border-radius: 03px;
    border-radius: 03px;
}

#footermenu .social-icons span:hover a, #footermenu div.iconentry:hover a {
    color:#0CF !important;
    -webkit-border-radius: 03px;
    -moz-border-radius: 03px;
    border-radius: 03px;
}

.footer-menu ul{
    list-style:none;
    list-style-position:outside;
    float:left; /*right;*/
    display:inline;
    /* margin: 5px 5px 5px -5px;
	padding: 10px 0 0 0; was 10px*/
    margin: 8px 5px 8px -5px;
    padding: 10px 0;
}   
.footer-menu li{ 
    line-height:15px;
    float:left;
    padding:0 7px; 
    text-transform: uppercase;
    font-size: 15px; 
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}
.footer-menu li a {
    color:#c3c3c3;
}

#footer-style-1 div.footerwhite {
	margin:30px 0 10px 0;
    font-size: 22px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

#footer-style-1 div.footerreg {
	font-size: 16px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
    font-weight: 400; /*500;*/
    color:#fff;
}

#footer-style-1 div.footerwhite {
    font-size: 22px;
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif !important;
    font-weight: 600;
}

#footer-style-1 div.footerreg a, div.footerwhite a {
color: #fff !important;
text-shadow: 1px 1px #666 !important;
}

#footer-style-1 div.footerreg a:hover, div.footerwhite a:hover {
color: #0072a7 !important;
}

/* anchor tages on pges --------------------*/

a.anchor{display: block; position: relative; top: -70px; visibility: hidden;}

/* facts block ---------------------------- */

.factblock {
	margin-top: 40px;
}
	

.robofade {
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	/*zoom: 1;*/
	filter: alpha(opacity=60);
	opacity: 0.6;
	color: #666;
}

.robowhite, .robowhite a {
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	color: #fff;
}

.ralewaywhite, .ralewaywhite a {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	color: #fff;
	text-shadow: 1px 1px #666 !important;
}

.marginleft10 {
	margin-left: 10px;
}

.marginleft60 {
	margin-left: 60px;
}

.font100 {
	font-size: 100px;
}

.font80 {
	font-size: 80px;
}

.font70 {
	font-size: 70px;
}


.font64 {
	font-size: 64px;
}

.font44 {
	font-size: 44px;
}

.font16 {
	font-size: 16px;
}


/* newstitle front ------------------------ */

div.newstitle h2 {
	color: #f47324;
	font-family: 'Roboto Condensed', serif;
	font-weight: 600;
	font-size: 40px;
	margin-left: 100px;
}

	
/* faculty feature ------------------------ */
#facultyphotowrap {
	 height: 320px;
 }

#facultyphotowrap .img {
	float: right;
	position: relative;
}
	

div.facultytitle h2 {
	color: #00a2d8;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	font-size: 40px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.photomod {
	/*float: left;
	position: relative; */
	}

.facultyname {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	font-size: 36px;
	}

.facultyname2 {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	font-size: 20px;
	}
	
.facultybio {	
	color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px; /*24px;*/
	margin-top: 15px;
	}

#facultyfeaturetext .btn, #facultyfeaturetext a.btn {
	background-color: #3498db;
	color: #fff;
	margin-right: 20px;
}

#facultyfeaturetext a.btn:hover, a.btn:focus {
	background-color: #0CF;
	color: #fff;
}

.greenlink a {	
	color: #cdc818;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px; /*24px;*/
	}

/* Directory -------------------------------------------------------------*/
#directorytabs ul, #biodata ul {
    padding-left: 0px;
}


.dirlist article {
    float: left;
    height: 280px; /*330px;*/
    margin: 20px 10px 20px 0;
	padding: 0;
	display: block;
	font-size: 0.98em;
	/*font-family: "Raleway",sans-serif;*/
    width: 25%;
}

.dirlist article .photo {
    height: 170px; /*180 or 210px;*/
    margin-bottom: 4px;
    overflow: hidden;
}

.dirlist article .photo img {
border: none;
padding: 0;
width: 160px;
}

.dirlist article .role .location, .dirlist article .role .phone, .dirlist article .role .email {

}

.dirlist article .role .name {
	font-weight: 600;
}

.dirlist article .role .location {
	display: none;
}

.dirlist article .image-caption-container, .dirlist article .caption {
    background: #fff none repeat scroll 0 0;
    height: 0;
    padding: 0;
}

.dirlist article .role .email {font-size: .95em;}

.dirlist article.extDirectoryPerson2 {
    float: left;
    height: auto; /*260px; 330px;*/
    margin: 10px 20px 15px 0; /*20px 20px 20px 0;*/
    padding: 0;
    display: block;
    font-size: 0.98em;
    /*font-family: "Raleway",sans-serif;*/
    width: 80%;
}

.dirlist article.extDirectoryPerson3 {
    border: 1px solid silver;
    display: block;
    float: left;
    font-size: 0.98em;
    height: auto;
    margin: 10px 20px 15px 0;
    padding: 15px;
    width: 95%;
}

.dirlist article.extDirectoryPerson3 .rolewrap {
    display: inline-block;
    width: 30%;
    margin: 0 20px 0 0;
}


.dirlist article.extDirectoryPerson3 .reswrap {
    display: inline-block;
    width: 60%;
    margin: 0 20px 0 0;
    /*width: 150px;
    height: 150px;
    overflow: scroll;*/
}

.dirlist article.extDirectoryPerson3 .biodata_label {font-size: 18px; font-weight: 500; line-height: 22px; margin: 0 0 6px -12px;}

.dirlist article.extDirectoryPerson3 .biowrap {
    display: inline-block;
    width: 60%;
    margin: 0 20px 0 0;
    /*width: 150px;
    height: 150px;
    overflow: scroll;*/
}

/*directory detail page */


body.directory.profile .section.title .container .callout .photo_image {
    height: 320px;
    margin-bottom: 3px;
    overflow: hidden;
}

.callout img {
padding: 0 0 -3px 0;
}

body.directory.profile .section.title .container .callout {
    height: 350px;
    padding: 10px;
    right: 10px;
}
.callout {
    background-color: #ffffff;
    display: block;
    overflow: hidden;
    padding: 0; /*30px 30px 30px 20px;*/
	z-index: 1;
    /*
	height: 250px;
	position: absolute;
    right: -20px;
    top: 30px;
    width: 300px; */
}

.boxshadow {
    /*box-shadow: 1px 1px 3px #474747;*/
}

.callout .photo {
    border: 1px solid silver;
    margin: 0 10px 0 0;
    padding: 10px;
    max-width: 238px;
	}

.dirprofile .roles {
    /*display: inline-block;*/
	margin: 0 0 0 20px;
    padding: 0;
}

/*.dirprofile .roles .role {
    float: left;
    margin: 0 40px 20px 0;
}*/


.dirprofile div.primary, 
.dirprofile div.notprimary {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    width: 100%;
    /*height: 1px;
    margin-left: -9999px;*/
}

.dirprofile .roles .role .title, .dirprofile .roles .extProfileTitle  {
    font-weight: bold;
	font-size: 1.7em;
    margin: 0 0 10px;
}

.dirprofile .roles .role .groups, .dirprofile .roles .extProfileRoleGroups, .dirprofile .roles .extProfileAddress, .dirprofile .roles .role .address {
    margin: 0 0 7px;
}


.dirprofile .roles .role .phone, .dirprofile .roles .extProfilePhone {
    margin: 0 0 10px;
}


.dirprofile .roles .extProfileRole {
	display: inline-block;
	float: left;
	width: 300px;
	margin: 0 0 20px;
	}
	
.dirprofile h2, .biodata h2 {
	  font-size: 1.6em; /*2em*/
	  color: #6d6969;
}

div.admin_link_list {
    clear:both;
    border-top: 1px solid silver;
    margin: 10px 0;
    padding-top: 10px;
}

div.admin_link_list ul {
    padding-left: 7px !important;
}

div.admin_link_list h2 {display:none;}

/* hide extra roles - benito, lefave, roesler */

#role_7625 { display: none; }

#role_61278  { display: none; }

#role_61276 { display: none; }

#role_7135 { display: none; }


#role_61277 .address, #role_61277 .phone, #role_61277 .emailnotes, #role_61277 .email, #role_61277 .room, #role_61277 .street, #role_61277 .city { height: 1px;
    margin: 0 0 0 -9999px;}


#role_72334 .email, article.extDirectoryPerson.72334.ahendron .role .email { display: none !important;}  /*non working faculty emails*/

#listrole_72334 .email {display: none;}


#role_61276, #role_61278, #role_61277,  #role_7135 {margin-bottom: -5px;}

/* biodtata tabs ----*/

div.biodata {
    display: block;
    min-height: 500px;
    margin: 30px 0 30px 0;
}

.tab-content {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}


/*Research subtopics lists */

div.subtopics ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.subtopics ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.subtopics ul li {
    float: left;
    height: 150px;
    margin: 30px;
    padding: 5px;
    width: 200px;
}

div.subtopics ul li ul {
    display: inline-block;
    width: 200px;
}

div.subtopics ul li ul li:not(:last-child)::after {
    content: ", ";
}
div.subtopics ul li ul li {
    display: inline;
    height: 25px;
    margin: 0;
    width: auto;
}

/*test search block settings until orig responsive */

#block-search-form input[type="text"] {
    top: 165px;
}
#block-search-form input[type="text"] {
    left: auto;
    top: 146px;
    width: 220px;
}
#block-search-form input[type="text"] {
    border: 10px solid #005da5;
    display: block;
    left: 0;
    padding: 2px 5px;
    position: absolute;
    right: 0;
    top: 131px;
    width: 100%;
}

/*block edit icon */

a.contextual-links-trigger {
    height: 28px;
}
 
/* old international menus */
#block-tb-megamenu-menu-main-menu-france {
	display: none;
}
#block-tb-megamenu-menu-main-menu-germany {
	display: none;
}

/*  Related Stories block -------- */

#block-views-related-stories-block ul, #block-views-recent-news-posts-block-1 ul {
    list-style: outside disc !important;
    padding: 0 0 0 15px !important;
}

#block-views-recent-news-posts-block-1 {
    width: 90%;
}

/* Front Page calendar mouseover --------------------------*/

.cal_nav {
    float: left;
    margin: 3px 0 10px;
}

.section .container .cal_nav ul {
    list-style-type: none;
    margin: 0;
}
.cal_nav ul li {
    width: 400px;
}
.cal_nav ul li a {
    background-color: #ffffff;
    display: block;
    margin: 0 0 1px;
    padding: 20px 35px;
    text-transform: uppercase;
}
.cal_nav ul li a {
    background-color: #ffffff;
    display: block;
    margin: 0 0 1px;
    padding: 20px 35px;
    text-transform: uppercase;
}
.cal_nav ul li a.on {
    background-color: #f26322;
    color: #ffffff;
}
#cal_list {
    display: inline-block;
    float: left;
    margin: 0 0 10px 30px;
    width: 500px;
}
#cal_list article {
    display: inline-block;
    height: 75px;
    margin: 0 0 20px;
    width: 100%;
}
#cal_list article .datetile {
    background-color: #dcdcdc;
    display: block;
    float: left;
    height: 60px;
    margin: 3px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 60px;
}
#cal_list article .datetile .day {
    background-color: #757575;
    color: #ffffff;
    font-size: 0.8em;
    padding: 3px 0;
}

#cal_list article .datetile .date {
    color: #ffffff;
    font-size: 2em;
    padding: 3px 0 0;
}

#cal_list article .event {
    margin: 0 0 0 80px;
}

#cal_list article .event .title {
    margin: 0 0 2px;
}

#cal_list article .event .time, #cal_list article .event .location {
    font-size: 0.8em;
    margin: 0 0 2px;
}

#cal_list article .event .time, #cal_list article .event .location {
    font-size: 0.8em;
    margin: 0 0 2px;
}

/*test buttons ------------------------*/


#upcoming .nav-pills > li.active > a, #upcoming .nav-pills > li.active > a:hover, #upcoming .nav-pills > li.active > a:focus {
    background-color: #428bca;
    color: #ffffff;
}

#upcoming  .nav-stacked > li > a, #upcoming  .nav-pills > li > a {
padding: 25px;
text-transform: uppercase;
}

#upcoming  .nav-stacked > li > a:focus {
    background-color: #fff;
    color: #000;
    outline: 0;
}

#upcoming .nav-stacked li {
    border-color: #efefef !important;
    border-style: solid !important;
    border-width: 1px !important;
}

/* ----------- Calendar overrides ---------------------------------*/

#pc-2677 #edu-il-ws-2677-3-wrapper .event-2677-3-date-image {
    background: #e8e8e8 none repeat scroll 0 0 !important;
    float: left;
    margin-right: 20px;
}


#pc-2677 #edu-il-ws-2677-3-wrapper .edu-il-ws-2677-3-content .event-2677-3-date-image .date .date-month {
    background: #f16421 none repeat scroll 0 0!important;
    color: #fff!important;
    font-family: roboto!important;
    font-size: 14px!important;
    font-weight: bold;
    line-height: normal;
    margin: 0;
    padding: 5px 20px!important;
}

#pc-2677 #edu-il-ws-2677-3-wrapper .edu-il-ws-2677-3-content .event-2677-3-date-image .date .date-day {
    color: #555555!important;
    font-family: roboto!important;
    font-size: 20px!important;
    padding: 5px 10px!important;
    text-align: center;
}

#pc-2677 #edu-il-ws-2677-3-wrapper .edu-il-ws-2677-3-time {
    color: #555555!important;
    font-family: roboto!important;
    font-size: 15px!important;
    font-style: italic;
    margin-bottom: 7px;
    margin-top: 1px;
}

#pc-2677 #edu-il-ws-2677-3-wrapper .edu-il-ws-2677-3-content .edu-il-ws-2677-3-title-with-date a {
    color: #444444!important;
    font-family: roboto!important;
    font-weight: bold;
    text-decoration: none;
}

#pc-2677 #edu-il-ws-2677-3-wrapper .edu-il-ws-2677-3-content .edu-il-ws-2677-3-title-with-date a:hover {
    color: #f16421 !important;
    font-family: roboto!important;
    font-weight: bold;
    text-decoration: none;
}

#pc-2677 #edu-il-ws-2677-3-wrapper .edu-il-ws-2677-3-content .edu-il-ws-2677-3-title-with-date {
    font-size: 17px!important;
    line-height: 22px!important;
}

/*Courses css --------------------------------------------*/

/* Courses css ------------------------ */

.extCourses { display: block; width: 690px; margin: 0px 0px 10px 0px; }
.extCoursesTabsLabel { display: none; }
.extCoursesListTitle { font-size: 1.4em; font-weight: bold; margin: 15px 0px 5px 0px; }
.extCoursesList { display: block; width: 100%; border: 1px solid #FB9E2F; }
.extCourse { display: inline-block;  border-bottom: 1px dotted #FB9E2F; width: 678px; background-color: #ffffff;  padding: 6px;}
.extCourseData { display: none; }
.extCourseRubric { float: left; width: 85px; min-height: 15px; margin: 2px; }
.extCourseTitle { float: left; width: 360px; min-height: 15px; margin: 2px; padding-right: 10px; }
.extCourseWebsite { float: left; width: 90px; min-height: 15px; margin: 2px;  }
.extCourseUrl { display: none; float: left; width: 150px; min-height: 15px; margin: 2px;  }
.extCourseTimeTableLink { float: left; width: 100px; min-height: 15px; margin: 2px;  }
.extCourseAction { display: none;  }
.extCourseDisplay { display: none;}

#extCoursesTabs {  }
#extCoursesTabs ul { list-style-type: none; display: inline-block; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #ededed;; width: 100%; }
#extCoursesTabs ul li { float: left; padding: 0px; margin: 0px 10px 0px 10px; }
#extCoursesTabs ul li a { display: block; height: 40px; padding:5px 10px 5px 10px; border: 1px solid #ededed;; border-bottom: 1px solid #e0e0e0; background-color: #fff; }
#extCoursesTabs .on { background-color: #3498db; text-decoration: none; border-bottom: 1px solid #ffffff; color:#fff;}
#extCourseTab1Container { display:none; }
#extCourseTab2Container { display:none; }
#extCourseTab3Container { display:none; }

.extCoursesTermTabsLabel { display: none; }
#extCoursesTermTabs { margin: 19px 0px 10px 0px;}
#extCoursesTermTabs ul { list-style-type: none; display: inline-block; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #ededed;; width: 100%; }
#extCoursesTermTabs ul li { float: left; padding: 0px; margin: 0; }
#extCoursesTermTabs ul li a { display: block; height: 40px; padding:5px 10px 5px 10px; border: 1px solid #ededed; border-bottom: 1px solid #e0e0e0;  background-color: #fff; }
#extCoursesTermTabs .on { background-color: #3498db; text-decoration: none; border-bottom: 1px solid #ffffff; color:#fff; }

.extCoursesTimeTable table { width: 100%; }
.extCoursesTimeTable { /*max-height: 189px; overflow: auto; */ margin-bottom: 20px;}

.extCoursesProfileHeading { margin: 0px 0px 10px 0px;}
.extCoursesProfileHeading h4 { margin: 0px;}
.extCoursesProfileContent { margin: 0px 0px 25px 20px; line-height: 1.4em;}
#extCoursesProfileItem65 { display: none; }

.gentable > thead > tr > th {
    border: 1px solid #ededed;
    vertical-align: middle;
}
.gentable {
    margin-bottom: 20px;
    width: 100%;
}

.gentable > thead > tr > th {
    border: 1px solid #ededed;
    vertical-align: middle;
}
.gentable > thead > tr > th, .table > tbody > tr > th, .gentable > tfoot > tr > th, .gentable > thead > tr > td, .gentable > tbody > tr > td, .gentable > tfoot > tr > td {
    border-top: 1px solid #ededed;
    line-height: 1.42857;
    padding: 15px;
}

.gentable > thead > tr > th, .gentable > tbody > tr > th, .gentable > tfoot > tr > th, .gentable > thead > tr > td, .gentable > tbody > tr > td, .gentable > tfoot > tr > td {
    border-top: 1px solid #ededed;
    line-height: 1.42857;
    padding: 15px;
}

.alumnibox {
   background: #e8e8e8 none repeat scroll 0 0;
    display: inline-block;
    float: left;
    font-size: 1em;
    height: 280px;
    margin: 20px 20px 20px 0;
    padding: 10px;
    width: 200px;
}

.alumnibox2 {
   background: #e8e8e8 none repeat scroll 0 0;
    display: inline-block;
    float: left;
    font-size: 1em;
    height: 395px;
    margin: 10px 30px 20px 0;
    padding: 10px;
    width: 250px;
}

.awardyear {font-size: 28px; line-height:34px; color: #333; font-weight: 600; margin-bottom: 25px;}

.awardcitation {font-size: 20px; line-height: 28px; color: #aec737; font-weight: 400; font-style: italic;  margin-bottom: 25px;}

#block-views-alumni-list-block h2, #block-views-alumni-list-block-1 h2,  #block-views-alumni-list-block-2 h2,  #block-views-alumni-list-block-3 h2, #block-views-alumni-list-block-4 h2,  #block-views-alumni-list-block-5 h2,  #block-views-alumni-list-block-6 h2,  #block-views-alumni-list-block-7 h2,  
 #block-views-alumni-list-block-8 h2, #block-views-alumni-list-block-9 h2,  #block-views-alumni-list-block-10 h2,  #block-views-alumni-list-block-11 h2,  #block-views-alumni-list-block-12 h2,  
 #block-views-alumni-list-block-13 h2,  #block-views-alumni-list-block-14 h2 {
    clear: both;
    margin: 40px 0 -20px 0;
    font-size: 40px;  /*32*/
    line-height: 42px; /*39*/
    font-family: 'Roboto Condensed', sans-serif;

}

#block-views-alumni-list-block h3, #block-views-alumni-list-block-1 h3,  #block-views-alumni-list-block-2 h3,  #block-views-alumni-list-block-3 h3, #block-views-alumni-list-block-4 h3,  #block-views-alumni-list-block-5 h3,  #block-views-alumni-list-block-6 h3,  #block-views-alumni-list-block-7 h3,  
 #block-views-alumni-list-block-8 h3, #block-views-alumni-list-block-9 h3,  #block-views-alumni-list-block-10 h3,  #block-views-alumni-list-block-11 h3,  
 #block-views-alumni-list-block-12 h3,  #block-views-alumni-list-block-13 h3,  #block-views-alumni-list-block-14 h3 {
    clear: both;
    padding: 20px 0 0;
    margin: 0;
}

/*--------- footer image overrides ------------*/

#block-views-facts-display-block .content a img {
  padding:5px;
  background: transparent;
}

#block-views-facts-display-block  .content a:hover img {
  background: transparent;
}

/* corporate logo view -------------------------------------------------*/

.corplogo {height:120px; width:220px; margin: 0 10px 10px 0;}

/* more overrides to blocks and content types ------------------------ */

div.post-type, span.spancategory, span.spanauthor {display: none;}

#block-block-108 img {margin-left: 60px;}

#block-block-130 {margin-top: -20px;}

div.contacttext {width:310px;}

/*slider------------------------------------------------------------------*/


/*.slide--caption--stage-left .slide__constrained > .slide__caption, .slide--caption--stage-right .slide__constrained > .slide__caption, .slide--caption--stage-zebra .slide__constrained > .slide__caption {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    left: 50%;
    margin-left: -41%;
    padding: 10px;
    width: 45%;
}*/

.slick--skin--fullwidth .slide__constrained > .slide__caption, .slick--skin--fullscreen .slide__constrained > .slide__caption {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    left: 50%;
    margin-left: -35%;
    margin-top: 5%;
    padding: 40px 15px 40px 15px;
    width: 40%;
}

.slick--skin--fullwidth .slide__constrained {
    left: 50%;
    margin-left: -49%;
    position: absolute;
    top: 20%;
    width: 80%;
    z-index: 2;
}

#block-views-test-slider-block  .content img, #slick-asnavfor2-slider .content img, .content img.slick__image {
    outline: 0 none;
    padding: 0;
}

.slick--skin--fullwidth .slide__media img {
    padding: 175px 0 0;
    width: 100%;
}

#block-views-test-slider-block  h2 a, #slick-asnavfor2-slider h2 a, h2.slide__title a  {
    color: #fff !important;
    text-decoration: none !important;

}

#block-views-test-slider-block  h2 a:hover, #slick-asnavfor2-slider h2 a:hover, h2.slide__title :hover  {
    color: #f16421 !important;
    text-decoration: none !important;

}

.slick--skin--fullwidth .slide__title {
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
    text-transform: uppercase;
    opacity: 1.0;
    color: #fff !important;
        /*font-size: 5rem;
    line-height: 1;*/
}
.slide__title {
    line-height: 1.2;
    margin: 10px 0 5px;
}

.slick--skin--fullwidth .slide__caption {
    /*font-size: 2rem;*/
    color:#fff;
    font-family: "Roboto",sans-serif;
    font-size: 29px;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 32px;
}


.slick-prev::before, .slick-next::before {
    color: white;
    font-family: "slick";
    font-size: 5rem;
    line-height: 1;
    opacity: 0.75;
}
.slick-arrow::before {
    color: #ff6d2c;
    font-size: 5rem;
}

.slick-arrow, .slick-down {
    border: 0 none;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 50px;
    pointer-events: auto;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    width: 50px;
}

.slick__arrow {
    bottom: auto;
    display: none;
    height: 2px;
    left: 0;
    margin-top: -1px;
    pointer-events: none;
    position: absolute;
    top: 60%;
    width: 100%;
    z-index: 2;
}

.slick-prev {
    left: 20px;
}

.slick-next {
    right: 20px;
}

.slick-dots {
    bottom: -70px;
    display: block;
    list-style: outside none none;
    margin: 0 0 30px;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}


.slick-dots li button::before {
    font-size: 2rem;
}
.slick-dots li button::before {
    color: #e16f18;
    content: "•";
    font-family: "slick";
    font-size: 20px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}

#slick-asnavfor2-slider { display: none; }
#slick-asnavfor2-slider.slick-initialized,
#slick-asnavfor2-slider.slick-slide:first-child { display: block; } 

/* ----------------------------------------------------
        RESPONSIVE
------------------------------------------------------- */
@media (min-width: 1090px) {
  .block-sidebar-menu ul.menu {
    margin-right: 40px;
  }
}
.search-trigger button {
  background-image: url("/sites/all/themes/ari/images/icon-search.png");
  background-size: 20px 20px;
  background-color: transparent;
  text-indent: -9999px;
  border: none;
  width: 20px;
  height: 20px;
}

#block-search-form input[type="text"] {
  position: absolute;
  top: 131px;
  left: 0;
  right: 0;
  border: 10px solid #005da5;
  padding: 2px 5px;
  display: block;
  width: 100%;
}
#block-search-form input[type="submit"] {
  position: absolute;
  left: -9999px;
}

@media (min-width: 740px) {
  #block-search-form {
    right: 10px;
  }
  #block-search-form input[type="text"] {
    width: 220px;
    top: 146px;
    left: auto;
  }
}
@media (min-width: 1090px) {
  #block-search-form input[type="text"] {
    top: 165px;
  }
}

/*original responsive below */
@media (max-width: 1360px) {
    .slick--skin--fullwidth .slide__caption {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 26px;
    }
}


@media (max-width: 1200px) {

	
	.dirprofile .roles {
		margin: 0 0 0 20px;
	}
	
	.navbar-collapse {
    padding-right: 25px;
    }

    #footermenu .social-icons span a, #footermenu div.iconentry a {
    width: 34px;
    }

	.search {
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 75px;
}


	
}

@media (max-width: 1190px) {

    #block-block-108 img {margin-left: 10px;}
    div.contacttext {width:210px;}

    .slick--skin--fullwidth .slide__caption {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 24px;
}


}

@media (max-width: 995px) {
#footer-style-1 div.footerreg {
    margin-bottom: 20px;
}

.search {
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 80px;
}

#blog-masonry .blog-carousel, .page-blog-two-columns .blog-carousel, .page-blog-three-columns .blog-carousel,
.pane-views-latest-blog-block-home9 .blog-carousel, .view-display-id-block_lastest_posts .blog-carousel, .front .pane-views-latest-blog-block-home9 .blog-carousel,   {
    height: auto;}

#news-masonry .news-carousel, .page-news-two-columns .news-carousel, .page-news-three-columns .news-carousel,
.pane-views-latest-news-block-home9 .news-carousel, .view-display-id-block_lastest_posts .news-carousel, .front .pane-views-latest-news-block-home9 .news-carousel,   {
    height: auto;}

.post-wrapper-top {
    margin-top: 125px;
}

.mainfeature-wrapper {
    /*margin-top: 100px;*/
    margin-top: 0px;
    }


}

@media (min-device-width: 980px) and (max-device-width: 1024px) {

#header-style-1 .dropdown-menu li a {
    font-size: 13px;
}

#header-style-1 .yamm-fw .dropdown-menu li a {
    padding: 2px 5px;
}

.tb-megamenu .dropdown-menu li > a {
    line-height: 15px;    
}

}

@media (min-device-width: 980px) and (max-device-width: 991px) {

/*#header-style-1.shrink .search {
    display: inline-block;
    position: absolute;
    right: -5px;
    top: 55px;
}*/

#footermenu .social-icons {
    float: left;
    margin: 0 0 0 -15px;
}

}

@media (max-width: 979px) {

    .tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse.collapse {
        z-index: 500;
    }
    #header-style-1 .dropdown-menu li a {color: #fff !important;}
    #header-style-1 .dropdown-menu li a:hover, #header-style-1 .dropdown-menu li a:active, #header-style-1 .dropdown-menu li a .active-trail {background-color: #3498db !important;}
    #header-style-1 .yamm .nav, #header-style-1 .yamm .collapse, #header-style-1 .yamm .dropup, #header-style-1 .yamm .dropdown {
        position: relative;
    }
    #header-style-1 li a .dropdown-submenu .active .active-trail, #header-style-1  .tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
        background: #747272 !important;
    }
    #header-style-1  .tb-megamenu .mega-nav .mega-group > .mega-group-title:hover, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover {
        background: #3498db !important;
    }
    #header-style-1 .dropdown-menu li.level-2:hover > a, #header-style-1 .dropdown-menu li.level-2:hover > a::before, #header-style-1 .dropdown-menu li.level-2.active > a, #header-style-1 .dropdown-menu li.level-2.active > a::before, #header-style-1 .dropdown-menu li.level-3.active > a, #header-style-1 .dropdown-menu li.level-3.active > a::before, #header-style-1 .dropdown-menu li.level-3:hover > a, #header-style-1 .dropdown-menu li.level-3:hover > a::before {
        background-color: #131f33 none repeat scroll 0 0 !important;
        color: #fff;
    }

    #header-style-1 .dropdown-menu li.level-2:hover > a,
    #header-style-1 .dropdown-menu li.level-2.active > a,
    #header-style-1 .dropdown-menu li.level-3.active > a,
    #header-style-1 .dropdown-menu li.level-3:hover > a
    {
        background-color: #131f33 none repeat scroll 0 0 !important;
        color: #fff;
    }

    .yamm-fw .mega-dropdown-inner {

    }
    .subwrap .mega-dropdown-inner {
        background: transparent;
    }

    .tb-megamenu .btn-navbar {
        position: absolute;
        right: 0;
        top: -45px;
    }

    .search {
        display: inline-block;
        position: absolute;
        right: 40px;
        top: 30px;
    }

    .slick--skin--fullwidth .slide__title {
        font-size: 3.5rem;
        line-height: 1;
        opacity: 1;
        text-transform: uppercase;
    }
    .slick--skin--fullwidth .slide__constrained {
        left: 50%;
        margin-left: -49%;
        position: absolute;
        top: 25%;
        width: 80%;
        z-index: 2;
    }

    div.eventsfrontwrapper {height: auto;}

    #header-style-1.shrink .search {
        display: inline-block;
        position: absolute;
        right: 50px;
        top: 10px;
    }

    #footermenu .social-icons {
        float: left;
        margin: 0 0 0 -15px;
    }

}

@media (max-width: 800px) {

    #dept, #dept a {
        font-size: 30px;
    }

    .tb-megamenu .btn-navbar {
        position: absolute;
        right: 0;
        top: -65px;
    }
        nav.shrink .tb-megamenu .btn-navbar {
            top: -45px;
        }

    .search {
        display: inline-block;
        position: absolute;
        right: 50px;
        top: 10px;
    }

    .front .blog-masonry .blog-carousel, .front .news-masonry .news-carousel {
        height: auto;
    }

}



@media (max-width: 767px) {

    #headertextwrap.shrink {
        width: 80%;
    }

    .post-wrapper-top {
    margin-top: 125px;
    }

	.breadcrumb {
		float: none;
		padding: 10px 0;
		margin: 0;
		clear: both;
	}
	.footer-menu li {
   		padding: 7px;
	}
	#footermenu .social-icons {
   		float: none;
    	clear: both;
		padding: 5px 0 5px 0;
	}

    .footer-menu ul {
        display: none;
    }

    .header_center .navbar-collapse.collapse {
        text-align: left;
        height: auto !important;
        overflow:auto !important;
    }
    .header_center .navbar-nav {
        display:inherit !important;
        float: inherit !important;
        margin: 0;
    }
    ul.timeline:before {
        left: 40px;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }
    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .btn-lg,
    .mini_title2 {
        font-size:11px !important;
    }
    #topbar .topbar-email, 
    #topbar .topbar-phone, 
    #topbar .topbar-login, 
    #topbar .topbar-cart,
    .topmenu,
    .copyright-text,
    .menu,
    .callus {
        border:none;
        float:none !important;
        clear:both !important;
        text-align:center !important;
        margin:auto;
    } 
    
    #edit-update{
        clear: both;
        float: right;
        margin-right: 0 !important;
    }
	#topbar .container #block-locale-language {top: 84px;}
	
    #headertextwrap.noshrink,  #illinoisbold.noshrink  {
        width: 80%;
        float: left;
    }


    #navbarmain.noshrink, #navbarmain {
        padding-top: 20px;
    }

    #deptlong {
        font-size: 20px;
    }

    .tb-megamenu .btn-navbar {
        position: absolute;
        right: 0;
        top: -65px;
    }

    .search {
        display: inline-block;
        position: absolute;
        right: 50px;
        top: 10px;
    }

     .slick--skin--fullwidth .slide__title {
        font-size: 3rem;
        line-height: 1;
        opacity: 1;
        text-transform: uppercase;
    }
    .slide--caption--stage-left .slide__constrained > .slide__caption, .slide--caption--stage-right .slide__constrained > .slide__caption, .slide--caption--stage-zebra .slide__constrained > .slide__caption {
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
        left: 50%;
        margin-left: -38%;
        padding: 10px;
        width: 70%;
    }
        .slick--skin--fullwidth .slide__caption {
        color: #fff;
        font-size: 0.9em;
    }

    .dmtop {
        z-index:999;

    }
}

@media (max-width: 480px) {

    #headertextwrap.shrink {
        width: 60%;
    }

   #navbarmain.shrink .tb-megamenu .btn-navbar {
        position: absolute;
        right: 0;
        top: -45px;
    }

    #header-style-1 {
        padding: 10px 0 8px;
    }

    /*#imark {
        float: left;
        width: 35px;
    }

   .navbar-header img {
    height: 25px;
    }

   #imark.shrink img {
    height: 25px;
    }*/

	.tparrows {display: none;}
	.portfolio-filter li {
	  display: inline-table;
	  margin-bottom: 5px;
	}
	.tp-bullets {bottom: 0 !important;}
	
	/*#deptlong, #illinoislong, #deptlong.noshrink {
	height: 1px;
    margin-left: -9999px;
	}

	#dept, #dept a, #illinoisbold, #illinoisbold a {
    font-size: 25px;}
    */
        .slick--skin--fullwidth .slide__constrained {
        left: 60%;
        margin-left: -50%;
        position: absolute;
        top: 30%;
        width: 100%;
        z-index: 2;
    }

    .slide--caption--stage-left .slide__constrained > .slide__caption, .slide--caption--stage-right .slide__constrained > .slide__caption, .slide--caption--stage-zebra .slide__constrained > .slide__caption {
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
        height: 140px;
        left: 50%;
        margin-left: -41%;
        padding: 10px;
        width: 60%;
    }

    .slick--skin--fullwidth .slide__title {
        font-size: 30px;
        line-height: 1;
        opacity: 1;
        text-transform: uppercase;
    }

    .slick--skin--fullwidth .slide__caption {
        color: #fff;
        font-size: 16px;
    }
    .slick--skin--fullwidth .slide__description {height: 0; margin: -9999px;}
    .titleboxfloat, .titleboxfloat4em {
        display: inline-block;
        font-size: 3em;
        margin: 10% 5% 5% -3%;
    }
    #newstwo .blog-carousel, #frontnews .blog-carousel {
        height: auto;
        overflow: hidden;
    }

	
}

@media (max-width: 380px) {
    #topbar .topbar-email, 
    #topbar .topbar-phone, 
    #topbar .topbar-login, 
    #topbar .topbar-cart,
    .topmenu,
    .callus{
        display:block
    } 

    #header-style-1 {
    padding: 10px 0 8px;
}
.slick--skin--fullwidth .slide__description {height: 0; margin: -9999px;}

.titleboxfloat, .titleboxfloat4em {
    display: inline-block;
    font-size: 3em;
    margin: 10% 5% 5% -3%;
}
#newstwo .blog-carousel, #frontnews .blog-carousel {
    height: auto;
    overflow: hidden;
}

.dirlist article, .rolewrap, .reswrap {
    width: 100%;

}

.search {
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 1px;
}

#dept, #dept a {
    color: #0072a7 !important;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    margin-left: 5px;
}



#header-style-1 {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border-bottom: 1px solid #f2f2f2;
    padding: 8px 0;
}

.post-wrapper-top {
    margin-top: 80px;
}

.mainfeature-wrapper {
    /*margin-top: 80px;*/
    margin-top: 0px;
}

.tb-megamenu .btn-navbar {
    position: absolute;
    right: 0;
    top: -65px;
}

#header-style-1.shrink .tb-megamenu .btn-navbar {
    position: absolute;
    right: 0;
    top: -45px;
}



.search {
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 10px;
}

#header-style-1.shrink .search {
    display: inline-block;
    position: absolute;
    right: 50px;
    top: 10px;
}

}



/* ----------------------------------------------------
        COLOR SCHEMES
------------------------------------------------------- */
.flex-direction-nav a,
.rsUni .rsThumb.rsNavSelected .thumbIco,
.custom-overlay {
    background-color:rgba(247,194,33,0.7);
}
#tabbed_widget .nav-tabs > li.active > a, 
#tabbed_widget .nav-tabs > li.active > a:hover,
#tabbed_widget .nav-tabs > li.active > a:focus,
#tabbed_widget .nav > li > a:hover, 
#tabbed_widget .nav > li > a:focus,
#quicktabs-tabbed_widget .quicktabs-tabs > li.active > a, 
#quicktabs-tabbed_widget .quicktabs-tabs > li.active > a:hover,
#quicktabs-tabbed_widget .quicktabs-tabs > li.active > a:focus,
#quicktabs-tabbed_widget .quicktabs-tabs > li > a:hover, 
#quicktabs-tabbed_widget .quicktabs-tabs > li > a:focus,
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > span:focus,
.big_title_onepage,
.tp-caption .btn,
.small_thin_grey1,
#footer-style-2 .social-icons span a:hover,
#footer-style-3 .social-icons span a:hover,
#footer-style-1 .social-icons span a:hover,
#footer-style-2 .social-icons div.iconentry a:hover,
#footer-style-3 .social-icons div.iconentry a:hover,
#footer-style-1 .social-icons div.iconentry a:hover,
.recent_posts_widget a,
#footer-style-1 .widget,
#footer-style-1 p,
#footer-style-2 .widget,
#footer-style-2 p,
#footer-style-3 .widget,
#footer-style-3 p,
.service-with-image:hover .service-title a,
.item:hover .icon-container,
.overlay h2,
.overlay .lead,
.overlay .testimonial-widget .testimonial .lead:after,
.overlay .testimonial-widget .testimonial .lead:before,
.overlay .testimonial-widget,
.magnifier .btn-default:hover,
.magnifier .btn-default:focus,
.magnifier .btn-default:active,
mark,
.service-icon-circle.active i,
.servicebox:hover .service-icon-circle i,
.testimonial h3,
.nav-stacked > li > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a,
footer h2,
footer .prefix,
footer .widget .title h3 {
    color:#ffffff !important;
}


/* ----------------------------------------------------
        GRAINGER ENGINEERING WORDMARK
------------------------------------------------------- */
#brand a:link, #brand a:visited,
#brand a:hover, #brand a:active { 
    color: #ffffff; 
    text-decoration: none; 
}

#brand { 
    float: left;
    font-size: 30px;
    line-height: 30px;
    font-family: "Gotham", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#brand .imark { 
    order: 1; 
    margin-bottom: 10px; 
}

#brand .imark a {
    display: block;
    height: 30px;
    background-image: url('https://ws.engr.illinois.edu/images/block.i.blue.png');
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 30px;
    line-height: 1.0em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 0 36px;
}

#brand .dept_name {
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.0em;
    order: 2;
    letter-spacing: -0.2px;
    margin-bottom: 10px;
}

#brand .dept_name_short {
    display: none;
}

#brand .coll_name { 
    width: 100%;
    width: auto;
    order: 3; 
    font-size: 14px;
    line-height: 1.0em;
    font-weight: 700;
    text-transform: uppercase;
}

/* .slick {
    margin-top: 20px;
} */

.search {
    top: 108px;
}

/* ---- scrolled wordmark ---- */
#brand.shrink {
    margin-top: 8px;
}

#brand.shrink .imark a {
    width: 21px;
    padding: 0 36px 0 0;
    text-indent: -9999px;
}
	
#brand.shrink .coll_name .hidden-informal, 
#brand.shrink .coll_name {
    display: none;
}
    
#brand.shrink .dept_name {
    display: none;
}
    
#brand.shrink .dept_name_short {
    display: inline-block;
}

/*reorder*/
#brand.shrink .imark { 
    float: left;
    order: 1; 
}
		
#brand.shrink .dept_name_short { 
    order: 2; 
}
			
#brand.shrink .dept_name, 
#brand.shrink .dept_name_short {
    font-size: 22px;
    line-height: 1.1;
    font-weight: 500;
    float: left;
    margin-top: 3px;
}

#header-style-1.shrink .tb-megamenu .nav > li > a {
    font-size: 16px;
}

@media (max-width: 1199px) {
    #header-style-1.shrink .search {
        top: 45px;
    }
    
    #header-style-1.shrink .tb-megamenu-main-menu {
        margin-top: -10px;
    }
}

/* ---- mobile wordmark ---- */
@media (max-width: 979px) { 
    #brand {
        padding-top: 22px;
        font-size: 22px;
    }
    
    #brand .imark a {
        width: 21px;
        padding: 0 36px 0 0;
        text-indent: -9999px;
    }
		
    #brand .coll_name .hidden-informal, 
    #brand .coll_name {
        display: none;
    }
    
    #brand .dept_name {
        display: none;
    }
    
    #brand .dept_name_short {
        display: inline-block;
    }

    /*reorder for mobile*/
    #brand .imark { 
        float: left;
        order: 1; 
    }
		
    #brand .dept_name_short { 
        order: 2; 
    }
			
    #brand .dept_name, 
    #brand .dept_name_short {
        font-size: 22px;
        line-height: 1.1;
        font-weight: 500;
        float: left;
        margin-top: 3px;
    }
    
    #brand.shrink {
        padding-top: 0px;
    }
    
    #header-style-1 {
        padding: 0px;
    }
    
    #navbarmain.noshrink {
        padding-top: 74px;
    }
    
    .search {
        top: 25px;
    }
    
    .slick--skin--fullwidth .slide__constrained {
        top: 5%;
    }
    
    .slick--skin--fullwidth .slide__media img {
        padding: 50px 0 0;
    }
    
    .tb-megamenu .btn-navbar {
        margin-top: -11px;
    }
    
    .tb-megamenu .nav-collapse {
        top: 0px;
        margin-top: 0px;
    }
    
    #header-style-1.shrink .search {
        top: 7px;
    }
    
    #header-style-1.shrink .tb-megamenu .btn-navbar {
        margin-top: 1px;
    }
}

@media (max-width: 800px) {
    .tb-megamenu .btn-navbar {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    #navbarmain.noshrink {
        padding-top: 25px;
    }
    
    .slick--skin--fullwidth .slide__media img {
        padding: 70px 0 0;
    }
    
    .slick--skin--fullwidth .slide__constrained {
        top: 20%;
    }
}

@media (max-width: 600px) {
    #brand {
        padding-top: 20px;
    }
    
    #brand .dept_name_short {
        font-size: 20px;
        margin-top: -4px;
        width: 80%;
    }
    
    #brand.shrink .dept_name_short {
        font-size: 20px;
        margin-top: -4px;
        width: 80%;
    }
}

@media (max-width: 425px) {
    #brand .dept_name_short {
        font-size: 18px;
    }
    
    .search {
        right: 38px;
    }
    
    #header-style-1.shrink .search {
        right: 35px;
    }
}