@charset "UTF-8";



* {

margin:0;

padding:0;

}



html,body {

font-family:nillandregular, sans-serif !important;

font-size:15px;

width:100%;

color:#494949;

font-weight:300;

}

body p{ font-family: 'Open Sans', sans-serif !important;}
body p strong{ font-family: 'Open Sans', sans-serif !important;}

img {

border:0 none;

}



a {

text-decoration:none;

color:#3f3f3f;

}



a:hover {

color:#56a4ed;

}



h1,h2,h3 {

font-weight:300;

}



.left {

float:left;

}



.right {

float:right;

}



.clear {

clear:both;

width:100%;

}



.white {

color:#fff;

}
.darkblue {color:#2980B9;}
.darkbluesec {color: #22A7F0;}



.light-grey {

color:#9f9f9f;

}



.yellow{

color:#febc1d;

}



.txt-left {

text-align:left;

}



.txt-right {

text-align:right;

}



.txt-center {

text-align:center;

}



header {

padding-bottom:10px;

position:absolute;

top:0;

width:100%;

z-index:9999;

}



#logo {
    background-image: url('../images/logols-1.png');
    height: 69px;
    padding-top: 19px;
    width: 241px;
    margin-top: 39px;
    background-size: 100% 100%;
}

#logo:hover {

    

 background-image: url('../images/Main-Logo.png');

}





.nav {
margin-left:120px !important;
}

.navbar-default {
    background-color:transparent !important;
    border-color:transparent !important;
}

nav li {

    float: left;

    position: relative;

    padding-top:20px;

    background-image: url(../images/point-menu.png);

    background-position: right 60px;

    background-repeat: no-repeat;

}



.nav li a {
    font-size: 30px;
    font-family: nilland-blackregular, sans-serif;
    color: #fff !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
}



.languages {

margin-top:42px;

}



nav.second-menu {

margin-left:203px;

}



nav.second-menu li {

float:left;

position:relative;

padding-top:14px;

background-image:url(../images/point-menu.png);

background-position:right 35px;

background-repeat:no-repeat;

}
#logo-little a {
   
    display: block;
    margin: 12px 60px;
}

nav.second-menu .active {color: #56a4ed !important;}

nav.second-menu ul li a {

font-size:22px;

font-family:nilland-blackregular, sans-serif;

color:#fff;

padding-right:20px;

padding-left:20px;

}

nav.second-menu ul li a:hover { color: #56a4ed !important; text-decoration: none;}
.nav li a:hover { color: #56a4ed !important; text-decoration: none; }

.languages-mini {

margin-top:18px;

}



.languages-mini li a {

font-size:17px;

}



#video_background,#video_background_points {

position:absolute;

bottom:0;

right:0;

min-width:100%;

min-height:100%;

width:auto;

height:auto;

z-index:-1000;

overflow:hidden;

}

#video_background

{

    background-image: url(../images/relatiedagen.jpg);

    background-repeat: no-repeat;

    background-position: center top;

     background-size:100% 100%;

}

.video_background1

{

    background-image: url(../images/lens2.jpg);

    background-repeat: no-repeat;

    background-position: center top;

     background-size:100% 100%;

}

.video_background2

{

    background-image: url(../images/next-to-puzzle-wall.jpg);

    background-repeat: no-repeat;

    background-position: center top;

     background-size:100% 100%;

}

.video_background3

{

    background-image: url(../images/job-search-m-2.jpg);

    background-repeat: no-repeat;

    background-position: center top;

     background-size:100% 100%;

}

.video_background4

{

    background-image: url(../images/Conf_outdoors.jpg);

    background-repeat: no-repeat;

    background-position: center top;

     background-size:100% 100%;

}

.video-home {

height:650px;

position:relative;

}



.video-points {

height:1110px;

position:relative;

overflow:hidden;

}



.video-works,#text-video-works {

height:1155px;

position:relative;

}



/*#text-header,#content-box-text-home,#content-workers-ita,#content-workers-eng,#text-video-points,#header,#center-box-products,#center-footer,#text-video-works,#content-other-works,#center-instagram,#center-presentation,#content-box-story,#text-points-about,#center-work-description,.center-menu,#text-video-single-works,.center-photo,.center-photos,.center-work-description,.content-presentation-product,#text-video-single-product,#content-box-legal-privacy{
width:1000px;
margin:0 auto;
}*/



.first-line h1,.second-line h2,.first-line-single h1,.second-line-single h2 {

font-family:nilland-blackregular;

font-size:81px;

}



.third-line h1.final-phrase {

font-family:nilland-blackregular;

font-size:81px;

padding-left:25px;

}



.second-line h2, .second-line-single h2 {
    display: block;
    font-size: 73px;
}



.third-line {

margin-top:-30px;

}



.third-line div.content {

font-family:nilland-smallcapsbold;

padding-top:27px;

text-align:right;

width:335px;

font-size:16px;

}



.vertical-scroller-home {
    height: 865px;
    position: relative;
    background-image: url(../images/background-book.jpg);
    background-position: center center;
    background-repeat: repeat-y;
    overflow: hidden;
}



#content-slider-home {

width:1200px;

margin:0 auto;

}



.first-page-slider,.second-page-slider {

width:50%;

}



.slide-photo-left {

background-position:left bottom;

background-repeat:no-repeat;

position:absolute;

left:0;

top:0;

}



.slide-photo-right {

background-position:right bottom;

background-repeat:no-repeat;

position:absolute;

right:0;

top:0;

}



.absolute-slider-txt {

bottom:0;

height:326px;

position:absolute;

width:490px;

}



.absolute-right {

right:20px;

}



.absolute-left {

left:20px;

}



.slide-img {

height:450px;

width:90%;

min-width:600px;

}



.single {

height:776px;

position:relative;

width:100%;

}



.title-slider-home {

border-top:1px solid #6c7071;

padding-top:10px;

}



.title-slider-home h1 {

font-size:70px;

margin-top:-22px;

font-family:nilland-smallcapsbold;

}



.margin-top-content {

margin-top:10px;

font-size:17px;

}



.change-slide {

background-image:url(../images/icon-change-slide.png);

background-position:0 0;

background-repeat:no-repeat;

height:62px;

width:69px;

display:block;

position:relative;

margin:0 auto;

}



.next {

background-image:url(../images/slider-home-arrow-next.png);

background-position:0 -44px;

background-repeat:no-repeat;

height:44px;

left:13px;

position:absolute;

top:13px;

width:44px;

cursor:pointer;

-webkit-transition-property:background;

-webkit-transition-duration:.2s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:background;

-moz-transition-duration:.2s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:background;

-o-transition-duration:.2s;

-o-transition-timing-function:linear, ease-in;

}



.disabled {

display:none;

}



a:hover.next {

background-position:0 0;

}



.shadow-book {

background-position:top center;

background-repeat:no-repeat;

position:absolute;

height:22px;

width:390px;

left:50%;

margin-left:-185px;

z-index:100;

}



.shadow-up {

background-image:url(../images/shadow-book-up.png);

top:0;

}



.shadow-dw {

background-image:url(../images/shadow-book-dw.png);

bottom:0;

}



.change-slide-link {

font-size:50px;

-webkit-transform:rotate(90deg);

-moz-transform:rotate(90deg);

-ms-transform:rotate(90deg);

-o-transform:rotate(90deg);

filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}



.change-slide-link:hover {

animation:.9s linear 0 normal none infinite slideDown;

}



.grayscale {

-webkit-filter: grayscale(1);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

filter: gray; filter: grayscale(100%);  

-webkit-transition: 0.3s all ease-in;

-o-transition: 0.3s all ease-in;

-moz-transition: 0.3s all ease-in;

transition: 0.3s all ease-in;

}



.grayscale:hover {

-webkit-filter: grayscale(0);

-webkit-filter: grayscale(0); 

-moz-filter: grayscale(0);

-ms-filter: grayscale(0); 

-o-filter: grayscale(0);

filter: none;

filter: grayscale(0);

}



.button-slide {

position:absolute;

bottom:0;

left:0;

right:0;

text-align:center;

z-index:1000;

}



.first-2-slide {

min-width:1200px;

width:90%;

}



.scrollable {

position:relative;

overflow:hidden;

height:776px;

width:100%;

}



.scrollable .items {

position:absolute;

height:20000em;

}



.box-text-home {

width:100%;

min-height:350px;

position:relative;

}



