@charset "UTF-8";
/* CSS Document */

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:before,  
.clearfix:after {  
content: " ";  
display: table;  
}
.clearfix:after {  
clear: both;  
}
html, body, main, ul, li, h1, h2, h3, h4, h5, h6, p, figure, section, footer, em {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
img {
	vertical-align: bottom;
}
.align-center {
text-align: center;
}
.img-full {
	width: 100%;
	height: auto;
}
.img-float-l {
	margin-bottom: 20px;
}
body {
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
header {
	position: relative;
	text-align: center;
	background: url(immobilier-liege-2.jpg) top center no-repeat;
	background-size:  cover;
}
.header-content {
	padding: 20px;
	color: #fff;
}
h1 {
	font-weight: 700;
	color: #FD1315;
	text-transform: uppercase;
	font-size: 12vw;
	}
h2 {
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	font-size: 6.6vw;
	margin-top:  -1.2vw;
}
section h2 {
	font-weight: 400;
	color: #081d4f;
	padding: 20px 0;
	font-size: 8vw;
}
#legal h2 {
	font-weight: 400;
	color: #081d4f;
	padding: 20px 0;
	font-size: 5vw;
}
h3 {
	font-weight: 700;
	margin: 12px 0;
	font-size: 5vw;
	-webkit-text-shadow: 0 0 6px rgba(8,29,79,0.95);
    -moz-text-shadow: 0 0 6px rgba(8,29,79,0.95);
	text-shadow: 0 0 6px rgba(8,29,79,0.95);
}
.btn {
	display: inline-block;
	background: #fd1315;
	color: #fff;
	font-weight: 700;
	font-size: 5vw;
	padding: 15px;
	text-decoration: none;
	text-transform: uppercase;
	margin: 15px 0;
	border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
a.btn:hover {
	background: #081d4f;
}
.header-content ul {
	text-align: left;
}
.header-content ul li {
	background: url(bullet-header.png) left center no-repeat;
	background-size: 20px 20px;
	padding: 5px 0;
	padding-left: 35px;
	font-size: 4.3vw;
	-webkit-text-shadow: 0 0 6px rgba(8,29,79,0.95);
    -moz-text-shadow: 0 0 6px rgba(8,29,79,0.95);
	text-shadow: 0 0 6px rgba(8,29,79,0.95);
	}
#social-top {
	position: absolute;
	top: 6px;
	right: 10px;
	z-index: 999999;
}
#social-top ul li {
	padding: 8px;
}
#social-top ul li img {
	width: 50%;
	height: auto;
	}
section {
	background: #FFF;
}
section p {
	color: #081d4f;
}
.txt, .img figure {
	padding: 15px;
}
.txt p {
	margin: 0 0 10px 0;
}
.contact-content {
	padding: 15px;
}
#goods {
	background: #f7f8f8;
}
#goods article {
	background-color: #081d4f;
}
#goods figure img {
	width: 100%;
	height: auto;
}
.send {
	top: 150px;
	left: -10%;
	width: 120%;
	font-size: 2.5em;
	background: #FD1315;
	color: #FFF;
	padding: 12px;
	text-align: center;
	text-transform: uppercase;
	z-index: 9999999;
	transform: rotate(-20deg);
	position: absolute;

}
.grid-goods {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	row-gap: 1em;
	column-gap: 1em;
}
.goods {
	background: #dbe0e1;
	overflow: hidden;
	position: relative;
}
.goods-content {
	color: #081d4f;
}
.goods-content .date {
	font-size: 1.1em;
	font-weight: 400;
	background: #dbe0e1;
	padding: 0 3px;
}
.goods h5 {
	text-align: center;
	margin: 15px 15px;
	border-bottom: 1px solid #081d4f;
	padding-bottom: 15px;
}
.goods-content .title {
	font-weight: 700;
	font-size: 1.1em;
	margin: 0 0 15px 0;
	text-align: center;
	display: block;
	padding: 0 15px;
}
.goods-content .description {
	display: block;
	background: #081d4f;
	padding: 20px;
	font-size: 0.9em;
}
.goods-content .description p {
	color: #FFF;
	}
