/* 
	Theme Name: Brophy Solicitors
	Theme URL: http://www.exsite.ie
	Description: Website by exSite
	Author: Marco Antonio Lacerda Rodrigues
	Version: 1.0
*/

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 100%;
    line-height: 1.4;
    margin: 0px;
    padding:0px;
    font-family: Helvetica, Arial, sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
 ol{
    font-weight: normal;
font-size: 0.9em;
text-align: justify;
color: #2E2E2F;
margin: 10px 0px;
font-family: helvetica,arial, sans serif;
 }

/* ==========================================================================
   Author: Marco Antonio - www.exsite.ie 
   ========================================================================== */

/* ==========================================================================
    HEADER
   ========================================================================== */

.top_nav_float{
    display: none;
}
.head_main{
        background: white;
        width: 100%;
    }
    
    header .head_main .wrapper{
        padding: 0;
    }
        
        .head_main .logo h1{
            margin: 0;
        }
        
            .head_main .logo h1 a{
                background: url(images/logo.png) no-repeat center;
                background-size: 100%;
                display: block;
                margin: 5px auto;
                min-height: 105px;
                text-indent: -99999px;
                width: 280px;
                max-width: 100%;
            }


/* ==========================================================================
   Navigation
============================================================================= */
/*
body wripe for slide open phone menu
*/          
#body_wrap{
    background: #fff;
    min-height: 100%; 
    
    
    -webkit-transition: all .2s ease-out; 
    -moz-transition: all .2s ease-out; 
    -o-transition: all .2s ease-out; 
    -ms-transition: all .2s ease-out; 
    transition: all .2s ease-out; 
}

.no_overflow{
    overflow-x: hidden;
    max-width: 100%;
}   

.wrapper{
    margin: 0 auto;
    max-width: 994px;
    min-width: 300px;
    padding: 0 10px;
}



a{  
    color: #C40041;
    text-decoration: none;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.content.content_inner.single_content.single_post h3{
    font-size: 20px;
}
#home-content a:hover{
    text-decoration: underline;
}

.content_inner img {
    height: auto;
    max-width: 100%;
}  
.navbar{
    background: #c60144;
        min-height: 40px;
    width: 100%;
}
                
    #menu_button {
        cursor: pointer;
        display: inline-block;
        height: 100%;
        padding: 7px 0 0;
        width: 90px;
    }

        #menu_button ul {
            display: inline-block;
            float: left;
            margin: 0 8px 0 10px;
            padding: 0;
        }

        #menu_button ul li {
            display: block; 
            height: 4px; 
            width: 20px; 
            background: #fff; 
            margin: 0 0 4px;
        }
        
        #menu_button ul li:first-child {
            margin-top: 5px;
        }
        
        #menu_button span{
            color: #fff;
            display: block;
            font-size: 15px;
            padding: 5px 0 12px 0;
            font-family: helvetica, arial, sans serif;
            font-weight: bold;
        }

            
        
#main_nav{
    display: none;
}
        
#phone_nav{
    background: #c40041;
    border: 2px solid #a90139;
    width: 225px; 
    padding-top: 0px;
    position: absolute; 
    top: 0px; 
    left: -255px; 
    min-height: 100%; 
    overflow: hidden;   
    
    -webkit-transition: all .2s ease; 
    -moz-transition: all .2s ease; 
    -o-transition: all .2s ease; 
    -ms-transition: all .2s ease; 
    transition: all .2s ease; 
}

#phone_nav.visible{
    left: 0;
}   
    
