div.phonecontainer,
div.socialcontainer {
    font-family: "Josefin Sans", sans-serif;
    color: #666
}

.logocontainer,
div.toplinecontainer {
    width: 100%;
    background-color: #fff;
    overflow: hidden
}

.areatable a,
.footercontainer a,
.nav a,
.phonecontainer a,
.topheading a {
    text-decoration: none
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
    background-size: 100%
}

div.toplinecontainer {
    margin: -10px auto -15px
}

div.stickycontainer {
    margin-bottom:0;
    padding-bottom:0
}

div.socialcontainer {
    float: left;
    margin: 20px 0 0 10px;
    font-size:large;
    font-weight: 700
}

div.phonecontainer {
    float: right;
    text-align: right;
    font-style: normal;
    font-weight: 600;
    padding-top: 1px
}

.phonecontainer a {
    color: #666;
    cursor: default
}

.consult {
    font-size:large;
    margin-bottom: -25px;
    padding: 2.5px 10px 0 0
}

.phonenumber {
    font-size: x-large;
    padding: 0 10px 10px 0
}

.logocontainer {
    margin: 0 auto;
    display: block;
    padding: 5px 0 20px
}

.logo {
    width: 100%;
    margin: 0 25% 0 25%
}

.logo img {
    width:50%
}

.mobilemenubackground,
.mobilemenuside {
    display: none
}

div.menubackgroundmain {
    display: block;
    background-color: #f60;
    width: 100%;
    margin: -16px auto 0;
    padding: 0
}

.nav {
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin-bottom:0
}

.nav a {
    font-weight: 700; 
    font-family: arial, sans-serif;
    font-size: calc(.6em + .8vw);
    color: #fff;
    background-color: #f60;
    padding: 1%;
    display: inline-block;
}

.nav a:hover {
    background-color: #666
}

li {
    display: inline;
    margin-left: 0
}

.footer {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: block;
    background-color: #fff
}

.footer img {
    width:100%
}

div.footercontainer {
    width: 100%;
    height: 100%;
    margin: -16px auto 0;
    display: block;
    font: 12px "Josefin Sans", sans-serif;
    text-align: left;
    background-color: #666;
    color: #fff;
    overflow: hidden
}

.footercontainer a {
    color: #fff
}

.sugarlandoffice {
    float: left;
    width: 15%;
    padding: 5px 0 0 30px
}

.houstonoffice p:nth-child(1),
.sugarlandoffice p:nth-child(1) {
    font: 700 16px "Josefin Sans", sans-serif;
    margin-bottom: -5px
}

.houstonoffice p:nth-child(2),
.sugarlandoffice p:nth-child(2) {
    font: 14px "Josefin Sans", sans-serif
}

.disclaimer {
    float: left;
    width: 55%;
    padding: 10px 0 5px 10px;
    margin-left:3%
}

.main {
    width: 100%;
    margin: -12px auto 0;
    display: block;
    overflow: hidden;
    background-color: #fff
}

.circle
        {
        border: 3px solid #ff6600;
        margin:0 auto 2% auto;
        width:90%;
        box-shadow: 0 0 5px 0 #666;
        max-width:1200px;
        }

.circle a {
    color: #f60;
    font-weight: 700;
    text-decoration:none;
}

.circle a:hover {
    text-decoration: underline;
    cursor: pointer
}

.testimonial
        {
        display:none;
        }

.mainpic, .toppic {
     width:100%;
     margin:0 0 0 0;
     padding:0
}

.mainpic
     {
     position:relative;
     }

.traits
   {
  position:absolute;
   font-size: calc(2em + 6.5vw);
   font-family: 'Josefin Sans', sans-serif;
   color:#f60;
   width:50%;
   bottom:-15px;          
   }

.testimonypic  {
     width:100%;
     margin:-5px 0 0 0;
     padding:0;
}

.mainpic img, .toppic img, .testimonypic img {
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding:0
}

.topiccontainer
  {
  position:absolute;
  margin: 3% 0 0% 4%; 
   }

.familylawforyou
   {
   position:relative;
   font-size: calc(1em + 3.5vw);
   font-family: 'Josefin Sans', sans-serif;
   color:#f60;
   width:50%;
   margin-bottom:1.5%;          
   line-height: .9;
   }

