@import url('https://fonts.googleapis.com/css?family=Poppins:20');
header{
    position:relative;
    max-width:1200px;
    margin:20px auto;
    padding:10px;
    background: #fff;
    box-sizing: border-box;
    border-radius:4px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

.header-section{
    float: right;

}
.clearfix
{
    clear:both;
}
.state{
    float:left;
    width:auto;
    border:1px solid red;
    background-color: #294765;
    padding:0em 1em;
}

.responsive {
    
    height: auto;
    width: auto;
    max-width: 985px;
  }

  .carousel-inner h1{
	margin:0 0 18px;
	color:#21547a;
	font-size:40px;
	line-height:37px;
}

.heading-box {
  height:60px;    
}

.w4 {
    width:auto;
}

.carousel {
      padding-bottom: 15px;
}

.carousel-inner .btn-base {
    background-position: 100% -150px;
    padding: 0 18px 0 0;
    font-weight: bold;
    text-align: center;
    margin: 0 6px 0 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

}    

.carousel-inner .btn-base span {
    background-position: 0 -102px;
    min-width: 118px;
    padding: 7px 0 15px 19px;
}

.carousel-indicators {
     bottom: 17px; 
     z-index: 1;
     margin-bottom:0px;
}

.carousel-indicators li {
    width: 11px;
    height: 11px;
    background-color:  #0096db;
    border: none;
    margin:0;
}

.carousel-indicators .active {
    width: 11px;
    height: 11px;
    background-color:#0a3b6d;
    border: none;
    margin:0;
}

#content .box-frame {
    box-sizing: content-box;
}


@media (max-width:1035px){

#main {
    padding: 0 20px 0 15px;
}

.header-frame {
    padding: 28px 21px 15px 15px;
}

#footer {
        padding: 12px 20px 14px 15px;
}        

.header-section .text,.header-section ul.resize{
    display:none;
}
/*.slide-holder
{
    display:none;
}*/


.slideshow {
    height:auto !important;
}

.slideshow .mask{
    height:250px;
}

.slideshow .pagination {
    position: absolute;
    top: 235px;
    left: 45%;
    z-index: 5;
}

.slideshow .slide {
    float: left;
    width: auto;
}

#content{
    float:none !important;
}

#content .box {
    border: 1px solid #c9c7c7;
    box-shadow: 1px 4px #ebe8e8;
    border-radius: 10px; 
    width:100%; 
    margin: 0 0 10px 0 !important;
    background: none !important;
    } 
    
    #content .box-holder {
        background: none !important;     
}

#content .box-frame {
    background: none !important;
    overflow: hidden;
    padding: 16px 9px 43px 19px;
    min-height: auto !important;
}

#sidebar {
    width: 100%;
}

.green-box {
    border: 1px solid #c9c7c7;
    border-radius: 10px; 
    width:100%; 
    line-height: 17px;
    margin: 0 0 10px 0 !important;
    background: #58a005 bottom  url(../images/lhi-logo.png) no-repeat;

}

.green-holder.lhi-widget {
    align-content: center;
    padding-bottom: 65px;
    background: none !important;
}

#content .box.three-column {
     width: 100%;
}

.map-holder{
    border: none !important;
}

#content .box.alt {
   
    width: 100%;
   
}

#content .box.alt:first-child{
    margin: 0;
}

#content .alt .box-holder {
    background: none !important;     
}

#content .alt .box-frame {
    background: none !important;
    padding: 22px 9px 22px 17px;

}

#sidebaritems {
    float:left;
    width:100%;
}

.small-box {
    border: 1px solid #c9c7c7;
    box-shadow: 1px 4px #ebe8e8;
    border-radius: 10px; 
    width:100%; 
    margin: 0 0 10px 0 !important;
    background: none !important;
    } 


.small-holder {
    background: none !important;
}

.small-frame {
    background: none !important;
    overflow: hidden;
    padding: 13px 10px 29px 21px;
}

.carousel-inner>.item>a>img {
    min-height:260px;
}

}

@media (min-width:845px)
{
    .state-menu {
        width : 102.5% !important;
    }
}