#body_wrap.slide_right {
        -webkit-transform: translate(225px); 
        -moz-transform: translate(225px); 
        -ms-transform: translate(225px); 
        -o-transform: translate(225px); 
        transform: translate(225px);
}       
            
    #phone_nav ul{
        margin: 0;
        padding: 0;
    }
    
        #phone_nav ul li{
			clear: both;
            list-style: none;
        }
        
        
        
        #phone_nav ul li ul li{
            border-top: 0;
            opacity: 0.9;
        }
        #phone_nav ul li ul li:hover{
            opacity: 1;
        }
        
            #phone_nav ul li a,
            #phone_nav ul li span{
                border-bottom:2px solid #a90139;
                display: block;
                color: white;
                font-size: 14px;
                padding: 7px 5px;
                text-decoration: none;
                width: 100%;
                font-family: helvetica, Arial, sans serif;
            }

			
			#phone_nav ul li.menu-item ul li a:hover{
				background: #c60144;
			}
			#phone_nav ul li.menu-item a:hover{
				background: #98979C;
			}
            
            #phone_nav ul li span{
                cursor: default;
            }

    
    #phone_nav ul li ul a,
    #phone_nav ul li ul span{
        font-size: 12px;
        font-weight: normal;
        padding-left: 15px;
    }
    
    
    #phone_nav ul li ul.sub-menu{
		border-bottom: 2px solid #a90139;
		box-sizing: border-box;
		display: none;
		padding: 0 0 0 40px;
		margin: 0;
		width: 100%;
		
		
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box;   
		box-sizing: border-box;  
    }
    
    #phone_nav ul li ul li{
      float: left;
      border: none;
     
    }
    #phone_nav ul li ul li a{
      float: left;
      border: none;
     
    }
    #phone_nav ul li:hover  > ul{
        display: inline-block;
    }
	
	#phone_nav  ul li.social ul{
		display: block;
		margin-top: 10px;
		text-align: center;
		width: 100%;
	}
	
		#phone_nav  ul li.social ul li{
			clear: none;
			display: inline-block;
			float: none;
		}
	
	
	
    .search-highlight {
    background:#FFFF00  
    }

    .search{
        
    }
    
    input[type="text"], input[type="password"], input[type="email"], textarea {
    width: 100%;
    background: #fff;
    color: #a90139;
    border: 1px solid #cccccc;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    padding: 2px;
}

    #placeholder {
        color: #a90139;
    }
    
    
    #s{
        margin: 0 -31px 0 0;
        padding: 10px 30px 10px 8px;
        width: 167px;
    }
    #s input:-moz-placeholder{
    color:#b0274e;
    }

   #s::-webkit-input-placeholder {
   color: #b0274e;
}


#s:-ms-input-placeholder {  
   color: #b0274e;  
}

#searchsubmit {
text-indent: -9999px;
background-image: url('images/searchsubmit.png');
background-repeat: no-repeat;
border: none;
height: 22px;
width: 22px;
background-color: white;
 
}

.call{
    color: #fff;
    font-family: Helvetica, Arial, Sans serif;
    font-weight: bold;
    clear: both;
    text-align: center;
    margin-bottom: 10px;
}

.facem{
    text-indent: -9999px;
    background-image: url('images/face-ico.png');
    width: 27px;
    height: 27px;
    margin: 5px 10px;
    background-repeat: no-repeat;
}
.twitm{
    text-indent: -9999px;
    background-image: url('images/twit-ico.png');
    width: 27px;
    height: 27px;
    margin: 5px 10px;
    background-repeat: no-repeat;
}
.linkm{
    text-indent: -9999px;
    background-image: url('images/link-ico.png');
    width: 27px;
    height: 27px;
    margin: 5px 10px;
    background-repeat: no-repeat;
}



#content-wraper{
    max-width: 994px;
    margin: 0 auto;
}

.content-wrapper-home{
	padding-top: 20px;
}

/* ==========================================================================
   HOME PAGE
   ========================================================================== */

/* BLOGS DESKTOP */

.blog-desk{
    display:none;
}
h2.cat-title{
    font-family: helvetica, arial, sans serif;
    font-size: 1.5em;
    font-weight: bold;
    color: #C60144;
    text-align: center;
    width: 100%;
    margin: 18px 0 20px 0px;
    text-transform: uppercase;
}
ul.post-categories{
    padding: 0;
    margin: 10px;
}
ul.post-categories li{
    list-style: none;
}
a.back{
    font-size: 0.8em;
    margin: 0 10px 10px 10px;
    float: left;
}
/* end BLOGS DESKTOP */

/* BLOGS PHONE*/
.blog-mobile{
    display:block;
}
#blog-onef{
    margin: 0 0 20px 0;
    height: 90px;
}
#blog-twof{
    margin: 0 0 20px 0;
    height: 90px;
}
#blog-threef{
    margin: 0 0 20px 0;
    height: 90px;
}
.onep{
    width: 100%;
    background: #c40041;
    color: #fff;
    font-family: Helvetica, Arial, Sans serif;
    font-weight: bold;
    text-align: center;
    margin: 5px auto 0;
    font-size: 16px;
    padding: 10px 0;
}
.onep a{
    color: #fff;
    text-decoration: none;
}
.twop{
    width: 100%;
    background: #98979c;
    color: #fff;
    font-family: Helvetica, Arial, Sans serif;
    font-weight: bold;
    text-align: center;
    margin: 30px auto 0;
    font-size: 16px;
    padding: 10px 0;
    clear: both;
}
.twop a{
    color: #fff;
    text-decoration: none;
}
.threep{
    width: 100%;
    background: #2e2e2f;
    color: #fff;
    font-family: Helvetica, Arial, Sans serif;
    font-weight: bold;
    text-align: center;
    margin:30px auto 0;
    font-size: 16px;
    padding: 10px 0;
    clear: both;
}
.threep a{
    color: #fff;
    text-decoration: none;
}

