/*
Theme Name: ECTEL 2017
Theme URI: http://ectel.int/
Author: Demetrius Charles
Author URI: #
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
html, body, div, span, applet, object, iframe,
 p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	font-family: Roboto, sans-serif;

}
html {
    scroll-behavior: smooth;
}
body {
    max-width: 100vw;
    overflow-x:hidden;

}
.infinity-end.neverending #infinite-footer {
    display: none !important;
}


a { color:rgb(56, 56, 56); }


@media screen and (max-width: 1024px) {
    a.m__nav { position: fixed; z-index: 9999; top: -8px; }

    .side-nav { z-index: 99999 }
ul#menu-menu-main li:first-child {
    display: none;
}
}

@media screen and (max-width: 768px) {
    a.m__nav { position: fixed; z-index: 9999; top: 0px; }
}


.btn-floating.small-icon i {
font-size: 1rem !important;

}

.featuredFlag {
    position: absolute;
    top: 16px;
    right: 16px;
}

.featuredFlag img {
    max-width: 150px;
    height: auto !important;
}
@media screen and (max-width: 768px) { 

.featuredFlag {
    display: none !important;
}

 }


h1.sc-70 { width: 70%; margin-bottom: 4px !important;  }

@media screen and (max-width: 680px) {

    h1.sc-70 {
    width: 100% !important;
   
    margin-bottom: 16px !important;
    padding-top: 40px;
    font-size: 20px;
    line-height: 1.2;
}
}
h1.sc-100 {  }
@media screen and (max-width: 680px ) {

    .right-side-padding36 h1 {   font-size: 26px;
    line-height: 1.2;}
}

p {line-height: 1.5; margin: 6px 0 12px 0}

@media screen and (max-width: 680px) {

    .pagecontentArea p, article.content p {
         text-align: left !important;
    }
    p {
    font-size: 15px;
   
    font-weight: 400 !important; }
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

li { line-height: 1.5 }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	
}

img:focus{border:0; outline:none; margin:0; padding:0;}
/* floats */
strong{font-weight:bold;}

a{text-decoration:none;}



.clear{ clear:both;}

strong{font-weight:bold;}


form,input,label,checkbox{margin:0; padding:0; display:block;}

body{margin:0; padding:0; background:rgba(255,255,255,1); font-family: Roboto}


li.profile {
    position: relative;
    height: 160px;
    background: #36434d;
}

.profile img.custom-logo {
    width: 60%;
    height: auto;
    position: absolute;
    left: 40%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width:768px) {
.headerbottomlt a img{display:block; margin:0 auto; top:8px !important; text-align:center;}
}

@media screen and (max-width: 480px) {

    .headerbottomlt a img{display:block; margin:0 auto; text-align:center;}

}




/* modified styles 

.collapsible-body {
     display: inherit !important;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    transition: all 500ms;
    opacity: 0;
    height: 0px ;
    overflow: hidden;
}
*/
.visible {
    display: block !important;
    transition: all 500ms ;
    opacity: 1;
    height: auto;
    overflow: visible;
}

.magicLayer {
    position: absolute;
    width: 892px;
    height: 100%;
    top: 0;
    right: -167px;
    z-index: -1;
    background-position: top right !important;
    background-repeat: no-repeat !important;
}

@media screen and (max-width: 680px) {
    .magicLayer {
        background: rgba(249, 249, 249, 0.5) !important;
    }
}

.m__nav i {
    line-height: 56px;
    width: 56px;
    text-align: center;
    position: absolute;
    z-index: 99;
    top: 8px;
    color: white;
    font-size: 24px;
}

@media screen and (max-width: 768px) {

    .m__nav i { top: 0px; }
}
.modal.homepage .modal-content { }
.modal.homepage .modal-content img.fillscreen {width: 100%;}
a.ubermenu-target {overflow:hidden !important;}

.slider, ul.slides { height: 550px !important; }
#banner .indicators {
	max-width: 500px !important;
	margin:auto !important;
}
.indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: initial !important;
    margin: 0 ;
    top: 400px;
    z-index: 99; 
}

h2.sliderTitle {
    font-size: 45px; color:#fff ;
}


.slider .slides li .caption { left: auto !important; right: 10% !important; }
.over__slider { box-sizing: content-box !important ;    position: relative;
    z-index: 9;

}

.slider .indicators .indicator-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin: 0 8px; background-color: rgba(0,0,0,0) !important;
    transition: background-color .3s;
    border-radius: 50%;
    border: 2px solid #e0e0e0 !important;
}
.slider .indicators .indicator-item.active {
    background-color: #e0e0e0 !important;
}