.topicblurb
   {
   position:relative;
   font-size: calc(.3em + 1.3vw);
   font-family: 'Josefin Sans', sans-serif;
   color:#666;
   width:43%;
   margin-bottom:1.5%;
   }

.consultbutton
   {
   position:relative;
   font-size: calc(.4em + 1.5vw);
   font-family: 'Josefin Sans', sans-serif;
   color:#fff;
   width:70%;
   padding:2% 0;
   }

.consultbutton a
   {
   background-color:#f60;
   border-radius:5px;
   color:#fff;
   background-color:#f60;
   text-decoration:none;
   padding:2%;
   font-weight:bold;
   border: 3px solid #666;
   }

.consultbutton a:hover
   {
   border-radius:5px;
   color:#fff;
   background-color: #666;
   border: 3px solid #f60;
   }

.topheading {
    font-family: 'Josefin Sans', sans-serif;
    font-size: calc(1em + 1vw);
    padding: 2% 13% 2% 13%;
    clear: both;
    font-weight: 700;
    background-color:#f60;
    color:#fff
}

.whychoose1 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: calc(1em + 2vw);
    padding: 1% 13% .5% 13%;
    clear: both;
    font-weight: 700;
    background-color:#f60;
    color:#fff;
    margin: -5px 0 0 0;
    text-align:center;
}

.whychoose2 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: calc(1em + 2vw);
    padding: 1.5% 13% .5% 13%;
    clear: both;
    font-weight: 700;
    background-color:#f60;
    color:#fff;
    margin: 0 0 2% 0;
    text-align:center;
}

.whychoose {
    font-family: 'Josefin Sans', sans-serif;
    font-size: calc(1.1em + 2vw);
    padding: 1% 13% .5% 13%;
    clear: both;
    font-weight: 700;
    background-color:#f60;
    color:#fff;
    margin: 2% 0 1.5% 0;
    text-align:center;
}


.areatable,
.areatable a {
    font-size: calc(.9em + .5vw);
    font-family: 'Josefin Sans', sans-serif;
    vertical-align:middle;
    color:#fff;
}

.topheading a {
    color: #fff
}

table
  {
   box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding:0;
  }

.areatable {
    max-width:1000px;
    width: 90%;
    margin: 1% auto 3% auto;
    text-align: center;
    height:30%;
}

.areatable td {
    width: 20%;  
 }     

.areatable a {
    color: #fff;
    font-weight: 700;
    display:block;
    padding: 5% 0 5% 0;
}

.areatable a:hover {
    cursor: pointer
}

#uncontesteddivorce, #contesteddivorce, #childcustody, #childsupport, #modifications, #enforcements, #propertyagreements, #paternity, #internationaldivorce, #protectiveorder 
       {
        background-color:#f60;
        }


#contesteddivorce:hover
        {
          background-image: url("/images/contesteddivorcedtmenu.jpg");
          background-size:cover;
         }

#internationaldivorce:hover
        {
          background-image: url("/images/internationaldivorcedtmenu.jpg");
          background-size:cover;
         }

#uncontesteddivorce:hover
        {
          background-image: url("/images/uncontesteddivorcedtmenu.jpg");
          background-size:cover;
         }

#propertyagreements:hover
        {
          background-image: url("/images/propertyagreementdtmenu.jpg");
          background-size:cover;
         }

#protectiveorder:hover
        {
          background-image: url("/images/protectiveorderdtmenu.jpg");
          background-size:cover;
         }

#childcustody:hover
        {
          background-image: url("/images/childcustodydtmenu.jpg");
          background-size:cover;
         }

#childsupport:hover
        {
          background-image: url("/images/childsupportdtmenu.jpg");
          background-size:cover;
         }

#modifications:hover
        {
          background-image: url("/images/modificationdtmenu.jpg");
          background-size:cover;
         }

#enforcements:hover
        {
          background-image: url("/images/enforcementdtmenu.jpg");
          background-size:cover;
         }

#paternity:hover
        {
          background-image: url("/images/paternitydtmenu.jpg");
          background-size:cover;
         }


.areaheader {
    font-size:calc(1em + 1vw);
    font-family: 'Josefin Sans', sans-serif;
    padding: 0 15px 3px;
    font-weight: 700;
    width:90%;
    max-width:1200px;
    text-align:justify;
    margin:0 auto 0 auto;
    color: #666;
    line-height:1;
}

