/******* MAIN CSS ***/

body {
	font-family:'Open Sans', sans-serif;background-color:#fff;padding-bottom:0px;color:#555;
-webkit-font-smoothing: subpixel-antialiased;
}

a, a:hover, a:active, a:focus {outline:0;}
section {padding:50px 0;width:100%;position:relative;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:'Roboto', 'Open Sans', sans-serif;font-weight:300;}



h2 {color:#111;font-size:46px;font-weight:100;margin-top:10px;}
h3 {color:#000;font-weight:500;font-size: 28px;}

p {
font-weight: 400;
color: #555;
line-height: 1.7em;
color: #333;line-height: 1.6em;
font-weight:300;color: #111;
font-size: 16px;
}

body#index, body.landing {background:#fff;}






#outils {
    height:auto; 
    margin:0 auto;
    padding:20px 0 0 0;

color:#fff;
background:#516A7D;
}

#outils h1 { margin-top:0px;margin-bottom:50px;color:#fff;}
#outils .well {border:0;box-shadow:none;}
#outils h2.tc {color:#fff;}

#outils a.extinfo {color:#fff;font-weight:400;text-decoration:underline;}

/*** A VOIR NOHOME ***/
#nohome {margin:0 auto;color:#fff;background:#283E56;display:none;}
#nohome .well {border:0;box-shadow:none;}
#nohome h2, #nohome h3 {color:#fff;}
#nohome p {color:#fff;}
/*** A VOIR NOHOME ***/


#surmesure { height:auto; margin:0 auto;width:100%;position:relative;padding:40px 0;background:#fff;}

#surmesure.notviewport {/* background:#eee; */}



#surmesure h2 {color:#111;margin-bottom:40px;text-transform:uppercase;}
#homeh2 {color:#333; }
#surmesure h2 .orangeade, #homeh2 .orangeade {color:#EF5837;text-shadow:1px 1px 8px #fff;} #homeh2 .bleuade {color:#ADC7CF;color:#64B0C3;text-shadow:1px 1px 8px #fff;}
#surmesure h2.tc {color:#888;display:none;}

#homeh2 span {-webkit-transition: all 2s ease-out;-o-transition: all 2s ease-out;-moz-transition: all 2s ease-out;transition: all 2s ease-out;
}


#coloindex #homeh2 {color:#888;margin-bottom:40px;text-transform:uppercase;width: 80%;text-align:center;
font-size: 46px;
font-weight: 100;
margin:10px auto 40px auto;
}


#surmesure h3, #surmesure h3 a {color:#fff;text-decoration:none;color:#111;font-size: 24px;}


#surmesure .fa {margin-top:20px;color:#fff;/* border-radius:100%;border:0px solid;*/width:80%;height:100px;line-height:100px;
-webkit-transition:-webkit-transform .2s ease-in, color 0.2s ease 0s, opacity .4s ease-in .4s;
-moz-transition:moz-transform 0.2s ease 0s, color 0.2s ease 0s, opacity 1s ease-in;
transition:transform 0.2s ease 0s, color 0.2s ease 0s, opacity 1s ease-in;
background:url("//gartempe.com/static/GTMP-hexa.svg") no-repeat scroll center center / auto 100% rgba(0, 0, 0, 0);
opacity:1;
}



#surmesure.notviewport .fa {
opacity:0;
}

#surmesure .secondrow .fa {color:#fff;}

#surmesure div.sitetype {border:0px dotted #fff;}
#surmesure div.sitetype p {color:#fff;color:#555;font-size: 14px;
line-height: 1.4;
font-weight: 400;}
#surmesure div.sitetype:hover {cursor:pointer;border-radius:5px;border:0px dotted #EF5837;background:#f9f9f9;}
#surmesure div.sitetype:hover p {color:#000;}
#surmesure div.sitetype:hover .fa {/* color:#033546;color:#04556F; */
-webkit-transform:scale(1.30);
-moz-transform:scale(1.30);
transform:scale(1.30);
/* background:#f7f7f7; */
background-color:#ADC7CF;background-size:auto 90%;border-radius:5px;
}

/*
.panel {opacity:1;-webkit-transform:scale(1);
-webkit-transition:-webkit-transform 1s ease-in, opacity 2s ease-in;
}
.notviewport .panel {opacity:0;-webkit-transform:scale(0);}
*/


#surmesure div.sitetype:hover h3 a {color:#eee;color:#EF5837;color:#000;color:#EF5837;
/*-webkit-transform:scale(1.00);
-moz-transform:scale(1.0);
transform:scale(1.00);*/
display:block;
}

#servicefirst {
    margin:0 auto;
    width:100%;
    position:relative;
background-color:#fff;z-index:12;

}



#contactfirst {    background-color:#fff;    margin:0 auto;     position:relative;    width:100%;}

H4 strong {color:#111;}

#contactfirst p.contactmore {color:#111;}


#ttc, #ttc h2 {color:#111111;font-size:46px;font-weight:200;line-height:1.1em;font-family:'Roboto', 'Open Sans', sans-serif;}
#ttc h2 {margin:0px;}
#ttc span {display:block;color:#555;}



#references, #referencesuite {height:auto; margin-top:0px; padding:60px 0;background:#fff;  z-index: 12;}
#referencesuite {background:#F5F5F5;}






#head {
background:#283E56 url("images/marquee-stars_g6tempnettoie_1_svgedit_blanc.svg") repeat scroll 0 0;background-size:cover;
    color:#FFFFFF;
    height:auto;
    margin:0 auto;
    padding:100px 0 40px;
    position:relative;
    width:100%;
}

#services #head {background-attachment: fixed;background-size: 4000px auto; }


#services #head h1 {color:#111;color: #fff;}
#services #head h2 {color:#fff;font-weight:500;}


#mini-site #head {}
#site-vitrine #head {}
#boutique-ecommerce #head {}
#integration-site-interface #head {}
#realisations #head {background-size: auto;
	-webkit-animation: slide 52s linear infinite;
	-moz-animation: slide 52s linear infinite;
	animation: slide 52s linear infinite;
}

@-webkit-keyframes slide {    0%   {background-position: 0 0;}     100% {background-position: -840px 0;}}​