.customTabs .tabs .indicator { bottom: initial !important; top: 0px !important; margin-right: 1px; background-color:#f1a327; }

.customTabs .tabs .tab a {  color: #444; } 
.customTabs  ul.tabs { margin: auto;
    float: none;
    z-index: 99;
    position: relative;
    background: transparent;
    padding: 0px; 
}

@media screen and (max-width: 768px) {  .customTabs .tabs .tab a { font-size: 13px; } }
.customTabs  .tabs .tab a:hover {   color: #e2961e !important; }


.no-margin { margin-bottom: 0px !important  }

/* li.tab.col.l4.s4 { margin-right:1px; width:calc(33.33% - 1px) !important;  }
@media screen and (max-width: 680px) {  
li.tab.col.l4.s4 {
 margin-right:0px; width: 33.33% }
} */
.tab__container { float: none !important; margin: auto; }





.tab__container h2 {
    font-size: 36px;
    color: #696969;
    line-height: 38px;
   
    padding-bottom:4px;
    margin: 0px;
}

@media screen and (max-width: 680px) {
    .tab__container h2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0px;
    }
}
.no_overflow {overflow: hidden;}
.tab__container p {
    
    font-size: 15px;
    line-height: 22px;
    color: #696969;
    padding-bottom: 16px;
}


.tab__container .padding {
    padding: 36px 24px 24px;
    position: relative;
    z-index: 99;
    padding-bottom: 36px;
    max-height: 494px;
}

@media screen and (max-width: 680px) {
    .tab__container .padding {
        padding:24px 8px 24px 8px;
    }
}
.tab__container a.waves-effect.btn-flat {
    padding: 0 12px;
    color: #0b91b3;
}
.no-bottom__margin { margin-bottom: 0px; }
/*wrapper*/

/* change to percentage instead of fixed pixel with for easier repsonsive styling */
.wrapper{width:85%;  margin:0 auto;}
@media screen and (max-width: 1024px) {.wrapper {width: 90%}}
.accordion-container h2.accordion-header{ color :#000 !important;}

/*header*/
header {
    width: 100%;
    position: fixed;
    z-index: 1000; transition: 400ms all !important;
    }


/*headerin*/



.ubermenu-submenu  { background: #df6c26 !important; }
.headerin{width:auto;}
/*headerrt*/

/*headercont*/
.headercont {
    float: left;
    padding: 20px 0 10px 0;
    border-right: 1px solid #d3d2d2;
}

.headercont ul.sub-menu {
    background: white;
    box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.3);
}

.headercont ul {
    padding: 0 0 0 0;
    margin: 0;
    list-style: none;
    position: relative;
  
    z-index: 3000;
  
}


.headercont ul li {float:left; display:inline; background:url(images/statearrow.png) 90% 10px no-repeat; padding-right:30px; border-bottom:1px solid #fff;}
.headercont ul li:last-child{border-bottom:none;}
.headercont ul li.first{border-bottom:none;}
.headercont ul li.last{background:none;  /*border-right:1px solid #fff;*/}

.headercont ul ul li a {
    display: block;
    padding: 0 10px;
    color: rgba(0,0,0,.5);
    font-size: 13px;
    line-height: 30px;
    text-decoration: none;
    font-weight: 500;
    height: 30px;
}


/* Hide Dropdowns by Default */
.headercont ul ul {display: none; position: absolute; top:27px;}

	
/* Display Dropdowns on Hover */
.headercont ul li:hover > ul {display:inherit;}
	
/* Fisrt Tier Dropdown */
.headercont ul ul li {
    /* width: 172px; */
    float: none;
    display: list-item;
    position: relative;
    background: none;
    padding: 8px;
}


/* Second, Third and more Tiers	*/
.headercont ul ul ul li {position: relative; top:-60px; left:170px;}

.headercont ul li a {
    font-size: 15px;
    color: #fff;
    line-height: 18px;
    padding: 4px 0px 7px 0px;
    text-transform: uppercase;
    display: block;
}


/*socialicons*/
.socialicons {
    float: left;
    padding: 26px 50px 0px 18px;
    display: inline;
    position: relative;
}
.socialicons ul{list-style:none; margin:0; padding:0;}
.socialicons ul li{float:left; display:inline; padding:0 8px 0 0;}
.socialicons ul li:last-child{padding-right:0px;}
.socialicons ul li a{display:block; color:#fff;}
.socialicons ul li a .fa-youtube-play {
    font-size: 27px;
    margin-top: -7px;
    margin-right: 20px;
}
.socialicons ul li a .fa-facebook-official {
    font-size: 27px;
    margin-top: -7px;
    margin-right: 20px;
}
i.search-box__icon.material-icons {
    font-size: 27px;
}
.socialicons ul li a .fa-twitter{font-size:22px; padding:2px 0 0 0;}



/*news-update*/
.news-update {
    float: left;
    display: inline;
    background: #fdfae9;
    padding: 48px;
    width: calc(35% - 96px);
    min-height: 340px;
    padding-top: 32px;
    padding-bottom: 75px;
}



/*epanding searcbox css start*/

#btn-search {
    background: none;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-transform: none;
    width: 34px;
    height: 34px;
}
a#btn-search i {
    font-size: 36px;
    color: #fff;
}

button::-moz-focus-inner {border: 0; padding: 0;}
fieldset {border: 0; margin: 0; padding: 0;}

input:focus {outline: none;}
input[type="search"] {-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input::-moz-focus-inner {border: 0; padding: 0;}

ul {list-style: none; margin: 0; padding: 0;}

/* ---------- CLASSES ---------- */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {content: ""; display: table;	}
.clearfix:after { clear: both; }
.container {left:0; top:0px; margin:0px; position:relative; top:25px;}




/*consultation*/
.consultation {
    float: right;
    padding: 48px;
    width: calc(65% - 96px);
    padding-top: 32px;
    padding-bottom: 32px;
}



/*consultationlt*/
.consultationlt {
    float: left;

    width: 65%;
}
/*brodaband*/
.brodaband{width:351px; margin:0 auto; background:url(images/broadband.jpg) no-repeat; position:relative; padding:0 11px 121px 0px; margin-bottom:22px;}
/*brodabandinfo*/
.brodabandinfo{position:absolute; top:0px; background:#c2b633 url(images/arrowright.png) 190px 8px no-repeat;}
.brodabandinfo a{font-weight:700; color:#fff;  text-transform:uppercase; width:197px; display:block; padding:0 11px 0 19px; line-height:32px; font-size:12px; word-spacing:3px;}




.videowrap.hoverable {
    width: 100%;
    height: 156px;
    margin-bottom: 0;
}

p#subscribe-submit input[type="submit"] {

    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    background: #077950;
    float: right;
}
.jetpack_subscription_widget h2.widgettitle { display: none; height: 0px !Important; margin: 0px !important; }


#subscribe-email input {
    width: calc(95% - 120px) !important;
    float: left;
}
@media screen and (max-width: 768px) {
#subscribe-email input {
    width: 84% !important;
   float: none; 
}

}


.searchbox span{display:inline; float:left;}



footer{background:rgb(54, 67, 77); padding-top:76px;}

@media screen and (max-width: 680px) {

footer {
padding-top: 24px;
padding-bottom: 24px;
}

footer .textwidget {
    text-align: center;
}

}

footer#siteFooter { min-height: 450px }
/*footerin*/




/*bredcrums*/
.bredcrums{padding:16px 0px 6px 0px !important;}

.page-template-numberportability-page .bredcrums {
    margin-bottom:16px;
}
.category .bredcrums {
    padding: 16px 0px 6px 12px !important;
}
.bredcrums span {
    color: rgba(0,0,0,.8);
    font-weight: normal;
    font-size: 16px;
    /* text-transform: uppercase; */
    line-height: 18px;
    background: none;
    margin-right: 0px;
    width: auto !important;
}
@media screen and (max-width: 680px) {
    .bredcrums {display: none}
}
.bredcrums img{ padding:0 2px !important;}

.bredcrums span a{ background:none !important; color:#000; font-weight:bold !important; font-size:12px; 
line-height:18px; padding:0 3px 0 3px !important;  background:none; margin-right:0px; width:auto !important; float:none !important;}
.bredcrums span a span{font-weight:bold !important;}

/*innercontentrt*/
.innercontentrt{float:right;}
.innercontentrt h2{border-bottom:1px solid #c4c4c4; padding:0 35px 22px 35px; font-size:13px; text-transform:uppercase; line-height:18px; color:#000;}
.innercontentrt ul{list-style:none; margin:0; padding:22px 35px 0 35px;}
.innercontentrt ul li{float:none; list-style:none; padding-left:0; padding-bottom:0px;}
.innercontentrt ul li a {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 25px;
    color: rgba(0, 0, 0, 0.91);
    font-weight: 500 !important;
    background: none;
    width: auto;
    padding: 0 0 0 0;
    float: none;
}

.innercontentrttopin {
    width: 100%;
    /* background: #efefef url(images/innercontentrtbg.jpg) center bottom no-repeat; */
    /* padding: 24px 0px 24px 0px; */
    margin: 50px 0 32px 0 ;
    border-left: 3px solid #df6c26;
    /* position: fixed; */
}

@media screen and (max-width: 768px) {
    .innercontentrttopin  { margin-top: 12px !important; padding: 24px 0px 24px 0px; }
}
.innercontentrttopin h2 {
    padding: 0 35px 0px 23px;
    font-size: 20px; margin:0px;
    text-transform: uppercase;
    line-height: 1;
    color: rgba(0,0,0,.75);
}
.innercontentrttopin ul {
    list-style: none;
    margin: 0;
    padding: 15px 0 0 24px;
}
.innercontentrttopin ul li{float:none; list-style:none; padding-left:0; padding-bottom:0px;}
.innercontentrttopin ul li a {
    display: inline-block;
    /* font-size: 13px; */
    /* text-transform: uppercase; */
    line-height: 1.7;
    color: rgba(0,0,0,.75);
    /* font-weight: 300; */
    background: none;
    width: auto;
    padding: 0 0 0 0;
    float: none;
}
.innercontentrttopin ul li.current-menu-item a{ font-weight:bold;}

/*pagemap*/
.pagemap{width:100%; position:relative; z-index:3;}
/*pagemapin*/
.pagemapin{background:url(images/inmapbg.png) 92px 0 no-repeat;}
.pagemapinlt{float:left; padding-top:74px; padding-bottom:84px;}
.pagemapinlt img{padding-bottom:17px;}
.pagemapinlt p{font-size:14px; color:#fff; line-height:18px;  font-weight:300;}

/*pagemapinrt*/
.pagemapinrt{float:left; padding:186px 0 42px 0;}
/*one*/
.one{background:#f7c95b; width:115px; padding:0 0 0 9px; margin-left:400px;  font-weight:300;}
.one p{color:#000; text-transform:uppercase; font-size:11.45px; line-height:21px;}

/*two*/
.two{background:#f7c95b; width:67px; padding:0 0 0 9px; margin-left:500px;  font-weight:300; margin-top:54px;}
.two p{color:#000; text-transform:uppercase; font-size:11.45px; line-height:21px;}

/*three*/
.three{background:#f7c95b; width:65px; padding:0 22px 0 11px; margin-left:630px;  font-weight:300; margin-top:42px;}
.three p{color:#000; text-transform:uppercase; font-size:11.45px; line-height:21px;}

/*four*/
.four{background:#f7c95b; width:170px; padding:0 18px 0 11px; margin-left:390px;  font-weight:300; margin-top:5px;}
.four p{color:#000; text-transform:uppercase; font-size:11.45px; line-height:21px;}

/*five*/
.five{background:#f7c95b; width:40px; padding:0 40px 0 11px; margin-left:480px;  font-weight:300; margin-top:32px;}
.five p{color:#000; text-transform:uppercase; font-size:11.45px; line-height:21px;}



/*statswrapin*/
.statswrapin{padding:56px 0;}
.statswrapin ul{list-style:none; margin:0; padding:0;}

.statswrapin ul li {
    float: left;
    text-align: center;
    width: 25%;
}
.statswrapin ul li h2{font-size:54px; color:#fff; }
@media screen and (max-width: 680px) {

.statswrapin ul li {
    width: 100%;
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.statswrapin ul li h2 {
    font-size: 32px;
    color: #fff;
}

.statswrapin ul li p {
    font-size: 13px;
}
}

.statswrapin ul li p{font-size:15px; color:#fff; line-height:18px;  text-transform:uppercase;}

.statswrap {
    background: #36434d;
}








@media screen and (min-width: 1025px) and (max-width: 1186px)
{
}


input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {

   border-bottom: 1px solid  rgb(54, 67, 77);
  box-shadow: 0 1px 0 0  rgb(54, 67, 77);
}

.card-content input:not([type]):focus:not([readonly]),
.card-content input[type=text]:focus:not([readonly]),
.card-content input[type=password]:focus:not([readonly]),
.card-content input[type=email]:focus:not([readonly]),
.card-content input[type=url]:focus:not([readonly]),
.card-content input[type=time]:focus:not([readonly]),
.card-content input[type=date]:focus:not([readonly]),
.card-content input[type=datetime]:focus:not([readonly]),
.card-content input[type=datetime-local]:focus:not([readonly]),
.card-content input[type=tel]:focus:not([readonly]),
.card-content input[type=number]:focus:not([readonly]),
.card-content input[type=search]:focus:not([readonly]),
.card-content textarea.materialize-textarea:focus:not([readonly]) {

   border-bottom: 1px solid orange !important;
  box-shadow: 0 1px 0 0  orange !important;
}


nav.consult {width:50%; height: 48px; overflow: hidden; float: left; margin-right: 16px;}
nav.consult .input-field i { height: 48px !important; line-height: 48px !important; }
nav.consult input:not([type]):focus:not([readonly]),
nav.consult input[type=text]:focus:not([readonly]),
nav.consult input[type=password]:focus:not([readonly]),
nav.consult input[type=email]:focus:not([readonly]),
nav.consult input[type=url]:focus:not([readonly]),
nav.consult input[type=time]:focus:not([readonly]),
nav.consult input[type=date]:focus:not([readonly]),
nav.consult input[type=datetime]:focus:not([readonly]),
nav.consult input[type=datetime-local]:focus:not([readonly]),
nav.consult input[type=tel]:focus:not([readonly]),
nav.consult input[type=number]:focus:not([readonly]),
nav.consult input[type=search]:focus:not([readonly]),
nav.consult textarea.materialize-textarea:focus:not([readonly]) {

   border-bottom: 1px solid orange !important;
  box-shadow: 0 1px 0 0  orange !important;
}



.searchbox input.btn {
    background-color: #078053; float: right !important;
}
.searchbox span:first-child { width: calc(100% - 200px) }


.searchbox input  {
 color:#fff !important;
}

@media screen and (max-width: 768px) {


.searchbox input[type="email"] {
    width: 84% !important;
    margin: auto;
    float: none !important;
}

p#subscribe-submit input[type="submit"] {

    position: relative; top: 12px; margin:auto; width: 84%; display: inherit !important; float: none !important;
}
}

.towerwrapin i {
    font-size: 56px;
    color: #fff !important;
    line-height: 1.17;
}
.towerwrapintop a {
    color: #fff !important;
}

.towerwrapintop div {
    padding: 25px 48px;
}

.towerwrapintop div {
    border: none;
    width: 33.33%;
    float: left;
    text-align: center;
    color: #fff !important;
}
.modal.homepage  h1 {
    font-size: 24px;
    line-height: 1.5;
}

#menu ul li {
    float: left;
    font-weight: 400;
    position: relative;
}
#menu {
    top:16px;
    margin-left:0px;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    position: relative;
    float: left;
}

@media screen and (max-width: 1024px) {
    #menu { right: 1%; }
}
div#menu nav { background-color: none; background: none; box-shadow: none; }
#menu a{text-decoration:none;color:#111; font-family: Roboto}
#menu ul li a{color:rgb(255,255,255); background-color:transparent;  transition: background-color 0.5s ease;}
#menu ul li a:hover{background-color:rgba(255,255,255,.1); }
#menu #menu-menu-main li ul li a.waves-effect { width: 100%; color: rgba(0,0,0,0.76); }
#menu #menu-menu-main li a:link { 
    padding:20px 13px;  
    font-size: 14px;  
    line-height: 1 !important; 
    letter-spacing: 1px ;
    text-transform: uppercase !important;  
    margin: 0 0 0 0;
}
@media screen and (max-width: 1146px) {
#menu #menu-menu-main li a:link { 
    padding:20px 10px;  
	}
}
#menu #menu-menu-main li ul li a:link { 
	padding:18px 13px;  
	font-size: 13.5px;
	line-height: 18px !important;  
}

li.sub-menu-item a {
	line-height: 1.4 !important;
}
.menu-item-description {
	height: 56px;
	font-size: 12px;
	text-transform: initial !important;
	letter-spacing: .3pt;
	line-height: 1.2;
	margin-top: 9px;
	color: rgba(255,255,255,.8);
}
#menu #menu-menu-main li ul li {
  position: relative;
  cursor: pointer;
  width: 100%;
  -webkit-transition: background 500ms ease-out;
  -moz-transition: background 500ms ease-out;
  -o-transition: background 500ms ease-out;
  -ms-transition: background 500ms ease-out;
  transition: background 500ms ease-out;
  border-bottom: 1px solid rgba(105,105,105,.06);
  border-right: 1px solid rgba(105,105,105,.06);   
}

#menu #menu-menu-main li ul li:hover{ background:rgba(0,0,0,.1)}
#menu #menu-menu-main li ul{
		box-shadow:1px 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow:1px 1px 3px rgba(0,0,0,.3);
		-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.3);
		border-radius: 3px;
		position:absolute;
		visibility:collapse; 
    min-width:200px;
    background: #fff;
    z-index:99999;opacity:0;
		-webkit-transition:opacity linear .1s;
		-moz-transition:opacity linear .5s;
		-o-transition:opacity linear .5s;
		-ms-transition:opacity linear .5s;
		transition:opacity linear .5s
	}
#menu #menu-menu-main ul ul{
    box-shadow:1px 2px 6px rgba(0,0,0,.3);
    -moz-box-shadow:1px 2px 6px rgba(0,0,0,.3);
    -webkit-box-shadow:1px 2px 6px rgba(0,0,0,.3); 
    position:absolute;
    left:200px;
    color:#333;
    top: 0px;
    min-width:200px; 
    background:rgb(251,251,251);
} 
#menu #menu-menu-main ul ul li{width:198px; 
	border:none; 
	text-align:left; 
	padding-left:0px; background:none; 
}
#menu #menu-menu-main ul ul ul li{background:#F3F3F3}
#menu div.sub {
	padding: 0 12px 12px 12px;
	font-size: 11px;
	color: rgba(255,255,255,.75);
	font-family: Roboto;
}
#menu #menu-menu-main ul ul a{
	-webkit-transition:all .5s;
	color:#333;
}
#menu #menu-menu-main li a:active, #menu #menu-menu-main li a:visited{
	text-decoration:none;
}
#menu #menu-menu-main ul ul li a:hover,#menu #menu-menu-main ul ul li a:link,#menu #menu-menu-main ul ul li a:visited{
	color:#333;
}
#menu #menu-menu-main li:hover>ul{display:block;visibility:visible;opacity:1; transition: all 300ms !important}
.col.l4.m12.s12.color-tan {min-height: 445px;}
.color-tan { background:#fdfae9; }
.no-background { background: transparent !important ; background-color:rgba(0,0,0,0) !important; } 
.no-border { border:none !important; }
p.date-excerpt {
  font-size: 12px;
  line-height: 1.4;
  color: rgba(0,0,0,.6);
}
.padding {
   padding: 12px 12px 0px 12px;
}

.card.col.green {
    background: #b4d56b !important;
}
.card.col.green .card-action a { color: #fff !important; }

.card.col.tan { background:#fdfae9 !important; }

i.fa.fa-youtube {font-size: 50px !important;}

@media screen and (min-width: 1024px) {
.right-side-padding36 { padding-right: 36px !important;  }
}
@media screen and (max-width: 680px) {
	.right-side-padding36 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}
.smallScreenSpacer {
		height:0px; width: 0px;  opacity: 0; 
	}
@media screen and (max-width: 680px) {
	.smallScreenSpacer {
		height: 56px; width: 100%;  opacity: 0; 
	}
}
.multiple-items { width: 94%;  padding:48px; margin:auto;}
.multiple-items .item { min-width: 200px; }
.multiple-items .item .left { float: left; max-width: 50%; overflow-x: hidden; }
.multiple-items .item .right { float: left !important; max-width: 44%; overflow-x: hidden; margin-left:2%; margin-right: 2%;  }
@media screen and (max-width: 768px) {
	.multiple-items .item .left {
		max-width: 100%;
		width: 90%;
	}
	.multiple-items .item .right {
		width: 90%;
		padding: 10%;
		background: #fff;
		border-left: 33px solid rgb(233, 233, 233);
		margin: -5px 0 0 0;
		max-width: 88%;
	}
}
.multiple-items h4 {
	font-size: 18px;
	line-height: 1.2;
	margin: 0px !important;
	font-weight: 500;
}

.multiple-items .item .left,  .multiple-items .item .right {
    font-size: 14px; line-height: 1.3 !important
}

.multiple-items .item .left img { width: 98%; }
.drag-target { width: 20px; }

    .directorTabs {
        width: 50% !important;
    left: 6% !important;
    margin: 0px;
    padding: 0px;
    float: left !important;
}

@media screen and (max-width: 768px) {

        .directorTabs {
        width: 80% !important; left: 24px !important
    }

}

@media screen and (max-width: 680px) {

        .directorTabs {
        width: calc(100% - 32px) !important; left: 16px !important
    }
.directorTabs li a { font-size: 12px !important; line-height: 3.4 }
}


.no-float { float: none !important;  } .element-centered {margin: auto !important; position: relative;}

.page-social {
    position: absolute;
    top: 0px;
    right: 16px;
}
li.share-twitter { margin-left: -4px !important }
.category .card-title {
    padding: 16px 16px 0;
    font-size: 20px;
   

}
.published_meta {
    margin: 0 0 24px 0;
    color: rgba(0,0,0,.5);
}

@media screen and (max-width: 768px) 
{
    .published_meta {  position: absolute; top: 7px;}
}
.category .card-title   {     color: rgba(0,0,0,.8) !important; }
.category .card .date {
    text-transform: uppercase;
       
    font-size: 13px;
    font-weight: normal;
}


.post_meta {
    padding: 0px 0px 0px;
    font-size: 14px;
    
    margin: 4px 16px;
    font-weight: 500;
    color: rgba(0,0,0,.6);
}
.card.category-statements .post_meta {display: none;}



.category .card .card-action {

    padding: 16px;
    border:none !important;
}

.follow .main-site--nav {
 transition: all 350ms;
    height: 56px;
 
}

 .main-site--nav {
 transition: all 350ms;
 }
@media screen and (max-width: 1024px) {
    .follow { height: 64px;  }
}
.filler {
    height: 82px;
    /* width: 100% !important; */
    transition: all 400ms !important;
}


.filler.replaced { height: 82px }

@media screen and (max-width: 980px) {
    .filler { height: 0px; }

    .filler.replaced { height: 0px }
}


.follow div#menu {
    top: 0px;
}


.follow .brand-logo {

    max-width: 135px;
    transition: all 350ms !important;
    height: 56px;
}

.brand-logo { 

transition: all 350ms !important;
}



@media screen and (max-width: 1024px) {

    .follow div#menu { top: 3px; }
}
.headerrt{float:right; 

        -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;


 margin-top: 0px;}

.follow .headerrt {
    margin-top: -100px !important;

        -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}



@media screen and (max-width: 1024px) {
.follow .headerrt {
    margin-right: 0px !important;
    width: auto !important;
    position: inherit !important;
}
    }

.follow .headerbottomlt {
    height: 82px;
    transition: 400ms all !important;
}


.follow .headerbottomlt img {
    width: 200px;
    transition: all 400ms !Important;
    padding: 12px 0 0 12%;
}
.follow.drop { margin-top:-96px !important; }

@media screen and (max-width: 1024px) {
.follow.drop { margin-top:0px !important; }

    .follow .headerbottomlt {
    height: 64px;
    transition: 400ms all !important;
}



    .follow .headerbottomlt img {
    width: 120px;
    transition: all 400ms !important;
    padding: 0px;
}
}

.section.table-of-contents {
   margin-top:44px; background: rgba(242, 242, 242, 0.2); border-radius: 8px; }


@media screen and (max-width: 768px) {

    .section.table-of-contents { margin-top:8px; margin-bottom: 16px;}
}


a.sd-button.share-icon {
    background: transparent !important;
    border: 0px solid !important;
    box-shadow: none !important;
}
.modal-content .sd-social-icon-text ul li a.sd-button.share-facebook:before { font-size: 26px !important; line-height: 21px !important; }

.sd-social-icon-text ul li a.sd-button:before {
    position: relative;
    top: 2px;
    font-size: 32px !important; 
    line-height: 24px;
}

.sd-social-icon-text ul li a.sd-button.share-more:before {
    font-size: 21px !important;
}
a.sharing-anchor.sd-button.share-more {
    background: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
}

.sd-social-icon .sd-content ul li.share-facebook a:before, .sd-social-text .sd-content ul li.share-facebook a:before, .sd-content ul li.share-facebook div.option.option-smart-off a:before, .sd-social-icon-text .sd-content li.share-facebook a:before {
    content: '\f203' !important; 
}

li.share-end {
    margin: 0px !Important;
    height: 0px;
    display: none !important;
    visibility: collapse;
}

.card-action .social {
    float: left;
   /* width: 50%; */
}



.card-action .social ul li a {
    margin-right: 8px !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.page-social ul li a {
    margin-right: 8px !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}
@media screen and (max-width: 768px) {
.page-social ul li a { width: 32px;  }
}


a.sharing-anchor.sd-button.share-more span {
    display: none;
}
.sd-content ul {

    margin: 0 0 0em 0 !important;

}


ul.top_bar.navigation li {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    display: inline-flex;
}

ul.top_bar.navigation li.current-menu-item {
  border-bottom: 2px solid #df6c26;
    background: #f8f8f8;
}

.card.sectionNav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: color .28s ease;
}

.card.sectionNav ul li:hover {
    background:rgba(0,0,0,.08);
}
.card.sectionNav {
    box-shadow: none;
}
.bredcrums.margin__bottom { margin-bottom: 16px !important; }


.police {
    padding: 36px 0 16px 36px;
    font-size: 18px;
    font-weight: normal;
}



span.infinite-loader { 
position: fixed;  width: 200px; height: 200px; left: 50%; top: 50%; margin-left: -100px;margin-top:-100px; 
 }


div.spinner div {
    position: absolute !important;
    width: 200px !important;
    z-index: 999999999 !important;
    left: 50% !important;
    top: 50% !important; display: none !important;
}



div.spinner {
    width: 32px !important;
    height: 32px !important;
    border: 3px solid rgb(223, 108, 38) !important;
    border-right-color: transparent !important;
    border-radius: 50% !important;
    position: relative !important;
    animation: loader-rotate 1s linear infinite !important;
    top: 50% !important;
    margin: -28px auto 0 !important;
}
  div.spinner::after {
    content: '' !important;
    width: 1px !important;
    height: 1px !important;
    background: rgba(0,0,0,.12) !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: -1px !important;
    left: 33px !important; }

@keyframes loader-rotate {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }


.card.sectionNav .card-content {
    padding: 0px;
}


@media screen and (max-width: 768px) {


.card.sectionNav {
    margin: 16px 0px 0px 0px;
    background-color: rgba(0,0,0,0);
    box-shadow: none;
}

.card.sectionNav .card-content {
    padding: 0px;
    margin-bottom: 10px;
}


.card.sectionNav ul.top_bar.navigation li {
    width: 100%;
    padding-left: 16px;
    text-align: left;
    margin: 0px;
    padding: 0px;
    line-height: 24px;
    text-transform: capitalize !important;
    display: inline-block;
    color: #757575;
    height: 1.5rem;
    font-weight: 300;
}
#menu-legislation-menu {
margin:25px 10px 16px 10px;
}

.card.sectionNav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    font-size: 15px;

}


.card.sectionNav li.current-menu-item {
    border-bottom: 0px !important; border-left: 2px solid #df6c26; font-weight: 400 !important;
}
}

div#siteContent.events .card {
    width: calc(33.33% - 16px);
    float: left;
    margin: 8px;
}
@media screen and (max-width: 768px) {
    div#siteContent.events .card {
    width: calc(50% - 8px);
    float: left;
    margin: 8px 4px;
}
}

@media screen and (max-width: 480px) {
    div#siteContent.events .card {
    width: calc(100% - 8px);
    float: left;
    margin: 8px 4px;
}
}

