/*
Theme Name: Times Attorneys
Template: motion
*/

// @import url("../motion/style.css");

@font-face {
	font-family: 'timesatt';
	src:url('fonts/timesatt.eot?1phi3c');
	src:url('fonts/timesatt.eot?#iefix1phi3c') format('embedded-opentype'),
		url('fonts/timesatt.woff?1phi3c') format('woff'),
		url('fonts/timesatt.ttf?1phi3c') format('truetype'),
		url('fonts/timesatt.svg?1phi3c#timesatt') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icons-"], [class*=" icons-"] {
	/* font-family: 'timesatt'; */
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icons-search:before {
	content: "\f002";
}

.icons-chevron-left:before {
	content: "\f053";
}



.icons-chevron-right:before {

	content: "\f054";

}



.icons-angle-left:before {

	content: "\f104";

}



.icons-angle-right:before {

	content: "\f105";

}



.icons-dot:before {

	content: "\e600";

}



.icons-twitter:before {

	content: "\e601";

}



.icons-facebook:before {

	content: "\e602";

}



.icons-googleplus:before {

	content: "\e603";

}











/**

--------------------------------------------------------------------

------------------------TIMES ATTORNEYS--------------------------------------

--------------------------------------------------------------------

**/

body{

	background: #2a2a2a;

	font-family: 'Raleway', sans-serif;

}

body{

	color:#999999;

}

a{

	color: #db5858;

}

a:hover{

	color:#c95151;

}

h1{

	color: #000;

}

h1{

	font-size: 2em;

}

h2{

	font-size: 1.6em;

}

h3{

	font-size: 1.3em;

}

h4{

	font-size: 1.2em;

}

h5{

	font-size: 1.1em;

}

.main a{

	color: #CD0001;

}

.main a.btn {

color: #fff;

}

.main a.btn:hover {

color: #CD0001;

}

.inner{

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

}

.inner.xl{

	max-width: 1600px;

}

.btn {

background: #CD0001;

color: #fff;

padding: 0.3em 1em;

padding-bottom: 0.35em;

display: inline-block;

border-radius: 2px;

position: relative;

 -webkit-transition: 800ms ease all;

 -moz-transition: 800ms ease all;

 -ms-transition: 800ms ease all;

 -o-transition: 800ms ease all;

 transition: 800ms ease all;

}

.btn:hover{

  background: transparent;

  color:#CD0001;

}

.btn:before,.btn:after{

  content:'';

  position:absolute;

  top:0;

  right:0;

  height:2px;

  width:0;

  background: #CD0001;

	-webkit-transition: 500ms ease all;

	-moz-transition: 500ms ease all;

	-ms-transition: 500ms ease all;

	-o-transition: 500ms ease all;

	transition: 500ms ease all;

}

.btn:after{

  right:inherit;

  top:inherit;

  left:0;

  bottom:0;

}

.btn:hover:before,.btn:hover:after{

  width:100%;

 -webkit-transition: 800ms ease all;

 -moz-transition: 800ms ease all;

 -ms-transition: 800ms ease all;

 -o-transition: 800ms ease all;

 transition: 800ms ease all;

}





.btn2 {

background: none;

border: 1px solid #7a7c82;

padding: 0.3em 1em;

padding-bottom: 0.35em;

display: inline-block;

border-radius: 2px;

position: relative;

 -webkit-transition: 800ms ease all;

 -moz-transition: 800ms ease all;

 -ms-transition: 800ms ease all;

 -o-transition: 800ms ease all;

 transition: 800ms ease all;

}



.btn2:hover,.btn2.current {

	background: #CD0001;

	border: 1px solid #CD0001;

	color: #fff;

}

/**

--------------------------------------------------------------------

------------------------HEADER--------------------------------------

--------------------------------------------------------------------

**/

.header{

	position: relative;

}

.header-top{

	background: #ffffff;

	padding:15px 0;

	border-bottom: 1px solid #EAEAEA;

}

.header-bottom {

position: absolute;

top: 0px;

left: 0;

width: 100%;

z-index: 999999;

height: 20px;

padding: 15px 0;

background-image:

  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP47wMAAk0BTO7dblgAAAAASUVORK5CYII=);

}

