/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
        #Fonts imports
        #Site Styles
        #Page Styles
    #Objects Styles              
        #Forms, jQuery UI overrides
        #BX Sliders
        #Media Queries */

/* #Fonts imports
================================================== */

@import url(lato/stylesheet.css);
@import url(websymbols/stylesheet.css);
@import url(entypo/stylesheet.css);
@import url(jquery.fancybox.css);
@import url(jquery.fancybox-thumbs.css);


/* #Site Styles
================================================== */

body 								{ font-family: 'LatoRegular', sans-serif; font-size: 12px; background: #EDEEF0; }
p 									{ font-size: 13px;}
p a 								{ color: #333333;}
.nav,
.nav li		 						{ margin-bottom: 0; }
.nav li 							{ display: inline-block; }
.shadded 							{ background-color: #E3E3E3; }
.lighted							{ background-color: #fff; }
.black								{ background: rgba(0,0,0,0.80); color: #858585; }
.screen-reader-text					{ position: absolute; top: -99999px; left: -99999px; }
a:visited,
a:focus,
a.button:hover						{ text-decoration: none; }
h2									{ color: #6C6C6C; }
h3,
h4,
h5,
h6									{ color: #858585; }


/* LAYOUT */
aside.on-left,
aside.on-right						{ width: 32.433%; float: left; }
.on-left .titling				{ margin-left: 10px; }

.on-right form,
.on-right .featured-agent,
.on-right .aside-block			{ margin-left: 45px !important; }
section.on-right,					
section.on-left						{ width: 67.567%; float: left; }
section.on-right > .nine.columns{ margin: 0; border-left: 1px solid #DBDBDB; padding-top: 20px; padding-left: 45px; }
section.on-left > .nine.columns	{ border-right: 1px solid #DBDBDB; padding-right: 45px; }
.on-right .titling				{ padding-left: 45px; }

.titling							{ border-bottom: 1px solid #DBDBDB; padding-bottom: 15px; margin-bottom: 0; }
.single-property					{ padding-bottom: 1px; }
.single-property .intro			{ font-family: 'LatoBold', sans-serif; }
.single-property h5				{ margin-bottom: 20px; }
.single-property .padded		{ margin-left: 2%; }
.single-property a img:hover   		{ cursor:pointer; opacity:0.7;}		

/* TOP BAR */
.top 								{ background-color: #252428; padding: 10px 0 0; color: #D3D2D7; position: relative; 
               border-bottom: 1px solid #1c1b1e; }
.top .row 						{ padding-bottom: 10px; }
.close-btn 						{ position: absolute; top: 100%; padding: 5px 10px 0; display: block; text-align: center;
                   text-transform: uppercase; background: #252428; z-index: 10; text-decoration: none; 
                   border-bottom: 1px solid #000; border-radius: 3px; color: #EDEEF0; right: 10px; }
.close-btn:hover,
.close-btn:focus 				{ text-decoration: none; }

.contact-bar					{ overflow: hidden; }
.contact-bar p					{ float: left; }


/* Language selector */
.lang 							{ text-align: right; background: url(../images/divisor-line.png) no-repeat center right; 
               padding-right: 15px; float: right; }
.lang li 						{ margin-right: 4px; }
.lang a							{ line-height: 18px;}
.lang a img 					{ opacity: 0.5; vertical-align: text-bottom; }
.lang a:hover img,
.lang a.selected img 			{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
                          opacity: 1; }

/* Social Bar */
.social 						{ font-family: 'WebSymbolsRegular'; font-size: 17px; }
.social li						{ margin: 0 4px; }
.social a						{ color: #4F4D55; }
.social a:hover					{ text-decoration: none; }


/* HEADER */
.header 							{ background: url(../images/bg-brand.png) repeat-x 0 bottom; }

/* Brand */
#brand							{ height: 64px; margin-bottom: 0; }					
#brand a:hover					{ text-decoration: none; }

/* nav */
header nav						{ }

/* Main menu */
#menu							{ float: right; }
#menu li						{ border-right: 1px solid #373739; position: relative; float: left; display: block; }
#menu a							{ font: normal 18px/60px 'LatoRegular', sans-serif; color: #ECEDEF; padding: 0 15px; display: block;
                text-shadow: 0px 1px #000; }
#menu li:hover					{ background: rgba(0,0,0,0.2); }
#menu a:hover					{ text-decoration: none; margin-top: -1px; }

/* Submenu */
#menu ul						{ left: -9999px; top: -9999px; position: absolute; padding: 0; margin: 0; top: 100%; z-index: 9999999; }
#menu li:hover > ul				{ left: 0; top: 100%; }
#menu li ul li,
#menu li ul li a				{ float: none; border: none; }
#menu li ul li a				{ width: 120px; display: block; background-color: #2E2D32; font: normal 14px/14px 'LatoRegular';
                      padding: 10px 5px 10px 20px; }
#menu li ul li a:hover			{ border-top: none; color: #000; margin-top: 0; text-shadow: none; }

/* Sub Submenu */
#menu li ul li:hover > a		{ color: #000; text-shadow: none; }
#menu li ul li:hover ul			{ left: 100%; top: 0; }
#menu li ul li ul li a			{ width: 160px; }

/* Select menu (responsive)*/
header nav select				{ display: none; }

/* Title bar */
.title-bar							{ padding: 40px 0; text-shadow: 0 1px 1px #fff; color: #858585; }
.title-bar h1,
.title-bar h2,
.title-bar p					{ margin-bottom: 0; line-height: 1em;  }
.title-bar h1					{ font-size: 28px; padding-top: 5px;text-transform:uppercase; }
.title-bar h2					{ font-size: 22px; color: #858585; letter-spacing: -1px; }
.title-bar p					{ font-size: 14px; }
.title-bar a					{ color: #858585; }
.top-address					{ text-align: right; }

/* Big title message */	
.big-title							{ text-align: center; margin-top: 100px; margin-bottom: 100px; }
.big-title h3					{ font-size: 60px; color: #222; padding: 40px 0; border-top: 1px solid #DBDBDB; 
                    border-bottom: 1px solid #DBDBDB;  }
.big-title p					{ font-size: 14px; margin-bottom: 5px; }

/* PARTNERS Container */
.partners							{ margin-bottom: 70px; }
.partner-box img				{ max-width: 31%; height: auto; margin-left: 3%; margin-bottom: 10px; border: 1px solid #fff; }
.partner-box img:nth-child(3n+1){ margin-left: 0; }				


/* FOOTER */
.footer								{ padding: 45px 0 30px; color: #6C6C6C; text-shadow: 0px 1px #fff; border-bottom: 1px solid #fff; }
.footer h5						{ color: #535354; font-size: 18px; text-transform: uppercase; font-family: 'LatoBold'; }
.footer a						{ color: #0187A4; }
.footer a:hover					{ color: #1aaece; text-decoration:none; }

/* Text Widget */
.text-widget					{ font-size: 14px; }

/* Address list */
.address,
.address li						{ margin-bottom: 0; }
.address a						{ font-family: 'LatoItalic'; text-decoration:none; color:#6C6C6C; }


/*Address icons */
.address .location:before,
.address .phone:before,
.address .email:before			{ font-family: 'EntypoRegular'; font-size: 30px; display: inline-block; position: relative; 
                           top: 2px; margin-right: 5px; width: 20px; text-align: center;}
.address .location:before		{ content: "0"; }
.address .phone:before			{ content: "!"; }
.address .email:before			{ content: "%"; }


/* Twitter list */
.twitter li						{ padding: 8px 0 0 30px; background: url(../images/icons/ico-twitter.png) no-repeat left center; 
                   margin: 8px 0; }
.twitter li + li				{ border-top: 1px solid #C5C5C5; }

/* Contact box */
.contact-msg					{ padding: 8px 0 8px 40px; background: url(../images/icons/ico-contact.png) no-repeat 5px center;
                   margin-bottom: 0; }
.small-form form				{ text-align: right; }
.small-form label				{ position: absolute; top: -99999px; left: -99999px; }
.small-form input				{ margin-bottom: 5px; }
.small-form input[id]			{ width: 95%; background-color: #DBDBDB; }	
.small-form input:focus			{ background-color: #fff; }
.small-form input[type="submit"]{ margin-right: 5px; }


/* BOTTOM */
.thebottom								{ border-bottom: 1px solid #222225; border-top: 1px solid #222225; padding: 38px 0; 
                    background: #2d2c31; color: #ddd; font-size: 11px; }
.thebottom p						{ text-align: right; }
.thebottom a						{ color: #DDDDDD; }
.thebottom a:hover					{ text-decoration: none; }

/* Sub-menu */
#sub-menu li					{ padding: 0 9px; }
#sub-menu li + li				{ border-left: 1px solid #454545; }
#sub-menu a						{ text-transform: uppercase; line-height: 1; }
#sub-menu .facebook				{ color: #7DA4FF;}
#sub-menu a.facebook:hover		{ color: #5480f2;}
#sub-menu .twitter				{ color: #6CCFDA; }
#sub-menu a.twitter:hover		{ color: #28e0f6; }


.inner-box {
    float: left;
    width: 30%;
    margin: 0 1%;
}

img.scale-with-grid {
    max-width: 100%;
    height: auto; }

/* #Objects Styles
================================================== */

/* Galleries */
.gallery 						{ margin-left: -10px!important; margin-right: -10px!important; }
.two-per-row li:nth-child(even)	{ margin-left: 50px !important; }
.four-per-row li				{ margin-right: 35px !important; }
.four-per-row li:nth-child(4n)	{ margin-right: 0!important; }
.full.three-per-row li + li		{ margin-left: 85px !important; }
.six-per-row					{ padding-top: 20px; }

.gallery article				{ border: 1px solid #E8E7E5; background: #fff; overflow: hidden; }
.mosaic-block					{ position: relative; height: 148px; }
li.nine .mosaic-block			{ height: 240px; }
li.two .mosaic-block			{ height: 120px; }
li.fourteen .mosaic-block		{ height: 360px; z-index: 1; }
.mosaic-block a					{ display: block; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; position: absolute;
                      text-indent: -9999px; background-position: center center; }

.mosaic-block img				{ position: absolute; z-index: 5; width: 100%; }
.gallery .description			{ padding: 15px 15px 0;}
.gallery.maladie .description	{ min-height: 112px; }
li.nine .description			{ float: left; width: 77%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
                         -ms-box-sizing: border-box; box-sizing: border-box; }
li.nine .tools					{ float: right; width: 23%; }
.gallery h6						{ margin: 0; padding-bottom: 5px; }
.gallery p						{ margin: 0; color:#868686; line-height:18px; padding-bottom:10px; }
.gallery .tools					{ background: #F3F3F3; overflow: hidden; border:0; font-family: 'LatoBold'; font-size: 14px;
                      text-align: center; border-top: 1px solid #ededed;  }
.tools .price					{ text-shadow: 0px 1px #fff; padding:8px 0; }
.tools .button					{ color:#fff; border:0; border-radius: 0; padding: 10px 0; }
.tools .price,
.tools .button					{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; 
                     box-sizing: border-box; width: 50%; margin: 0; float: left; }
li.nine .tools .price,
li.two .tools .price,
li.nine .tools .button			{ float: none; width: 100%; }
.gallery article				{ position: relative; }


li.fourteen aside				{ background: rgba(255,255,255,0.7) url(../images/big-arrow.png) no-repeat left center;
                       padding: 45px 45px 0; color: #858585; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
                       z-index: 5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                       filter: alpha(opacity=0); opacity: 0; cursor: pointer; }
li.fourteen aside:hover			{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
                            opacity: 1; }
li.fourteen .project			{ max-width: 220px; }

.project h3						{ margin: 0; text-shadow: none; }
.project-details				{ margin: 0 0 20px; font-size: 12px; }
.project-details li				{ padding: 5px 0 5px 25px; margin-bottom: 0; }
.project-details li + li		{ border-top: 1px solid #232326; }
.project-details .location		{ background: url(../images/icons/gray-location.png) no-repeat left center; }
.project-details .calendar		{ background: url(../images/icons/gray-calendar.png) no-repeat left center; }
.project-details .coins			{ background: url(../images/icons/gray-coins.png) no-repeat left center; }
.tools a.button { width: 100%;}

/* Goals */
.goals								{ font-size: 13px; color: #6C6C6C; }
.horizontal h2					{ font-size: 24px; margin-bottom: 0; text-align: left; line-height: 30px; }
.horizontal h3					{ padding-left: 2%; }
.goal							{ display: block; width: 120px; height: 120px; margin: 0 auto 15px; position: relative; text-indent: -9999px;
              border-radius: 50%; }
.horizontal .goal				{ float: left; width: 90px; height: 90px; margin-right: 15px; }
.goal:hover						{ background-color: #2D2D31; text-decoration: none; }
.goal:hover:before				{ content: " "; display: block; position: absolute; height: 100px; width: 100px; left: 5px; top: 5px; 
                        border: 5px solid #fff; border-radius: 50%; z-index: 5; }
.horizontal .goal:hover:before	{ height: 70px; width: 70px; }
.goal.results					{ background-position: 0 0; }
.goal.project					{ background-position: -120px 0; }
.goal.place						{ background-position: -240px 0; }
.goal.chart						{ background-position: -360px 0; }
.goal.money						{ background-position: -480px 0; }
.goal.dialog					{ background-position: -600px 0; }
.goal.results:hover				{ background-position: 0 -120px; }
.goal.project:hover				{ background-position: -120px -120px; }
.goal.place:hover				{ background-position: -240px -120px; }
.goal.chart:hover				{ background-position: -360px -120px; }
.goal.money:hover				{ background-position: -480px -120px; }
.goal.dialog:hover				{ background-position: -600px -120px; }

.horizontal .goal.results		{ background-position: 0 0; }
.horizontal .goal.project		{ background-position: -90px 0; }
.horizontal .goal.place			{ background-position: -180px 0; }
.horizontal .goal.chart			{ background-position: -270px 0; }
.horizontal .goal.money			{ background-position: -360px 0; }
.horizontal .goal.dialog		{ background-position: -450px 0; }
.horizontal .goal.results:hover	{ background-position: 0 -90px; }
.horizontal .goal.project:hover	{ background-position: -90px -90px; }
.horizontal .goal.place:hover	{ background-position: -180px -90px; }
.horizontal .goal.chart:hover	{ background-position: -270px -90px; }
.horizontal .goal.money:hover	{ background-position: -360px -90px; }
.horizontal .goal.dialog:hover	{ background-position: -450px -90px; }


/* Boxed Goals */
.boxed-goals						{ padding-top: 50px; padding-bottom: 50px; text-shadow: 0 1px #fff; }
.boxed-goals h2					{ font-size: 24px; padding-left: 2%; }
.boxed-link						{ display: block; padding: 20px; background-color: #DBDBDB; -webkit-box-shadow: inset 0 0 2px #999;
                   box-shadow: inset 0 0 2px #999; border-radius: 5px; color: #858585; border: 1px solid transparent; }
.boxed-link h3					{ font-size: 18px; line-height: 38px; } 
.boxed-link	.icon				{ padding-left: 42px; }
.boxed-link .coins				{ background: url(../images/icons/icon-coins.png) no-repeat left center; }
.boxed-link .magnifier			{ background: url(../images/icons/icon-magnifier.png) no-repeat left center; }
.boxed-link .people				{ background: url(../images/icons/icon-people.png) no-repeat left center; }
.boxed-link:hover				{ color: #222; text-decoration: none; text-shadow: none; 
                       -webkit-box-shadow: 0 0 2px #333; box-shadow: 0 0 1px #333; border-color: #fff; }
.boxed-link:hover h3			{ color: #222; }


/* Steps */
.steps								{ list-style: none; margin-left: 0; position: relative; }
.steps:before					{ content: " "; display: block; height: 20px; position: absolute; z-index: -1; top: 54px; left: 0;
                    background-color: #D1D1D1; width: 99%;  }
.steps li						{ width: 128px; height: 128px; }
.step-1							{ position: absolute; top: 0; left: 0; }
.step-2							{ margin-left: auto; margin-right: auto; }
.step-3							{ position: absolute; top: 0; right: 0; }
.steps a						{ display: block; height: 128px; border-radius: 50%; background-color: #BDBDBD; line-height: 128px;
                text-align: center; position: relative; font-size: 24px; color: #787878; text-shadow: 0 1px #fff; }
.steps a:hover,
.steps a.active					{ text-shadow: none; background-color: #000; text-decoration: none; }
.steps a:before					{ content: " "; display: block; border: 25px solid #D1D1D1; border-radius: 50%; height: 78px; 
                      width: 78px; position: absolute; top: 0; left: 0; }
.steps a:hover:before,
.steps a.active:before			{ border: 6px solid #fff; top: 12px; left: 12px; width: 92px; height: 92px; }

/* Steps boxes styles */
.step-box,
.form-holder					 	{ border-radius: 3px; }
.step-box img					{ border: 1px solid #dedede; }
.step-box form,
.form-holder form				{ margin: 30px; }
.step-box span.select			{ width: 100%; padding: 2px; top: 1px!important; border-radius: 2px; }

.step-box .drag-drop				{ overflow: hidden; padding: 0 2px; }
.step-box .drag-drop li			{ float: left; width: 20%; margin: 0 0 20px !important; text-align: center;  }

.small-title						{ background-color: #DEDEDE; color: #000; text-shadow: 0 1px #fff; }
.step-box .small-title,
.form-holder .small-title		{ padding: 10px 30px; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.small-title.house-icon			{ padding-left: 60px; background-image: url(../images/icons/ico-house.png); background-repeat: no-repeat; 								  background-position: 30px 13px; }
.small-title.person-icon		{ padding-left: 60px; background-image: url(../images/icons/ico-person.png); background-repeat: no-repeat; 								  background-position: 30px 13px; }
.small-title.email-icon			{ padding-left: 60px; background-image: url(../images/icons/ico-email.png); background-repeat: no-repeat; 								  background-position: 30px 16px; }
.small-title.coins-icon			{ padding-left: 60px; background-image: url(../images/icons/ico-coins.png); background-repeat: no-repeat; 								  background-position: 30px 16px; }

/* Agent */
.agent-bio 							{ border-bottom: 1px solid #dadada; }
.agent-bio img					{ float: left; margin-right: 20px; margin-bottom: 17px; border: 1px solid #dedede; }
.agent-bio h6					{ color: #333333; text-shadow: 0 1px #fff; font-size: 18px; line-height: 30px; display: inline-block;
                    margin-right: 10px; }
.agent-bio header a				{ display: inline-block; margin-left: 10px; color: #fff; text-transform: uppercase; font-size: 10px; 
                         line-height: 25px; height: 25px; padding-left: 30px; padding-right: 10px; position: relative; 
                         top: -3px; }
.agent-bio .following			{ background: url(../images/icons/following.png) no-repeat left top; }
.agent-bio .emailme				{ background: url(../images/icons/emailme.png) no-repeat left top; }

.agent-social						{ padding: 25px 0; margin-bottom: 0; color: #656565; }
.agent-social li				{ margin-bottom: 0; display: inline-block; text-align: center; width: 32%; }
.agent-social li + li			{ border-left:  1px solid #dadada; }
.agent-social strong			{ display: block; font-size: 22px; font-weight: normal; margin-bottom: 10px; }

/* Staff */
.staff-bio 							{ padding-bottom: 15px; margin-top:25px; }
.staff-bio-first 					{ margin-top: 0; }
.staff-bio ul.social				{ margin-left: 0; }

/* CTA Box */
.cta-box							{ padding: 20px; background-color: #fff; border: 1px solid #E8E6E4; }
.cta-box .button				{ background-color: #EDEDEF; border: 1px solid #fff; -webkit-box-shadow: 0 0 1px #999; 
                      box-shadow: 0 0 1px #999; text-align: center; text-transform: uppercase; font-size: 18px; 
                      color: #797979; text-shadow: none; line-height: 30px; }
.cta-box .button:hover			{ color: #333; }

/* Featured Agent Box */
.featured-agent						{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
                       box-sizing: border-box; padding: 20px; border: 1px solid #D5D5D4; border-radius: 3px; }
.featured-agent img				{ float: left; margin-right: 10px; }
.featured-agent li				{ margin-bottom: 0; }

/* Custom scrollbars */
#scrollbar	 						{ clear: both; margin: 20px 0 10px; }
#scrollbar .viewport 			{ height: 130px; overflow: hidden; position: relative; }
#scrollbar .overview 			{ list-style: none; position: absolute; left: 0; top: 0; width: 2542px;}
#scrollbar .thumb .end,
#scrollbar .thumb				{ margin-top: -1px; }
#scrollbar .scrollbar 			{ position: relative; float: right; width: 5px; }
#scrollbar .track 				{ background-color: #ddd; height: 100%; width:5px; position: relative; padding: 0 1px; height: 5px; }
#scrollbar .thumb 				{ height: 5px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar .thumb .end 			{ overflow: hidden; height: 5px; width: 5px; }
#scrollbar .disable				{ display: none; }
.noSelect 						{ user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none;
                  -webkit-user-select: none; }
.bwWrapper 						{ position:relative; display:inline-block; border: 2px solid transparent; margin: 0 2px; }

/* Breadcrumbs */
.bordered							{ border-top: 1px solid #DBDBDB;   }
.breadcrumbs						{ list-style: none; }
.breadcrumbs li					{ display: inline-block; margin-right: 4px; font-size: 11px; color: #858585; }
.breadcrumbs a					{ color: #444; }

/* big prop and listing */
.big-property						{ position: relative; }
.big-property img				{ position: relative; z-index: 1; }
.big-property figcaption		{ padding: 20px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; }
.big-property p					{ float: left; margin-bottom: 0; width: 80%; }
.big-property .button			{ float: right; }

.prop-list-news	li					{ margin-bottom: 0; overflow: hidden; }
.prop-list-news .thumb-overlay  { float: left; margin-right: 15px; position: relative; }
.thumb-overlay img				{ position: relative; z-index: 1; }
.thumb-overlay:before			{ content: " "; display: block; height: 74px; width: 80px; position: absolute; top: 0; left: 0;
                          background: rgba(0,0,0,0.7) url(../images/colors/yellow/plus.png) no-repeat center center;
                          z-index: 2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                          filter: alpha(opacity=0); opacity: 0; }
.thumb-overlay:hover:before		{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.prop-list-news	li a			{ color: #212121; font-family: 'LatoItalic'; }

.scroll-top							{ display: block; font-size: 11px; text-align: right; padding-right: 15px; color: #333; }

/* #Forms, jQuery UI overrides
================================================== */
.form-title							{ font-size: 14px; color: #858585; margin-bottom: 1em; }

/* Buttons */
button.big,
.button.big							{ font-size: 24px; width: 100%; text-align: center; -webkit-box-sizing: border-box; 
                    -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
button.search:before,
.button.search:before				{ content:"L "; font-family: 'WebSymbolsRegular'; font-size: 21px; }

/* Range slider */
#slider-range						{ background: #E3E3E3 none; border-color: #CBCBCB; height: 7px; border-radius: 5px; 
                     margin-bottom: 55px; }
#slider-range .ui-slider-handle		{ border-radius: 7px; height: 13px; width: 13px; background: #fff none; cursor:pointer; }
.block-case							{ position: relative; }
.block-case input					{ position: absolute; right: 0; text-align: right; border: none; background: transparent; top:2px; }

/* Check and Radio lists */
.checkbox-list li,
.radio-list	li						{ margin-bottom: 0; }
.checkbox-list li					{ border-bottom: 1px solid #DDD; margin: 0 0 6px; padding: 0 0 6px; }

li:not(#foo) input[type="radio"],
li:not(#foo) input[type="checkbox"]	{ float: left; opacity: 0; }

/* Checkboxes = check icons */
.checks li:not(#foo) input[type="checkbox"] + label
{ background: url("../images/icons/check-no.png") no-repeat left center transparent; clear: none; 
  cursor: pointer; margin: 0; padding-left: 24px; }
.checks li:not(#foo) input[type="checkbox"]:checked + label
{ background-image: url("../images/icons/check-yes.png"); }
.checks.circled li:not(#foo) input[type="checkbox"] + label
{ background-image: url("../images/icons/check-no-circle.png"); }

/* Radio-lists */
.radio-list.numbers					{ border: 1px solid #d5d5d5; border-radius: 3px; background-color: #fff; 
                          padding: 4px 4px 4px 55px; }
.numbers li						{ display: inline-block; width: 17%; position: relative; }
.numbers input,
.prop-type input				{ position: absolute; width: 100%; }
.beds							{ background: url(../images/icons/ico-beds.png) no-repeat 15px center; }
.baths							{ background: url(../images/icons/ico-baths.png) no-repeat 15px center; }

.prop-type li					{ display: inline-block; width: 19%; position: relative;  }

/* Prop radios */
.prop-type li:not(#foo) input[type="radio"] + label
{ display: block; clear: none; cursor: pointer; text-align: center; border: 1px solid #C4C4C4;
  height: 38px; line-height: 38px; max-width: 38px; border-radius: 3px; 
  -webkit-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; background-color: #D5D5D5; }
.prop-type li:not(#foo) input[type="radio"] + label img 
{ opacity: .6; position: relative; bottom: -3px; }
.prop-type li:not(#foo) input[type="radio"]:checked + label
{ border-color: #fff; -webkit-box-shadow: 0 0 1px #444;
  box-shadow: 0 0 1px #444;}
.prop-type li:not(#foo) input[type="radio"]:checked + label img 
{ opacity: 1; }

/* Numbering radios */
.numbers li:not(#foo) input[type="radio"] + label
{ display: block; clear: none; cursor: pointer;text-align: center; border: 1px solid transparent;
  height: 26px; line-height: 26px; border-radius: 3px; }
.numbers li:not(#foo) input[type="radio"]:checked + label
{ background-color: #A5A5A5; border-color: #888; color: #fff; text-shadow: 0 1px #444; }

/* Custom Selects */
form div							{ position:relative; } 

select.select						{ position:relative; z-index:10; width:99% !important; height:26px !important; line-height:26px; 
                     margin-bottom: 0; }
span.select							{ position:absolute; bottom:0; left:0; width:99%; height:24px; line-height:24px; text-indent:10px;
                    background:url(../images/icons/select-arrow.png) no-repeat 98% 50% #fff; cursor:default; 
                    z-index:1; border: 1px solid #D5D5D5; }

/* Black forms */

.top-form-holder					{ padding: 30px; max-width: 972px; margin: 8% auto 0; overflow: hidden; }
.top-form-holder.wide				{ margin: 10px auto 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
                           -ms-box-sizing: border-box; box-sizing: border-box; }
.top-form-holder form,
.top-form-holder label,
.top-form-holder input,
.top-form-holder button			{ margin-bottom: 0; }

.search-bar						{ overflow: hidden; float: left; width: 63%; border-radius: 3px; }
.search-bar .big-top			{ float: left; width: 75%; border: none; font-size: 16px; padding: 10px; height: 48px; }
.search-bar button				{ float: right; width: 25%; font-size: 16px; height: 48px; color: #212121; text-shadow: 0 1px #fff; 
                        background-color: #ddd; }
.search-bar button:hover		{ background-color: #ccc; }
.search-bar input:focus			{ border: none; box-shadow: none; }

.top-form-holder div				{ width: 33%; float: left; padding-left: 4%; }

.special-form ul					{ margin-bottom: 0; }
.special-form .title			{ margin-left: 2%; }
.special-form li				{ position: relative; margin-bottom: 20px; }
.special-form .last				{ margin-bottom: 0; }
.special-form input[type="text"]{ width: 100%; background-color: #252527; border-color: #000; }
.special-form .half-liquid		{ margin: 0 2%; width: 45.5%; float: left; padding: 0; }
.special-form .select			{ border-radius: 2px; font-size: 13px; padding: 2px; bottom: -4px; }

.black-btn							{ background-color: #212121!important; border-color: #000!important; 
                   font-size: 16px; padding: 8px 30px!important; }

.black-btn:hover					{ color: #212121!important; text-shadow: none; }									  

.black-btn.right-button				{ margin-right: 2% !important; }


form.top-form						{ padding: 20px 30px; margin-top: 45px; }
.top-form div					{ float: left; width: 48%; margin-bottom: 15px; }
.top-form div:nth-child(even)	{ float: right; }
.black span.select					{ background-color: #252327; border-color: #121212; }
.button.yellow						{ color: #121212; text-shadow: none; border-radius: 0; border: none; }
.yellow.big							{ font-size: 19px; padding: 15px 0; }
.yellow.big:hover					{ border: none; margin-bottom: 0!important; }

.button.yellow.person				{ padding:12px 0 12px 30px; background-image: url(../images/icons/ico-person.png); 
                           background-repeat: no-repeat; background-position: 25px 16px; border-radius: 3px; }

.button.yellow:hover				{ border: none; margin-bottom: 5px; }

.right-button						{ float: right!important; margin-right: 3% !important; }



/* #BX Sliders
================================================== */
.bxskin-one .bx-caption > span,
.bxskin-two .bx-caption > span	 	{ max-width: 1032px; margin: 55px auto 20px auto; padding: 0 !important; }
.bxskin-one .bx-caption strong,			
.bxskin-two .bx-caption strong,			
.bxskin-one .bx-caption em,
.bxskin-two .bx-caption em			{ width: 380px; display: block; padding: 15px; background: rgba(0,0,0,0.7); margin-bottom: 2px; }
.bxskin-one .bx-caption strong,
.bxskin-two .bx-caption strong,
.bxskin-five .bx-caption strong		{ font: 100 normal 48px/48px 'LatoLight'; color: #fff; }
.bxskin-one .bx-caption em,
.bxskin-two .bx-caption em,
.bxskin-five .bx-caption em			{ font: 100 normal 18px/18px 'LatoLight'; }

.bxskin-three .bx-caption > span	{ width: 912px; margin: 0 auto; padding: 0 120px 0 0 !important; background: rgba(0,0,0,.7); }
.bxskin-three .bx-caption strong,			
.bxskin-three .bx-caption em		{ display: inline-block; padding-left: 20px; }
.bxskin-three .bx-caption strong	{ font: 100 normal 22px/56px 'LatoRegular'; color: #fff; }
.bxskin-three .bx-caption em		{ font: 100 normal 22px/56px 'LatoLight';
                                background: url(../images/bx-images/captions-divider.png) no-repeat left center; }


.bxskin-three						{ position: relative; }
.bxskin-three .bx-pager,
.bxskin-four .bx-pager				{ display: none; }
.bxskin-three .outside				{ position: absolute; bottom: 0; z-index: 1000; width: 100%; }
.bxskin-three .inner				{ max-width: 1032px; margin: 0 auto; position: relative; height: 56px; line-height: 56px; }
.bxskin-three .bx-caption			{ height: 56px !important; }
.inner span							{ display: inline-block; float: right; }
.inner span a						{ display: block; width: 56px; text-indent: -99999px; height: 56px; }
.inner span a:hover					{ background-color: rgba(0,0,0,0.4); }
#slider-next a					{ background-position: right -1px; }
#slider-prev a					{ background-position: left -1px; }
#slider-next a:hover			{ background-position: right -61px; }
#slider-prev a:hover			{ background-position: left -61px; }

.bxskin-four .bx-wrapper			{ max-width: 1032px; margin: 0 auto; }
.bxskin-four .bx-controls .bx-prev	{ left: -40px; }
.bxskin-four .bx-controls .bx-next	{ right: -40px; }
.bxskin-four li						{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);
                       opacity: 0.8; }
.bxskin-four li span				{ opacity: 0; background: rgba(0,0,0,.7); }
.bxskin-four li:hover				{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); 
                           opacity: 1; }
.bxskin-four li:hover span			{ opacity: 1; }
.bxskin-four .bx-caption			{ height: auto !important; }
.bxskin-four .bx-caption strong,			
.bxskin-four .bx-caption em			{ display: block; padding: 10px; text-align: center; }
.bxskin-four .bx-caption strong		{ font: 100 normal 28px/28px 'LatoRegular'; color: #fff; }
.bxskin-four .bx-caption em			{ font: 100 normal 16px/20px 'LatoLight'; }

.bxskin-five 						{ position: relative; }
.bxskin-five .bx-caption > span	 	{ max-width: 1032px; margin: 45px auto 0px auto; padding: 0 !important; }
.bxskin-five .bx-caption strong,			
.bxskin-five .bx-caption em			{ width: 380px; display: block; padding: 12px; background: rgba(0,0,0,0.7); }
.bxskin-five .bx-caption strong		{ padding-bottom: 0; }
.bxskin-five .bx-caption em			{ padding-bottom: 24px; }
.bxskin-five .bx-controls			{ display: none; }

.hero								{ position: relative; }
.slider-overlay,
.iframe-overlay						{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; }
.hero iframe						{ position: relative; z-index: 1; }
.static								{ text-align: center; padding:20px 0; }


/* Home with Video
================================================== */
.video-container {
    position: relative;
    overflow: hidden;
    margin:0 auto;
}

/* Nivo Slider 
================================================== */
.nivoslider							{	padding:30px 0 0 0;	}
.nivo-caption 						{	display: block;    
                      position: absolute;
                      z-index: 8;
                      top: auto;
                      left: auto;
                      bottom: 50px;
                      right: auto;
                      line-height: 24px;
                      padding: 6px 15px;
                      font-size: 22px;
                      width: auto !important;
                      max-width: 700px;
                      background-color: rgba(11,11,11,0.8);
                      color: #FFF;
                      text-shadow: 1px 1px 1px rgba(0,0,0,0.5);	}

.nivo-prevNav,.nivo-nextNav 		{	display: block;
                                position: absolute !important;
                                z-index: 10;
                                cursor: pointer;
                                top: auto;
                                left: auto;
                                bottom: 10px;
                                right: auto;
                                width: 36px !important;
                                height: 36px !important;
                                text-indent: -9999px;
                                background: rgba(11,11,11,0.8) url(../images/icons/slider-nav.png) no-repeat 0 0;
                                transition: background-color .2s linear;
                                -moz-transition: background-color .2s linear;
                                -webkit-transition: background-color .2s linear;
                                -ms-transition: background-color .2s linear;
                                -o-transition: background-color .2s linear;}
.nivo-nextNav						{ left: 38px;
                     background-position:-35px;}								

.nivo-prevNav:hover,
.nivo-nextNav:hover 				{ background-color: #000 !important; }

/* Slider navigation for skin-one and five */
#bx-pager							{ margin-top: 0;  }
.bxskin-one	#bx-pager			{ max-width: 1032px; height: 30px; margin-left: auto; margin-right: auto; }
.bxskin-five #bx-pager			{ max-width: 380px; height: 40px; margin: 159px 0 0 9px}
#bx-pager a							{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
                    -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 13px; float: left; }
.bxskin-one #bx-pager a			{ color: #2D2C31; background-color: #BDBDBD; line-height: 28px; height: 28px; width: 25%;
                            text-shadow:0 1px #DEDEDE; position: relative; }	
.bxskin-five #bx-pager a		{ color: #fff; background: rgba(0,0,0,0.7); width: 40px; margin-right: 1px; }
.bxskin-one #bx-pager a + a		{ border-left: 1px solid #fff; }
#bx-pager a:hover,
#bx-pager a.active				{ text-decoration: none; position: relative; color:#000; }

.bxskin-one #bx-pager a:hover:before,
.bxskin-one	#bx-pager a.active:before
{ content: " "; position: absolute; left: 49%; bottom: 100%; 
  display: block; z-index: 60; }

/*  Transitional elements
================================================== */

.lang a img, .lang a.selected img,
.social a, .footer a, .thebottom a,
.mosaic-block a, .thumb-overlay:before,
.gallery .tools .button, .goal, 
.boxed-link, .cta-box .button,
.steps a, .bxskin-four li span,
.single-property a img:hover,
.fourteen aside						{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
                       -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; 
                       transition: all 0.3s ease-out; }
.steps a:before						{ -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease;
                       -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; 
                       transition: all 0.1s ease; }


/* #Media Queries
================================================== */
/* 960 and + */
@media only screen and (min-width:992px) {	.home-bloc-top {height: 170px;}}
@media only screen and (min-width: 960px) and (max-width: 1219px) {
#menu a {
    font: normal 14px/60px 'LatoRegular', sans-serif;}


    .social { font-size: 15px; }
    .social li { margin: 0 2px; }
    .mosaic-block { height: 117px; }
    .full.three-per-row li + li { margin-left: 70px!important; }
    .four-per-row li { margin-right: 32px !important; }
    li.two .mosaic-block { height: 92px !important; }
    li.nine .mosaic-block { height: 190px; }

    .bxskin-four .bx-controls .bx-next { right: 0; }
    .bxskin-four .bx-controls .bx-prev { left: 0; }
    .bxskin-one .bx-caption > span, .bxskin-two .bx-caption > span, .bxskin-five .bx-caption > span  { margin-top: 50px; max-width: 820px; }
    .bxskin-five #bx-pager { margin-top: 164px; }

    .boxed-link h3 { font-size: 16px; }

    form.top-form { margin-top: 0; padding: 20px; }
    .top-form-holder.wide { padding: 15px; }

    .yellow.big { padding: 10px 0; }
    li.fourteen .mosaic-block { height: 286px; }
    li.fourteen aside { background-position: -50px center; padding: 20px 25px 0; }
    li.fourteen aside h3 { font-size: 20px; }
    .button.big.view { font-size: 16px; }
    .project-details { margin-bottom: 10px; }

    .partner-box img { margin-left: 2.25% }

    .post_comments p{
        width: 80%!important;
    }
    .post_item a{
        margin: 0;
    }
    .post_item span{
        margin: 0;
    }
	
	
	
	.gallery.maladie .description {
    height: 152px;
    }
	
}	

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

#brand.logo {
    margin-bottom:1px;
    float: left;
    width: 126px !important;
    padding-top: 0px !important;
    padding-left: 10px;
    line-height: 18px !important;
}
div#brand.logo img {
    padding-top: 13px;
}

div#brand.logo img {
    max-width: 211px;
    width: 100%;
}
#brand.logo a {
    font-size: 14px !important;
}
 
    #menu a { font-size: 12px; padding: 0 12px; }
    .mosaic-block { height: 92px; }
    .full.three-per-row li + li { margin-left: 58px!important; }
    li.two .mosaic-block { height: 70px; }
    .four-per-row li { margin-right: 28px !important; }
    li.nine .mosaic-block { height: 150px; }
    .gallery .tools { font-size: 12px; }

    li.fourteen .mosaic-block { height: 224px; }
    li.fourteen aside { background-position: -50px center; padding: 20px 25px 0; }
    li.fourteen aside h3 { font-size: 20px; }
    .project-details { margin-bottom: 10px; }
    .project p { display: none; }

    .bxskin-one .bx-caption > span, .bxskin-two .bx-caption > span { margin-top: 30px; max-width: 640px; }
    .bxskin-five .bx-caption > span { max-width: 380px; margin-left: auto; margin-right: auto; }
    .bxskin-five #bx-pager { margin: 0; padding: 0; width: 100%; text-align: center; max-width: 100%; }
    .bxskin-five #bx-pager a { display: inline-block; float: none; }
    .bxskin-one .bx-caption strong, .bxskin-two .bx-caption strong, .bxskin-five .bx-caption strong	{ font-size: 30px; line-height: 30px; }
    .bxskin-one .bx-caption em, .bxskin-two .bx-caption em, .bxskin-five .bx-caption em	{ font-size: 16px; }
    .bxskin-four .bx-controls .bx-next { right: 0; }
    .bxskin-four .bx-controls .bx-prev { left: 0; }


    section.on-left > .nine.columns { border-right: none; }

    .form-holder li.columns { width: 95%!important; margin-left: 0 !important; margin-right: 0!important; }

    button.big, .button.big { font-size: 18px; }
    button.search:before, .button.search:before { font-size: 17px; }

    .partner-box img { margin-left: 2%; }
    .agent-social strong { font-size: 20px; }
    .agent-social span { font-size: 11px; }

    .slider-overlay { position: static; }
    form.top-form { margin-top: 20px; padding: 20px; width: 448px; }



}


@media only screen and (max-width: 991px) {
	.container-full-width {height: 100% !important; min-height: 820px;}
	.container-bloc-home {
    position: relative !important;
    top: 110px;
	bottom:0px;
}
.home-bloc-bottom {
    margin-bottom: 15px;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .boxed-link .icon { padding-left: 0; padding-top: 42px; }
    .boxed-link .icon { background-position: 50% top!important; }
    .boxed-link h3 { font-size: 16px; line-height: 18px; }

    .horizontal .goal { float: none; margin: 0 auto 15px; }
    .post_comments p{
        width: 75%!important;
    }
    .container{
        width: 752px!important;
    }
    .post_item a{
        margin: 0;
    }
    .post_item span{
        margin: 0;
    }
		.container .sidebar.four.columns {
    width: 96% !important;
    }
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.row.offset-by-one.remove-bottom.bloc-docteur-header-top .row {
    
}
	


    .hero { width: 420px; margin: 0 auto 40px; }
    .iframe-overlay { position: static; margin-top: 20px; }
    .top-form-holder { margin-top: 0; }

    .top-form-holder form,				
    .top-form-holder div				{ width: 100%; float: none; }
    .top-form-holder div				{ padding-left: 0; margin-top: 30px; }

    button.search:before, .button.search:before { display: none; }
    .button.yellow.person { padding-left: 0; background-image: none; }


    .lang { background-image: none; }

    /* brand and nav tweaks */
    .header { margin-bottom: 20px; }
    .header header { padding-top: 15px; }
    #brand { text-align: center; }

    /* Tweak responsive menu */
    #menu { display: none; }
    header nav select { display: block; margin: 15px auto; width: 90%; background: #212121; border: 1px solid #444; padding: 5px 0; }

    /* big columns layout */
    aside.on-left, aside.on-right, section.on-right, section.on-left { float: none; width: 100%; }
    .on-left .titling { margin-left: 0; }

    /* do not display sliders */
    .bxskin-one, .bxskin-two,
    .bxskin-three, .bxskin-four,
    .bxskin-five .bx-wrapper,
    .bx-skin-five #bx-pager,
    .hero iframe,
    .hero img,
    .bxskin-five #bx-pager { margin-top: -24px; }

    /* Lay out*/
    section.on-right > .nine.columns { border-left: none; padding-left: 0; }
    .on-right .titling { padding-left: 0; }
    .footer .columns, .boxed-goals .columns { margin-bottom: 30px; }
    .boxed-goals { padding-bottom: 0; margin-top: -20px; }
    .on-right form, .on-right .featured-agent, .on-right .aside-block { margin-left: 0px !important; }
    .title-bar { padding: 20px 0; margin-top: -20px; }
    .title-bar, .top-address { text-align: center; }
    .top-address { margin-top: 15px!important; }
    .big-title h3 { font-size: 40px; }

    .boxed-goals .one-third-liquid { margin-bottom: 20px; }

    /* Top forms */
    form.top-form { margin-top: 20px; padding: 20px; width: auto; }
    .special-form li { width: auto!important; float: none!important; display: list-item!important; }
    .half-liquid { margin: 0!important; }
    .half-liquid + .half-liquid { margin-left: 9%!important; }

    .single-property .one-third-liquid, .single-property .two-thirds-liquid { width: 96%; }

    /* galleries */
    .gallery { margin-left: 0!important; margin-right: 0!important; }
    .gallery li.columns { margin-bottom: 20px; }
    .mosaic-block { height: 310px; }
	.gallery.maladie .mosaic-block { height: 118px !important; }
	.gallery.maladie .description { height: 154px;}
    .two-per-row .mosaic-block,
    .full.three-per-row .mosaic-block { height: 225px; }
    .two-per-row li:nth-child(2n),
    .full.three-per-row li + li { margin-left: 0!important; }
    li.two .mosaic-block { height: 390px; }

    li.fourteen .mosaic-block { height: 146px; }
    li.fourteen aside { background-image: none; background-color: #2D2C31; padding: 20px 25px 0; }
    li.fourteen aside h3 { font-size: 16px; }
    li.fourteen .project { max-width: 380px; }
    .project-details { display: none; }
    .project p { display: block; }
    .button.big.view { font-size: 14px; }

    .partner-box img { width: 47%; max-width: 47%; margin-left: 1%; }
    .partner-box img:nth-child(3n+1) { margin-left: 1%; }
    .agent-bio header a	{ display: block; margin-left: 105px; }

    /* goals */
    .goals h2 { text-align: center; }
    .horizontal.goals h2 { text-align: left; }
    .scroll-top { padding-right: 0; position: relative; top: -20px;}

    /* CTA box */
    .cta-box .columns { width: auto !important; }
    .cta-box .button { margin-top: 20px; }

    .step-box .one-third-liquid {width: 92% !important; }
    .step-box #operation { margin-bottom: 20px; } 
    .step-box .drag-drop li { width: 100%; }

    .big-property figcaption { position: static; }
    aside.sidebar{
        width: 100%!important;
    }
    .holder span{
        margin: 0!important;
    }
    .post_item a{
        margin: 0!important;
    }
    .post_item span{
        margin: 0 0 25px 29px!important;
    }
    .post_comments figure img{
        left: 40%;
        position: relative;
    }
    .post_comments strong{
        display: block!important;
        float: right;
        text-align: center;
        width: 100%;
    }
    .post_comments p{
        float: none;
        text-align: center;
        width: 100%!important;
    }
    .post_comments_item{
        border: none!important;
    }
    .post_comments_item2{
        margin: 0;
    }
    .post_arrow a.right, .post_arrow a.left{
        margin: 8px 0 0 0!important;
    }
    section.border{
        border: none!important;
        padding: 0!important;
    }
    section.on-left > .nine.columns{
        padding-right: 0;
    }
    .holder span + a {
        margin-left: 3.5%!important;
    }
    section .nine.columns h2,
    .postcontent p,
    p.four.columns.remove-bottom,
    .blog_tags{
        text-align: left;
    }
	
	#brand.logo {
    float: none !important;
    width: 211px !important;
    padding-top: 8px !important;
    padding-left: 0px !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -15px !important;
}
.contact-bar.columns p {
    float: none !important;
}
.contact-bar.columns {
    width: 100%;
    float: left;
    text-align: center;
}
.columns.nom-doc {
    width: 100%;
    float: left;
    text-align: center;}
	
.container.clearfix.nivoslider {
    width: 90%;
}
.row.offset-by-one.add-bottom-2.fourteen.columns {
    width: 100%;
}
	
.contact-top-header {
    display: none !important;
}

#brand.logo {
    padding: 0px;
    margin: 0px 0px 0px 21px !important;
}
.container-full-width {
    margin-top: -22px;
	min-height: 900px;
}
.container-bloc-home {
    top: 45px;
}


}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .mosaic-block { height: 220px; }
    .two-per-row .mosaic-block,
    li.two .mosaic-block { height: 280px; }
    li.four .mosaic-block,
    .full.three-per-row .mosaic-block	{ height: 160px; }
    li.fourteen aside { padding: 15px 25px 0; }
    li.fourteen aside h3 { font-size: 16px; }
    li.fourteen .mosaic-block { height: 100px; }
    li.nine .mosaic-block { height: 110px; }
    li.nine .description, li.nine .tools { float: none; width: 100%; }
    li.nine .tools .price, li.nine .tools .button { float: left; margin: 0; width: 50%; }
    .project p { display: none; }
    .steps:before { top: 24px; }
    .steps li { width: 64px; height: 64px; }
    .steps a { height: 64px; line-height: 64px; font-size: 24px; }
    .steps a:before { border: 15px solid #D1D1D1; border-radius: 50%; height: 34px;  width: 34px;  }
    .steps a:hover:before, .steps a.active:before { border: 2px solid #fff; top: 7px; left: 7px; width: 46px; height: 46px; }

    aside.sidebar{
        width: 100%!important;
    }
    .holder span{
        margin: 0!important;
    }
    .post_item a{
        margin: 0!important;
    }
    .post_item span{
        margin: 0 0 25px 29px!important;
    }
    .post_comments figure img{
        left: 35%;
        position: relative;
    }
    .post_comments strong{
        display: block!important;
        float: right;
        text-align: center;
        width: 100%;
    }
    .post_comments p{
        float: none;
        text-align: center;
        width: 100%!important;
    }
    .post_comments_item{
        border: none!important;
    }
    .post_comments_item2{
        margin: 0;
    }
    .post_arrow a.right, .post_arrow a.left{
        margin: 8px 0 0 0!important;
    }
    section.border{
        border: none!important;
        padding: 0!important;
    }
    section.on-left > .nine.columns{
        padding-right: 0;
    }
    .holder span + a {
        margin-left: 3.5%!important;
    }
    section .nine.columns h2,
    .postcontent p,
    p.four.columns.remove-bottom,
    .blog_tags{
        text-align: left;
    }
	
	.gallery.maladie .three.columns {
    width: 100%;    
	}
	
	.gallery.maladie .mosaic-block {
	height: 200px !important;
	}
	.gallery.maladie .description {
    height: 105px;
}
	
.container-bloc-home {
    top: 20px;
}
.container-full-width {
    min-height: 900px;
}	

}

@media only screen and (max-width: 300px) {
	.container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .one-third-liquid, .container .two-thirds-liquid 
	{width:100%}
	.container {width:100%}
	.container .row.offset-by-one {
    padding-right: 5px;
    padding-left: 5px;}
.row.offset-by-one.add-bottom-2.fourteen.columns {
    width: 96%;}
	
.container-full-width {
    min-height: 1080px;
}
}
@media only screen and (max-width: 240px) {
	#brand.logo {
    width: 85% !important;
    margin: 0px auto !important;
}
}
@media only screen and (max-width: 232px) {
	.container-full-width {
    min-height: 1200px;
}
}
/******************************* BLOG *****************************/
section .nine.columns h2{
    font-size: 22px;
    font-weight: bold;
	line-height:24px;
}
aside h2 {
    font-size: 2em;
    font-weight: 400;
}
aside ul li {
    list-style: none;
}

aside ul li i {
    color: #000;
}

aside ul li a {
    color: #999;
    display: inline-block;
    font-size: .9em;
    height: 2em;
}

aside ul li a:hover {
    color: #222322;
}
section.border{
    border-right: 1px solid #DBDBDB;
    padding-right: 42px;
}
section.on-left > .nine.columns{
    border: none;
}
span.input-group-btn
{
    position: relative;
    bottom: 55px;
    left: 200px;
}
.blog_tags { 
    margin-bottom:35px; 
}
.blog_tags a { 
    background: #A6A4A5;
    border:1px solid #e9e7e5;
    border-radius: 2px; 
    color: #fff;
    padding:9px 28px; 
    display:inline-block; 
    margin-bottom:33px; 
    font-size:12px;
}
.blog_tags a:hover { 
    background:#edcb08; 
    color:#000; 
    text-decoration: none;
}
.sidebar{
    float: right;
    width: 25%;
}
.sidebar form{
    padding: 0;
}
.post-img { 
    width: 100%;
}

.post-img img { 
    width: 100%;
}
.post-img .more { 
    background: rgba(30,30,30,0.3);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
}
.sidebar_categories h2{
    margin: 0 0 10px 0;
}
.sidebar_categories ul li a{
    font-size: 13px;
}
.sidebar_archives h2{
    margin: 0 0 10px 0;
}
.sidebar_archives ul li a{
    font-size: 13px;
}
.sidebar_recent figure {
    display: inline-block;
    margin: 0 5px 5px 0;
}
.sidebar_recent p {
    display: inline-block;
    bottom: 12px;
    position: relative;
}
.sidebar_tags { 
    margin-bottom:35px; 
}
.sidebar_tags a { 
    background: #A6A4A5;
    border:1px solid #e9e7e5; 
    color: #fff;
    padding:5px 10px; 
    display:inline-block; 
    margin-bottom:13px; 
    font-size:12px;
}
.sidebar_tags a:hover { 
    background:#edcb08; 
    color:#000; 
    text-decoration: none;
}

/*******************************End BLOG *****************************/

/*******************************Single post *****************************/
.postcontent p{
    font-size: 14px;
}
.postcontent p em{
    background: #5ba7d8;
    color: #fff;
    font-style: normal;
    padding: 1px 2px 1px 2px;
}
.postcontent p strong{
    background: #eccc08;
    color: #FFF;
    font-weight: 400;
    padding: 1px 2px 1px 2px;
}
.post-content-container blockquote{
    border-left: 3px solid #eccc08;
    font-size: 1.7em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin: 30px 0;
    padding: 5px 0 10px 20px;
}
.post_item ul li{
    color: #858585;
    font-size: 13px;
}
.post_item ul li i:before{
    color: black;
    font-size: 10px;
    margin-right: 11px;
}
.post_ul_down{
    margin-left: 60px;	
}
.post_ul_down ul{
    list-style: circle;
}
.post_item a{
    color: #858585;
    display: inline-block;
    font-size: 13px;
    margin: 40px 0 40px 8px;
}
.post_item a i:before{
    font-size: 18px;
}
.post_item a:hover{
    color: #000;
    text-decoration: none;
}
.post_item span{
    color: #858585;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 0 110px;
}
.post_item .post_redes{
    margin: 0;
}
.post_info{
    background: #edcb08;
    padding: 25px 25px;
}
.post_info h3{
    color: #fff;
    font-size: 18px;
}
.post_info p{
    color: #fff;
}
.post_item .post_arrow a{
    margin: 35px 0 0 0;
    color: #FFF;
    background: #858585;
    padding: 8px 14px 8px 20px;
}
.post_item .post_arrow a:hover{
    background: #000;
    color: #fff;
}
.post_arrow a.right{
    float: right;
    padding: 10px 23px 10px 32px;
}
.post_arrow a.left{
    padding: 10px 29px 10px 12px;
}
.post_comments{
    margin: 60px 0;
}
.post_comments h2{
    margin: 0 0 20px 0;
}
.post_comments p{
    color: #969698;
    display: inline-block;
    float: right;
    width: 84%;
}
.post_comments strong{
    display: inline-block;
    color: #646464;
    margin: 0 0 0 24px;
}
.post_comments figure img{
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 80px;
    width: 80px;
}
.post_comments_item{
    border-bottom: 1px solid #dadcdb;
    padding: 0 0 118px 0;
}
.post_comments_item2{
    margin: 50px 0 0 0;
}
.clearfix{
    clear: both;
}
.post_form{
    margin: 60px 0;
}
.post_form form input, textarea{
    padding: 10px 10px;
    width: 100%;
}
.post_form .btn{
    background: #a6a4a5;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    text-shadow: none;
    padding: 12px 33px;
}

#brand.logo {
    margin-bottom: 0;
    float: left;
    width: 210px;
    padding-top: 0px;
    padding-left: 10px;
}
div#brand.logo img {
    max-width: 211px;
}

#brand.logo a {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
	line-height: 9px;
}
ul.columns.nav.social {
    float: right;
}
.ref p {
    font-size: 12px;
    line-height: 15px;
}

ul.wsp-pages-list {
    list-style: inherit;
}
ul.wsp-pages-list a {
    color: #333333;
}
.columns.nom-doc {
    float: right;
}
.columns.nom-doc a {
color: #D3D2D7;
}
.row.offset-by-one.remove-bottom.bloc-docteur-header-top .row {
    display: block;
	visibility: visible;
}