.addtocalendar var{
    display: none;
}

.addtocalendar {
    display: inline-block;
    background: transparent !important;
    margin: 16px;
    position: absolute;
    right: 0;
}

.atcb-link {

    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 37px;
    height: 37px;
    line-height: 37px;
    padding: 0;
    background-color: #ff9800;
    border-radius: 50%;
    transition: all .3s !important;
    cursor: pointer; 
    vertical-align: middle; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
.atcb-link:hover {
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.32);
 transition: all .3s !important;

}

.atcb-link:focus~ul,
.atcb-link:active~ul,
.atcb-list:hover{
    visibility:visible;
}

.atcb-list {
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    width: 170px;
    z-index: 900;
}

.atcb-list,
.atcb-item
{
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.atcb-item {
    float: none;
    text-align: left;
}

.atcb-item-link
{
    text-decoration: none;
    outline: none;
    display: block;
}

.atcb-item.hover,
.atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}


/* Blue */
.atc-style-blue .atcb-link:hover{}
.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus
{
    margin: 0 !important;
    padding:0 0 0 0;
    color: rgba(0,0,0,0) !important;
    position: relative;
}

a.atcb-link:before {
    content: "\E916";
    font-family: 'Material Icons';
    color: #fff;
    position: absolute;
    top: 0;
    left: 7px;
    width: 44px;
    margin: auto;
    font-size: 24px;
}
div.excerpt { clear: both; }
.events i {
    vertical-align: middle;
    font-size: 18px;
    margin: 0px;
    padding: 0px; margin-top:-2px;
}

