@charset "utf-8";
/* CSS Document */

@media (max-device-width:812px) and (orientation:portrait) {
    html, body{font-size: calc(80vw/19.2); line-height: calc(120vw/19.2);}
    p, ul.bulb{margin:0 0 calc(70vw/19.2) 0;}
    .toggleMenu{display:block;}
    .headerSocialHolder .title{display:none;}
    .socialHolder{top: calc(250vw/19.2); right: calc(70vw/19.2); width: calc(200vw/19.2);}
    .socialHolder a{width: calc(200vw/19.2); height: calc(200vw/19.2); line-height: calc(200vw/19.2); font-size: calc(100vw/19.2); margin: 0 0 calc(40vw/19.2) 0;}
    .weHolder .item, .weHolder .item:nth-child(3n){padding:0; line-height:calc(100vw/19.2); margin:0 0 20px 0; width:100%; height:auto !important;}
    .weHolder .item span{font-size: calc(100vw/19.2); line-height: calc(170vw/19.2); margin:0 0 calc(50vw/19.2) 0;}
    .weHolder .item span:before{bottom: calc(-5vw/19.2);}
    .weHolder .item span:after{bottom: calc(-19vw/19.2); outline:4px solid #fff;}
    .clientsHolder{margin:0 0 calc(100vw/19.2) 0;}
    .signHolder{width: calc(100vw/19.2); height: calc(100vw/19.2); top: calc(80vw/19.2); right: calc(120vw/19.2);}
    .signHolder span:first-of-type{width: calc(20vw/19.2); left: calc(40vw/19.2);}
    .signHolder span:last-of-type{height: calc(20vw/19.2); top: calc(40vw/19.2);}
    .headerLogo{width: calc(1100vw/19.2);}
    .headerMenu{display:none; margin:0px; background:rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; position:fixed; top:0px; right:0px; bottom:0px; left:0px; padding:70px; text-align:center; z-index:2; border-radius:0;}
    .headerMenu li{margin: 0 0 20px 0; display: block; width: 100%;}
    .headerMenu li a{font-size: 16px; line-height: 20px; color:#fff;}
    main .container{border-radius:15px 15px 0 0; padding:calc(100vw/19.2);}
    .breadcrumbs{font-size:calc(60vw/19.2); line-height:calc(90vw/19.2); margin:0 0 calc(70vw/19.2) 0;}
    .h1{font-size:calc(120vw/19.2); line-height:calc(140vw/19.2);}
    .serviceItem{margin: 0 0 calc(160vw/19.2) 0; font-size: calc(80vw/19.2); line-height: calc(130vw/19.2); width:100%;}
    .serviceItem:after{outline:5px solid #fff; bottom:calc(-50vw/19.2); width:calc(40vw/19.2); height:calc(40vw/19.2); margin:0 0 0 calc(-20vw/19.2);}
    .serviceItem:before{bottom: calc(-35vw/19.2); margin:0 0 0 calc(-250vw/19.2); width:calc(500vw/19.2);}
    .videoHolder{padding:calc(80vw/19.2);}
    .videoHolder .videoThumb, .videoHolder.invert .videoThumb{width:100%; margin:0 0 calc(50vw/19.2) 0;}
    .videoHolder .text, .videoHolder.invert .text{width:100%; text-align:center;}
    .videoHolder .text .mainTitle, .videoHolder.invert .text .mainTitle{font-size:calc(80vw/19.2); line-height:calc(100vw/19.2); margin:0 0 calc(50vw/19.2) 0;}
    .videoHolder .text .mainTitle img, .videoHolder.invert .text .mainTitle img{height:calc(100vw/19.2);}
    .videoHolder .text .logo{width:calc(500vw/19.2); margin:0 auto calc(50vw/19.2) auto;}
    .videoHolder.invert .text .logo{float:left; margin:0 calc(50vw/19.2) calc(50vw/19.2) 0; height:calc(190vw/19.2);}
    .videoHolder .text .goal, .videoHolder .text .result, .videoHolder.invert .text .goal, .videoHolder.invert .text .result{font-size: calc(80vw/19.2); line-height: calc(100vw/19.2);}
    .videoHolder .text .goal .label, .videoHolder .text .result .label{display:block;}
    .videoHolder .text .goal, .videoHolder.invert .text .goal{margin:0 0 calc(50vw/19.2) 0;}
    .footerLogo{width:calc(500vw/19.2);}
    ul.bulb li{line-height: calc(100vw/19.2); padding:0 0 0 calc(100vw/19.2); margin:0 0 calc(50vw/19.2) 0;}
    .clientsHolder .logo.visible, .clientsHolder .logo.visible:nth-child(5n){width:30%; margin:0 5% 0 0;}
    .clientsHolder .logo.visible:nth-child(3n){margin:0;}
    .contactTitle{font-size: calc(120vw/19.2); line-height: calc(150vw/19.2); margin: 0 0 calc(50vw/19.2) 0;}
    .contactTitle img{height: calc(120vw/19.2);}
    #contactForm{margin:calc(100vw/19.2) 0;}
    #contactForm label{font-size: calc(70vw/19.2); line-height: calc(100vw/19.2); margin: 0 0 calc(50vw/19.2) 0;}
    #contactForm input, #contactForm .title, #contactForm select, #contactForm textarea{font-size: calc(75vw/19.2); line-height: calc(140vw/19.2); margin: 0 0 calc(50vw/19.2); padding: calc(40vw/19.2);}
    #contactForm textarea{height:calc(500vw/19.2);}
    #contactForm button{height:auto; width:auto;line-height: calc(200vw/19.2); font-size: calc(80vw/19.2); padding: 0 calc(200vw/19.2);}
    #mail_fail, #mail_success{padding:calc(30vw/19.2) 0; margin:calc(50vw/19.2) 0 0 0; font-size: calc(60vw/19.2); line-height: calc(120vw/19.2);}
    footer .footerContent:after{top:calc(110vw/19.2);}
    footer .contactHolder{font-size: calc(60vw/19.2); line-height: calc(90vw/19.2);}
    footer .signature{font-size: calc(55vw/19.2); line-height: calc(110vw/19.2);}
    #backToTop{width:calc(200vw/19.2); height:calc(200vw/19.2); line-height:calc(200vw/19.2); bottom: calc(100vw/19.2); right: calc(100vw/19.2); font-size:calc(130vw/19.2);}
}

@media (max-width:568px) and (orientation:landscape) {}

@media (max-width:480px) and (orientation:portrait) {}

@media (max-width: 1299px) {}

@media (max-width:1099px) {}

@media (max-width: 799px) {}

@media (max-width: 699px) {}