/**********   GLOBAL     *********/

html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	background-color: #ffffff !important;

	}


body, header {font-family: helvetica neue, helvetica, arial, verdana, sans-serif !important; }

body.admin-menu {margin-top: 0px !important}

tbody {border: none !important}

header {background: #ffffff !important}

body {height: auto; top: 0; position: relative; }

footer, #content {margin: 0px !important}

.footer-copyright {padding-top: 10px !important}

.region-footer-1 img {max-width: 200px !important}

html, footer {border: 0px !important; padding: 0px !important; background-color: #0c0c0c !important; width: 100% !important; margin-top: -3px !important}

footer {background: #0c0c0c !important; margin-top: 60px !important; padding-top: 30px !important; padding-bottom: 30px !important; }

.table {}

a {text-decoration: none !important;}

.flex-width {width: auto !important}

.identity-bar {height: 51px; width: 100%}

.logo 
	{transition:  
	1s ease-in !important; 
	-webkit-transition:  1s ease-in !important;
	max-width: 400px !important;
	height: auto !important
	
	 }


.inverted {border-radius: 8px}

h1 {letter-spacing: -2px}

h2 {margin-bottom: 10px !important}

.content-block a {color: #f36E21; font-weight: bold}

.feature-box .feature-box-icon,
.inverted,

footer div.footer-ribon {display: none}

{background: #F36E21 !important}

.circle, .circle img {border-radius: 50%; -webkit-border-radius: 50%;}
.dashed, .dashed img {padding: 10px; border: 1px dashed #aaaaaa}

.dashed, .dashed img {padding: 10px; border: 1px dashed #777777; background: #FFFFFF}


.btn a {color: #FFFFFF; font-weight: bold}
.btn a:hover {text-decoration: none; color: #FFFFFF}

.alternative-font {font-size: 36px; line-height: 36px; color: #F36E21 !important}

.toggle-content {padding-left: 30px;}


.gray-bottom {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 5px solid #C7C3BD !important}

span.dropcap {font-size: 4em; float: left; font-weight: bold; color: #F36E21;padding-right: 3px; padding-bottom: 10px; margin-top: 20px;}

#overlay header, #overlay footer {display: none !important}

select {width: 150px !important;}

label {font-size: 12px !important}

#content {margin-top: 30px;}


.region-after-content {margin-top: 30px !important;}

.region-sidebar-left .emphasis {padding: 15px; background: rgb(241, 237, 224);}

.lead-paragraph {font-size: 18px !important; line-height: 28px !important}

.sidr-class-contextual-links-wrapper {display: none}

a.thumb-info-action {margin-left: 1px}

.rounded-corners img {border-radius: 5%; -webkit-border-radius: 5%}

.bordered {border-width: 1px; border-style: solid}

.border {border: 1px solid #ccc}

.bumper {padding: 30px !important}
.bumper-top {padding-top: 30px !important}
.bumper-bottom {padding-bottom: 30px !important}
.bumper-left {padding-left: 30px !important}
.bumper-right {padding-right: 30px !important}

.padding {padding: 30px !important}
.padding-top {padding-top: 30px !important}
.padding-bottom {padding-bottom: 30px !important}
.padding-left {padding-left: 30px !important}
.padding-right {padding-right: 30px !important}

.bumper-small {padding: 15px !important}
.bumper-small-top {padding-top: 15px !important}
.bumper-small-bottom {padding-bottom: 15px !important}
.bumper-small-left {padding-left: 15px !important}
.bumper-small-right {padding-right: 15px !important}

.padding-small {padding: 15px !important}
.padding-small-top {padding-top: 15px !important}
.padding-small-bottom {padding-bottom: 15px !important}
.padding-small-left {padding-left: 15px !important}
.padding-small-right {padding-right: 15px !important} 

.bumper-5 {padding: 5px !important}
.bumper-5-top {padding-top: 5px !important}
.bumper-5-bottom {padding-bottom: 5px !important}
.bumper-5-left {padding-left: 5px !important}
.bumper-5-right {padding-right: 5px !important} 

.padding-5 {padding: 5px !important}
.padding-5-top {padding-top: 5px !important}
.padding-5-bottom {padding-bottom: 5px !important}
.padding-5-left {padding-left: 5px !important}
.padding-5-right {padding-right: 5px !important} 

.spacing {margin: 30px !important}
.spacing-top {margin-top: 30px !important}
.spacing-bottom {margin-bottom: 30px !important}
.spacing-left {margin-left: 30px !important}
.spacing-right {margin-right: 30px !important}

.margin {margin: 30px !important}
.margin-top {margin-top: 30px !important}
.margin-bottom {margin-bottom: 30px !important}
.margin-left {margin-left: 30px !important}
.margin-right {margin-right: 30px !important}

.spacing-small {margin: 15px !important}
.spacing-small-top {margin-top: 15px !important}
.spacing-small-bottom {margin-bottom: 15px !important}
.spacing-small-left {margin-left: 15px !important}
.spacing-small-right {margin-right: 15px !important} 

.margin-small {margin: 15px !important}
.margin-small-top {margin-top: 15px !important}
.margin-small-bottom {margin-bottom: 15px !important}
.margin-small-left {margin-left: 15px !important}
.margin-small-right {margin-right: 15px !important}

.spacing-5 {margin: 5px}
.spacing-5-right {margin-right: 5px}
.spacing-5-left {margin-left: 5px}
.spacing-5-top {margin-top: 5px}
.spacing-5-bottom {margin-bottom: 5px}

.margin-5 {margin: 5px}
.margin-5-right {margin-right: 5px}
.margin-5-left {margin-left: 5px}
.margin-5-top {margin-top: 5px}
.margin-5-bottom {margin-bottom: 5px}

.spacing-none {margin: 0px !important}
.spacing-none-top {margin-top: 0px !important}
.spacing-none-bottom {margin-bottom: 0px !important}
.spacing-none-left {margin-left: 0px !important}
.spacing-none-right {margin-right: 0px !important} 

.margin-none {margin: 0px !important}
.margin-none-top {margin-top: 0px !important}
.margin-none-bottom {margin-bottom: 0px !important}
.margin-none-left {margin-left: 0px !important}
.margin-none-right {margin-right: 0px !important} 

.bumper-none {padding: 0px !important}
.bumper-none-top {padding-top: 0px !important}
.bumper-none-bottom {padding-bottom: 0px !important}
.bumper-none-left {padding-left: 0px !important}
.bumper-none-right {padding-right: 0px !important} 

.padding-none {padding: 0px !important}
.padding-none-top {padding-top: 0px !important}
.padding-none-bottom {padding-bottom: 0px !important}
.padding-none-left {padding-left: 0px !important}
.padding-none-right {padding-right: 0px !important} 


a .hover-gray:hover, .hover-gray a:hover {background: #efefef !important}

a .hover-gray, .hover-gray a {border-bottom: 1px solid #ddd}

a .hover-cream:hover, .hover-cream a:hover {background: #dfdecb !important}

a .hover-cream, .hover-cream a {border-bottom: 1px solid #ddd}


.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

span.ui-icon {display: inline-block !important }

.logo-carousel img {width: 150px !important; float: left !important; padding-right: 15px !important}

.header-menu {margin-top: auto; margin-bottom: auto}

.equal {
     display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex:1 0 auto;
      }

          
          
.no-split, .inline-block {display: inline-block}

.hidden {display: none}

.education-block {font-size: 18px !important}

.span9 img#full-width {width: 100% !important; max-width: 100% !important}

.full-width table {width: 100% !important}

.table .full-width tbody {width: 100% !important}



.mdl-layout__drawer-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    background: #fafafa;
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    color: #424242;
    overflow: visible;
    overflow-y: auto;
    z-index: 5;
}

.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);  
}

.mdl-layout__obfuscator-right {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4;
    visibility: hidden;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.mdl-layout__drawer-right.active~.mdl-layout__obfuscator-right {
    background-color: rgba(0,0,0,.5);
    visibility: visible;
}

.mdl-layout__drawer-right>.mdl-layout-title {
    line-height: 56px;
    padding-left: 16px;
}