.title_post_home{
    float: left;
    width: 75%;
    background: #f0f0f1;
    padding: 5px;
    height: 70px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.title_post_home a{
    font-family: Helvetica, Arial, sans serif;
    color: #333333;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
   
}
.excerpt_post{
    float: right;
    width: 25%;
    background: #e5e4e6;
    text-align: center;
    height: 70px;
}


.post_date{
	color: #7e7d83;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0;
	text-align: center;
}


.boxpost h2.post_title{
	color: #C60144;
}


/* END BLOG PHONE */
#slider{
    margin: 0 auto 10px auto;
}
.boxpost{
    padding: 0 10px;
}
.boxpost h2{
    font-family: helvetica, arial, sans serif;
    font-size: 1.15em;
    font-weight: bold;
    color: #7e7d83;
    text-align: center;
    width: 100%;
    margin: 20px auto;
    text-transform: uppercase;
}
.boxpost h3{
    font-family: helvetica, arial, sans serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #7e7d83;
	clear: both;
    text-align: center;
    width: 100%;
    margin: 5px auto;
}
.boxpost p{
    font-weight: normal;
    font-size: 0.9em;
    text-align: justify;
    color: #2e2e2f;
    margin: 10px 0;
    font-family: helvetica, arial, sans serif;

}
.boxpost img{
    width: 100%;
    margin: 10px auto; 
}

.boxpost img.alignleft,
.boxpost img.alignright,
.boxpost img.aligncenter{
	height: initial;
	max-width: 100%;
	width: initial;
}



.boxpost .readmore{
    padding-bottom: 10px;
    border-bottom: 1px solid #B1B0B8;
}

.boxpost .readmore a{
    font-size: 0.75em;
    color: #C60144;
}
.boxpost .testimonials-widget-testimonial div.credit{
    background: none;
    width: 100%;   
}
.boxpost .testimonials-widget-testimonial .author{
    color:#7e7d83;
    display: block;
	margin: 0 40px;
	text-align: right;
}
/* ============ start of the list ==========*/
.boxpost ul{
    list-style-position: inside;
    list-style-image: url('images/arrow-thumb.png');
}
.boxpost ul li{
    font-size: 0.9em;
    font-family: helvetica, Arial, sans-serif;
    color: #2e2e2f;
    
    font-weight: normal;
    padding-left: 20px;
}
.boxpost ul li li{
    list-style: circle;
    background: no-repeat;
    background-image: none !important;
    padding-left: 0px;
}
.boxpost ul li a{
    
    font-family: helvetica, Arial, sans-serif;
    
   }
.boxpost ul li a:hover{
    
    font-family: helvetica, Arial, sans-serif;
    text-decoration: underline;
   }

.boxpost ul.double{
    list-style: none;
}
.boxpost ul.double li{
    font-size: .9em;
    font-family: helvetica, Arial, sans-serif;
    color: #2e2e2f;
    list-style: none !important ;
    background-image: none !important;
}
.boxpost ul.double li a{
    font-size: .9em;
    font-family: helvetica, Arial, sans-serif;
    color: #2e2e2f;
    background-image: url('images/pink-arrow.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    }
.boxpost ul.double li a:hover{
    color: #C40041;
}
   .boxpost ul.single{
    list-style: none;
   
}
    
}
 ul.single li{
    font-size: .9em;
    font-family: helvetica, Arial, sans-serif;
    color: #2e2e2f;
    list-style-image: url('images/pink-arrow.png');
    list-style-position: inside;
}
 ul.single li a{
    font-size: .9em;
    font-family: helvetica, Arial, sans-serif;
    color: #2e2e2f;
    background-image: url('images/pink-arrow.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    font-weight: normal
   }
.boxpost ul.single li a:hover{
    color: #C40041;
}
   .list-link{
    color: #7E7D83;
}

.parentlist{

}

.testimonials-widget-testimonials .paging {
    height: 0em;
    }
.test-temp h3{
    margin-top: 50px;
}

.test-temp blockquote{
	padding
}
/* ============ end of the list ==========*/
.assignature{
    clear: both;
	margin: 25px 0;
}

.boxpost  .assignature img{
	float: none;
	width: inherit;
}

#top-title{
    width: 75%;
    height: 2px;
    background-image: url('images/border-title.png');
    margin: 20px auto 0;
    background-repeat: repeat-x;
    clear: both;
}

.line-date,
#bottom-title{
    width: 50%;
    height: 2px;
    background-image: url('images/border-title.png');
    margin:0 auto 20px;
    background-repeat: repeat-x;
    clear: both;
}

.line-date{
	margin: 0 auto;
}