#content-box-text-home {

background-image:url(../images/background-text-home.jpg);

background-position:center center;

background-repeat:no-repeat;

width:100%;

background-size:cover;

position:absolute;

height:350px;

}



.ad-phrase {
    background-image: url(../images/background-phrase.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 210px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    width: 1000px;
}


.black-box {

background-color:#2c2c2c;

/*height:25px;*/

font-size:17px;

padding:4px 15px 4px 37px;

}



.black-box-big {
    background-color: #424242;
    font-size: 17px;
    height: 29px;
    padding: 2px 15px 10px 45px;
}
.black-box-big .white {    margin: 0px !important; font-size: 20px !important;}



.black-box h2,.red-box-title h2 {

/*font-size:25px;*/

}

.red {color:#56a4ed;}



.content-main-phrase {

padding-left:160px;

}

.content-main-phrase .white { margin:0px !important;}



.content-main-phrase-work {

padding-left:35px;

}



.content-main-phrase h1 {

font-size:56px;

font-weight:300;

margin-left:10px;

width:725px;

}



.content-second-phrase {

width:705px;

text-align:right;

margin-top:75px;

}



.content-story {

font-size:17px;

padding-right:50px;

font-family:nilland-smallcapsregular;

padding-bottom:50px;

}



.content-story p{

margin-bottom:0px;

}



#content-workers-ita {

background-image:url(../images/background-team-ita.png);

background-repeat:no-repeat;

background-position:left 60px;

position:relative;

}



#content-workers-eng {

background-image:url(../images/background-team-eng.png);

background-repeat:no-repeat;

background-position:left 60px;

position:relative;

}



.workers {

min-height:800px;

position:relative;

width:100%;

background-image:url(../images/pattern-workers.png);

background-repeat:repeat;

}



.padding-top-title-workers {

padding-top:5px;

padding-bottom:0;

}



.information-worker {

bottom:0;

height:440px;

left:0;

position:absolute;

width:660px;

}



.photo-worker {

width:340px;

position:absolute;

bottom:0;

right:0;

}



.all-photo-workers {

height:210px;

margin-top:150px;

position:absolute;

top:0;

width:660px;

}



a.worker-choice {

width:99px;

height:99px;

background-position:0 0;

background-repeat:no-repeat;

display:block;

margin-right:5px;

cursor:pointer;

}



img.worker-choice {

position:absolute;

top:0;

left:0;

}



.first-line-allphotos {

position:absolute;

top:0;

right:65px;

}



.second-line-allphotos {

position:absolute;

bottom:0;

margin-top:10px;

right:10px;

}



.box-face img:first-child {

-webkit-transition:opacity .3s ease-out;

-moz-transition:opacity .3s ease-out;

-o-transition:opacity .3s ease-out;

transition:opacity .3s ease-out;

transition-delay:0s;

-webkit-transition-delay:0s;

opacity:0;

}



.box-face img:last-child {

-webkit-transition:opacity .3s ease-out;

-moz-transition:opacity .3s ease-out;

-o-transition:opacity .3s ease-out;

transition:opacity .3s ease-out;

transition-delay:0s;

-webkit-transition-delay:0s;

opacity:1;

}



.box-face:hover img:last-child {

opacity:0;

}



.box-face {

position:relative;

width:99px;

height:99px;

margin-right:10px;

cursor:move;

}



.total-workers {

position:relative;

width:1000px;

height:800px;

}



.box-description-worker {

padding-right:20px;

margin-top:50px;

}



.name-worker {

width:640px;

}



h1.name {

padding-right:15px;

padding-top:2px;

}



.description-worker {

padding-top:10px;

font-size:16px;

font-family:nilland-smallcapsregular;

}



.second-phrase {

font-family:nilland-smallcapsregular;

}



.big-worker-photo {

background-image:url(../images/general-silhouette.png);

background-repeat:no-repeat;

background-position:bottom center;

height:800px;

width:340px;

position:relative;

}



.big-worker-photo.none {

background-image:none!important;

}



.round-drag-ita {

background-image:url(../images/round-drag-ita.png);

background-repeat:no-repeat;

background-position:center center;

height:218px;

width:218px;

position:absolute;

right:59px;

top:121px;

}



.round-drag-eng {

background-image:url(../images/round-drag-eng.png);

background-repeat:no-repeat;

background-position:center center;

height:218px;

width:218px;

position:absolute;

right:59px;

top:121px;

}



.round-drag-ita.active {

background-image:url(../images/round-drag-no-txt.png);

}



.big-worker-photo img {

bottom:0;

position:absolute;

}



.twitter-line {

position:absolute;

bottom:0;

width:340px;

height:55px;

}



.twitter-model {

background-image:url(../images/twitter-model.png);

background-repeat:no-repeat;

width:57px;

height:55px;

}



.twitter-txt {

background-image:url(../images/pattern-twitter.png);

background-repeat:repeat;

color:#FFF;

font-size:15px;

height:35px;

width:253px;

padding:4px 15px 16px;

}



a.tweet {

color:#fff;

-webkit-transition-property:all;

-webkit-transition-duration:.2s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:all;

-moz-transition-duration:.2s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:all;

-o-transition-duration:.2s;

-o-transition-timing-function:linear, ease-in;

margin-top:6px;

}



a:hover.tweet {

color:#cbfc45;

}



.tweet_list {

height:40px;

margin-top:5px;

overflow:hidden;

}



.worker-social {

bottom:0;

height:55px;

position:absolute;

right:20px;

width:250px;

}



a.social-icon {

background-repeat:no-repeat;

height:39px;

width:39px;

background-position:0 0;

display:block;

margin-left:10px;

transition:opacity .25s ease-in-out;

-moz-transition:opacity .25s ease-in-out;

-webkit-transition:opacity .25s ease-in-out;

opacity:0.2;

font-size: 0;

}



.twitter {

background-image:url(../images/icon-twitter.png);

}



.pinterest {

background-image:url(../images/icon-pinterest.png);

}



.facebook {

background-image:url(../images/icon-facebook.png);

}



.google-plus {

background-image:url(../images/icon-google-plus.png);

}



.pinterest-white {

background-image:url(../images/icon-pinterest-white.png);

}



.facebook-white {

background-image:url(../images/icon-facebook-white.png);

}



.linkedin {

background-image:url(../images/icon-linkedin.png);

}



.position-worker {

background-image:url(../images/point-line.png);

background-position:right bottom;

background-repeat:no-repeat;

height:60px;

padding-right:60px;

position:absolute;

right:290px;

top:125px;

width:100%;

}



.position-worker p {

font-family:nilland-smallcapsbold;

font-size:20px;

}



.icon-points {

margin-right:50px;

position:absolute;

/*right:672px;*/

}



.icon-points-right {

margin-left:50px;

position:absolute;

right:0;

}



.txt-points {

width:670px;

position:absolute;

left:330px;

}



.txt-points-right {

width:670px;

position:absolute;

right:330px;

}



.txt-points-about {

left:330px;

position:absolute;

width:670px;

}



.txt-points-about-right {

right:330px;

position:absolute;

width:670px;

}



.txt-points-description {

margin-top:20px;

padding-top:20px;

border-top:1px solid #fff;

width:320px;

font-family:nilland-smallcapsbold;

font-size:16px;

}



.line-about {

margin-top:25px;

position:relative;

height:280px;

}



.line-home {

margin-top:40px;

position:relative;

height:280px;

}



.tags-list {

width:300px;

margin-left:20px;

padding-top:37px;

}



.content-and-tags {

width:642px;

}



.tags-list li {

background-color:#292b30;

margin-left:3px;

font-family:nilland-smallcapsbold;

font-size:16px;

padding:5px;

}



.box-products {

width:100%;

height:580px;

position:relative;

}



#products {

background-image:url(../images/background-products.jpg);

background-position:bottom center;

background-repeat:no-repeat;

background-size:cover;

height:100%;

width:100%;

}



#center-box-products {

position:relative;

z-index:100;

}



.title-products {
    background-image: url(../images/point-line-products.png);
    background-position: 63% 100%;
    background-repeat: no-repeat;
    height: 177px;
    padding-top: 50px;
    margin-bottom: 40px;
}


.title-products h2 {
    margin: 0px 0px;
}

.red-box {

background-color:#56a4ed;

margin-right:15px;

font-size:16px;

font-family:nilland-smallcapsbold;

padding:2px 12px 3px 5px;

}



