/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/

.wrapper { padding: 0 75px; }

.module,
#breadcrumbs,
#content { margin: 5px 10px 15px 10px; z-index:9;}

#header { margin: 20px 5px 10px 5px;float:left; width:1020px;}

#toolbar .float-right .module,
#toolbar .float-right > time { margin: 0 0 0 20px; }

#toolbar .float-right > time { float: right; }

#headerbar { margin: 15px 0 60px 0; float:left; }

#menubar { margin-top: 103px; float:right;}

#innertop { margin-bottom: 15px; }
#innerbottom { margin-top: 0px;}

#footer { margin: 30px 5px; }

#footer .module { margin: 0; }
#footer .menu-line { margin-bottom: 10px; }


/* Layout
----------------------------------------------------------------------------------------------------*/

.page-body-1 { overflow: hidden; }

#socialbar {
	position: fixed;
	right: 0px;
	top: 100px;
	min-height: 60px;
	width: 90px;
}

#toolbar {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	display:none;
}

#header,
#footer { color: #fff; }

#top-a + #main,
#top-b + #main { margin-top: 30px; }

.sidebar-a-left #maininner > section,
.sidebar-b-left #maininner > section { margin-left: 30px; }

.sidebar-a-left #maininner > #content,
.sidebar-b-left #maininner > #content,
.sidebar-a-left #maininner > #breadcrumbs,
.sidebar-b-left #maininner > #breadcrumbs  { margin-left: 35px; }

.sidebar-a-right #maininner > section,
.sidebar-b-right #maininner > section { margin-right: 30px; }

.sidebar-a-right #maininner > section#innerbottom,
.sidebar-b-right #maininner > section#innerbottom { margin-right: 10px; }

.sidebar-a-right #maininner > #content,
.sidebar-b-right #maininner > #content,
.sidebar-a-right #maininner > #breadcrumbs,
.sidebar-b-right #maininner > #breadcrumbs  {margin:5px 10px 20px 10px;padding:0;}


#breadcrumbs {
	height: 45px;
	margin-bottom: 10px;
	line-height: 35px;
    box-shadow: 0 2px 30px -10px #E95D0F;
    -webkit-box-shadow: 0 2px 30px -10px #E95D0F;
}

#main + #bottom-a,
#main + #bottom-b { margin-top: 0px; }

#system .pagination {
	height: 35px;
	line-height: 35px;
	box-shadow: 0 0 1px rgba(255,255,255,0.2);
    box-shadow: none;
}

.transparency-25 #socialbar .social-icons > li,
.transparency-25 #breadcrumbs,
.transparency-25 #system .pagination,
.transparency-25 .wk-slideshow-subway-list > div { background: url(../images/module_box_transparency25.png) 0 0 repeat;
padding:5px 0;
box-shadow: 0 2px 30px -10px #E95D0F;
-webkit-box-shadow: 0 2px 30px -10px #E95D0F;

background: #0A0A0A;
border: 1px solid #E95D0F;

margin-top:0;
margin-bottom:10px;
}
.transparency-50 #socialbar .social-icons > li,
.transparency-50 #breadcrumbs,
.transparency-50 #system .pagination,
.transparency-50 .wk-slideshow-subway-list > div { background: url(../images/module_box_transparency50.png) 0 0 repeat; background:none;}
.transparency-75 #socialbar .social-icons > li,
.transparency-75 #breadcrumbs,
.transparency-75 #system .pagination,
.transparency-75 .wk-slideshow-subway-list > div { background: url(../images/module_box_transparency75.png) 0 0 repeat; background:none;}

#footer { font-size: 12px;margin-top:20px; }
#yt-hl{position: absolute; top: 0px; left: -5000px;}
#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 30px;
	height: 30px;
	background: url(../images/totop_scroller.png) 0 0 no-repeat;
	text-decoration: none;
	opacity: 0.6;
}

/* Logo */
div.logoSurrogate{float:left;width:315px;height:116px;background:url(/images/andindi/andindi_bianco.png) 0 0 no-repeat;opacity:0.9;}
div.logoSurrogate.initializated{background:url(/images/andindi/andindi_arancio.png) 0 0 no-repeat;}
div.logoSurrogate:hover,
div.logoSurrogate.initializated:hover{background:url(/images/andindi/andindi_bianco.png) 0 0 no-repeat;opacity:0.9;}

div.logoSurrogate{
 transition: background 2s linear, 3s linear;
 -ms-transition: background 2s linear, opacity 3s linear;
 -moz-transition: background 2s linear, opacity 3s linear; /* Firefox 4 */
 -webkit-transition: background 2s linear, opacity 3s linear; /* Safari and Chrome */
 -o-transition: background 2s linear, opacity 3s linear; /* Opera */
}