.legal{
    color: #7e7d83;
    font-family: helvetica, arial, sans serif;
    font-size: 18px;
    font-weight: 900;
    text-align: center;
    padding: 5px 20px;
}
.meet{
    width: 80%;
    margin: 0 auto 10px auto;
    border: 2px solid #c40041;
    padding: 10px;
    background: #fff;
    text-align: center;
}
.meet a{
    color: #c40041;
    font-size: 20px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans serif;
    text-transform: uppercase;

}
.meet-about{
    width: 80%;
    margin: 0 auto 10px auto;
    border: 2px solid #c40041;
    padding: 10px;
    background: #fff;
    text-align: center;
    display: block;
}
.meet-about a{
    color: #c40041;
    font-size: 20px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans serif;
    text-transform: uppercase;

}
.bottom-contact{
  display: none;

}
/* ==========================================================================
    NEWSLETTER MOBILLE
   ========================================================================== */
#mc_embed_signup{
    background:#dedede; 
    clear:left; 
    font:14px Helvetica,Arial,sans-serif;
    padding-top: 1px;
    padding-bottom: 20px; }
#mc_embed_signup h2{
    color: #919191;
    font-family: Helvetica, Arial, sans serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.mc-field-group{

}
.mc-field-group input{
   
}
#mc_embed_signup input.mce_inline_error {
border-color: #bbbabc !important;
}
#mc_embed_signup div.mce_inline_error{
    margin: 1em 0 1em 0;
    padding: 5px 10px;
    background-color: #dedede !important;
    font-weight: bold;
    z-index: 1;
    color: #919191 !important;
}
input.required-email{
    border-top: 2px solid #bbbabc;
    border-bottom: 2px solid #bbbabc;
    border-left: 2px solid #bbbabc;
    border-right: none;
    line-height: 33px;
    margin-left: 10px;
    width: 80%;
    float: left;
    margin-top: 0;

}
input.button{
    text-indent: 9999;
    height: 41px;
    width: 36px;
    border-top: 2px solid #bbbabc;
    border-bottom: 2px solid #bbbabc;
    border-left: none ;
    border-right: 2px solid #bbbabc;
    background: #fff;
    background-image: url('images/button-mc.png');
    cursor: pointer;
    margin-top: 1px;
   
    
    
}
::-webkit-input-placeholder {
  padding-left: 10px;
}
 
:-moz-placeholder { /* Firefox old */
  padding-left: 10px;
}
 
::-moz-placeholder { /* Firefox new */
  padding-left: 10px;
}
 
:-ms-input-placeholder {
  padding-left: 10px;
}
/* ==========================================================================
    FOOTER MOBLLE
   ========================================================================== */
#top-footer{
    background-image: url('images/bg_twitter.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    margin: 10px 0 0 0;
    background-color: #7e7d83;

}
#mid-footer{
    background-color: #c40041;
    text-align: center;
    padding: 10px 0;

}
#mid-footer p{
    color: #fff;
    width: 60%;
    font-family: Helvetica, Arial, Sans serif;
    font-size: 14px;
    margin: 0 auto;
    font-weight: normal;

}
#contact-mob{
    margin: 10px auto;
}
#testmonial{
    display: none;

}
#twitter-feed{
    width: 100%;
    min-height: 280px;
    background-image: url('images/bg_twitter.png');
    background-position: top left;
    background-repeat: no-repeat;
}
.twitter-timeline {
    position: relative!important;
    top: 20px;
    width: 200px !important;
    float: right;
    right: 10px;
    min-width: 100px !important;
}
input {
    -webkit-appearance: none;
    border-radius: 0;
}
ul.contact-list {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}
ul.contact-list  li{
    color:#fff;
    font-family: Helvetica, Arial, Sans serif;
    font-size: 14px;
    font-weight: normal;
    list-style: none;

}
.credits{
    clear: both;
}
.credits a{
    text-decoration: none;
    color: #7e7d83;
}
#footer-nav{
    margin: 0 auto 38px auto;
    text-align: center;
    width: 250px;

}
ul.footer-menu{
    display: inline;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
ul.footer-menu li{
    float: right;
    padding: 1px 0px 1px 5px;
    border-left:1px solid #fff;
    line-height: 12px;
}
ul.footer-menu li a{
    color:#fff;
    font-family: Helvetica, Arial, Sans serif;
    font-size: 12px;
    font-weight: bold;
}
ul.footer-menu li:last-child{
    border: none;
	padding: 1px 5px;
}
#back-top{
    padding: 10px 0;
    background-color: #000;

}
.top-buttom{
    width: 50%;
    margin: 10px auto;
    text-align: center;
}
.top-buttom a{
    color:#c6bfbf;
     font-family: Helvetica, Arial, Sans serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;

}
.top-buttom img{
    text-align: center;
}
.social{
    display:block;
}
.social ul li{
    list-style: none;
}

.side-desk{
    display: none;
}
/* ==========================================================================
    REGULAR PAGE
   ==========================================================================*/

.top-image img{
    width: 100% !important;
}
#separator {
clear: both;
width: 100%}
/* ==========================================================================
    about page
    =========================================================================*/