.box-all-products {
    clear: both;
    padding-left: 6% !important;
}


.light {

margin-top:2px;

}



.title-products .red-box {

margin-top:5px;

font-family:nilland-smallcapsregular;

}



.bold {

font-size:40px;

margin-left:10px;

font-family:nilland-smallcapsbold;

}



.ring-image {

width:238px;

height:360px;

position:absolute;

top:-10px;

left:0;

background-position:center top;

background-repeat:no-repeat;

transition:all .3s ease-in-out 0;

opacity:0.7;

}



.product h1 {

bottom:123px;

font-size:15px;

margin-right:0;

margin-top:-22px;

position:absolute;

right:45px;

font-family:nilland-smallcapsbold;

}



.text-product {

top:250px;

position:absolute;

right:30px;

font-size:16px;

}



.product {

margin-right:16px;

background-image:url(../images/ring-works.png);

background-position:top center;

background-repeat:no-repeat;

height:360px;

width:238px;

position:relative;

}



.product:last-child {

margin-right:0;

}



.pencil {

position:absolute;

right:0;

top:135px;

z-index:10;

}



footer {
    height: 46px;
    position: relative;
    width: 100%;
}

.wrap_frm { height: 540px;overflow: hidden;
    background-image:url('http://luminativesolutions.com/themes/luminative/assets/images/background-footer.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
}

.rc-anchor-light { width:100% !important;}
.g-recaptcha {
    width: 300px !important;
    float: left;
}
.wrap_cap img{    float: left;
    width: 44%;
    margin-left: 10px;
    }
.wrap_cap {    height: auto;
    overflow: hidden;}

.contactfrm .form-group .form-control {
    background-color: #e3e3e3;
    border-radius: 0px;
    opacity: 0.8;
    color: #333;
    font-family: 'Open Sans', sans-serif;
}

.frmbtm input[type=text] {
    width: 98%;
    height: 49px;
    padding: 0px 15px;
}
.myForm {    height: auto;
    overflow: hidden;
    margin-bottom: 20px;}

.frmbtm textarea {
    padding: 0px 15px;
}

  #center-footer .btn-red{  margin: auto;
    display: block;
    text-align: center;
    margin: 27px 0px 0px 0px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #56a4ed !important;
    background-color:transparent !important;
}

.contactfrm .form-group .form-control{background-color:#e3e3e3;
    border-radius: 0px;
    opacity: 0.8;}

#box-footer {
    background-image: url(../images/background-footer.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 100%;
    clear: both;
    overflow: hidden;
}

.myclas {
    height: 966px !important;
}


.title-footer h2 {

padding-bottom:10px;
margin:0px 10px !important;
border-bottom:1px solid #e2b4b4;

}



#box-footer-prod .title-footer h2{

border-bottom:1px solid #af1818;

}



.content-footer {

margin-top:17px;

padding-left:220px;

font-family:nilland-smallcapsregular;

}



input,textarea {

border:0 none;

color:#504449;

font-size:15px;

height:37px;

line-height:17px;

position:relative;

width:225px;

background-color:#e3e3e3;

opacity:0.9;

padding:12px 18px;

}



input[type=text]{

display:inline-block;

position:relative;

vertical-align:middle;

font-family: 'Open Sans', sans-serif;

margin-bottom:12px;

margin-right:15px;

padding:4px 6px;

}



textarea{

padding: 12px 6px 4px;

font-family:nilland-smallcapsbold;

}



#box-footer-prod textarea{

background-color:#343535;

color:#fff;

}



input.prod{

background-color:#373838;

color:#fff;

}



input:required:valid {

background-color:#A6D49F;

color:#fff;

}



.middle {

width:495px;

position:relative;

}



.big-input {
    width: 100%;
    height: 88px;
    margin-right: 0!important;
    font-family: 'Open Sans', sans-serif;
}



.medium-input {

width:365px;

}



.btn-red {

-webkit-transition-property:color, text, background;

-webkit-transition-duration:.3s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:color, text, background;

-moz-transition-duration:.3s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:color, text, background;

-o-transition-duration:.3s;

-o-transition-timing-function:linear, ease-in;

background-color:#56a4ed;

border:0 none;

font-size:15px;

height:40px;

line-height:17px;

padding-right:15px;

width:90px;

cursor:pointer;

color:#fff;

font-family:nilland-smallcapsbold;

}



.btn-red-prod {

-webkit-transition-property:color, text, background;

-webkit-transition-duration:.3s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:color, text, background;

-moz-transition-duration:.3s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:color, text, background;

-o-transition-duration:.3s;

-o-transition-timing-function:linear, ease-in;

background-color:#56a4ed;

border:0 none;

font-size:15px;

height:30px;

line-height:17px;

padding-left: 40px;

padding-right: 15px;

padding-top: 10px;cursor:pointer;

color:#fff;

font-family:nilland-smallcapsbold;

}



.btn-red:hover,.btn-red-prod:hover {

background-color:#fff;

color:#56a4ed;

}



.footer-contacts {
    height: 46px;
    background-color: #190406;
    padding-top: 14px;
    clear: both;
}

.spaceLft {    padding-left: 7.5%;}



.footer-contacts p {
text-align:center;
font-family:nilland-smallcapsregular;
}



.footer-contacts a {

color:#56a4ed;

-webkit-transition-property:color, text;

-webkit-transition-duration:.5s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:color, text;

-moz-transition-duration:.5s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:color, text;

-o-transition-duration:.5s;

-o-transition-timing-function:linear, ease-in;

}



.footer-contacts a:hover {

color:#13ab9b;

}



.errortip-right {

background:none repeat scroll 0 0 #56a4ed;

border-radius:5px;

color:#FFF;

display:inline-block;

font-size:13px;

height:13px;

left:0;

position:absolute;

text-align:left;

top:100px;

width:200px;

z-index:100;

margin:5px 0 0 8px;

padding:9px 10px;

}



.errortip-right:before {

-moz-border-bottom-colors:none;

-moz-border-left-colors:none;

-moz-border-right-colors:none;

-moz-border-top-colors:none;

border-image:none;

content:"";

display:block;

height:0;

left:55px;

position:absolute;

top:-7px;

width:0;

border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #56a4ed;

border-style:solid;

border-width:7px 0 0 7px;

}



.righttip-right {

background:none repeat scroll 0 0 #13AB9B;

border-radius:5px;

color:#FFF;

display:inline-block;

font-size:12px;

height:13px;

left:0;

position:absolute;

text-align:left;

top:100px;

z-index:100;

margin:5px 0 0 8px;

padding:9px 10px;

}



.righttip-right:before {

-moz-border-bottom-colors:none;

-moz-border-left-colors:none;

-moz-border-right-colors:none;

-moz-border-top-colors:none;

border-image:none;

content:"";

display:block;

height:0;

left:55px;

position:absolute;

top:-7px;

width:0;

border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #13AB9B;

border-style:solid;

border-width:7px 0 0 7px;

}



.draggable {

z-index:9990;

}



#droppable {
    height: 220px;
    position: absolute;
    right: 92px;
    top: 121px;
    width: 220px;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    z-index: 9990;
}


.box-text-works {

width:800px;

margin-right:0;

padding-top:170px;

position:absolute;

right:0;

}

.box-text-works h1,h2 { margin:0px !important;}


.box-text-works .third-line h1.final-phrase,.box-text-about .third-line h1.final-phrase {

font-size:29px;

}



.box-text-works .second-line h2 {

font-size:62px;

}



.second-line {

position:relative;

height:100px;

font-size:62px;

margin-top:-30px;

}



.box-text-works .content,.box-text-about .content {

border-top:1px solid #FFF;

display:block;

margin-top:20px;

padding-top:20px;

text-align:right;

width:340px;

font-family:nilland-smallcapsbold;

font-size:16px;

}



.content-works-img {
    margin-top: 17%;
bottom:100px;

position:absolute;

display:none;

}



.view {

cursor:pointer;

float:left;

height:233px;

margin-bottom:1px;

margin-left:1px;

overflow:hidden;

position:relative;

text-align:center;

width:332px;

}



.view .mask,.view .content {

height:233px;

left:0;

overflow:hidden;

position:absolute;

top:0;

width:332px;

}



.view .mask-title {

height:233px;

left:0;

position:absolute;

top:0;

width:332px;

}



.view img {

display:block;

position:relative;

}



