.logocontainer,
body {
    background-color: #fff
}

body {
    margin: 0;
    padding: 0;
    background-image: none;
}

div.socialcontainer {
    display: none
}

div.phonecontainer {
    width: 100%;
    text-align: center;
    color: #666;
    font-family: "Josefin Sans", sans-serif;
    margin: 1em 0 -1em;
    display: block
}

.phonecontainer a {
    text-decoration: none;
    color: #666
}

.consult {
    font-size: 3em;
    margin-bottom: -1em
}

.phonenumber {
    font-size: 4em
}

.mobilenav li:nth-child(-n+3) a,
.mobilenav li:nth-child(4) a {
    font: 700 3em "Josefin Sans", sans-serif;
    color: #fff;
    text-decoration: none
}

.stickycontainer {
    margin: 0;
    padding: 0
}

.logocontainer {
    width: 100%;
    padding: 1em 0
}

.logo {
    width: 90%;
    margin: 0 auto
}

.logo img,
.mobilenav {
    width: 100%
}

.menubackgroundmain,
.nav {
    display: none
}

.mobilemenubackground {
    display: block;
    width: 100%;
    padding: 0;
    background-color: #f60;
    margin-top: -1em
}

.mobilenav {
    list-style-type: none;
    text-align: center;
    background-color: #f60;
    padding: 3em 0
}

.mobilenav li:nth-child(-n+3) a {
    background-color: #f60;
    padding: 1em 2em 1em 0
}

.mobilenav li:nth-child(4) a {
    background-color: #f60;
    padding: 1em 0
}

#my-menu,
.mobilesidenav {
    padding: 0;
    background-color: #f60;
    width: 100%
}

#my-menu {
    margin-top: -1em
}

.mobilesidenav {
    list-style-type: none;
    text-align: left
}

.mobilesidenav li:nth-child(n) a {
    text-decoration: none;
    font: 700 4em "Josefin Sans", sans-serif;
    color: #fff;
    background-color: #f60;
    padding: 1em 1em 1em 2em
}

.mobilesidenav a,
div.footercontainer {
    background-color: #666
}

.footer {
    display: none
}

div.footercontainer {
    width: 100%;
    display: block;
    color: #fff;
}

.footercontainer a {
    text-decoration: none;
    color: #fff
}

.sugarlandoffice {
    display: block;
    width: 90%;
    text-align: center
}

.sugarlandoffice p:nth-child(1) {
    font: 700 4em "Josefin Sans", sans-serif;
    margin-bottom: -5px;
    text-size-adjust:none;
}

.sugarlandoffice p:nth-child(2) {
    font: 4em "Josefin Sans", sans-serif;
    text-size-adjust:none;
}

.disclaimer {
    display: block;
    width: 90%;
    padding: 1em;
    font: 3em "Josefin Sans", sans-serif;
   text-size-adjust:none;
}

.toppic,
body {
    width: 100%
}

.areaheader,
.topheading {
    font: 350% 'Josefin Sans', sans-serif;
    text-size-adjust:none;
}

.candycane,
.mainborder,
.slidercontainer {
    display: none
}

.mainpic,
.toppic {
    display: block
}

.toppic {
    margin: -1em 0 -.5em 0;
   position:relative;
}

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

.mainpic img,
.toppic img {
    width: 100%
}


.main {
    display: block;
    overflow: hidden;
    background: #fff;
    text-size-adjust:none;
}

.heading, .mapframe, .deskpic {
    display: none
}

.left,
.right {
    width: 100%
}

.left {
    margin-bottom: 1em
}

.circle {
    border: 4px solid #f60;
    margin:0 2% 5% 1.5%;
    width:96%
}

.areaheader {
    margin: 1em 0 0 .5em;
    text-transform: none;
    color: #666;
    font-weight: 700;
    text-size-adjust:none;
    text-align:left;
   line-height:1;
}

.areatable {
    margin-bottom: 4em
}

.areatable td {
    padding: 1em .5em 1em .5em;
    display:block;
    width:100%;
    margin: 0 0 1% -.5em; 
}

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

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

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

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

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

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

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

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

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

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

.areatable a {
    font: 3em 'Josefin Sans', sans-serif;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    text-size-adjust:none;
}

.topheading {
    padding: 1em;
    font-weight: 700;
    color: #fff
}

.topheading a {
    text-decoration: none;
    color: #fff
}

.whychoose1 {
    padding: .5em 0 .5em 0;
    font-weight: 700;
    color: #fff;
    font-size:450%;
    margin:0; 
}

.whychoose, .whychoose2 {
    padding: .5em 0 .5em 0;
    font-weight: 700;
    color: #fff;
    font-size:450%;
    margin: 0 0 .5em 0;
}

.paragraph {
    font: 350% 'Josefin Sans', sans-serif;
    padding: 1em;
    color: #666;
    background: #fff;
    text-align:left;
}

.contact,
.formheading {
    font: 2em 'Josefin Sans', sans-serif;
    text-size-adjust:none;
}

.contact {
    padding: 1em;
    width: 90%;
    margin: 2em 2% 2em 2%;
    background: #f60
}

.formheading {
    font-weight: 700;
    margin: 0 1em;
    text-align: center;
    color: #fff
}

.formsent {
    font: 3em 'Josefin Sans', sans-serif;
    margin: 1em 0 1em 1em;
    color: #fff
}