.excerpt p {
    font-size: 14px;
    line-height: 1.4;
    color: rgba(0,0,0,.56) !important;
}


.card-title--event {
    padding: 10px 0;
    font-size: 16px; display: inline-block;
}

.eventLocation {
    padding: 16px;
   
    background: rgba(0, 0, 0, 0.40);
   
    color: white;
}

.events .card-image { max-height: 300px;  overflow: hidden; }
.card-image .eventLocation { position: absolute;width: 100%; bottom:0px; }
.events .card-action {
    border-top: none;
    padding-top: 0px !important;
}

span.eventsList {
    margin-right: 8px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 8px;
    border-right: 1px solid rgba(0,0,0,.2);
}
@media screen and (max-width: 680px) {

    span.eventsList { font-size: 14px; }
}

.card-content .eventsList, .card-content .eventsList i {
    font-size: 13px;
    color: rgba(0,0,0,0.6);
}

.card-title--event { display: inline-block;  }

.atc-style-blue .atcb-list {
    width: 170px;

    border-radius: 2px;
    box-shadow: 0 0 5px rgba(107, 107, 107, 0.2);
}

.atc-style-blue .atcb-list,
.atc-style-blue .atcb-item
{
    background: #fff;
    color: #000;
}

.atc-style-blue .atcb-item,
.atc-style-blue .atcb-item-link
{
        line-height: 1.1em;
    vertical-align: middle;
    zoom: 1;
    text-transform: capitalize !important;
}