.view h2 {

font-size:35px;

position:relative;

text-align:center;

font-family:nilland-smallcapsregular;

margin:30px 0 0;

padding:10px;

}



.view p {

background-color:#FFF;

font-size:16px;

position:relative;

text-align:center;

width:220px;

margin:3px auto 0;

padding:7px 0 7px 10px;

}



.view a.info {

background:none repeat scroll 0 0 #000;

color:#FFF;

display:inline-block;

text-decoration:none;

margin-top:70px;

font-size:16px;

padding:7px 14px;

}



.view-first img {

-webkit-transition:all .2s linear;

-moz-transition:all .2s linear;

-o-transition:all .2s linear;

-ms-transition:all .2s linear;

transition:all .2s linear;

}



.view-first .mask {

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

    background-color: rgba(0,97,176,0.7);

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.view-first h2 {

-webkit-transform:translateY(-100px);

-moz-transform:translateY(-100px);

-o-transform:translateY(-100px);

-ms-transform:translateY(-100px);

transform:translateY(-100px);

-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter:alpha(opacity=0);

opacity:0;

-webkit-transition:all .2s ease-in-out;

-moz-transition:all .2s ease-in-out;

-o-transition:all .2s ease-in-out;

-ms-transition:all .2s ease-in-out;

transition:all .2s ease-in-out;

}



.view-first p {

-webkit-transform:translateY(100px);

-moz-transform:translateY(100px);

-o-transform:translateY(100px);

-ms-transform:translateY(100px);

transform:translateY(100px);

-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter:alpha(opacity=0);

opacity:0;

-webkit-transition:all .2s linear;

-moz-transition:all .2s linear;

-o-transition:all .2s linear;

-ms-transition:all .2s linear;

transition:all .2s linear;

}



.view-first:hover img {

-webkit-transform:scale(1.1,1.1);

-moz-transform:scale(1.1,1.1);

-o-transform:scale(1.1,1.1);

-ms-transform:scale(1.1,1.1);

transform:scale(1.1,1.1);

filter:blur(3px);

-webkit-filter:blur(3px);

-moz-filter:blur(3px);

-o-filter:blur(3px);

-ms-filter:blur(3px);

}



.view-first a.info {

-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter:alpha(opacity=0);

opacity:0;

-webkit-transition:all .2s ease-in-out;

-moz-transition:all .2s ease-in-out;

-o-transition:all .2s ease-in-out;

-ms-transition:all .2s ease-in-out;

transition:all .2s ease-in-out;

font-family:nilland-smallcapsregular;

}



.view-first:hover .mask {

-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

filter:alpha(opacity=100);

opacity:1;

}



.view-first:hover h2,.view-first:hover p,.view-first:hover a.info {

-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

filter:alpha(opacity=100);

opacity:1;

-webkit-transform:translateY(0px);

-moz-transform:translateY(0px);

-o-transform:translateY(0px);

-ms-transform:translateY(0px);

transform:translateY(0px);

}



.view-first:hover p {

-webkit-transition-delay:.1s;

-moz-transition-delay:.1s;

-o-transition-delay:.1s;

-ms-transition-delay:.1s;

transition-delay:.1s;

}



.view-first:hover a.info {

-webkit-transition-delay:.2s;

-moz-transition-delay:.2s;

-o-transition-delay:.2s;

-ms-transition-delay:.2s;

transition-delay:.2s;

}



.label-work span {

background-color:#FFF;

font-size:16px;

text-align:center;

font-family:nilland-smallcapsregular;

padding:7px 7px 7px 10px;

}



.view .label-work {

font-size:16px;

opacity:0.7;

position:relative;

text-align:center;

z-index:100;

margin:108px auto 0;

}



.view-first:hover .label-work {

opacity:1;

-webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

-ms-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

}



.other-works {

height:900px;

position:relative;

width:100%;

background-image:url(../images/pattern-works.jpg);

background-repeat:repeat;

}



.half-page {

width:500px;

padding-top:100px;

height:800px;

}



.view-other-works {

width:218px;

margin-right:15px;

margin-bottom:20px;

position:relative;

padding-left:13px;

}



.title-photo {

font-size:30px;

font-family:nilland-smallcapsbold;

margin-top:-5px;

}



h1.title-other-works,.text-single-work h1 {

font-family:nilland-smallcapsbold;

margin-top:-15px;

font-size:70px;

}



@media screen and (-webkit-min-device-pixel-ratio:0) {

h1title-other-workstext-single-workh1margin-top:-10px;

}



.text-single-work p {

font-family:nilland-smallcapsbold;

font-size:16px;

}



.title-other-work h2,.text-single-work h2 {

font-size:30px;

line-height:27px;

}



.content-txt-other-work,.title-other-work {

margin-bottom:30px;

font-family:nilland-smallcapsbold;

font-size:16px;

color:#FFFF;

}



a.video-social-icons {

height:58px;

width:58px;

background-repeat:no-repeat;

background-position:0 0;

display:block;

margin-left:20px;

transition:opacity .25s ease-in-out;

-moz-transition:opacity .25s ease-in-out;

-webkit-transition:opacity .25s ease-in-out;

opacity:0.3;

}



.box-little-video {

height:70px;

width:125px;

position:relative;

margin-right:5px;

}



a.hover-video {

position:absolute;

top:0;

left:0;

height:70px;

width:125px;

background-image:url(../images/icon-video-player.png);

background-position:center center;

background-repeat:no-repeat;

opacity:0;

transition:opacity .30s ease-in-out;

-moz-transition:opacity .30s ease-in-out;

-webkit-transition:opacity .30s ease-in-out;

}



.vimeo {

background-image:url(../images/icon-vimeo.png);

}



.youtube {

background-image:url(../images/icon-youtube.png);

}



.video-social span {

padding-top:20px;

font-family:nilland-smallcapsregular;

}



.video-section {

bottom:62px;

position:absolute;

padding-left:30px;

}



.video-youtube {

margin-bottom:30px;

}



.video-social {

margin-bottom:24px;

padding-left:160px;

}



a.hover-other-works {

height:139px;

width:218px;

position:absolute;

z-index:100;

background-image:url(../images/lens.png);

background-repeat:no-repeat;

background-position:center center;

background-size:30px 30px;

-webkit-transition-property:all;

-webkit-transition-duration:.2s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:all;

-moz-transition-duration:.2s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:all;

-o-transition-duration:.2s;

-o-transition-timing-function:linear, ease-in;

opacity:0.7;

}



a:hover.hover-other-works {

opacity:1;

background-size:84px 84px;

}



.content-hand-other-works {
    background-image: url(../images/background-hand.png);
    background-position: 76% 111%;
    background-repeat: no-repeat;
    height: 100%;
}



.position-image-screen {

background-position:left center;

background-repeat:no-repeat;

height:616px;

width:508px;

}



.imac img {

padding-left:36px;

padding-top:33px;

}



a.link-close-work {

background-color:#106A66;

position:absolute;

right:10px;

top:20px;

z-index:100;

font-family:nilland-smallcapsregular;

-webkit-transition-property:color, text, background;

-webkit-transition-duration:.3s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:color, text, background;

-moz-transition-duration:.3s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:color, text, background;

-o-transition-duration:.3s;

-o-transition-timing-function:linear, ease-in;

padding:8px 14px;

}



a:hover.link-close-work {

background-color:#fff;

color:#106A66;

}



.computer {

width:508px;

margin-right:20px;

}



.text-single-work {

width:472px;

padding-top:70px;

}



h3.title-screen {

color:#0a5a56;

background-color:#fff;

font-family:nilland-smallcapsbold;

font-size:15px;

margin-right:10px;

padding:10px;

}



.other-work-screens {

background-image:url(../images/shadow-image-work.png);

background-position:0 0;

background-repeat:no-repeat;

margin-left:2px;

margin-right:2px;

padding:12px 8px 14px 11px;

}



.line-two {

margin-top:-70px;

}



.box-text-works-all {

width:100%;

height:588px;

position:relative;

}



#content-box-text-works {

background-image:url(../images/background-text-works.jpg);

background-position:center center;

background-repeat:no-repeat;

height:100%;

width:100%;

background-size:cover;

position:absolute;

}



.center-phrase-works {

width:1000px;

position:relative;

height:588px;

margin:0 auto;

}



.ad-phrase-works {

background-image:url(../images/background-phrase-works.png);

background-position:left bottom;

background-repeat:no-repeat;

height:454px;

margin-left:160px;

padding-top:140px;

width:840px;

}



