@CHARSET "UTF-8";



/* social ----------------------------------------------- social_footer.png */



.socialDD

{

    /*clear: both;*/

    /*margin-left: -25px;*/

    padding-top: 22px;

    width: 265px;

    float: left;

}

.socialDD ul {

	padding: 0;

	padding-left: 15px;

}

.socialDD li

{

    display: inline-block;    

    width: 33px;

    height: 33px;

    /*padding-right:10px;*/

    overflow: hidden;

    background-size: auto 66px !important;

    margin-left: 5px;

	border-radius:5px;

	/*

	transition: background 0.05s ease-in;

	-moz-transition: background 0.05s ease-in;

	-o-transition: background 0.05s ease-in;

	-webkit-transition: background 0.05s ease-in;

	*/

}

.socialDD li a

{

    display: block;

    width: 32px;

    height: 33px;

    opacity: 0;

    /*filter: alpha(opacity=0.01);*/

    overflow: hidden;

}

.socialDD li.facebook

{

  /*-webkit-filter: grayscale(100%);

  filter: grayscale(100%);*/

  background: url('../img/specs/social_project.png') no-repeat scroll 0px -33px;

}

.socialDD li.facebook:hover

{

    background: url('../img/specs/social_project.png') no-repeat scroll 0px 0px;

}

.socialDD li.twitter

{    

    background: url('../img/specs/social_project.png') -32px -33px no-repeat;

}

.socialDD li.twitter:hover

{

    background: url('../img/specs/social_project.png') no-repeat scroll -32px 0px;    

}

.socialDD li.google-plus

{

    background: url('../img/specs/social_project.png') -66px -33px no-repeat;

}

.google-plus

{

    background: url('../img/specs/social_project.png') -66px -33px no-repeat;

}

.socialDD li.google-plus:hover

{

    background: url('../img/specs/social_project.png') -66px 0px no-repeat;

}

.socialDD li.pinterest

{

    background: url('../img/specs/social_project.png') -99px -33px no-repeat;

}

.socialDD li.pinterest:hover

{

    background: url('../img/specs/social_project.png') -99px 0px no-repeat;    

}

.socialDD li.linkedin

{
    background: url('../img/specs/social_project.png') -132px -33px no-repeat;

}

.socialDD li.linkedin:hover

{

    background: url('../img/specs/social_project.png') -132px 0px no-repeat;

}



.socialDD li.bee

{

    background: url('../img/specs/social_project.png') -165px -33px no-repeat;

}

.socialDD li.bee:hover

{

    background: url('../img/specs/social_project.png') -165px 0px no-repeat;

}







/*mini socials*/



.miniCommentVisible

{

    background:green;

    padding-top: 5px;

    margin:auto;

    width: 90%;

    min-height:50px;

    height:100%;    

    overflow:hidden;    

    transition: opacity 0.6s linear;   

}

.miniComment

{

	background: white; /* For browsers that do not support gradients */

    /*

    background: -webkit-linear-gradient(white, gray);

    background: -o-linear-gradient(white, gray); 

    background: -moz-linear-gradient(white, gray);

    background: linear-gradient(white, gray);

    */	

    padding-top: 5px;

    margin:auto;

    width: 90%;

    height:100%;

    /*opacity:0;*/

    overflow:hidden;

    opacity:0;

    /*transition: opacity 0.6s linear;*/   

}

.socialDDminiVisible

{

    /*clear: both;*/

    /*margin-left: -25px;*/

    background:red;

    padding-top: 5px;

    width: 100%;

    height:150px;

    /*opacity:0;*/

    overflow:hidden;/*

    -webkit-transition: height 0.3s, opacity 0.3s linear;

    -o-transition:  height 0.3s, opacity 0.3s linear;

    -moz-transition:  height 0.3s, opacity 0.3s linear;

    transition:  height 0.3s, opacity 0.3s linear;

    /*float: left;*/

}

.socialDDmini

{

    /*clear: both;*/

    /*margin-left: -25px;*/

    padding-top: 5px;

    width: 100%;

    height:0;

    opacity:0;

    overflow:hidden;

    /*-webkit-transition: height 0.3s linear;

    -o-transition:  height 0.3s linear;

    -moz-transition:  height 0.3s linear;

    transition:  height 0.3s linear;

    /*float: left;*/

}

.socialDDmini ul {

	padding: 0;

	text-align: center;

	margin: 0;	

	opacity:0;

}

.socialDDmini li

{

    display: inline-block;    

    width: 25px;

    height: 25px;

    /*padding-right:10px;*/

    /*overflow: hidden;*/

    /*background-size: auto 52px !important;*/

    margin-left: 5px;

	/*border-radius:5px;*/

	/*

	transition: background 0.05s ease-in;

	-moz-transition: background 0.05s ease-in;

	-o-transition: background 0.05s ease-in;

	-webkit-transition: background 0.05s ease-in;

	*/

}