div.logoSurrogate.normalAnimation{
 transition: background 0.6s linear, opacity 0.6s linear;
 -ms-transition: background 0.6s linear, opacity 0.6s linear;
 -moz-transition: background 0.6s linear, opacity 0.6s linear; /* Firefox 4 */
 -webkit-transition: background 0.6s linear, opacity 0.6s linear; /* Safari and Chrome */
 -o-transition: background 0.6s linear, opacity 0.6s linear; /* Opera */
}

/* Module About me */

.aboutMeModule a,
.aboutMeModule .aboutMeImage{float:left;width:220px;height:220px;line-height:100%;}
.aboutMeModule .aboutMeImage{background:url(/images/andindi/card/about_me.jpg) 0 0 no-repeat;background-size:220px;}

.aboutMeModule a  {box-shadow:0 2px 30px -10px #E95D0F;-webkit-box-shadow:0 2px 30px -10px #E95D0F;}

.aboutMeModule a h3 {
 position: absolute;
 bottom: 0;
 width: 100%;
 background: rgba(0, 0, 0, 0.6);
 margin: 0;
 padding: 0;
 height: 0;
 overflow: hidden;
 padding: 0;
 line-height: 85px;
 font-size: 36px;
 text-align: center;
 height:0;
 color:rgba(0, 0, 0, 0.6);
 font-weight:bold;
}

.aboutMeModule a:hover h3{height:70px;color:#e95d0f;}

.aboutMeModule a h3 {
 transition: height 0.6s linear, color 0.6s linear;
 -ms-transition: height 0.6s linear, color 0.6s linear;
 -moz-transition: height 0.6s linear, color 0.6s linear; /* Firefox 4 */
 -webkit-transition: height 0.6s linear, color 0.6s linear; /* Safari and Chrome */
 -o-transition: height 0.6s linear, color 0.6s linear; /* Opera */
}

/* Module Contacts */

.contactsModule a{float:left;width:220px;height:80px;line-height:100%;background:rgba(15, 155, 233, 0.9);background:rgba(233, 93, 15,0.9);}
.contactsModule .contactsModuleIcon{
 background: url(/images/andindi/icone/icon_contact.png) 0 -4px no-repeat;
 float:left;
 width:60px;
 height:60px;
 margin:5px 0 0 15px;
 line-height:100%;
 background-size:cover;
}


.contactsModule a {box-shadow:0 2px 30px -10px #FFF;-webkit-box-shadow:0 2px 30px -10px #FFF;}
.contactsModule a:hover {box-shadow:0 0px 33px -10px #E95D0F;-webkit-box-shadow:0 0px 33px -10px #E95D0F;}

.contactsModule a h3 {
 position: absolute;
 bottom: 0;
 left:78px;
 width: 130px;
 background: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 text-align: center;
 height:80px;
 opacity:1;
 color:#FFF;
 line-height:80px;
 height:80px;
 font-size:30px;
 font-weight:bold;
}

.contactsModule a:hover{background:none;}
.contactsModule a:hover .contactsModuleIcon
{
 width:70px;
 height:70px;
 margin:0px 0 0 10px;
 background-size:cover;
}
.contactsModule a:hover h3{font-size:36px;left:76px;width:140px;}


/* Module Inerests */

.interestsModule a{float:left;width:220px;height:80px;line-height:100%;background:rgba(233, 93, 15,0.9);}
.interestsModule .interestsModuleIcon
{
 background: url(/images/andindi/icone/hobbies.png) 0 0 no-repeat;
 float:left;
 width:60px;
 height:60px;
 margin:5px 0 0 15px;
 line-height:100%;
 background-size:cover;
}

.interestsModule a  {box-shadow:0 2px 30px -12px #FFF ;-webkit-box-shadow:0 2px 30px -12px #FFF ;}
.interestsModule a:hover  {box-shadow:0 0px 33px -8px #E95D0F;-webkit-box-shadow:0 0px 33px -8px #E95D0F;}


.interestsModule a h3 {
 position: absolute;
 bottom: 0;
 left:80px;
 width: 120px;
 background: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 text-align: center;
 height:80px;
 opacity:1;
 color:#FFF;
 line-height:80px;
 height:80px;
 font-size:30px;
 font-weight:bold;
}

.interestsModule a:hover {background-color:rgba(15, 155, 233, 0.9);background:none;}
.interestsModule a:hover .interestsModuleIcon{
 width:70px;
 height:70px;
 margin:0px 0 0 10px;
 background-size:cover;
}

.interestsModule a:hover h3{font-size:36px;left:78px;}




/* Module Experiments */

.experimentsModule a{float:left;width:220px;height:40px;line-height:100%;background:rgba(233, 93, 15,0.9);}

.experimentsModule a  {box-shadow:0 2px 30px -12px #FFF ;-webkit-box-shadow:0 2px 30px -12px #FFF ;}
.experimentsModule a:hover  {box-shadow:0 0px 33px -8px #E95D0F;-webkit-box-shadow:0 0px 33px -8px #E95D0F;}


.experimentsModule a h3 {
 position: absolute;
 bottom: 0;
 left:20px;
 width: 180px;
 background: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 text-align: left;
 opacity:1;
 color:#FFF;
 line-height:44px;
 height:40px;
 font-size:24px;
 font-weight:bold;
}

.experimentsModule a:hover {background-color:rgba(15, 155, 233, 0.9);background:none;}
.experimentsModule a:hover h3{font-size:26px;left:18px;}


.contactsModule a,
.interestsModule a,
.experimentsModule a{
 transition: all 0.1s linear;
 -webkit-transition: all 0.1s linear;
 }

.contactsModule .contactsModuleIcon,
.interestsModule .interestsModuleIcon{
 transition: all 0.1s linear;
 -webkit-transition: all 0.1s linear;
/*
 -ms-transition: background 0.5s ease-in, width 0.5 ease-in, height 0.5s ease-in, margin 0.5s ease-in;
 -moz-transition: background 0.5s ease-in, width 0.5 ease-in, height 0.5s ease-in, margin 0.5s ease-in; 
 -webkit-transition: background 0.5s ease-in, width 0.5 ease-in, height 0.5s ease-in, margin 0.5s ease-in; 
 -o-transition: background 0.5s ease-in, width 0.5 ease-in, height 0.5s ease-in, margin 0.5s ease-in;
**/
}
.contactsModule a h3,
.interestsModule a h3,
.experimentsModule a h3 {
 transition: all 0.1s linear;
 -webkit-transition: all 0.1s linear;
}

#totop-scroller:hover { opacity: 1; }


/* Module Card */

.module.cardModule{height: 330px; width: 220px;padding:0;position:relative;-webkit-perspective:500;cursor:pointer;z-index:99;}
.module.cardModule div.cardPanel{position:absolute;height: 330px; width: 220px;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform 1.5s;}
.module.cardModule div.cardPanel div.back,
.module.cardModule div.cardPanel div.front{top:0; height: 330px; width: 220px; background: url('/images/andindi/card/banner.jpg') no-repeat; background-size: 220px auto;
position:absolute;-webkit-backface-visibility:hidden;-webkit-box-shadow:0 2px 30px -10px #E95D0F;}
.module.cardModule div.cardPanel div.back{-webkit-transform: rotateY(180deg);background: url('/images/andindi/card/banner_back.jpg') no-repeat;background-size: 220px auto;}
.module.cardModule div.cardPanel div.front.alternative{background: url('/images/andindi/card/banner_2.jpg') no-repeat;background-size: 220px auto;}
.module.cardModule div.cardPanel div.back.alternative{background: url('/images/andindi/card/banner_back_2.jpg') no-repeat;background-size: 220px auto;}
.cardForwardRotation{-webkit-transform:rotateY(180deg);}
.cardBackRotation{-webkit-transform:rotateY(0deg);}


.module.exploreModule {float:left;width:178px;height:268px;overflow:hidden;line-height:100%;background:rgba(10, 10, 10,0.8);padding:20px;border:1px solid #E95D0F;}
.module.exploreModule {float:left;width:180px;height:auto;overflow:hidden;line-height:100%;background:rgba(10, 10, 10,0.8);}
.module.exploreModule:hover {
 border-color:rgba(255, 255, 255,0.8);
 box-shadow: 0 2px 30px -10px #E95D0F;
 -webkit-box-shadow: 0 2px 30px -10px #E95D0F;
}
.module.exploreModule:hover .module-title{color:#E95D0F;}
.module.exploreModule:hover .module-title:hover{color:#FFF;}
.module.exploreModule,.module.exploreModule .module-title{
 transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease; /* Firefox 4 */
 -webkit-transition: all 0.6s ease; /* Safari and Chrome */
 -o-transition: all 0.6s ease; /* Opera */
}

.module.exploreModule.fixedHeightOne {height:427px;}
.category-moduleexploreModule.homeProjectsOne {height:606px;}

.module.exploreModule {box-shadow: 0 2px 30px -10px #E95D0F;-webkit-box-shadow: 0 2px 30px -10px #E95D0F;}
.module.exploreModule {box-shadow: none;-webkit-box-shadow: none;}

.category-moduleexploreModule{padding:0;list-style:none;height:220px;overflow-y:auto;border-right:1px solid #FFF;border:none; }
.module.exploreModule.fixedHeightOne .category-moduleexploreModule{border:none; }
.category-moduleexploreModule li h4{margin:10px 0 15px 0;}

.category-moduleexploreModule::-webkit-scrollbar{width:5px;background:none;}
.category-moduleexploreModule::-webkit-scrollbar-track{margin:10px 0;border-top:2px solid #FFF;border-bottom:2px solid #FFF;}
.category-moduleexploreModule::-webkit-scrollbar-track-piace{}
.category-moduleexploreModule::-webkit-scrollbar-thumb{background:#FFF;width:5px;}
.category-moduleexploreModule::-webkit-scrollbar-button{display:none;}
/*
::-webkit-scrollbar              {}
::-webkit-scrollbar-button       {}
::-webkit-scrollbar-track        {}
::-webkit-scrollbar-track-piece  {}
::-webkit-scrollbar-thumb        {}
::-webkit-scrollbar-corner       {}
::-webkit-resizer                {}
*/

/* Pagination */

#system .pagination a.first,
#system .pagination a.last,
#system .pagination a.previous,
#system .pagination a.next{display:none;}

#main{padding-bottom:0px;}

a.goToSiteButton{
 float:right;
 padding:10px 20px;
 margin:15px 0; 
 display:block;
 line-height:20px;
 font-size:14px;
 font-weight:bold;
 background:none;
 box-shadow:0 0px 31px -12px #FFF;-webkit-box-shadow:0 0px 31px -12px #FFF;
 color:#FFF!important;
 border:1px solid #E95D0F;

}
a.goToSiteButton:hover
{
 color:#E95D0F!important;
 border:1px solid #FFF;
 box-shadow:0 0px 30px -10px #E95D0F;-webkit-box-shadow:0 0px 30px -10px #E95D0F;
}

a.goToSiteButton{
 transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
}

/* Titoli e dimensioni*/
#system .title, .module .module-title{font-weight:bold;}
#system .content{font-size:18px;}

div.fb-like-box{border:1px solid #E95D0F;}
div.fb-like-box:hover {border-color:rgba(255, 255, 255,0.8);
box-shadow: 0 2px 30px -10px #E95D0F;
-webkit-box-shadow: 0 2px 30px -10px #E95D0F;
}
div.fb-like-box:hover .module-title{color:#E95D0F;}
div.fb-like-box{
 transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease; /* Firefox 4 */
 -webkit-transition: all 0.6s ease; /* Safari and Chrome */
 -o-transition: all 0.6s ease; /* Opera */
}


div.slideshowModuleOne{margin-top:0;}
div.slideshowModuleOne ul{margin:0;list-style-type:none;padding:0 30px;float:left;}
div.slideshowModuleOne ul li{float:left;width:225px;margin-right:10px;}
div.slideshowModuleOne ul > li:last-child{margin-right:0px;}

div.slideshowModuleOne ul li h4{
background: rgba(0, 0, 0, 0.6);
margin: 15px 0;
padding: 0;
overflow: hidden;
padding: 0;
line-height: 42px;
font-size: 20px;
height:46px;
text-align: center;
color: rgba(0, 0, 0, 0.6);
font-weight: bold;
width:100%;
}

div.techSlideModuleOne ul{margin:0;list-style-type:none;padding:0;float:left;}
div.techSlideModuleOne ul li{float:left;}
div.techSlideModuleOne ul li a.technologyContainer{float:left;margin-left:15px;width:220px;margin-right:15px;height:90px;background-size:220px auto;}
div.techSlideModuleOne ul li a.technologyContainer{
 transition: all 0,3s linear;
 -ms-transition: all 0,3s linear;
 -moz-transition: all 0,3s linear;
 -webkit-transition: all 0,3s linear;
 -o-transition: all 0,3s linear;
}

a.joomlaOne{background:transparent url(/images/andindi/technologies/Joomla_BW.png) 0 0 no-repeat;}
a.joomlaOne:hover{background:transparent url(/images/andindi/technologies/Joomla.png) 0 0 no-repeat;}

a.drupalOne{background:transparent url(/images/andindi/technologies/drupal_BW.png) 0 0 no-repeat;}
a.drupalOne:hover{background:transparent url(/images/andindi/technologies/drupal.png) 0 0 no-repeat;}

a.wpOne{background:transparent url(/images/andindi/technologies/WordPress_BW.png) 0 0 no-repeat;}
a.wpOne:hover{background:transparent url(/images/andindi/technologies/WordPress.png) 0 0 no-repeat;}

a.MagentoOne{background:transparent url(/images/andindi/technologies/Magento_BW.png) 0 0 no-repeat;}
a.MagentoOne:hover{background:transparent url(/images/andindi/technologies/Magento.png) 0 0 no-repeat;}

a.htmlOne{background:transparent url(/images/andindi/technologies/html_BW.png) 0 0 no-repeat;}
a.htmlOne:hover{background:transparent url(/images/andindi/technologies/html.png) 0 0 no-repeat;}

a.cssOne{background:transparent url(/images/andindi/technologies/css_BW.png) 0 0 no-repeat;}
a.cssOne:hover{background:transparent url(/images/andindi/technologies/css.png) 0 0 no-repeat;}

a.phpOne{background:transparent url(/images/andindi/technologies/php_BW.png) 0 0 no-repeat;}
a.phpOne:hover{background:transparent url(/images/andindi/technologies/php.png) 0 0 no-repeat;}

a.jsOne{background:transparent url(/images/andindi/technologies/JavaScript_BW.png) 0 0 no-repeat;}
a.jsOne:hover{background:transparent url(/images/andindi/technologies/JavaScript.png) 0 0 no-repeat;}

a.jQueryOne{background:transparent url(/images/andindi/technologies/jQuery_BW.png) 0 0 no-repeat;}
a.jQueryOne:hover{background:transparent url(/images/andindi/technologies/jQuery.png) 0 0 no-repeat;}

a.gDevOne{background:transparent url(/images/andindi/technologies/googleDevelopers_BW.png) 0 0 no-repeat;}
a.gDevOne:hover{background:transparent url(/images/andindi/technologies/googleDevelopers.png) 0 0 no-repeat;}

a.javaOne{background:transparent url(/images/andindi/technologies/Java_BW.png) 0 0 no-repeat;}
a.javaOne:hover{background:transparent url(/images/andindi/technologies/Java.png) 0 0 no-repeat;}

a.pythonOne{background:transparent url(/images/andindi/technologies/python_BW.png) 0 0 no-repeat;}
a.pythonOne:hover{background:transparent url(/images/andindi/technologies/python.png) 0 0 no-repeat;}

div.backSquare{
 position:absolute;
 overflow:visible;
 width:14px;
 height:14px;
 display:block;
 box-shadow:0 0px 17px 3px #FFF;-webkit-box-shadow:0 0px 17px 3px #FFF;
 background:#FFF;
 z-index:99999;
}

div.backSquareShadow{
 width:10px;
 height:10px;
 display:block;
 position:absolute;
 top:2px;
 right:0;
 box-shadow:0 0px 30px -10px #FFF inset;-webkit-box-shadow:0 0px 30px -10px #FFF inset; 
}
div.backSquareShadow.outerShadow{ box-shadow:0 0px 30px -10px #FFF ;-webkit-box-shadow:0 0px 30px -10px #FFF;}

/*
div.backSquare{
 transition: all 1,6s linear;
 -ms-transition: all 1,6s linear;
 -moz-transition: all 1,6s linear;
 -webkit-transition: all 1,6s linear;
 -o-transition: all 1,6s linear;
}
*/

.content img{
 box-shadow: 0 0px 25px -1px #E95D0F;
 -webkit-box-shadow: 0 0px 25px -1px #E95D0F;
}
.module.exploreModule a {font-size:18px;line-height:18px;}

span.webSiteCredits{font-size:14px;}

.menu-line li a,
#footer a
{
 transition: color 0.3s linear;
 -ms-transition: color 0.3s linear;
 -moz-transition: color 0.3s linear;
 -o-transition: color 0.3s linear; 
 -webkit-transition: color 0.3s linear;
}

.system-transparent #content .items .grid-box .title a{ color:#FFF; }

.isblog.system-transparent.transparency-25 #system .item:hover,
.isblog.system-transparent.transparency-25 #system .grid-box:hover .item,
.isblog.system-transparent.transparency-25 #system .grid-box:hover .links{
border-color:#FFF;
box-shadow: 0 2px 30px -10px #E95D0F;
-webkit-box-shadow: 0 2px 30px -10px #E95D0F;
}


#system .grid-box:hover .links a{
	-moz-box-shadow: -5px 0 38px -12px rgba(233, 93, 15, 0.9)  inset;
    -webkit-box-shadow: -5px 0 38px -12px rgba(233, 93, 15, 0.9)  inset;
    box-shadow: -5px 0 38px -12px rgba(233, 93, 15, 0.9)  inset;
}


.system-transparent #content .items .grid-box:hover .title a{ color:#E95D0F; }
.system-transparent #content .items .grid-box:hover .title a:hover{ color:#FFF; }
.system-transparent #content .items .grid-box .item,
.system-transparent #content .items .grid-box .links,
.isblog.system-transparent.transparency-25 #system .item{
 transition: all 0.6s linear;
 -ms-transition: all 0.6s linear;
 -moz-transition: all 0.6s linear; /* Firefox 4 */
 -webkit-transition: all 0.6s linear; /* Safari and Chrome */
 -o-transition: all 0.6s linear; /* Opera */
}

#bottom-a .module.mod-box,
#bottom-b .module.mod-box{min-height:0!important;}
.bx-wrapper .bx-viewport{height:auto!important;}
#page-body > div,#maininner,#sidebar-a,#sidebar-b{min-height:0!important;}

/* Sites showcase */

.aidanews2_mainC{position:relative;}
.aidanews2_art
{
 box-shadow: 0 0px 15px -1px #E95D0F;
 -webkit-box-shadow: 0 0px 15px -1px #E95D0F;
}

.aidanews2_img1{line-height:100%;}
.aidanews2_title {
 position: absolute;
 top: 0;
 left:0;
 width: 100%;
 background: rgba(0, 0, 0, 0.6);
 margin: 0;
 padding: 0;
 height: 0;
 overflow: hidden;
 padding: 0;
 font-size: 36px;
 text-align: center;
 height:0;
 color:rgba(0, 0, 0, 0.6);
 font-weight:bold;
}
.aidanews2_title a{width:100%;height:100%;line-height: 125px;float:left;}
.aidanews2_art:hover .aidanews2_title{height:120px;color:#e95d0f;}

.aidanews2 .aidanews2_art:nth-child(10) .aidanews2_title a{
 line-height:30px;padding-top:8%;height:92%;
}


.aidanews2_art:hover .aidanews2_title a:hover{color:#E95D0F;}
.aidanews2_title {
 transition: height 0.4s linear, color 0.6s linear;
 -ms-transition: height 0.4s linear, color 0.6s linear;
 -moz-transition: height 0.4s linear, color 0.6s linear; /* Firefox 4 */
 -webkit-transition: height 0.4s linear, color 0.6s linear; /* Safari and Chrome */
 -o-transition: height 0.4s linear, color 0.6s linear; /* Opera */
}

#bottom-a .module{margin:0 10px;}
.projectsWorksTitle
{
 line-height: 40px;
 font-size: 36px;
 text-align: center;
 float:left;
 width:100%;
 font-weight:bold;
 margin:0 0 20px 0 !important;
 border-bottom:1px solid #E95D0F;
 padding-bottom:15px;
  transition: border 0.6s linear;
 -ms-transition: border 0.6s linear;
 -moz-transition: border 0.6s linear; /* Firefox 4 */
 -webkit-transition: border 0.6s linear; /* Safari and Chrome */
 -o-transition: border 0.6s linear; /* Opera */
}
.aidanews2{
 height:485px;
 overflow:hidden;
  transition: height 1s linear;
 -ms-transition: height 1s linear;
 -moz-transition: height 1s linear; /* Firefox 4 */
 -webkit-transition: height 1s linear; /* Safari and Chrome */
 -o-transition: height 1s linear; /* Opera */


}
.aidanews2.halfExpanded,
.aidanews2.halfReduced{height:1145px;}
.aidanews2.expanded{height:2635px;}

.projSlideHeightController{
 float:left;width:100%;
 margin:10px 0!important;
 cursor:pointer;
 margin-bottom:20px!important;
}

.projSlideControllerTitle{
 width: 100%;
 float: left;
 text-align: center;
 font-size: 30px;
 line-height: 16px;
 font-weight: bold;
 border-top: 1px solid #E95D0F;
 margin-top: 10px;
 padding: 0 0 15px 0;
 color:#E95D0F;
   transition: border 0.6s linear,color 0.6s linear;
 -ms-transition: border 0.6s linear,color 0.6s linear;
 -moz-transition: border 0.6s linear,color 0.6s linear; /* Firefox 4 */
 -webkit-transition: border 0.6s linear,color 0.6s linear; /* Safari and Chrome */
 -o-transition: border 0.6s linear,color 0.6s linear; /* Opera */ 
}
.projSlideControllerArrow{
 height:26px;
 background:transparent url(../images/downArrow.png) center top no-repeat;
 float:left;width:100%;
 border-top:1px solid #E95D0F;
 border-top:1px solid #E95D0F;
  transition: border 0.6s linear,background-image 0.6s linear;
 -ms-transition: border 0.6s linear,background-image 0.6s linear;
 -moz-transition: border 0.6s linear,background-image 0.6s linear; /* Firefox 4 */
 -webkit-transition: border 0.6s linear,background-image 0.6s linear; /* Safari and Chrome */
 -o-transition: border 0.6s linear,background-image 0.6s linear; /* Opera */  
}

#bottom-a:hover .projectsWorksTitle{border-bottom:1px solid #FFF;} 
#bottom-a:hover .projSlideControllerArrow{border-top:1px solid #FFF;background:transparent url(../images/hoverDownArrow.png) center top no-repeat;}
#bottom-a:hover .projSlideControllerTitle{border-top:1px solid #FFF;color:#FFF;}

.projSlideHeightController.inverseDirection .projSlideControllerArrow{ background:transparent url(../images/upArrow.png) center top no-repeat;border-top:1px solid #000;;border-bottom:1px solid #E95D0F;}
.projSlideHeightController.inverseDirection .projSlideControllerTitle{display:none;}
#bottom-a:hover .projSlideHeightController.inverseDirection .projSlideControllerArrow{ background:transparent url(../images/hoverUpArrow.png) center top no-repeat;border-top:1px solid #000;border-bottom:1px solid #FFF;}

#innerbottom .width100{width:50%;}
#innerbottom .module.experimentsModule{margin:0px 0px 15px 10px;}

#innerbottom .experimentsModule a{
 width: 378px;
 height:43px;
 background: rgba(233, 93, 15, 0.9);
 box-shadow: 0 2px 30px -14px #FFF;
 -webkit-box-shadow: 0 2px 30px -14px #FFF;
 border: 1px solid #E95D0F;

}

#innerbottom .experimentsModule a:hover{
 background:#0A0A0A;
 box-shadow: 0 0px 33px -10px #E95D0F;
 -webkit-box-shadow: 0 0px 33px -10px #E95D0F;
}

#innerbottom .experimentsModule a h3{width:360px;height:44px;line-height:48px;}

.module.interestShowroomModule{margin:0px 0px 10px 10px;}
.interestShowroomModule a{
  width: 378px;
  height:378px;
  background:#0A0A0A;
  border: 1px solid #E95D0F;
  float:left;
  position:relative;
  box-shadow: 0 2px 30px -14px #FFF;
  -webkit-box-shadow: 0 2px 30px -14px #FFF;
  transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease; /* Firefox 4 */
 -webkit-transition: all 0.6s ease; /* Safari and Chrome */
 -o-transition: all 0.6s ease;
 overflow:hidden;
}
.interestShowroomModule a:hover{
 border-color:#FFF;
  box-shadow: 0 0px 33px -10px #E95D0F;
 -webkit-box-shadow: 0 0px 33px -10px #E95D0F;
}

.interestShowroomModule a > div.coolEffectUtility{
 display:block;
 position:absolute;
 background: rgba(233, 93, 15, 0.7);
 width:378px;
 height:378px;
 margin:0;
 padding:0;
 color:#FFF;
 font-size:33px;
 text-align:center;
 line-height:378px;
 font-weight:bold;
 display:none;
 z-index:99999999;
}
.bx-wrapper, .bx-wrapper .bx-viewport{
}

.interestShowroomModule a ul{
 float: left;
 list-style-type: none;
 padding: 0;
 margin: 0;
 width: 378px;
 height: 378px;
}

.interestShowroomModule a ul li{
 float: left;
 padding: 0;
 margin: 0;
 width: 378px;
 height: 378px;
}

.interestShowroomModule a ul li > span{
 float: left;
 padding: 0; 
 margin: 0;
 width:378px;
 height:378px;
 background-size:cover;
 background-position:center center;
 background-repeat:no-repeat;
}

.module.experimentsShowroomModule {
 margin: 0px 0px 15px 10px;
}

.experimentsShowroomModule > div,
.experimentsShowroomModule .aidanews2_art,
.experimentsShowroomModule .aidanews2_main{
 float:left;
 width:100%;
 margin:0;padding:0;
}

.experimentsShowroomModule .aidanews2_art{
 margin-bottom:10px;
 box-shadow: 0 2px 30px -14px #FFF;
 -webkit-box-shadow: 0 2px 30px -14px #FFF;
 transition: all 0.6s ease;
 -ms-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease; /* Firefox 4 */
 -webkit-transition: all 0.6s ease; /* Safari and Chrome */
 -o-transition: all 0.6s ease;
 border: 1px solid #E95D0F;
 width:378px;
 height:378px;
}

.experimentsShowroomModule .aidanews2_art:hover{
 border-color:#FFF;
  box-shadow: 0 0px 33px -10px #E95D0F;
 -webkit-box-shadow: 0 0px 33px -10px #E95D0F;
}

.experimentsShowroomModule .animationPreview,
.experimentsShowroomModule .fractalPreview{
 float:left;
 width:378px;
 height:378px;
 overflow:hidden;
 position:relative;
}

.experimentsShowroomModule .aidanews2_mainL
{
 float:left;
 width:378px;
 height:378px;
}

.experimentsShowroomModule .aidanews2_main{
 position:relative;
 float:left;
 width:378px;
 height:378px;
 overflow:hidden;
}

.experimentsShowroomModule .aidanews2_mainL.coolEffectUtility{
 display:block;
 position:absolute;
 width:378px;
 height:378px;
 display:none;
 z-index:99999999;
 margin:0;
 padding:0;
}

.experimentsShowroomModule .aidanews2_mainL h1{
 float:left;
 width:378px;
 height:378px; 
 margin:0;
 padding:0;
}

.experimentsShowroomModule .aidanews2_art:hover .aidanews2_title{
 height:378px; 
}

.experimentsShowroomModule .aidanews2_mainL h1 a{
 float:left;
 width:378px;
 height:378px; 
 margin:0;
 padding:0;
 background: rgba(233, 93, 15, 0.7);
 color:#FFF;
 font-size:33px;
 text-align:center;
 line-height:378px;
 font-weight:bold;
}

.experimentsShowroomModule .aidanews2_art:hover .aidanews2_mainL h1 a{
 color:#FFF;
}

.item .animationPreview,
.item .fractalPreview{
 float:left;
 width:726px;
 height:250px;
 overflow:hidden;
 position:relative;
 border:1px solid #FFF;
 
 box-shadow: 0 0px 33px -10px #E95D0F;
 -moz-box-shadow: 0 0px 33px -10px #E95D0F;
 -webkit-box-shadow: 0 0px 33px -10px #E95D0F;
 
 transition: all 0.6s linear;
 -ms-transition: all 0.6s linear;
 -moz-transition: all 0.6s linear; /* Firefox 4 */
 -webkit-transition: all 0.6s linear; /* Safari and Chrome */
 -o-transition: all 0.6s linear; /* Opera */
 margin-bottom:15px;
}

.items .item .animationPreview,
.items .item .fractalPreview{
 margin-bottom:-20px!important;
 margin-left:-20px;
 margin-right:-20px;
 width:768px;
 border: 0;
 border-top: 1px solid #E95D0F;
}


.item:hover .animationPreview,
.item:hover .fractalPreview{

 box-shadow: 0 2px 30px -14px #FFF;
 -moz-box-shadow: 0 2px 30px -14px #FFF;
 -webkit-box-shadow: 0 2px 30px -14px #FFF;
 border: 1px solid #E95D0F;
}

.items .grid-box:hover .animationPreview,
.items .grid-box:hover .fractalPreview{
 border:0;
 border-top:1px solid #FFF;
}



.bolla{
 position:absolute;
 display:block;
 opacity:0.6;
}

.bolla img,
.content .bolla img{
 border:0;
 box-shadow:none;
 -webkit-box-shadow:none;
 background:none;
}

.snow{
 position:absolute;
 display:block;
 background:#FFF;
 border-radius:50%;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
}

span.animationStarting,
span.animationStopping, 
span.fractalOpening, 
span.fractalClosing{
 float: right;
 padding: 10px 20px;
 margin: 15px 0;
 display: block;
 line-height: 20px;
 font-size: 14px;
 font-weight: bold;
 background: none;
 box-shadow: 0 0px 31px -12px #FFF;
 -webkit-box-shadow: 0 0px 31px -12px #FFF;
 color: #FFF!important;
 border: 1px solid #E95D0F;
 transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 cursor:pointer;
 text-transform:uppercase;
}

span.animationStopping,
span.fractalClosing{
 background:rgba(0,0,0,0.6);
}

span.animationStarting:hover,
span.animationStopping:hover, 
span.fractalOpening:hover, 
span.fractalClosing:hover{
 color: #E95D0F!important;
 border: 1px solid #FFF;
 box-shadow: 0 0px 30px -10px #E95D0F;
 -moz-box-shadow: 0 0px 30px -10px #E95D0F;
 -webkit-box-shadow: 0 0px 30px -10px #E95D0F;
}

.animationStopping,
.fractalClosing{
 position:absolute;
 top:0px;
 right:15px;
 z-index:9999999;
}

.expFullScreenContainer{
 position:fixed;
 background:rgba(0,0,0,0.9);
 z-index:99999;
 display:block;
 opacity:0;
 top:50%;
 left:50%;
 width:0;
 height:0;
  transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
 -ms-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 -webkit-transition: all 0.4s linear;
}
.expFullScreenContainer.expanded
{
 opacity:1;
 width:100%;
 height:100%;
 top:0;
 left:0;
}

.animationContainer{
 position:relative;
 width:96%;
 height:94%;
 background:#000;
 z-index:999999;
 display:block;
  box-shadow: 0 0px 30px 2px #E95D0F;
 -moz-box-shadow: 0 0px 30px 2px #E95D0F;
 -webkit-box-shadow: 0 0px 30px 2px #E95D0F;
 margin-top:2%;
 margin-left:2%;
 overflow:hidden;
 
}