.red-box-title {
    background-color: #56a4ed;
    height: 36px;
    padding-bottom: 8px;
    padding-right: 20px;
    padding-top: 2px;
    width: 119px;
}



.content-main-phrase-work h1 {

font-size:56px;

font-weight:300;

margin-left:10px;

width:530px;

}



.content-second-phrase-work {

margin-top:55px;

text-align:right;

width:528px;

font-family:nilland-smallcapsbold;

font-size:17px;

}



h1.point,.content-main-phrase h1,.content-main-phrase-work h1 {

line-height:60px;

}



.icon-basket {

position:absolute;

bottom:50px;

right:0;

}



.open-work {

background-image:url(../images/pattern-display-work.png);

background-repeat:repeat;

height:900px;

left:0;

position:absolute;

top:0;

width:100%;

z-index:200;

display:none;

}



.box-instagram {

height:738px;

position:relative;

width:100%;

}



#content-box-instagram {

background-image:url(../images/background-instagram.jpg);

background-position:center center;

background-repeat:no-repeat;

background-size:cover;

height:100%;

position:absolute;

width:100%;

}



.logo-line {

margin-top:35px;

margin-bottom:35px;

}



.instagram-single-photo {

height:197px;

width:197px;

transition:all .2s linear 0;

}



.instagram-logo {

background-image:url(../images/icon-instagram.png);

background-position:0 0;

background-repeat:no-repeat;

width:274px;

height:75px;

display:block;

-webkit-transition-property:all;

-webkit-transition-duration:.5s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:all;

-moz-transition-duration:.5s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:all;

-o-transition-duration:.5s;

-o-transition-timing-function:linear, ease-in;

}



.instagram-logo:hover {

-webkit-transform:rotate(3deg);

-moz-transform:rotate(3deg);

-o-transform:rotate(3deg);

-ms-transform:rotate(3deg);

transform:rotate(3deg);

}



.instagram-single-photo:hover {

-webkit-transform:scale(1.1,1.1) rotate(5deg);

-moz-transform:scale(1.1,1.1) rotate(5deg);

-o-transform:scale(1.1,1.1) rotate(5deg);

-ms-transform:scale(1.1,1.1) rotate(5deg);

transform:scale(1.1,1.1) rotate(5deg);

transition-duration: 0.3s;

}



.title-instagram h1 {

padding-bottom:10px;

background-image:url(../images/instagram-line.png);

background-position:bottom right;

background-repeat:no-repeat;

}



.mask-instagram-photo {

width:197px;

height:197px;

overflow:hidden;

margin-bottom:3px;

margin-right:3px;

}



.box-presentation {

height:1055px;

position:relative;

width:100%;

overflow:hidden;

}



#content-box-presentation {

background-image:url(../images/background-presentation.jpg);

background-position:center center;

background-repeat:no-repeat;

background-size:cover;

height:100%;

position:absolute;

width:100%;

}



#center-presentation {

background-image:url(../images/etec-cube.png);

background-position:center center;

background-repeat:no-repeat;

height:1055px;

position:relative;

}



.box-information {

position:absolute!important;

background-repeat:no-repeat;

}



.title-information h1 {

font-size:35px;

font-family:nilland-smallcapsregular;

}



.title-information span {

font-size:13px;

}



.first {

background-image:url(../images/point-line-first.png);

background-position:70px 64px;

right:7px;

top:90px;

width:550px;

min-height:276px;

}



.first .content-information {

width:420px;

float:right;

font-family:nilland-smallcapsregular;

}



.second {

background-image:url(../images/point-line-second.png);

background-position:right 63px;

right:525px;

min-height:207px;

top:200px;

width:470px;

}



.second .content-information {

width:405px;

}



.third {

background-image:url(../images/point-line-third.png);

background-position:left 62px;

right:0;

top:360px;

width:376px;

min-height:74px;

}



.third .content-information {

float:right;

width:300px;

}



.fourth {

background-image:url(../images/point-line-fourth.png);

background-position:right 74px;

bottom:340px;

right:605px;

width:380px;

min-height:111px;

}



.fourth .content-information {

width:295px;

}



.fifth {

background-image:url(../images/point-line-fifth.png);

background-position:left top;

bottom:200px;

min-height:215px;

right:0;

width:476px;

}



.fifth .content-information {

width:370px;

float:right;

}



.fifth .title-information {

padding-top:148px;

}



.sixth {

background-image:url(../images/point-line-sixth.png);

background-position:right top;

bottom:124px;

right:480px;

min-height:174px;

width:505px;

}



.sixth .title-information {

padding-top:104px;

}



.sixth .content-information {

width:462px;

}



.content-information {

margin-top:50px;

font-family:nilland-smallcapsregular;

}



.click {

cursor:pointer;

}



.video-about {

height:740px;

position:relative;

}



.box-text-about .second-line h2 {

font-size:62px;

margin-top:0;

}



.box-text-about-all {

width:100%;

height:368px;

position:relative;

}



#content-box-text-about {

background-color:#D00308;

height:100%;

width:100%;

position:absolute;

background-image:url(../images/background-phrase-about.jpg);

background-position:bottom center;

background-repeat:no-repeat;

background-size:cover;

}



.center-phrase-about {

width:1000px;

height:368px;

position:relative;

margin:0 auto;

}



.ad-phrase-about,.ad-phrase-product {

width:1000px;

top:54px;

position:absolute;

}



.ad-phrase-about h1 {

font-size:68px;

font-family:nilland-smallcapsregular;

}



.box-story {

height:850px;

position:relative;

width:100%;

background-image:url(../images/pattern-works.jpg);

background-repeat:repeat;

}



.box-legal-privacy{

position:relative;

width:100%;

background-image:url(../images/pattern-works.jpg);

background-repeat:repeat;

}



.content-table-about {
    background-image: url(../images/background-text-about.png);
    background-position: 490px bottom;
    background-repeat: no-repeat;
    height: 1130px;
}


.mycontact {
    height: 1470px;
}
#exampleInputPhoneNumber {margin-bottom: 13px;}

.content-table-legal-privacy {

background-image:url(../images/background-text-about.png);

background-position:490px bottom;

background-repeat:no-repeat;

}



#content-box-story {
    background-image: url(../images/background-about-round.png);
    background-position: 184px 96px;
    background-repeat: no-repeat;
    height:224px;
    padding-top: 80px;
}



#content-box-legal-privacy {

background-image:url(../images/background-about-round.png);

background-position:bottom right;

background-repeat:no-repeat;

padding-top:80px;

}



.title-text-about h1 {

background-image:url(../images/line-about.png);

background-position:380px bottom;

background-repeat:no-repeat;

font-family:nilland-smallcapsbold;

font-size:70px;

padding-bottom:10px;

}



.title-text-about h2 {

font-size:40px;

padding-top:10px;

}



.half-page-about {

width:50%;

padding-top:0px;

position:relative;

}



.full-page {

width:1000px;

padding-top:70px;

position:relative;

}



.half-page-about:last-child {

padding-top:0;

}



.backgroun-about-image {
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 476px;
    height: 555px;
    padding-top: 42px;
}


.points-about {

background-image:url(../images/pattern-workers.png);

background-repeat:repeat;

height:950px;

position:relative;

width:100%;

overflow:hidden;

}



.txt-points-description-about {

margin-top:20px;

border-top:1px solid #fff;

}



.point-about {

font-size:70px;

font-family:nilland-smallcapsbold;

margin-top:-10px;

}



.point-sub-about {

font-size:30px;

margin-top:-23px;

}



.title-point-about {

clear:both;

position:relative;

}



.txt-points-description-about p {

font-size:17px;

font-family:nilland-smallcapsregular;

}



.icon-points-about {

/*right:720px;*/

position:absolute;

}



.icon-points-about-right {

left:720px;

position:absolute;

}



.padding-second-title {

margin-right:217px;

}



.box-game {

height:740px;

position:relative;

width:100%;

}



#content-box-game {

background-image:url(../images/background-game.jpg);

background-position:center bottom;

background-repeat:no-repeat;

background-size:cover;

height:100%;

position:absolute;

width:100%;

}



.center-game {

width:1000px;

position:relative;

margin:0 auto;

}



.title-text-game h1 {

background-image:url(../images/line-game.png);

background-position:268px bottom;

background-repeat:no-repeat;

font-size:32px;

margin-left:15px;

padding-bottom:20px;

width:600px;

}