.forhead {
    font: 2em 'Josefin Sans', sans-serif;
    margin: 1em 0 0;
    width: 85%;
    text-align: left;
    color: #fff
}

#issue,
input {
    background-color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 200%
}

input {
    margin: 0 1em 0 0;
    width: 90%;
    height: 100px;
    color: #000
}

#issue {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    height: 300px
}

#button {
    width: 100%;
    height: 10%;
    margin: 1em 1em 0 0;
    border-radius: 10px;
    font: 2em 'Josefin Sans', sans-serif;
    border: 2px solid #666;
    padding: 1em;
    color: #000;
    background-color: #f2f2f2
}

.recentarticlewrap
	{
	margin:1em 0em 2em 5%;
	font:175% 'Josefin Sans', sans-serif; 
	display:block;
	width:90%;
        text-align:left;
	cursor:pointer;
        border:5px solid #ff6600;
        background-color:#f5f5f5;
        text-size-adjust:none;
	}


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

.title
	{
	border-bottom:5px solid #666666;
	margin:1em 0em 0em 0em;
        padding-left:1em;
        font:200% 'Josefin Sans', sans-serif;
        text-size-adjust:none;
	}

.date
	{
	float:right;
	margin:1% 1em 1em 0em;
        font:150% 'Josefin Sans', sans-serif;
        text-size-adjust:none;		
	}


.recentarticle
	{
        clear:both;
	padding:0em 1em 1em 1em;
        font:200% 'Josefin Sans', sans-serif;
        text-size-adjust:none;
        }

.recentarticle p
        {
        margin-bottom:1em;
        }

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

.recentarticle li:nth-child(1)
	{
	padding:0em 1em 1em 1em;
	}

.recentarticle li:nth-child(n+2)
	{
	padding:1em;
	}

.recentarticleheading
        {
        background-color:#ff6600;
        color:#ffffff;
        font:200% 'Josefin Sans', sans-serif;
        width:100%;
        text-size-adjust:none;
        }

.articleimage
        {
         width:100%
        }

#articleimage
        {
        width:100%;
        padding:0;
        border:none;
        }


.meetourattorneywrap {
    border: 4px solid #f60;
    margin:0 2% 5% 1.5%;
    width:96%;        
    overflow:hidden;
}

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

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

.meetourattorney
        {
         width:95%;
         font: 350% 'Josefin Sans', sans-serif;
         padding:1em 0em 1em .5em;
         color: #666;
         background: #fff;         
}

.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:0px;
        width:100%;
        background-color: #ff6600;
	}

.footernav li:nth-child(n) a
	{
        display:block;
    	text-decoration: none;
	font:bold 3em "Josefin Sans", sans-serif;
    	color: white;
    	background-color: #ff6600;
    	padding:1em 1em 1em 1em;
	}

.footernav li:nth-child(6) a
	{
        display:none;
	}
		
.footernav a
	{
    	background-color: #666666;
	}


.topiccontainer
  {
  position:absolute;
  top:700px;
   width:100%;
   margin:0;
   }

.topicblurb
   {
   font-size: 3.5em;
   font-family: 'Josefin Sans', sans-serif;
   color:#fff;
   width:90%;
   text-align:center;
   text-size-adjust:none;
   margin-left:5%;
   line-height:1;
   }

.familylawforyou
   {
    display:none;
    }

.consultbutton
   {
   position:relative;
   font-size: 3em;
   font-family: 'Josefin Sans', sans-serif;
   color:#fff;
   width:100%;
   padding:2% 0;
   text-align:center;
   margin-top:5%;
   text-size-adjust:none;
   }

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

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

.traits
        {
        display:none;
        }

.testimonypic  {
     width:100%;
     margin:-1% 0 0 0;
     padding:0;
     border:none;
}

        .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:700px;
      height:600px;
      overflow:hidden;
       visibility:hidden;"
     }

.theslides
    {
    cursor:default;
    position:relative;
    top:0px;
    left:0px;
    width:700px;
    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:70px;
      top:95px;
      width:550px;
      height:600px;
      position:absolute;
      font-size:2.5em;
      line-height:1.2;
      font-family: 'Josefin Sans', sans-serif;
      color:#fff;
      text-size-adjust:none;
      text-align:center;
       }

.slideclient
       {
       left:225px;
       top:455px;
       width:250px;
       height:200px;
       position:absolute;
       font-size:2em;
       line-height:1.2;
       text-align:center;
       font-family: 'Josefin Sans', sans-serif;
       color:#fff;
       text-size-adjust:none;
       }

#leftarrow
    {
    width:50px;
    height:50px;
    top:400px;
    left:25px;
    }

#rightarrow
    {
    width:50px;
    height:50px;
     top:400px;
     right:25px;
     }

.testimonycontainer
       {
       margin-top:60px;
       width:100%;;
       }

.testimonyheader
   {
   position:relative;
   font-size: 4em;
   font-family: 'Josefin Sans', sans-serif;
   color:#f60;
   width:100%;
   text-align:center;
   text-size-adjust:none;
   }

.testimonybutton
   {
   position:relative;
   font-size: 3em;
   font-family: 'Josefin Sans', sans-serif;
   color:#fff;
   width:100%;
   padding:2% 0;
   text-align:center;
   margin-top:-3%;
   text-size-adjust:none;
   }

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

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

table
   {
   box-shadow:none;
    }