#about-wrapper{
    width: 100%;
}
.side-about{
    display: none;
}
/* ==========================================================================
    practice page
    =========================================================================*/

.entry-practice{
    width: 100%;
}

.list-practice{
    display: block;
    margin: 10px;

}
div#nextend-accordion-menu-unique084b662 dl.level1 dt.parent .inner  {
    background-image: url('images/pink-arrow.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}
div#nextend-accordion-menu-unique084b662 dl.level1 dt.parent.opened .inner, div#nextend-accordion-menu-unique084b662 dl.level1 dt.parent.opening .inner {
    background-image: url('images/pink-arrowdown.png') !important;
}

div#nextend-accordion-menu-unique084b662 dl.level1 dt .inner {
    background-image: url('images/pink-arrow.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    cursor: pointer;
    border-style: solid;
    border-color: #E0E0E0;
    border-width: 0px;
}

div#nextend-accordion-menu-unique084b662 dl.level2 dt .inner{
  
}
div#nextend-accordion-menu-unique084b662 dl.level1 dt.opening span.inner span, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.opening span.inner span span, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.opening a, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.opening a span, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.opened span.inner span, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.opened span.inner span span, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.opened a, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.opened a span, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.active span.inner span, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.active span.inner span span, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.active a, 
div#nextend-accordion-menu-unique084b662 dl.level1 dt.active a span
{
    color: #C60144 !important;
}

div#nextend-accordion-menu-unique084b662 dl.level1 dt:HOVER span.inner span,
div#nextend-accordion-menu-unique084b662 dl.level1 dt:HOVER span.inner span span,
div#nextend-accordion-menu-unique084b662 dl.level1 dt:HOVER a,
div#nextend-accordion-menu-unique084b662 dl.level1 dt:HOVER a span
{
    color: #C60144 !important;
}
/* ==========================================================================
    CONTACT PAGE
    ========================================================================*/

#contact-field {
    width: 90%;
    margin: 10px auto;   

}
#contact-field .left {
    width: 100%;
    clear: both;
}
#contact-field .right{
    width: 100%;
    clear: both;
}
/* ==========================================================================
    OUR TEAM
   ========================================================================== */
#team-line{
clear: both;
margin-bottom: 20px;
}
.team-members{
    width: 50%;
float: left;

}
.team-thumb{

}
.title-team {
    
}

.title-team a{
   
}
.testimonials-widget-testimonial cite:before, .testimonials-widget-testimonial div.credit:before {
    content: " " !important;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {
/* ==========================================================================
    CONTACT PAGE
    ========================================================================*/

#contact-field {
    width: 100%;
    margin: 0 auto 20px auto;

}
#contact-field .left {
    width: 50%;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    /*border-right: 1px solid #98979C;*/
    clear: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */



}
#contact-field .right{
    width: 50%;
    float: right;
    text-align: left;
    padding-left: 10px;
    clear: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
}

@media only screen and (min-width: 768px) {
.head_main .logo h1 a{
    margin-left: 5px;
}
.navbar{
}

#menu_button{
    display: none;
}

.logo{
    float: left;
}
/* navigation desktop */

#main_nav{
    display: block;
}

#main_nav ul {
    list-style: none;
	text-align: center;
	margin: 0;
}



#main_nav ul li{
    display: inline-block;
	min-height: 40px;
	line-height: 40px;
	position: relative;
}




#main_nav ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 1em;
    font-family: helvetica, Arial, sans serif;
    font-weight: normal;
	display:block;
	padding: 0 10px;
	
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

#main_nav ul li a:hover{
	background: #98979C;
}

#main_nav ul li ul.sub-menu{
	background: #C60144;
	text-align: left;
	min-width: 100%;
	margin: 0;
	position: absolute;
	left: 0;
	padding: 5px 5px;
	z-index: 900;
	display:none;
}
	
	#main_nav ul li ul.sub-menu li{
		border-top: 1px solid #a90139;
		display: block;
		white-space: nowrap;
	}
	
	#main_nav ul li ul.sub-menu li:first-child{
		border-top: none;
	}	
	

#main_nav ul li:hover > ul.sub-menu {
left: 0;
display:block;
}

.calldesk{
    float: right;
    clear: left;
    color: #7e7d83;
    font-family: Helvetica, Arial, sans serif;
    font-weight: bold;
    font-size: 0.9em;
    margin-top: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
   

}

.calldesk span{
     color: #7e7d83;
    font-family: Helvetica, Arial, sans serif;
    margin-right: 5px;
    margin-left: 10px;

}
.calldesk a{
    color: #7e7d83;
}