.title-text-game {

padding-top:45px;

}



#loader {

background-color:#4E4E4E;

border-radius:6px 6px 6px 6px;

height:35px;

left:50%;

margin-left:-64px;

margin-top:-64px;

position:fixed;

text-align:center;

top:50%;

width:130px;

z-index:10000;

}



#squaresWaveG {

height:9px;

margin-left:25px;

margin-top:13px;

position:relative;

width:75px;

}



.squaresWaveG {

position:absolute;

top:0;

background-color:#D60000;

width:9px;

height:9px;

-moz-animation-name:bounce_squaresWaveG;

-moz-animation-duration:1.1s;

-moz-animation-iteration-count:infinite;

-moz-animation-direction:linear;

-webkit-animation-name:bounce_squaresWaveG;

-webkit-animation-duration:1.1s;

-webkit-animation-iteration-count:infinite;

-webkit-animation-direction:linear;

-ms-animation-name:bounce_squaresWaveG;

-ms-animation-duration:1.1s;

-ms-animation-iteration-count:infinite;

-ms-animation-direction:linear;

-o-animation-name:bounce_squaresWaveG;

-o-animation-duration:1.1s;

-o-animation-iteration-count:infinite;

-o-animation-direction:linear;

animation-name:bounce_squaresWaveG;

animation-duration:1.1s;

animation-iteration-count:infinite;

animation-direction:linear;

}



#squaresWaveG_1 {

left:0;

-moz-animation-delay:.44s;

-webkit-animation-delay:.44s;

-ms-animation-delay:.44s;

-o-animation-delay:.44s;

animation-delay:.44s;

}



#squaresWaveG_2 {

left:10px;

-moz-animation-delay:.55s;

-webkit-animation-delay:.55s;

-ms-animation-delay:.55s;

-o-animation-delay:.55s;

animation-delay:.55s;

}



#squaresWaveG_3 {

left:20px;

-moz-animation-delay:.66s;

-webkit-animation-delay:.66s;

-ms-animation-delay:.66s;

-o-animation-delay:.66s;

animation-delay:.66s;

}



#squaresWaveG_4 {

left:30px;

-moz-animation-delay:.77s;

-webkit-animation-delay:.77s;

-ms-animation-delay:.77s;

-o-animation-delay:.77s;

animation-delay:.77s;

}



#squaresWaveG_5 {

left:40px;

-moz-animation-delay:.88s;

-webkit-animation-delay:.88s;

-ms-animation-delay:.88s;

-o-animation-delay:.88s;

animation-delay:.88s;

}



#squaresWaveG_6 {

left:50px;

-moz-animation-delay:.99s;

-webkit-animation-delay:.99s;

-ms-animation-delay:.99s;

-o-animation-delay:.99s;

animation-delay:.99s;

}



#squaresWaveG_7 {

left:60px;

-moz-animation-delay:1.1s;

-webkit-animation-delay:1.1s;

-ms-animation-delay:1.1s;

-o-animation-delay:1.1s;

animation-delay:1.1s;

}



#squaresWaveG_8 {

left:70px;

-moz-animation-delay:1.21s;

-webkit-animation-delay:1.21s;

-ms-animation-delay:1.21s;

-o-animation-delay:1.21s;

animation-delay:1.21s;

}



100% {

background-color:#FFF;

}



.quotes {

display:none;

font-family:nilland-blackregular;

font-size:81px;

}



#map {

height:700px;

position:relative;

width:100%;

}



#etec-map {

height:700px;

width:100%;

}



#lumi-map {

height:700px;
overflow: hidden;
width:100%;

}







#fixed-menu {

background-image:url(../images/pattern-black-second-menu.png);

background-repeat:repeat;

height:59px;

position:fixed;

top:0;

width:100%;

display:none;

}



#fixed-mini-menu {

position:fixed;

top:300px;

z-index:9999;

left:20px;

display:none;

}



.content-list-menu ul li {

height:24px;

margin-bottom:5px;

padding-left:35px;

}



.content-list-menu ul li:first-child a.point-red-fixed {

background-image:url(../images/home-minimenu.png);

background-position:0 0;

background-repeat:no-repeat;

height:20px;

width:20px;

}



.content-list-menu ul li a.point-red-fixed {

background-image:url(../images/dot-white-red.png);

background-position:0 0;

background-repeat:no-repeat;

height:20px;

width:20px;

}



.content-list-menu ul li a.point-red-fixed:hover,.content-list-menu ul li:hover:first-child a,.content-list-menu ul li a.point-red-fixed.active {

background-position:0 -20px;

}



.content-list-menu ul li a.point-red-fixed:hover + .pointer-link-invisible {

background-position:0 -20px;

display:block;

opacity:1;

}



a.invisible-link {

background-color:#161616;

-webkit-border-top-right-radius:5px;

-webkit-border-bottom-right-radius:5px;

-moz-border-radius-topright:5px;

-moz-border-radius-bottomright:5px;

border-top-right-radius:5px;

border-bottom-right-radius:5px;

height:22px;

padding-left:5px;

padding-right:15px;

padding-top:2px;

color:#fff;

}



.pointer-link-invisible {

margin-top:-2px;

opacity:0;

display:none;

-webkit-transition-property:all;

-webkit-transition-duration:.2s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:all;

-moz-transition-duration:.2s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:all;

-o-transition-duration:.2s;

-o-transition-timing-function:linear, ease-in;

}



.content-list-menu ul li a.point-red-fixed:hover + .pointer-link-invisible,.pointer-link-invisible.active {

display:block;

opacity:1;

}



.pointer-link {

background-image:url(../images/pointer-fixed-mini-menu.png);

background-position:0 0;

background-repeat:no-repeat;

height:24px;

width:19px;

}



a.point-red-fixed:hover .pointer-link-invisible a.invisible-link {

color:#56a4ed;

}



.box-text-single-work,.box-text-single-product {

/*width:1000px;*/

margin-right:0;

padding-top:165px;

height:205px;

}



.red-box-single-work {

background-color:#56a4ed;

margin-right:15px;

padding:0 15px;

}



.second-line-single {

position:relative;

height:100px;

font-size:48px;

}



.screenshot-work {

width:1000px;

position:relative;

height:200px;

}



.screenshot-work img {

left:0;

position:absolute;

right:0;

text-align:center;

width:auto;

bottom:0;

margin:0 auto;

}



.half-page-percentage {

width:50%;

min-height:300px;

}



.ask-idea {

width:100%;

height:300px;

position:relative;

}



.pattern-green {

background-color:#2b2b2b;

}



.another-half {

width:500px;

height:300px;

}



.white-box {

background-color:#fff;

margin-right:15px;

font-size:16px;

font-family:nilland-smallcapsbold;

padding:3px 12px 3px 35px;

}



.line-description p {

font-size:18px;

font-family:nilland-smallcapsregular;

}



.title-ask {

padding-top:50px;

padding-bottom:10px;

}



.title-ask h1 {

font-family:nilland-smallcapsbold;

font-size:55px;

}



.line-idea {

background-image:url(../images/line-idea.png);

background-repeat:no-repeat;

background-position:right bottom;

}



.line-ask {

background-image:url(../images/line-ask.png);

background-repeat:no-repeat;

background-position:left bottom;

}



.txt-ask {

padding-top:10px;

font-size:16px;

}



.p-right {

padding-right:30px;

}



.three-photo {

height:290px;

padding-top:50px;

position:relative;

width:100%;

}



.center-photo {

padding-top:40px;

}



.center-section-single-work a {

padding-right:8px;

font-size:0;

}



.center-section-single-work a:last-child {

padding-right:0;

}



.two-step-description {

width:100%;

height:1680px;

position:relative;

}



.top-margin-photos {

margin-top:30px;

}



.line-description {

height:631px;

background-repeat:no-repeat;

position:relative;

}



.center-section {

width:1000px;

margin:0 auto;

}



.center-section-single-work {

width:1000px;

background-image:url(../images/background-case-history.png);

background-repeat:no-repeat;

background-position:center top;

height:1680px;

margin:0 auto;

}



.text-line-left {

width:410px;

position:absolute;

top:30%;

}



.text-line-right {

width:410px;

position:absolute;

top:28%;

right:0;

}



.other-photos {

background-image:url(../images/pattern-works.jpg);

background-repeat:repeat;

position:relative;

width:100%;

}



