/* colors


/* Heating
#EB6069
rgb(235, 96, 105)


/* Lighting
#679AD1
rgb(103, 154, 209)

*/


/* BUTTONS */

.omnicontrol-heating-button {
    border-radius:15px;
    background-color: #EB6069;
    transition: .6s;
}
.omnicontrol-heating-button a {
   color:white;
   transition:.6s;
}

.omnicontrolg-heating-container {
   padding:0 1em;
}

.omnicontrol-heating-container:hover .omnicontrol-heating-button {
    transition: .6s;
    background-color: white;    
}
.omnicontrol-heating-container:hover .omnicontrol-heating-button a {
    transition: .6s;
    color:#EB6069;    
}


.omnicontrol-lighting-button {
    border-radius:15px;
    color:white;
    background-color: #679AD1;
    transition: .6s;
}

.omnicontrolg-lighting-container {
   padding:0 1em;
}

.omnicontrol-lighting-container:hover .omnicontrol-lighting-button {
    transition: .6s;
    color:#679AD1;
    background-color: white;
    
}
.omnicontrol-lighting-button a {
    color:white;;
    transition: .6s;
}
.omnicontrol-lighting-container:hover .omnicontrol-lighting-button a {
    transition: .6s;
    color:#679AD1;    
}


.omnicontrol-linkbutton-grey a {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 4px;
  background-color: #ddd;
  font-size: 90%;
  font-family: FFClanWebProBold;
  color: #57595e;
  border: none;
  text-transform: uppercase;
}




/* HEATING */
.omnicontrol-heating-logo {
    
    display:block;
    height:108px;
    width:108px;
    margin: 0 auto 21px;
    
}

.omnicontrol-heating-logo-bg {
    transition: .6s;
    background:url(/webdav/images/old_site/img/omnicontrol-heating.png) no-repeat 0 0;
    
}

.omnicontrol-heating-container {
   transition: .6s;
    background-color: none;
}

.omnicontrol-heating-container p {
   transition: .6s;
   color:black;
}
.omnicontrol-heating-container h2{
    transition: .6s;
    color:#EB6069;
}


.omnicontrol-heating-container:hover {
   transition: .6s;
   background-color:rgba(237,28,36,1);
   
}

.omnicontrol-heating-container:hover p {
   transition: .6s;
   color:white;
   
}
.omnicontrol-heating-container:hover h2{
transition: .6s;
   color:white;
}

.omnicontrol-heating-container:hover .omnicontrol-heating-logo-bg {
   transition: .6s; 
   background-position: 0px -109px;
   
   
}

/* LIGHTING */

.omnicontrol-lighting-logo {
    display:block;
    height:108px;
    width:108px;
    margin: 0 auto 21px;
    
}

.omnicontrol-lighting-logo {
    transition: .6s;
    background:url(/webdav/images/old_site/img/omnicontrol-led-lighting.png) no-repeat 0 0;
    
}

.omnicontrol-lighting-container {
   transition: .6s;
    background-color: none;
}

.omnicontrol-lighting-container p {
   transition: .6s;
   color:black;
}
.omnicontrol-lighting-container:hover p {
   transition: .6s;
   color:white;
   
}
.omnicontrol-lighting-container h2 {
   transition: .6s;
   color:#679AD1;
}
.omnicontrol-lighting-container:hover h2 {
   transition: .6s;
   color:white;
   
}

.omnicontrol-lighting-container:hover {
  
   background-color:rgba(0,102,179,1);
   
}

.omnicontrol-lighting-container:hover p {
   transition: .6s;
   color:white;
   
}


.omnicontrol-lighting-container:hover .omnicontrol-lighting-logo-bg {
   transition: .6s; 
   background-position: 0px -109px;
   
   
}