html, body{width:100%;height:100%;min-height:100%;padding:0;margin:0 auto;text-align:center;font-family:'Roboto', sans-serif;font-weight:400;line-height:125%;font-size:16px;color:#000000;}
a, a:focus, button, .button, header li{color:#252525;outline:none;outline:none;text-decoration:none;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
a:hover{color:#f68920;text-decoration:none;}
.intro-box-text-layer a{-webkit-transition:color .3s ease 0s;-moz-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s;}
input, textarea, select{font-family:'Roboto', sans-serif;-webkit-transition:border .3s ease 0s;-moz-transition:border .3s ease 0s;-o-transition:border .3s ease 0s;transition:border .3s ease 0s;}
input:focus, textarea:focus, select:focus{border:2px solid #f68920 !important;outline:none;}
h1, h2{font-size:24px;font-weight:700;}
.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%;}
.part-1, .part-2, .part-3, .part-4, .part-5{float:left;text-align:left;display:block;}
.part-1-2{float:left;text-align:left;display:block;width:50%;}
.part-1-1{float:left;text-align:left;display:block;width:100%;}
.line{width:100%;float:left;display:block;clear:both;}
.break-5, .break-10, .break-25, .break-50{display:block;clear:both;}
.break-5{height:5px;}
.break-10{height:10px;}
.break-13{height:13px;}
.break-15{height:15px;}
.break-25{height:25px;clear:both;}
.break-30{height:30px;}
.break-35{height:35px;}
.break-50{height:50px;}
.break-75{height:75px;}
.button{background:#000000;display:inline-block;padding:0 25px;height:30px;line-height:30px;color:#f68921;font-size:14px;border:none;}
.button:hover{color:#ffffff;}
.hidden{display:none;}
.orange{background:#f68921;}
.black{background:#000000;}
.container{width:940px;height:100%;margin:0 auto;position:relative;}
#all-page{opacity:0;}
header{background:#ffffff;height:75px;line-height:75px;position:fixed;top:0;width:100%;z-index:9999;}
header .part-1{width:30%;}
header .part-1 h1{padding-left:10px;}
header .part-2{width:70%;text-align:right;}
header ul{list-style:none;}
header ul li{display:inline-block;padding:0 10px;margin:0 10px;height:74px;font-size:14px;font-weight:400;}
header ul li a{display:block;}
header ul li a.gaActive{color:#f68921;}
header h1 img{vertical-align:middle;margin-top:-8px;}
.gaLightNav{display:none;}
#loader{background:#ffffff;height:100%;width:100%;margin:0 auto;display:table;position:fixed;top:0;z-index:99999;}
#loader-middle{position:relative;display:table-cell;vertical-align:middle;text-align:center;}
#loader-logo{width:45px;height:44px;margin:0 auto;position:relative;}
#loader-logo img{position:absolute;}
#loader-fadein{z-index:100000;}
#loader-fadeout{z-index:99999;}
@-webkit-keyframes loader{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes loader{0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
#loader-fadein{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-animation-direction:normal;-webkit-animation-duration:3s;-webkit-animation-iteration-count:infinite;-webkit-animation-name:loader;-webkit-animation-timing-function:ease-in-out;-moz-animation-direction:normal;-moz-animation-duration:3s;-moz-animation-iteration-count:infinite;-moz-animation-name:loader;-moz-animation-timing-function:ease-in-out;}
#intro{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;overflow:hidden;}
#intro .container{position:relative;}
#intro.light{background:url('../img/bg-mobile-1.jpg') center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;overflow:hidden;display:table;width:100%;height:100%;}
#intro.light h2{text-transform:uppercase;font-size:30px;}
#intro.light p{line-height:150%;font-size:16px;}
#intro.light .container{position:relative;display:table-cell;vertical-align:middle;padding:10% 5%;color:#ffffff;}
#intro.light .container div.inner{background:rgba(0, 0, 0, 0.7);padding:10% 5%;color:#ffffff;width:85%;margin:0 auto;}
#intro .intro-box{position:absolute;background:#000000;color:#ffffff;top:100px;left:10px;padding:80px;text-align:left;font-size:19px;line-height:150%;opacity:0;z-index:3;width:480px;height:560px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;}
#intro .intro-box-info{content:'';position:absolute;top:600px;left:640px;width:100%;height:200px;background:url('../img/intro-text.png') top center no-repeat;background-size:80% 80%;opacity:0;}
#intro .intro-box-text{height:100%;}
#intro .intro-box-text h2, #intro .intro-box-text p, #intro .intro-box-text a{opacity:0;}
#intro .intro-box-text-layer{position:absolute;z-index:4;padding-right:80px;}
#intro .intro-box-corner-top{background:url('../img/intro-corner-top.png') no-repeat;background-size:80%;position:absolute;top:20px;left:20px;width:91px;height:103px;}
#intro .intro-box-corner-bottom{background:url('../img/intro-corner-bottom.png') no-repeat;background-size:80%;position:absolute;bottom:15px;right:15px;width:46px;height:52px;}
#intro .button{background:#f68921;color:#000000;font-size:24px;padding:5px 25px;height:auto;font-weight:700;margin-top:30px;}
#intro .button:hover{color:#ffffff;}
#intro h2{line-height:120%;font-weight:700;font-size:44px;}
#intro p{padding-top:20px;font-size:22px;}
.intro-layer{position:absolute;width:100%;left:0;top:0;z-index:1;text-align:center;opacity:0;}
.intro-layer img{max-width:100%;text-align:center;}
#intro-layer-1{z-index:0;opacity:1;}
#intro-map{z-index:2;}
#about .container{display:table;}
#about .part-1{background:#d7d7d7;display:table-cell !important;float:none !important;width:380px;padding:35px;vertical-align:top;}
#about .part-1 h1{font-size:24px;margin-bottom:20px;font-weight:700;}
#about .part-1 p{padding-top:10px;}
#about .part-2{display:table-cell !important;float:none !important;text-align:center;}
#recommendation.parallax{background-image:url('../img/parallax-1.jpg');background-position:center center;background-size:cover;height:500px;overflow:hidden;}
#recommendation .container{height:500px;position:relative;margin:0 auto;}
#recommendation .recommendation-box-corner-top{background:url('../img/intro-corner-top.png') no-repeat;background-size:70%;position:absolute;top:60px;left:35px;width:91px;height:103px;}
#recommendation .recommendation-box-corner-bottom{background:url('../img/intro-corner-bottom.png') no-repeat;background-size:70%;position:absolute;bottom:-40px;right:-20px;width:46px;height:52px;}
#recommendation .recommendation-quote{width:700px;padding:55px;font-size:18px;line-height:130%;margin:20px 0 0 25px;}
#recommendation .recommendation-quote p{text-align:left;font-weight:400;text-align:justify;}
#recommendation .recommendation-quote span{text-align:right;padding:45px 0 15px 0;float:right;width:100%;display:block;}
#recommendation .recommendation-quote img{width:auto;float:right;}
#what-we-do{background:url('../img/what-we-do.jpg') center center no-repeat;background-size:100%;}
#what-we-do .container{position:relative;width:100%;}
#what-we-do.light{background:url('../img/bg-mobile-2.jpg') center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;overflow:hidden;display:table;width:100%;height:100%;}
#what-we-do.light .container{position:relative;display:table-cell;vertical-align:middle;padding:5% 10%;color:#ffffff;width:80%;}
#what-we-do.light .container div.inner{background:rgba(0, 0, 0, 0.7);padding:10% 5%;color:#ffffff;margin:0 auto;}
#what-we-do.light h2{line-height:200%;cursor:pointer;}
#what-we-do.light h2 img{vertical-align:middle;margin-top:-5px;}
#what-we-do.light h2.active img{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
#what-we-do.light p{text-align:justify;padding-bottom:20px;display:none!important;}
#what-we-do.light p.active{display:block!important;}
#what-we-do #what-we-do-1{position:absolute;top:14%;left:51%;z-index:1;}
#what-we-do #what-we-do-2{position:absolute;top:40%;left:29%;z-index:3;}
#what-we-do #what-we-do-3{position:absolute;top:50%;left:52%;z-index:2;}
#what-we-do #what-we-do-4{position:absolute;top:45%;left:63%;z-index:1;}
#what-we-do #what-we-do-5{position:absolute;bottom:12%;left:60%;z-index:4;}
#what-we-do .what-we-do-trigger{background:#000000 url('../img/icon-plus.png') center no-repeat;cursor:pointer;height:60px;width:60px;z-index:2;position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.5s;animation-duration:0.5s;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);}
50%{opacity:1;-webkit-transform:scale(1.15);}
70%{-webkit-transform:scale(.9);}
100%{-webkit-transform:scale(1);}
}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3);}
50%{opacity:1;transform:scale(1.15);}
70%{transform:scale(.9);}
100%{transform:scale(1);}
}
#what-we-do .what-we-do-trigger.gaActvie{-webkit-animation-name:bounceIn;animation-name:bounceIn;opacity:1;}
#what-we-do .active .what-we-do-trigger{z-index:4;}
#what-we-do #what-we-do-1 .what-we-do-trigger{border-radius:30px 0px 30px 30px;-webkit-animation-delay:.9s;animation-delay:.9s;}
#what-we-do #what-we-do-2 .what-we-do-trigger{border-radius:30px 30px 30px 0;}
#what-we-do #what-we-do-3 .what-we-do-trigger{border-radius:30px 30px 30px 0;-webkit-animation-delay:.3s;animation-delay:.3s;}
#what-we-do #what-we-do-4 .what-we-do-trigger{border-radius:30px 30px 0 30px;-webkit-animation-delay:.6s;animation-delay:.6s;}
#what-we-do #what-we-do-5 .what-we-do-trigger{border-radius:30px 30px 0 30px;-webkit-animation-delay:1.2s;animation-delay:1.2s;}
#what-we-do .what-we-do-inner{position:absolute;left:0;bottom:0;height:60px;width:60px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;overflow:hidden;z-index:1;}
#what-we-do .active .what-we-do-inner{background:#000000;position:absolute;height:400px;width:400px;padding:50px;border-radius:200px 200px 200px 0;z-index:3;}
#what-we-do .what-we-do-inner-text{text-align:center;color:#ffffff;font-weight:bold;opacity:0;}
#what-we-do .what-we-do-inner-text h2{line-height:250%;font-size:44px;color:#f47321;}
#what-we-do .what-we-do-inner-text p{font-size:22px;font-weight:700;line-height:140%;}
#what-we-do #what-we-do-1 .what-we-do-inner{right:0;top:0;left:auto;bottom:auto;border-radius:200px 0 200px 200px;}
#what-we-do #what-we-do-4 .what-we-do-inner{right:0;top:auto;left:auto;bottom:0;border-radius:200px 200px 0 200px;}
#what-we-do #what-we-do-5 .what-we-do-inner{right:0;top:auto;left:auto;bottom:0;border-radius:200px 200px 0 200px;}
#navigation{background:#000000;height:80px;position:relative;}
.navigation-icons{list-style:none;}
.navigation-icons li{background:url('../img/icons.png') no-repeat top left;display:inline-block;position:relative;cursor:pointer;margin:25px 30px;}
.navigation-icons li span{background:url('../img/icons.png') no-repeat;position:absolute;top:0;left:0;opacity:0;-webkit-transition:opacity .3s ease 0s;-moz-transition:opacity .3s ease 0s;-o-transition:opacity .3s ease 0s;transition:opacity .3s ease 0s;}
.navigation-icons li span:hover, .navigation-icons li.active span{opacity:1;}
.navigation-icons .icon-0{background-position:0px 0px;width:24px;height:32px;}
.navigation-icons .icon-0 span{background-position:-34px 0px;width:24px;height:32px;}
.navigation-icons .icon-1{background-position:-68px 0px;width:37px;height:34px;}
.navigation-icons .icon-1 span{background-position:-115px 0px;width:37px;height:34px;}
.navigation-icons .icon-2{background-position:-162px 0px;width:24px;height:32px;}
.navigation-icons .icon-2 span{background-position:-196px 0px;width:24px;height:32px;}
.navigation-icons .icon-3{background-position:-230px 0px;width:31px;height:32px;}
.navigation-icons .icon-3 span{background-position:-271px 0px;width:31px;height:32px;}
.navigation-icons .icon-4{background-position:-312px 0px;width:35px;height:33px;}
.navigation-icons .icon-4 span{background-position:-357px 0px;width:35px;height:33px;}
.navigation-icons .icon-5{background-position:-402px 0px;width:34px;height:33px;}
.navigation-icons .icon-5 span{background-position:-446px 0px;width:34px;height:33px;}
.navigation-icons .icon-6{background-position:-490px 13px;width:22px;height:33px;}
.navigation-icons .icon-6 span{background-position:-522px 13px;width:22px;height:33px;}
.navigation-text{position:absolute;top:-35px;width:100%;}
.navigation-text div{position:absolute;width:100%;font-weight:700;display:none;}
#portfolio{display:table;margin:0 auto;width:100%;margin-bottom:-1px;}
#portfolio .container{display:table-cell;text-align:center;vertical-align:middle;overflow:hidden;}
#portfolio.light .container{padding:0;}
#portfolio.light .portfolio-item{width:33.33%;float:left;line-height:85%;padding:2px;}
#portfolio.light .portfolio-item a img{width:100%;max-width:100%;opacity:0.8;transition:opacity .3s ease 0s;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");filter:gray;-webkit-filter:grayscale(100%);}
#portfolio.light .portfolio-item a:hover img{opacity:1;filter:none;-webkit-filter:grayscale(0%);}
#briefs{background:url('../img/briefs.jpg') center center no-repeat;background-size:100%;}
#briefs .container{position:relative;}
#briefs.light{background:url('../img/bg-mobile-3.jpg') center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;overflow:hidden;display:table;width:100%;height:100%;}
#briefs.light .container{position:relative;display:table-cell;vertical-align:middle;padding:5% 10%;color:#ffffff;}
#briefs.light .container div.inner{background:rgba(0, 0, 0, 0.7);padding:10% 5%;color:#ffffff;width:85%;margin:0 auto;}
#briefs.light h2{line-height:200%;}
#briefs.light p{line-height:150%;}
#briefs.light form{margin:30px auto;}
#briefs #briefs-item{position:absolute;top:50%;left:45%;}
#briefs .briefs-trigger{background:#000000 url('../img/icon-plus.png') center no-repeat;cursor:pointer;height:60px;width:60px;z-index:2;position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.5s;animation-duration:0.5s;}
#briefs .briefs-trigger.gaActvie{-webkit-animation-name:bounceIn;animation-name:bounceIn;opacity:1;}
#briefs .active .briefs-trigger{z-index:4;}
#briefs .briefs-inner{position:absolute;right:0;bottom:0;height:0px;width:0px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;overflow:hidden;z-index:1;}
#briefs .active .briefs-inner{background:#000000;position:absolute;height:400px;width:400px;padding:50px;border-radius:200px 200px 0 200px;z-index:3;}
#briefs #briefs-item .briefs-trigger{border-radius:30px 30px 0px 30px;}
#briefs .briefs-inner-text{text-align:center;color:#ffffff;font-weight:bold;opacity:0;}
#briefs .briefs-inner-text h2{line-height:250%;font-size:44px;color:#f47321;}
#briefs .briefs-inner-text p{font-size:22px;font-weight:700;line-height:130%;}
#briefs form{margin:15px auto;width:70%;}
#briefs.light form{width:50%;}
#contact{position:relative;overflow:hidden;}
#contact .parallax{background:url('../img/parallax-2.jpg') 50% -100px;width:100%;height:100%;position:absolute;overflow:hidden;z-index:-1;}
#contact .container{display:table;padding:3% 0;width:900px;}
#contact.light{background:url('../img/parallax-2.jpg') center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;overflow:hidden;display:table;width:100%;height:100%;}
#contact.light .container{position:relative;display:table-cell;vertical-align:middle;padding:5% 10%;font-size:20px;}
#contact h2{margin:40px 0;font-weight:400;text-transform:uppercase;}
#contact p{font-weight:700;line-height:150%;}
#contact .social{display:inline-block;margin:40px 10px 0 10px;}
#contact .part-1{display:table-cell !important;float:none !important;vertical-align:middle;padding:35px;text-align:center;font-size:20px;}
#contact .part-1 h2{margin:40px 0;font-weight:400;text-transform:uppercase;}
#contact .part-1 p{font-weight:700;line-height:150%;}
#contact .part-1 .social{background-size:100% 100%!important;display:inline-block;margin:40px 10px;width:48px;height:48px;}
#contact .part-1 .social-fb{background:url('../img/icon-fb.jpg') no-repeat;}
#contact .part-1 .social-fb:hover{background:url('../img/icon-fb-hover.jpg') no-repeat;}
#contact .part-1 .social-bh{background:url('../img/icon-behance.jpg') no-repeat;}
#contact .part-1 .social-bh:hover{background:url('../img/icon-behance-hover.jpg') no-repeat;}
#contact .part-1 .social-tw{background:url('../img/icon-twitter.jpg') no-repeat;}
#contact .part-1 .social-tw:hover{background:url('../img/icon-twitter-hover.jpg') no-repeat;}
#contact .part-2{display:table-cell !important;float:none !important;text-align:center;vertical-align:middle;width:60%;padding:35px;text-align:left;font-size:20px;line-height:120%;}
#contact .part-2 strong{margin-bottom:10px;display:inline-block;}
#contact .part-2 .button{margin:30px 0;font-size:24px;font-weight:700;padding:7px 25px 7px 25px;line-height:100%;height:auto;}
#contact .part-2 .button:hover{background:#f47321;color:#000000;}
#contact .part-2 button{margin-top:10px!important;}
#contact form{margin-top:30px;}
#contact form input, #contact form textarea{padding:5px 10px;border:none;width:100%;margin-bottom:10px;border:2px solid #ffffff;-webkit-transition:border .3s ease 0s;-moz-transition:border .3s ease 0s;-o-transition:border .3s ease 0s;transition:border .3s ease 0s;font-style:italic;}
#contact form input:focus, #contact form textarea:focus{border:2px solid #f68920;outline:none;}
#contact form textarea{min-height:150px;resize:vertical;}
#contact form label{line-height:200%;font-weight:700;cursor:default;}
#contact form label div{display:inline;color:#f68920;}
#contact form span{float:right;}
#contact form span div{display:inline;color:#f68920;}
.gaBriefHome{display:block;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.gaBriefHome a{background:#000000;color:#f68921;padding:0 20px;height:30px;line-height:30px;float:right;margin:20px 10px 0 0;}
.gaBriefHome a:hover{background:#f68920;color:#000000;}
#briefs-form .horizon-1{text-align:left;padding:30px;margin-top:50px;}
#briefs-form .horizon-1 h1{margin-bottom:20px;}
#briefs-form .horizon-1 p{line-height:150%;padding-top:20px;}
#briefs-form .horizon-2{text-align:left;padding:30px;display:inline-block;float:left;}
#briefs-form .horizon-2 h2{margin-bottom:40px;}
#briefs-form .horizon-2 h2 span{padding-bottom:5px;font-weight:700;color:#f68920;}
#briefs-form .horizon-2 h3{margin:40px 0 10px 0;}
#briefs-form .horizon-2 h3 span{font-weight:700;font-size:20px;}
#briefs-form .horizon-2 select{border:2px solid #cccccc;width:250px;font-size:14px;font-weight:700;padding:5px;text-align:center;}
#briefs-form .horizon-3{background:#d7d7d7;text-align:left;padding:30px;font-size:14px;}
#briefs-form .horizon-3 .part-1{width:34%;margin-right:4%;}
#briefs-form .horizon-3 .part-2{width:62%;}
#briefs-form .horizon-3 .part-1-2{vertical-align:middle;margin-top:15px;}
#briefs-form .logotype-type .part-1-2{height:65px;vertical-align:middle;display:flex;align-items:center;}
#briefs-form .logotype-colors{padding-bottom:30px;}
#briefs-form .logotype-type{padding-bottom:30px;white-space:nowrap;}
#briefs-form .logotype-colors .items{float:left;}
#briefs-form .logotype-colors .items *{float:left;}
#briefs-form .logotype-colors .items div div{width:13px;height:13px;border:1px solid #cccccc;margin-right:30px;}
#briefs-form .logotype-colors .items input{width:auto;margin-right:10px;}
#briefs-form .logotype-characteristics .checkbox-item-fluid{width:145px;}
#briefs-form .logotype-characteristics .items div{line-height:100%;margin-bottom:15px;}
#briefs-form .logotype-destiny .items div{line-height:100%;margin-bottom:15px;}
#briefs-form .logotype-destiny .items .checkbox-item-fluid{min-width:260px !important;}
#briefs-form .www-pages .radio-label{min-width:90px !important;text-align:left !important;}
#briefs-form .radio-item-fluid{float:left;margin:10px 50px 10px 0;width:auto;position:relative;cursor:pointer;}
#briefs-form .radio-item-fluid .radio-label{white-space:nowrap;width:auto;}
#briefs-form .checkbox-item-fluid{float:left;margin:10px 50px 10px 0;width:auto;position:relative;cursor:pointer;}
#briefs-form .checkbox-item{float:left;margin:10px 50px 10px 0;width:auto;position:relative;}
#briefs-form .line{border-bottom:1px solid #cccccc;margin:15px 0;}
#briefs-form .line:first-child{margin-top:0;}
#briefs-form .line:last-child{margin-bottom:0;}
#briefs-form .line .items *{float:left;}
#briefs-form .line .items div{margin-right:30px;}
#briefs-form .line .items input{width:auto;margin-bottom:auto;margin-right:10px;}
#briefs-form .border-none{border:none;}
#briefs-form .margin-bottom-none{margin-bottom:0 !important;}
#briefs-form ul{list-style-image:url('../img/brief-ul.jpg');margin-left:15px;}
#briefs-form strong{line-height:200%;}
#briefs-form .brief-client .part-1,
#briefs-form .brief-client .part-2,
#briefs-form .brief-client .part-3{width:30%;margin-right:5%;}
#briefs-form .brief-client .part-3{margin-right:0;}
#briefs-form .brief-client div label{font-weight:400 !important;}
#briefs-form .seo-ext .part-1-3{width:30%;margin-right:5%;float:left;}
#briefs-form label{cursor:default;display:block;padding-bottom:10px;font-weight:700;}
#briefs-form .radio-label{cursor:default;display:block;padding-bottom:10px;float:right;width:85%;cursor:pointer;}
#briefs-form .radio-item{float:left;width:100%;margin-bottom:5px;position:relative;cursor:pointer;}
#briefs-form .sem-promoted .part-1-4{width:25%;float:left;vertical-align:top;}
#briefs-form .sem-promoted input[type=radio]{margin-top:4px;}
#briefs-form .sem-promoted .radio-label{margin-top:0;}
#briefs-form .www-own-domain,
#briefs-form .www-own-hosting{width:100%;}
#briefs-form .www-own-domain .part-1-3,
#briefs-form .www-own-hosting .part-1-3{width:50%;float:left;vertical-align:top;margin-bottom:15px;}
#briefs-form .www-own-domain input[type=radio],
#briefs-form .www-own-hosting input[type=radio]{margin-top:4px;}
#briefs-form .www-own-domain .radio-label,
#briefs-form .www-own-hosting .radio-label{margin-top:0;width:75%;}
#briefs-form .www-description textarea{height:330px;}
#briefs-form .www-type .part-1,
#briefs-form .www-type .part-2,
#briefs-form .www-type .part-3{width:30%;margin-right:5%;}
#briefs-form .www-type .part-3{margin-right:0;}
#briefs-form .horizon-3 select, #briefs-form .horizon-3 input, #briefs-form .horizon-3 textarea{border:2px solid #D7D7D7;width:100%;font-size:14px;font-weight:700;padding:5px;margin-bottom:30px;}
#briefs-form .horizon-3 input[type=radio]{float:left;width:auto;margin:3px 20px 0 0;}
#briefs-form .horizon-3 textarea{resize:vertical;min-height:240px;text-transform:none;}
#briefs-form .uploader{background:#f0f0f0;width:700px;margin:0 auto;text-align:center;height:50px;padding:5px;line-height:38px;}
#briefs-form .uploader-text{width:560px;float:left;text-align:left;border-top:2px solid #cfcfcf;border-left:2px solid #cfcfcf;height:100%;padding:0 10px;color:#a7a7a7;font-size:24px;font-style:italic;background:#ffffff;}
#briefs-form .uploader-button{width:127px;float:left;border-top:2px solid #cfcfcf;height:100%;background:#f68920;cursor:pointer;font-size:14px;font-weight:700;overflow:hidden;}
#briefs-form .uploader-button .btn,
#briefs-form .uploader-button span{width:100%;height:100%;font-weight:700;cursor:pointer;position:relative;overflow:hidden;display:block;}
#briefs-form .uploader-button input{position:absolute;top:0;right:0;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';font-size:200px;direction:ltr;cursor:pointer;display:block;}
#briefs-form .progress{width:700px;margin:10px auto;text-align:center;height:5px;line-height:5px;}
#briefs-form .progress-bar{background:#f68920;height:100%;width:0;}
#briefs-form .files{width:700px;margin:10px auto;text-align:left;}
#briefs-form .files p{display:inline-block;padding:2px 2px 2px 10px;margin:0 10px 10px 0;background:#F0F0F0;color:#A7A7A9;}
#briefs-form .files p span{background:#000000;color:#f68920;display:inline-block;padding:0 5px;cursor:pointer;margin-left:10px;font-weight:700;}
#briefs-form .new-radio, #briefs-form .new-checkbox{width:13px;height:13px;position:absolute;top:3px;left:0;background:#ffffff;border:1px solid #cccccc;cursor:pointer;}
#briefs-form .new-radio.active, #briefs-form .new-checkbox.active{background:#f68920;border:1px solid #f68920;}
#briefs-form .logotype-colors .new-checkbox,
#briefs-form .logotype-destiny .new-checkbox,
#briefs-form .logotype-characteristics .new-checkbox{top:0px;}
#briefs-form .fixed.part-1-3,
#briefs-form .fixed.part-2-3,
#briefs-form .fixed.part-3-3{width:30%;margin-right:5%;float:left;}
#briefs-form .fixed.part-3-3{margin-right:0;}
#briefs-form .fixed.part-1-3 input,
#briefs-form .fixed.part-2-3 input,
#briefs-form .fixed.part-3-3 input{margin-bottom:0;}
#briefs-form .submit-button{text-align:center;margin:0 auto;}
.padding-bottom-30{padding-bottom:30px;}
.font-weight-400{font-weight:400 !important;}
.margin-bottom-none{margin-bottom:0 !important;}
#briefs-form .www-pages .radio-label{margin-left:30px;}
#briefs-form .www-functionality .radio-label{white-space:nowrap;text-align:left;width:auto;margin-left:30px;}
#briefs-form .checkbox-item-fluid div:not(.new-checkbox){margin-left:30px;}
#briefs-form input[type=checkbox]{display:none}
#briefs-form .logotype-colors .checkbox-item-fluid{width:70px !important;}
.fileinput-button{}
footer .horizon-1{background:#000000;height:180px;border-bottom:1px solid #373737;}
footer .horizon-1 .part-1{width:40%;height:100%;padding-left:5px;}
footer .horizon-1 .part-2{width:60%;padding:20px 0;text-align:center;}
footer .horizon-1 .part-2 a img{padding:0 0 0 18px;height:45px;margin-top:35px;}
footer .horizon-1 .part-2 a:first-child img{padding-left:0;}
footer .horizon-1 .part-2 a:hover{opacity:0.8;}
footer .horizon-1 .part-1 ul{width:180px;float:left;}
footer a{color:#ffffff;}
footer a:focus{color:#ffffff;}
footer ul{list-style:none;margin-top:25px;}
footer ul li{display:block;text-align:left;padding:1px 10px 0 10px;font-size:15px;color:#ffffff;}
footer .caption{color:#f68920;font-size:20px;font-weight:700;display:block;margin-bottom:5px;}
footer .horizon-2 .caption{margin:0 0 20px 20px;}
footer .horizon-2{padding:0 10px;text-align:left;height:170px;}
footer .horizon-2{padding:0 10px;text-align:left;}
footer .horizon-2 p{padding-top:30px;}
footer .horizon-2 a:hover{opacity:0.6;}
footer .horizon-2 a:nth-child(2){text-align:left;margin-left:0;}
footer .horizon-2 a img{vertical-align:middle}
footer .horizon-3{color:#838383;font-size:14px;line-height:50px;margin-top:5px;}
footer.light, footer.light .caption{text-align:center;font-size:20px;}
footer.light .horizon-1{padding:20px;height:auto;}
footer.light .horizon-1 img{padding:25px;}
footer.light .horizon-2 a{text-align:center;width:100%;margin:0 auto!important;}
footer.light .horizon-2 .caption{padding-bottom:0;}
footer.light .horizon-3{line-height:50px;margin-top:5px;}
@media (max-width:1850px){#intro .intro-box{top:50px !important;left:15px;}
#intro .intro-box, #what-we-do-1, #what-we-do-2, #what-we-do-3, #what-we-do-4, #what-we-do-5, #briefs #briefs-item{transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);}
#intro .intro-box-info{top:650px;left:680px;}
#contact .part-1, #contact .part-2{font-size:19px;}
footer ul li, footer .caption{font-size:19px;}
}
@media (max-width:1750px){#intro .intro-box-info{top:600px;left:680px;}
}
@media (max-width:1650px){#intro .intro-box{top:25px !important;left:20px;}
#intro .intro-box-info{bottom:-225px;}
#intro .intro-box, #what-we-do-1, #what-we-do-2, #what-we-do-3, #what-we-do-4, #what-we-do-5, #briefs #briefs-item{transform:scale(.8);-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);}
#contact .part-1, #contact .part-2{font-size:18px;}
footer ul li, footer .caption{font-size:19px;}
#contact .part-2 .button{margin:30px 0;font-size:22px;font-weight:700;}
#contact form input, #contact form textarea{padding:5px 10px;border:none;width:100%;margin-bottom:10px;border:2px solid #ffffff;}
#contact form textarea{height:125px!important;}
}
@media (max-width:1550px){#intro .intro-box-info{top:550px;left:675px;}
}
@media (max-width:1450px){#intro .intro-box{top:0px !important;left:50px;}
#intro .intro-box, #what-we-do-1, #what-we-do-2, #what-we-do-3, #what-we-do-4, #what-we-do-5, #briefs #briefs-item{transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7);-o-transform:scale(.7);}
#contact .part-1, #contact .part-2{font-size:17px;}
footer .caption{font-size:17px;}
footer ul li{font-size:14px;}
}
@media (max-width:1250px){#intro .intro-box{top:-25px !important;left:75px;}
#intro .intro-box, #what-we-do-1, #what-we-do-2, #what-we-do-3, #what-we-do-4, #what-we-do-5, #briefs #briefs-item{transform:scale(.6);-webkit-transform:scale(.6);-moz-transform:scale(.6);-o-transform:scale(.6);}
#contact .part-1, #contact .part-2{font-size:16px;}
#contact .part-2 .button{font-size:18px;}
footer ul li, footer .caption{font-size:16px;}
#contact .part-2 .button{margin:30px 0;font-size:18px;font-weight:700;}
#contact form input, #contact form textarea{padding:4px 8px;border:none;width:100%;margin-bottom:10px;border:2px solid #ffffff;}
#contact form textarea{height:100px!important;}
}
@media (max-width:1150px){#intro .intro-box-info{bottom:-200px;background-size:75% 75%;}
}
@media (max-width:1050px){html{overflow-x:hidden;}
#intro .intro-box{top:-50px !important;left:100px;}
#intro .intro-box, #what-we-do-1, #what-we-do-2, #what-we-do-3, #what-we-do-4, #what-we-do-5, #briefs #briefs-item{transform:scale(.55);-webkit-transform:scale(.55);-moz-transform:scale(.55);-o-transform:scale(.55);}
#intro .intro-box-info{top:500px;left:600px;}
#contact .part-1, #contact .part-2{font-size:15px;}
footer ul li, footer .caption{font-size:15px;}
footer .horizon-1 .part-1{width:40%;height:100%;padding-left:5px;}
footer .horizon-1 .part-2{width:60%;padding:20px 0;text-align:center;}
footer .horizon-1 .part-2 a img{padding:0 8px;height:40px;margin-top:40px;}
footer .horizon-1 .part-1 ul{width:160px;}
}
@media (max-width:960px){#intro .intro-box{top:-80px !important;left:10%;}
.container{width:100%;}
#contact .part-1, #contact .part-2{font-size:14px;}
#contact form input, #contact form textarea{padding:2px 5px;margin-bottom:5px;}
#contact form textarea{height:50px !important;}
#contact .part-2 .button{font-size:16px;}
footer ul li, footer .caption{font-size:14px;}
}
@media (max-width:850px){#intro .intro-box{top:-100px !important;left:8%;}
#intro .intro-box, #what-we-do-1, #what-we-do-2, #what-we-do-3, #what-we-do-4, #what-we-do-5, #briefs #briefs-item{transform:scale(.4);-webkit-transform:scale(.4);-moz-transform:scale(.4);-o-transform:scale(.4);}
}
@media (max-width:900px){#loader-logo{width:45px;text-align:left;}
header nav{display:none;}
.gaLightNav{display:block;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.gaLightNav.open ul{display:block;}
.gaLightNav.open .gaLightNavButton{color:#000000;background:#f68920;}
.gaLightNavButton{background:#000000;display:inline-block;position:absolute;right:10px;top:25px;padding:0 20px;cursor:pointer;color:#ffffff;height:30px;line-height:30px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.gaLightNavButton:hover{color:#000000;background:#f68920;}
.gaLightNav ul{position:absolute;top:75px;width:100%;display:none;background:#000000;padding:7px 0;}
.gaLightNav ul li{display:inline-block;height:40px;line-height:40px;float:left;text-align:left;width:100%;padding:0 !important;margin:0 !important;}
.gaLightNav ul li a{color:#ffffff;display:block;margin:0 7px;padding:0 10px;background:#000000;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.gaLightNav ul li a:hover{color:#000000;background:#f68920;}
#briefs-form .part-1,
#briefs-form .part-2,
#briefs-form .part-3,
#briefs-form .part-1-2{width:100% !important;}
#briefs-form .logotype-type .part-1-2{height:auto;}
#briefs-form .items input, #briefs-form .items div{margin-bottom:10px;}
.nbs-flexisel-nav-left{left:10px;}
.nbs-flexisel-nav-right{right:10px;}
.nbs-flexisel-inner{width:80%;margin:0 10%;}
}
@media (max-width:1400px){#recommendation.parallax{height:425px;}
#recommendation .container{height:425px;position:relative;margin:0 auto;}
#recommendation .recommendation-box-corner-top{background-size:55%;}
#recommendation .recommendation-box-corner-bottom{background-size:55%;}
#recommendation .recommendation-quote{padding:45px;font-size:15px;}
#recommendation .recommendation-quote span{padding:45px 0 15px 0;}
#recommendation .recommendation-quote img{height:65px;margin-bottom:10px;}
#contact form input, #contact form textarea{padding:3px 5px;border:none;width:100%;margin-bottom:10px;border:2px solid #ffffff;-webkit-transition:border .3s ease 0s;-moz-transition:border .3s ease 0s;-o-transition:border .3s ease 0s;transition:border .3s ease 0s;font-style:italic;}
#contact form input:focus, #contact form textarea:focus{border:2px solid #f68920;outline:none;}
#contact form textarea{min-height:100px;resize:vertical;}
#contact .part-1 img{width:35px;max-width:135px;}
#contact .part-1 .social{width:35px;height:35px;}
#contact .contact-logo{width:100px !important;max-width:100px !important;}
#contact .part-2{font-size:15px;}
#contact .part-2 .button{font-size:18px;height:auto;}
}
@media (max-width:1200px){#recommendation.parallax{height:375px;}
#recommendation .container{height:375px;position:relative;margin:0 auto;}
#recommendation .recommendation-box-corner-top{background-size:45%;}
#recommendation .recommendation-box-corner-bottom{background-size:45%;}
#recommendation .recommendation-quote{width:550px;padding:35px;font-size:13px;}
#recommendation .recommendation-quote span{padding:45px 0 15px 0;}
#recommendation .recommendation-quote img{height:55px;margin-bottom:20px;}
#recommendation .flexslider{width:550px}
.flex-control-paging li a{width:13px;height:13px;}
}
@media (max-width:1200px){}
@media (max-width:1000px){}