body .header-search-input, body .header-search-input:focus {

background: none;

border: none;

color: #fff;

display: inline-block;

padding: 0 5px;

height: 20px;

max-width: 220px;

	border-bottom: 1px solid transparent;

	-webkit-transition: 500ms ease all;

	-moz-transition: 500ms ease all;

	-ms-transition: 500ms ease all;

	-o-transition: 500ms ease all;

	transition: 500ms ease all;

}

body .header-search-input::-webkit-input-placeholder{

	color: #fff;

}

body .header-search-input:focus {

	border-bottom: 1px solid #fff;

}

.header-search-submit {

float: left;

background: none;

color: #fff;

padding: 0;

font-size: 1em;

margin-top: 0.2em;

}

.header-search-submit:hover {

background: none;

}

.langs-switch li {

display: inline-block;

vertical-align: middle;

margin-left: 10px;

}

.header-search{

display: none;

width: 240px;

}

.langs-switch li a {

color: #B3B3B3;

font-weight: bold;

text-transform:uppercase;

/*text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/

}

.langs-switch li.current-lang a {

color: #c95151;

}

.langs-switch {

line-height: 1.2;

}

/**

------------------------MENU--------------------------------------

**/



.main-menu > .menu {

text-align: center;

padding-top: 43px;

padding-bottom: 30px;

position: relative;

z-index: 2;



}

.main-menu > .menu > li:first-child {

margin-left: 0;

}

.main-menu > .menu > li {

display: inline-block;

margin-left: 50px;

position: relative;

}

.main-menu > .menu li a{

	-webkit-transition: 500ms ease all;

	-moz-transition: 500ms ease all;

	-ms-transition: 500ms ease all;

	-o-transition: 500ms ease all;

	transition: 500ms ease all;

	position: relative;

	padding-bottom: 10px;

	color: #c0c0c0;

	text-transform: uppercase;

	font-size: 0.8em;

	font-weight: bold;

}



.main-menu > .menu li a:hover,.main-menu > .menu li.current-menu-item > a,.main-menu > .menu li.current-menu-ancestor > a{

	color:#222222;

}



.main-menu > .menu li ul{

	position: absolute;

	background: #fff;

	z-index: 1;

	top: 30px;

	box-shadow: 2px 10px 20px -4px rgba(0, 0, 0, 0.21);

	left: 0;

	text-align: left;

	white-space: nowrap;

	/*max-height: 0;*/

	overflow: hidden;

	opacity: 0;

	-webkit-transition: 500ms ease all;

	-moz-transition: 500ms ease all;

	-ms-transition: 500ms ease all;

	-o-transition: 500ms ease all;

	transition: 500ms ease all;

	height:auto;

}

.main-menu > .menu li:hover ul{

	/*max-height: 300px;*/

	opacity: 1;

}

.main-menu > .menu li ul a {

display: block;

padding: 15px 10px;

}



/**

--------------------------------------------------------------------

------------------------CONTENU----------------------------

--------------------------------------------------------------------

**/

.content-wrapper {

background: #ffffff;

}

.content-wrapper h2,.content-wrapper h3,.content-wrapper h4{

	color: #000;

	text-transform: uppercase;

}

.content-section,.footer-main{

	padding:95px 0;

}

.slide-title {

background: #db5858;

color: #fff !important;

line-height: 60px;

height: 60px;

font-weight: bold;

text-transform: uppercase;

display: inline-block;

padding: 0px 65px;

/*margin-bottom: 2em;*/

}

.top-img {

position: relative;

width: 100%;

height: 0;

padding-bottom: 40%;

text-align: center;

background-size: cover;

background-position: center;

color: #fff;

background-attachment: fixed;

}

.top-img h1 {

color: #fff;

text-transform: uppercase;

line-height: 1.2;

font-weight: 100;

margin-bottom: 0.9em;

font-size: 3em;

}

.top-img-label {

background: #db5858;

}

/*.top-img-link a {

border: 1px solid #fff;

background: rgba(255, 255, 255, 0.3);

text-shadow: 0 0 10px rgba(0, 0, 0, 0.67);

color: #fff;

display: inline-block;

vertical-align: middle;

margin: 0 1em;

text-transform: uppercase;

padding: 0.9em 2em;

font-weight: bold;

width: 270px;

max-width: 100%;

}*/

.top-img-link {

display: inline-block;

vertical-align: middle;

text-align: center;

}

.slide-title a {

color: #fff;

text-transform: capitalize;

font-size: 1.3em;

}

.top-img .inner, .top-img .inner article {

height: 100%;

}

.top-img-slider .swiper-slide article:before {

content: '';

vertical-align: middle;

display: inline-block;

height: 100%;

}

.domaines-slide-infos-title {

font-size: 1.1em;

font-weight: bold;

margin-bottom: 1em;

}

.content-wrapper ul {

padding-left: 0.5em;

}

.content-wrapper ul li:before {

content: '●';

display: inline-block;

vertical-align: -0.05em;

margin-right: 0.6em;

font-size: 1.3em;

}



.section-domaines .inner {

position: relative;

}

.domaines-slider-prev, .domaines-slider-next {

position: absolute;

left: -100px;

font-size: 2em;

top: 50%;

margin-top: 0.6em;

color: rgb(219, 88, 88);

cursor: pointer;

}

 .domaines-slider-next {

 	left: inherit;

 	right: -100px;

 }

 .content-section.section-domaines {

background: #fafafa;

}

.domaines-slide-infos-wrapper {

padding: 0 40px;

}



.swiper-slide:nth-child(3n+1) .domaines-slide-infos-desc li:before{

	color: #e6e6e6;

}

.swiper-slide:nth-child(3n+2) .domaines-slide-infos-desc li:before{

	color: #7c7c7c;

}

.swiper-slide:nth-child(3n+3) .domaines-slide-infos-desc li:before{

	color: #da5858;

}

/*

--------------------------------------------------------------------

-----------------------TEAM---------------------------

--------------------------------------------------------------------

**/

.team-item {

width: 31.5%;

padding-top: 30px;

padding-bottom: 45px;

text-align: center;

height: 460px;

position: relative;

float: left;

margin-left: 2.7513%;

margin-bottom: 8%;

overflow: hidden;

border-radius: 2px;

box-shadow: inset 0 0 0 1px #E5E5E5;

}

.team-item:first-child, .team-item:nth-child(3n+1) {

margin-left: 0;

}

.team-thumbnail {

width: 45%;

margin: 0 auto;

overflow: hidden;

border-radius: 50%;

margin-bottom: 1em;

}

.team-header {

padding: 0 15%;

}

.team-header p {

margin: 0;

}

.team-item-post {

margin-bottom: 1em;

text-transform: uppercase;

}

.team-item-excerpt {

max-height: 100px;

overflow: hidden;

}

.team-item-link {

background: #db5858;

color: #fff !important;

line-height: 45px;

height: 45px;

font-weight: bold;

position: absolute;

left: 0;

text-transform: uppercase;

bottom: 0;

width: 100%;

}

.news-item-link {

font-weight: bold;

text-transform: uppercase;

}

/*

--------------------------------------------------------------------

-----------------------NEWS---------------------------

--------------------------------------------------------------------

**/

.content-section.last-news {

background: #fafafa;

}

.news-item {

width: 31.5%;

float: left;

margin-left: 2.7513%;

margin-bottom: 2.7513%;

overflow: hidden;

border-radius: 2px;

padding: 1.5%;

box-shadow: inset 0 0 0 1px #E5E5E5;

}

.news-item:first-child {

margin-left: 0;

}

.news-item-preview {

height: 0;

overflow: hidden;

padding-bottom: 31.2%;

margin: -5%;

margin-bottom: 5%;

position: relative;

}

.news-item-preview img {

width: 100%;

}

.news-item header h3 {

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

margin-bottom: 0.2em;

font-weight: bold;

font-size: 1em;

}

.news-item-meta {

font-size: 0.8em;

}

.news-item-meta .news-item-meta-author, .news-item-meta .news-item-meta-comments {

color: rgb(205, 0, 1);

}

.news-item-sep {

display: inline-block;

margin: 0 5px;

}

.news-item-excerpt {

padding-top: 0.2em;

height: 80px;

margin-bottom: 2em;

overflow: hidden;

}

.news-item-excerpt p {

margin: 0;

}

.news-item-date {

position: absolute;

top: 0;

right: 0;

background: #af4646;

color: #fff;

height: 100%;

padding: 5%;

}

.day {

display: block;

text-align: center;

font-size: 2.4em;

font-weight: 100;

line-height: 1;

}

.month {

text-transform: uppercase;

font-weight: bold;

}

.news-item-link span {

vertical-align: middle;

}

/*

--------------------------------------------------------------------

------------------------MAIN CONTENT----------------------------

--------------------------------------------------------------------

**/

.content-section h1 {

margin-bottom: 1.5em;

font-size: 3em;

font-weight: 100;

text-align: center;

text-transform: uppercase;

}



/*.main .content-section h1 {

	text-align: left;

	}

*/

.page-header {

	position: relative;

line-height: 150px;

height: 150px;

border-bottom: 1px solid #EAEAEA;

}

.page-header-title {

text-transform: uppercase;

font-size: 2.1em;

font-weight: 300;

color: #999999;

margin: 0;

}

.main-section.not-front {

padding: 150px 0;

background: #f5f5f5;

}

.page-main-content.single-avocat {

width: 70%;

margin: 0 auto;

}

.single-avocat-thumbnail.f-left {

overflow: hidden;

width: 40%;

}

.single-avocat-infos {

width: 50%;

}

.single-avocat h1.single-avocat-title {

font-size: 1.5em;

font-weight: normal;

line-height: 1;

margin-bottom: 0.9em;

}

.single-avocat-content p {

margin-bottom: 0.8em;

}

.single-avocat-content {

color: #000;

text-transform: uppercase;

position: relative;

padding-bottom: 1em;

margin-bottom: 1em;

}



.single-avocat-content:before {

content: '';

position: absolute;

bottom: 0;

left: 25%;

height: 1px;

width: 50%;

background: #C3C3C3;

}

.single-avocat-contact-infos .one-half {

width: 100%;

text-align: center;

float: left;

}

.single-avocat-contact-infos .one-half + .one-half {

width: 100%;

}

.single-avocat-email {

clear: both;

padding: 1.5em;

text-align: center;

position: relative;

margin-bottom: 1.5em;

}

.single-avocat-email:before {

content: '';

position: absolute;

bottom: 0;

left: 25%;

height: 1px;

width: 50%;

background: #C3C3C3;

}

.single-avocat-cv {

padding: 0.9em;

border: 1px solid #CD0001;

border-radius: 5px;

display: block;

text-align: center;

margin: 0 auto;

width: 50%;

margin-top: 2em;

}

.main .domaine-prev, .main .domaine-next {

position: absolute;

top: 50%;

line-height: 1;

right: 0;

margin-top: -15px;

height: 30px;

width: 30px;

background: #db5858;

border-radius: 3px;

border: 1px solid #db5858;

color: #fff;

line-height: 30px;

text-align: center;

font-size: 1.3em;

}

.page-header .inner{

	position: relative;

}

.main .domaine-prev {

right: 35px;

}

.main div.domaine-next {

border: 1px solid #D0D0D0;

background: none;

color: #D0D0D0;

}

.single-domaine .top-img {

padding: 140px 0 !important;

height: inherit;

text-align: left;

font-size: 3em;

line-height: 1.1;

text-transform: uppercase;

position: relative;

}



.single-domaine .top-img p {

margin: 0;

}

.single-domaine .top-img:before {

content: '';

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNg2AQAALUAs0e+XlcAAAAASUVORK5CYII=);

}

