@import url("Proxima_Nova_Regular/stylesheet.css");
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,figure,table,caption,tbody,tfoot,thead,tr,th,td{
	border: 0;
	font-family: "Proxima Nova Regular";
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline
}

:focus{outline:0}

ol,ul{list-style:none}

table{border-collapse:separate;
border-spacing:0}

caption,th,td{font-weight:normal;
text-align:left}

blockquote:before,blockquote:after,q:before,q:after{content:""}

blockquote,q{quotes:"" ""}

a
img{border:0}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:normal}

.clearfix:after{content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0}

.clearfix{display:inline-block}

html[xmlns] .clearfix{display:block}

* html
.clearfix{height:1%}


body{font-family:"futura-pt","futura";
-webkit-font-smoothing:antialiased !important;
overflow-x:hidden;
display:block}

h2{font-size:24px;
color:#999}

.black{background:#000}

#cl{margin-top:-16px;
margin-left:-16px;
z-index:10000}

.center{left:50%;
top:50%;
position:absolute}

.black{}

#navi li.here
a{color:#999;
border-bottom:2px solid #ccff00}

.content{color:white;
margin-top:160px}

.content
h2{font-size:70px;
text-transform:uppercase;
padding-bottom:20px;
color:#ccff00;
text-align:center}

.content
span{color:#ccff00}

.content
p{text-align:center;
font-size:36px;
line-height:40px !important;
letter-spacing:-1px}

.item-work{width:25%;
display:block;
float:left;
font-family:"futura-pt","futura";
position:relative;
overflow:hidden}

#profilo{}

a{text-decoration:none;
color:#666;
-webkit-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-moz-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-ms-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-o-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0}

.grain{background:url(../img/gui/grain.jpg)}

a:hover{text-decoration:none;
color:#999}

p{padding:0;
margin:0;
line-height:24px}

.table{display:table;
width:100%;
height:100%}

.table-cell{display:table-cell;
vertical-align:middle;
text-align:center;
opacity:0}

.gray{font-size:16px;
padding-top:8px;
font-weight:500;
color:#ccff00}

.box-image{display:block;
width:100%;
height:100%}

.box-image
img{width:100%;
display:block;
height:auto !important}

.over:hover .table-cell{}

.over{display:block;
position:absolute;
background:black;
color:white;
font-size:26px;
left:0;
top:0;
width:100%;
height:100%;
opacity:0.45;
letter-spacing:1px;
-webkit-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-moz-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-ms-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-o-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden}

.over:hover{opacity:1}

.fix-top{width:100%;
position:fixed;
left:0;
top:0;
z-index:10;
height:90px;
background:#FFF}

.fix-footer{width:100%;
position:fixed;
left:0;
bottom:3%;
z-index:11;
color:#fff}

.inside{padding:20px}

.inside-large{padding:20px
20px 18px 40px}

.fix-footer
p{font-size:11px;
font-weight:800}

#page{margin-top:90px}

#navi{list-style:none;
margin-top:40px;
margin-left:40px}

#navi
li{font-size:12px;
position:relative;
display:inline;
padding:0
18px 0 0;
text-transform:uppercase;
font-weight:bold}

#logo{background:url(../img/gui/logo-sprite.png) no-repeat;
width:85px;
height:85px;
position:fixed;
bottom:20px;
right:40px;
z-index:100;
cursor:pointer}

#logo:hover{background-position-x:-174px}

#navi li
a{color:#ccc;
-webkit-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-moz-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-ms-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-o-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0}

#navi li a:hover{color:#666}

.right{float:right}

.left{float:left}

.away{top:-100px}

#slider{position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:auto;
height:auto;
z-index:0}

.royalSlider
img{width:100%;
height:100%;
opacity:1}

#preload,#preload-right{width:100%;
height:50%;
top:0;
left:0;
right:0;
bottom:0;
position:fixed;
z-index:10000;
background:#000}

#preload-right{top:50%}

.btn{width:30px;
height:30px;
border-radius:60px;
background:#FFF;
z-index:2000;
display:block;
left:30px;
position:fixed;
bottom:30px;
cursor:pointer;
display:none}

.btn:hover{opacity:0.8}

#btn-mobi{width:33px;
height:23px;
background:url(../img/gui/shownavi.png) no-repeat;
cursor:pointer;
position:absolute;
top:20px;
right:20px;
display:none}

#navi-mobi{margin-top:60px;
display:none;
background:white;
padding:20px
0 4px 0}

#navi-mobi
li{font-size:12px;
position:relative;
padding:8px
0 8px 4px;
text-transform:uppercase;
font-weight:bold;
text-align:center;
border-bottom:1px solid #CCC}

#navi-mobi li:last-child{border-bottom:none}

#navi-mobi li
a{color:#999;
text-transform:uppercase;
-webkit-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-moz-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-ms-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-o-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0}

#navi-mobi li a:hover{color:#333}

.infoBlock{position:absolute;
bottom:40px;
left:30px;
padding-bottom:0;
background:#FFF;
background:rgba(255,255,255,0.8);
overflow:hidden;
padding:6px
14px}

.infoBlock
p{font-size:22px;
color:#999}

.rsArrow{height:100%;
width:44px;
position:absolute;
display:block;
cursor:pointer;
z-index:21}

.rsArrowLeft{top:0;
left:0}

.rsArrowRight{top:0;
right:0}

.rsArrowIcn{width:40px;
height:40px;
top:50%;
left:50%;
margin-top:-16px;
border-radius:50%;
position:absolute;
cursor:pointer;
opacity:1;
background:url('../img/gui/rs-default.png');
background-color:rgba(0,0,0,0.75);
background-color:#fff}

.rsArrowIcn:hover{background-color:#ccff00}

.rsArrowRight
.rsArrowIcn{background-position:-60px -60px;
margin-left:-40px}

.rsArrowLeft
.rsArrowIcn{background-position:-60px -28px;
margin-left:0px}

.rsArrowDisabled
.rsArrowIcn{background-color:rgba(0,0,0,0);
opacity: .0;
display:none}

.opa{background:none}

.w960{width:960px;
margin:0
auto}

.w940{width:940px;
margin:0
auto}

#contact-pannel{width:100%;
height:300px;
background:#474545;
position:fixed;
top:-300px;
left:0;
z-index:1000}

.content-small{color:white;
text-align:center;
padding:80px
40px;
font-size:22px;
line-height:30px}

.content-small
h2{font-size:50px;
text-transform:uppercase;
padding-bottom:20px;
color:#ccff00}

p.link{padding-top:20px}

p.link
a{color:#ccff00}

p.link a:hover{color:#fff}

.btn-close{position:absolute;
top:60px;
right:70px;
width:40px;
height:40px;
border-radius:50%;
cursor:pointer;
background:#FFF url(../img/gui/arrw-close.png) no-repeat;
background-position:13px 13px}

.btn-ani{-webkit-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-moz-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-ms-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
-o-transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0;
transition:all cubic-bezier(0.19, 1, 0.22, 1) 1000ms 0}

.btn-close:hover{background:#333 url(../img/gui/arrw-close-over.png) no-repeat;
background-position:13px 13px}

.rel{position:relative}

.rsBullets{position:absolute;
z-index:35;
left:0;
bottom:-100px;
width:100%;
height:auto;
margin:0
auto;
text-align:center;
line-height:8px;
overflow:hidden}

.rsBullet{width:8px;
height:8px;
display:inline-block;
*display:inline;
*zoom:1;
padding:6px
5px 6px}

.rsBullet
span{display:block;
width:8px;
height:8px;
cursor:pointer;
border-radius:50%;
background:#777;
background:rgba(255,255,255,0.5)}

.rsBullet.rsNavSelected
span{background-color:#FFF}

.info-ball{background-color:#ccff00;
color:#fcfcfc;
cursor:pointer}

.info-ball
h2{margin-bottom:2px;
color:#fff;
font-size:22px}

.info-ball
span{font-size:13px}

.info-ball:hover{background-color:#000}

.info-ball
hr{width:80%}

.content
p.large{font-size:60px !important;
line-height:60px !important}

#testimonial{display:none}

.ball{width:240px;
height:240px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
position:fixed;
top:200px;
left:50%;
margin-left:-160px;
z-index:3000;
padding:40px;
display:table;
text-align:center}

.ball-content{color:#fff;
display:table-cell;
text-align:center;
vertical-align:middle}

.ball-content
p{font-size:13px !important;
font-weight:600;
padding-top:16px}

p.sign{padding-top:12px;
color:#B8E7EA;
font-style:italic}

.blue{background:#ccff00}

#work-infos{z-index:100;
background:#ccff00;
color:white;
width:280px;
height:280px;
position:absolute;
left:50%;
top:50%;
margin-left:-140px;
margin-top:-140px;
border-radius:50%;
display:none;
text-align:center}

.work-descpn{color:#fff;
display:table-cell;
text-align:center;
vertical-align:middle;
padding:30px}

.work-descpn
p{color:#000;
display:table-cell;
text-align:center;
vertical-align:middle;
font-size:13px !important;
font-weight:600}

.btn-more{position:absolute;
bottom:100px;
left:-40px;
width:40px;
height:40px;
border-radius:50%;
cursor:pointer;
background:#fff url(../img/gui/more-over.png) no-repeat;
background-position:13px 13px}

.minus{background:#ccff00 url(../img/gui/less.png) no-repeat !important;
background-position:13px 13px !important}

.minus:hover{background:#ccff00 url(../img/gui/less-over.png) no-repeat !important;
background-position:13px 13px !important}

.btn-more:hover{background:#ccff00 url(../img/gui/more-over.png) no-repeat;
background-position:13px 13px}

.diag{background:url(../img/gui/diag.png) no-repeat;
height:62px;
position:relative;
opacity:0.5}

.toright{background-position:64% 0%}

.toleft{background-position:36% 0%}

.mask{display:block;
position:absolute;
background:white;
left:0;
top:0;
width:0;
height:100%}

.image-list{width:100%;
display:block;
height:100px;
overflow:hidden;
position:relative;
text-align:center;
color:#FFF;
cursor:pointer;
background:#000}

.image-container
img{width:100%;
height:auto;
opacity:0.5}

.list-title{position:absolute;
width:100%;
margin-top:46px;
color:#fff;
font-size:18px;
font-weight:600;
z-index:100}

#testimonial{z-index:100;
background:#ccff00;
color:white;
width:280px;
height:280px;
position:absolute;
left:50%;
top:50%;
margin-left:-160px;
margin-top:-160px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
display:none;
text-align:center;
padding:20px}

.testimonial-descpn{color:#FFF;
display:table-cell;
text-align:center;
vertical-align:middle;
padding:20px}

.testimonial-descpn
p{color:#fff;
display:table-cell;
text-align:center;
vertical-align:middle;
font-size:13px !important;
font-weight:600}

.testimonial-descpn p
span{display:block;
color:#B8E7EA;
font-style:italic}


@media only screen and (min-width: 960px) and (max-width: 1400px){.item-work{width:25%}

}

.content-small{width:600px}

@media only screen and (min-width: 480px) and (max-width: 960px){.item-work{width:50%}

.image-container
img{}

.royalSlider{height:760px !important}

.container{width:700px}

.content
p{font-size:28px;
line-height:34px !important}

.content
p.large{font-size:28px !important;
line-height:34px !important}

}

@media only screen and (max-width: 620px){.item-work{width:100%}

.ball{width:260px;
height:260px;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-o-border-radius:100%;
position:fixed;
top:50%;
left:50%;
margin-left:-140px;
margin-top:-140px;
z-index:3000;
padding:20px;
display:table;
text-align:center;
overflow:hidden}

.ball-content
p{font-size:11px !important;
font-weight:600;
padding-top:16px}

#navi{display:none}

#logo{position:fixed;
left:50%;
margin-left:-45px;
bottom:20px}

.content{margin-top:60px}

.content
p{font-size:16px;
line-height:20px !important;
text-align:center;
font-weight:600}

#footer{padding:0
!important}

#footer
p{text-align:center}

.content
p.large{font-size:22px !important;
line-height:28px !important}

.content
h2{font-size:30px;
line-height:30px !important;
text-align:center;
padding-bottom:6px}

.content
p.large{font-size:16px !important;
line-height:20px !important;
text-align:center !important}

#header{height:60px}

#page{margin-top:20px}

#btn-mobi{display:block}

#btn-mobi{display:block}

.infoBlock{position:absolute;
top:80px;
left:0px;
padding-bottom:0;
background:#FFF;
background:rgba(255,255,255,0.8);
overflow:hidden;
padding:4px
10px;
display:none !important}

.royalSlider{height:300px !important}

.infoBlock
p{font-size:22px;
color:#999;
text-align:center}

.container{width:80%;
padding:2%}

.rsBullets{bottom:-40px !important}

.image-container
img{width:280%;
margin-left:-70%}

}


.royalSlider{width:600px;
height:400px;
position:relative;
direction:ltr}

.royalSlider>*{float:left}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d
.rsAbsoluteEl{-webkit-backface-visibility:hidden;
-webkit-transform:translateZ(0)}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d
.rsContainer{-webkit-transform:none}

.rsOverflow{width:100%;
height:100%;
position:relative;
overflow:hidden;
float:left;
-webkit-tap-highlight-color:rgba(0,0,0,0)}

.rsVisibleNearbyWrap{width:100%;
height:100%;
position:relative;
overflow:hidden;
left:0;
top:0;
-webkit-tap-highlight-color:rgba(0,0,0,0)}

.rsVisibleNearbyWrap
.rsOverflow{position:absolute;
left:0;
top:0}

.rsContainer{position:relative;
width:100%;
height:100%;
-webkit-tap-highlight-color:rgba(0,0,0,0)}

.rsArrow,.rsThumbsArrow{cursor:pointer}

.rsThumb{float:left;
position:relative}

.rsArrow,.rsNav,.rsThumbsArrow{opacity:1;
-webkit-transition:opacity 0.3s linear;
-moz-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
transition:opacity 0.3s linear}

.rsHidden{opacity:0;
visibility:hidden;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
transition:visibility 0s linear 0.3s,opacity 0.3s linear}

.rsGCaption{width:100%;
float:left;
text-align:center}

.royalSlider.rsFullscreen{position:fixed !important;
height:auto !important;
width:auto !important;
margin:0
!important;
padding:0
!important;
z-index:2147483647 !important;
top:0 !important;
left:0 !important;
bottom:0 !important;
right:0 !important}

.royalSlider
.rsSlide.rsFakePreloader{opacity:1 !important;
-webkit-transition:0s;
-moz-transition:0s;
-o-transition:0s;
transition:0s;
display:none}

.rsSlide{position:absolute;
left:0;
top:0;
display:block;
overflow:hidden;
height:100%;
width:100%}

.royalSlider.rsAutoHeight,
.rsAutoHeight
.rsSlide{height:auto}

.rsContent{width:100%;
height:100%;
position:relative}

.rsPreloader{position:absolute;
z-index:0}

.rsNav{-moz-user-select:-moz-none;
-webkit-user-select:none;
user-select:none}

.rsNavItem{-webkit-tap-highlight-color:rgba(0,0,0,0.25)}

.rsThumbs{cursor:pointer;
position:relative;
overflow:hidden;
float:left;
z-index:22}

.rsTabs{float:left;
background:none !important}

.rsTabs,.rsThumbs{-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:rgba(0,0,0,0)}

.rsVideoContainer{width:auto;
height:auto;
line-height:0;
position:relative}

.rsVideoFrameHolder{position:absolute;
left:0;
top:0;
background:#141414;
opacity:0;
-webkit-transition: .3s}

.rsVideoFrameHolder.rsVideoActive{opacity:1}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer
.rsVideoObj{position:absolute;
z-index:50;
left:0;
top:0;
width:100%;
height:100%}

.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo
embed{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding-right:44px}

.rsABlock{left:0;
top:0;
position:absolute;
z-index:15;
-webkit-backface-visibility:hidden}

.grab-cursor{cursor:url(../img/gui/grab.png) 8 8,move}

.grabbing-cursor{cursor:url(../img/gui/grabbing.png) 8 8,move}

.rsNoDrag{cursor:auto}