@charset "utf-8";.subscribe-box{width:100%;height:auto;margin-top:25px}.subscribe-box input{font-size:12px;font-weight:normal;width:145px;height:33px;padding:0 15px;color:#6e6e6e;background-color:#1e1e1e;border:#404040 solid 1px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.subscribe-box .first-name{float:left;margin-right:12px}.subscribe-box .email{width:100%;margin-top:12px}.subscribe-box .subscribe-button{width:145px;height:auto;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:600;color:#fff;text-align:center;float:right;background-color:#0aa;margin-top:20px;padding:9px;border:none;border-radius:5px;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.subscribe-box .subscribe-button:hover{background-color:#009797}.subscribe-box .placeholder{color:#6e6e6e}.subscribe-box input::-webkit-input-placeholder{color:#6e6e6e}.subscribe-box input:-moz-placeholder{color:#9e9e9e}.subscribe-box input::-moz-placeholder{color:#9e9e9e}.leave-comment{margin-top:20px;padding:35px 40px;background-color:#2e2e2e}.leave-comment input{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;width:302px;height:35px;padding:0 20px;color:#aaa;background-color:#4e4e4e;border:#4e4e4e solid 1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.leave-comment .input-name{float:left;margin-right:20px}.leave-comment textarea{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;width:100%;height:200px;margin-top:20px;padding:10px 20px;color:#aaa;background-color:#4e4e4e;border:#4e4e4e solid 1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.comment-active{margin-top:10px;overflow:hidden}.comment-active span{float:left;color:#aaa;line-height:14px}.comment-active .submit-button{width:165px;height:auto;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:400;color:#fff;text-align:center;float:right;background-color:#0aa;margin-top:5px;padding:9px;border:none;border-radius:5px;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.comment-active .submit-button:hover{background-color:#009797}.leave-comment .placeholder{color:#aaa}.leave-comment input::-webkit-input-placeholder,.leave-comment textarea::-webkit-input-placeholder{color:#aaa}.leave-comment input:-moz-placeholder,.leave-comment textarea:-moz-placeholder{color:#eee}.leave-comment input::-moz-placeholder,.leave-comment textarea::-moz-placeholder{color:#eee}@charset "utf-8";@media only screen and (max-width:1280px){.header-section{width:205px}.hover-active{margin-left:185px}.wrapper,.footer-section{margin-left:225px}}@media only screen and (max-width:1264px){.header-section{width:195px}.hover-active{margin-left:175px}.wrapper,.footer-section{margin-left:210px}.social-main ul li{margin-left:2px}}@media only screen and (max-width:1024px){.header-section{width:1024px;height:auto;position:relative;margin-top:0;box-shadow:0 3px 3px #000;overflow:hidden}.logo{width:130px;height:auto;padding:10px 0 5px 0;text-align:center;background-color:#fff;border-bottom:none}.logo img{width:80px;height:auto}.main-menu{display:none;position:static;width:100%;top:auto;right:auto;margin-top:0}.main-menu ul{text-align:left;background-color:#009797}.main-menu ul li{float:none;margin:0}.main-menu ul li a{display:block;width:100%}.main-menu ul li:hover{background-color:transparent}.main-menu ul li:hover>.hover-active{display:none}.main-menu ul .menu-active{background-color:transparent}.hover-active{display:none}.main-menu ul ul{width:100%;position:relative;left:0;top:0;margin-top:10px;margin-bottom:-10px;display:block}.main-menu ul ul li{float:none;position:relative;margin-bottom:0}.main-menu ul ul ul{position:relative;left:0;top:0;padding-left:20px}.header-section #navbtn{display:block}.social-main{display:none}.wrapper{margin:0 auto;margin-top:40px}.footer-section{margin:0 auto;margin-top:20px}}@media only screen and (max-width:1023px){.header-section{width:100%}.wrapper{width:728px}.content-header h1{float:none}.content-header nav{position:relative;margin:10px 0 10px -20px;overflow:hidden}blockquote{font-size:2em;line-height:40px}.grid-half{width:728px}.left{float:none}.right{float:none}.large-grid{height:728px}.large-grid figure{width:728px}.large-grid img{width:100%;height:auto}.small-grid li{width:354px;height:354px}.small-grid li figure img{width:100%;height:auto}.icon .service-icon{padding-top:33%}.grid-half .banner-slide{margin-bottom:40px}.half-feature-image{width:728px;height:728px;margin-bottom:20px}.half-feature-image img,.fullwidth-feature img{width:100%;height:auto}.service ul{margin-left:-19px}.service ul li{width:230px;height:230px;margin-left:19px}.service-large ul{margin-top:20px}.service-large ul li{width:728px;height:auto;float:none;overflow:hidden}.service-large .thumb-hover{width:100%;height:auto}.service-large .thumb-hover img{width:100%;height:auto}.service-details .large-button{position:relative;float:right;margin-top:30px;margin-bottom:40px;margin-right:0}.portfolio ul,.gallery-list ul,.team ul,.related ul{margin-left:-19px}.portfolio ul li,.gallery-list ul li,.team ul li,.related ul li{width:230px;height:230px;margin-left:19px}.portfolio .flip img,.gallery-list ul li img,.team .flip img,.related .flip img{width:100%;height:auto}.work-meta{width:30%}.portfolio-detail{width:70%}.blog-content{width:483px}.content-list .thumb-hover img{width:100%;height:auto}.blog-details h2 a{line-height:28px}.bottom-active .readmore-button{margin-top:20px}.blog-related ul{margin-left:-21px}.blog-related ul li{width:147px;height:147px;margin-left:21px}.blog-related .flip-front img{width:100%;height:auto}.leave-comment .input-email{margin-top:20px}.sidebar{width:225px}.contact{display:block}.send-message{display:block;width:728px;border-right:none;vertical-align:top}.contact-info{display:block;width:728px;margin-top:20px}.leave-comment input{width:314px}.leave-comment .input-subject{width:100%}.footer-section{width:728px}.footer-about{width:100%;float:none;margin-right:0}.footer-contact{width:319px;margin-top:40px;margin-right:30px}.footer-subscribe{width:319px;margin-top:40px}.subscribe-box input{width:153px}.subscribe-box .first-name{margin-right:13px}}@media only screen and (max-width:767px){.wrapper{width:460px}.large-grid blockquote{margin-top:100px}.page-header{height:auto;display:block;position:relative}.page-header h1{line-height:38px}.page-header .content{display:block;padding:30px 40px;overflow:hidden}.header-title{margin-top:40px}.category-filter ul{margin-top:20px}.sub-title{margin-top:20px;line-height:normal}.page-navigation{position:absolute;margin-top:0;margin-left:-20px}.call-action{height:auto;display:block;overflow:hidden}.call-action .large-button{margin:0 40px 38px 40px}.grid-half{width:460px}.large-grid{height:460px}.large-grid figure{width:460px}.small-grid li{width:220px;height:220px}.half-feature-image{width:460px;height:460px}.icon .service-icon{padding-top:28%}.service ul{margin-left:-20px}.service ul li{width:220px;height:220px;margin-left:20px}.service-large ul li{width:460px;height:auto;overflow:hidden}.portfolio ul,.gallery-list ul,.team ul,.related ul{margin-left:-20px}.portfolio ul li,.gallery-list ul li,.team ul li,.related ul li{width:220px;height:220px;margin-left:20px}.details aside{display:block}.work-meta{width:100%;padding-right:0}.portfolio-detail{display:block;width:100%;margin-top:40px}.blog{display:block}.blog-content{display:block;width:100%;overflow:hidden}.content-list{margin-top:0}.blog-related ul{margin-left:-20px}.blog-related ul li{width:140px;height:140px;margin-left:20px}.tiny-grid h2{font-size:.9em;font-weight:400;padding:15px}.tiny-active{font-size:12px;margin-bottom:20px}.leave-comment input{width:100%}aside{display:block}.sidebar{width:100%;margin-top:20px}.sidebar-box .gallery .gallery-list{width:76.6px;height:76.6px}.sidebar-box .gallery img{width:100%;height:auto}.send-message,.contact-info{width:100%}.footer-section{width:460px}.footer-contact{width:100%;margin-right:0}.footer-subscribe{width:100%}.subscribe-box input{width:194px}.subscribe-box .first-name{margin-right:12px}.footer-bottom{text-align:center}.copyright{float:none}.footer-bottom nav{float:none;margin-top:10px;overflow:hidden}.footer-bottom ul li{float:none;margin:0 7px 0 7px}}@media only screen and (max-width:479px){.header-section{min-width:320px}.wrapper{width:310px}blockquote{font-size:1.5em;line-height:30px}.large-grid blockquote{margin-top:20px}.quote-author{font-family:'Open Sans',sans-serif;font-size:14px;font-weight:300}.grid-half{width:310px}.large-grid{height:310px}.large-grid figure{width:310px}.small-grid li,.half-feature-image{width:310px;height:310px}.small-grid .icon h2{margin-bottom:20px}.service ul{margin-left:0}.service ul li{width:310px;height:310px;margin-left:0}.service-large ul li{width:100%;height:auto}.service .grid-title{margin-bottom:20px}.service-details h2 a{line-height:normal}.portfolio ul,.gallery-list ul,.team ul,.related ul{margin-left:0}.portfolio ul li,.gallery-list ul li,.team ul li,.related ul li{width:310px;height:310px;margin-left:0}.portfolio .flip img,.gallery-list ul li img,.team .flip img,.related .flip img{width:310px;height:310px}.box-title h2{margin-bottom:20px}.blog-single-details h1{line-height:30px}.blog-related ul{margin-left:-20px}.blog-related ul li{width:145px;height:145px;margin-left:20px}.tiny-grid h2{margin-bottom:5px}.reply{float:left;margin-top:10px}.comment-active .submit-button{float:left;margin-top:15px}.sidebar-box .gallery .gallery-list{width:77.5px;height:77.5px}.map{height:310px}.info-box h2{line-height:30px}.large-title-back{font-size:1.5em;line-height:30px}.large-description-back{font-size:14px;line-height:20px;margin-top:20px}.footer-section{width:310px}.subscribe-box input{width:100%}.subscribe-box .first-name{margin-right:0}.subscribe-box .last-name{margin-top:12px}.footer-bottom ul li{margin:0 5px 0 5px}}