.single-domaine .top-img .inner {

position: relative;

z-index: 2;

font-weight: 100;

}

.page-main-content strong {

color: #000;

}

.page-main-content ul,.domaine-sidebar ul{

	list-style: none;

}

.single-domaine .page-main-content {

float: left;

width: 65%;

}



.single-domaine .domaine-sidebar{

	float:right;

	width: 25%;

}



.blog .main-section .inner,.search .main-section .inner {

max-width: 768px;

}

.load-more-wrapper {

text-align: center;

}

.load-more-wrapper a {

display: inline-block;

border: 1px solid #CD0001;

padding: 0.7em 2em;

border-radius: 5px;

margin-top: 3em;

}

.single-avocat-long-desc {

clear: both;

padding-top: 2em;

}

.top-img-domaine-citation-author {

font-size: 0.6em;

text-align: right;

line-height: 1;

text-transform: none;

}



.page-main-content p + ul {

  margin-top: -1em;

}



/**

--------------------------------------------------------------------

------------------------HOME----------------------------

--------------------------------------------------------------------

**/



.news-item-large h3 {

margin-bottom: 0.5em;

}

.news-item-large h3 a {

color: #000;

font-size: 1.4em;

line-height: 1.4;

font-weight: 300;

}

.news-item-meta-large .news-item-meta-date {

font-weight: bold;

color: rgb(199, 199, 199);

text-transform: uppercase;

margin-bottom: 1em;

display: block;

}

