@font-face 
{
        font-family:"DTL Nobel T Light";

 		src : url("../fontm/dtl_nobel_t_light.otf") format('opentype'),
               url("../fontm/dtl_nobel_t_light.ttf") format('truetype');
 		}
@font-face 
{
        font-family:"DTL Nobel T Regular";

 		src : url("../fontm/dtl_nobel_t_regular.otf") format('opentype'),
               url("../fontm/dtl_nobel_t_regular.ttf") format('truetype');
 		}
@font-face 
{
        font-family:"DTL Nobel T Regular", Helvetica, Arial, sans-serif;

 		src : url("../fontm/gotham_black.otf") format('opentype'),
               url("../fontm/gotham_black.ttf") format('truetype');
 		}
		
@font-face 
{
        font-family:"Gotham-thin", Helvetica, Arial, sans-serif;

 		src : url("../fontm/gotham-thin.otf") format('opentype'),
               url("../fontm/gotham-thin.ttf") format('truetype'),
			   url("../fontm/gotham-thin.svg") format('svg');
 		}
		
			
 html{
	overflow-x:hidden !important;
}

 body {
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Source Sans Pro';
	font-size: 13px;
    line-height: 21px;
	/*font-weight: 300;*/
	color: #666;
	background:#fff;
	
}
ul, ol {
	list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

.cts1 { display:block; }
	
	.cts2 { display:none; }
	
	#cts1 { display:block; }
	
	#cts2 { display:none; }
	
	.divWeb{ display:block}
.divMob{ display:none}
.w80{ display:block; margin:0 auto; width:80%}
.w90{ display:block; margin:0 auto; width:90%}
.w100{ display:block; margin:0 auto; width:100%}
.div100{ display:block; float:left; width:100%}

.gservices{width:100%; display:block;position:relative; float:left;}
 .Gblockleft{width:25%; display:block; height:100%;  float:left; position:fixed}
 .Gblockright{width:74.99%; display:block; float:right;height:100%;  right:0; position:fixed}
 .Gdivblue{width:100%; display:block; position:absolute; top:0; left:0; min-height:100%; z-index:9999999; background:#fff}
 .Gdivtitre{width:100%;   color:#fff; font-size:4em; line-height:normal; font-family:'Gotham Ultra'; display:block;   float:left; text-transform:uppercase; text-align:center ; padding-top:80%    }
.Gdivdesc{width:100%;   color:#fff; font-size:12px; line-height:normal; font-family:'Gotham Regular'; display:block;   float:left;   text-align:center ;   }
.Gblockrightdiv{width:100%; display:block; position:absolute; top:0;   min-height:100%;    }
.Gblockflex{width:100%; display:flex; min-height:100%;flex-direction:row; flex-wrap:no-wrap}
.elementblock{width:100%; display:flex; min-height:100%; position:fixed; flex-direction:row; align-items:stretch;    } 
.Logodiv{ display:block; float:left; width:100%; margin-top:30px}
.Logo{ content:url(../imgm/logo-mix-mark-l.png); display:block; width:60%; text-align:center;   margin:0 auto; margin-top:30%; -webkit-animation:zoomIn 0.5s;
  -moz-animation:zoomIn 0.5s;
  -ms-animation:zoomIn 0.5s;
  -o-animation:zoomIn 0.5s;
  animation:zoomIn 0.5s;}
.mlien{ display:block; float:left; width:100%; margin-top:30px}
.divsocial{ display:block; float:left; width:100%; margin-top:30px; text-align:center;}
.divsocial a{ font-size:14px; padding-right:10px; color:#000}
.divsocial a:hover{ font-size:14px; padding-right:10px; color:#d9bc0a}
.footy{ display:block; float:left; width:100%; margin-top:30px; text-align:center;color:#000; font-family: "DTL Nobel T Light",Arial,sans-serif ; font-size:9px}
.footy a{ font-size:9px; padding-right:10px; color:#000;font-family: "DTL Nobel T Light",Arial,sans-serif ; text-decoration:none}
.footy a:hover{ font-size:9px; padding-right:10px; color:#d9bc0a;font-family: "DTL Nobel T Light",Arial,sans-serif ; text-decoration:none}
.navigation{
	width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
	}
 
.navigation li a {
  display: block ; 
  color: #000000 ;
  font: 1em "DTL Nobel T Light",Arial,sans-serif ;
  line-height: 1em ;
  padding-top:10px;
  text-transform:uppercase;
  padding-bottom:10px;
  text-align: center ;
  text-decoration: none ;
  
}
.navigation li a:hover {
  display: block ; 
  color: #d9bc0a ;
  background:#f8f8f8;
  font: 1em "DTL Nobel T Light",Arial,sans-serif ;
  line-height: 1em ;
  padding-top:10px;
  text-transform:uppercase;
  padding-bottom:10px;
  text-align: center ;
  text-decoration: none ;
  
}

.navigation .active {
  display: block ; 
  color: #d9bc0a ; 
  font: 1em "DTL Nobel T Light",Arial,sans-serif ;
  line-height: 1em ;
  padding-top:10px;
  text-transform:uppercase;
  padding-bottom:10px;
  text-align: center ;
  text-decoration: none ;
  
}

.bgdegrad{width:100%; display:block; position:absolute; bottom:0; min-height:60%; z-index:9; background: rgb(0,174,239);
background: -moz-linear-gradient(0deg, rgba(0,174,239,0.7749474789915967) 18%, rgba(0,219,239,0.4248074229691877) 44%, rgba(35,96,178,0.010241596638655426) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,174,239,0.7749474789915967) 18%, rgba(0,219,239,0.4248074229691877) 44%, rgba(35,96,178,0.010241596638655426) 100%);
background: linear-gradient(0deg, rgba(0,174,239,0.7749474789915967) 18%, rgba(0,219,239,0.4248074229691877) 44%, rgba(35,96,178,0.010241596638655426) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aeef",endColorstr="#2360b2",GradientType=1);}

.btndeschome{ width:100%; float:left;   text-align:right; display:block}
.btndeschome a{ width:auto !important; display:block; float:right;  padding:10px; color:#fff; text-decoration:none; border:#fff 1px solid; background:rgba(255,255,255,0.2) }
.btndeschome a:hover{ width:auto !important; display:block; float:right;  padding:10px; color:#fff; text-decoration:none; border:#d9bc0a 1px solid; background:#d9bc0a }

.logobas{ display:block; width:15%; position:fixed; bottom:40px; z-index:999; right:30px;}
.logobasdiv{ width:100%; float:left; display:block;content:url(../imgm/logo-mix-mark-2.png);
-webkit-animation:slideInRight 0.7s;
  -moz-animation:slideInRight 0.7s;
  -ms-animation:slideInRight 0.7s;
  -o-animation:slideInRight 0.7s;
  animation:slideInRight 0.7s;
}
.divpage{width:100%; display: flex;
  height: 100%;
  flex-wrap:  nowrap;
  flex-direction:row;
  
  justify-content: flex-end; }
.leftpage1{  display: block; flex: 1;position:  relative; top:0; min-height:100%;   background: #00aeef;}
.rightpage1{ display:block;  flex: 0 0 30vw !important;position:  relative; top:0; min-height:100%;   background: #2360b2;}
.leftpage2{  display:block;  flex: 0 0 35vw !important;position:  relative; top:0; min-height:100%;   background: #ccc;}
.rightpage2{ display: block; flex: 1;position:  relative; top:0; min-height:100%;   background: #2360b2;}
.titrecall{ font-family:'DTL Nobel T Regular'; font-size:2.5em; text-align: left; margin-top:150px; color:#fff; text-transform: uppercase}
.desccall{ font-family:'DTL Nobel T Light'; font-size:1.3em; text-align:left; margin-top:50px; color:#fff; }
.desccall p{ font-family:'DTL Nobel T Light'; font-size:12px; text-align:left;   color:#fff; }
.widediv{ display: block; position:  relative; top:0; min-height:100%; width:100%;   background: #2360b2;}
.imgwide{
	display: flex; 
	justify-content:  ;flex-direction: row;
    align-items: center;
	}
	
.imgwidediv{margin: auto; text-align:center}
.imgwidediv img{ width:70%; height:70%}

.formcall table{ width:100%; display:block; float:left}
 
.formcall tr{  padding-bottom:10px;}
.formcall input{ outline:none; font-size:14px; width:100%; background:#14bbfa; border:none; padding:10px; padding-top:15px; padding-bottom:15px;  font-family: 'DTL Nobel T Light'; color:#fff; }
.formcall input[type="submit"]{ outline:none; font-family:'DTL Nobel T Regular';width:100%; font-size:16px; text-transform:uppercase; padding:10px;color:#fff; background:#d9bc0a}
.formcall input[type="submit"]:hover{  width:100%;  color:#fff; background:#2360b2 }
.formcall textarea{ outline:none;padding:  10px; border:none; background:#14bbfa; width:100%; height:150px; font-size:14px; color:#fff;  font-family: 'DTL Nobel T Light';}
	
.formcall	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;font-size:14px;
}
.formcall ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;font-size:14px;
}
.formcall :-ms-input-placeholder { /* IE 10+ */
  color: #fff;font-size:14px;
}
.formcall :-moz-placeholder { /* Firefox 18- */
  color: #fff;font-size:14px;
}
#map{ width:100%; min-height:100%; display:block; position: absolute}
 
 #content{
                margin:0 auto;
            }
            .reference{
                clear:both;
                top:300px;
                left:0px;
                position:absolute;
                text-align:right;
                width:400px;
                padding:20px;
                background-color:#fff;
                -moz-box-shadow:1px 3px 15px #ddd;
                -webkit-box-shadow:1px 3px 15px #ddd;
                box-shadow:1px 3px 15px #ddd;
            }
            .reference p a{
                text-transform:uppercase;
                text-shadow:1px 1px 1px #fff;
                color:#666;
                text-decoration:none;
                font-size:10px;
            }
            .reference p a:hover{
                color:#333;
            }
	
/*styles for mobile*/
@media screen and (max-width: 990px) {
	.cts1 { display:none; }
	
	.cts2 { display:block; }
	
	#cts1 { display:none; }
	
	#cts2 { display:block; }
	
	#flw1 { display:none;}
	
	#flw2 {  display:block;    }
	.divWeb{ display:none}
.divMob{ display:block}	
.headermob{ width:100%; display:block; position:fixed; z-index:999}
.divheadermob{ width:100%; display:block; float:left; background:#2360b2}
.divheadermobleft{ width:70%; display:block; float:left}
.divheadermobleft img{ width:80%; }
.divheadermobright{ width:18%; display:block; float:right;text-align:right; }
.divheadermobright a{ color:#fff; padding-top:20%; display:block; padding-right:20px }
.divheadermobright a:focus{ color:#00aeef }
.bodyhomemob{ width:100%; display:block; position:fixed; top:20%; z-index:999}
.divbodyhomemob{ width:100%; display:block; float:left; }
.divbodyhomemob p{ color:#fff;font-family:'DTL Nobel T Light'; font-size:2em; text-align:center; text-transform:uppercase;-webkit-animation:zoomIn 0.5s;
  -moz-animation:zoomIn 0.5s;
  -ms-animation:zoomIn 0.5s;
  -o-animation:zoomIn 0.5s;
  animation:zoomIn 0.5s;}
.divbodyhomemobelt{width:100%; display: flex;flex-wrap:  nowrap; flex-direction:row;justify-content: center; }
.divbodyhomemobelt p{ margin:auto; text-align:center;color:#fff;font-family:'DTL Nobel T Regular'; font-size:11px; text-align:center;}
.divbodyhomemobelt p img{ width:60px;text-align:center;}
.divbodyhomemobelt a{ color:#fff; text-decoration:none}
.divbodyhomemobelt a:hover{ color:#00aeef;  text-decoration:none}
.divbgmob{ background:url(../imgm/bg-mix-mark-mob.jpg); -moz-background-size:cover; -webkit-background-size:cover; background-size:cover;; display:block; position:fixed; z-index:2; width:100%; min-height:100%}
.divbgcolormob{ background:rgba(0,174,239,0.89); display:block; position:fixed; z-index:3; width:100%; min-height:100%}
.footermob{ font-family:'DTL Nobel T Light'; width:100%; display:block; position:fixed; bottom:20px; text-align:center; font-size:9px;color:#fff; z-index:999}
.footermob a{ font-size:9px; padding-right:10px; color:#fff;font-family: "DTL Nobel T Light",Arial,sans-serif ; text-decoration:none}
.footermob a:focus{ font-size:9px; padding-right:10px; color:#d9bc0a;font-family: "DTL Nobel T Light",Arial,sans-serif ; text-decoration:none}
.bannermob{ width:100%; display:block; float:left; height:300px; margin-bottom:30px}

#map2{ width:100%; min-height:300px; display:block;}
.mobbody{ width:100%; display:block; float:left;  margin-bottom:30px; text-align:center}
.mobbodyT{ font-size:1.5em; font-family:'DTL Nobel T Light'; color:#2360b2; text-transform:uppercase; margin-top:30px;; margin-bottom:30px}
.mobbodyD{ font-size:12px; font-family:'DTL Nobel T Light'; color:#2360b2; t  margin-top:30px}
.footermob2{ font-family:'DTL Nobel T Light'; width:100%; display:block; float:left; margin-top:50px;   text-align:center; font-size:8px;color:#2360b2; z-index:999}
.footermob2 a{ font-size:8px; padding-right:10px; color:#2360b2;font-family: "DTL Nobel T Light",Arial,sans-serif ; text-decoration:none}
.footermob2 a:focus{ font-size:8px; padding-right:10px; color:#d9bc0a;font-family: "DTL Nobel T Light",Arial,sans-serif ; text-decoration:none}
.bannermob2{ width:100%; display:block; float:left; height:300px; margin-bottom:30px}
.bannermob3{ width:100%; display:block; float:left;  margin-bottom:30px}
.bannermob3 img{ width:100%; margin-top:40px}
.imgwidemob img{
	 width:100%;
	}
	
 .titrecall{ font-family:'DTL Nobel T Light'; font-size:16px; text-align: left; margin-top:40px; color:#2360b2; text-transform: uppercase}
.desccall{ font-family:'DTL Nobel T Light'; font-size:12px; text-align:left; margin-top:0; color:#2360b2; }
.mliendiv{ width:100%; min-height:100%; background:#fff; display:none; position:fixed; z-index:9999}
.mlien{ display:block; float:left; width:100%; margin-top:20%}
.btnhidemob{ display:block; float:right; width:100%; text-align:right; margin-bottom:40px}
.btnhidemob a{ font-size:18px; 10px; color:#fff; text-decoration:none}
.btnhidemob a:focus{ font-size:18px;   color:#d9bc0a;f  text-decoration:none}
.navigation li a {
  display: block ; 
  color: #428bca ;
  font: 1em "DTL Nobel T Light",Arial,sans-serif ;
  line-height: 1em ;
  padding-top:10px;
  text-transform:uppercase;
  padding-bottom:10px;
  text-align: center ;
  text-decoration: none ;
  
}
.navigation li a:focus {
  display: block ; 
  color: #d9bc0a ;
  background:#f8f8f8;
  font: 1em "DTL Nobel T Light",Arial,sans-serif ;
  line-height: 1em ;
  padding-top:10px;
  text-transform:uppercase;
  padding-bottom:10px;
  text-align: center ;
  text-decoration: none ;
  
}
}