.areaheader a {
    color: #f60;
    font-weight: 700;
    text-decoration:none;
}

.areaheader a:hover {
    text-decoration: underline;
    cursor: pointer
}

.heading {
    display:none
}

.heading:nth-child(n+2) {
    margin-top: 15px
}

.paragraph {
    font-size:calc(.6em + 1vw); 
    font-family: 'Josefin Sans', sans-serif;
    padding: 2% 10% 2% 10%;
    line-height:1.2;
}

.membership
        {
        width:90%;
        max-width:1200px;
        margin:0 auto 0 auto;
        }

.membership img
         {
         width:100%;
         height:auto;
         margin: 0 0 0 0;
         padding:0;
         }

.contact {
    width: 90%;
    max-width:1400px;
    border-radius: 2px;
    margin: 0 auto 15px;
    box-shadow: 0 0 10px 0 #666;
    background-color:#f60;
    color:#fff;
}

#issue {
    width: 95%;
    background-color: #fff;
    font-size:calc(.75em + 1vw);
}

input {
    width: 95%;
    background-color: #fff;
    font-size:calc(.75em + 1vw);
}

.pointer {
    margin-left: 10px
}

.formheading {
    font-family: 'Josefin Sans', sans-serif;
    font-size:calc(1em + 1vw);
    margin: 0px 0 10px 10px;
    padding: 10px 0 5px 0
}

.formsent {
    font-family: 'Josefin Sans', sans-serif;
    font-size:calc(1em + 1vw);
    margin: 5px 0 5px 10px
}

.forhead {
    font-family: 'Josefin Sans', sans-serif;
    font-size:calc(.65em + 1vw);
    margin: 5px 0 0 10px
}

input {
    margin: 0 5px 5px 10px
}

#issue {
    margin: 0 0 0 10px;
    height: 125px;
    font-size: calc(.75em + 1vw); 
    font-family: 'Josefin Sans', sans-serif;
}

#button {
    width:30%;
    height: 15%;
    margin: 1% 10% 1% 65%;
    border-radius: 10px;
    font-size: calc(1em + .20vw);
    font-family: 'Josefin Sans', sans-serif;
    border: 2px solid #666;
    padding:1%
}

#button:hover {
    cursor: pointer;
    box-shadow: 0 0 4px 2px #666 inset
}

.mapframe {
    width: 100%;
    height: 250px;
    margin: 1% 0 0 0
}

.left {
    width: 100%;
    float: left;
    margin: 0 0 5px 0px
}

.right {
    width: 100%;
    height:auto;
    float: left;
    padding: 0;
    margin-top: 15px
}


.recentarticlewrap
	{
	margin:3% auto 4% auto;
	display:block;
	width:90%;
        max-width:1200px;
        text-align:left;
	cursor:pointer;
        border: 2px solid #ff6600;
        overflow-y:auto;
        overflow-x:hidden;
        padding:0;
       box-shadow: 0 0 5px #888;
	}


.recentarticle a
	{
	text-decoration:none;
	color:#ff6600;
	}

.title
	{
        font-family: 'Josefin Sans', sans-serif;
        font-size:calc(.7em + 1vw);
	border-bottom:1px solid #666666;
	margin:10px 10px 10px 15px;	
	}

.date
	{
	float:right;
        font-family: 'Josefin Sans', sans-serif;
        font-size:calc(.3em + 1vw);
	margin-right:10px;	
	}

.recentarticle
	{
	padding:10px 30px 10px 30px;
        font-family: 'Josefin Sans', sans-serif;
        font-size:calc(.5em + 1vw);
        display:block;
	}

.recentarticleheading
        {
        width:100%;
        background-color:#ff6600;
        color:#ffffff;
        font-family: 'Josefin Sans', sans-serif;
        font-size:calc(.6em + 1vw);
        padding:4px 0px 4px 4px;
        margin:0
        }

.recentarticle li:nth-child(1)
	{
	padding:0px 10px 5px 50px;
	display:block;
        }

.recentarticle li:nth-child(n+2)
	{
	padding:10px 10px 5px 50px;
	display:block;
	}

#articleimage
        {
        padding: 3px;
        border: 1px solid black;
        width:100%;
        }