.news-item-content-large {

margin-bottom: 3em;

}

.news-item-large {

position: relative;

padding-bottom: 180px;

margin-top: 70px;

}

.news-item-large:first-child {

	margin-top: 0;

}

.news-item-large:before {

content: '';

position: absolute;

bottom: 0;

left: 25%;

height: 1px;

width: 50%;

background: #C3C3C3;

}



.contact-map {

height: 660px;

overflow: hidden;

}

.home .content-section.main-section > .inner {

max-height: 570px;

overflow: hidden;

}

.home .content-section.main-section > .inner.open {

max-height: 1600px;

}

.home  .content-section.main-section {

position: relative;

}

.toggle-content {

position: absolute;

bottom: 30px;

left: 50%;

margin-left: -600px;

color: rgb(255, 255, 255);

background: rgb(219, 88, 88);

padding: 7px 20px;

cursor: pointer;

text-transform: uppercase;

font-weight: bold;

}



.top-img-slider {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

.top-img-slider .swiper-slide {

background-position: center;

background-size: cover;

}

.top-img .inner {

position: relative;

z-index: 2;

}

.home .content-section.main-section .column.column-width-two-thirds {

width: 60%;

}

.home .content-section.main-section .column.column-width-one-third {

width: 36%;

}

.top-slider-next, .top-slider-prev {

position: absolute;

top: 50%;

left: 10px;

height: 30px;

margin-top: -15px;

width: 30px;

cursor: pointer;

z-index: 3;

font-size: 2em;

line-height: 1;

text-shadow: 0 0 15px black;

opacity: 0.8;

-webkit-transition: 500ms ease all;

-moz-transition: 500ms ease all;

-ms-transition: 500ms ease all;

-o-transition: 500ms ease all;

transition: 500ms ease all;

}



.top-slider-next:hover, .top-slider-prev:hover {

	opacity: 1;

	}

.top-slider-next {

left: inherit;

right: 10px;

}

/**

--------------------------------------------------------------------

------------------------CONTACT----------------------------

--------------------------------------------------------------------

**/



.content-section.main-section.contact-page.not-front {

 padding: 0; 

}

.contact-map, .contact-page .page-main-content {

float: left;

width: 100%;

}

#map,#map2{

	height: 670px;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

}