.top_nav_float{
    display: block;
    width: 450px;
    float: right;
}
.sociald{
    float: right;
    position: relative;
    left: 0px;
    top: -11px;
    height: 50px;
    width: 395px;
}
.sociald ul li{
    list-style: none;
    float: left;
}
.faced {
    text-indent: -9999px;
    background-image: url('images/faced.png');
    width: 27px;
    height: 28px;
    margin: 5px 10px;
    background-repeat: no-repeat;
}
.twitd{
    text-indent: -9999px;
    background-image: url('images/twitd.png');
    width: 27px;
    height: 28px;
    margin: 5px 10px;
    background-repeat: no-repeat;
}
.linkd{
    text-indent: -9999px;
    background-image: url('images/linkd.png');
    width: 28px;
    height: 27px;
    margin: 5px 8px;
    background-repeat: no-repeat;
}
/* blogs list phone */
.blog-mobile{
    display: none;
}
/* BLOGS DESKTOP */

.blog-desk{
    display:block;
    clear: both;
    height: 130px;
    margin-top: 25px;
    margin-bottom: 68px;
}
.excerpt_postd{
    background-image: url('images/arrow-read.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 15px;
}
.excerpt_postd a{
    color: #7e7d83;
    font-family: helvetica, arial, sans serif;
    font-size: 0.9em;
}
.title_post_homed{
    border-top: 1px dashed #333333;
    padding-top: 5px;
    padding-bottom: 0px;
}
.title_post_homed a{
    color: #333333;
    font-size: 0.75em;
    font-family: Helvetica, Arial, sans serif;
    font-weight: 900;

}
.entry-date{
    font-size: 0.7em;
    color:#7e7d83;
    top: -7px;
    position: relative;
    margin-bottom: 10px;
}
#blog-oned{
    float: left;
    width: 33%;
    padding: 0 10px;
    border-right: 1px solid #d7d4d4;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

}
#blog-twod{
    float: left;
    width: 33%;
    padding: 0 10px;
    border-right: 1px solid #d7d4d4;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
#blog-threed{
    float: left;
    width: 33%;
    padding: 0 10px;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.oned{
    text-align: center;
    color: #fff;
    background: #c40041;
    font-size: 16px;
    font-family: Helvetica, Arial, sans serif;
    font-weight: bold;
    padding: 5px 10px;
    width: 65%;
    margin: 0 auto 20px;
    
}
.oned a{
    color: #fff;
}
.twod{
    text-align: center;
    color: #fff;
    background: #98979c;
    font-size: 16px;
    font-family: Helvetica, Arial, sans serif;
    font-weight: bold;
    padding: 5px 10px;
    width: 65%;
    margin: 0 auto 20px;
    
}
.twod a{
    color: #fff;
}
.threed{
    text-align: center;
    color: #fff;
    background: #2e2e2f;
    font-size: 16px;
    font-family: Helvetica, Arial, sans serif;
    font-weight: bold;
    padding: 5px 10px;
    width: 65%;
    margin: 0 auto 20px;
}
.threed a{
    color: #fff;
}
.twitter-timeline {
    position: relative;
    top: 20px;
    width: 70% !important;
    float: right;
    right: 10px;

}

.post_date{
	margin: 10px 0 20px 0;
	text-align: left;	
}


/* ==========================================================================
    SIDE BAR HOME
   ==========================================================================*/
.side-desk{
    float: left;
    width: 30%;
    display: block;
   padding-left: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.sidebox {
    padding-top: 10px;
   
}
.sidebox nav {
    margin-left: 5px;
   
}
.sidebox h2{
    font-family: Helvetica, Arial, sans serif;
    font-size: 14px;
    color:#7e7d83;
    font-weight: bold;
    text-transform: uppercase;

}
.sidebox ul{
    list-style-image: url('images/pink-arrow.png');
}
.sidebox ul li {
    margin: 10px 0 10px 0px;
    padding: 0 0 0 10px;
}
.sidebox ul li a{
    color:#333333;
    text-decoration: none;
    font-family: Helvetica, arial, sans serif;
    font-size: 12px;
    font-weight: normal;
}

div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.parent .inner {
    background-image: url('images/pink-arrow.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.parent.opened .inner, div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.parent.opening .inner {
    background-image: url('images/pink-arrowdown.png') !important;
}

div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt .inner {
    background-image: url('images/pink-arrow.png') !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    cursor: pointer;
    border-style: solid;
    border-color: #E0E0E0;
    border-width: 0px;
}
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level2 dt .inner{
    background-size: 3% !important;
}
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.opening span.inner span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.opening span.inner span span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.opening a, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.opening a span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.opened span.inner span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.opened span.inner span span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.opened a, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.opened a span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.active span.inner span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.active span.inner span span, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.active a, 
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt.active a span
{
    color: #C60144 !important;
}

div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt:HOVER span.inner span,
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt:HOVER span.inner span span,
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt:HOVER a,
div#nextend-accordion-menu-nextendaccordionmenuwidget-2 dl.level1 dt:HOVER a span
{
    color: #C60144 !important;
}




/* ==========================================================================
    NEWSLETTER MOBILLE
   ========================================================================== */
#mc_embed_signup{
    background: none;
    clear:left; 
    font:14px Helvetica,Arial,sans-serif;
    padding-top: 1px;
    padding-bottom: 20px; }
#mc_embed_signup h2{
    color: #919191;
    font-family: Helvetica, Arial, sans serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
}
input.required-email {
border-top: 2px solid #bbbabc;
border-bottom: 2px solid #bbbabc;
border-left: 2px solid #bbbabc;
border-right: none;
height: 39px;
margin-left: 0;
width: 83%;
float: left;
margin-top: 0;
padding-left: 3px;
font-size: 0.8em;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
input.button {
    position: relative;
    top: 0px;
    height: 39px;
    margin-top: 0px;
}
/* ===========================================================================
    CUSTOM FIELD CONTACT
   =========================================================================== */
.bottom-contact{
   width:97%;
   background: #f0f0f1;
   text-align: center;
   display: block;
   margin-top: 30px;
}

.custom-field{
   
    background: #98979c;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    color: #fff;
    font-weight: bold;
    padding: 10px;
}
.bottom-contact p{
    color: #7e7d83;
     font-family: Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 30px;
}
.bottom-contact a{
	width: 42px;
	height: 42px;
	background: url('images/email-buttom.png');
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
	margin: 0px 1px -15px 20px;
	position: relative;
}

/* ===========================================================================
    HOME CONTENT
    ========================================================================== */
h3{

}
#home-content{
    width: 68%;
    float: right;
    clear: both;
    margin-bottom: 20px;
}
#top-title{
    display: none;
}