.center-photos a {

font-size:0;

margin-bottom:1px;

}



.center-photos a:first-child {

margin-right:1px;

}



.center-photos a:last-child {

margin-left:1px;

}



.center-photos {

padding-top:75px;

}



.box-phrase-single-work,.box-phrase-single-product {

height:368px;

position:relative;

width:100%;

}



.content-box-text-single-work {

background-color:#19B2AD;

background-image:url(../images/background-phrase-single-work.jpg);

background-position:center bottom;

background-repeat:no-repeat;

background-size:cover;

height:100%;

position:absolute;

width:100%;

}



.ad-phrase-about p {

font-family:nilland-smallcapsregular;

font-size:68px;

color:#fff;

text-align:center;

}



.firma-cliente {

font-size:30px;

margin-right:120px;

}



.single-work-tags-ita {

background-image:url(../images/background-tags-ita.png);

background-repeat:no-repeat;

background-position:top left;

width:1000px;

min-height:117px;

padding-top:75px;

margin-top:40px;

}



.single-work-tags-eng {

background-image:url(../images/background-tags-eng.png);

background-repeat:no-repeat;

background-position:top left;

width:1000px;

min-height:117px;

padding-top:75px;

margin-top:40px;

}



.single-product-tags-ita {

background-image:url(../images/background-tags-prod-ita.png);

background-repeat:no-repeat;

background-position:top left;

width:1000px;

min-height:117px;

padding-top:75px;

margin-top:40px;

}



.single-product-tags-eng {
    background-image: url(../images/background-tags-prod-eng.png);
    background-repeat: no-repeat;
    background-position: top left;
    width: 1000px;
    min-height: 117px;
    padding-top: 75px;
    margin-top: 80px;
}



.single-work-tags-ita p,.single-work-tags-eng p,.single-product-tags-ita p,.single-product-tags-eng p {

color:#2f2f2f;

background-color:#fff;

border:1px solid #cecece;

margin-left:10px;

-webkit-transition-property:all;

-webkit-transition-duration:.3s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:all;

-moz-transition-duration:.3s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:all;

-o-transition-duration:.3s;

-o-transition-timing-function:linear, ease-in;

padding:12px 15px 12px 30px;

}



.single-work-tags-ita:first-child p,.single-work-tags-eng:first-child p,.single-product-tags-ita:first-child p,.single-product-tags-eng:first-child p {

margin-left:0;

}



.single-work-tags-ita p:hover,.single-work-tags-eng p:hover,.single-product-tags-ita p:hover,.single-product-tags-eng p:hover {

color:#fff;

background-color:#c61017;

border:1px solid #f1f1f1;

}



.video-single-work-box {

width:499px;

height:499px;

margin-left:1px;

position:relative;

}



a.hover-video-link {

position:absolute;

width:499px;

height:499px;

font-size:0;

top:0;

left:0;

-webkit-transition-property:all;

-webkit-transition-duration:.3s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:all;

-moz-transition-duration:.3s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:all;

-o-transition-duration:.3s;

-o-transition-timing-function:linear, ease-in;

z-index:1;

background-image:url(../images/player-video-single.png);

background-position:center center;

background-size:180px 180px;

background-repeat:no-repeat;

opacity:0.3;

}



a:hover.hover-video-link {

background-size:200px 200px;

opacity:8;

}



.close-single-work {

background-color:#fff;

color:#4FC5C1;

position:absolute;

bottom:0;

left:0;

text-align:center;

-webkit-transition-property:all;

-webkit-transition-duration:.2s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:all;

-moz-transition-duration:.2s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:all;

-o-transition-duration:.2s;

-o-transition-timing-function:linear, ease-in;

font-size:16px;

font-family:nilland-smallcapsbold;

padding:15px 30px;

}



.share {

background-color:#2b2b2b;

color:#fff;

position:absolute;

bottom:0;

right:0;

font-size:16px;

font-family:nilland-smallcapsbold;

padding:6px 30px;

}



.share span {

padding-top:10px;

}



a:hover.close-single-work {

background-color:#4FC5C1;

color:#fff;

}



.titolo-work {

background-image:url(../images/line-idea.png);

background-repeat:no-repeat;

font-family:nilland-smallcapsbold;

font-size:43px;

margin-bottom:20px;

padding-bottom:10px;

}



.first-r {

background-position:right bottom;

}



.second-l {

background-position:left bottom;

}



li,ul {

list-style-type:none;

}



h1,.box-text-single-work .second-line .red-box-single-work span {

font-size:40px;

}



h2,.languages li a {

font-size:20px;

}



.nav li a.active {
    color: #56a4ed !important;
    background-color:transparent !important;
}


#header,#center-work-description,.center-work-description {

position:relative;

}



nav li:last-child,nav.second-menu li:last-child {

background-image:none;

}



.languages li,.languages-mini li {

display:inline;

width:30px;

padding-right:5px;

padding-left:10px;

}



.languages li:first-child,.languages-mini li:first-child {

border-right:1px solid #fff;

}



.languages li.active a,.languages-mini li.active a {

color:#56a4ed;

font-family:nilland-blackregular, sans-serif;

}



.box-text-header,.box-text-about {

width:800px;

margin-right:0;

padding-top:300px;

}



.title-slider-home H2,h1.adjectives {

font-size:30px;

}



strong,h2.surname {

font-family:nilland-smallcapsbold;

}



.content-second-phrase p,.txt-ask p,.txt-presentation-product p{

font-size:17px;

font-family:nilland-smallcapsbold;

}



.box-face:hover img:first-child,a:hover.social-icon,.ring-image:hover,a:hover.hover-video,a:hover.video-social-icons {

opacity:1;

}



h1.name,h2.surname,h1.point {

font-size:55px;

}



#text-video-points,.center-section .line-description:first-child {

padding-top:50px;

}



#center-footer,.line-one,#text-points-about {

padding-top:30px;
    padding-bottom: 30px;

}



footer form,.photo-line {

margin-top:40px;

}



.txt-lateral-works,.p-left {

padding-left:30px;

}



.title-video-section,.line-title {

margin-bottom:20px;

}



.video-single-work,#text-video-single-works {

height:570px;

position:relative;

}



.red-box-single-work p,.title-ask .red-box {

margin:0;

}



.content-awards{

position:absolute;

top:47px;

right:0;

width:101px;

}



a.button-open-wrap{

-webkit-transition-property:all;

-webkit-transition-duration:.2s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:all;

-moz-transition-duration:.2s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:all;

-o-transition-duration:.2s;

-o-transition-timing-function:linear, ease-in;

margin-right:0px;

padding: 8px 35px 10px 12px;

background-image:url(../images/arrow-right-off.png);

background-position:81px 12px;

background-repeat:no-repeat;

}



a:hover.button-open-wrap{

color:#56a4ed;

background-color:#fff;

background-image:url(../images/arrow-right-on.png);

}



.open-wrap{

margin-top: 30px;

display:none;

}



.awards{

background-position:0 0;

background-repeat:no-repeat;

z-index:10000;

display:block;

margin-bottom:15px;

}



a.csswinner{

height:59px;

width:81px;

background-image:url(../images/winner-black-right.png);

}



a.cssdesignawards{

height:117px;

width:66px;

background-image:url(../images/wotd-mauve-right.png);

}



a.cssreel{

height:100px;

width:58px;

background-image:url(../images/winner_tag3.png);

}



a.awwwards{

height:104px;

width:69px;

background-image:url(../images/awwwards_honorable_black_right.png);

}



.presentation-product{

    background-color:#febc1d;

    width:100%;

    height:420px;

    position:relative;

}



.content-presentation-product{

    height:430px;

    position: relative;

}



.txt-presentation-product{

padding-top:15px;

font-size:16px;

}



.another-half-prod {

width:500px;

height:320px;

}



.back-yellow{

background-image:url(../images/back-yellow-round.png);

background-position:0 0;

background-repeat:no-repeat;

width:238px;

height:238px;

margin-top:40px;

margin-right:40px;

position:relative;

}



.absolute-tag {

bottom: 0;

height: 18px;

padding-left: 20px;

padding-right: 10px;

padding-top: 1px;

position: absolute;

right: 40px;

font-family: nilland-smallcapsbold;

font-size: 16px;

}


.video-single-product {
    position: relative;
    height: auto;
    overflow: hidden;
    display: block;
}

