@charset "utf-8";

@import "reset.css";
@import "global.css";

/* -- Character Font -- */
@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.6.2');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.2') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.2') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.2') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.2') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.char {font-family: "FontAwesome", sans-serif; }
.fa-home:before { content: "\f015";}
.fa-arrow-right:before { content: "\f061"; }
.fa-link:before { content: "\f0c1";}
.fa-envelope:before{  content: "\f0e0";  }
.fa-phone:before {  content: "\f095";  }
.fa-search:before {  content: "\f002";  }
.fa-check:before {  content: "\f00c";  }
.fa-comment:before {  content: "\f27a";  }
.fa-plus-circle:before {  content: "\f055";  }
.fa-minus-circle:before {  content: "\f056";  }
.fa-bank:before {  content: "\f19c";  }
.fa-user-md:before { content: "\f0f0";  }
.fa-medkit:before {  content: "\f0fa"; }
.fa-heartbeat:before { content: "\f21e"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-newspaper:before {  content: "\f1ea"; }
.fa-map-pin:before { content: "\f276"; }
.fa-chevron-left:before {  content: "\f053";  }
.fa-chevron-right:before {  content: "\f054";  }
.fa-chevron-up:before {  content: "\f077";  }
.fa-chevron-down:before {  content: "\f078";  }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105";}
.fa-download:before { content: "\f019"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-file-text:before { content: "\f15c"; }
.fa-close:before{content: "\f00d"; }
.fa-list:before { content: "\f00b"; }
.fa-facebook:before { content: "\f09a"; }
.fa-twitter:before {  content: "\f099";  }
.fa-linkedin:before { content: "\f0e1";  }
.fa-instagram:before { content: "\f16d"; }
.fa-yelp:before {content: "\f1e9"; }
.fa-gift:before { content: "\f06b"; }
.fa-graduation-cap:before { content: "\f19d"; }

body{ font: normal 16px/1.8em 'Alegreya Sans', sans-serif; color: #212121;}
a{color: #8aa6d2;
    transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
    -webkit-transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
    -moz-transition:color 180ms linear, background 180ms linear, opacity 180ms linear;
}
a:hover{text-decoration:none; color: #7293c6;}

/* ---Standard headers ---*/
h1 { font: bold 48px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
h2 { font: bold 36px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
h3 { font: bold 24px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
h4 { font: bold 18px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
h1 .char{padding-right: 10px;}

/* --- General Layout Settings---*/
.container { width : 1600px; position : relative; margin : 0 auto;}
#header, #navigation, #content, #contacts, #footer, #marketing {position : relative; display: block; clear: both;}

.alert{background: #D70505; color:#FFF; font: normal 14px arial, sans-serif; padding: 8px 12px;; margin: 10px 0; border-radius: 3px; clear: both;}
.alert-success{background:#3e8f3e; color:#FFF; font: normal 14px arial, sans-serif; padding: 8px 12px; margin: 10px 0; border-radius: 3px}

button, input.btn{border: none;}
.btn{font:bold 16px/16px 'Alegreya Sans', Arial, Helvetica, sans-serif; color:#FFF; cursor:pointer; text-decoration:none; display:block; padding:15px 40px; background:#8aa6d2; text-transform: uppercase;}
.btn:hover{color: #FFF; background: #7293c6;}

/*-- Responsiveness Base Structure -- */
.row{clear:both;}
.row .col{margin-left:2%; margin-bottom: 30px; float:left;}
.row .col:first-child{margin-left:0;}
.row .col.split_int{margin-left:0; clear: both;}
.row .full{width:100%;}
.row .half{width:49%;}
.row .third{width:32%;}
.row .third_2{width:66%;}
.row .fourth{width:23.5%;}
.row .fourth_2{width:49%;}
.row .fourth_3{width:74.5%;}
.row .fifth{width:18.4%;}
.row .fifth_2{width:38.8%;}
.row .fifth_3{width:59.2%;}
.row .fifth_4{width:79.6%;}
.row .sixth{width:15%;}
.row .sixth_2{width:32%;}
.row .sixth_3{width:49%;}
.row .sixth_4{width:66%;}
.row .sixth_5{width:83%;}

.row.no_margin .col{margin-left:0; margin-bottom: 0;}
.row.no_margin .full{width:100%;}
.row.no_margin .half{width:50%;}
.row.no_margin .third{width:33.33%;}
.row.no_margin .third_2{width:66.66%;}
.row.no_margin .fourth{width:25%;}
.row.no_margin .fourth_2{width:50%;}
.row.no_margin .fourth_3{width:75%;}
.row.no_margin .fifth{width:20%;}
.row.no_margin .fifth_2{width:40%;}
.row.no_margin .fifth_3{width:60%;}
.row.no_margin .fifth_4{width:80%;}
.row.no_margin .sixth{width:16.66%;}
.row.no_margin .sixth_2{width:33.33%;}
.row.no_margin .sixth_3{width:50%;}
.row.no_margin .sixth_4{width:66.66%;}
.row.no_margin .sixth_5{width:83.33%;}


/* --- Layout ---*/
#wrapper{overflow: hidden; background: #FFF; position: relative; z-index: 3;}
#header{padding: 20px 0; z-index: 4; position: relative; box-shadow: 0 4px 2px -2px #ddd;}
#header.sticky{margin-top: 80px;}
#header .bg-brown{width: 50%; height: 100%; position: absolute; top:0; right: 0;  background: #92817e;}
#header .head-left{width: 50%; float: left; position: relative;}
#header .head-left #logo{max-width: 135px; position: relative; z-index: 9;}
#header .head-left .tagline{padding: 0 10px 0 145px; position: absolute; left: 0; top: 50%; width: 100%; text-transform: uppercase; font-size: 26px; line-height: 1.4em; font-weight: bold; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);}
#header .head-left .tagline p{padding-bottom: 0;}
#header .head-right{width: 50%; height: 100%; position: absolute; top:0; right: 0;}
#header .head-right .hr-contact{padding: 0 10px; position: absolute; left: 0; top: 50%; width: 100%; text-transform: uppercase; font-size: 26px; line-height: 1.4em; color: #FFF; text-align: center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);}
#header .head-right .hr-contact p{padding-bottom: 0;}

#navigation{z-index: 999; background: #000; height: 80px;}
#navigation .logo-small{position: absolute; top: 10px; left: 0; opacity: 0;
    transition:opacity 480ms linear;
    -webkit-transition:opacity 480ms linear;
    -moz-transition: opacity 480ms linear;}
#navigation .logo-small img{max-height: 60px;}
#navigation .mobile-menu{display: none; width: 80px; height: 80px; float: right; cursor: pointer; padding-top: 27px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#navigation .mobile-menu:hover{background: #313131;}
#navigation .mobile-menu .mline{display: block; width: 32px; height: 5px; margin: 0 auto 5px; background: #FFF;}
#navigation .mclose{display: none;}
#navigation .nav-hold{float: right;}
#navigation ul{padding: 0; margin: 0; list-style: none;}
#navigation ul li.level_1{display: block; float: left;}
#navigation ul li.level_1 a{padding: 32px 30px 0; font: bold 17px/17px 'Alegreya Sans', Arial, sans-serif; color: #FFF; display: block; white-space: nowrap; height: 80px; text-transform: uppercase; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#navigation ul li.level_1 a:hover{color:#FFF; background: #313131;}
#navigation ul li.level_1:hover .subnav{display:block;}
#navigation ul li.level_1 .subnav{display:none; position: absolute; background: #000; color: #000; min-width: 220px; padding: 20px 0;}
#navigation ul li.level_1 .subnav li{border-top:1px solid #313131; }
#navigation ul li.level_1 .subnav li:first-child{border-top: none;}
#navigation ul li.level_1 .subnav li a{display: block; float: none; color: #ededed; font-size: 15px; font-weight: normal; line-height: 15px; padding: 10px 30px; height: auto;}
#navigation ul li.level_1 .subnav li a:hover{background: #313131;}
#navigation ul li.level_1 .subnav li.level_3 a{font-size: 11px;}

#navigation.sticky{position: fixed; top: 0; left: 0; width: 100%;  padding-top: 0;}
#navigation.sticky .logo-small{opacity: 1;}

.vh100{position: relative; height: 100vh; max-height: 1000px; z-index: 1;}
#marketing{margin:0; border-bottom: 80px solid #FFF; position: fixed; top:0; left: 0; width: 100%; height: 100vh; max-height: 1000px; z-index: 2;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#marketing .flexslider{margin: 0; border: 0; position: absolute; top:0; left: 0; width: 100%; height: 100%;}
#marketing .flexslider .slides{margin: 0; border: 0; position: absolute; top:0; left: 0; width: 100%; height: 100%;}
#marketing .panel-image{position: relative; height: 100%;}
#marketing .panel-image .panel-bg{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
#marketing .panel-image .panel-bg img{position: absolute; top: 0; right: -150px; opacity: 0; height: 100% !important; width: auto !important; max-width: none;
    transition:opacity 600ms linear, right 600ms linear;
    -webkit-transition:opacity 600ms linear, right 600ms linear;
    -moz-transition: opacity 600ms linear, right 600ms linear;}
#marketing .panel-image .panel-bg.active img{right: 0; opacity: 1;}
#marketing .panel-image .mcaption{width: 45%; position: absolute; top:50%; right: 50%; text-align: center; font-size: 34px; text-transform: uppercase; line-height: 1.6em;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);}
#marketing .panel-image .mcaption .light{color: #FFF;}
#marketing .panel-image .mcaption .cp-normal{opacity: 0;
    transition:opacity 480ms linear;
    -webkit-transition:opacity 480ms linear;
    -moz-transition: opacity 480ms linear;}
#marketing .panel-image .mcaption .cp-normal.fadeIn{opacity: 1;}
#marketing .panel-image .mcaption .cp-bold{opacity: 0; padding-top: 80px; font-weight: bold; font-size: 44px;
    transition:opacity 600ms linear, padding 600ms linear;
    -webkit-transition:opacity 600ms linear, padding 600ms linear;
    -moz-transition: opacity 600ms linear, padding 600ms linear;}
#marketing .panel-image .mcaption .cp-bold.fadeIn{opacity: 1; padding-top: 0;}

#content{position: relative; z-index: 5;}
#content .content-hold{padding: 60px 0 50px;}
#content .content-wide{width: 100%;}
#content .content-left{width: 77%; float: left;}
#content .content-right{width: 20%; float: right;}

#content .content-right .right-side-cta{margin-bottom: 30px;}
#content .content-right .right-side-cta a{display: block;}
#content .content-right .right-side-cta img{display: block; margin: 0 auto;}

#content .wysiwyg h2{color: #92817e;}
#content .wysiwyg .summary{max-width: 920px; margin: 0 auto; font-weight: 500; text-align: center;}

#content .page-header{position:relative; color: #FFF; font-size: 36px; line-height: 1.4em; background: #ededed url("../images/structure/header-bg.jpg") center no-repeat; background-size: cover; padding: 60px 0 50px;}
#content .page-header p, #content .page-header h1{padding-bottom: 0; line-height: 1.3em;}
#content .page-header.img-head{padding: 0; height: 440px;}
#content .page-header.img-head .container{height: 100%;}
#content .page-header.img-head .ph-info{position: absolute; left: 0; top: 50%; max-width: 80%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);}
#content .page-header .darken{position: absolute; width: 50%; height: 100%; top:0; right:0; background: rgba(0,0,0,0.65);}
#content .page-header .campus-info{width: 100%; text-align: center;}
#content .page-header .campus-info p{font-size: 14px; line-height: 1.6em;}
#content .page-header .contact-info{text-align: center;  padding: 10px 50px 10px 20px; display: inline-block; vertical-align: middle; border-right: 1px solid #999;}
#content .page-header .contact-hours{text-align: center; padding: 10px 20px 10px 50px; display: inline-block; vertical-align: middle;}

.home-ctas .home-cta{position: relative; border: 1px solid #FFF;
    transition:margin 280ms linear;
    -webkit-transition:margin 280ms linear;
    -moz-transition: margin 280ms linear;}
.home-ctas .home-cta:hover{margin-top: -20px;}
.home-ctas .home-cta img{width: 100%;}
.home-ctas .home-cta .cta-label{position: absolute; left: 0; bottom: 0; padding: 15px; background: rgba(0,0,0,0.8); color: #FFF; text-align: center; font-size: 26px; line-height: 1.4em; font-weight: bold; text-transform: uppercase; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.home-ctas .home-cta .cta-label span{color: #8aa6d2;}
.home-ctas .home-cta .cta-label .hide-txt{display: none; font-size: 14px; line-height: 1.4em; font-weight: normal; color: #FFF; padding:5px 10px 0; text-transform: none;}
.home-ctas .home-cta .cta-label .hide-txt p {padding-bottom: 0;}

.before-cta{padding: 80px 0; text-align: center; color: #FFf !important; font-size: 36px; line-height: 1.4em; display: block;}
.before-cta h1{font-size: 68px; line-height: 1.4em; padding-bottom: 0; text-shadow: 1px 1px 5px #888;}
.before-cta p{text-shadow: 1px 1px 2px #888;}

.after-cta{padding: 50px 0; text-align: center; color: #FFf !important; font-size: 32px; line-height: 1.4em; display: block;}
.after-cta h1{font-size: 60px; line-height: 1.4em; padding-bottom: 0; text-shadow: 1px 1px 5px #777;}
.after-cta p{text-shadow: 1px 1px 2px #777; padding-bottom: 0;}
.after-cta .valign{display: inline-block; vertical-align: middle;}
.after-cta .char{font-size: 68px; line-height: 1em; margin: 0 40px; color: #8aa6d2; text-shadow: 1px 1px 5px #777;}

.services{padding: 40px 0 0;}
.services .service-block{background: #000; color: #FFF; text-align: center; min-height: 600px;}
.services .service-block .srv-img{padding: 50px 20px 30px;}
.services .service-block .circle-img{display: block; margin: 0 auto; border-radius: 50%; width: 200px; }
.services .service-block .srv-info{padding: 10px 10px 40px;}
.services .service-block .srv-info .srv-title{font-size: 28px; line-height: 1.4em; color: #8aa6d2; padding-bottom: 20px;}
.services .service-block .srv-info p{padding-bottom: 8px;}


/*-- Social Icons --*/
.social ul{ margin: 0; padding: 0; text-align: center;}
.social li{list-style: none; display:inline-block; margin: 5px; padding: 0;}
.social li a{width: 18px; height: 18px; display: block; padding: 8px; border-radius: 50%; background: #000; color: #FFF; font-size: 16px; line-height: 1em; text-align: center;}
.social li a:hover{background: #92817e;}

/* ----Footer Section ----*/

#contacts{position: relative; background: #92817e; color: #FFF;}
#contacts .bg-dark{width: 50%; height: 100%; position: absolute; top:0; right: 0;  background: #000;}
#contacts .contact-left{width: 50%; float: left;}
#contacts .contact-right{width: 50%; float: right;}
#contacts .contact-right .form-control, #contacts .contact-right textarea{border-color: #000;}
#contacts .contact-form{text-align: center; padding: 40px 50px;}
#contacts .contact-left .contact-form{padding-left: 0;}
#contacts .contact-right .contact-form{padding-right: 0;}
#contacts .contact-form .cf-label{font-size: 22px; line-height: 1.3em; margin-bottom: 5px;}
#contacts .contact-form h2{padding-bottom: 20px;}
#contacts .contact-fb-feed{max-width: 500px; width: 100%; margin: 30px auto 0;}

#footer{ background: #FFF; padding: 30px 0 5px;}
#footer .footer-locations{min-height: 132px; text-align: center; background: url('../images/structure/logo.png') center no-repeat; background-size: 132px;}
#footer .footer-locations .ro-info{display: inline-block; vertical-align: middle; padding-right: 100px; padding-top: 10px;}
#footer .footer-locations .t-info{display: inline-block; vertical-align: middle; padding-left: 100px; padding-top: 10px;}
#footer .footer-locations h4{padding-bottom: 6px;}

#footer .footer-links{text-align: center; padding-top: 30px; font-size: 14px; line-height: 1.4em;}
#footer .footer-links p{padding-bottom: 0;}
#footer .footer-links a{color: #212121; padding: 0 5px;}
#footer .footer-links a:hover{color:#92817e;}

    /*-- Pagination --*/
.pgn-right{padding-top: 30px;}
.pagination{ list-style: none; padding: 0; display: inline; float: right; font-size: 18px; line-height: 1em;}
.pagination li{display: inline-block; vertical-align: middle;}
.pagination li .prev, .pagination li .next{background: #ededed; padding: 6px 12px; font-size: 24px; line-height: 22px; margin: 0 10px;}
.pagination li .prev:hover, .pagination li .next:hover{background: #8aa6d2; color: #FFF;}
.pagination li.disabled a{cursor: default; color: #d2d2d2 !important; background: #f3f3f3 !important;}


/* ----Form Inputs ----*/
fieldset{padding: 10px;}
input[type=text], input[type=email], input[type=password], select{width:100%; height:50px; padding:0 5px; color:#666; font-size:14px; border:2px solid #92817e; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type=file]{padding:6px; border: 1px solid #aaa; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
select{padding-right:0;}
textarea{width:100%; height:220px; padding:8px 5px; color:#666; font-size:14px; border:2px solid #92817e; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
label{padding-bottom:5px; font-size:15px; line-height: 24px;}
.helper{padding:5px 0 0 5px; font-size:11px; color:#999;}
.standard-box{background: #92817e; padding:30px; color: #FFF; text-align: center; max-width: 920px; margin: 0 auto;}


/*--- New Template Additions ---*/

#map{height: 380px; width: 100%;}
.campus-contacts.mobile{display: none;}
.campus-contacts .info-hold{text-align: center;}
.campus-contacts .info-hold .campus-info{width: 100%; text-align: center;}
.campus-contacts .info-hold .campus-info p{font-size: 14px; line-height: 1.6em;}
.campus-contacts .info-hold .contact-info{text-align: center;  padding: 10px 50px 10px 20px; display: inline-block; vertical-align: middle; border-right: 1px solid #999;}
.campus-contacts .info-hold .contact-hours{text-align: center; padding: 10px 20px 10px 50px; display: inline-block; vertical-align: middle;}

/*--- Blog List Section ---*/
.categories{background: #000; padding: 20px; text-align: center;}
.categories .btn{display: inline-block; margin: 5px 2px;}
.categories .btn.selected{background: #92817e;}

.brick-sizer{width: 33.33%;}
.brick{width: 33.33%; padding: 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.brick .brick-hold{background: #000; color: #FFF; padding: 30px; border-top: 8px solid #9bb2d7; line-height: 2em;}
.brick .brick-hold .brick-title{font-size: 22px; font-weight: 500; line-height: 1.4em; color: #92817e; display: block; padding-bottom: 15px;}
.brick .brick-hold img{display: block; width: 100%; margin-bottom: 30px;}

.postings{margin-top: 30px;}
.postings .post{background: #000; color: #FFF; padding: 30px; border-top: 8px solid #9bb2d7; line-height: 2em; margin-bottom: 20px;}
.postings .post:last-child{margin-bottom: 0;}
.postings .post .post-title{font-size: 22px; font-weight: 500; line-height: 1.4em; color: #92817e; display: block; padding-bottom: 15px;}
.postings .post .post-summary{line-height: 1.6em; padding-bottom: 10px;}
.postings .post .post-contact{padding-bottom: 20px; line-height: 1.4em;}

    /* -- Responsive YouTube Embed -- */
.video-max{ max-height:360px; overflow: hidden; margin-bottom: 20px;}
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 640px;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height:360px;}

.embed iframe{width: 100%; border: 0; overflow: auto;}


/*-- Responsiveness Media Queries -- */
@media (max-width: 1680px) {
    .container{width: 94%;}
}

@media (max-width: 1360px) {
    .container{width: 100%; padding: 0 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    #navigation .logo-small{left: 30px;}
    #content .page-header.img-head .ph-info{left: 30px;}
    #contacts .contact-form{padding: 40px 30px;}
    #marketing .panel-image .mcaption{font-size: 32px; line-height: 1.4em;}
    #marketing .panel-image .mcaption .cp-bold{font-size: 42px; line-height: 1.4em;}
}

@media (max-width: 1224px) {
    #home-cards.container{width: 100%; padding: 0;}
    .home-ctas .home-cta{border: 0;}
    #contacts .contact-form{padding: 40px 40px;}
}

@media (max-width: 1180px) {
    .brick-sizer{width: 50%;}
    .brick{width: 50%;}
    #header .head-right .hr-contact .info{font-size: 18px; line-height: 1.4em;}
    .container{padding: 0 20px;}
    #navigation .logo-small{left: 20px;}
    #content .page-header.img-head .ph-info{left: 20px;}
    #contacts .contact-form{padding: 30px 20px;}
    .row .col{margin-bottom: 20px;}
    .campus-contacts .info-hold .contact-info{padding-right: 40px;}
    .campus-contacts .info-hold .contact-hours{padding-left: 40px;}
    #marketing .panel-image .mcaption{font-size: 24px; line-height: 1.4em;}
    #marketing .panel-image .mcaption .cp-bold{font-size: 34px; line-height: 1.4em;}
}

@media (max-width: 980px) {
    #navigation .mobile-menu{display: block; position: relative; }
    #navigation.sticky .logo-small{z-index: 100;}
    #navigation #nav-menu{display: block; position: fixed; top:0; right: -322px; width: 320px; background: #000; z-index: 999; overflow: auto; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
        transition:right 320ms linear;
        -webkit-transition:right 320ms linear;
        -moz-transition:right 320ms linear;}
    #navigation #nav-menu.open{right:0;}
    #navigation .mclose, #navigation .mclose a{display: block;}
    #navigation .mclose a span{color: #FFF; display: block; text-align: right; padding: 20px 30px; font-size: 20px; line-height: 1em; font-weight: bold; cursor: pointer;}
    #navigation .mclose a:hover{background: #212121;}
    #navigation ul li.level_1{float: none; border-bottom:1px solid #313131;}
    #navigation ul li.level_1:last-child{border-bottom: none;}
    #navigation ul li.level_1 a{height: auto; padding: 20px 30px;}
    #navigation ul li.level_1 .subnav{display: block; position: relative; border: none; padding: 0; background: #131313; border-top:1px solid #313131;}
    #navigation ul li.level_1 .subnav li a:before{content: '- ';}
    #content .content-left{width: 72%;}
    #content .content-right{width: 27%;}
    .row .col.split {margin-left:0; clear:both !important;}
    .row .col.split_int{margin-left: 2%;  clear: none;}
    .row.no_margin .col.split_int{margin-left: 0;}
    .row .half,  .row .third_2, .row .fourth_2, .row .fourth_3, .row .fifth_3, .row .fifth_4{width:100%; margin-left:0;}
    .row .fourth, .row .third, .row .third{width:49%;}
    .row .fifth{width:32%;}
    .row .fifth_2{width:66%;}
    .row.no_margin .fourth, .row.no_margin .third, .row.no_margin .third{width:50%;}
    .row.no_margin .fifth{width:33.33%;}
    .row.no_margin .fifth_2{width:66.66%;}
    .home-ctas .col{width: 50% !important;}
    .home-ctas .col.row3{display: none;}
    .home-ctas .home-cta:hover{margin-top: 0;}
    #content .page-header.img-head{height: 320px;}
    #content .page-header .darken{display: none;}
    #content .page-header .campus-info{display: none;}
    .campus-contacts.mobile{display: block;}
    #marketing .panel-image .mcaption{font-size: 20px; line-height: 1.4em; width: 65%; right: 35%;}
    #marketing .panel-image .mcaption .cp-bold{font-size: 30px; line-height: 1.4em;}
}

@media (max-width: 820px) {
    #header{padding: 0;}
    #header .head-left{width: 100%; float: none; padding: 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    #header .head-left .tagline{padding-left: 160px;}
    #header .container{width: 100%; padding: 0;}
    #header .head-right{width: 100%; position: static; background: #92817e;  padding: 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    #header .head-right .hr-contact{position: static;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);}
    #header .bg-brown{display: none;}
    h1 { font: bold 36px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
    h2 { font: bold 28px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
    h3 { font: bold 20px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
    h4 { font: bold 16px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
    #content .page-header{font-size: 28px; line-height: 1.3em;}
    textarea{height: 130px;}
    .contact-form .row .col{margin-left:0 !important; clear:both !important; width: 100% !important;}
    #content .page-header{padding: 40px 0 30px;}
    .categories .btn{width: 48%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
}

@media (max-width: 750px) {
    .brick-sizer{width: 100%;}
    .brick{width: 100%; padding: 0 0 20px;}
    #content .content-left{width: 100%; float: none;}
    #content .content-right{width: 100%;float: none;}
    #content .content-hold{padding: 20px 0 10px;}
    .services{padding: 20px 0 0;}
    #content .content-right .right-side-cta{max-width: 360px; margin: 0 auto 30px;}
    .before-cta h1{font-size: 46px; line-height: 1.4em;}
    .before-cta{font-size: 26px; line-height: 1.4em; padding: 50px 0;}
    .after-cta h1{font-size: 42px; line-height: 1.4em;}
    .after-cta{font-size: 24px; line-height: 1.4em;}
    .after-cta .char{font-size: 52px; line-height: 1em;}
    #navigation{height: 50px;}
    #navigation .logo-small{top: 5px;}
    #navigation .logo-small img{max-height: 40px;}
    #navigation .mobile-menu{width: 50px; height: 50px; padding-top:12px;}
    #header.sticky{margin-top: 50px;}
    #marketing{border-bottom: 50px solid #FFF;}
    #content .page-header.img-head{height: 240px;}
    #marketing .panel-image .mcaption{font-size: 24px; line-height: 1.4em; width: 100%; right: 0; top: auto; bottom: 0; background: rgba(0,0,0,0.6); color:#FFF; padding: 20px 10px 35px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);}
    #marketing .panel-image .mcaption .cp-bold{font-size: 34px; line-height: 1em; padding-top: 0;}
    #marketing .panel-image .panel-bg img{right: -60%;}
    #marketing .panel-image .panel-bg.active img{right: -30%;}
}

@media (max-width: 610px) {
    .row .col{margin-left:0 !important; clear:both !important; width: 100% !important;}
    .home-ctas .col{width: 100% !important; }
    .home-ctas .col.row3{display: block;}
    .home-ctas .home-cta .cta-label .hide-txt{display: block !important;}
    #contacts .container{width: 100%; padding: 0;}
    #contacts .contact-left{width: 100%; float: none;}
    #contacts .contact-right{width: 100%; float: none; background: #000;}
    #contacts .bg-dark{display: none;}
    #contacts .contact-form{padding: 20px !important;}
    .contact-form .row .col{clear:none !important; width: 50% !important;}
    .contact-form .row .col.full{width: 100% !important;}
    #footer .footer-locations .ro-info{display: block; padding: 110px 0 15px;}
    #footer .footer-locations .t-info{display: block; padding: 10px 0;}
    #footer .footer-locations{background-position: top; background-size: 90px;}
    .campus-contacts .info-hold .contact-info, .campus-contacts .info-hold .contact-hours{display: block; padding: 0 0 10px; border: 0;}
    .campus-contacts .info-hold h2{padding-bottom:0; }
    #map{height: 320px; width: 100%;}
    .services{padding-top: 10px;}
    .services .service-block{min-height: 0; height: auto !important;}
    .categories .btn{width: 100%; margin: 5px 0;}
    #marketing .panel-image .mcaption{font-size: 16px; line-height: 1.4em;}
    #marketing .panel-image .mcaption .cp-bold{font-size: 26px; line-height:1em;}
}

@media (max-width: 500px) {
    h1 { font: bold 30px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
    h2 { font: bold 22px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
    h3 { font: bold 18px/1.4em 'Alegreya Sans', Arial, Helvetica, sans-serif; text-transform: uppercase; }
    #content .page-header{font-size: 22px; line-height: 1.3em;}
    body{font-size: 14px; line-height: 1.8em;}
    #header .head-left .tagline{font-size: 18px; line-height: 1.6em; padding-left: 120px;}
    #header .head-left #logo{max-width: 100px;}
    .before-cta h1{font-size: 38px; line-height: 1.4em;}
    .before-cta{font-size: 18px; line-height: 1.4em; padding: 40px 0;}
    .after-cta h1{font-size: 38px; line-height: 1.4em;}
    .after-cta{font-size: 18px; line-height: 1.4em;}
    .after-cta .char{font-size: 42px; line-height: 1em;}
    #contacts .contact-form{padding: 20px 10px !important;}
    #content .page-header.img-head{height: 180px;}
    .container{padding: 0 15px;}
    .categories{padding: 10px 15px;}
    #navigation .logo-small{left: 15px;}
    #content .page-header.img-head .ph-info{left: 15px;}
    #contacts .contact-form{padding: 20px 15px;}
    #content .page-header{padding: 30px 0 20px;}
    .row .col{margin-bottom: 15px;}
    .brick{ padding: 0 0 15px;}
    #marketing .panel-image .panel-bg img{right: -80%;}
    #marketing .panel-image .panel-bg.active img{right: -40%;}
}

@media (max-width: 420px) {
    .home-ctas .home-cta .cta-label .hide-txt{display: none !important;}
    .before-cta h1{font-size: 28px; line-height: 1.4em;}
    .contact-form .row .col{clear:none !important; width: 100% !important;}
    #header .head-right .hr-contact{font-size: 22px;}
    #header .head-right .hr-contact .info .num{display: block; text-align: center;}
    #header .head-right .hr-contact .info .break{display: none;}
}

@media (max-width: 320px) {
    #navigation #nav-menu{width: 100%;}
}