.contact-map {

height: 660px;

overflow: hidden;

position: relative;

}



.contact-page .page-main-content {

padding: 50px 0px;

padding-right: 10px;

max-width: 615px;

}

.contact-form-col + .contact-form-col {

margin-left: 2%;

}

.contact-form-col {

float: left;

width: 49%;

}

.wpcf7-form input, .wpcf7-form textarea {

margin-bottom: 10px;

}

.wpcf7-form textarea {

padding-top: 20px;

height: 140px;

}

.wpcf7-form input, .wpcf7-form textarea {

margin-bottom: 10px;

border-radius: 5px;

border-color: darkgrey;

min-height: 45px;

padding-left: 30px;

}

.wpcf7-form .wpcf7-submit {

background: rgb(219, 88, 88);

padding-right: 30px;

line-height: 45px;

padding: 0 30px;

}

.map-pause {

position: absolute;

top: 10px;

right: 10px;

height: 50px;

width: 50px;

border: 2px solid rgb(219, 88, 88);

z-index: 3;

border-radius: 50%;

cursor: pointer;

}

.map-pause:before {

content: '';

position: absolute;

top: 25%;

left: 50%;

margin-left: -6px;

height: 50%;

width: 3px;

background: rgb(219, 88, 88);

box-shadow: 10px 0 0 rgb(219, 88, 88);

-webkit-transition: 500ms ease all;

-moz-transition: 500ms ease all;

-ms-transition: 500ms ease all;

-o-transition: 500ms ease all;

transition: 500ms ease all;

}

