@charset "utf-8";
/* Base CSS for Frontend */


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

body{ font: normal 14px/22px 'Raleway', Helvetica, sans-serif; color: #444;}
a{color: #c48b00;font-family: 'Oswald', sans-serif; font-size: 14px;
    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: #000;}
ul, ol {  margin: 0;    padding: 0 0 10px 0;   }

/* ---Standard headers ---*/
h1 { font: normal 32px/38px 'Oswald', sans-serif;, Arial, Helvetica, sans-serif; color:#00467f;}
h2 { font: normal 24px/30px 'Oswald', Arial, Helvetica, sans-serif; }
h3 { font: normal 18px/26px 'Oswald', Arial, Helvetica, sans-serif; }
h4 { font: normal 16px/24px 'Oswald', Arial, Helvetica, sans-serif; }
.grey-box{background-color: #f5f5f5; width: 100%; position: absolute; top: 63px; z-index: 50; min-height: 65px;}

.dash{border-top: solid 3px #e1e1e1; display: block; width: 165px;clear:both; margin: 40px 0; }
/* --- General Layout Settings---*/
.full-container{width:100%;position : relative; margin : 0 auto;}
.container { width : 1320px; position : relative; margin : 0 auto;}
.wide-container { width : 1560px; position : relative; margin : 0 auto;}

#header, #navigation, #content, #footer, #marketing, #latestNews {position : relative; display: block; clear: both;}

.alert{background: #D70505; color:#FFF; font: normal 14px arial, sans-serif; padding: 15px;; margin: 10px 0 10px 25px; 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}
.alert ul{padding: 0 0 0 30px;}
button, input.btn{border: none;}
.btn{  display: block;text-align:center; width: 100px;   margin: 0 auto; padding: 15px; background-color: #c48b00; color: #fff; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 13px; }
.btn:hover{background-color: #CD9402;}





/*-- Responsiveness Base Structure -- */
.row{clear:both;}
.row .col{margin-left:2%; float:left;}
.row .col:first-child{margin-left:0;}
.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%;}

/* --- Layout ---*/
#header{padding: 0; z-index: 10; border-bottom: solid 3px #46a0e9;}
#header #logo{float: left;position: relative;    z-index: 700;  }
.search{padding: 0; margin-top: 30px; position: relative; width: 280px; float: right;}
.search .search-field{border: solid 1px #e8e8e8; color: #aaa; padding: 10px; font-family: "verdana", "sans-serif"; font-weight: normal; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.search button{background: none; border:none; border-left:1px solid #e8e8e8; color: #aaa; position: absolute; right:0px; top: 0px; font-size: 16px; height: 34px; cursor: pointer; }
.search button:hover{color: #FFF; background: #2ca02c;}

/* --- Navigation ---*/
#navigation{  z-index: 700;    position: absolute;    top: 63px;    right: 0; /*background: #f5f5f5; */ width: 100%;}
#navigation ul{padding: 0; margin: 0; list-style: none;float: none;}
#navigation ul li.level_1{display: block; float: left; border-right: solid 1px #e5e5e5;  padding: 0 0;  line-height: 66px;  text-align: center;  text-transform: uppercase;}
#navigation ul li.level_1:first-child{border-left: solid #e5e5e5 1px;}
#navigation ul li.level_1 a{  padding: 5px 25px;  font-family: 'Oswald', sans-serif;  color: #000;   font-weight: 400;  display: inline-block;  font-size: 12px;  vertical-align: middle;   line-height: 18px;}
#navigation ul li.level_1 a:hover{color:#FF6600;}
#navigation ul li.level_1:hover .subnav{display:block;}
#navigation ul li.level_1 .subnav{display:none; position: absolute; background: #FFF; color: #000;  border-top:solid 3px #46a0e9; min-width: 200px; text-align: left;  top: 66px;padding: 20px 0; -webkit-box-shadow: 1px 2px 1px 1px rgba(122,122,122,1);
    -moz-box-shadow: 1px 2px 1px 1px rgba(122,122,122,1);
    box-shadow: 1px 2px 1px 1px rgba(122,122,122,1);}
#navigation ul li.level_1 .subnav li a{display: block; float: none; color: #333; font-size: 12px; line-height: 30px; padding: 4px 25px;text-transform: none; font-family: 'Raleway', san-serif; font-weight: 600;}
#navigation ul li.level_1 .subnav li a:hover{background: #eee;}
#navigation ul li.level_1 .subnav li.level_3 a{font-size: 11px;}
#navigation ul li.level_1 .subnav .nav-cta{float: left; display:block; margin-right: 25px;}
.nav-hold{  float: right; position: absolute;    right: 0;}
.logo-box{width: 30%; display: block; height: 129px; background-color: #005da9; float: left;  z-index: 350;
    position: absolute;}
.mobile-menu{display: none; width: 20px;   width: 20px;    height: 20px;    padding: 15px;    border: 1px solid #ededed;    background-color: #fff;    position: absolute;    z-index: 701;    right: 0;    bottom: 0;}
.mobile-menu:hover{background: #ededed;}

/* --- Marketing Panel --- */
#marketing{margin: 0;background-color: #eeeeee;}
#marketing .mcaption{top: 30%; position: absolute;    margin-left: auto;    margin-right: auto;    left: 0;    right: 0; text-align: center; }
#marketing .mcaption .mtitle{text-transform: uppercase; font-size: 72px;font-family: 'Oswald', serif; font-weight: 400; color: #fff; text-shadow: 1px 1px 1px rgba(1, 1, 1, 1);  padding: 0;    margin: 0 0 45px;}
#marketing .mcaption .mdescription {width: 50%;padding:0 15px; margin-bottom: 40px; color: #fff;  margin-left: auto;    margin-right: auto;    left: 0;    right: 0; text-align: center; }
#marketing .mcaption .mdescription p{padding: 15px; font-size: 18px; font-weight: 300; font-family: 'Raleway', serif;  color: #fff; background-image: url("/skins/grand_lodge/images/structure/transparent_80.png"); background-repeat: repeat; margin-left: auto;    margin-right: auto;    left: 0;    right: 0; text-align: center; }
#marketing .mcaption .button{  width: 100px;   margin: 0 auto; padding: 15px; background-color: #c48b00; color: #fff; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 13px; }
#marketing .mcaption .button:hover{background-color: #CD9402;}
/*---Content Section ----*/
#content .page-image{width: 100%; height: 300px; overflow: hidden;}
#content .page-image img{width: 100%;}
#content .content-hold{padding: 65px 0;}
#content .content-hold h1{margin-left: 2%; margin-bottom: 10px;}
#content .content-hold .left-col{width: 40%; margin-right: 5%;}
#content .content-hold .title h1{float: left;}
#content .content-hold .wysiwyg{font-size: 14px; line-height: 32px;  margin-left: 2%;}
#content .content-hold .wysiwyg .btn{width: auto;}
#content .content-hold .title span{  margin-top: 17px;    margin-left: 10px;    display: block;    float: left; }
#content .content-hold .locator{color: #fff; width: 510px; height: 165px; padding: 35px 20px 20px; background-color: #005da9; background-image: url('/skins/grand_lodge/images/structure/locator_bg.png'); background-repeat: no-repeat;}
#content .content-hold .locator label{font-family: "Raleway", san-serif; font-size: 18px; font-weight: 400;margin-top: 15px;  display: block;}
#content .content-hold .locator .btn{  float: left;  padding: 7px;}
#content .content-wide{width: 100%;}
#content .content-wide small{margin-left: 25px;}
#content .content-left{width: 25%; float: left;}
#content .content-right{width: 73%; float: right;}
#content .content-left .side-nav{position: relative;}
#content .content-left .side-nav ul{padding:0; list-style: none;}
#content .content-left .side-nav ul .subnav{padding:10px 0; background-color: #f1f1f1;  margin-bottom: 10px; position: relative;}
#content .content-left .side-nav ul .subnav:hover{background-color: #ddd;}
#content .content-left .side-nav ul .subnav.active{background-color: #ccc;}
#content .content-left .side-nav ul .subnav a{color: #00467f;  margin-left: 20px;padding: 10px; display:block;}
#content .content-left .side-nav ul .subnav a:hover{color: #333;}
#content .content-left .side-nav ul .subnav h4{padding:0;  margin-left: 20px;}
#content .content-left .side-nav .dropdown-btn{position: absolute;   top: 20px;    right: 10px; color: #00467f;    cursor: pointer;}
#content .content-left .side-nav .dropdown-btn:hover{color: #f6f6f6;}
#content .content-left .side-nav ul .subnav .third-nav {display: none;}



#content .header-img{width:100%;}
/*----Home CTA Section----*/
.homecta{background: #46a0e9; padding: 30px 0; margin-left: 0!important; width: 49.9%; margin-bottom: 0; opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;}
.homecta:hover{background:#72b5eb;  opacity: 0.7;}
.homecta .wrapper{width: 580px; float: left;}

.homecta:first-child{margin-right: .2%;   padding-left: 12%;    width: 37.9%;}
.homecta .image-circle{  background: #005da9;    border-radius: 80px;    float: left;    padding: 30px 25px;    margin: 0 30px;    height: 30px;}
.homecta .image-circle img{width: 40px;}
.homecta h2{font-family: 'Oswald', sans-serif; color: #fff; font-weight: 900; font-size: 24px; padding: 0;}
.homecta h4{font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 16px;font-style: italic;}
.homecta .cta-arrow{float: right; margin-right: 5%;}

/*----Left CTA Section----*/
.leftcta{background: #46a0e9; padding: 15px 0 0; margin-left: 0!important; width: 100%; margin-bottom: 20px; opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;}
.leftcta:hover{background:#72b5eb;  opacity: 0.7;}
.leftcta .wrapper{width: 95%; float: left;}
.leftcta .image-circle{  background: #005da9;    border-radius: 80px;    float: left;    padding: 15px 13px;    margin: 0 15px;    height: 15px;}
.leftcta .image-circle img{width: 20px;}
.leftcta h2{font-family: 'Oswald', sans-serif; color: #fff; font-weight: 900; font-size: 18px; padding: 0;}
.leftcta h4{font-family: 'Oswald', sans-serif; color: #fff; font-weight: 400; font-size: 14px;font-style: italic;}
.leftcta .cta-arrow{float: right; margin-right:0;width: 25px;}

/*----Message CTA Section----*/
#message{background-color: #efefef; min-height: 480px;  padding: 1%;}
#message .container{background-image: url("/skins/grand_lodge/images/structure/mason_bg_logo.png");background-repeat: no-repeat;  background-position: right; }
#message h2{color: #00467f;}
#message span{color: #000; font-family: 'Raleway', sans-serif; font-weight: 400; }
.message-cta .left-info{  float: left;    margin: 85px 5% 85px 0;    width: 19%;}
.message-cta .right-info{ float:left; width: 76%; margin: 85px 0 85px 0;}

/*----Interested CTA Section----*/
.interested{text-align: center; width: 100%; height: 573px; display: block; background-color: #000;float:left;}
.interested .dash{margin: 40px auto 60px;}
.interested h2{color: #fff;font-family: 'Raleway', sans-serif; font-weight: 200;margin-top: 115px;}
.interested span{color: #fff;font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 18px; line-height: 42px; }
.interested .btn{margin-top: 50px;}


/*---Latest News--- */
#latestNews{background-color: #eeeeee; padding-top: 90px; font-family: 'Raleway', sans-serif; font-size: 13px;  padding-bottom: 40px;}
#latestNews h2{text-align: center; margin-bottom: 30px; color: #00467f; }
#latestNews .dash{margin: 0 auto 75px;}

.latest-news .latest-name{font-weight: 200; font-size: 18px; min-height: 40px; text-transform: uppercase; margin-top: 30px;}
.latest-news ul li{list-style:none; text-align: center; background-color: #00467f; color: #fff; min-height: 550px;}
.latest-news .small-blue-dash{border: solid 1px #4879a1; display: block; width: 165px;clear:both; margin: 30px auto; }
.latest-news{margin-bottom: 40px;}
.latest-news .latest-body{padding:0 20px 20px;}
.latest-news .btn{margin-top: 20px;}
.latest-news .date{padding: 10px 0; background-color: #46a0e9; color: #fff;  width: 100%;    display: block;font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 13px;}
.latest-news img{width: 100%;}

/*----Resource List Section -----*/
.resource-list{width: 100%;}
.resource-category{width: 26%; border: solid 1px #eee; padding: 2%; margin-bottom: 20px; cursor:pointer;}
.resource-category:first-child{margin-left: 2%!important;}
.resource-category .resource-dropdown{display:none; float:left;}
.resource-category .category-image{  display: block;    margin: 0 auto;    width: 10%;}
.resource-category .resource-summary{float: left;    display: block;   width: 100%;    text-align: center;}
.resource-category .resource-summary h2{color: #46a0e9;}
.resource-category .resource-dropdown .resource-entry{background-color: #eee; padding: 20px 5%; margin-bottom: 10px; }
.resource-category .resource-dropdown .resource-entry .title{ margin: 0;text-align: center;}
.resource-category .resource-dropdown .resource-entry .summary{  width: 100%;    display: block;    text-align: center;}
.resource-category .resource-dropdown .resource-entry .btn{padding: 0;}

/*----News List Section -----*/
.newslist .latest-name{font-weight: 200; font-size: 18px; min-height: 40px; text-transform: uppercase; margin-top: 30px;  padding-bottom: 30px;}
.newslist .col{list-style:none; text-align: center; background-color: #00467f; color: #fff; min-height: 340px;  position: relative;    z-index: 10;}
.newslist .small-blue-dash{border: solid 1px #4879a1; display: block; width: 165px;clear:both; margin: 30px auto; }
.newslist{margin-bottom: 40px;}
.newslist .latest-body{  padding: 20px 2% 20px;     display: none;    position: absolute;    z-index: 20;    bottom: 0; background-image: url('/skins/grand_lodge/images/structure/transparent_80.png'); background-repeat: repeat; width: 96%; }
.newslist .btn{margin-top: 20px;}
.newslist .date{padding: 10px 0; background-color: #46a0e9; color: #fff;  width: 100%;    display: block;font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 13px;}
.newslist img{width: 100%;}
.newslist ul{padding: 0;}

/*----Speaker List Section -----*/
.speakerlist .latest-name{font-weight: 200; font-size: 18px; text-transform: uppercase; margin-top: 15px; }
.speakerlist .col{list-style:none;  color: #333;  position: relative;   margin-left: 0; margin-right: 1.5%; margin-bottom: 1.5%;}
.speakerlist .col:first-child{margin-left: 0;}
.speakerlist .col .speakers-img{width: 20%;display: block; float: left; margin-right: 5%;}
.speakerlist .col .speakers-info{width: 70%;display: block; float: left;}
.speakerlist .small-blue-dash{border: solid 1px #4879a1; display: block; width: 165px;clear:both; margin: 30px auto; }
.speakerlist{margin:40px 0 40px 0;}
.speakerlist .latest-body{   width: 96%; }
.speakerlist .btn{margin-top: 20px;}
.speakerlist .date{padding: 10px 0; background-color: #46a0e9; color: #fff;  width: 100%;    display: block;font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 13px;}
.speakerlist img{width: 100%;}
.speakerlist ul{padding: 0;}
.speakerlist hr:last-child{display:none;}

/*--- Speaker Filter ---*/
.row .filter_col{width: 100%; margin: 10px 2% 10px 0;}
.row .filter_col.names {width: 100%; margin: 10px 2% 10px 0;}

.filter_row{margin-left: 2%;}
.filter_btn {display: block;text-align:center; width: 100px;   margin: 0 auto; padding: 7px; background-color: #c48b00; color: #fff; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 15px; }
.filter_btn:hover{background-color: #CD9402;}

/*--- Speaker Detail Section ---*/
#content .content-hold .speaker-info{display: block; float: left; width: 25%;    margin: 0 2%;}
.speaker-info img{display: block; margin-bottom: 15px;}
#content .content-hold .speaker-info h1{margin: 0;}
.speaker-detail{width: 70%; margin-left: 2%; float: left;}

/*--- Proceedings Section ---*/
.proceeding-list{width: 100%;}
.proceeding-entry{width: 21.1%;  float: left; margin-right: 1%;  border: solid 1px #eee;  padding: 1%;   margin-bottom: 20px; text-align: center;    height: 335px;}
.proceeding-entry:first-child{margin-left: 0!important;}
.proceeding-entry .resource-dropdown{display:none; float:left;}
.proceeding-entry .title{padding: 5px 0;}
.proceeding-entry .title h4{    padding: 0;}


.quick-content-form{background-color: #DBDBDB;padding: 7%;}
/*---- Content Form ----*/
.content-form{margin-left: 25px;}

/*-- Social Icons --*/
.social{position: absolute; top:15px; right: 0;}
.social li{list-style: none; display: block; margin: 0 5px; float: left; background: #005da9; padding: 7px; text-align: center;}
.social li a{width: 16px; height: 16px; display: block; color: #fff;}
.mobile{display:none; position:relative;}
/* ----Footer Section ----*/
#footer{ background: #ededed; padding:  0; text-align: center;}
#footer .footer-top{padding: 20px 0; background-color: #dbdbdb;}
#footer .footer-top a{color: #333; text-transform: uppercase; margin-right: 25px;}
#footer .footer-top a:hover{color:#CD9402;}
#footer .footer-top p{margin: 0; padding: 0;}
#footer .footer-bottom{padding: 20px 0;background-color: #cccccc;}
#footer .footer-bottom span{font-size: 10px;}
#footer .footer-bottom a{font-size: 10px;}

/*--- Search Result Page ----*/
.search-list{border-bottom: 1px dashed #ccc; margin-top: 15px; color:#656565;}
.search-list a{font-size: 16px; font-weight: bold; color: #0072BC;}
.search-list a:hover{color:#00b3ee;}

/*-- Pagination --*/
.pagination{ list-style: none; padding: 0; display: inline; }
.pagination li{display: inline; }
.pagination li a, .pagination li span{padding: 0 6px; border-left: 1px solid #CCC;}
.pagination li:first-child a{border-left:none;}
.pagination li.disabled{display: none;}
.pagination li.active{font-weight: bold;}


/* ----Form Inputs ----*/
.page-form .row{margin-bottom:20px;}
fieldset{padding: 10px;}
input[type=text], input[type=email], input[type=password], select{width:100%; height:34px; padding:0 5px; color:#666; font-size:14px; border:1px solid #aaa; 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:80px; padding:8px 5px; color:#666; font-size:14px; border:1px solid #aaa; 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;}

/*---Proceeding Table ---*/
.proceeding-tb{width: 100%;}
.proceeding-tb td{width: 24%;}


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

/*--- News List Section ---*/
.news-list{}
.news-list .news-item{border-bottom: dashed 1px #00467f; padding: 10px 0;}

.news-list .news-item h3 a{color:#00467f;}
.news-list .news-item h3 a:hover{color:#005da9;}
.news-list .news-item .more{float: right; background: #00467f; min-width: 120px; text-align: center;   padding: 6px 12px 7px;    cursor: pointer;    border: none;    border-radius: 3px;    color: #fff;    font-family: "Open Sans", sans-serif;    font-weight: 600;    font-size: 16px;  text-transform: uppercase; width: auto;}
.news-list .news-item .more:hover{background: #005da9;}
.news-list .news-item .date{color:#00467f; margin-bottom: 5px; display: block;}

.news-list .news-item .news-left{float: left; width: 25%; margin-right: 5%;}
.news-list .news-item .news-left img{  margin-top: 10px;}
.news-list .news-item .news-right{float: right; width:  70%;}
.news-list .news-item
.news-detail{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}

/* Login Section ---*/

.login-wrapper{width: 30%;display:block; margin: 100px auto 230px; padding: 50px; background: #f5f5f5; border: solid 1px #ccc; }
.login-status{float: right; position:absolute; right: 10px; top:10px;}
/*-- Responsiveness Media Queries -- */
@media (min-width: 1500px) {
    .logo-box {width:18%;    }
}

@media (max-width: 1500px) {
    .container{width: 100%;}
    .wide-container{width: 100%;}
    .logo-box{display: none;}
    .homecta .cta-arrow { float: left;        margin-right: 5%;        margin-left: 10%;    }

}
@media (max-width: 1230px) {
    #navigation ul li.level_1 a {
        padding: 5px 15px;
    }
}
@media (max-width: 1200px) {
    #marketing .mcaption { top: 15%;}

}

@media (max-width: 1130px) {

.nav-hold{position: static;}
}
@media (max-width: 1080px) {
    .mobile-menu{display: block;}
    #navigation { top: 74px;}
    #navigation #nav-menu{display: none; position: absolute; max-width: 320px; background: #FFF;  border: 1px solid #ededed;  right: 0;  top: 58px;
        width: 30%;}
    #navigation ul li.level_1{float: none; text-align: left;  line-height: inherit;}
    #navigation ul li.level_1 .subnav{display: block; position: relative; border: none;  top: 0;        padding: 0;  box-shadow: none}
    .homecta .cta-arrow { float: left;        margin-right: 5%;        margin-left: 10%;    }
    .homecta:first-child {        margin-right: .2%;        padding-left: 0;        width: 49.9%;    }
    #content .content-hold .locator{width: 45%;}
    .interested h2{margin-top: 50px;}
    .interested .container{width: 90%;}
    .interested .dash {    margin: 10px auto 20px;    }
    .interested .btn {        margin-top: 0px;    }
    #navigation ul{width: 100%;}
    #navigation ul li.level_1 .subnav li a{  min-height: 22px;}
    #navigation ul li.level_1 .subnav .nav-cta{display:none;}

    #content .content-hold .speaker-info{ width: 35%;}
    .speaker-detail{width: 60%;}

}

@media (max-width: 980px) {
    #content .content-left{width: 27%; float: left;}
    #content .content-right{width: 72%; float: right;}
    .row .col.split {margin-left:0; clear:both !important;}
    .row .half{width:100%; margin-left:0;}
    .row .fourth{width:48%;}
    #marketing .mcaption .mtitle{font-size: 36px;  margin: 0 0 15px;}
    #marketing .mcaption .mdescription {      margin-bottom: 20px;}
}
@media (max-width: 880px) {
    .homecta .cta-arrow {        float: left;        margin-right: 0;        margin-left: 5%;    }
}
@media (max-width: 800px) {
    #navigation #nav-menu{width:100%;}
    .resource-category{width: 40%;}
    .proceeding-entry{width: 46%;}
    #content .content-hold .left-col{width: 97%;margin: 0 auto; float:none;}
    #content .content-hold .locator{float:none; margin: 0 auto;}
    .message-cta .left-info{  float: none;        margin: 45px auto;        width: auto;        text-align: center;        display: block;}
    .message-cta .right-info .dash {      border-top: solid 3px #e1e1e1;      display: block;     width: 165px;      clear: both;     margin: 20px auto;   }
    .message-cta .left-info img {margin: 0 auto;}
    .message-cta .right-info {        float: none;        width: 90%;        margin: 0 auto 20px;    text-align: center;  }
    #marketing .mcaption { top: 15%;}
}
@media (max-width: 768px) {
    .homecta{width: 100%!important;}
    .homecta .cta-arrow {        margin-right: 25%; float: right; }
    #content .content-hold .locator{width: 510px;}
    #content .content-left{width: 45%; float: left;}
    #content .content-right{width: 50%; float: right;}
    #marketing{display:none;}

    }
@media (max-width: 650px) {
 .desktop{display:none;}
    .mobile{display:block;  float: left;
        width: 100%;
        padding-bottom: 20px;
        padding: 0 0 20px 10px; }
    .mobile .soc-mobile{display:block;  float: left;        width: 100%;        padding: 0 ;margin-left: 0; background-color: #fff; position:relative;  top: 0;}

}

@media (max-width: 610px) {
    .row .col{ clear:both !important;}
    .row .col:first-child {    margin-left: auto;   }
    .row .third, .row .fourth{  width: 95%;     margin: 10px auto;      float: none;}
    .resource-category{width: 90%;}
    #navigation {        z-index: 600;        position: absolute;        top: 74px;    }
    #content .content-hold .locator{width: 96%; padding: 2%; }
    .homecta .wrapper{width: 100%;}
    .homecta .image-circle{  padding: 15px;  margin: 0 5%;}
    .homecta .image-circle img {   width: 30px;   }
    .homecta .cta-arrow {        margin-right: 5%; float: right;   width: 4%;}
    .message-cta .left-info{width: 95%;  margin-bottom: 20px;}
    .interested span {  font-size: 14px;  line-height: 24px;  }
    #content .content-left{width: 95%; float: none;margin: 0 auto;}
    #content .content-right{width: 95%; float: none; margin: 0 auto;}
    .row .filter_col{width: 90%; margin: 15px 0;}
    .row .filter_col.names{width: 90%; margin:  0;}
    .filter_btn{margin: 0;}
    .filter_row .col{clear: none!important;}

}

@media (max-width: 580px) {

    #marketing .mcaption .mtitle{font-size: 16px; margin-bottom: 10px;line-height: 16px;}
    #marketing .mcaption .btn{  padding: 0;}
    #marketing .mcaption .mdescription p{font-size: 12px; padding: 5px;}
    #content .content-hold .speaker-info{ width: 95%;}
    .speaker-detail{width: 95%;}
}
@media (max-width: 500px) {
.grey-box{    background-color: #f5f5f5;
    width: 100%;
    position: absolute;
    top: 54%;
    z-index: 50;
    min-height: 58px;}

}
@media (max-width: 350px){
    .grey-box {

        top: 48%;

    }
}

@media (max-width: 330px) {
    .grey-box{    background-color: #f5f5f5;
        width: 100%;
        position: absolute;
        top: 45%;
        z-index: 50;
        min-height: 58px;}
    #navigation {        z-index: 750;        position: absolute;        top: 48px;}
    #marketing .mcaption{  top: 20%;}
    #marketing .mcaption .mdescription{font-size: 12px; width: 80%;  margin-bottom: 10px;}

}