.includer{
width: 1000px;
height: 150px;
margin: auto;
padding: auto;
background: url('../IMG/BckBG-4.png');
border: 1px solid transparent;
}


/* HEADER ICON */

.contactype {
width: 130px;
height: 100px;
float: right;
margin: 10px;
padding: auto;
left: -10px;
align: center;
position: relative;
cursor: pointer;
color: #fff;
text-align: center;
font-family: 'IranSans-Light' , 'Eng2';
text-shadow: 0 1px 1px rgba(0,0,0,0.1);
direction: rtl;
background-color: #c3c3c3;
border-radius: 5px;
transition: all 0.05s ease-in;
background: url('../IMG/ScrollBG.jpg');
}

.contactype p {
width: 100%;
text-align: center;
position: absolute;
bottom: -7.5px;
padding: auto;
font-size: 14px;
}


/* BLUR */
ul:hover .contactype:not(.active){
-webkit-filter: none;
filter: none;
}

.contactype:not(.active),
ul:hover .contactype:not(:hover):not(.active){
filter: blur(2px);
-webkit-filter: blur(2px);
}

.contactype.active p{
color: #ff8f2c;
text-shadow: 2px 3px 3px rgba(0,0,0,1);
}
/* BLUR */



.contactype div {
font-size: 3em;
position: absolute;
width: 100%;
margin-top: 5px;
left: 0;
top: 0;
transition: all 0.2s ease-in;
}






/* ICON LOCATION */

#contact-SalesClick.active div{
font-size: 10em;
color: #464545;
top: 115px;
left: -720px;
}
p.icon-Sales{
color: #FFF;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 3;
}
#contact-SalesClick.active p.icon-Sales{
color: #464545;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 2;
}



#contact-SupportClick.active div {
font-size: 9.5em;
color: #464545;
top: 115px;
left: -580px;
}
p.icon-Support {
color: #FFF;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 3;
}
#contact-SupportClick.active p.icon-Support{
color: #5d5d5d;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 2;
}


#contact-EmailClick.active div {
font-size: 11em;
color: #464545;
top: 100px;
left: -410px;
}
p.icon-Email {
color: #FFF;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 3;
}
#contact-EmailClick.active p.icon-Email{
color: #5d5d5d;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 2;
}


#contact-TeamViewerClick.active div {
font-size: 10em;
color: #464545;
top: 110px;
left: -270px;
}
p.icon-TeamViewer{
color: #FFF;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 3;
}
#contact-TeamViewerClick.active p.icon-TeamViewer{
color: #5d5d5d;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 2;
}


#contact-PhoneClick.active div {
font-size: 9.5em;
color: #464545;
top: 115px;
left: -130px;
}
p.icon-Phone{
color: #FFF;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 3;
}
#contact-PhoneClick.active p.icon-Phone{
color: #5d5d5d;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 2;
}


#contact-AddressClick.active div {
font-size: 10em;
color: #464545;
top: 115px;
left: 10px;
}
p.icon-Address{
color: #FFF;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 3;
}
#contact-AddressClick.active p.icon-Address{
color: #5d5d5d;
opacity: 0.5;
font-size: 3em;
position: absolute;
width: 100%;
top: -42px;
z-index: 2;
}