body{font-family:'Roboto',sans-serif;line-height:1.2em;font-size:17px;line-height:20px}a{color:#181A1C;text-decoration:none}a:hover{text-decoration:none;color:#FFFFff}h1,h2,h3,h4,h5,h6{font-weight:700;font-size:36px}h1{margin:10px}p{padding:10px;font-weight:100}.navbar{margin-bottom:0;min-height:70px;background-color:#000}.navbar-fixed-top{min-height:60px;height:60px;padding-top:0}.navbar-inner{background:#181A1C;border-radius:0;filter:none;border:none;box-shadow:none}.navbar .brand img{width:120px;height:40px}.navbar .nav > li > a{text-transform:uppercase;line-height:auto;vertical-align:middle;margin:10px 3px;-webkit-box-shadow:none;-moz-box-shadow:none;border:0px solid #ffffff;box-shadow:none;font-size:15px;text-shadow:none;color:#ffffff;transition:border-color 1s ease}.navbar .nav > li:hover> a,.navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus{border:0px solid #ffffff;color:#ffffff;background-color:#181A1C;transition:border-color 1s ease;font-family:Verdana,Geneva,sans-serif}.nav-pills{margin-bottom:30px;text-align:center}.nav-pills > li > a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-right:5px;padding-left:25px;padding-right:25px;border:1px solid #181A1C;background-color:#FFF}.nav-pills > li > a:hover,.nav-pills > .active > a,.nav-pills > .active > a:hover,.nav-pills > .active > a:focus{color:#F30;background-color:#333}.navbar .btn-navbar:hover,.navbar .btn-navbar{border-radius:0;background:#ffff;color:#000}.centered{margin-left:auto;margin-right:auto;float:none;text-align:left}.center{float:none!important;margin:0 auto!important;text-align:center}.highlighted-box{background:#F4F8F9;padding:20px 30px}.highlighted-box h1{margin:0}.large-text{line-height:1.2em;font-size:30px;color:#181A1C;padding:20px;margin-bottom:20px}.highlighted-box h1,.highlighted-box p{color:#181A1C!important}.circle-border{display:inline-block;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;-khtml-border-radius:500px;border:3px solid #fff}.left-align{text-align:left}.right-align{text-align:left}.error{color:#CF0000;display:none}.invisible{display:none;visibility:visible}.triangle{margin:0 auto;text-align:center;width:0;height:0;position:relative;border-top-width:35px;border-right-width:585px;border-left-width:585px;border-top-style:solid;border-right-style:outset;border-left-style:outset;border-top-color:#000}.zoom-in{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-o-transition:all 250ms ease;-ms-transition:all 250ms ease;transition:all 250ms ease}.zoom-in:hover{-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)}.button,.button:visited,.button:focus{display:inline-block;border:1px solid #181A1C;padding:15px 30px;font-size:17px;line-height:auto}.button:hover,.button:active{background-color:#181A1C;color:#fff}.button-sp,.button-sp:visited,.button-sp:focus{border:none;background-color:#FECE1A;color:#181A1C}.button-sp:hover,.button-sp:active{background-color:#181A1C;color:#FECE1A}.button-ps,.button-ps:visited,.button-ps:focus{border:none;background-color:#181A1C;color:#FECE1A}.button-ps:hover,.button-ps:active{background-color:#FECE1A;color:#181A1C}.thumbnail{width:100%;height:auto;padding:0;overflow:hidden;position:relative;border-radius:0;box-shadow:0 0;text-align:center;background:#191a1c;border-color:#F30;border-width:1px}.thumbnail .more{display:block;z-index:4;position:absolute;top:-100px;left:50%;margin:0 auto;margin-left:-41px;width:80px;height:80px;font-size:40px;text-decoration:none;line-height:70px;text-align:center}.thumbnail:hover .more{top:40%;margin-top:-40px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3 s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}.thumbnail h3,.thumbnail p{margin:0;padding:0;position:relative;z-index:4}.thumbnail h3{color:#FECE1A;margin-top:10px;font-size:20px}.thumbnail > p{padding-bottom:20px;color:#FFF;text-align:center}.thumbnail .mask{opacity:0;filter:alpha(opacity=15);top:1px;left:0;width:100%;height:100%;background:#181A1C;position:absolute;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2 s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out}.thumbnail:hover .mask{top:0}.social{list-style:none;float:none;position:relative;margin:5px}.social li{display:inline-block;line-height:50px;font-family:Porta;font-size:50px;padding:0 5px}.social li a{margin:0;padding:0;width:32px;height:32px;color:#FECE1A}.social li a:hover{color:#181A1C}.section{padding-bottom:0}.section .container{padding-top:0;text-align:center}.section .title{text-align:center;padding:0;margin-bottom:10px}.section .title h1{font-weight:700;margin-bottom:20px;padding:0;color:#666;font-size:18px}.section .title > p{font-size:20px;color:#FFF;font-weight:lighter}.primary-section{background-color:#000}.primary-section .triangle{border-top-width:40px;border-top-style:solid;border-top-color:#FFF}.primary-section .title{border-bottom-width:20px;border-bottom-style:solid;border-bottom-color:#F30}.primary-section,.primary-section .title p,.primary-section h3{color:#FFF;background-color:#000;text-align:left}.primary-section h1{color:#FFF}.secondary-section{background-color:#FFF;color:#000}.secondary-section .title{border-bottom-width:4px;border-bottom-style:solid;border-bottom-color:#fff}.secondary-section h1,.secondary-section .title p{color:#000;font-size:14px;font-weight:700}.third-section{padding-bottom:0;background-color:#000;background-image:url(../images/brand-bg.png);background-repeat:no-repeat;background-position:center;border-top-width:70px;border-top-style:solid;border-top-color:#000}.third-section .container{padding-top:20px;position:relative}.third-section .title{color:#FFF;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000}.sub-section{margin-top:30px}.sub-section .title{padding:0}.service{margin-top:20px}.service,.service h2{padding-top:15px}.service p{padding:0 50px;height:60px;text-align:left;color:#FFF}.service img{width:150px;height:150px}.single-project{margin-bottom:30px;background:#181A1C}.single-project img{width:100%}.project-description{padding-right:20px;color:#FFF}.project-description p{padding-left:0;text-align:left;color:#D4D0C8}.project-title{margin-top:15px;margin-bottom:15px;border-bottom:1px solid #FECE1A}.project-title h3{float:left;margin-top:0;padding:0;width:80%}.project-title .close{color:#FECE1A;margin-top:10px}.project-info span,.project-title h3{color:#F90;font-weight:700;text-align:left}.project-info{font-weight:100;padding:10px 0}.project-info span{width:80px;display:inline-block;color:#F3F}.project-info div{margin-bottom:5px}.close{float:right;width:40px;height:40px;text-align:center}#portfolio-grid .mix{opacity:0;display:none}.team .thumbnail{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;border:1px solid #F30}.team .thumbnail:hover .social{z-index:5}.team .thumbnail:hover .social a{color:#fff}.team .thumbnail .mask{background:#FECE1A}.team .thumbnail .mask h2{margin-top:20%}.team .thumbnail .mask,.team .thumbnail .mask h3,.team .thumbnail .mask p,.team .thumbnail:hover h3,.team .thumbnail:hover .social a:hover{color:#FFF}.about-text{margin-top:30px}.about-text p{padding:0;font-size:16px;color:#000}.skills{list-style-type:none;position:relative;margin:0}.skills li{margin-bottom:30px;background:#FFF;height:40px;padding:1px}.skills li h3{position:relative;font-size:15px;padding:0;margin:0;left:10px;z-index:1;color:#181A1C}.skills li .bar{height:40px;position:absolute;background-color:#FFF}.client-slider img{border:1px solid #fff}.client-slider img:hover{background-color:#FFF}.client-nav{list-style:none;margin-top:10px}.client-nav li{float:left;display:block;margin-left:10px}.client-nav li a{display:inherit;padding:5px;background:#FECE1A;border-radius:3px;width:20px;height:20px}.client-nav li a:hover{background:#181A1C}.testimonial p{color:#000;padding:15px;margin:0;background-color:#CCC;font-weight:700}.testimonial .arrow{margin-left:10px;width:0;border-top-width:10px;border-right-width:20px;border-left-width:20px;border-top-style:solid;border-right-style:outset;border-left-style:outset;border-color:#F30 #000 #000}.testimonial .whopic{display:inline-block}.testimonial .whopic img{margin-top:10px;width:50px;height:50px;float:left}.testimonial .whopic strong{float:left;margin-top:10px;padding-left:10px;color:#000}.testimonial .whopic small{display:block;font-size:12px}.testimonial-text{display:block;font-size:22px;text-align:center;margin:0 auto;margin-top:30px;width:70%;line-height:1.3em}.price-table{margin-top:20px;margin-bottom:20px}.price-column{-webkit-border-radius:100px;-moz-border-radius:10px;border-radius:10px;padding-bottom:20px;margin:0 auto;text-align:center;background-image:none;background-color:#000}.price-column h3{text-transform:uppercase;text-align:center;color:#333;padding:40px 0;font-size:36px;margin-top:0;-moz-border-radius:0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;background-image:url(../images/brand-bg.png)}.price-column .list{list-style:none;margin:20px 50px}.price-column .list li{font-weight:lighter;color:#FFF;font-size:14px;border-bottom:1px solid #747C89;padding:25px 0;text-align:left}.price-column .list li.price{text-align:center;font-size:31px;color:#747C89;margin-top:25px}.price-text{margin:30px 0 20px;font-size:20px;color:#181A1C;font-weight:400}.newsletter,.newsletter h2{color:#D7DDDE}.newsletter .title h2{text-align:left;padding:0;margin:0}.newsletter form{text-align:right}.newsletter input{margin-top:10px;padding:15px;height:auto}.newsletter button{margin:0 0 0 20px}.newsletter .button-sp:hover,.newsletter .button-sp:active{background-color:#FFF;color:#181A1C}.contact{background:#FECE1A}.contact h1,.contact h2,.contact h3,.contact h4,.contact h5,.contact h6,.contact .section .title > p,.contact .social > li > a{color:#FFF}.contact textarea,.contact input[type="text"],.contact input[type="email"]{padding:10px;line-height:20px;height:auto}.contact textarea{height:120px}.contacts,.contact .social{color:#fff;list-style:none;margin-left:10px}.contacts > li{margin-top:15px}.contacts > li > a{color:#fff}.contact-info{margin-top:10px;margin-bottom:10px}.contact-info p{font-weight:400;color:#333}.contact-info .icon{margin:10px auto;font-size:30px}.map-wrapper{position:relative;height:500px;background-color:#000}.map-canvas{position:absolute;margin-bottom:20px;width:100%;height:500px;color:#29383F;position:absolute;left:0;top:0;right:0}.contact .social{display:inline-block;margin-left:0}.contact .social li{line-height:32px;padding:10px;font-family:'Porta';font-size:50px;transition:margin .4s;-webkit-transition:margin .4s}.contact .social li a{color:#fff}.contact .social li a:hover{color:#181A1C}.contact-form{z-index:110;position:relative;margin-top:-25px;padding:20px;background-color:#F90}.contact-form h3{color:#069;padding-bottom:20px}.message-btn{border:1px solid #747C89;color:#747C89;background-color:transparent;padding:15px 30px;font-size:17px}.message-btn:hover{background-color:#FECE1A}.contact-info{text-align:center;font-size:22px}.info-mail{border:1px solid #fff;width:60%;margin:0 auto;padding:15px;color:#333}.black{color:#181A1C}.footer{text-align:center;background-color:#000}.footer > p{color:#fff;margin:0}.footer a{color:#FECE1A}.footer a:hover,.footer a:focus{text-decoration:underline}.scrollup{text-align:center;cursor:pointer;vertical-align:middle;width:39px;height:39px;border-radius:5px;font-size:20px;position:fixed;bottom:30px;right:20px;border:1px solid #fff;display:none;background:#FECE1A}.scrollup > a{position:relative;top:7px;color:#fff}@media (min-width: 1200px){.thumbnail .more{margin-left:-41px;width:80px;height:80px;border-radius:40px;line-height:80px}}@media (max-width: 979px){body{padding-left:0;padding-right:0}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed}.navbar .nav > li > a{line-height:20px;vertical-align:middle}.section{padding-left:20px;padding-right:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:0;margin-right:0}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav > li{float:none}.nav-collapse,.nav-collapse.collapse{width:100%;display:inherit}.thumbnail .more{margin-left:-21px;width:40px;height:40px;border-radius:30px;line-height:40px}.thumbnail:hover .more{margin-top:-20px}.newsletter form{text-align:center}}@media (max-width: 767px){.info-mail{width:90%;padding:15px 0}.project-description{padding-left:20px}.price-column,.testimonial{margin-top:30px}}