.atc-style-blue .atcb-item-link,
.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus
{
    color: #000 !important;

    font-size: 14px;
    text-decoration: none;
    outline: none;
    padding: 10px 15px;
}

.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus
{
    color: #fff;
}

.atc-style-blue .atcb-item.hover,
.atc-style-blue .atcb-item:hover {
    background: rgba(0,0,0, 0.25);
}




.alignleft {
    float: left;
    margin: 0px 12px 12px 0px;
}

.alignright {
    float: right;
   margin: 0px 0px 12px 12px;
}
@media screen and (max-width: 768px) {
    .pagecontentArea img { max-width: 100%; height: auto; }

    img.alignleft , img.alignright {  max-width: 40% !important; height: auto; 
   
}
}

@media screen and (max-width: 680px) {


    img.alignleft , img.alignright {  max-width: 100% !important; height: auto; 
   
}
}
.card .card-content p {

    color: rgba(0,0,0,0.75);

}
.card .card-content {
    padding:16px;
}
@media screen and (max-width: 680px) { 
.card .card-content p {

    font-size: 14px;
}

    }

.card-action.no-border.no-padding--top { border-top:0px; padding-top:0px !important; }


.card-action.no-border.no-padding--16 { border-top:0px; padding:12px 16px; }

.atc-style-blue.inpage {
position:fixed; float: none !important;
    bottom: 24px;
    right: 24px;
    z-index: 999;
}
.inpage .atcb-list {
    top: inherit !important;
    bottom: 100% !important;
    right: 0 !important; 

}
.v-align-m {vertical-align: middle !important; }

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}