a.btn-goods {
	background: #fff;
    padding: 10px 20px;
	margin: 15px 0 0 0;
	display: inline-block;
    color: #081d4f;
    border-radius: 25px 25px 25px 25px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
	text-decoration: none;
}
a.btn-goods:hover {
	background: #FD1315;
	color: #fff;
}
ul.bxslider li {
	position: relative;
}
ul.bxslider li span {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	width: 33%;
	height: 100%;
	background: #ccc;
	z-index: 999999999;
}
#contact {
	background: url(contact-arcades-red.jpg) top left no-repeat;
	background-size: cover;
	color: #081d4f;
}
.contact {
	background-color: rgba(255, 255, 255, 0.6);
}
address {
	font-style: normal;
}
address a {
	text-decoration: none;
	color: #081d4f;
}
address a:hover {
	text-decoration: underline;
}
address ul {
	margin: 15px 0 40px 0;
}
address ul li {
	border-bottom: 1px solid #081d4f;
	padding: 20px 0 20px 60px;
}
address ul li:last-child {
	border-bottom: none;
}
address ul li.address {
	background: url(ico-address.png) left center no-repeat;
}
address ul li.mail {
	background: url(ico-mail.png) left center no-repeat;
}
address ul li.phone {
	background: url(ico-phone.png) left center no-repeat;
}
ul.contact-social li {
	display: inline;
	margin-right: 10px;
}
footer {
	background-color: #081d4f;
	color: #FFF;
	padding: 25px;
	text-align: center;
	font-size: 0.8em;
}
#legal {
	background-color: #dbe0e1;
	color: #081d4f;
	padding: 25px;
	font-size: 0.6em;
}
@media screen and (min-width:500px){
.txt {
	padding: 30px;
	}
.contact-content {
	padding: 30px;
}
.img-float-l {
	float: left;
	margin: 0 15px 30px 0;
	width: 50%;
}
section h2 {
	padding: 30px 0;
	font-size: 6vw;
}

#legal h2 {
	padding: 30px 0;
	font-size: 25px;
}
.center {
	text-align: center;
}
}
@media screen and (min-width:600px){
h1 {
	font-size: 40px;
}
h2 {
	font-size: 22px;
}
section h2 {
	font-size: 3.2vw;
}
h3 {
	font-size: 18px;
}
.btn {
	margin: 25px 0;
	font-size: 18px;
}
.header-content ul li {
	font-size: 16px;
	margin-left: 20%;
	}
}
@media screen and (min-width:768px){
.grid-goods {
	grid-template-columns: repeat(2, 1fr);
	row-gap: 1em;
	column-gap: 1em;
}
}
@media screen and (min-height:750px){
.btn {
	margin: 50px 0;
	}
.header-content {
    padding: 50px 20px;
}
h3 {
	margin: 25px 0;
}
}
@media screen and (min-width:900px){
header {
	background: url(promoteur-immobilier.jpg) top center no-repeat;
}
.header-content {
    padding: 40px;
}
h1 {
	font-size: 65px;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 30px;
	margin: 15px 0; 
}
.btn {
	font-size: 25px;
	margin: 20px;
}
.header-content ul li {
	background-size: 24px 24px;
    padding: 3px 0;
    padding-left: 40px;
	font-size: 24px;
	margin-left: 20%;
	}
.img-float-l {
	margin: 0 30px 30px 0;
	width: 40%;
}
.txt, .img figure {
	padding: 35px;
}
.contact-content {
	padding: 35px;
}
.goods-content .date {
	font-size: 1.4em;
	padding: 0 5px;
}
.goods h5 {
	margin: 20px;
}
.goods-content .title {
	font-size: 1.2em;
	margin: 0 0 20px 0;
	padding: 0 20px;
}
.goods-content .description {
	padding: 20px;
	font-size: 0.95em;
}
}