@-moz-keyframes slide {    0%   {background-position: 0 0;}    100% {background-position: -840px 0;}}

@keyframes slide {    0%   {background-position: 0 0;}    100% {background-position: -840px 0;}}


#contact #head {
	/* background:url("images/marquee-stars_g6tempnettoie_1_svgedit_blanc.svg") repeat scroll 0 0 / auto 1030px  #283E56;*/
background:url(//gartempe.com/static/marquee-stars_g6tempnettoie_1_svgedit_blanc.svg),linear-gradient(30deg,#283E56,#EF5837);
}


#head.references {background-position:0 center;background-size: auto 500px;}

#site-vitrine #head::before {
  content:"";
background:url("images/marquee-stars_g6tempnettoie_1_svgedit_blanc.svg") repeat scroll 0 bottom / auto 500px transparent;
  opacity:0.5;
  top:0;
  left:0;
  bottom:0;
  right:0;
  position:absolute;
-webkit-animation: slide 52s linear infinite;
       -moz-animation: slide 52s linear infinite;
            animation: slide 52s linear infinite;
}
@-webkit-keyframes slidedown
{
    0%   {background-position: 90% 0;opacity:0;}
    25%   {background-position: 90% 250px;opacity:0.3;}
    50% {background-position: 90% 500px;opacity:1;}
    100% {background-position: 90% 1000px;opacity:0;}
}​

@-moz-keyframes slidedown
{
    0%   {background-position: 90% 0;}
    100% {background-position: 90% 1000px;}
}

@keyframes slidedown
{
    0%   {background-position: 90% 0;}
    100% {background-position: 90% 1000px;}
}

.media {margin-bottom:20px;}



#message .lead {font-family:'Roboto', 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;color:#f5f5f5;}




#surmesure h4 {font-weight:600;color:#111;}







#dalog {
    background:none repeat scroll 0 0 transparent;
    height:207px;
    left:50%;
    opacity:1; 
    position:absolute;
    top:-177px;
    -webkit-transform:translate(-195px, 0);
    transform:translate(-195px, 0);
    width:390px;
z-index:20;
}







/*    @media (max-width:767px) { .navbar-inverse em {font-size:12px;} } */




.carouseltitle {font-size:38px;line-height:1em;font-size:46px;font-weight:400;text-shadow:none;color:#fff;text-transform:uppercase;
color:#111;color:#fff;
font-family:'Roboto', 'Open Sans', "Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2)
}

.carousel-caption {background:transparent;}
.carousel-control {background:transparent;border-radius:0;border:0;}

.carousel-indicators {opacity:0.6;bottom:10px;}

 .carousel-fade .carousel-inner .item {
  opacity:0;
-webkit-transition-property:opacity;
  -moz-transition-property:opacity;
  -o-transition-property:opacity;
  transition-property:opacity;
  -webkit-transform:translate3d(0,0,0);
}
.carousel-fade .carousel-inner .active {
  opacity:1;
}


.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left:0;
  opacity:0;
  z-index:1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity:1;
}



.item, .item:nth-child(1), .item:nth-child(2), .item:nth-child(3) {background:transparent;}





#accueil {padding-bottom:0px;background:transparent;position:absolute;top:0;width:100%;height:100%;
 
 /*   -webkit-transition:background-color 400ms ease-in-out;
     -moz-transition:background-color 400ms ease-in-out;
     -o-transition:background-color 400ms ease-in-out;
     -ms-transition:background-color 400ms ease-in-out;
     transition:background-color 400ms ease-in-out;
     */
}


    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin-bottom:0px;z-index:10;
    }

    .carousel .container {
      position:relative;
      z-index:9;
    }

    .carousel-control {
      margin-top:0;
      font-size:120px;
      text-shadow:0 1px 1px rgba(0,0,0,.4);
      background-color:transparent;
      border:0;
      z-index:10;
    }

    .carousel .item {
      height:300px;height:260px;height:190px;height:auto;margin-bottom:40px;
    }


    .carousel-caption {
      background-color:transparent;
      position:static;
      padding:0 20px;
      margin-top:120px;
      margin-top:150px;
    }