.line-date,
#bottom-title{
    display: none;
}

h2.cat-title{
    font-size: 1.5em;
    text-align: left;
    margin: 18px 0 20px 10px;
}

.boxpost .readmore{
    padding-bottom: 10px;
    border-bottom: 1px solid #b1b0b8;
}
.boxpost .readmore a{
    font-size: 0.85em;
}
h1{
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
	color: #7e7d83;
}

.boxpost h2, .boxpost h3{
    margin: 10px 0 10px 0;
    text-align: left;
    font-size: 0.9em;
    font-weight: bold;
     text-transform: initial;
	color: #2e2e2f;
}
.boxpost img{
    width: 100%;
    float: left;
    margin: 0 35px 10px 0;
}
.post-image img{
    width: 30%;
}
.image-template img{
    width: 100%;
}
/* ============ start of the list ==========*/
.boxpost ul.double{
    overflow:hidden;
    
}
.boxpost ul.double li{
    float:left;
    display:inline;
    width: 45%;
     font-size: 0.9em;
    font-family: helvetica, Arial, sans-serif;
    color: #2e2e2f;
}
.boxpost ul.double li a{
    font-size: 1em;
    font-family: helvetica, Arial, sans-serif;
    color: #2e2e2f;
    background-image: url('images/pink-arrow.png') !important;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    font-weight: normal
   }
/* ============ end of the list ==========*/
.legal{
    float: left;
    width: 45%;
    padding: 0;
    text-align: left;
}
.meet {
width: 45%;
margin: 20px 0 10px 0;
background: #c40041;
padding: 10px;
text-align: center;
float: right;
}
.meet a{
    color: #fff;
}
.meet-about {
    display: none;
}
#separator{
    clear: both;
    width: 100%;
}
.line-sep {
    clear: both;
    margin: 5px 0;
    height: 1px;
    width: 100%;
    background: #d7d4d4;
}
/* ==========================================================================
    about page
    =========================================================================*/
    #about-wrapper{
        width: 70%;
        float: left;
        
    }
    .side-about{
        width: 27%;
        float: right;
        background-color:#F0F0F1;
        height: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 5px;
        padding: 5px 5px 20px 5px;
        display: block;
    }
    .side-about h4{
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1em;
        color: #98979C;
        font-weight: normal;

    }

    .side-about p{
        font-size: 0.8em;
        color: #2E2E2F;
        text-align: justify;
        margin: 5px 10px;
    } 

    .side-about img{
        width: 100%;
    }

    .side-about a{
        
    }
    .side-about a:hover{
        color: #98979C;
    }
/* ==========================================================================
    PRACTICE PAGE
    =========================================================================*/

.entry-practice{
    width: 70%;
    float: left;
}

.practice-box{

}

.list-practice{
    display: none;

}


/* ==========================================================================
    CONTACT PAGE
    ========================================================================*/

#contact-field {
    width: 100%;
    margin: 0 0 20px 0;

}
#contact-field .left {
    width: 50%;
    float: left;
    padding-right: 25px;
   /* border-right: 1px solid #98979C;*/
    clear: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */



}
#contact-field .right{
    width: 50%;
    float: right;
    text-align: left;
    padding-left: 20px;
    clear: none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