.webdev {height: 500px;}
.content-presentation-product .webdev {height: 500px;}



.red-box-single-product {

background-color: #56a4ed;

font-family: nilland-smallcapsbold;

font-size: 37px;

margin-top: -10px;

padding: 10px 15px 5px 100px;

}



.screenshot-product {

width:1000px;

position:relative;

height:50px;

margin-top:30px;

}



.box-text-single-product h1{

padding-right:90px;

}



.box-text-single-product .red-box-single-product{

margin-right: 30px;

}



.content-box-text-single-product {

background-color: #febc1d;

background-image: url("../images/background-single-products-txt.jpg");

background-position: center bottom;

background-repeat: no-repeat;

background-size: cover;

height: 100%;

position: absolute;

width: 100%;

}

.ad-phrase-product p  strong {
font-family:nilland-smallcapsregular !important;}

.ad-phrase-product p {

font-family:nilland-smallcapsregular !important;

font-size:68px;

color:#474444;

text-align:center;

}



.single-prod-menu {

background-color:#2c2c2c;

text-align:center;

-webkit-transition-property:all;

-webkit-transition-duration:.2s;

-webkit-transition-timing-function:linear, ease-in;

-moz-transition-property:all;

-moz-transition-duration:.2s;

-moz-transition-timing-function:linear, ease-in;

-o-transition-property:all;

-o-transition-duration:.2s;

-o-transition-timing-function:linear, ease-in;

font-size:16px;

font-family:nilland-smallcapsbold;

padding:15px 30px;

margin-right:2px;

}



.single-prod-menu:hover,.single-prod-menu.active{

color:#FEBC1D;

background-color:#fff;  

}



.two-step-description-product {

width:100%;

height:1645px;

position:relative;

background-image:url(../images/pattern-works.jpg);

background-repeat:repeat;

}



.center-section-single-product {

width:1000px;

background-image:url(../images/background-case-history.png);

background-repeat:no-repeat;

background-position:center top;

height:1645px;

margin:0 auto;

}





.three-step-description-product {

width:100%;

height:2100px;

position:relative;

background-image:url(../images/pattern-works.jpg);

background-repeat:repeat;

}



.three-center-section-single-product {

width:830px;

background-image:url(../images/seo-.png);

background-repeat:repeat;

background-position:center top;

height:1600px;

margin:0 auto;

}





.four-step-description-product {

width:100%;

height:2720px;

position:relative;

background-image:url(../images/pattern-works.jpg);

background-repeat:repeat;

}



.four-center-section-single-product {

width:900px;

background-image:url(../images/emarketing-.png);

background-repeat:repeat;

background-position:center top;

height:2200px;

margin:0 auto;

}





.six-step-description-product {

    width:100%;

    height:4000px;

    position:relative;

    background-image:url(../images/pattern-works.jpg);

    background-repeat:repeat;

}



.six-center-section-single-product {

    width:970px;

    background-image:url(../images/websitedevelopment.png);

    background-repeat:no-repeat;

    background-position:center top;

    height:3500px;

    margin:0 auto;

}





.eight-step-description-product {

    width:100%;

    height:5300px;

    position:relative;

    background-image:url(../images/pattern-works.jpg);

    background-repeat:repeat;

}



.eight-center-section-single-product {

    width:1000px;

    background-image:url(../images/webdesign02.png);

    background-repeat:repeat;

    background-position:center top;

    height:4900px;

    margin:0 auto;

}













.center-section-single-product .line-description{

padding-top:50px;

padding-bottom:25px;

}



#box-footer-prod {

background-image:url(../images/background-footer-prod.jpg);

background-position:center center;

background-repeat:no-repeat;

background-size:cover;

height:100%;

width:100%;

}



@media screen and (-webkit-min-device-pixel-ratio:0){

.third-line div.content {

padding-top:22px;

}



.ad-phrase-about h1 {

font-size:68px;

}



.backgroun-about-image {

padding-top:62px;

}



.title-slider-home h1{

margin-top:-10px;

}



.second-line {

margin-top:-10px;

}

.second-line .quotes { color:#56a4ed;}


.screenshot-product {
    margin-top: 43px;
}



a.button-open-wrap{

background-position:81px 10px;

padding-top:9px;

}



}


@media(min-width:320px) and (max-width:767px){

.navbar-collapse  { width:100% !important;}
.nav { margin-left:0px !important; }
.first-line h1, .second-line h2, .first-line-single h1, .second-line-single h2{
    font-size: 34px;
    margin: 0px;
}

.quotes { font-size: 29px !important;}

.third-line h1.final-phrase { font-size:50px;}

.second-line {
    height: 65px;
    line-height: 59px;
}

.footer-contacts {
    height: 55px;
    padding-top: 6px;
}

.ad-phrase  { width: auto;}
.content-second-phrase {
     width:auto;
     margin-top:0px;
 }

} /***320px to 767px ***/

@media(min-width:320px) and (max-width:479px){

.absolute-slider-txt {
    bottom: 0;
    height: 530px;
    position: absolute;
    width: 47%;
    left: 0;
}

.single img {   background-size: 80% 100% !important;
    margin-right: 63px;
}

.slide-img {
    height: 455px;
    width: 111%;
    min-width: 549px;
    margin-top: -35%;
    margin-right: 47%;
}

.absolute-right {
    /* right: 0px !important; */
    background-size: 45% 49%;
}

.content-main-phrase {
    padding-left:0px;
}

.content-main-phrase h1 {
    font-size: 40px;
    font-weight: 300;
    margin-left: 10px;
    width: 278px;
    float: none;
}

.all-photo-workers {
    width: 282px;
}
.box-face {
    width:50px;
    height: 50px;
}

.worker-choice { width: 100% }

.first-line-allphotos {
    right:27px;
}

.second-line-allphotos {
    top: 49px;
    margin-top: 10px;
    right: 30px;
}

.total-workers {
    position: relative;
    width: 284px;
    height: 800px;
    margin-top: 73%;
}

.workers {
    min-height: 1460px;
}

.information-worker {
    width: 260px;
    top: 98%;
}

h1.name, h2.surname, h1.point {
    font-size: 37px;
}
#droppable {
    right: 58px;
    top: 317px;
}

.txt-points-right {
    width: 265px;
    position:relative;
    right:0px !important;
    
}

.icon-points {
    margin-right:0px !important;
    position:relative !important;
    right:0px !important;
}

.txt-points {
    width: 269px !important;
    left:0px !important;
    position: relative !important; 
}

.video-points {
    height: 2120px !important;
}


.icon-points img { height:140px !important;}
.icon-points-right img { height:140px !important;/*display: none;*/}
.icon-points-right {
    margin-left:0px;
    position:relative !important;
    left: 0px !important;
}

.txt-points-description {
    width: 261px;
    text-align:left;
}

.tags-list {
    width: 245px;
    margin-left: 0px;
    padding-bottom: 25px;
}

.content-and-tags {
    width: auto;
}

.line-home { height: auto;}

h1.point, .content-main-phrase h1, .content-main-phrase-work h1 {
    line-height:normal !important;
}

.title-products h1 {
    font-size: 18px !important;
    margin-left: 8px;
}

.title-products h2{
    font-size: 18px !important;
    margin-left: 8px;
}

.title-products {
    background-image:none;
 
}

.red-box {
    margin-right: 0px !important;
    bottom: 27px !important;
}

.pencil {
    width: 92%;
}

.ring-image {
    height: 256px !important;
}

.product {
    height: 260px;
}

.content-footer {
    padding-left: 8px;
}

.middle {
    width: 244px;
    /*height: 310px;*/
}

.middle  .btn-red {    position: absolute;
    bottom: -95px;
    left: 80px;}

.medium-input {
    width: 100%;
}
input, textarea {
    width: 100%;
}

.big-input {
    margin-top: -44px;
    margin-bottom: 55px;
}

#box-footer {
    height: 131%;
}

.first-2-slide {
    min-width: 299px;
    width: 100%;
}


} /*** SCREEN 320PX BY 479PX ***/


@media(min-width:480px) and (max-width:639px){



}


@media (max-width:768px){
.nav li a {
    font-size: 23px;
       padding-right: 13px !important;
    padding-left: 13px !important;
}

.nav { margin-left:0px !important; }

} /*** 768PX SCREEN **/


@media (min-width:769px) and (max-width:1199px){

.nav {
    margin-left: 23px !important;
}
}