.pause .map-pause:before {

content: '';

position: absolute;

top: 31%;

left: 50%;

margin-left: -7px;

height: 0;

width: 3px;

background: rgba(219, 88, 88, 0);

border-left: 20px solid rgb(219, 88, 88);

border-top: 10px solid transparent;

border-bottom: 10px solid transparent;

box-shadow: 0px 0 0 rgba(219, 88, 88, 0);

}

/**

--------------------------------------------------------------------

------------------------FOOTER----------------------------

--------------------------------------------------------------------

**/

.footer-main{

background: #333333;

}

.footer-copyright {

padding: 35px 0;

text-transform: uppercase;

}

.footer-copyright p {

margin: 0;

}

.footer-column {

float: left;

width: 25%;

padding-right: 50px;

}

.footer-box > h4 {

color: #fff;

text-transform: uppercase;

margin-bottom: 0.7em;

padding-bottom: 0.7em;

position: relative;

}

.footer-box > h4:before {

content: '';

position: absolute;

bottom: 0;

left: 0;

height: 1px;

width: 80px;

background: rgb(90, 90, 90);

}

.footer a {

color: #999999;

}

.footer-box-content {

font-size: 0.85em;

line-height: 1.7;

}

.footer-socials li{

	display: inline-block;

	vertical-align: middle;

font-size: 1.9em;

margin-right: 0.8em;

}

.footer-box {

margin-bottom: 2em;

}

.footer-copyright a {

float: right;

}

.footer .menu li {

margin-bottom: 0.7em;

}

.footer-copyright a.disclaimer {

float: inherit;

font-weight: bold;

}

/*--------------------------------------------------------------------------------

----------------------------------------------------------------------------------

-------------------------------ELEMENTS MOBILE--------------------------------------

----------------------------------------------------------------------------------

----------------------------------------------------------------------------------*/

.menu-toggle {

	display: none;

	width: 30px;

	height: 30px;

	position: absolute;

	top: 50%;

	margin-top: -12px;

	left: 20px;

	margin-left: 10px;

	z-index: 3;

		-webkit-transition: 500ms ease all;

		-moz-transition: 500ms ease all;

		-ms-transition: 500ms ease all;

		-o-transition: 500ms ease all;

		transition: 500ms ease all;

	padding-top: 10px;

	padding-bottom: 10px;

	}



	.menu-toggle:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	height: 3px;

	border-radius: 2px;

	background: #db5858;

		-webkit-transition: 500ms ease all;

		-moz-transition: 500ms ease all;

		-ms-transition: 500ms ease all;

		-o-transition: 500ms ease all;

		transition: 500ms ease all;

	}

	.menu-toggle:before {

		content: '';

		position: absolute;

		left: 0;

		top: 0;

		right: 0;

		height: 3px;

		border-radius: 2px;

		background: #db5858;

		box-shadow: 0 10px 0 #db5858,0 20px 0 #db5858;

		-webkit-transition: 500ms ease all;

		-moz-transition: 500ms ease all;

		-ms-transition: 500ms ease all;

		-o-transition: 500ms ease all;

		transition: 500ms ease all;

	}

	.menu-open .menu-toggle:before{

		background: #db5858;

		box-shadow: 0 10px 0 #db5858,0 20px 0 #db5858;

	}



	.menu-open .menu-toggle:before {

			box-shadow: 0 0 0 ,0 0 0;

			top: 14px;

	}

	.menu-open .menu-toggle:after {

		background: #db5858;

		-webkit-transform: rotate(-90deg);

		-moz-transform: rotate(-90deg);

		-ms-transform: rotate(-90deg);

		-o-transform: rotate(-90deg);

		transform: rotate(-90deg);

		top: 14px;

	}



		.menu-open .menu-toggle{

		-webkit-transform: rotate(-45deg);

		-moz-transform: rotate(-45deg);

		-ms-transform: rotate(-45deg);

		-o-transform: rotate(-45deg);

		transform: rotate(-45deg);

		}



/*--------------------------------------------------------------------------------

----------------------------------------------------------------------------------

----------------------------------------------------------------------------------

------------------------------MEDIA QUERIES--------------------------------------

----------------------------------------------------------------------------------

----------------------------------------------------------------------------------*/