@media screen and (min-width:1300px){
.header-content {
    padding: 50px;
}
h1 {
	font-size: 115px;
}
h2 {
	font-size: 64px;
}
section h2 {
	font-size: 2.2vw;
}
section p, #contact address ul li {
	font-size: 1.15em;
}
h3 {
	font-size: 2.5vw;
	margin: 20px 0; 
}
.btn {
	font-size: 1.75vw;
	margin: 40px;
}
.header-content ul li {
	background-size: 27px 27px;
    padding: 3px 0;
    padding-left: 50px;
	font-size: 1.8vw;
	margin-left: 35%;
	}
.mid {
	margin: 0 auto;
	width: 1300px;
}
.txt, .img figure {
	padding: 50px;
}
.contact-content {
	padding: 50px;
}
.img-float-l {
	margin: 0 60px 60px 0;
	width: 40%;
}
.goods-content .date {
	font-size: 1.7em;
	padding: 0 10px;
}
.goods h5 {
	margin: 30px 35px;
}
.goods-content .title {
	font-size: 1.75em;
	margin: 0 0 30px 0;
	padding: 0 50px;
}
.goods-content .description {
	padding: 50px;
	font-size: 1.15em;
}
footer {
	padding: 40px 25px;
}
#legal {
	padding: 40px 0;
}
}
@media screen and (min-width:1440px){
.txt, .img figure {
	padding: 60px 0;
}
.contact-content {
	padding: 60px 120px;
}
.grid-goods {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 2em;
		column-gap: 2em;
	}
}
@media screen and (min-width:1650px){
.header-content h3 {
	margin-top: 40px;
}
.header-content ul {
	margin-top: 30px;
}
}



/* menu */
nav figure {
	padding: 10px 0;
	width: 100%;
}
nav img {
	width: 30%;
	height: auto;
}
.no-padding-r-l {
	padding-right: 0!important;
	padding-left: 0!important;
}



.links{text-align:center;float:none;}
nav{width:100%; position:relative;margin:0 auto; z-index: 99999; background: #fff; font-weight: 300;}
#cssmenu ul,#cssmenu ul li {width:100%;list-style:none;line-height:1;position:relative;}
#cssmenu ul{display:none;border:0; background: #fff;border-bottom: 1px solid #081d4f}
#cssmenu ul li{text-align: center; padding:25px 10px;}
#cssmenu ul li:hover{}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto; padding: 20px 0;}
#cssmenu ul ul li {border-bottom: 1px solid #721e1d;}
#cssmenu ul ul li:last-child {border-bottom: none;}
#cssmenu ul ul li{-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul li a{width:100%;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu ul ul li a {border: 0;text-decoration:none;color:#000;background:none}
#cssmenu > ul > li{float:none; border-bottom: 1px solid #081d4f}
#cssmenu > ul > li:last-child {border: none;}
#cssmenu ul ul li{background:#F2E6DD;}
#cssmenu ul ul li:hover{}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li > a{font-size:1.3em;text-decoration:none;color:#081d4f; text-transform: uppercase;}
#cssmenu ul ul li a {font-size: 0.9em;}
#cssmenu > ul > li:hover a,#cssmenu ul li.active:hover a,#cssmenu ul li.active a,#cssmenu ul li.has-sub.active:hover a {-webkit-transition:color .3s ease;-ms-transition:color .3s ease;transition:color .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:34px;right:11px;width:8px;height:2px;display:block;background:#721e1d;content:''}
#cssmenu > ul > li > a.contact {
	background: #081d4f;
	padding: 10px 20px;
	color: #FFF;
	display: inline;
	border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
#cssmenu ul li a:hover.contact {
	background: #fd1315;
	color: #fff!important;
}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:31px;right:14px;display:block;width:2px;height:8px;background:#721e1d;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}

#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#721e1d}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul li a:hover, #cssmenu ul li a#HG {
	color: #fd1315!important;
}