.ctform {z-index:1000;postion:relative;
    border:0px solid #F5F5F5;box-shadow:0;background:#fff;padding:19px 0;box-shadow:none;}

.envoi {border-radius:4px;padding:50px 20px;background:#eee;margin-bottom:100px;font-family:'Roboto','Open Sans', sans-serif;font-weight: 400;font-size: 18px;}
.envoi i {color:#ADC7CF;margin-bottom:5px;}

#mssgfrm {background:#B30406;padding:40px 0;}

.msgh {font-size:36px;font-weight:300;line-height:1.1;padding:80px 0;color:#066B8B;}





    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width:979px) {



      .carousel .item {
        height:180px;height:auto;
      }



    }


    @media (max-width:767px) {



      .carousel {
        margin-left:-20px;
        margin-right:-20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height:180px;height:auto;
      }

      .carousel-caption {

      }


.ctform {margin-top:0px;}



    }




h2.tc {text-align:center;}

body.services h2.tc {font-size:38px;text-align:center;}



h1 small {font-size:18px;}



#contacttext blockquote {color:#111;padding:0;border:none;}
#contacttext .cupa {font-size:1.6em;font-weight:400;font-family:'Roboto', 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;}
#contacttext .cupa .numa {}
#contacttext .cupa em {font-style:normal;color:#888;}

#message h1, #top {font-size:52px;line-height:60px;font-weight:300;}

#contact #message h1 {color:#fff;margin-top:0;}


body.services #message h1 {color:#B30406;color:#fff;}






footer {background:transparent;padding:5px 0;font-size:12px;font-weight:400;
}

body.ref footer {background:#033546;}

/*
footer .container {opacity:1;}
footer .container.bottom {opacity:1;}
*/

/* --- SECTIONS STYLING ---- */
.firstsection h2 {margin-top:10px;}

#mentions {background-color:#FFFFFF;margin:0 auto;padding:40px 0 0;position:relative;width:100%;color:#111;font-weight:300;}
#mentions h2 {color:#111111;}
#mentions h3 {color:#111111;}

#submention {background-color:#283E56;margin:0 auto;padding:40px 0;position:relative;width:100%;color:#fff;margin-top:40px;}
#submention h3 {color:#fff;}
#submention p {font-weight:300;color:#fff;}

#credits {background:#eee;}
#credits h2 {color:#B30406;}

#introcarou {padding:0;background:#BDBDBD url(://gartempe.com/static/homeheaderbg_mini.jpg) center -30px scroll;/*background:#AEC7CF;*/
background:#283e56 url(//gartempe.com/static/homebanner.jpg) center -30px scroll;
background-size: cover;
background:url("images/marquee-stars_g6tempnettoie_1_svgedit_blanc.svg") repeat scroll 0 0 / cover  #283e56;
background:url("images/marquee-stars_g6tempnettoie_1_svgedit_blanc.svg") no-repeat scroll 0 180px / cover  #283e56;
background-size: 3000px auto;
}
#introcarou.boot {/* background-color:#fff;  background-position:0 220px;*/}

#introcarou #accueil {transition: background-color 0.5s ease;}
#introcarou.boot #accueil {background-color:rgba(40, 62, 86, 0.6); /* background-color:rgba(231, 128, 90, 0.5); */
background-coloro: #283e56;}

/* --- END SECTIONS STYLING ---- */

footer a {color:#555;}

.modal-backdrop, .modal-backdrop.fade.in {opacity:0.8;}
.modal-backdrop {background:#fff;}



.featurette-heading {margin-top:0;font-weight:200;letter-spacing:0;line-height:1;margin-top:0;font-size:36px;color:#033546;}
.featurette-heading a {color:#111;text-decoration:none;}
.featurette.client {padding:0;}


.featurette-heading .fa {color:#EF5837;color:#EF5837;}

.featured {padding-top:40px;padding-bottom:40px;background:#fff;}


.featured strong {font-weight:500;}



.featurette p.lead {color:#111;}

.referenceslist {margin-bottom:10px;}
.referenceslist h2 {margin:10px 0;}
.referenceslist p {font-size:12px;font-weight: 400;}

p.reftitle, span.reftitle {
	font-family:'Roboto', sans-serif;font-weight:500;margin:5px 0 0;font-size:16px;line-height:1em;color:#111;padding:5px 0;display:block;}


.referenceslist .customer {display:block;color:#555;}
.referenceslist .customer em {color:#555;font-style:normal;}

.customer {font-size:1em;}
.lead.customer {font-size:1em;margin-bottom: 10px;}


.customerurl {font-size: 1.3em;padding-left: 0.5em;}
.customerurl a {color: #EF5837;font-weight: 400 !important;}
.customerurl a:hover {color: #fff;}
.customerurl i.fa {color: #EF5837;}

.prolingua strong {font-weight:normal;}

.modal-dialog {width:800px;}
.modal-body {padding:0px;}
.modal-content {border-left:0;border-right:0;}

.referenceslist .thumbnail {cursor:pointer;}

#coloindex {margin-bottom:0px;}
#coloindex h3 {text-decoration:none;font-weight:500;margin-top:0;font-size:24px;line-height:1em;color:#111;letter-spacing:0;}
#coloindex #homeh2:after { content:""; 
  height:1px;
  background:-o-linear-gradient(left, #FFFFFF 0%,#EF5837 50%,#FFFFFF 100%); 
  background:-ms-linear-gradient(left, #FFFFFF 0%,#EF5837 50%,#FFFFFF 100%); 
  background:-moz-linear-gradient(left, #FFFFFF 0%,#EF5837 50%,#FFFFFF 100%); 
background:-webkit-linear-gradient(left, #FFFFFF 0%,#EF5837 50%,#FFFFFF 100%); 
background:linear-gradient(left, #FFFFFF 0%,#EF5837 50%,#FFFFFF 100%);
  width:100%;margin-top:5px; margin-bottom:0px;
  display:block;}
#coloindex #homeh2:after {margin-top:60px;opacity:.3;}


#coloindex i {color:#1C7CA2;line-height:1em;color:#111;}
#coloindex p {color:#111;text-align:justify;font-weight:300;-webkit-font-smoothing:antialiased;}
#coloindex p a {color:#000;font-weight:400;}

#threeparty {padding-top:60px;padding-bottom:0px;background:#FFF;min-height:310px;z-index:11;background-color:rgba(255,255,255,.9);}





a {color:#000;}
a:hover {color:#000;}

.label-primary {background-color:#2A6496;}
.label-inverse {background-color:#111;}

#contactform label {font-weight:400;display:block;color:#111;text-transform:uppercase;margin-bottom:0;display: none;}
#contactform div.required label {color:#EF5837;}

#contactform label.error em {font-style:normal;font-weight:600;color:#000;margin-left:10px;text-transform: initial;display:inline-block;padding:2px 10px;color:#fff;background: #EF5837;border-radius: 5px 5px 0 0;float:right;}
#contactform label.error em i {olor:#fff;}

#contactform button.btn-primary {text-transform:uppercase;font-size: 18px;}


.btn-primary {width:100%;background-color:#ADC7CF;border-color:#ADC7CF;}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-color:#EF5837;border-color:#EF5837;}



.muted {color:#B30406;}

.list-group-item {background-color:transparent;background-color:rgba(255, 255, 255, 0.3);}
a.list-group-item:hover, a.list-group-item:focus {background-color:#fff;}
.list-group-item-heading {font-weight:600;}
.list-group-item-text {font-weight:300;}


body.services div.row .label {
    border-radius:0;
    color:#000;
    display:inline;
    font-size:1em;
    font-weight:normal;
    line-height:1;
    padding:0;
    text-align:left;
    vertical-align:baseline;
    white-space:nowrap;
background:transparent !important;
}

body#services p {text-align:justify;}

#dasec ul {padding-left: 20px;}
#dasec ul li {  font-weight: 400;  color: #555;  line-height: 1.7em;  color: #333;  line-height: 1.6em;  font-weight: 300;  color: #111;  font-size: 16px;}

.fa {font-style:normal !important;}
i {font-style:normal !important;}



.label .fa-2x {font-weight:normal;}

#outils h3 {font-size:22px;}



body.ref .carousel-indicators .active {background:#0680C0;}
body.ref .carousel-indicators li {border:1px solid #0680C0;margin-left:4px;}


body.ref .modal-dialog {width:900px;}

body.ref .modal-header {display:none;}
body.ref .modal-content {border-radius:0;}
body.ref .modal-footer {font-size:12px;margin-top:0;}
body.ref .closebutton {font-size:12px;}

body.ref .modal-dialog {
    padding-bottom:20px;
    padding-top:20px;
}




/* .reflink {color:#888;} */
.referenceslist .reflink {display:block;color:#EF5837;}
.client:hover .reflink {color:#111;}
.custtext {color:#888;display:none;}


.client {padding:10px;background:transparent;/* -moz-transition:all 0.2s ease 0.2s;-webkit-transition: box-shadow .4s ease-in-out 0s; */
}
.subclient {background:#fff;}
.subclient p {padding:5px;margin:0;}

/*
#references .client:hover, #referencesuite .client:hover 
*/
.referenceslist .client:hover {z-index:200;color:#fff;background:#283E56;background:#ADC7CF;
background: url("images/marquee-stars_g6tempnettoie_1_svgedit_blanc.svg") repeat fixed 0 0 #ADC7CF;background-sizeoo: cover;
-webkit-animation: slide 52s linear infinite;
-moz-animation: slide 52s linear infinite;
animation: slide 52s linear infinite;

box-shadow: 0 0 10px rgba(103,118,123,.3);

}






.client:hover .custtext {color:#fff;}



#references .client:hover span.reftitle,
#references .client:hover .customer,
#referencesuite .client:hover span.reftitle,
#referencesuite .client:hover .customer {color:#111;}


#references .client, #referencesuite .client {margin-bottom:10px;}




a.checkiut {font-weight:200;color:#EF5837;font-size:38px;border-radius:5px;}
a.checkiut strong {font-weight:200;color:#fff;}
a.checkiut:hover {text-decoration:none;}
a.checkiut:hover strong{color:#888;}




.form-control {border-color:#f5f5f5;color:#555;background:#E2EBEE;box-shadow:none;background:#F3F7F8;font-size:18px;font-weight:500;
  background: transparent;
border:none;border-radius: 0;
border-bottom:2px dotted rgba(180, 180, 180, 0.3);
padding-left: 0;font-family: 'Roboto', 'Open Sans', sans-serif;
-webkit-transition:all 0.2s ease-in;
}

div.error .form-control {border-bottom:2px solid #EF5837;}

.form-control:focus {border-color:#95b0c1;background:#fff;border-bottom-style: solid;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(255,255,255,0.075),0 0 8px rgba(221,76,2,0.6);box-shadow:none;
background: #ADC7CF;background: rgba(173,199,207,.1);
padding-left: 12px;}

.form-control:-moz-placeholder  {color:#555;font-weight: 400;}
.form-control::-moz-placeholder  {color:#555;font-weight: 400;}
.form-control:-ms-input-placeholder  {color:#000;font-weight: 400;}
.form-control::-webkit-input-placeholder {color:#ADC7CF;color:#000;font-weight:300;text-transformo: uppercase;}

.form-control:focus::-webkit-input-placeholder {color:#555;text-transform: uppercase;}

div.error .form-control::-webkit-input-placeholder {color:#EF5837;}



#credits h4 {color:#111;}
#credits h4 p {color:#888 !important;}





    @media (max-width:991px) { .navbar-inverse em {font-size:12px;} .carouseltitle {font-size:28px;} #coloindex figure {font-size:52px;} #coloindex h2 {font-size:22px;} }

   @media (max-width:767px) { #mainmenu {float:none !important;background:#fff;} #mainmenu li a {text-align:center;} .featurette-heading {margin-top:20px;}
.item, .item:nth-child(1), .item:nth-child(2), .item:nth-child(3) {background-color:#0680C0;background:transparent;)} #coloindex h2 {font-size:30px;}

	} 






.thumbnail {border-radius:0;padding:0;border:0;}


#contact footer {background:#eee;}

#message {position:relative;}


nav.btn-group {position:absolute;right:10px;bottom:10px;}
nav.btn-group .nav > li > a {padding:2px 10px;}

.btn-nav {
    background-color:#033546;
    border-color:#033546;
    color:#FFFFFF;
}

#subnavpresta > li.active > a, #subnavpresta > li.active > a:hover, #subnavpresta > li.active > a:focus {
color:#FFFFFF;background-color:#033546;background-color:#111;background-color:#EF5837;
}

#subnavpresta > li > a:hover, #subnavpresta > li > a:focus {
    background-color:#04556F;background-color:#95B0C1;
    color:#FFFFFF;
}
#subnavpresta > li {margin:0;}
#subnavpresta > li + li {margin-left:0;}
#subnavpresta > li.first {font-weight:700;}
#subnavpresta > li.first a .fa {color:#EF5837;}

.btn-nav:hover,.btn-nav:focus,.btn-nav:active,.btn-nav.active,.open .dropdown-toggle.btn-nav{color:#fff;background-color:#3276b1;border-color:#3276b1;}

#subnavpresta {margin-right:15px;margin-top:10px;margin-right:0;}
#subnavpresta > li > a {padding:5px 10px;color:#fff;font-size:12px;border-radius:5px 5px 0 0;border-radius:0 0 5px 5px;}

#dasec {background:#f7f7f7;}
#dapanel .panel-heading {background:#EF5837;}
#dapanel .panel-heading h3 {color:#fff;font-weight:300;}

#head.sites, #head.references {}
#head.references {background: #283E56;padding-bottom:0px;}



.referencebreak {background:#033546;padding:50px 0 40px 0;margin-bottom: 50px;}
.referencebreak p {color:#FFFFFF;font-size:50px;font-weight:200;text-align:center;line-height:1.1;font-family:'Roboto','Open Sans', sans-serif;}

.referenceprojetso {padding:0;background:#fff;}


.referenceprojets {}





svg.flag {height:20px;vertical-align:initial;}

#output {
  position:absolute;
  height:100%;
  width:100%;
}


#homeinfo {background-color: #283E56; color: #fff;background:#EF5837;}

#contactform #nom:before {
    content: "";
    font-family: 'FontAwesome';
    left: 8px;
}
#contactform #nom :before {
    font-size: 20px;
    left: 10px;
    position: absolute;
    top: 10px;
}

#homeinfocontact, #CommonUsesdeux {background:#F5EFD7;
/*background:url("images/marquee-stars_g6tempnettoie_1_svgedit_blanc.svg") repeat scroll 0 0 #283E56;*/
background:url("images/marquee-stars_g6tempnettoie_1_svgedit_blanc.svg") no-repeat scroll 0 -180px / cover  #283e56;
background-size: cover;
color:#fff;
}

#homeinfocontact.boot {
  -ms-animation: slide 52s linear infinite;
  -webkit-animation: slide 52s linear infinite;
  -moz-animation: slide 52s linear infinite;
  -o-animation: slide 52s linear infinite;
  -webkit-animation: slide 52s linear infinite;
}


#homeinfocontact h3, #homeinfo h3 {color:#fff;font-size: 46px;font-weight: 100;}
#homeinfocontact p, #homeinfo p {color:#fff;font-weight: 400;}


.homepagelink {
	font-size:24px;font-weight:400;color: #888;line-height:28px;

margin-top: 10px;
background: #ADC7CF;
background: linear-gradient(to bottom, #ADC7CF 0%, #89c1c0 100%) repeat scroll 0 0 #ADC7CF;
background: rgba(0,0,0,.4);
padding: 15px 2em;
border-radius: 8px;color: #C96B48;color: #fff;
display: inline-block;
/* box-shadow: 1px 1px 4px rgba(0,0,0,.13); */
//    -webkit-transition:all 0.3s ease-in;
    -moz-transition:all 0.3s ease-in;
    -o-transition:all 0.3s ease-in;
//    transition:all 0.3s ease-in;
-webkit-transition:color 0.4s ease-in, font-size 0.2s, background-position 0.4s ease-in, -webkit-transform 2s;
-webkit-transition:all 0.4s ease-in;

}
#references .homepagelink {margin-top: 0;color: #fff}
#homeinfocontact .homepagelink {color:#283E56;color: #fff; }
#homeinfocontact .homepagelink:hover {color:#fff; }


.homepagelink:hover {background-position:right center;text-decoration:none;color:#fff;/* font-size:28px; */
padding:15px 20px;
/*-webkit-transform:scale(1.4);*/
}




.referenceslist img.thumbnail {
-webkit-transition: opacity 2s ease-in;
  transition: opacity 1s ease-in;
}

@media (min-width:768px) {#references img.thumbnail{width:100%;}}


#CommonUsesdeux p, body#services #CommonUsesdeux p {font-size:32px;font-weight:300;text-align:center;line-height:1.1;color:#fff;}
#CommonUsesdeux {padding:60px 0; background-size: auto 500px;}
body#services #CommonUsesdeux {background: #283E56;}
#CommonUsesdeux p a { color:#EF5837;}

#draftimage {opacity:1;
-webkit-transition: opacity 2s ease-in;
-moz-transition: opacity 2s ease-in;

  transition: opacity 2s ease-in;
}
.notviewport #draftimage {opacity:0;}




.referenceslist a.clientref {position:relative;display:block;}
.referenceslist a.clientref:before {content:"+";
position: absolute;
font-size: 42px;width: 60px;height: 50px;line-height: 50px;display: block;text-align: center;color: #fff;font-weight:400;
left: 50%;top: 50%;margin-left: -25px;margin-top: -25px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
z-index: 2;
-webkit-transform: scale(0);
-moz-transform: scale(0);
transform: scale(0);
background: url("//gartempe.com/static/GTMP-hexa.svg") no-repeat scroll center center / auto 100% rgba(0, 0, 0, 0);//background:red;
opacity: 0;
display: block;
-webkit-transition: opacity .4s ease-in, -webkit-transform .4s ease-in;
transition: opacity .4s ease-in, transform .4s ease-in;

}
.referenceslist .client:hover a.clientref:before {
opacity: 0.9;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}

@media (min-width: 1600px) {.container {width: 1470px;}}

@media (min-width: 1340px) {.container {max-width: 1280px;width:1280px;}}


#anim {opacity: .6;opacity:1;overflow:hidden;}

#mectrics {background-color: #283E56;
  background-image: url("images/optimized-site-average.png");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto 100%;

padding:0 0 72px 0;
display:none;
}

#mectrics h2, #mectrics p {color:#fff;}

section.alt, div.alt {background:#eee;color:#111;}
section.altorange, .referencebreak.altorange {background:#EF5837;color:#fff;}

@media (min-width: 768px) {
  .lead {font-size: 22px;}
#message .lead {font-size: 28px;}
}


#browser {
margin: 0 auto;
min-height: 320px;max-width:1000px;width: 100%;
border-radius: 8px;
/*  url(http://static.gartempe.com/browser2.png) no-repeat 50% 0;
background-size: 100%;
padding-top: 8%;
*/
background: #ADC7CF;
color: #d3d3d3;

background: #fff;
border: 1px solid #EBEBEB;
}

.client #browser {border: 0;}

#browserhead {
/* height: 10px; */
background: #ADC7CF url(//gartempe.com/static/browser2.png) no-repeat 50% 0;
background: #EBEBEB;
padding-top: 8%; padding: 10px 10px 10px 10px;
border-radius: 8px 8px 0 0;
background-size: 100%;
}
#featuredone #browserhead {/* background: rgba(0,0,0,.4); */   padding:1% 10px 1% 10px;}
#browserhead .fa {margin-right:8px;color:#aaa;}
#featuredone #browserhead .fa {color:#ccc;}
#browserhead .fared, #browserhead .fablue, #browserhead .fagreen {float:right;margin-right:0;margin-left:5px;margin-top: 3px;}
#browserhead .fared {color:#ed5d48;} #browserhead .fablue {color:#268BD2;color:#ADC7CF;} 
span.browsernavbar {background: #fff;border-radius: 8px;margin-left:5px;width:60%;display: inline-block;}

.browserbox, .browserbox2, .browserbox5 {float: left;padding: 3.5em;width: 33.3%;font-size: 0.7em;line-height: 1.5;}
.browserbox2 {width: 66.66%;}
.browserbox5 {width: 50%;}

#featuredone span.browsernavbar {padding-left: 8px;}
#featuredone #browser {min-height:inherit;}
#featuredone {padding-bottom: 0px;}
#featuredone #browser .fa-globe {color: #ed5d48;}
#featuredone #browser img {width:100%;}

#browser .tabsl {
	display: block;
	margin-bottom: 0.5em;
	padding: 0.2em;
	border-radius: 5px;
	background: rgba(0,0,0,.2);
	color: #fff;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 5em;
	font-family: 'feather';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



#featuredone {background:#283E56;background: #283E56 url("images/marquee-stars_g6tempnettoie_1_svgedit_blanc.svg") no-repeat scroll -150% 0;
background-size: cover;}
#featuredone h1 {color:#fff;font-weight:200;font-size: 46px;margin-top: 0;}
#featuredone .featurette p.lead, #featuredone .featurette-heading a {color:#fff;}
#featuredone .featurette p.lead a  {color:#EF5837;font-weight: 600;}
#head.references {padding-top:50px;}

#homefoursplit {padding:0;display: none;}
#homefoursplit .row div {padding:40px 0;}

.spinner {height:161px;width:252px;position:absolute;bottom:0;left:50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, 0%);
  transition: background-color 1s ease;
  -webkit-transition: background-color 1s ease;
z-index:10;
background-color:#E8E8EA;
}
.spinner svg {position: absolute;opacity: 0.7;}
#introcarou.boot .spinner {background-color:#283e56;}



/******************* SVG HEXAGON **************************/

#svg-1, #svg {
  width: 133.92857px;
  height: 139.28571px;
  top: 10.71429px;left:60.71429px;
  -webkit-animation: rotate3 18s infinite linear;-moz-animation: rotate3 18s infinite linear;-o-animation: rotate3 18s infinite linear;animation: rotate3 18s infinite linear;
}


#svg-2 {
  width: 117.85714px;
  height: 128.57143px;
  top: 21.42857px;left: 31.42857px;
  -webkit-animation: rotate2 18s infinite linear;-moz-animation: rotate2 18s infinite linear;-o-animation: rotate2 18s infinite linear;animation: rotate2 18s infinite linear;
}


#svg-3 {
  width: 101.78571px;
  height: 117.85714px;
  top: 62.14286px;left: 72.14286px;
  -webkit-animation: rotate1 28s infinite linear;-moz-animation: rotate1 28s infinite linear;-o-animation: rotate1 28s infinite linear;animation: rotate1 28s infinite linear;
}

#svg-4 {
  width: 95.71429px;
  height: 107.14286px;
  top: 42.85714px;left: 42.85714px;
  -webkit-animation: rotate4 68s infinite linear;-moz-animation: rotate4 68s infinite linear;-o-animation: rotate4 68s infinite linear;animation: rotate4 68s infinite linear;
}

#svg-5 {
//  width: 69.64286px;
//  height: 96.42857px;
  top: 53.57143px;left: 33.57143px;
  -webkit-animation: rotate5 48s infinite linear;-moz-animation: rotate5 48s infinite linear;-o-animation: rotate5 48s infinite linear;animation: rotate5 48s infinite linear;
}

#svg-6 {
//  width: 53.57143px;
//  height: 85.71429px;
  top: 14.28571px;left: -64.28571px;
  -webkit-animation: rotate6 68s infinite linear;-moz-animation: rotate6 68s infinite linear;-o-animation: rotate6 68s infinite linear;animation: rotate6 68s infinite linear;
}



@-webkit-keyframes rotate1 {
  0% {-webkit-transform: rotate(0deg) scale(1) translateY(-15px);  }
  50% {-webkit-transform: rotate(180deg) scale(0.4) translateY(15px);  }
  100% {-webkit-transform: rotate(720deg) scale(1) translateY(-15px);  }
}
@-moz-keyframes rotate1 {
  0% {-moz-transform: rotate(0deg) scale(1) translateY(-15px);  }
  50% {-moz-transform: rotate(180deg) scale(0.4) translateY(15px);  }
  100% {-moz-transform: rotate(720deg) scale(1) translateY(-15px);  }
}
@-o-keyframes rotate1 {
  0% {-o-transform: rotate(0deg) scale(1) translateY(-15px);  }
  50% {-o-transform: rotate(180deg) scale(0.4) translateY(15px);  }
  100% {-o-transform: rotate(720deg) scale(1) translateY(-15px);  }
}
@keyframes rotate1 {
  0% {transform: rotate(0deg) scale(1) translateY(-15px);  }
  50% {transform: rotate(180deg) scale(0.4) translateY(15px);  }
  100% {transform: rotate(720deg) scale(1) translateY(-15px);  }
}


@-webkit-keyframes rotate2 {
  0% {-webkit-transform: rotate(0deg) scale(1) translateY(-45px);  }
  50% {-webkit-transform: rotate(360deg) scale(0.8) translateY(45px);  }
  100% {-webkit-transform: rotate(1440deg) scale(1) translateY(-45px);  }
}
@-moz-keyframes rotate2 {
  0% {-moz-transform: rotate(0deg) scale(1) translateY(-45px);  }
  50% {-moz-transform: rotate(360deg) scale(0.8) translateY(45px);  }
  100% {-moz-transform: rotate(1440deg) scale(1) translateY(-45px);  }
}
@-o-keyframes rotate2 {
  0% {-o-transform: rotate(0deg) scale(1) translateY(-45px);  }
  50% {-o-transform: rotate(360deg) scale(0.8) translateY(45px);  }
  100% {-o-transform: rotate(1440deg) scale(1) translateY(-45px);  }
}
@keyframes rotate2 {
  0% {transform: rotate(0deg) scale(1) translateY(-45px);  }
  50% {transform: rotate(360deg) scale(0.8) translateY(45px);  }
  100% {transform: rotate(1440deg) scale(1) translateY(-45px);  }
}



@-webkit-keyframes rotate3 {
  0% {-webkit-transform: rotate(0deg) scale(1) translateY(-75px);  }
  50% {-webkit-transform: rotate(540deg) scale(1.2) translateY(75px);  }
  100% {-webkit-transform: rotate(2160deg) scale(1) translateY(-75px);  }
}
@-moz-keyframes rotate3 {
  0% {-moz-transform: rotate(0deg) scale(1) translateY(-75px);  }
  50% {-moz-transform: rotate(540deg) scale(1.2) translateY(75px);  }
  100% {-moz-transform: rotate(2160deg) scale(1) translateY(-75px);  }
}
@-o-keyframes rotate3 {
  0% {-o-transform: rotate(0deg) scale(1) translateY(-75px);  }
  50% {-o-transform: rotate(540deg) scale(1.2) translateY(75px);  }
  100% {-o-transform: rotate(2160deg) scale(1) translateY(-75px);  }
}
@keyframes rotate3 {
  0% {transform: rotate(0deg) scale(1) translateY(-75px);  }
  50% {transform: rotate(540deg) scale(1.2) translateY(75px);  }
  100% {transform: rotate(2160deg) scale(1) translateY(-75px);  }
}



@-webkit-keyframes rotate4 {
  0% {-webkit-transform: rotate(0deg) scale(1) translateX(-105px);  }
  50% {-webkit-transform: rotate(-60deg) scale(1.6) translateY(105px);  }
  100% {-webkit-transform: rotate(-1320deg) scale(1) translateX(210px) translateY(-105px); }

}
@-moz-keyframes rotate4 {
  0% {-moz-transform: rotate(0deg) scale(1) translateY(-105px);  }
  50% {-moz-transform: rotate(60deg) scale(1.6) translateY(105px);  }
  100% {-moz-transform: rotate(180deg) scale(1) translateY(-105px);  }
}
@-o-keyframes rotate4 {
  0% {-o-transform: rotate(0deg) scale(1) translateY(-105px);  }
  50% {-o-transform: rotate(60deg) scale(1.6) translateY(105px);  }
  100% {-o-transform: rotate(180deg) scale(1) translateY(-105px);  }
}
@keyframes rotate4 {
  0% {transform: rotate(0deg) scale(1) translateY(-105px);  }
  50% {transform: rotate(60deg) scale(1.6) translateY(105px);  }
  100% {transform: rotate(180deg) scale(1) translateY(-105px);  }
}


@-webkit-keyframes rotate5 {
  0% {-webkit-transform: rotate(0deg) scale(1) translateY(-135px);  }
  50% {-webkit-transform: rotate(90deg) scale(2) translateY(135px);  }
  100% {-webkit-transform: rotate(360deg) scale(1) translateY(-135px);  }
}
@-moz-keyframes rotate5 {
  0% {-moz-transform: rotate(0deg) scale(1) translateY(-135px);  }
  50% {-moz-transform: rotate(90deg) scale(2) translateY(135px);  }
  100% {-moz-transform: rotate(360deg) scale(1) translateY(-135px);  }
}
@-o-keyframes rotate5 {
  0% {-o-transform: rotate(0deg) scale(1) translateY(-135px);  }
  50% {-o-transform: rotate(90deg) scale(2) translateY(135px);  }
  100% {-o-transform: rotate(360deg) scale(1) translateY(-135px);  }
}
@keyframes rotate5 {
  0% {transform: rotate(0deg) scale(1) translateY(-135px);}
  50% {transform: rotate(90deg) scale(2) translateY(135px);}
  100% {transform: rotate(360deg) scale(1) translateY(-135px);}
}


@-webkit-keyframes rotate6 {
    0% {-webkit-transform: rotate(0deg) scale(1) translateY(-265px) translateX(0px);  }
  40% {-webkit-transform: rotate(720deg) scale(1.8) translateY(265px) translateX(105px);  }
  100% {-webkit-transform: rotate(1440deg) scale(1) translateY(-265px) translateX(-105px);  }

}
@-moz-keyframes rotate6 {
  0% {-moz-transform: rotate(0deg) scale(1) translateY(-265px) translateX(0px);  }
  40% {-moz-transform: rotate(720deg) scale(1.8) translateY(265px) translateX(105px);  }
  100% {-moz-transform: rotate(1440deg) scale(1) translateY(-265px) translateX(-105px);  }
}
@-o-keyframes rotate6 {
  0% {-o-transform:  rotate(0deg) scale(1) translateY(-265px) translateX(0px);  }
  40% {-o-transform: rotate(720deg) scale(1.8) translateY(265px) translateX(105px);  }
  100% {-o-transform: rotate(1440deg) scale(1) translateY(-265px) translateX(-105px);  }
}
@keyframes rotate6 {
  0% {transform:  rotate(0deg) scale(1) translateY(-265px) translateX(0px);  }
  40% {transform: rotate(720deg) scale(1.8) translateY(265px) translateX(105px);  }
  100% {transform: rotate(1440deg) scale(1) translateY(-265px) translateX(-105px);  }
}

/******** END SVG ***************/
#homepage-services-wrap {
    background: #EF5837;
    padding-top: 46px;
}



#homepage-services h2, #homepage-services h3 {color: #fff;}

#homepage-services-wrap.notviewport div:nth-child(2), #homepage-services-wrap.notviewport div:nth-child(3) {-webkit-transform:scale(0.8);}
#homepage-services-wrap div:nth-child(2), #homepage-services-wrap div:nth-child(3) {-webkit-transform:scale(1);}



#homepage-services div:nth-child(2):hover {-webkit-transform:scale(1.2);}
#homepage-services div:nth-child(3):hover {-webkit-transform:scale(1.2);    z-index:3;}

#homepage-services div strong {display:block;font-size:28px;font-weight:400;padding:10px;text-transform:uppercase;color:#fff;}

#homepage-services div:nth-child(1) {text-align:right;}

#homepage-services div:nth-child(3) i {color:#fff;}
#homepage-services div:nth-child(2) i, #homepage-services div:nth-child(2) strong {color:#283E56;}
#homepage-services div:nth-child(2) {
background:#f2f2f2;
    margin: 0;
    padding: 20px;
    text-align: center;
    transition: -webkit-transform 0.15s ease-in-out 0s, margin 0.15s ease-in-out 0s;
    z-index: 2;
}

#homepage-services div:nth-child(2) p {text-align:center;color:#283E56;}
#homepage-services div:nth-child(3) p {text-align:center;color:#fff;}


#homepage-services div:nth-child(3) {
background:#AEC8D0;background: #283E56;
    margin: 0;
    padding: 20px;
    text-align: center;
    transition: -webkit-transform 0.15s ease-in-out 0s, margin 0.15s ease-in-out 0s;
    z-index: 1;
//-webkit-transform:translate(-35%,10px);
}



@-webkit-keyframes kenburns {

  0% {
    -webkit-transform: scale(1) rotate(0deg)
  }
  50% {
   -webkit-transform: scale(1.4) rotate(0.7deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg)
  }

}



@keyframes kenburns {
  0% {
    transform: scale(1) rotate(0deg)
  }
  50% {
    transform: scale(1.4) rotate(0.7deg)
  }
  100% {
    transform: scale(1) rotate(0deg)
  }
}


body#quatrecentquarte {

	background: #283E56; width: 100%;height: 100%;
}

body#quatrecentquarte #menu {

	background: #283E56;
}
body#quatrecentquarte {position: relative;}

#quatrecentquarte #main {
text-align: center;
}

#quatrecentquarte h1 {
display: inline-block;
font-size: 168px;line-height: 0.9em;
text-align: center;
font-weight: 500;color: #fff;
margin: 0 auto 0 auto;
position: relative;
z-index: 100;
/* text-shadow:0 0 60px #000; */
background: rgba(40,62,86,.7); background: transparent;
-webkit-animation: kenburnsz 10s;

}

#quatrecentquarte h2 {
color: #fff;font-weight:100;
text-align: center;display: inline-block;margin: 20px auto;
position: relative;
z-index: 100;
/* background: rgba(40,62,86,.7);*/
background: #EF5837;
border-radius: 5px;
padding: 5px 10px;
/*
box-shadow: 0 0 60px #000;
box-shadow:0 0 60px #283E56;
*/
line-height: 1.3em;

}

#quatrecentquarte p {
color: #fff;
margin: 10px auto 0;
width: 300px;position: relative;z-index: 100;padding-bottom: 10px;
/* background:rgba(40,62,86,.8); */
/* background: rgba(40,62,86,1);box-shadow: 0 0 60px rgba(40,62,86,.9); */
}

#inside {
	margin: 130px auto 0 auto;
border-radius: 10px;
	background:rgba(40,62,86,.8);
	width: auto;
display: inline-block;
position: relative;
z-index: 100;
box-shadow:0 0 160px #283E56;
 padding: 10px; border-radius: 50%; /* box-shadow:0 0 60px rgba(0,0,0,.8);  */



}


#hello {width:100%;height:600px;position: absolute;opacity: .96;z-index: 1;}

.pg-canvas {z-index: 1;}

@-webkit-keyframes kenburnsz {

  0% {
    -webkit-transform: scale(1) rotate(0deg) translate(50px,100px); color: #EF5837;
  }
  50% {
   -webkit-transform: scale(1.5); color: #EF5837;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg); 
  }

}

header#sites {position: relative;}
#prestasubmenu {position: absolute;
position: absolute;
top: 50px;
margin: 0 auto;
right: 0;
left: 0;
}

.nomargintop {margin-top: 0 !important;}
.nomarginbottom {margin-bottom: 0 !important;}
.nopaddingtop {padding-top: 0 !important;}
.nopaddingbottom {padding-bottom: 0 !important;}

a.checkiut span {display: inline-block;}
a.checkiut span:nth-child(1) {
//-webkit-animation: appear 12s infinite linear 0s;
}
a.checkiut span:nth-child(2) {width: 0;opacity: 0;
//-webkit-animation: appear 12s infinite linear 4s;
}
a.checkiut span:nth-child(3) {width: 0;opacity: 0;
//-webkit-animation: appear 12s infinite linear 8s;
}

@-webkit-keyframes appear {

  0% {
opacity: 1;width: auto;
}

  33% {    
opacity: 0;width: 0;
    }
/*
      100% {    
opacity: 1;width: auto;
    }
    */

}

.blocktext {}
.blocktext span {display:block;margin-bottom: 15px;
background: #dfdfdf;background: #eeeeee;
height: 2px;}

.whitetext, .whitetext p, .whitetext h3 {color: #fff;}
.whitetext p {font-weight: 400;}





/* Animation property */
.screen {
  -webkit-animation: scrolla 15s infinite cubic-bezier(.52,-0.39,.3,1.43);
          animation: scrolla 5s infinite cubic-bezier(.52,-0.39,.3,1.43);
}
.screen:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

/* Keyframes */
@-webkit-keyframes scrolla {
  0%, 10% {
    background-position: 0 0;
  }
  20%, 30% {
    background-position: 0 -320px;
  }
  50%, 60% {
    background-position: 0 -640px;
  }
  70%, 80% {
    background-position: 0 -960px;
  }
  90%, 100% {
    background-position: 0 0;
  }
}
@keyframes scrolla {
  0%, 10% {
    background-position: 0 0;
  }
  20%, 30% {
    background-position: 0 -20%;
  }
  50%, 60% {
    background-position: 0 -40%;
  }
    70%, 80% {
    background-position: 0 -60%;
  }
  90%, 100% {
    background-position: 0 0;
  }
}


.screen {
  background: #fff url(//gartempe.com/static/brwsr_bg.png) no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 320px;
  position: absolute;
  top: 40px;
  left:0;
  overflow: hidden;
}


@media (max-width:767px) {
  #svg-4, #svg-5,#svg-6 {display: none;} 
#coloindex #homeh2 {font-size: 16px;}
#homeinfocontact h3, #homeinfo h3 {font-size:28px; }

#homeinfocontact h3, #homeinfo h3 {font-size: 22px;}
#contacttext .cupa {font-size: 1em;}
a.checkiut {font-size: 1em;font-weight:400;}
#dalog {-webkit-transform: translate(-175px, 0);transform: translate(-175px, 0);width: 350px; }
}

p.underconstruction {font-family: 'Roboto', 'Open Sans', sans-serif;font-weight: 400;}