.socialDDmini li a

{

    display: block;

    width: 25px;

    height: 25px;

    opacity: 0;

    /*filter: alpha(opacity=0.01);*/

    overflow: hidden;

}

.socialDDmini li.facebook

{

  /*-webkit-filter: grayscale(100%);

  filter: grayscale(100%);*/

  background: url('../img/specs/social_project.png') no-repeat scroll 0px -25px;

}

.socialDDmini li.facebook:hover

{

    background: url('../img/specs/social_project.png') no-repeat scroll 0px 0px;

}

.socialDDmini li.google-plus/*twitter*/

{    

    background: url('../img/specs/social_project.png') -25px -25px no-repeat;

}

.socialDDmini li.google-plus:hover/*twitter:hover*/

{

    background: url('../img/specs/social_project.png') no-repeat scroll -25px 0px;    

}

.socialDDmini li.pinterest/*google-plus*/

{

    background: url('../img/specs/social_project.png') -50px -25px no-repeat;

}

.socialDDmini li.pinterest:hover/*google-plus:hover*/

{

    background: url('../img/specs/social_project.png') -50px 0px no-repeat;

}

.socialDDmini li.behance/*pinterest*/

{

    background: url('../img/specs/social_project.png') -75px -25px no-repeat;

}

.socialDDmini li.behance:hover/*pinterest:hover*/

{

    background: url('../img/specs/social_project.png') -75px 0px no-repeat;    

}

/*

.socialDDmini li.linkedin

{

    background: url('../img/specs/social_project.png') -132px -33px no-repeat;

}

.socialDDmini li.linkedin:hover

{

    background: url('../img/specs/social_project.png') -132px 0px no-repeat;

}



.socialDDmini li.bee

{

    background: url('../img/specs/social_project.png') -165px -33px no-repeat;

}

.socialDDmini li.bee:hover

{

    background: url('../img/specs/social_project.png') -165px 0px no-repeat;

}

*/





/*socialFooter*/



.socialFFmini

{

    /*clear: both;*/

    /*margin-left: -25px;*/

    padding-top: 5px;

    width: 100%;

    height:0;

    /*opacity:0;*/

    overflow:hidden;

    -webkit-transition: height 0.3s, opacity 0.3s linear;

    -o-transition:  height 0.3s, opacity 0.3s linear;

    -moz-transition:  height 0.3s, opacity 0.3s linear;

    transition:  height 0.3s, opacity 0.3s linear;

    /*float: left;*/

}

.socialFFmini ul {

	padding: 0;

	/*text-align: center;*/

	margin: 0;	

}

.socialFFmini li

{

    display: inline-block;    

    width: 32px;

    height: 32px;

    /*padding-right:10px;*/

    /*overflow: hidden;*/

    /*background-size: auto 64px !important;*/

    margin-right: 5px;

	/*border-radius:5px;*/

	/*

	transition: background 0.05s ease-in;

	-moz-transition: background 0.05s ease-in;

	-o-transition: background 0.05s ease-in;

	-webkit-transition: background 0.05s ease-in;

	*/

}

.socialFFmini li a

{

    display: block;

    width: 32px;

    height: 33px;

    opacity: 0;

    /*filter: alpha(opacity=0.01);*/

    overflow: hidden;

}

.socialFFmini li.facebook

{

  background: url('../img/specs/social_footer.png') no-repeat scroll 0px -32px;

}

.socialFFmini li.facebook:hover

{

    background: url('../img/specs/social_footer.png') no-repeat scroll 0px 0px;

}

.socialFFmini li.google-plus

{

    background: url('../img/specs/social_footer.png') -32px -32px no-repeat;

}

.socialFFmini li.google-plus:hover

{

    background: url('../img/specs/social_footer.png') -32px 0px no-repeat;

}



.socialFFmini li.pinterest

{

    background: url('../img/specs/social_footer.png') -64px -32px no-repeat;

}

.socialFFmini li.pinterest:hover

{

    background: url('../img/specs/social_footer.png') -64px 0px no-repeat;    

}

.socialFFmini li.linkedin

{

    background: url('../img/specs/social_footer.png') -96px -32px no-repeat;

}

.socialFFmini li.linkedin:hover

{

    background: url('../img/specs/social_footer.png') -96px 0px no-repeat;

}



.socialFFmini li.bee

{

    background: url('../img/specs/social_footer.png') -128px -32px no-repeat;

}

.socialFFmini li.bee:hover

