@charset "utf-8";

/* ********************************************************************* */
/* CSS FONTS -------------------------------------------------------- OK */
/* ********************************************************************* */
@font-face {
    font-family: 'BebasNeueBold';
     src: url('https://www.by2r.com.br/site/assets/fonts/BebasNeueBold.eot') format('embedded-opentype');
     src: url('https://www.by2r.com.br/site/assets/fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueBold.woff') format('woff'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueBold.ttf') format('truetype'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueBold.svg#levenim') format('svg');
}
@font-face {
    font-family: 'BebasNeueRegular';
     src: url('https://www.by2r.com.br/site/assets/fonts/BebasNeueRegular.eot') format('embedded-opentype');
     src: url('https://www.by2r.com.br/site/assets/fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueRegular.woff') format('woff'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueRegular.ttf') format('truetype'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueRegular.svg#levenim') format('svg');
}
@font-face {
    font-family: 'BebasNeueBook';
     src: url('https://www.by2r.com.br/site/assets/fonts/BebasNeueBook.eot') format('embedded-opentype');
     src: url('https://www.by2r.com.br/site/assets/fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueBook.woff') format('woff'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueBook.ttf') format('truetype'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueBook.svg#levenim') format('svg');
}
@font-face {
    font-family: 'BebasNeueLight';
     src: url('https://www.by2r.com.br/site/assets/fonts/BebasNeueLight.eot') format('embedded-opentype');
     src: url('https://www.by2r.com.br/site/assets/fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueLight.woff') format('woff'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueLight.ttf') format('truetype'),
          url('https://www.by2r.com.br/site/assets/fonts/BebasNeueLight.svg#levenim') format('svg');
}

/* ********************************************************************* */
/* CSS HTML BODY ---------------------------------------------------- OK */
/* ********************************************************************* */
html,body { width:100%; background:#000000; }

/* ********************************************************************* */
/* CSS FORMAT ------------------------------------------------------- OK */
/* ********************************************************************* */
*{ margin:0; padding:0; }

/* ********************************************************************* */
/* CSS CENTER ------------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
.pageWrapper { width:88%; margin:0 auto; } 
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.pageWrapper { width:88%; margin:0 auto; } 		
}
@media screen and (min-width:601px) and  (max-width:1023px) {
.pageWrapper { width:88%; margin:0 auto; } 		
}
@media screen and (max-width:600px) {
.pageWrapper { width:88%; margin:0 auto; } 	
}

/* ********************************************************************* */
/* CSS EFFECTS ------------------------------------------------------ OK */
/* ********************************************************************* */
.transitionEffect { -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out; }

/* ********************************************************************* */
/* CSS MAIN --------------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main { width:100%; float:left; position:relative; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main { width:100%; float:left; position:relative; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main { width:100%; float:left; position:relative; }
}
@media screen and (max-width:600px) {
#main { width:100%; float:left; position:relative; }
}


/* ********************************************************************* */
/* CSS PAGINATE -------------------------------------------------------- */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
.paginate-pagination ul { width:100%; float:left; text-align:center; list-style:none; }
.paginate-pagination ul > li { display:inline-block; margin:0px 4px; }
.paginate-pagination ul > li > a.page               { width:34px; height:34px; display:block; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; cursor:pointer; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out; text-decoration:none; }
.paginate-pagination ul > li > a.page               { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#d8d8d8; text-align:center; line-height:38px; }
.paginate-pagination ul > li > a.page:hover         { color:#ffffff; background:#ff5c3d; border:2px solid #ff5c3d; }
.paginate-pagination ul > li > a.page.active        { color:#ffffff; background:#ff5c3d; border:2px solid #ff5c3d; }
.paginate-pagination ul > li > a.page-next.deactive { color:#ffffff; } 
.paginate-pagination ul > li > a.page-prev.deactive { color:#ffffff; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.paginate-pagination ul { width:100%; float:left; text-align:center; list-style:none; }
.paginate-pagination ul > li { display:inline-block; margin:0px 4px; }
.paginate-pagination ul > li > a.page               { width:34px; height:34px; display:block; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; cursor:pointer; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out; text-decoration:none; }
.paginate-pagination ul > li > a.page               { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#d8d8d8; text-align:center; line-height:38px; }
.paginate-pagination ul > li > a.page:hover         { color:#ffffff; background:#ff5c3d; border:2px solid #ff5c3d; }
.paginate-pagination ul > li > a.page.active        { color:#ffffff; background:#ff5c3d; border:2px solid #ff5c3d; }
.paginate-pagination ul > li > a.page-next.deactive { color:#ffffff; } 
.paginate-pagination ul > li > a.page-prev.deactive { color:#ffffff; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
.paginate-pagination ul { width:100%; float:left; text-align:center; list-style:none; }
.paginate-pagination ul > li { display:inline-block; margin:0px 4px; }
.paginate-pagination ul > li > a.page               { width:34px; height:34px; display:block; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; cursor:pointer; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out; text-decoration:none; }
.paginate-pagination ul > li > a.page               { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#d8d8d8; text-align:center; line-height:38px; }
.paginate-pagination ul > li > a.page:hover         { color:#ffffff; background:#ff5c3d; border:2px solid #ff5c3d; }
.paginate-pagination ul > li > a.page.active        { color:#ffffff; background:#ff5c3d; border:2px solid #ff5c3d; }
.paginate-pagination ul > li > a.page-next.deactive { color:#ffffff; } 
.paginate-pagination ul > li > a.page-prev.deactive { color:#ffffff; }
}
@media screen and (max-width:600px) {
.paginate-pagination ul { width:100%; float:left; text-align:center; list-style:none; }
.paginate-pagination ul > li { display:inline-block; margin:0px 4px; }
.paginate-pagination ul > li > a.page               { width:34px; height:34px; display:block; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; cursor:pointer; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out; text-decoration:none; }
.paginate-pagination ul > li > a.page               { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#d8d8d8; text-align:center; line-height:38px; }
.paginate-pagination ul > li > a.page:hover         { color:#ffffff; background:#ff5c3d; border:2px solid #ff5c3d; }
.paginate-pagination ul > li > a.page.active        { color:#ffffff; background:#ff5c3d; border:2px solid #ff5c3d; }
.paginate-pagination ul > li > a.page-next.deactive { color:#ffffff; } 
.paginate-pagination ul > li > a.page-prev.deactive { color:#ffffff; }
}




/* ********************************************************************* */
/* CSS WHATSAPP ----------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main .whatsapp { width:220px; height:48px; position:fixed; right:8%; bottom:0%; z-index:20; }
#main .whatsapp .whatsapp-01 { width:48px;  height:48px; float:left; display:block; border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; background:#54b254; }
#main .whatsapp .whatsapp-01:hover { width:48px;  height:48px; float:left; display:block; border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; background:#388d38; }
#main .whatsapp .whatsapp-02 { width:172px; height:48px; float:left; display:block; border-radius:0px 4px 0px 0px; -webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 4px 0px 0px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.125em; color:#ffffff; line-height:48px; text-align:center; background:#54b254; text-decoration:none; }
#main .whatsapp .whatsapp-02:hover { width:172px; height:48px; float:left; display:block; border-radius:0px 4px 0px 0px; -webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 4px 0px 0px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.125em; color:#ffffff; line-height:48px; text-align:center; background:#388d38; text-decoration:none; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main .whatsapp { width:220px; height:48px; position:fixed; right:8%; bottom:0%; z-index:20; }
#main .whatsapp .whatsapp-01 { width:48px;  height:48px; float:left; display:block; border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; background:#54b254; }
#main .whatsapp .whatsapp-01:hover { width:48px;  height:48px; float:left; display:block; border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; background:#388d38; }
#main .whatsapp .whatsapp-02 { width:172px; height:48px; float:left; display:block; border-radius:0px 4px 0px 0px; -webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 4px 0px 0px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.125em; color:#ffffff; line-height:48px; text-align:center; background:#54b254; text-decoration:none; }
#main .whatsapp .whatsapp-02:hover { width:172px; height:48px; float:left; display:block; border-radius:0px 4px 0px 0px; -webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 4px 0px 0px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.125em; color:#ffffff; line-height:48px; text-align:center; background:#388d38; text-decoration:none; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main .whatsapp { width:220px; height:48px; position:fixed; right:8%; bottom:0%; z-index:20; }
#main .whatsapp .whatsapp-01 { width:48px;  height:48px; float:left; display:block; border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; background:#54b254; }
#main .whatsapp .whatsapp-01:hover { width:48px;  height:48px; float:left; display:block; border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; background:#388d38; }
#main .whatsapp .whatsapp-02 { width:172px; height:48px; float:left; display:block; border-radius:0px 4px 0px 0px; -webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 4px 0px 0px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.125em; color:#ffffff; line-height:48px; text-align:center; background:#54b254; text-decoration:none; }
#main .whatsapp .whatsapp-02:hover { width:172px; height:48px; float:left; display:block; border-radius:0px 4px 0px 0px; -webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 4px 0px 0px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.125em; color:#ffffff; line-height:48px; text-align:center; background:#388d38; text-decoration:none; }
}
@media screen and (max-width:600px) {
#main .whatsapp { width:88%; height:48px; position:fixed; right:6%; bottom:0%; z-index:20; }
#main .whatsapp .whatsapp-01 { width:48px;  height:48px; float:left; display:block; border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; background:#54b254; }
#main .whatsapp .whatsapp-01:hover { width:48px;  height:48px; float:left; display:block; border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; background:#388d38; }
#main .whatsapp .whatsapp-02 { width:calc(100% - 48px); height:48px; float:left; display:block; border-radius:0px 4px 0px 0px; -webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 4px 0px 0px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.125em; color:#ffffff; line-height:48px; text-align:center; background:#54b254; text-decoration:none; }
#main .whatsapp .whatsapp-02:hover { width:calc(100% - 48px); height:48px; float:left; display:block; border-radius:0px 4px 0px 0px; -webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 4px 0px 0px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.125em; color:#ffffff; line-height:48px; text-align:center; background:#388d38; text-decoration:none; }
}

/* ********************************************************************* */
/* CSS HEADER ------------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main header { width:100%; height:148px; text-align:center; position:absolute; left:0%; top:0%; z-index:9998; }
#main header .brand-header { width:148px; display:inline-block; }
#main header .nav-open  { width:40px; height:40px; position:absolute; right:6%; top:44px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:block; cursor:pointer; }
#main header .nav-open .line-open-01  { width:20px; height:2px; position:absolute; left:10px; top:13px; background:#ff5c3d; }
#main header .nav-open .line-open-02  { width:16px; height:2px; position:absolute; left:10px; top:19px; background:#ffffff; }
#main header .nav-open .line-open-03  { width:12px; height:2px; position:absolute; left:10px; top:25px; background:#ff5c3d; }
#main header .nav-open span   { position:absolute; left:8px; top:48px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; }
#main header .nav-close { width:40px; height:40px; position:absolute; right:6%; top:44px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:none; cursor:pointer;  }
#main header .nav-close .line-open-01 { width:20px; height:2px; position:absolute; left:10px; top:19px; background:#ff5c3d; -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg);  -ms-transform:rotate(45deg);  transform:rotate(45deg);  }
#main header .nav-close .line-open-02 { width:20px; height:2px; position:absolute; left:10px; top:19px; background:#ff5c3d; -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
#main header .nav-close span  { position:absolute; left:4px; top:48px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main header { width:100%; height:148px; text-align:center; position:absolute; left:0%; top:0%; z-index:9998; }
#main header .brand-header { width:148px; display:inline-block; }
#main header .nav-open  { width:40px; height:40px; position:absolute; right:6%; top:44px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:block; cursor:pointer; }
#main header .nav-open .line-open-01  { width:20px; height:2px; position:absolute; left:10px; top:13px; background:#ff5c3d; }
#main header .nav-open .line-open-02  { width:16px; height:2px; position:absolute; left:10px; top:19px; background:#ffffff; }
#main header .nav-open .line-open-03  { width:12px; height:2px; position:absolute; left:10px; top:25px; background:#ff5c3d; }
#main header .nav-open span  { position:absolute; left:8px; top:48px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; }
#main header .nav-close { width:40px; height:40px; position:absolute; right:6%; top:44px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:none; cursor:pointer;  }
#main header .nav-close .line-open-01 { width:20px; height:2px; position:absolute; left:10px; top:19px; background:#ff5c3d; -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg);  -ms-transform:rotate(45deg);  transform:rotate(45deg);  }
#main header .nav-close .line-open-02 { width:20px; height:2px; position:absolute; left:10px; top:19px; background:#ff5c3d; -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
#main header .nav-close span  { position:absolute; left:4px; top:48px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main header { width:100%; height:148px; text-align:center; position:absolute; left:0%; top:0%; z-index:9998; }
#main header .brand-header { width:148px; display:inline-block; }
#main header .nav-open  { width:40px; height:40px; position:absolute; right:6%; top:44px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:block; cursor:pointer; }
#main header .nav-open .line-open-01  { width:20px; height:2px; position:absolute; left:10px; top:13px; background:#ff5c3d; }
#main header .nav-open .line-open-02  { width:16px; height:2px; position:absolute; left:10px; top:19px; background:#ffffff; }
#main header .nav-open .line-open-03  { width:12px; height:2px; position:absolute; left:10px; top:25px; background:#ff5c3d; }
#main header .nav-open span  { position:absolute; left:8px; top:48px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; }
#main header .nav-close { width:40px; height:40px; position:absolute; right:6%; top:44px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:none; cursor:pointer;  }
#main header .nav-close .line-open-01 { width:20px; height:2px; position:absolute; left:10px; top:19px; background:#ff5c3d; -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg);  -ms-transform:rotate(45deg);  transform:rotate(45deg);  }
#main header .nav-close .line-open-02 { width:20px; height:2px; position:absolute; left:10px; top:19px; background:#ff5c3d; -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
#main header .nav-close span  { position:absolute; left:4px; top:48px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; }
}
@media screen and (max-width:600px) {
#main header { width:100%; height:148px; text-align:center; position:absolute; left:0%; top:0%; z-index:9998; }
#main header .brand-header { width:148px; display:inline-block; }
#main header .nav-open  { width:40px; height:40px; position:absolute; right:6%; top:44px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:block; cursor:pointer; }
#main header .nav-open .line-open-01  { width:20px; height:2px; position:absolute; left:10px; top:13px; background:#ff5c3d; }
#main header .nav-open .line-open-02  { width:16px; height:2px; position:absolute; left:10px; top:19px; background:#ffffff; }
#main header .nav-open .line-open-03  { width:12px; height:2px; position:absolute; left:10px; top:25px; background:#ff5c3d; }
#main header .nav-open span  { position:absolute; left:8px; top:48px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; }
#main header .nav-close { width:40px; height:40px; position:absolute; right:6%; top:44px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:none; cursor:pointer;  }
#main header .nav-close .line-open-01 { width:20px; height:2px; position:absolute; left:10px; top:19px; background:#ff5c3d; -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg);  -o-transform:rotate(45deg);  -ms-transform:rotate(45deg);  transform:rotate(45deg);  }
#main header .nav-close .line-open-02 { width:20px; height:2px; position:absolute; left:10px; top:19px; background:#ff5c3d; -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg); }
#main header .nav-close span  { position:absolute; left:4px; top:48px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; }
}

/* ********************************************************************* */
/* CSS FOOTER ------------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main footer { width:100%; float:left; position:relative; text-align:center; padding:4% 0% 0% 0%; }
#main footer .brand-footer { width:148px; display:inline-block; } 
#main footer ul            { width:100%; float:left; display:block; margin:0.8% 0% 0% 0%; list-style:none;   }
#main footer ul li         { width:100%; float:left; display:block; text-align:center; }
#main footer ul li a       { display:inline-block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ffffff; line-height:120%; text-decoration:none; }
#main footer ul li a:hover { display:inline-block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ff5c3d; line-height:120%; text-decoration:none; }
#main footer small         { width:100%; float:left; margin:4% 0% 0% 0%; border-top:1px solid #0f0f0f; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.633em; color:#ffffff; line-height:80px; text-align:center; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main footer { width:100%; float:left; position:relative; text-align:center; padding:4% 0% 0% 0%; }
#main footer .brand-footer { width:148px; display:inline-block; } 
#main footer ul            { width:100%; float:left; display:block; margin:0.8% 0% 0% 0%; list-style:none;   }
#main footer ul li         { width:100%; float:left; display:block; text-align:center; }
#main footer ul li a       { display:inline-block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ffffff; line-height:120%; text-decoration:none; }
#main footer ul li a:hover { display:inline-block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ff5c3d; line-height:120%; text-decoration:none; }
#main footer small         { width:100%; float:left; margin:4% 0% 0% 0%; border-top:1px solid #0f0f0f; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.633em; color:#ffffff; line-height:80px; text-align:center; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main footer { width:100%; float:left; position:relative; text-align:center; padding:4% 0% 0% 0%; }
#main footer .brand-footer { width:148px; display:inline-block; } 
#main footer ul            { width:100%; float:left; display:block; margin:0.8% 0% 0% 0%; list-style:none;   }
#main footer ul li         { width:100%; float:left; display:block; text-align:center; }
#main footer ul li a       { display:inline-block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ffffff; line-height:120%; text-decoration:none; }
#main footer ul li a:hover { display:inline-block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ff5c3d; line-height:120%; text-decoration:none; }
#main footer small         { width:100%; float:left; margin:4% 0% 0% 0%; border-top:1px solid #0f0f0f; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.633em; color:#ffffff; line-height:80px; text-align:center; }
}
@media screen and (max-width:600px) {
#main footer { width:100%; float:left; position:relative; text-align:center; padding:4% 0% 0% 0%; }
#main footer .brand-footer { width:148px; display:inline-block; } 
#main footer ul            { width:100%; float:left; display:block; margin:0.8% 0% 0% 0%; list-style:none;   }
#main footer ul li         { width:100%; float:left; display:block; text-align:center; }
#main footer ul li a       { display:inline-block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ffffff; line-height:120%; text-decoration:none; }
#main footer ul li a:hover { display:inline-block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ff5c3d; line-height:120%; text-decoration:none; }
#main footer small         { width:100%; float:left; margin:4% 0% 0% 0%; border-top:1px solid #0f0f0f; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.633em; color:#ffffff; line-height:80px; text-align:center; }
}

/* ********************************************************************* */
/* CSS NAV MOBILE --------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main .nav { width:100%; height:100vh; display:none; position:absolute; left:0%; top:0%; background:#000000; z-index:9996; }
#main .nav ul                { width:100%; float:left; margin:180px 0px 0px 0px; list-style:none; }
#main .nav ul li             { width:100%; float:left; display:block; padding:24px 0px 12px 0px; border-bottom:1px dashed #2b2b2b; color:#ffffff; text-align:center; }
#main .nav ul li a           { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-decoration:none; }
#main .nav ul li a:hover     { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ff5c3d; text-decoration:none; }
#main .nav ul li a.active    { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ff5c3d; text-decoration:none; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main .nav { width:100%; height:100vh; display:none; position:absolute; left:0%; top:0%; background:#000000; z-index:9996; }
#main .nav ul                { width:100%; float:left; margin:180px 0px 0px 0px; list-style:none; }
#main .nav ul li             { width:100%; float:left; display:block; padding:24px 0px 12px 0px; border-bottom:1px dashed #2b2b2b; color:#ffffff; text-align:center; }
#main .nav ul li a           { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-decoration:none; }
#main .nav ul li a:hover     { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ff5c3d; text-decoration:none; }
#main .nav ul li a.active    { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ff5c3d; text-decoration:none; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main .nav { width:100%; height:100vh; display:none; position:absolute; left:0%; top:0%; background:#000000; z-index:9996; }
#main .nav ul                { width:100%; float:left; margin:180px 0px 0px 0px; list-style:none; }
#main .nav ul li             { width:100%; float:left; display:block; padding:24px 0px 12px 0px; border-bottom:1px dashed #2b2b2b; color:#ffffff; text-align:center; }
#main .nav ul li a           { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-decoration:none; }
#main .nav ul li a:hover     { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ff5c3d; text-decoration:none; }
#main .nav ul li a.active    { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ff5c3d; text-decoration:none; }
}
@media screen and (max-width:600px) {
#main .nav { width:100%; height:100vh; display:none; position:absolute; left:0%; top:0%; background:#000000; z-index:9996; }
#main .nav ul                { width:100%; float:left; margin:180px 0px 0px 0px; list-style:none; }
#main .nav ul li             { width:100%; float:left; display:block; padding:24px 0px 12px 0px; border-bottom:1px dashed #2b2b2b; color:#ffffff; text-align:center; }
#main .nav ul li a           { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-decoration:none; }
#main .nav ul li a:hover     { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ff5c3d; text-decoration:none; }
#main .nav ul li a.active    { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ff5c3d; text-decoration:none; }
}

/* ********************************************************************* */
/* CSS COVER -------------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
.slider, .owl-carousel, .slide { width:100%; height:100%; overflow:hidden; position:relative; }
.slide .text                   { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; width:60%; position:absolute; top:32%; left:20%; z-index:998; }
.slide .text                   { -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s ease-in; -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s; }
.animate .slide .text          { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; top:40%; left:20%; text-align:center; }
.animate .slide .text small    { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.500em; color:#ffffff; line-height:100%; }
.animate .slide .text hr       { width:4%;   float:left; display:block; height:2px;  margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; }
.animate .slide .text h1       { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; line-height:100%; margin-bottom:1.4%; }
.animate .slide .text a        { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0.8% 4% 0.4% 4%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
.animate .slide .text a:hover  { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0.8% 4% 0.4% 4%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
.owl-dots                      { width:100%; position:absolute; left:0%; bottom:8%; z-index:9994; text-align:center; display:block; }
.owl-dots .owl-dot             { width:6px; height:6px; margin:0px 4px 0px 0px; display:inline-block; background:#000000; border:4px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.owl-dots .owl-dot.active      { background:#ff5c3d; }
.owl-next-btn                  { width:38px; height:38px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:6%; top:50%; margin:-21px 0px 0px 0px; background:#000000; cursor:pointer; z-index:9994; }
.owl-prev-btn                  { width:38px; height:38px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:6%;  top:50%; margin:-21px 0px 0px 0px; background:#000000; cursor:pointer; z-index:9994; }
.backgroundSlide001            { background:#000000 url(../img/slider001.jpg)no-repeat center center; background-size:100%; }
.backgroundSlide002            { background:#000000 url(../img/slider002.jpg)no-repeat center center; background-size:100%; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.slider, .owl-carousel, .slide { width:100%; height:100%; overflow:hidden; position:relative; }
.slide .text                   { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; width:60%; position:absolute; top:32%; left:20%; z-index:998; }
.slide .text                   { -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s ease-in; -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s; }
.animate .slide .text          { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; top:40%; left:20%; text-align:center; }
.animate .slide .text small    { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.500em; color:#ffffff; line-height:100%; }
.animate .slide .text hr       { width:4%;   float:left; display:block; height:2px;  margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; }
.animate .slide .text h1       { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; line-height:100%; margin-bottom:1.4%; }
.animate .slide .text a        { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0.8% 4% 0.4% 4%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
.animate .slide .text a:hover  { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0.8% 4% 0.4% 4%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
.owl-dots                      { width:100%; position:absolute; left:0%; bottom:8%; z-index:9994; text-align:center; display:block; }
.owl-dots .owl-dot             { width:6px; height:6px; margin:0px 4px 0px 0px; display:inline-block; background:#000000; border:4px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.owl-dots .owl-dot.active      { background:#ff5c3d; }
.owl-next-btn                  { width:38px; height:38px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:6%; top:50%; margin:-21px 0px 0px 0px; background:#000000; cursor:pointer; z-index:9994; }
.owl-prev-btn                  { width:38px; height:38px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:6%;  top:50%; margin:-21px 0px 0px 0px; background:#000000; cursor:pointer; z-index:9994; }
.backgroundSlide001            { background:#000000 url(../img/slider001.jpg)no-repeat center center; background-size:100%; }
.backgroundSlide002            { background:#000000 url(../img/slider002.jpg)no-repeat center center; background-size:100%; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
.slider, .owl-carousel, .slide { width:100%; height:100%; overflow:hidden; position:relative; }
.slide .text                   { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; width:60%; position:absolute; top:32%; left:20%; z-index:998; }
.slide .text                   { -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s ease-in; -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s; }
.animate .slide .text          { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; top:40%; left:20%; text-align:center; }
.animate .slide .text small    { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.500em; color:#ffffff; line-height:100%; }
.animate .slide .text hr       { width:4%;   float:left; display:block; height:2px;  margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; }
.animate .slide .text h1       { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; line-height:100%; margin-bottom:1.4%; }
.animate .slide .text a        { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0.8% 4% 0.4% 4%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
.animate .slide .text a:hover  { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0.8% 4% 0.4% 4%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
.owl-dots                      { width:100%; position:absolute; left:0%; bottom:8%; z-index:9994; text-align:center; display:block; }
.owl-dots .owl-dot             { width:6px; height:6px; margin:0px 4px 0px 0px; display:inline-block; background:#000000; border:4px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.owl-dots .owl-dot.active      { background:#ff5c3d; }
.owl-next-btn                  { width:38px; height:38px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:6%; top:50%; margin:-21px 0px 0px 0px; background:#000000; cursor:pointer; z-index:9994; }
.owl-prev-btn                  { width:38px; height:38px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:6%;  top:50%; margin:-21px 0px 0px 0px; background:#000000; cursor:pointer; z-index:9994; }
.backgroundSlide001            { background:#000000 url(../img/slider001.jpg)no-repeat center center; background-size:auto 100%; }
.backgroundSlide002            { background:#000000 url(../img/slider002.jpg)no-repeat center center; background-size:auto 100%; }
}
@media screen and (max-width:600px) {
.slider, .owl-carousel, .slide { width:100%; height:100%; overflow:hidden; position:relative; }
.slide .text                   { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden; width:60%; position:absolute; top:32%; left:20%; z-index:998; }
.slide .text                   { -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s ease-in; -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s; }
.animate .slide .text          { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; visibility:visible; top:40%; left:20%; text-align:center; }
.animate .slide .text small    { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.500em; color:#ffffff; line-height:100%; }
.animate .slide .text hr       { width:4%;   float:left; display:block; height:2px;  margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; }
.animate .slide .text h1       { width:100%; float:left; display:block; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:3.000em; color:#ffffff; line-height:100%; margin-bottom:1.4%; }
.animate .slide .text a        { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0.8% 4% 0.4% 4%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
.animate .slide .text a:hover  { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0.8% 4% 0.4% 4%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
.owl-dots                      { width:100%; position:absolute; left:0%; bottom:8%; z-index:9994; text-align:center; display:block; }
.owl-dots .owl-dot             { width:6px; height:6px; margin:0px 4px 0px 0px; display:inline-block; background:#000000; border:4px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }
.owl-dots .owl-dot.active      { background:#ff5c3d; }
.owl-next-btn                  { width:38px; height:38px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:6%; top:50%; margin:-21px 0px 0px 0px; background:#000000; cursor:pointer; z-index:9994; }
.owl-prev-btn                  { width:38px; height:38px; border:2px solid #ffffff; border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:6%;  top:50%; margin:-21px 0px 0px 0px; background:#000000; cursor:pointer; z-index:9994; }
.backgroundSlide001            { background:#000000 url(../img/slider001.jpg)no-repeat center center; background-size:auto 100%; }
.backgroundSlide002            { background:#000000 url(../img/slider002.jpg)no-repeat center center; background-size:auto 100%; }
}

/* ********************************************************************* */
/* CSS CALL --------------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main #call { width:100%; float:left; position:relative; padding:200px 0px 80px 0px; background:url(../img/bg.jpg)no-repeat top center; background-size:48%; }
#main #call h1               { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #call h2               { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #call hr               { width:4%; height:2px; float:left; margin:8px 48% 8px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #call p                { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.875em; color:#ffffff; text-align:center; max-width:48%; margin:0% 26% 0% 26%; line-height:120%; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main #call { width:100%; float:left; position:relative; padding:200px 0px 80px 0px; background:url(../img/bg.jpg)no-repeat top center; background-size:48%; }
#main #call h1               { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #call h2               { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #call hr               { width:4%; height:2px; float:left; margin:8px 48% 8px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #call p                { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.875em; color:#ffffff; text-align:center; max-width:48%; margin:0% 26% 0% 26%; line-height:120%; }     
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main #call { width:100%; float:left; position:relative; padding:200px 0px 80px 0px; background:url(../img/bg.jpg)no-repeat top center; background-size:auto 100%; }
#main #call h1               { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #call h2               { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #call hr               { width:4%; height:2px; float:left; margin:8px 48% 8px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #call p                { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.875em; color:#ffffff; text-align:center; max-width:48%; margin:0% 26% 0% 26%; line-height:120%; }      
}
@media screen and (max-width:600px) {
#main #call { width:100%; float:left; position:relative; padding:200px 0px 80px 0px; background:url(../img/bg.jpg)no-repeat top center; background-size:auto 100%; }
#main #call h1               { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:3.500em; color:#ffffff; text-align:center; z-index:8; }
#main #call h2               { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.000em; color:#ffffff; text-align:center; z-index:8; }
#main #call hr               { width:4%; height:2px; float:left; margin:8px 48% 8px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #call p                { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; text-align:center; margin:0% 4% 0% 4%; line-height:120%; }    
}

/* ********************************************************************* */
/* CSS CONTENT ------------------------------------------------------ OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main #content { padding:0px 0px 0px 0px; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main #content { padding:0px 0px 0px 0px; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main #content { padding:0px 0px 0px 0px; }
}
@media screen and (max-width:600px) {
#main #content { padding:0px 0px 0px 0px; }
}


/* ********************************************************************* */
/* CSS HOME --------------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main #content.home { width:100%; float:left; padding:4% 0% 0% 0%; }
#main #content.home h1                                    { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #content.home h2                                    { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #content.home hr                                    { width:4%; height:2px; float:left; margin:8px 48% 0px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.home .cars-structure                       { width:100%; gap:2%; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:2% 0% 8% 0% }
#main #content.home .cars-structure > div                 { width:32%;  display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; text-align:center; padding:2% 2% 2.8% 2%; background:#0f0f0f; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.home .cars-structure > div h1              { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div hr              { width:4%;   height:2px; float:left; margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.home .cars-structure > div small           { width:100%; float:left; font-family:'BebasNeueRegular', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div strong          { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.500em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div span            { width:100%; float:left; display:block; margin:4% 0% 4% 0%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.home .cars-structure > div a               { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
#main #content.home .cars-structure > div a:hover         { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
#main #content.home .marquee                              { width:100%; float:left; overflow:hidden;  margin:2% 0% 0% 0%; }
#main #content.home .marquee-content                      { display:flex; animation:scrolling 24s linear infinite; -webkit-animation:scrolling 24s linear infinite; -moz-animation:scrolling 24s linear infinite; -o-animation:scrolling 24s linear infinite; -ms-transition:scrolling 24s linear infinite; }
#main #content.home .marquee-item                         { flex:0 0 10vw; margin:0 1vw; }
#main #content.home .marquee-item img                     { width:100%; display:block; }
@-webkit-keyframes swing{
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}

@-moz-keyframes swing{
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}

@-o-keyframes swing {
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}

@-ms-keyframes swing {
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}
@keyframes scrolling {
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main #content.home { width:100%; float:left; padding:4% 0% 0% 0%; }
#main #content.home h1                                    { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #content.home h2                                    { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #content.home hr                                    { width:4%; height:2px; float:left; margin:8px 48% 0px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.home .cars-structure                       { width:100%; gap:2%; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:2% 0% 8% 0% }
#main #content.home .cars-structure > div                 { width:32%;  display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; text-align:center; padding:2% 2% 2.8% 2%; background:#0f0f0f; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.home .cars-structure > div h1              { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div hr              { width:4%;   height:2px; float:left; margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.home .cars-structure > div small           { width:100%; float:left; font-family:'BebasNeueRegular', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div strong          { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.500em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div span            { width:100%; float:left; display:block; margin:4% 0% 4% 0%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.home .cars-structure > div a               { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
#main #content.home .cars-structure > div a:hover         { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
#main #content.home .marquee                              { width:100%; float:left; overflow:hidden;  margin:2% 0% 0% 0%; }
#main #content.home .marquee-content                      { display:flex; animation:scrolling 20s linear infinite; -webkit-animation:scrolling 20s linear infinite; -moz-animation:scrolling 20s linear infinite; -o-animation:scrolling 20s linear infinite; -ms-transition:scrolling 20s linear infinite; }
#main #content.home .marquee-item                         { flex:0 0 10vw; margin:0 1vw; }
#main #content.home .marquee-item img                     { width:100%; display:block; }
@-webkit-keyframes swing{
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}

@-moz-keyframes swing{
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}

@-o-keyframes swing {
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}

@-ms-keyframes swing {
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}
@keyframes scrolling {
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main #content.home { width:100%; float:left; padding:4% 0% 0% 0%; }
#main #content.home h1                                    { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #content.home h2                                    { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #content.home hr                                    { width:4%; height:2px; float:left; margin:8px 48% 0px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.home .cars-structure                       { width:100%; gap:2%; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:4% 0% 4% 0% }
#main #content.home .cars-structure > div                 { width:32%;  display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; text-align:center; padding:2% 2% 2.8% 2%; background:#0f0f0f; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.home .cars-structure > div h1              { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div hr              { width:4%;   height:2px; float:left; margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.home .cars-structure > div small           { width:100%; float:left; font-family:'BebasNeueRegular', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div strong          { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.500em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div span            { width:100%; float:left; display:block; margin:4% 0% 4% 0%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.home .cars-structure > div a               { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
#main #content.home .cars-structure > div a:hover         { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
#main #content.home .marquee                              { width:100%; float:left; overflow:hidden;  margin:2% 0% 0% 0%; }
#main #content.home .marquee-content                      { display:flex; animation:scrolling 20s linear infinite; -webkit-animation:scrolling 20s linear infinite; -moz-animation:scrolling 20s linear infinite; -o-animation:scrolling 20s linear infinite; -ms-transition:scrolling 20s linear infinite; }
#main #content.home .marquee-item                         { flex:0 0 10vw; margin:0 1vw; }
#main #content.home .marquee-item img                     { width:100%; display:block; }
@-webkit-keyframes swing{
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}

@-moz-keyframes swing{
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}

@-o-keyframes swing {
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}

@-ms-keyframes swing {
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}
@keyframes scrolling {
0%   { transform: translateX(0);      }
100% { transform: translatex(-144vw); }
}
}
@media screen and (max-width:600px) {
#main #content.home { width:100%; float:left; padding:4% 0% 0% 0%; }
#main #content.home h1                                    { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #content.home h2                                    { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #content.home hr                                    { width:4%; height:2px; float:left; margin:8px 48% 0px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.home .cars-structure                       { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:8% 0% 8% 0% }
#main #content.home .cars-structure > div                 { width:100%; display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; text-align:center; margin:0% 0% 2% 0%; padding:20px 2% 40px 2%; background:#0f0f0f; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.home .cars-structure > div h1              { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div hr              { width:4%;   height:2px; float:left; margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.home .cars-structure > div small           { width:100%; float:left; font-family:'BebasNeueRegular', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div strong          { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.500em; color:#ffffff; text-align:center; }
#main #content.home .cars-structure > div span            { width:100%; float:left; display:block; margin:4% 0% 4% 0%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.home .cars-structure > div a               { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
#main #content.home .cars-structure > div a:hover         { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
#main #content.home .marquee          { width:100%; float:left; overflow:hidden; margin:4% 0% 0% 0%; }
#main #content.home .marquee-content  { display:flex; animation:scrolling 20s linear infinite; -webkit-animation:scrolling 20s linear infinite; -moz-animation:scrolling 20s linear infinite; -o-animation:scrolling 20s linear infinite; -ms-transition:scrolling 20s linear infinite; }
#main #content.home .marquee-item     { flex:0 0 24vw; margin:0 1vw; }
#main #content.home .marquee-item img { width:100%; display:block; }
@-webkit-keyframes swing{
0%   { transform: translateX(0);      }
100% { transform: translatex(-312vw); }
}

@-moz-keyframes swing{
0%   { transform: translateX(0);      }
100% { transform: translatex(-312vw); }
}

@-o-keyframes swing {
0%   { transform: translateX(0);      }
100% { transform: translatex(-312vw); }
}

@-ms-keyframes swing {
0%   { transform: translateX(0);      }
100% { transform: translatex(-312vw); }
}
@keyframes scrolling {
0%   { transform: translateX(0);      }
100% { transform: translatex(-312vw); }
}
}

/* ********************************************************************* */
/* CSS CARS --------------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main #content.cars { width:100%; float:left; }
#main #content.cars .cars-structure                       { width:100%; gap:20px 16px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:2% 0% 4% 0%; }
#main #content.cars .cars-structure > div                 { width:28%;  display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; text-align:center; padding:2% 2% 2.8% 2%; background:#0f0f0f; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.cars .cars-structure > div h1              { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div hr              { width:4%;   height:2px; float:left; margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.cars .cars-structure > div small           { width:100%; float:left; font-family:'BebasNeueRegular', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div strong          { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.500em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div span            { width:100%; float:left; display:block; margin:4% 0% 4% 0%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.cars .cars-structure > div a               { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
#main #content.cars .cars-structure > div a:hover         { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main #content.cars { width:100%; float:left; }
#main #content.cars .cars-structure                       { width:100%; gap:20px 16px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:2% 0% 4% 0%; }
#main #content.cars .cars-structure > div                 { width:28%;  display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; text-align:center; padding:2% 2% 2.8% 2%; background:#0f0f0f; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.cars .cars-structure > div h1              { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div hr              { width:4%;   height:2px; float:left; margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.cars .cars-structure > div small           { width:100%; float:left; font-family:'BebasNeueRegular', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div strong          { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.500em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div span            { width:100%; float:left; display:block; margin:4% 0% 4% 0%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.cars .cars-structure > div a               { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
#main #content.cars .cars-structure > div a:hover         { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main #content.cars { width:100%; float:left; }
#main #content.cars .cars-structure                       { width:100%; gap:20px 12px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:2% 0% 4% 0%; }
#main #content.cars .cars-structure > div                 { width:44%;  display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; text-align:center; padding:2% 2% 2.8% 2%; background:#0f0f0f; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.cars .cars-structure > div h1              { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div hr              { width:4%;   height:2px; float:left; margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.cars .cars-structure > div small           { width:100%; float:left; font-family:'BebasNeueRegular', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div strong          { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.500em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div span            { width:100%; float:left; display:block; margin:4% 0% 4% 0%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.cars .cars-structure > div a               { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
#main #content.cars .cars-structure > div a:hover         { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
}
@media screen and (max-width:600px) {
#main #content.cars { width:100%; float:left; }
#main #content.cars .cars-structure                       { width:100%; gap:12px 0px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:2% 0% 4% 0%; }
#main #content.cars .cars-structure > div                 { width:100%; display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; text-align:center; margin:0% 0% 2% 0%; padding:20px 2% 40px 2%; background:#0f0f0f; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.cars .cars-structure > div h1              { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div hr              { width:4%;   height:2px; float:left; margin:4px 48% 4px 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.cars .cars-structure > div small           { width:100%; float:left; font-family:'BebasNeueRegular', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div strong          { width:100%; float:left; font-family:'BebasNeueBold', sans-serif;    font-style:normal; font-size:1.500em; color:#ffffff; text-align:center; }
#main #content.cars .cars-structure > div span            { width:100%; float:left; display:block; margin:4% 0% 4% 0%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.cars .cars-structure > div a               { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ffffff; line-height:120%; text-decoration:none; }
#main #content.cars .cars-structure > div a:hover         { display:inline-block; border:1px solid #ffffff; border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:2% 8% 2% 8%; margin:4% 0% 0% 0%; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.000em; color:#ff5c3d; line-height:120%; text-decoration:none; }
}


/* ********************************************************************* */
/* CSS CAR ---------------------------------------------------------- OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main #content.car  { width:100%; float:left; }
#main #content.car h1                                         { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #content.car h2                                         { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #content.car hr                                         { width:4%; height:2px; float:left; margin:8px 48% 2% 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.car .car-structure                             { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:0% 0% 4% 0%; }
#main #content.car .car-structure > div                       { width:80%; position:relative;  display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; padding:0% 2% 0% 2%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.car .car-structure > div p                     { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.688em; color:#ffffff; text-align:left; line-height:120%; }      
#main #content.car .car-structure > div ul                    { width:100%; float:left; list-style:none; }
#main #content.car .car-structure > div ul li                 { width:44%;  float:left; padding:0% 2%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#0f0f0f; margin-bottom:0.8%; margin-right:-100%; }
#main #content.car .car-structure > div ul li span            { width:40px; Height:40px; float:left; display:block; margin:0px 8px 0px 0px; }
#main #content.car .car-structure > div ul li small           { width:calc(100% - 48px); float:left; display:block; margin:8px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.688em; color:#ffffff; line-height:120%; }
#main #content.car .car-structure > div ul li strong          { width:calc(100% - 48px); float:left; display:block; margin:0px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:700; font-style:normal; font-size:0.688em; color:#ffffff; line-height:120%; }
#main #content.car .car-structure > div ul li:nth-child(2n+1) { margin-left:0%;  clear:both; }
#main #content.car .car-structure > div ul li:nth-child(2n+2) { margin-left:52%; clear:none; }
#main #content.car .car-structure > div .cycle-prev           { width:38px; height:38px; background:#000000; border:2px solid #ff5c3d; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:-48px;  top:36%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-prev:hover     { width:38px; height:38px; background:#000000; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:-48px;  top:36%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-next           { width:38px; height:38px; background:#000000; border:2px solid #ff5c3d; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:-48px; top:36%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-next:hover     { width:38px; height:38px; background:#000000; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:-48px; top:36%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-slideshow      { width:100%; float:left; margin:0% 0% 0% 0%; z-index:6; }
#main #content.car .car-structure > div .cycle-slideshow img  { width:100%; float:left; border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#main #content.car .car-structure > div .cycle-pager          { width:100%; gap:2px 2px; display:flex;  flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; }
#main #content.car .car-structure > div .cycle-pager img      { width:8.8%; display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto;  margin:8px 0px 0px 0px; border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor:pointer; }
#main #content.car .car-structure > div .whatsapp-car         { width:100%; float:left; padding:2.4% 0%; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; background:#24af3a; text-decoration:none; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main #content.car  { width:100%; float:left; }
#main #content.car h1                                         { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #content.car h2                                         { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #content.car hr                                         { width:4%; height:2px; float:left; margin:8px 48% 2% 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.car .car-structure                             { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:0% 0% 4% 0%; }
#main #content.car .car-structure > div                       { width:80%; position:relative;  display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; padding:0% 2% 0% 2%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.car .car-structure > div p                     { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.688em; color:#ffffff; text-align:left; line-height:120%; }      
#main #content.car .car-structure > div ul                    { width:100%; float:left; list-style:none; }
#main #content.car .car-structure > div ul li                 { width:44%;  float:left; padding:0% 2%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#0f0f0f; margin-bottom:0.8%; margin-right:-100%; }
#main #content.car .car-structure > div ul li span            { width:40px; Height:40px; float:left; display:block; margin:0px 8px 0px 0px; }
#main #content.car .car-structure > div ul li small           { width:calc(100% - 48px); float:left; display:block; margin:8px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.688em; color:#ffffff; line-height:120%; }
#main #content.car .car-structure > div ul li strong          { width:calc(100% - 48px); float:left; display:block; margin:0px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:700; font-style:normal; font-size:0.688em; color:#ffffff; line-height:120%; }
#main #content.car .car-structure > div ul li:nth-child(2n+1) { margin-left:0%;  clear:both; }
#main #content.car .car-structure > div ul li:nth-child(2n+2) { margin-left:52%; clear:none; }
#main #content.car .car-structure > div .cycle-prev           { width:38px; height:38px; background:#000000; border:2px solid #ff5c3d; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:-48px;  top:40%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-prev:hover     { width:38px; height:38px; background:#000000; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:-48px;  top:40%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-next           { width:38px; height:38px; background:#000000; border:2px solid #ff5c3d; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:-48px; top:40%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-next:hover     { width:38px; height:38px; background:#000000; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:-48px; top:40%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-slideshow      { width:100%; float:left; margin:0% 0% 0% 0%; z-index:6; }
#main #content.car .car-structure > div .cycle-slideshow img  { width:100%; float:left; border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#main #content.car .car-structure > div .cycle-pager          { width:100%; gap:2px 2px; display:flex;  flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; }
#main #content.car .car-structure > div .cycle-pager img      { width:8.8%; display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto;  margin:8px 0px 0px 0px; border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor:pointer; }
#main #content.car .car-structure > div .whatsapp-car         { width:100%; float:left; padding:2.4% 0%; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; background:#24af3a; text-decoration:none; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main #content.car  { width:100%; float:left; }
#main #content.car h1                                         { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #content.car h2                                         { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #content.car hr                                         { width:4%; height:2px; float:left; margin:8px 48% 2% 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.car .car-structure                             { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:0% 0% 4% 0%; }
#main #content.car .car-structure > div                       { width:80%;  position:relative; display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; padding:0% 2% 0% 2%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.car .car-structure > div p                     { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.688em; color:#ffffff; text-align:left; line-height:120%; }      
#main #content.car .car-structure > div ul                    { width:100%; float:left; list-style:none; }
#main #content.car .car-structure > div ul li                 { width:44%;  float:left; padding:0% 2%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#0f0f0f; margin-bottom:0.8%; margin-right:-100%; }
#main #content.car .car-structure > div ul li span            { width:40px; Height:40px; float:left; display:block; }
#main #content.car .car-structure > div ul li small           { width:calc(100% - 40px); float:left; display:block; margin:8px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.688em; color:#ffffff; line-height:120%; }
#main #content.car .car-structure > div ul li strong          { width:calc(100% - 40px); float:left; display:block; margin:0px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:700; font-style:normal; font-size:0.688em; color:#ffffff; line-height:120%; }
#main #content.car .car-structure > div ul li:nth-child(2n+1) { margin-left:0%;  clear:both; }
#main #content.car .car-structure > div ul li:nth-child(2n+2) { margin-left:52%; clear:none; }
#main #content.car .car-structure > div .cycle-prev           { width:38px; height:38px; background:#000000; border:2px solid #ff5c3d; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:-48px;  top:40%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-prev:hover     { width:38px; height:38px; background:#000000; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:-48px;  top:40%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-next           { width:38px; height:38px; background:#000000; border:2px solid #ff5c3d; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:-48px; top:40%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-next:hover     { width:38px; height:38px; background:#000000; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:-48px; top:40%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-slideshow      { width:100%; float:left; margin:0% 0% 0% 0%; z-index:6; }
#main #content.car .car-structure > div .cycle-slideshow img  { width:100%; float:left; border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#main #content.car .car-structure > div .cycle-pager          { width:100%; gap:2px 2px; display:flex;  flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; }
#main #content.car .car-structure > div .cycle-pager img      { width:8.8%; display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto;  margin:8px 0px 0px 0px; border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor:pointer; }
#main #content.car .car-structure > div .whatsapp-car         { width:100%; float:left; padding:2.4% 0%; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; background:#24af3a; text-decoration:none; }
}
@media screen and (max-width:600px) {
#main #content.car  { width:100%; float:left; }
#main #content.car h1                                         { font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:4.000em; color:#ffffff; text-align:center; z-index:8; }
#main #content.car h2                                         { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:1.125em; color:#ffffff; text-align:center; z-index:8; }
#main #content.car hr                                         { width:4%; height:2px; float:left; margin:8px 48% 8% 48%; border:none; border-radius:40px; -moz-border-radius:40px; border-radius:40px; background:#ff5c3d; z-index:8; }
#main #content.car .car-structure                             { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; margin:0% 0% 4% 0%; }
#main #content.car .car-structure > div                       { width:80%; position:relative; display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto; padding:0% 0% 0% 0%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#main #content.car .car-structure > div p                     { font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.688em; color:#ffffff; text-align:left; line-height:120%; }      
#main #content.car .car-structure > div ul                    { width:100%; float:left; list-style:none; }
#main #content.car .car-structure > div ul li                 { width:96%;  float:left; padding:0% 2%; border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#0f0f0f; margin-bottom:0.8%; margin-right:-100%; }
#main #content.car .car-structure > div ul li span            { width:40px; Height:40px; float:left; display:block; }
#main #content.car .car-structure > div ul li small           { width:calc(100% - 40px); float:left; display:block; margin:8px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.688em; color:#ffffff; line-height:120%; }
#main #content.car .car-structure > div ul li strong          { width:calc(100% - 40px); float:left; display:block; margin:0px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:700; font-style:normal; font-size:0.688em; color:#ffffff; line-height:120%; }
#main #content.car .car-structure > div ul li:nth-child(1n+1) { margin-left:0%;  clear:both; }
#main #content.car .car-structure > div .cycle-prev           { width:38px; height:38px; background:#000000; border:2px solid #ff5c3d; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:-48px;  top:32%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-prev:hover     { width:38px; height:38px; background:#000000; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; left:-48px;  top:32%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-next           { width:38px; height:38px; background:#000000; border:2px solid #ff5c3d; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:-48px; top:32%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-next:hover     { width:38px; height:38px; background:#000000; border:2px solid #ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; right:-48px; top:32%; text-align:center; text-decoration:none; z-index:9; }
#main #content.car .car-structure > div .cycle-slideshow      { width:100%; float:left; margin:0% 0% 0% 0%; z-index:6; }
#main #content.car .car-structure > div .cycle-slideshow img  { width:100%; float:left; border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#main #content.car .car-structure > div .cycle-pager          { width:100%; gap:1px 1px; display:flex;  flex-direction:row; flex-wrap:wrap; justify-content:space-around; align-items:stretch; align-content:stretch; }
#main #content.car .car-structure > div .cycle-pager img      { width:17%;  display:block; flex-grow:0; flex-shrink:1; flex-basis:auto; align-self:auto;  margin:8px 0px 0px 0px; border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor:pointer; }
#main #content.car .car-structure > div .whatsapp-car         { width:100%; float:left; padding:4% 0%; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:1.250em; color:#ffffff; text-align:center; background:#24af3a; text-decoration:none; }
}


/* ********************************************************************* */
/* CSS CONTACT ------------------------------------------------------ OK */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
#main #content.contact  { width:100%; float:left; }
#main #content.contact form                                  { width:48%; float:left; margin:0% 26% 0% 26%; position:relative; }
#main #content.contact form label                            { width:100%;  float:left; position:relative; margin-bottom:2%; }
#main #content.contact form label small                      { width:100%; float:left; display:block; margin:0px 0px 4px 0px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.000em; color:#ffffff; }
#main #content.contact form label span                       { width:100%; float:left; display:block; margin:4px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:700; font-style:normal; font-size:0.500em; color:#db241c; }
#main #content.contact form label input[type="text"]         { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label input[type="mail"]         { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label input[type="phone"]        { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label textarea                   { width:calc(100% - 2px); height:88px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; resize:none; }
#main #content.contact form label input[type="submit"]       { width:100%; height:60px; float:left; position:relative; border:2px solid #ff5c3d; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.125em; color:#ffffff; background:#ff5c3d; cursor:pointer; text-indent:8px; }
#main #content.contact form label input[type="submit"]:hover { width:100%; height:60px; float:left; position:relative; border:2px solid #ff5c3d; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.125em; color:#ffffff; background:#0f0f0f; cursor:pointer; text-indent:8px; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
#main #content.contact  { width:100%; float:left; }
#main #content.contact form                                  { width:48%; float:left; margin:0% 26% 0% 26%; position:relative; }
#main #content.contact form label                            { width:100%;  float:left; position:relative; margin-bottom:2%; }
#main #content.contact form label small                      { width:100%; float:left; display:block; margin:0px 0px 4px 0px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.000em; color:#ffffff; }
#main #content.contact form label span                       { width:100%; float:left; display:block; margin:4px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:700; font-style:normal; font-size:0.500em; color:#db241c; }
#main #content.contact form label input[type="text"]         { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label input[type="mail"]         { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label input[type="phone"]        { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label textarea                   { width:calc(100% - 2px); height:88px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; resize:none; }
#main #content.contact form label input[type="submit"]       { width:100%; height:60px; float:left; position:relative; border:2px solid #ff5c3d; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.125em; color:#ffffff; background:#ff5c3d; cursor:pointer; text-indent:8px; }
#main #content.contact form label input[type="submit"]:hover { width:100%; height:60px; float:left; position:relative; border:2px solid #ff5c3d; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.125em; color:#ffffff; background:#0f0f0f; cursor:pointer; text-indent:8px; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
#main #content.contact  { width:100%; float:left; }
#main #content.contact form                                  { width:48%; float:left; margin:0% 26% 0% 26%; position:relative; }
#main #content.contact form label                            { width:100%;  float:left; position:relative; margin-bottom:2%; }
#main #content.contact form label small                      { width:100%; float:left; display:block; margin:0px 0px 4px 0px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.000em; color:#ffffff; }
#main #content.contact form label span                       { width:100%; float:left; display:block; margin:4px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:700; font-style:normal; font-size:0.500em; color:#db241c; }
#main #content.contact form label input[type="text"]         { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label input[type="mail"]         { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label input[type="phone"]        { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label textarea                   { width:calc(100% - 2px); height:88px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; resize:none; }
#main #content.contact form label input[type="submit"]       { width:100%; height:60px; float:left; position:relative; border:2px solid #ff5c3d; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.125em; color:#ffffff; background:#ff5c3d; cursor:pointer; text-indent:8px; }
#main #content.contact form label input[type="submit"]:hover { width:100%; height:60px; float:left; position:relative; border:2px solid #ff5c3d; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.125em; color:#ffffff; background:#0f0f0f; cursor:pointer; text-indent:8px; }
}
@media screen and (max-width:600px) {
#main #content.contact  { width:100%; float:left; }
#main #content.contact form                                  { width:100%; float:left; margin:0% 0% 0% 0%; position:relative; }
#main #content.contact form label                            { width:100%;  float:left; position:relative; margin-bottom:2%; }
#main #content.contact form label small                      { width:100%; float:left; display:block; margin:0px 0px 4px 0px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.000em; color:#ffffff; }
#main #content.contact form label span                       { width:100%; float:left; display:block; margin:4px 0px 0px 0px; font-family:"Poppins", sans-serif; font-weight:700; font-style:normal; font-size:0.500em; color:#db241c; }
#main #content.contact form label input[type="text"]         { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label input[type="mail"]         { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label input[type="phone"]        { width:calc(100% - 2px); height:48px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; }
#main #content.contact form label textarea                   { width:calc(100% - 2px); height:88px; float:left; position:relative; border:1px solid #0f0f0f; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:"Poppins", sans-serif; font-weight:400; font-style:normal; font-size:0.750em; color:#ffffff; background:#0f0f0f; text-indent:8px; resize:none; }
#main #content.contact form label input[type="submit"]       { width:100%; height:60px; float:left; position:relative; border:2px solid #ff5c3d; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.125em; color:#ffffff; background:#ff5c3d; cursor:pointer; text-indent:8px; }
#main #content.contact form label input[type="submit"]:hover { width:100%; height:60px; float:left; position:relative; border:2px solid #ff5c3d; border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:'BebasNeueBold', sans-serif;  font-style:normal; font-size:1.125em; color:#ffffff; background:#0f0f0f; cursor:pointer; text-indent:8px; }
}




/* PREFIXED CSS */
.dropdown, .dropdown div, .dropdown li, .dropdown  div::after { -webkit-transition:all 150ms ease-in-out; -moz-transition:all 150ms ease-in-out; -ms-transition:all 150ms ease-in-out; transition:all 150ms ease-in-out; }
.dropdown .selected::after, .dropdown.scrollable div::after   { -webkit-pointer-events:none; -moz-pointer-events:none; -ms-pointer-events:none; pointer-events:none; }

/* WRAPPER */
.dropdown       { width:160px; position:relative; border:1px solid #0f0f0f; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; cursor:pointer; background:#0f0f0f; -webkit-user-select:none; -moz-user-select:none; user-select:none; }
.dropdown.open  { z-index:2; }

/* CARAT */
.dropdown .carat          { position:absolute; right:12px; top:50%; margin-top:-4px; border:4px solid transparent; border-top:6px solid #ff5c3d; }
.dropdown.open .carat     { margin-top:-10px; border-top:4px solid transparent; border-bottom:6px solid #ff5c3d; }
.dropdown.disabled .carat { border-top-color:#ff5c3d; }

/* OLD SELECT (HIDDEN) */
.dropdown .old            { width:0; height:0; position:absolute; left:0; top:0; overflow: hidden; }
.dropdown select          { position:absolute; left:0px; top:0px; }
.dropdown.touch .old      { width:100%; height:100%; }
.dropdown.touch select    { width:100%; height:100%; opacity:0; }

/* SELECTED FEEDBACK ITEM */ 
.dropdown .selected, .dropdown li { display:block; padding:9px 12px; overflow:hidden; white-space:nowrap; font-family:'BebasNeueBold', sans-serif; font-style:normal; font-size:0.813em; color:#ffffff; text-align:left; line-height:1; }

.dropdown.disabled .selected{
	color: #0f0f0f;
}

.dropdown .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 60px;	
	border-radius: 0 2px 2px 0;
	box-shadow: inset -55px 0 25px -20px #0f0f0f;
}

/* DROP DOWN WRAPPER */

.dropdown div{
	position: absolute;
	height: 0;
	left: -1px;
	right: -1px;
	top: 100%;
	margin-top: -1px;
	background: #0f0f0f;
	border: 1px solid #0f0f0f;
	border-top: 1px solid #0f0f0f;
	border-radius: 0 0 3px 3px;
	overflow: hidden;
	opacity: 0;
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	
	box-shadow: inset 0 -50px 30px -35px #ffffff;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */
.dropdown ul{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; list-style:none; }
.dropdown.scrollable.open ul { overflow-y:auto; }
.dropdown li{ padding:4px 12px; list-style:none; }
.dropdown li.focus{ position:relative; color:#0f0f0f; background:#ff5c3d; z-index:3; }