#bottomDrawer *{padding: 0; margin: 0}

#bottomDrawer{bottom: 0; position: absolute; z-index: 1; width: 100%; display: flex;
    align-items: flex-end;
    justify-content: space-between;
box-shadow: inset 0 -90px 0 #0b2c66}

.drawerModule{display: inline-block; float: left}
.brandsGroup{float: right; max-width:700px; box-shadow: 3px 32px 50px #000}

.drawerCopy{position: relative; bottom: -4px}
.drawerCopy *{font-family: 'Noto Sans', sans-serif; color: #fff; font-weight: 800; font-size: 0.9em }
.drawerCopy span{color: #0795e6}
.drawerCopy span:hover{color: #1ea1eb}

#bottomDrawer .d_logo img{
    max-width: 120px;
    margin-right: 50px;
    margin-left: 25px;
    position: relative;
    bottom: 7px;
    z-index: 2;
}

#bottomDrawer .contentDrawer{
   width:100%;
   padding-top:17px;
}
 .brandsGroup.mobile{display: none}
 

.brandsGroup.mobile{display: none}



@media screen and (max-width: 1500px)
{
	.brandsGroup{max-width:30vw; }
}
	
@media screen and (max-width: 1200px)
{
	.drawerCopy *{font-size: 0.8em}	
	.drawerCopy {bottom:6px;}
	#bottomDrawer .d_logo img {margin-right: 35px; max-width: 80px; bottom: 10px;}	
	#bottomDrawer{box-shadow: inset 0 -70px 0 #0b2c66}
	.brandsGroup{max-width: 35vw}

	}


@media screen and (max-width: 1000px)
{
	#bottomDrawer .d_logo img {margin-right: 35px; max-width: 80px; bottom: 10px;}	
	.drawerCopy {bottom: 6px;}

	
}

@media screen and (max-width: 880px)
{
	.drawerCopy *{font-size: 0.9em}	
	.brandsGroup{max-width: 100%}
	
	#bottomDrawer .brandsGroup.mobile{display: block}
	#bottomDrawer .brandsGroup.desktop{display: none}
	.contentDrawer{position: absolute; z-index: 1; width: 100%; bottom: 0}
	.d_logo, .drawerCopy{float: none; display: block; text-align: center}
	.drawerCopy *{font-weight: 400}
	.drawerCopy span{text-indent: 9999px;
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 4;
    height: 135px;}
	
}