.youtube .play {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ +CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center;
    background-size: 64px 64px;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all 0.2s ease-out;
}

.preview-card {
    height: 240px; 
    background-size: cover !important;
}
.preview-card:before {
    background: rgba(0,0,0,0.35); /* fallback*/
    background: linear-gradient(70deg, rgba(0, 0, 0, 0.35), rgba(255, 255, 255, 0));
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    content: ' ';
    position: absolute;
}


.youtube .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.spinner-orange-only {
border-color: #ff9800!important
}




@media screen and (max-width: 768px) {
    .post_format-post-format-video, .comcard, .post_format-post-format-gallery {
    margin: 0 0px 16px 0;
}
}
.mediaCards { width:calc(25% - 16px); float: left; margin:8px 8px 16px 8px; }

@media screen and (max-width: 1024px) {
   .mediaCards { width:calc(50% - 16px); float: left; margin:8px 8px 16px 8px; } 

}
@media screen and (max-width: 680px) {
   .mediaCards { width:calc(100% - 16px); float: left; margin:0px 8px 16px;} 

}
.grid-sizer {
    width: 8px;
}
.grid-item {
    width: calc(33.33% - 16px);
    margin: 0 8px 8px 0;
}
    
.grid-item.profile-card {
    width: calc(33.33% - 24px);
    margin: 0 16px 18px 0;
    min-height: 220px;
    box-shadow: 0 5px 25px rgba(54,67,77,0.15);
    border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .grid-item { width: calc(50% - 8px); } 
    .grid-item.profile-card { width: calc(100%); }  
}
@media screen and (max-width: 680px) {
  .grid-item { width: 100% ; margin-bottom: 8px; }  
}