@media (max-width:844px)
{
    .state-menu {
        width : 100% !important;
        margin-top: 13px;
    }

    .heading-box strong
    {
        padding: 0;
    }
}

@media (max-width:780px)
{
    
    .menu-toggle
    {
       display: block;
       width: 40px;
       height: 40px;
       background: #ccc;
       float: right;
       cursor: pointer;
       text-align: center;
       font-size: 30px;       
       color: #294765;
    }
    .menu-toggle:before{
        content:'\f0c9';
        font-family: fontAwesome;
        line-height: 40px;
    }
    .menu-toggle.active:before{
        content:'\f00d';
       
    }
    .header-section{
        display: none;
    }

    .header .powered-text{
        padding-left:5px;
    }
    

    .header-section.active{
        display:block;
        width:100%;
    }

    .header-section ul.ns {
        margin:0;
        padding: 0 !important;
        width:100% !important;
        
    }
    .header-section ul.ns li{
        list-style: none;
        float:none !important;
        background: none !important;
        padding: 0px !important;
        border-bottom: 1px solid #fff;
    
    }
    
    .header-section ul.ns li a{
        display: block;
        margin:10px 0;
        padding: 10px 20px;
        text-decoration: none;
        color: #fff !important;
        font-size:13px;
        background: #294765;
       
    }

    .header-section ul.ns active a{
        color: #569e05 !important;
    }

    .header-section.active ul .ns{
        display:block;
       
    }
    .header-section.active ul li a{
       margin: 0;
       
    }
}

@media (min-width: 5px) and (max-width: 700px) {

    .heading-box strong {
        display: none;
    }
    .state-menu {
           margin-top: 42px !important;
    }
    }

    @media (min-width: 501px) and (max-width: 800px)
    {
        .state-menu {
            width : 103% !important;
            font-size:11px !important;
        }
    }

    @media (min-width: 5px) and (max-width: 500px) {

        .state-menu {
            width : 102.5% !important;
            font-size:9px !important;
            left: -4px;
            top : 1px;
           
        }
        .heading-box{
            padding: 16px 5px 21px 5px;
        }

        .state-menu-holder {
            background-color: #294765;
            color: #ffffff;
            padding: .5em;
    }
} 

 @media (max-width: 1035px) {
  
    .w1 {
        position: relative;
        display: -webkit-flex;
        display: flex;
        max-width: 104rem;
        width:100%;
        left: 50%;
        float: left;
    }
    .w2 {
        width: 100%;
        position: relative;
        float: left;
        left: -50%;
    }
    .w3{
        background:url(../images/bg-wrapper.png) 100% 100% no-repeat;
        padding:0 0 13px;
    }
    .w4{
        background:url(../images/bg-wrapper.png) repeat-y;
        padding: 0 0 0 8px;
        width:100%;
    }
    
  }


@media (min-width: 320px) and (max-width: 500px) {
    .carousel-inner h1 {
        margin: 0 0 8px;
        color: #21547a;
        font-size: 14px;
        line-height: 14px;
    } 
    
    .slide-holder {
        position: absolute;
        top: 8px;
        right: 15px;
        width: 50%;
        font-size: 11px;
        line-height: 16px;
    
    }
    
    .slide-holder .text-holder {
        overflow: hidden;
        margin: 0 0 5px;
        height: auto !important;
        font-size: 11px !important;
        line-height: 11px;
    }
    
    .responsive {
        width: 100%;
        min-height: 250px;
      }
    
      .btn-base {
        font-size:11px !important;
      }
    
      .carousel-inner .btn-holder {
        width: 190px;
     }

    .carousel-inner .btn-base span {
        min-width:auto;
        padding: 7px 0 10px 15px;
    }

    .slideset {
        width: 100%;
        height: 250px !important;
      }

     

      .resource {
        padding: 1em 1em 1em 0em;
      } 
       

     .resource dt {
        white-space: nowrap;
        float: left;
        width: auto; 
    }

    .resource dd {
        float: left;
        clear: right;
         width: auto; 
    }

    #content iframe{
        width:97%;
    }

} 


