/* --------------------------------------------------------
Style Sheet for Steamboat Lawyers Group, PLLC

Author: Viajraj
----------------------------------------------------------*/

/*----------------------- HELPER CSS ----------------------------*/
@charset "utf-8";

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {border:0;margin:0;padding:0;font-size:100%;outline:none;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body{position:relative;width:100%;word-wrap:break-word;padding:0;margin:0;font-family:'Open Sans',sans-serif;}
table{border-collapse:collapse;border-spacing:0;}


::-webkit-input-placeholder{color:#000;opacity:1;}
:-moz-placeholder{color:#000;opacity:1;} /* Firefox <= 18 */
::-moz-placeholder{color:#000;opacity:1;} /* Firefox >= 19 */
:-ms-input-placeholder{color:#000;opacity:1;}

::selection{background:#E0CFA4;color:#7A1600;}
::-moz-selection{background:#E0CFA4;color:#7A1600;}

h1, h2, h3, h4, h5, h6{margin:0;line-height:normal;}
input, textarea, button{border:0;border-radius:0;outline:0;padding:0;margin:0;line-height:normal;}
.h3, h3{font-size: 18px;}
a{display:inline-block; color: #7a1507;}
a:hover, a:focus, a:active{text-decoration:none;outline:none; color: #000;}

.width-container{width:1200px;max-width:100%;margin:0 auto;padding:0 15px;box-sizing:border-box;}
.width-container:after, 
.width-container::after, 
.width-container:before, 
.width-container::before{
	clear:both;
}


.full-width{width:100%;}
.half-width{width:50%;}

.left{float:left;}
.right{float:right;}
.clearfix{clear:both;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.black_background{background:#000;}

.inline-block-middle{display:inline-block;vertical-align:middle;}

/* Outdated browser */
#outdated{position:fixed;width:100%;height:100%;top:0;right:0;background:#000;color:#fff;z-index:99999;}
#outdated > div{margin:20% 0 0;letter-spacing:0.5px;text-transform:capitalize;}
#outdated h2{font-size:40px;margin:5px 0;}



/*----------------------------------------------------------*/
html,body{position:relative;width:100%;height:100%;}

body{background: #E0D0A5 url(../imgs/mountain-big.png) no-repeat center top;}


.container{ background: #fff; padding:0 24px; width: 1138px;}
/*============HEADER===============*/

/*.container{ padding: 0px;}*/
.top_contact{padding: 62px 0 40px; text-align: right;}
.header_bg{ background: url(../imgs/top-image1.png) no-repeat left  -26px; }
.slogan{/*padding-left: 6%; float: left;*/font-style: italic; font-family: Georgia; font-size: 19px; color: #333;}
.logo img{ max-width: 100%;}
.logo{padding: 0px;}
.header_part{border-bottom: 1px solid #ddd; margin: 0px; margin-bottom: 10px;}
.header_part .navbar{ padding: 0px; margin:0px !important; min-height: 40px; }
.contact_link{ color: #7a1507;  font-family: Arial,Helvetica,sans-serif; font-size: 17px; font-weight: bold; text-align: right; text-decoration: none;}
.contact_link_center{ text-align: right;}


.navbar-default{ background: none; border: none;}

.navbar-default .navbar-text {  color: #777;}
.navbar-default .dropdown-menu > li{ border-top: 1px solid #fff; }
.navbar-default .dropdown-menu > li:first-child{ border-top: none; }
.navbar-default .navbar-nav > li > a {
    color: #393942; font-family: Arial,Helvetica,sans-serif;  
    padding: 4px 14px;
    text-decoration: none;line-height: 20px; font-size: 14px; font-weight: bold; letter-spacing: 0.5px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: #e7e7e7;
    color: #333;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #e7e7e7;
    color: #555;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
    background-color: transparent;
    color: #ccc;
}
.navbar-default  .dropdown-menu > li > a{ clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding:5px 20px;
    white-space: nowrap;}

.navbar-default .dropdown-menu > li > a:focus,.navbar-default  .dropdown-menu > li > a:hover{ background-color: #666;
    color: #fff;
    
    text-decoration: none;}
.navbar-default .dropdown-menu{
      background-clip: padding-box;
    background-color: #e7e7e7;
   border: 1px solid #fff;
   border-radius:0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.176);
    /*display: none;*/
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;

}
.navbar-nav {
    margin: 7.5px -15px;
}
.nav {
  /*  background-color: #e7e7e7;*/
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color: #000;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{ background-color: #666 !important;
    color: #fff;
}



.right_menu{ /*padding: 0px; margin: 0px;*/ float: right; position: relative;}

.left_menu{width: 280px; padding: 0px;background: #fff; }

.left_menu .nav > li > a{display: block;
    padding: 10px 15px;
    position: relative;}

.left_menu .nav-pills > li {
    float: left;
}
.left_menu .nav-pills > li > a {
    border-radius: 0px;
     background-color: #7a1507;
     color: #fff;
     font-size: 14px;

}
.left_menu .nav-pills > li + li {
    margin-left: 2px;
}
.left_menu .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #990000;
    color: #fff;
}
.left_menu .nav-stacked > li {
    float: none;
}
.left_menu .nav-stacked > li + li {
    margin-left: 0;
    margin-top: 0px;
    padding-top: 2px;
    background-color: #990000;
}
.left_menu .nav-justified {
    width: 100%;
}
.left_menu .nav-justified > li {
    float: none;
     
}


.left_menu .nav-justified > li > a {
    margin-top: 5px;
    text-align: center;

}
.left_menu .nav-justified > .dropdown .dropdown-menu {
    left: auto;
    top: auto;
}
.left_menu .dropdown-menu {
    background-clip: padding-box;
   background-color: #990000;
   width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
   /*border-radius: 4px;*/
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0px;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 250px;
    padding: 5px 0 5px 20px;
    position:inherit !important;
    text-align: left;
    top: -4px;
    z-index: 1000;
}
.left_menu .dropdown-menu> li{border-top:1px solid #7a1507;}
.left_menu .dropdown-menu > li:first-child{border-top:0px solid #7a1507; }

.left_menu .dropdown-menu > li > a {
    clear: both;
   color: #fff;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 10px 20px;
    white-space: nowrap;
    
}
.left_menu .nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
background-color: #990000;
    border-color: #337ab7;}

 .left_menu  .open > .dropdown-menu{ display: block;}


.left_menu .dropdown-menu.pull-right {
    left: auto;
    right: 0;
}
.left_menu .dropdown-menu .divider {
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
}

.left_menu .dropdown-menu > li > a:focus, .left_menu .dropdown-menu > li > a:hover {
    background-color: #7a1507;
    color: #fff;
    text-decoration: none;
}
.left_menu  .dropdown-menu > .active > a, .left_menu .dropdown-menu > .active > a:focus, .left_menu .dropdown-menu > .active > a:hover {
    background-color: #337ab7;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}
.left_menu .dropdown-menu > .disabled > a, .left_menu .dropdown-menu > .disabled > a:focus, .left_menu .dropdown-menu > .disabled > a:hover {
    color: #777;
}
.left_menu  .dropdown-menu > .disabled > a:focus, .left_menu .dropdown-menu > .disabled > a:hover {
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
    text-decoration: none;
}

.left_menu .open > a {
    outline: 0 none;
}
.left_menu .dropdown-menu-right {
    left: auto;
    right: 0;
}
.left_menu .dropdown-menu-left {
    left: 0;
    right: auto;
}
.left_menu .dropdown-header {
    color: #777;
    display: block;
    font-size: 12px;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.left_menu .dropdown-backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 990;
}
.left_menu .caret {
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
    border-top: 4px solid transparent;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

.left_menu #sidebar {
  height: 100%;
  padding-right: 0;
  padding-top: 20px;
}
.left_menu #sidebar .nav {
  width: 95%;
}
.left_menu #sidebar li {
  border:0 #f2f2f2 solid;
  border-bottom-width:1px;
}

.mybutton .navbar-toggle{ 

 background-color: #7a1507;
    background-image: none;
    border: 1px solid 000;
    border-radius: 4px;
    float: left;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;}
.mybutton .navbar-toggle .icon-bar {background-color: #fff;}

.mybutton .navbar-toggle .navbar-toggle {
    border-color: #990000;
}
/*.navbar-default .navbar-toggle{ border-color: #990000;}*/
.mybutton .navbar-toggle:focus, .mybutton .navbar-default .navbar-toggle:hover {
    background-color: #990000;
}
.mybutton .navbar-toggle .navbar-toggle .icon-bar {
    background-color: #fff;
}
.mybutton .navbar-toggle .navbar-collapse, .navbar-default .navbar-form {
    border-color: #990000;
}
.mybutton .navbar-toggle .navbar-nav > .open > a, .mybutton .navbar-toggl.enavbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    border-color: #990000;
    color: #555;
}

/* ===========carousel======================*/
  .my_gallery .carousel-inner > .item > img,
  .my_gallery .carousel-inner > .item > a > img {
      width: 100% !important;
      margin: auto;
  }

   .my_gallery .carousel-inner > .item{   height: 100%; width: 100%;}

  .my_gallery .carousel-control.left, .my_gallery .carousel-control.right{background-image:none; vertical-align: top;}
/*  .my_gallery .carousel .carousel-inner .item img{ width: 100%; vertical-align: top;}*/


.sidebar .side_box{ width: 100%; margin: 0px 0; border-bottom: 1px solid #ddd; padding:0 0 20px 0 ;font-weight: bold; }
.sidebar  .side_box h2{ padding: 20px 0;color: #393942;   font-family: Arial,Helvetica,sans-serif;  font-size: 16px; font-weight: bold;  padding-bottom: 10px;
    text-align: center;}
.sidebar  .side_box h4{  padding: 5px 0;color: #393942;   font-family: Arial,Helvetica,sans-serif;  font-size: 10px; font-weight: bold;  padding-bottom: 10px;
    text-align: left;}
.sidebar  .side_box ul{ margin: 0px; padding: 0px;}
.sidebar  .side_box ul li{ margin: 5px 0; padding: 0px 20px; list-style: none; font-size: 12px; text-align: center;font-weight: bold; font-family: Arial,Helvetica,sans-serif;
    list-style: outside none none;}
.sidebar  .side_box p{ list-style: none; font-size: 12px; text-align: center;font-weight: bold; font-family: Arial,Helvetica,sans-serif;
    list-style: outside none none; margin-bottom: 10px;}
.my_content h1{font-size:20px;font-family: "times new roman", Arial; letter-spacing: 1px; padding:0 0 5px 0; font-weight: bold; color: #7a1507; border-bottom: 1px solid #ccc;  margin: 0 0 10px 0;}

.my_content{ font-size: 15px; letter-spacing: 1px; line-height: 21px;font-family: "times new roman", Arial;color: #000;}
.my_content h2{font-size: 18px; letter-spacing: 0px; padding: 10px 0; font-weight: bold; color: #000;font-family: "times new roman", Arial;}
.my_content p{ margin-bottom: 10px;font-family: "times new roman", Arial;font-size: 14px; }
.my_content h3{font-size:15px;font-family: "times new roman", Arial; letter-spacing: 1px; padding:0 0 5px 0; font-weight: bold; color: #7a1507; border-bottom: 1px solid #ccc;  margin: 0 0 10px 0;}
.my_content h4{font-size: 14px; font-family: "times new roman", Arial;letter-spacing: 1px; line-height:25px; padding: 20px 0; font-weight: bold; color: #000;}

.my_content ul{ margin: 0px; padding: 0px; padding-left: 60px;font-size: 18px; list-style: none;}
.my_content ul li{margin: 0px; padding: 5px 10px; font-size: 15px;position: relative;list-style: disc;  }

.social_padd{ padding: 20px 0; border-bottom: 0px solid #ddd;}

.subscribe{float: none; width: 97%; border: 1px solid #f5f5f5; background: #ddd; padding: 20px; text-align: center; /*position: absolute; bottom: 0; left: 0px;*/ margin :0px auto;}
.subscribe label{ display: block; font-weight: normal; text-align: center; font-size: 18px; color: #000;}
.subscribe input[type="email"]{ border: 1px solid #ccc; background: #fff; padding: 10px 20px; width: 60%; margin: 15px 0; }
.subscribe input[type="submit"]{ border: 1px solid #ccc; background: #fff; padding: 10px 20px; width:150px;  }


/*==================== Footer ====================*/

.footer{ background: #393942; text-align: center;}
.footer .container{ background: none;}
.footer_menu { margin: 20px 0 0 0; padding: 20px 0;  }
.footer_menu li{ margin: 0px; padding: 0px; display: inline-block; list-style: none;  }
.footer_menu  li a{  border-color: black; padding: 0px 20px;
    border-style: none;
    border-width: 0;
    color: white;
    font-family: Arial,Helvetica,Sans;
    font-size: 9pt;
    text-align: center;
    text-decoration: none;}
.footer_menu  li a:hover{ text-decoration: underline;}


.fb_iframe_widget_fluid{ display: inline-block !important;}
._51mw{width: 300px !important;}