.post_format-post-format-gallery img.materialboxed {
    width: 100%;
}



.navButtons {
    position: fixed;
    padding: 12px;
    right: 0;
    top: 0;
    z-index: 9999999999;
    display: none;
    width: auto;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    margin: 12px;
}

#map {
    width: 100%;
    height: 350px;
}
.holder { position: absolute; width: 100%; z-index: 1 }
@media screen and (max-width: 768px) {}
.width-left { width: 48% !important; float: left !important; margin-right: 2% !important;}
.wpcf7-form-control-wrap{
    position: initial !important;
}

#vidurl .modal-content { padding:0px !important; margin:0px; }
div#vidurl.modal { width: 65% !important; overflow:visible;}
@media screen and (max-width: 768px) {

div#vidurl.modal  {
    width: calc(100% - 16px) !important;
    top:25% !important;
}

}

.link_icon i { vertical-align: middle; margin-top: -2px !important; }
.link_icon { color: #fff }


.link_title { font-size: 18px;  }
.date-small {
    font-size: 13px;
    font-weight: 300;
}
.card-image.consult {
    max-height: 150px;
    overflow: hidden;
}

.media-card {
    max-height: 157px; 
    overflow: hidden; 
}
.card-title.text-small {

    line-height: 1.2 !important;
    top: 0px; bottom:  initial !important;
}
.media-card .card-image { max-height: 157px !important; overflow: hidden !important; }

.mediaCards .card-title a { color: #fff !important; font-size: 18px;}

.category-media .card-title a {
    color: rgba(255,255,255,1) !important;
}

.hoverable:hover { z-index: 99 !important }

.preview_image {
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 24px 24px 0;
    border-radius: 50%;
    background: lightgrey;
}
.special .card-content {padding:0px; min-height: 80px;}
.app-list-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;

}
.app-list-title:hover {
    color: #df6c26;
}
td.grey.lighten-4.bold {
    font-weight: 500;
    min-width: 150px !important;
    font-size: 15px;
    line-height: 1.8;
}
.meta--Area table td {vertical-align: top !important; padding:16px !important;}
.meta--Area table td p { margin: 0px 0px 6px 0px !important; }
.card-action.tables button.rignt {margin-left: 16px; }

li.share-print {
    opacity: 0;
    width: 0px;
    height: 0px;
    visibility: collapse;
}
body.single.single-post li.share-print { opacity: 1; width: auto !important; height: auto !Important; visibility: initial !important }

@media screen and (max-width: 768px) { 

body.single.single-post li.share-print { display: none !important; } 

 }

.card-action.tables button.transparent {box-shadow: none; margin-left: 16px;}

.category-ict-indicators .published_meta, .category-ict-indicators .post_meta { display: none !important; }

em { font-style: italic !important; }

.category-ict-indicators .pagecontentArea h5 {
    font-size: 1.34rem;
    line-height: 110%;
    margin: 1.9rem 0 .656rem 0;
    font-weight: 600;
}
td p {
    line-height: 1.5;
     margin: 0px !important;
}

.normal--p  p { padding: 0px !important; }


.collapsible-body.normal--p {
    padding: 0px !important;
    margin: 0px !important;
}

#pdfViewer {
    width: 90% !important;
    max-height: 80% !important;
    height: 80% !important;
}