@media (min-width: 501px) and (max-width: 680px) {
    .carousel-inner h1 {
        margin: 0 0 8px;
        color: #21547a;
        font-size: 14px;
        line-height: 14px;
    } 
    
    .slide-holder {
        position: absolute;
        top: 8px;
        right: 15px;
        width: 50%;
        font-size: 11px;
        line-height: 16px;
    
    }
    
    .slide-holder .text-holder {
        overflow: hidden;
        padding: 0 0 0 4px;
        margin: 0 0 5px;
        height: auto !important;
        font-size: 12px !important;
        line-height: 12px;
    }

    .btn-base {
        font-size:11px !important;
      }

      .responsive {
        width: 100%;
        min-height: 220px;
      }

    .slideset {
        width: 100%;
        height: 250px !important;
      }
        
    
}

@media (min-width: 681px) and (max-width: 820px) {
    .carousel-inner h1 {
        margin: 0 0 8px;
        color: #21547a;
        font-size: 19px;
        line-height: 17px;
    } 
    
    .slide-holder {
        position: absolute;
        top: 8px;
        right: 15px;
        width: 50%;
        font-size: 14px;
        line-height: 16px;
    
    }
    
    .slide-holder .text-holder {
        overflow: hidden;
        padding: 0 0 0 4px;
        margin: 0 0 5px;
        height: auto !important;
        font-size: 15px !important;
        line-height: 14px;
    }

    .btn-base {
        font-size:12px !important;
      }

      .responsive {
        width: 100%;
        min-height: 250px;
      }

      #content .box-frame {
        min-height: auto !important;
    }

    .slideset {
        width: 100%;
        height: 320px !important;
      }

         
}

@media (min-width: 821px) and (max-width: 1000px) {
    .carousel-inner h1 {
        margin: 0 0 8px;
        color: #21547a;
        font-size: 33px;
        line-height: 31px;
    } 
    
    .slide-holder {
        position: absolute;
        top: 8px;
        right: 15px;
        width: 45%;
        font-size: 14px;
        line-height: 16px;
    
    }
    
    .slide-holder .text-holder {
        overflow: hidden;
        padding: 0 0 0 4px;
        margin: 0 0 5px;
        height: auto !important;
        font-size: 15px !important;
        line-height: 15px;
    }

    .btn-base {
        font-size:12px !important;
      }

      .responsive {
        width: 100%;
        min-height: 320px;
      }
    
}


@media (max-width: 800px) {
    .resource {
        width:auto;
    }
}

@media (min-width:920px) {
    #desktopview {
        display:block !important;
    }
    #mobileview {
        display:none !important;
    }
}

@media (max-width:919px) {
    #desktopview {
        display:none !important;
    }
    #mobileview {
        display:block !important;
    }
}

i.icon {
	color: transparent;
}

