body { font-family: 'Merriweather Sans', arial, sans-serif; color: #666; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
p { margin-bottom: 16px; line-height: 1.5 }
a { color: #dbac5b; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out }
a:hover { text-decoration: underline; color: #d7a246 }
a:focus { text-decoration: none }
.btn, a.btn { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; font-weight: bold }
.btn .svg-inline--fa, a.btn .svg-inline--fa { color: #fff; margin-right: 5px }
.btn:focus, a.btn:focus { color: #fff }
a.btn-cta, .btn-cta { padding: 8px 30px }
a.btn-cta-primary, .btn-cta-primary { background: #70a6e0; border: none; color: #fff }
a.btn-cta-primary:hover, .btn-cta-primary:hover { background: #2c5e94; border: none; color: #fff }
a.btn-cta-secondary, .btn-cta-secondary { background: #65758e; border: none; color: #fff }
a.btn-cta-secondary:hover, .btn-cta-secondary:hover { background: #505c70; border: none; color: #fff }
.highlight { color: #e0b770 }
h1 { font-size: 36px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; color: #505c70; margin-top: 0; margin-bottom: 30px; text-align:center }
p.intro { max-width: 700px; margin: 0 auto; margin-bottom: 60px; color: #65758e; font-weight: 300; font-size: 20px }
.partner { margin-bottom: 30px }
.partner h5 { margin-top: 0; margin-bottom: 15px; color: #505c70 }

.form-control { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 40px; border-color: #eee }
.form-control::-webkit-input-placeholder { color: #a6a6a6 }
.form-control:-moz-placeholder { color: #a6a6a6 }
.form-control::-moz-placeholder { color: #a6a6a6 }
.form-control:-ms-input-placeholder { color: #a6a6a6 }
.form-control:focus { border-color: #e1e1e1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
textarea.form-control { height: auto }
.text-highlight { color: #966b21 }
input[type="text"], input[type="email"], input[type="password"], input[type="submit"], input[type="button"], textarea, select { appearance: none; -webkit-appearance: none }
#topcontrol { background: #65758e; color: #fff; text-align: center; display: inline-block; width: 35px; height: 35px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; z-index: 30 }
#topcontrol:hover { background: #72829b }
#topcontrol .svg-inline--fa { position: relative; top: 3px; font-size: 25px }
.video-container iframe { max-width: 100% }
.flexslider .flex-direction-nav a:before { color: #fff; padding-top: 4px !important }
.bg-slider-wrapper { content: ""; position: absolute; width: 100%; top: 0; left: 0; height: 600px; background: #595959; overflow: hidden }
.bg-slider-wrapper .flexslider { margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box }
.bg-slider-wrapper .flexslider .slide { display: block; height: 600px }
.bg-slider-wrapper .flexslider .slide.slide-1 { background: #65758e url("/assets/images/headers/promo-background-1.jpg") no-repeat 50% top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.bg-slider-wrapper .flexslider .slide.slide-2 { background: #65758e url("/assets/images/headers/promo-background-2.jpg") no-repeat 50% top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.bg-slider-wrapper .flexslider .slide.slide-3 { background: #65758e url("/assets/images/headers/promo-background-3.jpg") no-repeat 50% top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.bg-slider-wrapper .flexslider .flex-control-nav { z-index: 20; bottom: 45px; position: relative }
.bg-slider-wrapper .flexslider .flex-control-nav li a { background: rgba(255,255,255,0.3) }
.bg-slider-wrapper .flexslider .flex-control-nav li a.flex-active { background: rgba(255,255,255,0.8) }
body.no-header-wrapper { padding-top: 80px }
body.blogpost { padding-top: 80px }
body.home .header-wrapper { min-height: 600px }
body.innerpage .header-wrapper { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 400px;position:relative; }
body.portfolio .header-wrapper { background: #65758e url("/assets/images/headers/heading-background-1.jpg") no-repeat 50% top;  }
.header-wrapper-case-study { background: #65758e url("/assets/images/headers/case-study-background-1.jpg") no-repeat 50% top;  }
body.about .header-wrapper { background: #65758e url("/assets/images/headers/heading-background-2.jpg") no-repeat 50% top; }
body.blog .header-wrapper { background: #65758e url("/assets/images/headers/heading-background-3.jpg") no-repeat 50% top;  }
body.services .header-wrapper { background: #65758e url("/assets/images/headers/heading-background-5.jpg") no-repeat 50% top;  }
body.contact-us .header-wrapper { background: #65758e url("/assets/images/headers/heading-background-4.jpg") no-repeat 50% top; }
.promo { color: #fff; padding-top: 160px; background: rgba(0, 0, 0, .5);position:absolute; top: 0; left: 0;height:100%;width:100%; }
.promo h2 { font-size: 36px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; text-shadow: 0 1px 1px rgba(0,0,0,0.5); margin-bottom: 15px; margin-top: 0; text-transform: uppercase }
.promo p { max-width: 700px; margin: 0 auto; font-size: 20px; text-shadow: 0 1px 1px rgba(0,0,0,0.5) }

.header { color: #fff; width: 100%; z-index: 40; padding: 15px inherit; background: rgba(48,56,67,0.9); -webkit-transition: padding 0.6s ease-in-out; -moz-transition: padding 0.6s ease-in-out; -ms-transition: padding 0.6s ease-in-out; -o-transition: padding 0.6s ease-in-out }
.header.navbar-fixed-top .navbar-collapse { padding-left: 15px; padding-right: 15px }
.header.header-shrink { padding: 0px inherit }
ur.header.header-shrink .logo img { height: 16px; width: auto }
.header.header-shrink .main-nav .nav .nav-item { font-size: 12px }
.header .logo { margin: 12px 0; float: left; }
.header .logo img {height:20px; width:161px}
.header .main-nav { padding: 0 }
.header .main-nav .navbar-toggler { background: none; position: absolute; right: 0; top: -42px; padding: 2px 9px }
.header .main-nav .navbar-toggler:focus { outline: none }
.header .main-nav .nav .nav-item { font-weight: normal; text-transform: uppercase; font-size: 13px; margin-right: 15px }
.header .main-nav .nav .nav-item.active > .nav-link { color: #e0b770; background: none; font-weight: bold }
.header .main-nav .nav .nav-item .nav-link { color: #fff; padding-top: 15px; padding-bottom: 15px }
.header .main-nav .nav .nav-item .nav-link:hover { color: #e0b770; background: none }
.header .main-nav .nav .nav-item .nav-link:focus { outline: none; background: none }
.header .main-nav .nav .nav-item .nav-link:active { outline: none; background: none }
.header .main-nav .nav .nav-item.active { color: #e0b770 }
.header .main-nav .nav .nav-item.last { margin-right: 0 }
.header .main-nav .nav.active { position: relative }
.header .main-nav .nav.active > a { background: #d7a246; color: #fff; color: rgba(255,255,255,0.8) }
.header .main-nav .nav.active > a:before { content: "\f0d8"; position: absolute; bottom: -8px; left: 0; text-align: center; font-family: FontAwesome; display: block; font-size: 12px; width: 100% }
.header .main-nav .nav.active > a.dropdown-toggle:before { display: none }
.header .main-nav .nav.open a { background: none }
.header .main-nav .nav .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 0; border: none; text-transform: none; min-width: 180px; background: #d7a246; padding-top: 5px; padding-bottom: 5px }
.header .main-nav .nav .dropdown-menu:before { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #d7a246; position: absolute; right: 35px; top: -8px }
.header .main-nav .nav .dropdown-menu a { border-bottom: 1px solid #d29731; padding: 8px 20px; color: #fff; opacity: 1; font-size: 14px }
.header .main-nav .nav .dropdown-menu a:hover { background: #c0892a; color: #fff }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: none }
.dropdown-toggle::after { display: none }
.dropdown:hover .dropdown-menu { display: block }
body.home .promo { color: #fff; padding-top: 160px; position: relative; z-index: 10; height:600px }
body.home .promo h2 { font-size: 26px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; text-shadow: 0 1px 1px rgba(0,0,0,0.5); margin-bottom: 45px; text-transform: uppercase }
body.home .promo h2 span { display: block }
body.home .promo h2 .middle { margin-top: 20px; margin-bottom: 20px; font-size: 56px; color: #e0b770 }
body.home .promo h2 .bottom { font-family: 'Merriweather Sans', arial, sans-serif; font-style: italic; text-transform: lowercase; font-weight: 500 }
body.home .promo .btn { font-size: 20px; font-weight: normal }
.who { padding: 80px 0 }
.who .title { font-size: 36px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; color: #505c70; margin-top: 0; margin-bottom: 30px }
.who .intro { margin: 0 auto; max-width: 700px; color: #666; font-size: 20px; color: #65758e; margin-bottom: 60px; font-weight: 300 }
.who .benefits .item { font-size: 16px; margin-bottom: 60px }
.who .benefits .item .fs1 { font-size: 36px; color: #65758e }
.who .benefits .item-inner { padding: 30px; padding-top: 45px; background: #f8f9fa; height: 100% }
.who .benefits .sub-title { font-weight: bold; font-size: 18px; margin-bottom: 15px; color: #505c70 }
.who .benefits .desc { color: #65758e }
.latest-work { padding: 80px 0 }
.latest-work .container-fluid { padding-left: 0; padding-right: 0 }
.latest-work .title { font-family: 'Open Sans', arial, sans-serif; font-weight: 800; font-size: 36px; color: #505c70; margin-top: 0; margin-bottom: 60px }
.latest-work .owl-wrapper { background: #303843 }
.latest-work .item { background: #303843; color: #fff; min-height: 420px; text-align: center }
.latest-work .item .figure { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; overflow: hidden }
.latest-work .item .figure img { opacity: .8; margin: 0 auto; -webkit-transition: transform 0.5s linear; -moz-transition: transform 0.5s linear; -ms-transition: transform 0.5s linear; -o-transition: transform 0.5s linear }
.latest-work .item .figure:hover img { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1) }
.latest-work .item .figure-container { margin-bottom: 0 }
.latest-work .item .figure-container a { display: block; min-height: 260px; opacity: .8 }
.latest-work .item .figure-container a:hover { opacity: 1 }
.latest-work .item.item-1 .figure-container a { background: #65758e url("/assets/images/cases/work-example-1.1.jpg") no-repeat 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.latest-work .item.item-2 .figure-container a { display: block; background: #65758e url("/assets/images/cases/work-example-2.1.jpg") no-repeat 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.latest-work .item.item-3 .figure-container a { display: block; background: #65758e url("/assets/images/cases/work-example-3.1.jpg") no-repeat 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover }
.latest-work .item .content .content-inner { padding: 45px; text-align: left; color: rgba(255,255,255,0.8) }
.latest-work .item .content .project-title { font-family: 'Open Sans', arial, sans-serif; text-align: center; font-size: 22px; font-weight: bold; margin-top: 0; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid rgba(255,255,255,0.5); display: inline-block; color: #fff }
.latest-work .item .content .meta { margin-bottom: 15px; font-weight: 300 }
.latest-work .item .content .meta strong { color: #fff }
.latest-work .item .content .desc { margin-bottom: 30px }
.latest-work .item .content .link { margin-bottom: 5px }
.latest-work .item .content .link a { color: #909cb0 }
.latest-work .item .content .link a:hover { color: #e0b770 }
.latest-work .item .content .link .svg-inline--fa { color: #909cb0; margin-right: 5px }
.owl-theme .owl-dots, .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 30px; margin-bottom: 30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #65758e }
.owl-theme .owl-dots .owl-buttons div { background: #65758e }
.owl-theme .owl-dots .owl-buttons div:hover { background: #818fa5 }
.testimonials { padding: 80px 0 }
.testimonials .title { font-size: 36px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; color: #505c70; margin-top: 0; margin-bottom: 30px }
.testimonials .intro { max-width: 700px; color: #65758e; font-weight: 300; margin: 0 auto; margin-bottom: 60px; font-size: 20px }
.testimonials .item { margin-bottom: 60px }
.testimonials .item .item-inner { padding: 30px; height: 100% }
.testimonials .item .quote-container { position: relative; margin-bottom: 30px }
.testimonials .item .quote-container .svg-inline--fa { color: #cbd1da; position: absolute; left: -35px; top: 0; font-size: 22px }
.testimonials .item .quote-container .quote { padding: 0; border-left: 0; font-style: italic; margin-bottom: 0 }
.testimonials .item .meta .profile { overflow: hidden; float: left }
.testimonials .item .meta .profile img { float: left; margin-right: 15px; border-radius: 50%; }
.testimonials .item .meta .profile .name { font-size: 14px; float: left; margin-top: 25px; max-width: 200px; color: #65758e }
.testimonials .item .meta .profile .name .source-title { color: #999 }
.testimonials .item .meta .client-logo { float: right; max-width: 160px }
.logos { padding-bottom: 80px }
.logos .title { font-size: 28px; margin-top: 0; margin-bottom: 30px; color: #505c70; font-family: 'Open Sans', arial, sans-serif; font-weight: 700 }
.logos .intro { color: #65758e; font-size: 20px; font-weight: 300; margin-bottom: 60px }
.logos .logo-list img { opacity: .8; margin:0 0 20px }
.logos .logo-list img:hover { opacity: 1 }
.cta-section { background: #65758e url("/assets/images/headers/cta-background.jpg") no-repeat left top; background-size: cover; min-height: 420px; color: #fff; padding-top: 80px; padding-bottom: 30px }
.cta-section h2 { font-size: 36px; font-weight: 300; margin-top: 0; margin-bottom: 30px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; text-shadow: 0 1px 1px rgba(0,0,0,0.5) }
.cta-section p { font-size: 24px }
.cta-section p span { display: block; margin-bottom: 15px }
.cta-section p .intro { opacity: .8; font-weight: 300 }
.cta-section p .info { font-family: 'Open Sans', arial, sans-serif; font-weight: 800 }
.cta-section p a { color: #e5c285 }
.cta-section p a:hover { color: #e0b770 }
.latest-blog { padding: 80px 0; background: #f5f5f5 }
.latest-blog .title { font-size: 36px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; color: #505c70; margin-top: 0; margin-bottom: 80px }
.latest-blog .item { margin-bottom: 60px }
.latest-blog .item .desc { text-align: left }
.latest-blog .item-inner { background-color: #fff; height: 100% }
.latest-blog .item-inner .figure { background-color: #3b4452; overflow: hidden; text-align: center; margin-bottom: 0 }
.latest-blog .item-inner .figure img { opacity: .8; -webkit-transition: transform 0.5s linear; -moz-transition: transform 0.5s linear; -ms-transition: transform 0.5s linear; -o-transition: transform 0.5s linear; margin: 0 auto; display: inline-block }
.latest-blog .item-inner .figure img:hover { opacity: 1; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05) }
.latest-blog .item-inner .sub-title { margin-top: 15px; margin-bottom: 30px; font-size: 22px }
.latest-blog .item-inner .sub-title a { color: #65758e }
.latest-blog .item-inner .sub-title a:hover { color: #e0b770 }
.latest-blog .item-inner .content-wrapper { padding: 30px }

body.innerpage > section {padding: 80px 0}
.work-list { background: #f5f5f5 }
.work-list .title { font-size: 28px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; color: #505c70; margin-top: 0; margin-bottom: 30px }
.work-list .button-group { margin-bottom: 60px; font-size: 13px; clear: both }
.work-list .button-group .btn { background: #cbd1da; color: #fff; font-weight: 300; margin-right: 5px; margin-bottom: 15px }
.work-list .button-group .btn.last { margin-right: 0 }
.work-list .button-group .btn:hover { background: #65758e }
.work-list .button-group .btn.is-checked { background: #65758e }
.work-list .item { margin-bottom: 60px }
.work-list .item .item-inner { background: #fff; height: 100% }
.work-list .item .sub-title a { color: #65758e }
.work-list .item .sub-title a:hover { color: #e0b770 }
.work-list .item .figure { position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; overflow: hidden; margin-bottom: 0 }
.work-list .item .figure img { -webkit-transition: transform 0.5s linear; -moz-transition: transform 0.5s linear; -ms-transition: transform 0.5s linear; -o-transition: transform 0.5s linear }
.work-list .item .figure .info-mask { text-decoration: none; visibility: hidden; opacity: 0; padding: 30px; top: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; background: rgba(48,56,67,0.9) }
.work-list .item .figure .info-mask span { display: block; margin-bottom: 15px; color: #fff }
.work-list .item .figure .info-mask span.btn { display: inline-block }
.work-list .item .figure .info-mask span.btn:hover { background: #68becc }
.work-list .item .figure:hover .info-mask { visibility: visible; opacity: 1 }
.work-list .item .figure:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1) }
.work-list .item .content { padding: 30px }
.work-list .item .content .sub-title { font-size: 16px; margin: 0; margin-bottom: 15px }
.work-list .item .content .meta { font-size: 14px; color: #999 }
.breadcrumb { margin-top: 15px; font-size: 13px; color: #c6c6c6; background: none; padding: 0 }
.breadcrumb .breadcrumb-item a { color: #c6c6c6 }
.breadcrumb .breadcrumb-item a:hover { color: #e0b770 }
.breadcrumb .breadcrumb-item.active { color: #c6c6c6 }
.breadcrumb-item + .breadcrumb-item::before { color: #c6c6c6 }
.case-study-article .project-title { font-family: 'Open Sans', arial, sans-serif; font-weight: 800; margin-bottom: 30px; color: #505c70 }
.case-study-article .project-type { color: #65758e; margin-bottom: 60px; margin-top: 0; font-size: 22px; font-weight: 300 }
.case-study-article .project-type .dot { font-size: 48px; position: relative; top: 8px }
.case-study-article .content-wrapper .meta { margin-bottom: 30px }
.case-study-article .content-wrapper .content-section { margin-bottom: 30px }
.case-study-article .content-wrapper .section-title { color: #65758e; font-size: 20px; font-weight: bold }
.case-study-article .media-wrapper img { background: #252b35; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; opacity: .9; border: 1px solid #eee }
.case-study-article .media-wrapper img:hover { opacity: 1 }
.case-study-article .media-wrapper .featured { margin-bottom: 30px }
.case-study-article .media-wrapper .thumbs .item { margin-bottom: 15px }
.case-study-article .testimonial-wrapper { margin-top: 90px; padding: 60px 30px }
.case-study-article .testimonial-wrapper .testimonial-inner { max-width: 700px; margin: 0 auto }
.case-study-article .testimonial-wrapper .quote-container { position: relative; margin-bottom: 30px; color: #65758e; background: #f8f9fa; padding: 30px }
.case-study-article .testimonial-wrapper .quote-container .svg-inline--fa { color: #a5afbf; font-size: 22px }
.case-study-article .testimonial-wrapper .quote-container .quote { padding: 0; border-left: 0; padding-left: 30px; font-style: italic; margin-bottom: 30px }
.case-study-article .testimonial-wrapper .quote-container:after { content: ""; display: block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #f8f9fa; position: absolute; bottom: -15px; margin-left: -15px; left: 50% }
.case-study-article .testimonial-wrapper .meta { padding: 30px }
.case-study-article .testimonial-wrapper .meta .profile { overflow: hidden }
.case-study-article .testimonial-wrapper .meta .profile .name { margin-top: 25px }
.case-study-article .testimonial-wrapper .meta .profile .name .source-title { color: #999 }
.flexslider { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0; border: 1px solid #eee; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; overflow: hidden }
.flexslider#carousel img { opacity: .5; cursor: pointer }
.flexslider#carousel img:hover { opacity: 1 }
.flexslider#carousel .slides > li { margin-right: 5px }
.flexslider#carousel .slides > li.flex-active-slide img {opacity: 1; cursor: default }
.flexslider .flex-direction-nav a { color: #f5f5f5; opacity: .7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #333; text-align: center; width: 32px; height: 32px }
.flexslider .flex-direction-nav a:before { font-size: 18px; text-shadow: none; margin-bottom: 30px; padding-top: 8px }
.flexslider .flex-direction-nav a:hover { opacity: 1 }
section.services .item { margin-bottom: 30px }
section.services .item-inner { background: #f8f9fa; height: 100% }
section.services .item-inner .header-box { padding: 15px 30px; background: #909cb0; color: #fff }
section.services .item-inner .header-box .fs1 { color: #fff; font-size: 28px; padding-top: 6px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 56px; height: 56px; border: 1px solid #fff }
section.services .item-inner h3 { font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 20px; color: #505c70 }
section.services .item-inner .desc { padding: 30px 15px; color: #65758e }
section.services .btn-cta { font-size: 16px; margin-top: 30px }
.team .title { font-size: 36px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; color: #505c70; margin-top: 0; margin-bottom: 15px }
.team .intro { max-width: 800px; margin: 0 auto; margin-bottom: 60px; font-weight: 300; color: #65758e; font-size: 20px }
.team .item { margin-bottom: 30px }
.team .item .item-inner { background: #fff; background: #f5f5f5; background: #f8f9fa; padding: 30px; padding-bottom: 60px; overflow: hidden; position: relative; height: 100% }
.team .item .figure { margin-bottom: 30px }
.team .item .info { margin-bottom: 30px }
.team .item .info .name { margin-top: 0; color: #505c70; margin-bottom: 10px; font-size: 22px; font-weight: bold }
.team .item .info .role { font-size: 16px; margin-top: 0; margin-bottom: 15px; font-style: italic; color: #65758e }
.team .item .social { padding-top: 15px; width: 100%; margin-left: -30px; position: absolute; bottom: 30px }
.team .item .social .social-list { margin: 0 auto; margin-bottom: 0; width: 100% }
.team .item .social .social-list li a { display: inline-block; width: 36px; height: 36px; background: #bcc4d0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding-top: 8px }
.team .item .social .social-list li a:hover { background: #65758e }
.team .item .social .social-list li .svg-inline--fa { font-size: 18px; color: #fff }
.join-us { background: #f5f5f5 }
.join-us .intro { max-width: 700px; margin: 0 auto; margin-bottom: 60px; color: #65758e; font-weight: 300; font-size: 20px }
.join-us .info { margin-bottom: 30px }
.join-us .partner { margin-bottom: 30px }
.join-us .partner .sub-title { margin-top: 0; margin-bottom: 15px; color: #505c70 }
.photos .title { font-size: 36px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; color: #505c70; margin-top: 0; margin-bottom: 15px }
.photos .intro { font-size: 18px; color: #65758e; font-size: 20px; margin-bottom: 60px; font-weight: 300 }
.photos #instafeed { margin: 0 auto; display: inline-block }
.photos #instafeed .item { text-align: center; padding: 5px; background: #fff }
.photos #instafeed .item img { display: block; -webkit-transition: transform 0.4s linear; -moz-transition: transform 0.4s linear; -ms-transition: transform 0.4s linear; -o-transition: transform 0.4s linear }
.photos #instafeed .item:hover img { opacity: .9 }
/*.blog-list { padding: 80px 0 }*/
.blog-list .container { max-width: 860px }
.blog-list .item { margin-bottom: 60px }
.blog-list .item .post-title { margin-bottom: 15px; font-size: 24px }
.blog-list .item .post-title a { color: #65758e }
.blog-list .item .post-title a:hover { color: #505c70 }
.blog-list .item .meta .meta-list { font-size: 14px }
.blog-list .item .meta .meta-list li { color: #999 }
.blog-list .item .meta .meta-list li a { color: #999 }
.blog-list .item .meta .meta-list li a:hover { color: #e0b770 }
.blog-list .item .meta .meta-list .post-time { font-size: 16px; display: inline-block; text-align: center; padding: 5px 15px; background: #818fa5; color: #fff; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom: 15px }
.blog-list .item .meta .meta-list .post-time span { display: block }
.blog-list .item .meta .meta-list .post-time span.date { font-family: 'Open Sans', arial, sans-serif; font-weight: 800; font-size: 26px }
.blog-list .item .meta .meta-list .post-time span.month { font-weight: 300; text-transform: uppercase; padding-top: 0 }
.blog-list .item .meta .meta-list .post-author { margin-bottom: 5px }
.blog-list .item .figure { margin-bottom: 15px; overflow: hidden; background: #505c70; text-align: center }
.blog-list .item .figure img { -webkit-transition: transform 0.4s linear; -moz-transition: transform 0.4s linear; -ms-transition: transform 0.4s linear; -o-transition: transform 0.4s linear; opacity: 1; border: 1px solid #eee; margin: 0 auto }
.blog-list .item .figure:hover img { opacity: .8; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1) }
.pagination { margin-top: 90px }
.pagination .page-item .page-link { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; margin-right: 5px; color: #65758e }
.pagination .page-item .page-link:hover { color: #505c70 }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #c6c6c6 }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #909cb0; border: none }
.page-item.active .page-link { background-color: #909cb0; border: none; color: #fff }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #fbf6ee; border: none }
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: none }
.blog-post-wrapper { padding-top: 60px }
.blog-post-wrapper .title { margin-bottom: 30px; margin-top: 0; font-size: 28px; color: #505c70 }
.blog-post-wrapper .meta { font-size: 13px; color: #999; margin-bottom: 15px }
.blog-post-wrapper .meta li { margin-right: 0 }
.blog-post-wrapper .meta .post-author a { color: #999 }
.blog-post-wrapper .meta .post-author a:hover { color: #e0b770 }
.blog-post-wrapper .meta .post-comments-link a { color: #999 }
.blog-post-wrapper .meta .post-comments-link a:hover { color: #e0b770 }
.blog-post-wrapper .meta .post-comments-link .svg-inline--fa { margin-right: 5px }
.blog-post-wrapper .share-container { margin-bottom: 30px; overflow: hidden }
.blog-post-wrapper .share-container li { margin-bottom: 15px }
.blog-post-wrapper .comment-area { background: #f5f5f5; padding: 30px }
.blog-post-wrapper .comment-area .title { font-size: 22px; font-family: "Open Sans", arial, sans-serif; font-weight: 700; margin-bottom: 30px }
.blog-post-wrapper .comment-area .comment-container { margin-bottom: 60px }
.blog-post-wrapper .comment-area .comment-container .comment-item { margin-bottom: 30px }
.blog-post-wrapper .comment-area .comment-container .comment-item .comment-item-box { position: relative; background: #fff; padding: 30px; padding-left: 115px; margin-bottom: 15px }
.blog-post-wrapper .comment-area .comment-container .comment-item .comment-author { position: absolute; left: 30px; top: 30px }
.blog-post-wrapper .comment-area .comment-container .comment-item .comment-author img { width: 60px; height: 60px }
.blog-post-wrapper .comment-area .comment-container .comment-item .comment-body .name { color: #65758e; font-style: normal }
.blog-post-wrapper .comment-area .comment-container .comment-item .comment-body .name a { color: #65758e }
.blog-post-wrapper .comment-area .comment-container .comment-item .comment-body .name a:hover { color: #e0b770 }
.blog-post-wrapper .comment-area .comment-container .comment-item .comment-body .time { color: #999; font-size: 13px; margin-bottom: 15px }
.blog-post-wrapper .comment-area .comment-container .comment-item .comment-body .comment-reply-link { padding: 5px 10px; font-size: 13px; background: #adb7c5 }
.blog-post-wrapper .comment-area .comment-container .comment-item .comment-body .comment-reply-link:hover { background: #65758e }
.blog-post-wrapper .comment-area .comment-container .comment-item .children { padding-left: 30px }
.blog-post-wrapper .comment-area .comment-form .error { color: #E65348; font-family: arial, sans-serif; display: block; font-size: 14px; text-align: left; padding-top: 5px; font-weight: 300 }
.blog-sidebar .widget { margin-bottom: 60px }
.blog-sidebar .widget a { color: #65758e }
.blog-sidebar .widget a:hover { color: #e0b770 }
.blog-sidebar .widget .title { font-size: 20px; margin-bottom: 30px; margin-top: 0; font-weight: normal; color: #505c70 }
.blog-sidebar .widget ul li { margin-bottom: 10px; font-size: 15px }
.blog-sidebar .widget ul li .count { color: #999; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif }
.blog-sidebar .widget.recent-posts li { position: relative; padding-left: 60px; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 15px; min-height: 80px }
.blog-sidebar .widget.recent-posts .thumb { position: absolute; left: 5px; top: 5px; width: 45px; height: 45px }
.blog-sidebar .widget.recent-posts .post-info .date { color: #999; font-size: 12px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif }
.blog-sidebar .widget.instagram .instafeed .item { display: inline-block; margin-right: 5px }
.blog-sidebar .widget.instagram .instafeed img { max-width: 75px; padding: 2px; border: 1px solid #eee }
.blog-sidebar .widget.instagram .instafeed img:hover { opacity: .8; background: #65758e }
.blog-sidebar .search-blog-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; max-width: 164px }
.blog-sidebar .search-blog-form .form-control { height: 38px }
.blog-sidebar .search-blog-form .btn { padding: 8px 12px }
.blog-sidebar .search-blog-form .btn .svg-inline--fa { margin-right: 0 }
.post { margin-bottom: 60px }
.post .content .post-title { font-size: 22px }
.post .content .post-title a { color: #666 }
.post .content .post-title a:hover { color: #ab7a25 }
.post .content .post-entry .read-more .svg-inline--fa { margin-left: 5px; position: relative; top: 1px }
.blog-entry .title { margin-bottom: 15px; font-family: "Open Sans", arial, sans-serif; font-weight: 700 }
.blog-entry .meta { margin-bottom: 15px }
.blog-entry .meta li { padding-right: 10px }
.blog-entry .post-thumb { margin-bottom: 30px }
.blog-entry p { margin-bottom: 30px; line-height: 1.5 }
.blog-entry .post-nav { margin-bottom: 60px }
.blog-entry .post-nav .nav-next { float: right }
.blog-entry .post-nav .nav-next .svg-inline--fa { margin-left: 5px }
.blog-entry .post-nav .nav-previous .svg-inline--fa { margin-right: 5px }
/*<blockquote class="custom-quote">
    <p><i class="fas fa-quote-left"></i>Viverra magna pellentesque in magnis gravida sit augue felis vehicula vestibulum semper penatibus justo ornare semper Gravida felis platea arcu mus non. Montes at posuere. Natoque.</p>
    <p class="source"><span class="name">Alan Guzman</span><br><span class="title">Startup Week</span></p>
</blockquote>*/
.custom-quote { border-color: #e9cc9a; font-weight: normal; font-style: italic; border-left: 5px solid #e9cc9a; padding-left: 30px; font-size: 18px }
.custom-quote p { line-height: 1.6 }
.custom-quote .svg-inline--fa { color: #e0b770; margin-right: 10px }
.custom-quote .source { font-style: normal }
.custom-quote .source .name { color: #666 }
.custom-quote .source .title { font-size: 13px; color: #999 }
.contact-section { color: #999; background: #f5f5f5 }
.contact-section .title { font-size: 36px; font-family: 'Open Sans', arial, sans-serif; font-weight: 800; color: #505c70; margin-top: 0; margin-bottom: 30px }
.contact-section .intro { max-width: 700px; margin: 0 auto; margin-bottom: 60px; color: #65758e; font-weight: 300; font-size: 20px }
.contact-section .contact-info { margin-bottom: 60px }
.contact-section .contact-info li { margin-right: 60px; margin-bottom: 30px; font-family: 'Open Sans', arial, sans-serif }
.contact-section .contact-info li a { color: #65758e }
.contact-section .contact-info li:last-child { margin-right: 0 }
.contact-section .contact-info .fs1 { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #fff; width: 48px; height: 48px; border: 1px solid #65758e; color: #65758e; font-size: 22px; padding-top: 5px; display: inline-block; margin-bottom: 15px; text-align: center }
.contact-section .contact-info .tel .fs1 { padding-top: 8px }
.contact-section .contact-form .error { color: #E65348; font-family: arial, sans-serif; display: block; font-size: 14px; text-align: left; padding-top: 5px; font-weight: 300 }
.map-section .title { font-size: 36px; font-weight: 300; margin-top: 0; margin-bottom: 30px }
.map-section .gmap-wrapper { position: relative; padding-bottom: 30%; height: 0; overflow: hidden }
.map-section .gmap-wrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important }
.section-404 { padding-top: 130px; padding-bottom: 120px }
.section-404 .title-404 { font-size: 120px; font-weight: 800; font-family: 'Open Sans', arial, sans-serif; color: #65758e }
.section-404 .intro { font-size: 24px; margin-bottom: 30px }
.modal button.close { position: absolute; right: 15px; top: 15px }
.modal .modal-dialog { width: 760px; max-width: inherit !important }
.modal .modal-title { font-family: 'Open Sans', arial, sans-serif; font-weight: 800; font-size: 32px; color: #505c70; padding-top: 26px; justify-content: center }
.modal .modal-body { padding: 30px 60px }
.modal .modal-header { border: none; justify-content: center !important }
.modal.modal-contact .modal-title { margin-bottom: 0 }
.modal.modal-contact .modal-body { padding-top: 0 }
.modal.modal-contact .intro { padding: 0 15px; margin-bottom: 30px; color: #65758e; font-weight: 300; font-size: 18px }
.modal.modal-contact .contact-info { margin-bottom: 30px }
.modal.modal-contact .contact-info li { margin-right: 60px; margin-bottom: 30px; font-family: 'Open Sans', arial, sans-serif }
.modal.modal-contact .contact-info li a { color: #65758e }
.modal.modal-contact .contact-info li:last-child { margin-right: 0 }
.modal.modal-contact .contact-info .fs1 { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #fff; width: 48px; height: 48px; border: 1px solid #65758e; color: #65758e; font-size: 22px; padding-top: 5px; display: inline-block; margin-bottom: 15px; text-align: center }
.modal.modal-contact .contact-info .tel .fs1 { padding-top: 8px }
.modal.modal-contact .contact-form .error { color: #E65348; font-family: arial, sans-serif; display: block; font-size: 14px; text-align: left; padding-top: 5px; padding-left: 5px; font-weight: 300 }
.blueimp-gallery { background: rgba(16,19,23,0.9) }
.blueimp-gallery > .prev, .blueimp-gallery > .next { color: #fff !important }
.footer .footer-content { background: #3b4452; color: rgba(255,255,255,0.5); padding: 30px 0; padding-bottom: 30px; font-size: 14px }
.footer .footer-content a { color: rgba(255,255,255,0.6) }
.footer .footer-content a:hover { color: #e0b770 }
.footer .footer-content .sub-title { color: rgba(255,255,255,0.9); font-family: 'Open Sans', arial, sans-serif; font-weight: 700; font-size: 18px; margin-bottom: 30px }
.footer .footer-content .links-col li { margin-bottom: 10px }
.footer .footer-content .blog-col .item { margin-bottom: 30px; position: relative; padding-left: 75px; padding-right: 30px }
.footer .footer-content .blog-col .item .post-title { font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.8) }
.footer .footer-content .blog-col .item .figure { position: absolute; left: 0; top: 0 }
.footer .footer-content .blog-col .item .intro { margin-bottom: 5px }
.footer .footer-content .blog-col .item .meta { color: rgba(255,255,255,0.2) }
.footer .footer-content .contact-col .fs1 { font-size: 20px; margin-right: 10px; line-height: 1.5; vertical-align: middle; color: rgba(255,255,255,0.8) }
.footer .footer-content .contact-col .adr { padding-left: 45px; position: relative }
.footer .footer-content .contact-col .adr .fs1 { position: absolute; left: 15px; top: 0 }
.footer .bottom-bar { background: #343d49; color: rgba(255,255,255,0.5); padding: 15px; text-align: center }
.footer .bottom-bar .copyright { display: block; font-size: 13px }
.footer .bottom-bar .copyright a { color: rgba(255,255,255,0.5) }
.footer .bottom-bar .copyright a:hover { color: rgba(255,255,255,0.5) }
.footer .social-icons { margin: 0 auto }
.footer .social-icons li { margin-bottom: 15px }
.social-icons { list-style: none; padding: 10px 0; margin: 0 auto; margin-bottom: 25px; display: inline-block }
.social-icons li { float: left }
.social-icons li.last { margin-right: 0 }
.social-icons a { display: inline-block; background: #455061; width: 36px; height: 36px; text-align: center; padding-top: 7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-size: 16px; margin-right: 10px; float: left }
.social-icons a:hover { background: #5a697f }
.social-icons a:hover .svg-inline--fa { color: #fff }
.social-icons a .svg-inline--fa { color: rgba(255,255,255,0.6) }
.social-icons a .svg-inline--fa:before { font-size: 18px; text-align: center; padding: 0 }

@media (max-width: 767.98px) {
    .header { padding: 0 inherit }
    .header .logo { float: none }
    .navbar-collapse { border-top: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; left: 0; top: 0; position: absolute; background: #455061; z-index: 45 }
    .navbar-collapse .nav { margin: 0 }
    body.no-header-wrapper { padding-top: 50px }
    .header .main-nav .nav .nav-item { margin-right: 0 }
    .header .main-nav .nav .dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 100%; padding: 0 }
    .header .main-nav .nav .dropdown-menu:before { display: none }
    .bg-slider-wrapper { height: 460px; }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: inherit }
    .nav-tabs > li > a { padding: 10px 5px }
    .main-nav .navbar-collapse .navbar-nav { padding: 0 15px }
    .main-nav .navbar-collapse .nav-link { padding: 15px 0 }
    .promo { padding-top: 100px }
    .promo h2 .middle { font-size: 38px }
    .section .title { font-size: 26px }
    .testimonials .item .meta .name { max-width: none }
    .cta-section .contact-info { font-size: 20px }
    body.home .header-wrapper { min-height: 460px }
    body.home .promo { padding-top: 80px; height: 460px; }
    body.home .promo h2 span { font-size: 22px }
    body.home .promo h2 .middle { font-size: 36px }
    body.home .promo h2 .bottom { font-size: 22px }
    .blog-list .item .post-title { font-size: 22px }
    .blog-list .item .meta .meta-list { text-align: left }
    .blog-list .item .meta .meta-list li { display: inline-block; margin-right: 5px }
    .blog-list .item .meta .meta-list .post-time span.date { font-size: 14px }
    .blog-list .item .meta .meta-list .post-time { font-size: 11px; padding: 5px 10px; margin-right: 5px }
    .blog-post-wrapper .comment-area .comment-container .comment-item .comment-author { top: 15px; left: 15px }
    .blog-post-wrapper .comment-area .comment-container .comment-item .comment-author img { width: 35px; height: 35px }
    .blog-post-wrapper .comment-area .comment-container .comment-item .comment-item-box { padding: 15px; padding-left: 65px }
    .blog-post-wrapper .comment-area .comment-container .comment-item .children { padding-left: 15px }
    .contact-section .contact-info li { margin-right: 0 }
    .modal .modal-dialog { width: auto }
    .modal .modal-dialog .intro { font-size: 16px }
    .modal.modal-contact .modal-title { font-size: 22px }
    .modal .modal-body { padding: 15px 30px }
    .modal.modal-contact .contact-info li { margin-right: 0 }
    .bg-slider-wrapper { height: 460px }
    .bg-slider-wrapper .flexslider .slide { height: 460px }
    .section-404 .title-404 { font-size: 80px }
    .section-404 .intro { font-size: 20px }
}

@media (min-width: 768px) {
    .header .main-nav .nav .nav-item { margin-right: 10px }
    .modal .modal-dialog { width: 660px }
    .latest-work .item .figure-container a { min-height: 440px }
    .navbar-expand-md .navbar-nav .nav-link { padding-left: 15px; padding-right: 15px }
}

@media (min-width: 992px) {
    body.home .header-wrapper { height: 600px }
    .main-nav { float: right !important }
    .navbar-form .form-control { width: 280px }
    .header .logo { float: left }
    .header .main-nav .nav .nav-item { margin-right: 15px }
    .main-nav.navbar-right { float: right !important }
    .navbar-fixed-top .navbar-collapse { padding-left: 15px; padding-right: 15px }
    .testimonials .item .meta .name { max-width: 300px }
    .testimonials .item .meta .client-logo { max-width: none }
    .modal .modal-dialog { width: 760px }
    .latest-work .item .figure-container a { min-height: 440px }
}

@media (min-width: 1200px) {
    .latest-work .item .figure-container a { min-height: 520px }
}