#pdfViewer iframe { height: calc(80vh - 12px) }

.second-tier { bottom: 80px !important; }

.profile-title {
    font-weight: 500;
    font-size: 19px;
    color: rgb(62, 74, 84);
    text-align: center;
    margin: 16px 0px 8px;
}
.section-title.grid-item {

    width: 100%; margin: 24px 0; font-size: 24px; line-height: 1.3 !important;
}


.collapsible-header.full { font-weight: 600;  }

a.getpdfs.waves-effect.link--noButton {
    line-height: 1.1;
    color: rgba(0,0,0,0.7);
    margin-left: 8px;
}

.resource_details {
    width: 100%;
    margin: 2px;
    height: 34px;
}

.subcat_meta  {
font-size: 20px;
    line-height: 1.3;
    margin-top: 8px;  color: rgba(0,0,0,0.6);
}



.subcat_meta a {
    font-size: 14px;
color: rgba(0,0,0,0.6);
   
}

span.postcount {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    vertical-align: text-top;
}
.no-negative {margin-top:0px !important; width: 95% !important; }

.category .com.card-title {
    width: 100%;
    font-size: 17px;
    line-height: 1.1;
    font-weight: 500;
    padding: 16px;
}

.category .no-bottom--padding.card-title {
    width: 100%;
    font-size: 18px;
    line-height: 1.1;

    color: rgba(0,0,0,0.4) !important;
}
.card.comcard .card-content {
    padding: 8px 16px 16px !important;
    font-size: 14px;
    line-height: 22px;
}

.comcard .card-action .btn-flat {
    padding: 0px 16px;
}

.col.s12.m12.l12.subcat_meta {
    padding-bottom: 8px !important;
    margin-bottom: 0px;
    margin-top: 16px;
    position: relative;
    padding-top: 16px !important;
}
@media only screen and (min-width: 993px) {
.card.hoverable.col.s12.m6.l4.comcard { width:calc(33.3333% - 16px); }

}



li.tabbed-list {
    list-style: none;
    width: 100%;
    padding: 8px 16px;
    margin: 0px 0px 24px 0;
    border-left: 2px solid orange;
    min-height: 60px;
}

.tabbed-list .date {
    float: left;
    padding: 0 12px 0 0;
    text-align: center;
    line-height: 1.2;
}
.tabbed-list span.day {
    font-size: 22px;
    font-weight: 500;
}


.tabbed-list span.month {
    text-transform: uppercase;
    font-size: 14px !important;
}

@media screen and (max-width: 680px){
    .tabbed-list span.month {
        font-size: 10px !important;
    }
    .tabbed-list span.day {
    font-size: 16px;
    font-weight: 500;
    }

    .tabbed-area--title {
    font-size: 14px;
    line-height: 1.4;
    }


}


 h1   {
    font: 500 34px/40px Roboto,sans-serif;
    letter-spacing: -.01em;
    color: rgba(0,0,0,.69); margin: 0 0 16px 0 ;
}

@media screen and (max-width: 680px) {
    h1   {
    font: 500 24px/32px Roboto,sans-serif;
}
}
 h2  {
    font: 500 30px/36px Roboto,sans-serif;
    letter-spacing: -.01em;
    color: rgba(0,0,0,.69); margin: 0 0 16px 0 ;
}

 h3  {
    font: 500 26px/32px Roboto,sans-serif;
    letter-spacing: -.01em;
    color: rgba(0,0,0,.69); margin: 4px 0 8px 0 ;
}


body.page-template h1.sc-contact, body.page h1.sc-contact { color:#fff !important; margin:24px 0  12px !important;  }

.card .card-title {
    font-weight: normal;
}

div#current{
    margin-bottom: 36px;
}
.with--filters {margin-top:-76px;}
@media screen and (max-width: 768px) {
   .with--filters {margin-top:12px;} 
}

.sideBar-title {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-left:8px;
}
.sub-sideBar-title {
    font-size: 15px;
    font-weight: 300;
    margin-top:12px;
    margin-bottom: 12px;
    margin-left:8px;
}

.emptyList:before {
    content: 'Nothing listed';
    font-size: 12px;
    letter-spacing: 1px;
    font-family: monospace;
    top: 30px;
    position: relative;
}
.emptyList {
    background: rgba(0, 0, 0, 0.03);
    width: 100%;
    border-radius: 4px;
    text-align: center;
    min-height: 90px;
}


.m_title{
    padding-left:12px !important;
}
.inpage-nav ul li:hover {
    background-color: rgba(0,0,0,0.09);
    border-radius: 3px;
}
.inpage-nav ul li {
    line-height: 1.2;
    padding: 12px ;
}
.inpage-nav ul li a {
	font-size: 15px;
}
.page-logo img {
    width: 85%;
    height: auto;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: inherit;
  }