i.icon {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 1em;
	width: 1em;
	color: transparent;
}
/* line 10, C:/Users/shalpert.pbn/Google Drive/Side Gigs/SCSS/sass/icons/_master-icon.scss */
i.icon.spin {
	-webkit-animation-name: spin;
	-moz-animation-name: spin;
	-ms-animation-name: spin;
	-o-animation-name: spin;
	animation-name: spin;
	-webkit-animation-duration: 1.4s;
	-moz-animation-duration: 1.4s;
	-ms-animation-duration: 1.4s;
	-o-animation-duration: 1.4s;
	animation-duration: 1.4s;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* line 20, C:/Users/shalpert.pbn/Google Drive/Side Gigs/SCSS/sass/icons/_master-icon.scss */
i.icon.lhi-logo {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-labelledby='title' version='1.1' width='32' height='27' viewBox='1 0 14.713534 14.1055' id='LHI' fill='%234a77a1'%3E %3Ctitle%3ELawHelp Interactive%3C/title%3E %3Cpath d='m 16.550726,14.082353 0,-12.1328128 0.002,0 0,-1.94335899 -8.9765631,0 c -1.547474,-0.09646 -2.807093,0.944986 -2.845738,2.49805599 l 0,5.6699226 -1.121094,0 1.080079,1.085938 1.080078,1.0859372 1.083984,-1.0859372 1.0839844,-1.083985 -1.1269534,-0.0019 0,-4.9101566 c 0.453877,-1.282394 1.0941536,-1.293067 2.0683557,-1.314455 l 5.5234374,0 0,12.1328128 z' id='path4323'%3E%3C/path%3E %3Cpath d='m 0.00194966,0.02314751 0,12.13281249 -0.001950003323,0 0,1.943359 8.976562843323,0 c 1.5474745,0.09646 2.8070935,-0.944986 2.8457385,-2.498056 l 0,-5.6699224 1.121094,0 -1.080079,-1.0859375 -1.080078,-1.0859375 -1.0839844,1.0859375 -1.0839845,1.0839844 1.1269535,0.00195 0,4.9101565 c -0.453877,1.282394 -1.0941537,1.293067 -2.0683558,1.314455 l -5.5234374,0 0,-12.13281259 z' id='path4234'%3E%3C/path%3E %3C/svg%3E");
}

/* line 20, C:/Users/shalpert.pbn/Google Drive/Side Gigs/SCSS/sass/icons/_master-icon.scss */
i.icon.lsc-logo {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='317.33282470703125' height='126.66624450683594' version='1.1' aria-labelledby='title' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' viewBox='0 0 3306 1319' id='lsc'%3E%3Cstyle type='text/css' id='style6'%3E%3C![CDATA[ .fil0 %7Bfill:%23115CA1%7D .fil1 %7Bfill:%23E3304A%7D .fil2 %7Bfill:%23115CA1;fill-rule:nonzero%7D ]]%3E%3C/style%3E%3Ctitle%3EFunded by the Legal Services Corporation%3C/title%3E%3Cg id='Layer_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer' /%3E%3Cpolygon class='fil0' points='326,1319 459,1319 459,682 326,682 ' id='polygon10' /%3E%3Cpolygon class='fil0' points='505,1319 638,1319 638,682 505,682 ' id='polygon12' /%3E%3Cpolygon class='fil0' points='686,631 819,631 819,-6 686,-6 ' id='polygon14' /%3E%3Cpolygon class='fil0' points='865,631 998,631 998,-6 865,-6 ' id='polygon16' /%3E%3Cpolygon class='fil1' points='0,632 638,632 638,499 0,499 ' id='polygon18' /%3E%3Cpolygon class='fil1' points='0,453 638,453 638,306 0,306 ' id='polygon20' /%3E%3Cpolygon class='fil1' points='687,993 1324,993 1324,860 687,860 ' id='polygon22' /%3E%3Cpolygon class='fil1' points='687,814 1324,814 1324,682 687,682 ' id='polygon24' /%3E%3Cpath class='fil2' d='M1624 815c0,74 6,109 30,121 24,14 69,16 116,16 62,0 120,-6 147,-36 20,-22 41,-64 59,-121l31 4c-6,35 -33,161 -43,195l-559 0 0 -29c104,-7 114,-16 114,-151l0 -446c0,-135 -10,-144 -114,-151l0 -29 334 0 0 29c-107,7 -116,16 -116,151l0 447z' id='path26' /%3E%3Cpath class='fil2' d='M2072 775c20,58 83,196 214,196 94,0 154,-63 154,-160 0,-105 -81,-149 -160,-187 -41,-20 -208,-78 -208,-227 0,-123 93,-228 255,-228 35,0 77,7 103,16 16,5 33,11 47,14 5,43 12,93 22,167l-31 4c-21,-73 -56,-160 -168,-160 -88,0 -134,64 -134,138 0,92 66,133 160,175 82,36 212,87 212,240 0,144 -118,249 -275,249 -45,0 -87,-9 -118,-19 -31,-10 -53,-20 -68,-26 -10,-32 -24,-120 -36,-187l31 -5z' id='path28' /%3E%3Cpath class='fil2' d='M3251 391c-37,-142 -116,-181 -238,-181 -223,0 -322,168 -322,363 0,239 123,398 323,398 139,0 203,-67 264,-197l31 4c-16,53 -43,152 -63,199 -35,9 -146,35 -233,35 -313,0 -445,-213 -445,-410 0,-255 197,-432 468,-432 105,0 188,25 223,32 10,68 15,123 22,187l-31 2z' id='path30' /%3E%3C/g%3E%3C/svg%3E");
}