@media screen and (max-width:859px){
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;}
.button{color: #081d4f; font-size: 1.25em; border-top: 1px solid #081d4f; border-bottom: 1px solid #081d4f; width:100%; line-height:46px;position:relative;cursor:pointer;z-index: 12399994;background: #fff}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #000;border-bottom:2px solid #000;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#000;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:70px;width:70px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#F2E6DD}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:36px;right:20px;width:25px;height:2px;display:block;background:#721e1d;content:''}
#cssmenu ul ul .submenu-button:after{top:18px;right:10px}
#cssmenu .submenu-button:before{position:absolute;top:25px;right:31px;display:block;width:2px;height:25px;background:#721e1d;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul li:hover a {color: #FFF!important;}
#cssmenu > ul > li:hover a,#cssmenu ul li.active:hover a,#cssmenu ul li.active a,#cssmenu ul li.has-sub.active:hover a {color: #000!important;}
}
@media screen and (min-width: 425px) {
nav img {
	width: 30%;
}
}
@media screen and (min-width: 600px) {
nav img {
    width: 20%;
}
}

@media screen and (min-width: 860px) {
nav {
	height: 100px;
}
nav figure {
	position: absolute;
	top: 0;
	left: 90px;
	height: 254px;
	width: 130px;
	background: url(bg-logo.png) center -120px no-repeat;
	text-align: center;
}
nav img {
	width: 110px;
}

.button {
	display: none;
}
.links {
	position:relative;
	z-index:1;
	text-align: left;
	width: 15%;
	display: inline-block;
	float: left;
}
nav {
	position: relative;
}
a#HG {
    background: url(bullet-nav.png) bottom center no-repeat;
}
#cssmenu ul{display: inline-block; text-align: right; background: none; width: 100%; float: left; border: none; padding-right: 100px;}
#cssmenu ul li {border:0; background: none; padding: 0;}
#cssmenu ul ul {
	text-align: left!important;
	width: auto;
}
#cssmenu ul ul li {height:0; text-align: left;}
#cssmenu li:hover > ul > li{padding: 15px;}
#cssmenu ul li a {width:auto; font-size: 0.9em; display: inline; margin-top: 43px; padding: 0 15px 42px 15px; display: inline-block; border-left: 1px solid #081d4f;}
#cssmenu ul li:first-child a, #cssmenu ul li:last-child a {
	border-left: none;
}
#cssmenu ul ul li a {width:auto;}
#cssmenu > ul > li{display: inline!important;}
#cssmenu ul ul li a{}
#cssmenu ul ul ul li a{padding-left:17px}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li:hover a,#cssmenu ul li.active:hover a,#cssmenu ul li.active a,#cssmenu ul li.has-sub.active:hover a, #HG {}
#cssmenu > ul > li:hover {
	background: none;
}
#cssmenu li:hover > ul{left:20px; top: 30px; padding: 0!important;}
}


@media screen and (min-width: 1024px) {
nav img {
}
.links {
	width: 22%;
}

#cssmenu ul li a {font-size: 1.0em;}
}



@media screen and (min-width: 1300px) {
#cssmenu > ul > li.has-sub > a:after{top:37px;right:11px;width:13px;height:2px;}
#cssmenu > ul > li.has-sub > a:before{top:32px;right:16px;display:block;width:2px;height:13px;}
#cssmenu ul li a {
    padding: 0 25px 42px 25px;
}
}
@media screen and (min-width: 1400px) {
	nav img {
	width: 170px;
}
nav figure {
	left: 150px;
	height: 350px;
	width: 190px;
	background: url(bg-logo.png) center -50px no-repeat;
	text-align: center;
}
}
@media screen and (min-device-width: 480px) and (max-device-height: 450px) { 
nav img {
    width: 10%;
}
#social-top {
    top: 3px;
}
#social-top ul li {
    padding: 6px;
}
#social-top ul li img {
    width: 40%;
}
.button {
    line-height: 36px;
}
.button:before {
    top: 11px;
}
.button:after {
    top: 17px;
}
.button.menu-opened:before {
    top: 18px;
}
.button.menu-opened:after {
    top: 18px;
}
h1 {
	font-weight: 700;
	color: #FD1315;
	text-transform: uppercase;
	font-size: 5vw;
}
h2 {
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	font-size: 2.7vw;
}
h3 {
	font-weight: 700;
	margin: 6px 0;
	font-size: 2.3vw;
}
.btn {
	font-size: 2.2vw;
	padding: 10px;
	margin: 5px 0;
}
.header-content {
    padding: 8px;
}
.header-content ul li {
	background-size: 12px 12px;
	padding: 1px 0;
	padding-left: 18px;
	font-size: 2.1vw;
	margin-left: 33%;
	}
}