@media screen and (max-width: 1200px) {

.header-left {

width: 100%;

text-align: center;

}

.logo {

display: inline-block;

width: 140px;

}

.header-top {

padding: 5px 0;

height: 57px;

}

.header-bottom {

padding: 15px 5px;

}

.search-wrapper {
	display: none;
}
	.menu-toggle{

		display: block;

margin-left: 0;

	}

	.main-menu > .menu {

	padding-top: 0;

	}

	.main-menu {

	position: absolute;

	top: 57px;

	left: 0;

	width: 100%;

	text-align: left;

	background: #fff;

	box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.2), 0 5px 20px rgba(0, 0, 0, 0.16);

	z-index: 4;

	display: none;

	padding-left: 0;

	padding-bottom: 20px;

	}

	.main-menu > .menu a {

border-bottom: 1px solid rgb(236, 236, 236);

padding-top: 10px;

padding-bottom: 10px;

display: block;

}

	.main-menu > .menu > li > a {

padding-left: 30px;

}

.main-menu > .menu > li > ul > li > a {

padding-left: 45px;

background: rgb(247, 247, 247);

}

.main-menu > .menu li ul {

position: relative;

max-height: inherit;

opacity: 1;

top: inherit;

box-shadow: none;

}

	.menu-open .main-menu{

	display: block;

	}

	.main-menu > .menu > li {

	display: block;

	text-align: left;

	margin: 0;

	}

.main-menu > .menu li:hover ul {

max-height: inherit;

}

.main-menu > .menu li a:hover:after {

	content: none;

}



	body .header-search-input,body .header-search-input:focus{

		max-width: 190px;

	}



.langs-switch li {

margin-left: 2px;

}

.header-search {

display: block;

width: 207px;

}

.top-img {

font-size: 0.8em;

padding: 80px 10px;

}

.top-img-label {

margin-bottom: 1em;

}

.content-section, .footer-main {

padding: 40px 15px;

}

.content-section h1 {

margin-bottom: 0.6em;

}



.domaines-slide-infos-wrapper{

	padding: 0 20px;

text-align: center;

}

.content-section h1 {

margin-bottom: 0.6em;

font-size: 2.2em;

}

.domaines-slider-next {

right: 0;

}

.domaines-slider-prev {

left: 0;

}



.domaines-slide-infos-desc {

display: inline-block;

text-align: left;

}

.footer-copyright{

	padding: 35px 15px;

}



.page-header {

padding: 0 15px;

}

.single-domaine .top-img {

padding: 110px 15px;

font-size: 2.5em;

}

.main-section.not-front {
	padding: 50px 15px;
}

.content-section.main-section.contact-page.not-front {
	padding: 0px 15px;
}



}



@media screen and (max-width: 800px) {

.news-item {

margin: 0 auto !important;

width: 70%;

display: block;

float: inherit;

clear: both;

margin-bottom: 2em !important;

}

.footer-column {

width: 100%;

}

.single-domaine .page-main-content,.single-domaine .domaine-sidebar{

	width: 100%;

}

.page-main-content.single-avocat {

width: 100%;

}

.news-item-large {

padding-bottom: 70px;

}

.home .content-section.main-section > .inner {

max-height: 5000px;

}

.toggle-content{

	display: none;

}



}



@media screen and (max-width: 600px) {

.team-item {

margin: 0 auto !important;

width: 70%;

display: block;

float: inherit;

clear: both;

margin-bottom: 2em !important;

}

.page-header-title {

font-size: 1.2em;

}

.page-header {

padding: 0 15px;

line-height: 80px;

height: 80px;

}



.main .domaine-prev, .main .domaine-next {

top: 100%;

z-index: 2;

margin-top: 15px;

}

.single-domaine .top-img {

font-size: 2em;

}

.single-avocat-thumbnail.f-left {

text-align: center;

margin-bottom: 3em;

}

.single-avocat-thumbnail.f-left, .single-avocat-infos.f-right {

width: 100%;

}

.contact-page .page-main-content{

	width: 100%;

}

.contact-map {

width: 100%;

height: 240px;

}

#map {

height: 260px;

}

.contact-page .page-main-content {

width: 100%;

padding: 30px 0px;

}

.slide-title {

font-size: 1em;

margin-bottom: 1em;

padding: 0 30px;

height: 50px;

line-height: 50px;

}

	}







@media screen and (max-width: 400px) {

	.team-item,.news-item {

	width: 100%;

	}

	.single-avocat-contact-infos .one-half {

width: 100%;

margin-bottom: 1em;

}

}