/* ==========================================================================
    FOOTER DESKTOP
    ========================================================================*/
#top-footer{
    background-image:none;
    background-repeat: no-repeat;
    min-height: 330px;

}
#top-wrapper{
    max-width: 994px;
    margin: 0 auto;
}
#testmonial{
    float: left;
    width: 50%;
    display: block;
    padding-top: 4px;
    padding-left: 5px;
}
#twitter-feed{
    float: right;
    width: 45%;
    background-image: url('images/bg_twitter.png');
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 350px;
}
 .testimonials-widget-testimonials2 p{
    color: #fff;
    font-family: helvetica, Arial, sans-serif;
    font-size: 14px;
    padding-left: 10px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

 }
 .testimonials-widget-testimonial div.credit{
    float: left;
    color: #fff;
    font-family: helvetica, Arial, sans-serif;
    font-weight: bold;
    background: url('images/arrow-test.png');
    background-repeat: no-repeat;
    background-position: center left;
   width: 100%;
 }
 .testimonials-widget-testimonial cite:before, .testimonials-widget-testimonial div.credit:before {
    content: " ";
}
.testimonials-widget-testimonial blockquote {
	margin: 25px 0 0 0;
}
.boxpost .testimonials-widget-testimonial .author{
	margin: 0;
}
.testi-box h2{
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: helvetica, Arial, sans-serif;
    font-weight: bold;
}
.test-buttom{
    clear: both;
    float: right;
    width: 144px;
    height: 38px;
    background: #fff;
    text-align: center;
    margin-top: 15px;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

}
a.test-buttom {
    color: #7e7d83;
    text-transform: uppercase;;
    font-size: 15px;
    font-family: Helvetica, Arial, sans-serif;
    padding-top: 10px;
}
#mid-wrapper{
    margin: 0 auto;
    max-width: 994px;
}
#back-top{
    display: none;
}
#address-mob{
    float: left;
    text-align: left;
}
#mid-footer {
    padding: 20px 15px;

}
#mid-footer p{
    width: 100%;
}
#contact-mob{
    margin: 0;
    float: left;
    clear: left;
}
ul.contact-list {
display: block;
text-align: left;

}
.social{
    display: block;
    float: right;
    clear: right;
    margin-top:-70px;
}
.social ul{
    list-style: none;
}
.social ul li{
    float: left;
}
#footer-nav{
    float: right;
    clear: right;
    margin-top:-10px;

}
.credits {
clear: right;
float: right;
text-align: right;
margin-top:-30px;
}
.face{
    
    background-image: url('images/face-ico.png');
    width: 27px;
    height: 27px;
    margin: 5px 10px;
    background-repeat: no-repeat;
}
.twit{
    
    background-image: url('images/twit-ico.png');
    width: 27px;
    height: 27px;
    margin: 5px 10px;
    background-repeat: no-repeat;
}
.link{
    
    background-image: url('images/link-ico.png');
    width: 27px;
    height: 27px;
    margin: 5px 10px;
    background-repeat: no-repeat;
}
.twitter-timeline{
    position: relative;
    left: 82px;
    top:40px;
    width: 250px !important;
   float: none;


}
/* ==========================================================================
    OUR TEAM
   ========================================================================== */
#team-line{
margin-bottom: 0;
}
.team-members{
    width: 30%;
float: left;
margin-right: 1%;
}
.team-thumb{

}
.title-team {
    text-align: center;
    margin: 10px;

}

.title-team a{
    color: #7e7d83;
    text-decoration: none;

}
}

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

input.required-email {
border-top: 2px solid #bbbabc;
border-bottom: 2px solid #bbbabc;
border-left: 2px solid #bbbabc;
border-right: none;
height: 39px;
margin-left: 0;
width: 85%;
float: left;
margin-top: 0;
padding-left: 5px;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

.sociald {
   
    left: 9px;
   
}

#main_nav ul {
    padding: 0;
}

#main_nav ul li{
   margin-left: 45px;
}

#main_nav ul li ul li{
	margin: 0;
}

#main_nav ul li:first-child{
	margin-left: 0;
}

#testmonial{
    float: left;
    width: 60%;
    display: block;
    padding-top: 4px;
}
#twitter-feed{
    float: right;
    width: 34%;
    background-image: url('images/bg_twitter.png');
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 350px;
}
.oned{
    width: 60%;
}

.twod{
   width: 60%;    
}

.threed{    
    width: 60%;   
}
#top-footer{   
    min-height: 310px;
}
}


@media only screen and (max-device-width: 1024px) and (orientation:portrait) {
.landscape { display: none; }

input.button{
    position: relative;
    top: -1px;
    
    
}
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
.portrait { display: none; }
input.button{
    position: relative;
    top: -1px;
}
}
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}