@media screen and (min-width:1000px) and (min-device-height: 700px) {
.header-content h3 {
	margin-top: 40px;
}
.header-content ul {
	margin-top: 40px;
}
}


.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-6, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-12 {
	display: block;
	float: left;
}
.col-xs-1 {
	width: 8.333333%;
}
.col-xs-2 {
	width: 16.666666%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-4 {
	width: 33.333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-8 {
	width: 66.666666%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-10 {
	width: 83.333333%;
}
.col-xs-12 {
	width: 100%;
}

@media only screen and (min-width: 500px) {
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-6, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-12 {
	display: none;
}
.col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-6, .col-s-8, .col-s-9, .col-s-10, .col-s-12 {
	display: block;
	float: left;
}
.col-s-1 {
	width: 8.333333%;
}
.col-s-2 {
	width: 16.666666%;
}
.col-s-3 {
	width: 25%;
}
.col-s-4 {
	width: 33.333333%;
}
.col-s-6 {
	width: 50%;
}
.col-s-8 {
	width: 66.666666%;
}
.col-s-9 {
	width: 75%;
}
.col-s-10 {
	width: 83.333333%;
}
.col-s-12 {
	width: 100%;
}
}

@media only screen and (min-width: 660px) {
.col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-6, .col-s-8, .col-s-9, .col-s-10, .col-s-12 {
	display: none;
}
.col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-12 {
	display: block;
	float: left;
}
.col-m-1 {
	width: 8.333333%;
}
.col-m-2 {
	width: 16.666666%;
}
.col-m-3 {
	width: 25%;
}
.col-m-4 {
	width: 33.333333%;
}
.col-m-5 {
	width: 41.666666%;
}
.col-m-6 {
	width: 50%;
}
.col-m-7 {
	width: 58.333333%;
}
.col-m-8 {
	width: 66.666666%;
}
.col-m-9 {
	width: 75%;
}
.col-m-10 {
	width: 83.333333%;
}
.col-m-12 {
	width: 100%;
}
}

@media only screen and (min-width: 1000px) {
.col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-8, .col-m-9, .col-m-10, .col-m-12 {
	display: none;
}
.col-l-1, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-l-10, .col-l-12 {
	display: block;
	float: left;
}
.col-l-1 {
	width: 8.333333%;
}
.col-l-2 {
	width: 16.666666%;
}
.col-l-3 {
	width: 25%;
}
.col-l-4 {
	width: 33.333333%;
}
.col-l-5 {
	width: 41.666666%;
}
.col-l-6 {
	width: 50%;
}
.col-l-7 {
	width: 58.333333%;
}
.col-l-8 {
	width: 66.666666%;
}
.col-l-9 {
	width: 75%;
}
.col-l-10 {
	width: 83.333333%;
}
.col-l-12 {
	width: 100%;
}
}

@media only screen and (min-width: 1080px) {
.col-l-1, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-l-10, .col-l-12 {
	display: none;
}
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-12 {
	display: block;
	float: left;
}
.col-xl-1 {
	width: 8.333333%;
}
.col-xl-2 {
	width: 16.666666%;
}
.col-xl-3 {
	width: 25%;
}
.col-xl-4 {
	width: 33.333333%;
}
.col-xl-5 {
	width: 41.666666%;
}
.col-xl-6 {
	width: 50%;
}
.col-xl-7 {
	width: 58.333333%;
}
.col-xl-8 {
	width: 66.666666%;
}
.col-xl-9 {
	width: 75%;
}
.col-xl-10 {
	width: 83.333333%;
}
.col-xl-12 {
	width: 100%;
}
}