.articleimage
       {
        margin: 0px 0 1% 0;
        width:40%;
        float:right;
       }

.meetourattorneywrap {
        border: 3px solid #ff6600;
        margin:0 auto 2% auto;
        width:90%;
        box-shadow: 0 0 5px 0 #666;
        max-width:1200px;
        display:block;
        overflow:hidden;
}

.meetourattorneyimage
        {
         width:50%;
         float:left;
         padding:1%;
        }

.meetourattorneyimage img {
    width:100%;
     height:auto;
     margin: 0 0 0 0;
     padding:0
}

.meetourattorney
        {
         width:40%;
         float:left;
         font-size:calc(.6em + 1vw); 
         font-family: 'Josefin Sans', sans-serif;
         padding: 1% 1% 1% 1%
        }

.meetourattorney a {
    color: #f60;
    font-weight: 700;
    text-decoration:none;
}

.footermenu {
  margin:0;
  width:100%;
   background-color: #f60;
}

.footernav {
    list-style-type: none;
    text-align: center;
    padding: 0;
}

.footernav a {
    font-weight: 700; 
    font-family: arial, sans-serif;
    font-size:calc(.3em + .8vw);
    color: #fff;
    background-color: #f60;
    padding: .5% 1% .5% 1%;
    display: inline-block;
    text-decoration:none
}

.footernav a:hover {
    background-color: #666
}

.footer li {
    display: inline;
    margin-left: 0
}

        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        /*jssor slider arrow skin 104 css*/
        .jssora104 {display:block;position:absolute;cursor:pointer;}
        .jssora104 .c {fill:#000;opacity:.8;}
        .jssora104 .a {fill:#ddd;opacity:.8;}
        .jssora104:hover .c {opacity:.6;}
        .jssora104:hover .a {opacity:1;}
        .jssora104.jssora104dn .c {opacity:.3;}
        .jssora104.jssora104dn .a {opacity:1;}
        .jssora104.jssora104ds {opacity:.3;pointer-events:none;}

.slider
    {
     position:relative;
     margin:-8% auto 0 auto;
      top:0px;
      left:0px;
      width:1600px;
      height:600px;
      overflow:hidden;
       visibility:hidden;"
     }

.theslides
    {
    cursor:default;
    position:relative;
    top:0px;
    left:0px;
    width:1600px;
    height:600px;
    overflow:hidden;
     }

#spin
     {
      position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       text-align:center;
       background-color:rgba(0,0,0,0.7);
     }

.slidereview
      {
      left:335px;
      top:154px;
      width:930px;
      height:136px;
      position:absolute;
      color:#000000;
      font-size:34px;
      line-height:1.2;
      text-align:justify;
       font-family: 'Josefin Sans', sans-serif;
       color:#fff;
       }

.slideclient
       {
       left:700px;
       top:328px;
       width:200px;
       height:40px;
       position:absolute;
       color:#000000;
       font-size:20px;
       line-height:1.2;
       text-align:center;
       font-family: 'Josefin Sans', sans-serif;
       color:#fff;
       }

#leftarrow
    {
    width:50px;
    height:50px;
    top:0px;
    left:100px;
    }

#rightarrow
    {
    width:50px;
    height:50px;
     top:0px;
     right:100px; 
     }

.testimonycontainer
       {
       position:absolute;
       margin:2% 0 0 0;
       width:100%;;
       }

.testimonyheader
   {
   position:relative;
   font-size: calc(.3em + 2vw);
   font-family: 'Josefin Sans', sans-serif;
   color:#f60;
   width:100%;
   text-align:center;
   }

.testimonybutton
   {
   position:relative;
   font-size: calc(.2em + 1.5vw);
   font-family: 'Josefin Sans', sans-serif;
   color:#fff;
   width:100%;
   padding:1% 0;
   text-align:center;
   margin-top:-12%;
   }

.testimonybutton a
   {
   background-color:#f60;
   border-radius:5px;
   color:#fff;
   background-color:#f60;
   text-decoration:none;
   padding:1%;
   font-weight:bold;
   border: 3px solid #f60;
   }

.testimonybutton a:hover
   {
   border-radius:5px;
   color:#fff;
   background-color: #666;
   border: 3px solid #f60;
   }