{

    background: url('../img/specs/social_footer.png') -128px 0px no-repeat;

}



/*Clients Begin*/
.clientCarlsberg
{
   display:inline-block;
   vertical-align: middle;
   width:164px;
   height:79px;
   background: url('../img/specs/clients/01_carlsberg.png') 0px -79px no-repeat;
}
.clientBox:hover .clientCarlsberg
{
    background: url('../img/specs/clients/01_carlsberg.png') 0px 0px no-repeat;
}
.clientOrgahim
{
   display:inline-block;
   vertical-align: middle;
   width:181px;
   height:43px;
   background: url('../img/specs/clients/02_orgachim.png') 0px -43px no-repeat;
}
.clientBox:hover .clientOrgahim
{
    background: url('../img/specs/clients/02_orgachim.png') 0px 0px no-repeat;
}
.clientMars
{
   display:inline-block;
   vertical-align: middle;
   width:156px;
   height:48px;
   background: url('../img/specs/clients/03_mars.png') 0px -48px no-repeat;
}
.clientBox:hover .clientMars
{
    background: url('../img/specs/clients/03_mars.png') 0px 0px no-repeat;
}
.clientMundus
{
   display:inline-block;
   vertical-align: middle;
   width:194px;
   height:39px;
   background: url('../img/specs/clients/04_mundus.png') 0px -39px no-repeat;
}
.clientBox:hover .clientMundus
{
    background: url('../img/specs/clients/04_mundus.png') 0px 0px no-repeat;
}
.clientAdvance
{
   display:inline-block;
   vertical-align: middle;
   width:191px;
   height:63px;
   background: url('../img/specs/clients/05_advance.png') 0px -63px no-repeat;
}
.clientBox:hover .clientAdvance
{
    background: url('../img/specs/clients/05_advance.png') 0px 0px no-repeat;
}
.clientPons
{
   display:inline-block;
   vertical-align: middle;
   width:150px;
   height:46px;
   background: url('../img/specs/clients/06_pons.png') 0px -46px no-repeat;
}
.clientBox:hover .clientPons
{
    background: url('../img/specs/clients/06_pons.png') 0px 0px no-repeat;
}
.clientTitan
{
   display:inline-block;
   vertical-align: middle;
   width:176px;
   height:46px;
   background: url('../img/specs/clients/07_titan.png') 0px -46px no-repeat;
}
.clientBox:hover .clientTitan
{
    background: url('../img/specs/clients/07_titan.png') 0px 0px no-repeat;
}
.clientFob
{
   display:inline-block;
   vertical-align: middle;
   width:199px;
   height:70px;
   background: url('../img/specs/clients/08_FOB.png') 0px -70px no-repeat;
}
.clientBox:hover .clientFob
{
    background: url('../img/specs/clients/08_FOB.png') 0px 0px no-repeat;
}
.clientWrigley
{
   display:inline-block;
   vertical-align: middle;
   width:175px;
   height:46px;
   background: url('../img/specs/clients/09_wrigley.png') 0px -46px no-repeat;
}
.clientBox:hover .clientWrigley
{
    background: url('../img/specs/clients/09_wrigley.png') 0px 0px no-repeat;
}
.clientSadifa
{
   display:inline-block;
   vertical-align: middle;
   width:146px;
   height:105px;
   background: url('../img/specs/clients/10_sadifa.png') 0px -105px no-repeat;
}
.clientBox:hover .clientSadifa
{
    background: url('../img/specs/clients/10_sadifa.png') 0px 0px no-repeat;
}
.clientVerlag
{
   display:inline-block;
   vertical-align: middle;
   width:192px;
   height:77px;
   background: url('../img/specs/clients/11_na_verlag.png') 0px -77px no-repeat;
}
.clientBox:hover .clientVerlag
{
    background: url('../img/specs/clients/11_na_verlag.png') 0px 0px no-repeat;
}
.clientAvendi
{
   display:inline-block;
   vertical-align: middle;
   width:182px;
   height:26px;
   background: url('../img/specs/clients/12_avendi.png') 0px -26px no-repeat;
}
.clientBox:hover .clientAvendi
{
    background: url('../img/specs/clients/12_avendi.png') 0px 0px no-repeat;
}
.clientQuehenberger
{
   display:inline-block;
   vertical-align: middle;
   width:170px;
   height:37px;
   background: url('../img/specs/clients/13_quehenberger.png') 0px -37px no-repeat;
}
.clientBox:hover .clientQuehenberger
{
    background: url('../img/specs/clients/13_quehenberger.png') 0px 0px no-repeat;
}
.clientArco
{
   display:inline-block;
   vertical-align: middle;
   width:202px;
   height:44px;
   background: url('../img/specs/clients/14_arco.png') 0px -44px no-repeat;
}
.clientBox:hover .clientArco
{
    background: url('../img/specs/clients/14_arco.png') 0px 0px no-repeat;
}
.clientGeo
{
   display:inline-block;
   vertical-align: middle;
   width:203px;
   height:30px;
   background: url('../img/specs/clients/15_geoengineering.png') 0px -30px no-repeat;
}
.clientBox:hover .clientGeo
{
    background: url('../img/specs/clients/15_geoengineering.png') 0px 0px no-repeat;
}
.clientSolitech
{
   display:inline-block;
   vertical-align: middle;
   width:141px;
   height:31px;
   background: url('../img/specs/clients/16_solitech.png') 0px -32px no-repeat;
}
.clientBox:hover .clientSolitech
{
    background: url('../img/specs/clients/16_solitech.png') 0px 0px no-repeat;
}
.clientZenit
{
   display:inline-block;
   vertical-align: middle;
   width:159px;
   height:34px;
   background: url('../img/specs/clients/17_zenitgeo.png') 0px -34px no-repeat;
}
.clientBox:hover .clientZenit
{
    background: url('../img/specs/clients/17_zenitgeo.png') 0px 0px no-repeat;
}
.clientNik
{
   display:inline-block;
   vertical-align: middle;
   width:109px;
   height:148px;
   background: url('../img/specs/clients/18_nik.png') 0px -148px no-repeat;
}
.clientBox:hover .clientNik
{
    background: url('../img/specs/clients/18_nik.png') 0px 0px no-repeat;
}
.clientACB
{
   display:inline-block;
   vertical-align: middle;
   width:130px;
   height:164px;
   background: url('../img/specs/clients/19_acb.png') 0px -164px no-repeat;
}
.clientBox:hover .clientACB
{
    background: url('../img/specs/clients/19_acb.png') 0px 0px no-repeat;
}
.clientRapid
{
   display:inline-block;
   vertical-align: middle;
   width:175px;
   height:49px;
   background: url('../img/specs/clients/20_rapid.png') 0px -49px no-repeat;
}
.clientBox:hover .clientRapid
{
    background: url('../img/specs/clients/20_rapid.png') 0px 0px no-repeat;
}
.clientSalvis
{
   display:inline-block;
   vertical-align: middle;
   width:115px;
   height:77px;
   background: url('../img/specs/clients/21_salvis.png') 0px -77px no-repeat;
}
.clientBox:hover .clientSalvis
{
    background: url('../img/specs/clients/21_salvis.png') 0px 0px no-repeat;
}
.clientSandoz
{
   display:inline-block;
   vertical-align: middle;
   width:190px;
   height:49px;
   background: url('../img/specs/clients/22_sandoz.png') 0px -49px no-repeat;
}
.clientBox:hover .clientSandoz
{
    background: url('../img/specs/clients/22_sandoz.png') 0px 0px no-repeat;
}
.clientEvolia
{
   display:inline-block;
   vertical-align: middle;
   width:97px;
   height:130px;
   background: url('../img/specs/clients/23_evolia.png') 0px -130px no-repeat;
}
.clientBox:hover .clientEvolia
{
    background: url('../img/specs/clients/23_evolia.png') 0px 0px no-repeat;
}
.clientVivasan
{
   display:inline-block;
   vertical-align: middle;
   width:156px;
   height:74px;
   background: url('../img/specs/clients/24_vivasan.png') 0px -74px no-repeat;
}
.clientBox:hover .clientVivasan
{
    background: url('../img/specs/clients/24_vivasan.png') 0px 0px no-repeat;
}
.clientInter
{
   display:inline-block;
   vertical-align: middle;
   width:229px;
   height:25px;
   background: url('../img/specs/clients/25_interconnection.png') 0px -25px no-repeat;
}
.clientBox:hover .clientInter
{
    background: url('../img/specs/clients/25_interconnection.png') 0px 0px no-repeat;
}
.clientStrata
{
   display:inline-block;
   vertical-align: middle;
   width:139px;
   height:79px;
   background: url('../img/specs/clients/26_strata.png') 0px -79px no-repeat;
}
.clientBox:hover .clientStrata
{
    background: url('../img/specs/clients/26_strata.png') 0px 0px no-repeat;
}
.clientDeutscheSchule
{
   display:inline-block;
   vertical-align: middle;
   width:131px;
   height:129px;
   background: url('../img/specs/clients/27_deutsche_schule.png') 0px -129px no-repeat;
}
.clientBox:hover .clientDeutscheSchule
{
    background: url('../img/specs/clients/27_deutsche_schule.png') 0px 0px no-repeat;
}

/*Client End*/

