/*
Theme Name:Fruition, Cornerstone
Author:Fruition
Version:1.0
*/

/* Fonts --- */
@import url(fonts/helvetica.css);
@import url(fonts/ionicons.min.css);

/* Base / Typography --- */
body { overflow-x:hidden; font-size:17px; min-width:320px; -webkit-font-smoothing:antialiased; }
body, h1, h2, h3, h4, h5, h6 { font-family:"Helvetica Neue", "Helvetica Neue Web", Helvetica, Arial, sans-serif; color:#595959; }
h1, h2, h3, h4, h5, h6, .h1, .h2 { line-height:1.2; margin-top:25px; margin-bottom:20px; }
h1, .h1, h2, .h2, h3 { line-height:1.1; }
h1, .h1 { font-size:72px; }
h2, .h2 { font-size:60px; }
h3 { font-size:46px; }
h4 { font-size:36px; }
h5 { font-size:30px; font-weight:600; }
h6 { font-size:24px; font-weight:400; }

p, ul, ol { line-height:1.6; }
ul, ol, dl { margin-left:20px; }

a { transition:0.1s all ease-in; color:#3e3e7e; }
a:hover, a:focus { color:#00144c; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#595959; }

hr { margin-top:25px; margin-bottom:25px; }
blockquote { padding:6px 0 1px 20px; border-left:8px solid #5c5c5c; }
blockquote p { font-size:28px; font-weight:300; font-style:italic; line-height:1.2; }
blockquote p, blockquote cite { margin-bottom:5px !important; }

img { vertical-align:bottom; }
iframe { max-width:100%; border:0; }



/* Layout --- */
.site-container { background:#fff; }

.wrapper { margin-top:125px; }
.container { padding-bottom:125px; }

/* Grid */
.row { max-width:1210px; }
.row .row { margin-left:-15px; margin-right:-15px; }
.columns { padding-left:15px; padding-right:15px; }

.row.less { margin-left:-10px; margin-right:-10px; }
.row.less .columns { padding-left:10px; padding-right:10px; }


/* Elements --- */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { font-family:Helvetica, Arial, sans-serif; color:#222; font-weight:400; font-size:18px; line-height:24px; background:#fff; border:1px solid #ccc; padding:21px 24px 19px; height:66px; box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:3px; transition:none; }
select { padding-left:20px; padding-right:10px; }
textarea { height:200px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus { box-shadow:0 0 10px #eee; }

.button, .has-button a { font-family:Helvetica, Arial, sans-serif; color:#fff; font-weight:400; font-size:18px; line-height:1; border:1px solid transparent; padding:24px 24px 22px; max-width:100%; text-shadow:0 1px 1px rgba(0,0,0,0.15); box-shadow:0 1px 1px rgba(0,0,0,0.15); border-radius:3px; transition:none; 
	background:#0074c5; background:-moz-linear-gradient(top, #0074c5 0%, #0071c0 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0074c5), color-stop(100%,#0071c0)); background:-webkit-linear-gradient(top, #0074c5 0%,#0071c0 100%); background:-o-linear-gradient(top, #0074c5 0%,#0071c0 100%); background:-ms-linear-gradient(top, #0074c5 0%,#0071c0 100%); background:linear-gradient(to bottom, #0074c5 0%,#0071c0 100%); }
.button:hover, .button:focus, .button:active { background:#1285d5; }
.button:active { box-shadow:inset 0 3px 6px rgba(0,0,0,0.2); }
.button.secondary { color:#fff; border-color:transparent; background:#6bba70; }
.button.secondary:hover, .button.secondary:focus, .button.secondary:active { color:#fff; background:#7fc784; }
.button.full { width:100%; }
.has-button a, .button.hide-for-small { display:inline-block !important; }
.button span, .has-button a span { color:#000; opacity:0.36; font-size:33px; padding-left:20px; margin:-8px 0 -14px; float:right; }
input[type=submit].button { padding-left:30px; padding-right:30px; }

.button.alt, .has-button a { background:none; color:#fff; border:1px solid #fff; margin-right:10px; text-align:left; box-shadow:inset 0 1px 2px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2); transition:0.2s all ease-out; } 
.button.alt:hover, .button.alt:focus, .has-button a:hover, .has-button a:focus { transition:none; background:#fff !important; color:#0073c4 !important; box-shadow:0 1px 2px rgba(0,0,0,0.2); }
.button.alt:active, .has-button a:active { box-shadow:inset 0 2px 2px rgba(0,0,0,0.2); }
.button.alt span, .has-button a>span { padding-left:30px; color:inherit; opacity:1; position:relative; left:0; transition:0.2s left ease-in; }
.button.alt:hover span, .has-button a:hover>span, .button.alt:focus span, .has-button a:focus>span { left:5px; }
.button.more { width:220px; text-align:left; padding-left:30px; padding-right:30px; }
.button.more span { padding-left:30px; }

[class*="block-grid-"] { margin:0 -10px 10px; }
[class*="block-grid-"]>li { padding:0 10px 20px; }

.reveal-modal { box-shadow:none; border:0; padding:2em; }
.reveal-modal .close-reveal-modal { font-size:34px; font-weight:400; top:0; right:0; padding:3px 13px; }
.reveal-modal .close-reveal-modal:hover { color:#222; }

.flex-video { background:#000; }

.section-container.accordion { border-top:1px solid #dddfe1; margin-bottom:2em; }
.section-container.accordion>section { border-bottom:1px solid #dddfe1; }
.section-container.accordion>section>.title { border:0; padding-right:45px; }
.section-container.accordion>section>.title, .section-container.accordion>section>.title:hover, .section-container.accordion>section.active>.title { background:none; }
.section-container.accordion>section>.title a { font-size:30px; color:#595959; line-height:1.1; padding:21px 0; white-space:normal; }
.section-container.accordion>section>.title:hover a { color:#000; }
.section-container.accordion>section>.title a:after {; content:"\f2c7"; font-family:"Ionicons"; position:absolute; right:0; margin-top:3px; font-size:28px; line-height:1; float:right; transition:0.2s all ease-out; }
.section-container.accordion>.active>.title a:after { -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.section-container.accordion>section.active>.content { border:0; padding:0; padding-bottom:15px; }

.accordion .row { margin-left:-10px; margin-right:-10px; }
.accordion .columns { padding-left:10px; padding-right:10px; }

.filters { margin-left:0; margin-bottom:30px; list-style:none; font-size:0; }
.filters li, .filters li a { display:inline-block; }
.filters li { margin-right:12px; margin-bottom:12px; }
.filters li a { background:#f8fafa; padding:10px 15px; border:1px solid #f4f4f4; color:#595959; font-size:18px; line-height:1; border-radius:3px; }
.filters li:hover a, .filters li.active a { background:#eff1f4; border-color:#e9e9e9; }

.load-more img { display:none; }
#infscr-loading { margin:15px 0; }
#infscr-loading .message { max-width:300px; padding:20px; text-align:center; margin:0 auto; color:#000; background:#ccc; font-weight:700; opacity:0.8; box-shadow:0 1px 1px rgba(0,0,0,0.16); border-radius:3px; }

.loader { position:relative; display:block; height:60px; font-size:0; }
.loader .message { dispaly:block; font-size:16px; }
.loader>span { display:inline-block; position:relative; width:23px; height:23px; border-radius:30px; -webkit-animation: move 2s infinite ease-in-out; }
.loader>span:nth-child(1) { margin-left:0; }
.loader>span:nth-child(2) { margin-left:-55px; -webkit-animation-delay:150ms; }
.loader>span:nth-child(3) { margin-left:-55px; -webkit-animation-delay:300ms; }

.morphext>span { display:none; }
.morphext>.animated { display:inline-block; }

.scroll-down .columns { position:static; }
.scroll-down img { position:absolute; bottom:50px; }

.vcard { display:inline; border:0; margin:0; padding:0; }

.vertical-align { position:absolute; top:50%; width:100%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

.boxed { display:block; position:relative; overflow:hidden; background:#fff; border-radius:3px; box-shadow:0 1px 1px rgba(0,0,0,0.16); }

.breadcrumb { font-size:16px; font-family:"Helvetica Neue", "Helvetica Neue Web", Helvetica, Arial, sans-serif; opacity:0.75; margin-bottom:25px; }
.breadcrumb a { font-weight:700; }
.breadcrumb a:hover { text-decoration:underline; }
.breadcrumb span { margin:0 3px; }


/* WP --- */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
img.alignleft, .wp-caption.alignleft { margin:5px 20px 10px 0; }
img.alignright, .wp-caption.alignright { margin:5px 0 10px 20px; }
img.aligncenter { margin-top:20px; }
img.alignnone { margin-bottom:10px; }

.wp-caption { max-width:100%; padding:4px; }
.wp-caption .wp-caption-text { font-style:italic; font-size:12px; }


/* Header & Nav --- */
.site-header { position:fixed; z-index:10; top:0; padding:10px 0; background:#fff; border-bottom:1px solid #d5dae1; width:100%; }
.site-header>.row { max-width:100% !important; }
.site-header>.row .columns { position:static; padding:0 10px; }
.site-header, .site-header-spacer { height:90px; }

.site-header .logo { padding:17px 19px; box-shadow:0 1px 1px rgba(0,0,0,0.16); border-radius:3px; 
	background:#0074c5; background:-moz-linear-gradient(top, #0074c5 0%, #0071c0 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0074c5), color-stop(100%,#0071c0)); background:-webkit-linear-gradient(top, #0074c5 0%,#0071c0 100%); background:-o-linear-gradient(top, #0074c5 0%,#0071c0 100%); background:-ms-linear-gradient(top, #0074c5 0%,#0071c0 100%); background:linear-gradient(to bottom, #0074c5 0%,#0071c0 100%); }
.site-header .logo img { display:block; }

.free-quote { position:relative; float:right; transition:0.3s all ease-in-out; }
.free-quote .button { margin-top:1px; margin-bottom:0; width:100%; text-align:left; }
.free-quote .button span { font-size:26px; margin-top:-5px; }
.free-quote .lets-talk { position:absolute; top:100%; right:0; margin-top:25px; opacity:0; transition:0.2s opacity ease-out; }
.free-quote .lets-talk.animated { opacity:1; }
body.footer-cta-visible .free-quote { opacity:0; margin-top:-200px; margin-left:-300px; }
body.footer-cta-visible .offcanvas-menu .free-quote { margin-top:0; margin-left:0; }

/* Nav */
nav.primary { font-family:Helvetica, Arial, sans-serif; font-size:0; }
nav.primary ul.menu { margin-top:14px; margin-right:30px; display:inline-block; }
nav.primary ul { list-style:none; margin:0; }
nav.primary ul>li, nav.primary ul>li>a { display:inline-block; }
nav.primary>ul>li { margin-left:15px; }
nav.primary>ul>li:first-child { margin-left:0; }
nav.primary ul>li>a { transition:none; font-size:18px; line-height:1; position:relative; }
nav.primary>ul>li>a { color:#5c5c5c; padding:11px 15px 9px; border:1px solid transparent; border-radius:3px; position:relative; }
nav.primary>ul>li:hover>a, nav.primary>ul>li.active>a { color:#333; background:#eff1f4; border-color:#e9e9e9; }
nav.primary>ul>li.has-flyout:hover>a:after, nav.primary ul>li.has-flyout:hover>a:before { display:block; }

nav.primary>ul>li>a:after, nav.primary>ul>li>a:before { display:none; content:" "; font-size:0; cursor:default; position:absolute; top:100%; left:0; width:100%; border-radius:3px; height:30px; }
nav.primary>ul>li>a:after { margin-top:10px; background:#0070bf; }
nav.primary>ul>li>a:before { left:-15%; width:130%; margin-top:-2px; }
nav.primary .flyout-toggle { padding-left:10px; margin-top:4px; font-size:13px; float:right; }

nav.primary .flyout { display:none; z-index:9; position:absolute; top:100%; left:0; width:100%; background:#0070bf; padding:45px 0 35px; text-align:left; font-family:"Helvetica Neue", "Helvetica Neue Web", Helvetica, Arial, sans-serif; }
nav.primary ul>li:hover .flyout { display:block; }
nav.primary .flyout li:not(.has-button) a { color:#fff; }
nav.primary .flyout li, nav.primary .flyout li>a { display:block; }
nav.primary .flyout li:not(.has-button)>a:hover, nav.primary .flyout li:not(.has-button).active>a { text-decoration:underline; }
nav.primary .flyout li ul li>a { padding:6px 0; font-size:16px; }
nav.primary .flyout .row { margin:0 auto; width:100%; max-width:1210px; }
nav.primary .flyout .row>li { width:19%; float:left; padding:0 20px; }
nav.primary .flyout .row>li:first-child { width:24%; }
.flyout .row>li:not(.has-button)>a { display:block; font-weight:700; font-size:16px; padding-bottom:12px; border-bottom:1px solid #fff; margin-bottom:14px; }
nav.primary .flyout .row>li:not(.has-button)>a span { float:right; font-size:21px; margin:-2px 0 -10px; padding-left:5px; }
nav.primary .flyout .row>li:not(.has-button)>a span.ion-iphone { font-size:26px; margin-top:-5px; }
nav.primary .flyout .row>li:not(.has-button)>a span.ion-settings { font-size:23px; }
nav.primary .flyout li:not(.has-button):after { content:" "; clear:both; }

nav.primary .flyout li, nav.primary .flyout li a { display:block; }
nav.primary .flyout>li>a { color:#eee; padding:8px 20px; margin-bottom:1px; }
nav.primary .flyout>li:hover>a, nav.primary ul.flyout>li.active>a { background:rgba(255,255,255,0.2); }

/* Mobile Nav */
a.mobile-menu { display:none; float:right; font-family:"Helvetica Neue", "Helvetica Neue Web", Helvetica, Arial, sans-serif; font-size:18px; margin-left:10px; margin-right:-10px; color:#595959; font-weight:600; height:52px; padding:0 20px; transition:none; border-radius:3px 0 0 3px; }
a.mobile-menu span { float:left; line-height:52px; padding-right:10px; }
a.mobile-menu svg { height:36px; width:32px; margin:8px 0; fill:#595959; }
a.mobile-menu:hover, a.mobile-menu:focus { background:rgba(0,0,0,0.1); }
.offcanvas-active a.mobile-menu { background:rgba(0,0,0,0.2); }
.home-top a.mobile-menu { color:#fff; }
.home-top a.mobile-menu svg { fill:#fff; }
.home-top a.mobile-menu:hover, .home-top a.mobile-menu:focus { background:rgba(255,255,255,0.1); }
.offcanvas-active .home-top a.mobile-menu { background:rgba(255,255,255,0.2); }

.site-container { transition:0.4s all ease-in-out; }
.offcanvas-menu, .offcanvas-form { transition:0.2s all linear; }
.site-container { position:relative; z-index:2; }
.offcanvas-menu, .offcanvas-form { position:absolute; z-index:1; top:0; right:0; width:400px; height:100%; box-shadow:inset 45px 0 40px -40px rgba(0,0,0,0.4); opacity:0; }
.offcanvas-form { position:fixed; }
body.offcanvas-menu-active .site-container, body.offcanvas-form-active .site-container { -webkit-transform:translateX(-400px); -moz-transform:translateX(-400px); -ms-transform:translateX(-400px); -o-transform:translateX(-400px); transform:translateX(-400px); }
body.offcanvas-menu-active .offcanvas-menu { opacity:1; }
body.offcanvas-menu-active .offcanvas-form { z-index:-1; }
body.offcanvas-form-active .offcanvas-form { opacity:1; }
body.offcanvas-form-active .offcanvas-menu { z-index:-1; }

.offcanvas-menu { background:#0070bf; font-family:Helvetica, Arial, sans-serif; } 
.offcanvas-menu a { color:#fff; }
.offcanvas-menu a:hover { text-decoration:none; }
.offcanvas-menu ul { list-style:none; margin:0; line-height:1.2; }
.offcanvas-menu>ul { font-weight:400; font-size:17px; }
.offcanvas-menu>ul>li { position:relative;  border-bottom:1px solid rgba(255,255,255,0.2); }
.offcanvas-menu>ul>li>a { padding:27px 30px 25px; padding-right:40px; font-size:18px; display:block; }
.offcanvas-menu ul>li:hover>a, .offcanvas-menu ul>li.flyout-active>a, .offcanvas-menu ul>li.active>a { color:#fff; background:rgba(255,255,255,0.1); }

.offcanvas-menu .flyout { display:none; font-size:15px; background:rgba(255,255,255,0.18); padding:20px 30px; margin-bottom:10px; }
.offcanvas-menu ul>li.flyout-active .flyout { display:block; }
.offcanvas-menu .flyout>li>a { padding:9px 30px; }
.offcanvas-menu .has-button a { margin-right:0; padding:16px 20px 14px; }
.offcanvas-menu .flyout ul>li:not(.has-button)>a { padding:7px 30px; margin:0 -30px; display:block; }
.offcanvas-menu .flyout .row>li { margin-bottom:15px; }
.offcanvas-menu .flyout .row>li:not(.has-button)>a { margin-bottom:7px; border-bottom-color:rgba(255,255,255,0.2); }
.offcanvas-menu .flyout .row>li:not(.has-button)>a span { float:right; font-size:21px; margin:-2px 0 -10px; padding-left:5px; }
.offcanvas-menu .flyout .row>li:not(.has-button)>a span.ion-iphone { font-size:26px; margin-top:-5px; }
.offcanvas-menu .flyout .row>li:not(.has-button)>a span.ion-settings { font-size:23px; }
.offcanvas-menu .flyout li:not(.has-button):after { content:" "; clear:both; }
.offcanvas-menu .flyout-toggle { position:absolute; top:0; right:0; width:60px; height:63px; padding-top:28px; background:none !important; text-align:center; }

.offcanvas-menu .free-quote { display:none; float:none !important; padding:30px; }
.offcanvas-menu .free-quote .lets-talk { right:auto; left:20px; margin-top:-10px; }

.offcanvas-form { background:#595959; }
.offcanvas-form, .offcanvas-form a, .offcanvas-form h5 { color:#fff; }
.offcanvas-form h5, .offcanvas-form form { padding:28px; }
.offcanvas-form h5 { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; line-height:84px; font-size:24px; font-weight:400; background:#3e3e3e; border-bottom:1px solid #686969; }
.offcanvas-form .close { position:absolute; top:0; right:0; padding:0 25px; line-height:84px; font-size:44px; opacity:0.4; }
.offcanvas-form .close:hover { opacity:1; }
.offcanvas-form .button { text-align:left; }



/* Content --- */
.content>:first-child, .entry-header .entry-title { margin-top:0; }

h1.entry-title { margin-bottom:30px; }
h1.large { font-size:72px; }

.navigation { margin:20px 0 10px; font-weight:700; }
.navigation span { padding-bottom:10px; }

article.has-desc h1.entry-title { margin-bottom:20px; }
article.has-desc .description p { font-size:24px; font-weight:300; font-style:italic; line-height:1.4; max-width:600px; margin-bottom:20px; }
article.has-desc .description .button { margin-top:20px; }
article.has-desc .entry-content { margin-top:35px; }

/* Sidebar */
.sidebar .widget { margin-bottom:40px; }
.widget .widgettitle { margin-top:0; margin-bottom:10px; font-size:20px; text-transform:uppercase; font-weight:700; }

/* Blog */
body.blog .site-container, body.archive .site-container { background:#e5e8ec; }
.blog-page .filters { margin-bottom:20px; }
.blog-page .filters li a { background:#ecedf1; border-color:#dbdee2; }
.blog-page .filters li:hover a, .blog-page .filters li.active a { background:#f5f6f7; border-color:#d2d5d9; }

body.single-post .wrapper { max-width:840px; margin-left:auto; margin-right:auto; }
article.post .entry-content, article.post .entry-content h1, article.post .entry-content h2, article.post .entry-content h3, article.post .entry-content h4, article.post .entry-content h5, article.post .entry-content h6 { font-family:Georgia, Times, "Times New Roman", serif; }
article.post h1.entry-title { margin-bottom:40px; }
article.post .entry-content h1, article.post .entry-content h2, article.post .entry-content h3, article.post .entry-content h4, article.post .entry-content h5, article.post .entry-content h6 { line-height:1.2; margin-top:40px; margin-bottom:30px; }
article.post h1 { font-size:54px; }
article.post h2 { font-size:48px; }
article.post h3 { font-size:42px; }
article.post h4 { font-size:36px; }
article.post h5 { font-size:30px; }
article.post h6 { font-size:24px; }

article.post p, article.post ul, article.post ol, article.post dl, article.post blockquote { margin-bottom:2em; }
/* article.post blockquote, article.post img.alignnone, article.post img.alignleft { margin-left:-90px; } */
article.post img.alignnone { /*margin-left:-90px; */ max-width:900px; }

body.single-post .entry-meta { margin-top:25px; }
.entry-meta { line-height:1.5; margin-bottom:15px; }
.entry-summary p { line-height:1.5; font-weight:300; margin-bottom:25px; }

article.post h2.entry-title { font-size:32px; font-weight:600; }
.grid-sizer { padding-bottom:0; }
.blog-grid>li:nth-of-type(2n+1) { clear:none; }
.blog-grid .thumbnail { background:#333; }
.blog-grid .inner { padding:60px; }
.blog-grid .button { margin-bottom:5px; }
.blog-grid>li.is-sticky { width:100%; }
.blog-grid .is-sticky article { background:#0073c4; }
.blog-grid .is-sticky article, .blog-grid .is-sticky article a { color:#fff; }
.blog-grid .is-sticky article h2.entry-title { font-size:72px; font-weight:700; line-height:1; }
.blog-grid .is-sticky article .entry-summary p { font-size:24px; line-height:1.4; padding-right:150px; margin-bottom:45px; }
.blog-grid .is-sticky article .thumbnail { display:none; }
.blog-grid .is-sticky article .thumbnail-long { position:absolute; top:0; right:0; width:280px; height:100%; background:no-repeat center left; background-size:cover; }
.blog-grid .is-sticky article.has-post-thumbnail { padding-right:280px; }

/* Gravity Forms --- */
.gform_wrapper .ginput_container { margin-bottom:1em; }
.gform_wrapper form .gfield_description, .gform_wrapper form .validation_message, .ginput_complex label { margin:-12px 0 18px; font-size:15px; font-weight:700; line-height:1.1; }
.gform_wrapper form .gfield_description.validation_message { color:red; }
.gform_wrapper form .validation_error { padding:15px; background:#dd4141; color:#fff; font-weight:700; line-height:1.2; margin-bottom:20px; display:none; border-radius:3px; }
.gform_wrapper .gform_confirmation_message { padding:15px; background:#c1e88a; color:#000; font-weight:700; font-size:16px; line-height:1.2; border-radius:3px; }

label.gfield_label { font-size:18px; font-weight:700; }
.force-label label { display:block !important; }
.gform_wrapper .ginput_complex label { display:none !important; }
.gform_wrapper .ginput_complex span:nth-child(6) label { display:block !important; }
.button.gform_button_select_files { padding:11px 20px 10px; }

#recaptcha_widget_div { font-size:14px; }
.recaptchatable #recaptcha_response_field { font-size:15px; font-weight:700; padding:5px 10px !important; line-height:20px !important; height:30px !important; margin:0 !important; }
.recaptcha_input_area { padding-top:8px !important; }
.recaptchatable #recaptcha_response_field
span#recaptcha_privacy { font-size:12px; }
.recaptchatable a { color:#999 !important; } 
.recaptchatable a:hover { color:#333 !important; }

.quote-form form, .quote-form form .gform_body { position:relative; }
.quote-form form ul { list-style:none; margin:0; }
.quote-form form input, .quote-form form textarea, .quote-form form select { border-color:transparent !important; }
.quote-form .gform_footer { position:relative; }
.quote-form .gform_footer .gform_ajax_spinner { position:absolute; top:-7px; right:-7px; background:#fff; padding:2px; border-radius:20px; }

.quote-form form .gfield_description, .quote-form form .validation_message { color:#eee; }
.quote-form form .gfield_description.validation_message { color:#ffa0a0; }

.site-footer .quote-form .gform_body, .site-footer .quote-form .gform_footer { float:left; }
.site-footer .quote-form .gform_body { width:75%; }
.site-footer .quote-form ul { margin:0 -10px; }
.site-footer .quote-form ul>li { padding:0 10px; width:33.3333%; float:left; }
.site-footer .quote-form .gform_footer { width:25%; padding-left:20px; }

/* Careers Forms Generic Styles --- @ Added 11/04/014 5:14 AM IST */
.careers-form ul { list-style:none; margin-left:0; }
.careers-form input[type="text"], .careers-form input[type="password"], .careers-form input[type="date"], .careers-form input[type="datetime"], .careers-form input[type="datetime-local"], .careers-form input[type="month"], .careers-form input[type="week"], .careers-form input[type="email"], .careers-form input[type="number"], .careers-form input[type="search"], .careers-form input[type="tel"], .careers-form input[type="time"], .careers-form input[type="url"], .careers-form select { height:50px; padding: 11px 12px 9px; }
.careers-form textarea { padding:11px 12px 9px; }



/* Footer --- */
.site-footer { background:#a7a7a4 url(img/main-bg.jpg) no-repeat; background-size:cover; overflow:hidden; }
.site-footer, .site-footer a, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 { color:#fff; }
.site-footer>.row:first-child { padding:130px 0 90px; }
.site-footer h3 { padding-right:100px; margin-bottom:38px; position:relative; }
.site-footer .inc500 { position:absolute; right:-50px; bottom:0; }
.site-footer form .free-advice { margin-left:20px; }

.site-footer .inc500, .site-footer .free-advice { opacity:0; }
.site-footer .inc500.animated, .site-footer .free-advice.animated { opacity:1; }

.data-counter { background:rgba(255,255,255,0.14); padding:70px 0; border-top:1px solid rgba(255,255,255,0.15); }
.data-counter h4, .data-counter h5 { margin:0; font-weight:300; line-height:1; }
.data-counter h4 { font-size:45px; font-weight:300; margin-bottom:5px; }
.data-counter h5 { font-size:20px; margin-left:1px; }
.counter.on .fill { visibility:hidden; opacity:0; z-index:-1; }
.counter span.next { position:absolute; opacity:0; }

.footer-map { background:#ccc; border:solid #3a3a3a; border-width:1px 0; overflow:hidden; }
.footer-map .inner { }
.footer-map .inner>div { height:420px; }
.gmap * { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }
.gmap img { max-width:none; }

.site-footer .lower { background:#2e2e2e; padding:35px 0; font-size:14px; }
.site-footer p.address { line-height:1; margin-bottom:0; margin-top:10px; }
nav.footer { margin-top:3px; }
nav.footer ul { font-size:0; line-height:1; margin:0; list-style:none; }
nav.footer ul li, nav.footer ul li a { display:inline-block; }
nav.footer ul li { font-size:14px; line-height:19px; border-left:1px solid #fff; padding:0 11px; vertical-align:bottom; }
nav.footer ul li:first-child { border-left:0; padding-left:0; }
nav.footer ul li:last-child { padding-right:0; }
nav.footer ul li a:hover { text-decoration:underline; }
nav.footer img.inc500-small { padding-bottom:1px; padding-right:8px; }
nav.footer .social { height:19px; font-size:0; } 
nav.footer .social a { padding:0 7px; }
nav.footer .social a span { font-size:20px; float:left; }
nav.footer .social a span.ion-social-twitter { font-size:18px; }


/* Home --- */
body.home .site-header-spacer { display:none; }
.home-top { z-index:11; position:relative; width:100%; height:100vh; min-height:600px; background:#a7a7a4 url(img/main-bg.jpg) no-repeat; background-size:cover; }
.home-top .site-header { position:relative; background:none; border-bottom:0; }
.home-top .site-header .logo { background:none; padding:25px 0 10px 21px; box-shadow:none; }
.home-top .site-header .logo img { width:165px; }
.home-top nav.primary>ul>li>a { color:#fff; }
.home-top nav.primary>ul>li:hover>a, .home-top nav.primary>ul>li.active>a { background:rgba(255,255,255,0.13); border-color:transparent; }

body.home .site-header.main { margin-top:-100px; opacity:0; transition:0.3s ease-in-out; transition-property:margin-top opacity; }
body.home.cta-over .site-header.main { margin-top:0; opacity:1; }

.home-top .cta { margin-top:10px; }
.home-top .cta h1 { margin-top:0; margin-bottom:43px; color:#fff; }
.home-top .cta .button { margin-bottom:0; }

.analytics-box { background:#fff url(img/analytics-box-bg.jpg) no-repeat right bottom; width:450px; margin:13px; padding:25px; padding-top:22px; border:0; border-radius:3px; position:fixed; bottom:0; right:0; box-shadow:0 0 1px rgba(0,0,0,0.4), 0 0 10px rgba(0,0,0,0.2); z-index:20; }
.analytics-box a:first-child { transition:none; }
.analytics-box h5 { margin-top:0; margin-bottom:40px; font-weight:400; }
.analytics-box .button { margin-bottom:0; }
.analytics-box .button span { padding-left:18px; }
.analytics-box .close { top:13px; right:13px; font-size:46px; line-height:1; padding:0 13px; opacity:0.2; transition:none; }
.analytics-box .close span { float:right; }

body.home .wrapper { margin-top:0; }
.client-logos { background:#e5e8ec; border-bottom:1px solid #d5dae1; padding:63px 0; margin-bottom:165px; }
.container.services { padding-top:20px; background:#fff url(img/tilt-home-bg.png) no-repeat center top; }

/* Home Services Grid */
.services-grid h6 { margin-bottom:10px; }
.services-grid .button { margin-bottom:0; }
.services-grid span { line-height:1; }
.services-grid>li:nth-of-type(4n+1) { clear:none; }
.services-grid li.what-we-do { width:50%; }
li.what-we-do h2 { margin-top:-7px; margin-bottom:15px; line-height:1; }
li.what-we-do p { font-size:25px; line-height:1.4; font-weight:300; font-style:italic; margin-bottom:33px; }
li.what-we-do .button span { margin-top:-9px; padding-left:25px; }

.services-grid .item { background:#e5e8ec; }
.services-grid .item .content { transition:0.2s all ease-out; transform:scale(1.2); position:relative; z-index:2; opacity:0; padding:18px 21px 10px; height:280px; background:#0073c4; }
.services-grid .item .content h6, .services-grid .item .content p { color:#fff; }
.services-grid .item .content p { font-size:14px; line-height:1.5; height:132px; margin-bottom:0; }
.services-grid .item .content .button { display:block; }
.services-grid .item .content>.ion { position:absolute; left:-10px; bottom:-30px; font-size:230px; color:#438bcc; z-index:-1; }

.services-grid .item .hover { transition:0.2s all ease-out; position:absolute; top:0; left:0; width:100%; height:100%; padding:65px 0 20px; background:#e5e8ec; }
.services-grid .item .hover h6 { margin-top:25px; margin-bottom:0; }
.services-grid .item .hover h6, .services-grid .item .hover span { color:#b2bbc2; text-align:center; }
.services-grid .item .hover span { display:block; font-size:92px; }

.services-grid .item:hover .content { opacity:1; transform:scale(1); }
.services-grid .item:hover .hover { opacity:0; transform:scale(1.3); }

/* Services Slider */
.royalSlider { width:auto; height:auto; }
.services-grid.slider { display:none; margin-bottom:20px; }
.services-grid.slider>.slide { display:none; }
.services-grid.slider>.slide:first-child { display:block; }
.services-grid.slider .rsArrow { position:absolute; top:50%; margin-top:-25px; width:30px; height:50px; background:#0e7ecd; box-shadow:0 1px 2px rgba(0,0,0,0.2); opacity:0.8; border-radius:3px; }
.services-grid.slider .rsArrow div { color:#fff; font-size:30px; line-height:50px; text-align:center; }
.services-grid.slider .rsArrow div:before { font-family:"Ionicons"; }
.services-grid.slider .rsArrowLeft { left:0; }
.services-grid.slider .rsArrowLeft div:before { content:"\f153"; }
.services-grid.slider .rsArrowRight { right:0; }
.services-grid.slider .rsArrowRight div:before { content:"\f154"; }


/* Single Service --- */
.single-service .entry-header { position:relative; padding-bottom:40px; }
.single-service h1.entry-title { font-size:60px; line-height:1; margin-bottom:50px; }
.single-service .entry-header .ion { position:absolute; top:-5px; right:0; z-index:-1; color:#000; opacity:0.05; font-size:330px; line-height:1; }
.single-service h6 {line-height: 1.2; margin-top: 5px; margin-bottom: 10px;}


/* Services Small (Portfolio Lower and Services Type) --- */
.services-small { background:#e5e8ec; border-top:1px solid #d5dae1; padding:80px 0; }
.services-small { color:#b2bbc2; }
.services-small a, .services-small h5, .services-small h6 { color:inherit; }
.services-small h5 { margin-bottom:45px; font-weight:400; }
.services-small ul { margin:0 -5px 10px; }
.services-small ul>li { padding: 0 5px 10px; clear:none !important; }
.services-small ul a.boxed { text-align:center; padding:33px 5px 0; height:140px; }
.services-small ul a.boxed:hover { background:#0074c5; color:#fff; }
.services-small ul span { font-size:42px; }
.services-small ul h6 { margin-top:13px; margin-bottom:0; font-size:12px; }


/* Work/Portfolio Page --- */
.page-template-page-portfolio-php .wrapper { background:url(img/tilt-bg.png) no-repeat center 140px; }
.page-template-page-portfolio-php .entry-header { padding-bottom:50px; }
.page-template-page-portfolio-php h1.entry-title { margin-bottom:30px; }

.portfolio-grid .item .boxed { background:#444 no-repeat center center; background-size:cover; height:280px; }
.portfolio-grid .content { position:absolute; left:0; bottom:0; padding:21px 25px; }
.portfolio-grid .item h5 { font-size:46px; font-weight:600; color:#fff; line-height:1; }
.portfolio-grid .button { max-width:225px; width:100%; margin-bottom:0; }


/* Single Portfolio --- */
body.single-portfolio header.site-header+.site-header-spacer { display:none; }
body.single-portfolio header.site-header+.site-header-spacer+.wrapper { display:none; }

.portfolio-top { position:relative; height:100vh; background:#e5e8ec; border-bottom:1px solid #d5dae1; }
.portfolio-top .scroll-down img { bottom:15px; }
.portfolio-top a[rel="prev"], .portfolio-top a[rel="next"] { position:absolute; bottom:25%; color:#d2d5d9; font-size:18px; line-height:68px; padding:0 20px; background:#eef0f2; border:1px solid #dbdee1; box-shadow:0 1px 3px rgba(0,0,0,0.08); }
.portfolio-top a[rel="prev"]:hover, .portfolio-top a[rel="next"]:hover { color:#aaa; background:#fff; }
.portfolio-top a[rel="prev"] { left:0; border-left:0; border-radius:0 2px 2px 0; }
.portfolio-top a[rel="next"] { right:0; border-right:0; border-radius:2px 0 0 2px; }

.portfolio-top .screens { margin-top:25px; padding:0 15px; }
.portfolio-top .screens .row { position:relative; width:1200px; height:740px; }
.portfolio-top .screen { position:absolute; background:no-repeat center center; }
.portfolio-top .desktop { background-image:url(img/screen-desktop.png); width:778px; height:680px; top:0; left:100px; z-index:1; }
.portfolio-top .laptop { background-image:url(img/screen-laptop.png); width:656px; height:370px; bottom:0; right:-20px; z-index:2; }
.portfolio-top .tablet { background-image:url(img/screen-tablet.png); width:240px; height:352px; bottom:0; left:20px; z-index:3; }
.portfolio-top .mobile { background-image:url(img/screen-mobile.png); width:130px; height:243px; bottom:0px; left:195px; z-index:4; }
.portfolio-top .screen .image { background:#eee; overflow:hidden; border-radius:1px; }
.portfolio-top .desktop .image { width:696px; height:395px; margin-top:38px; margin-left:42px; }
.portfolio-top .laptop .image { width:436px; height:271px; margin-top:27px; margin-left:111px; }
.portfolio-top .tablet .image { width:189px; height:255px; margin-top:38px; margin-left:25px; }
.portfolio-top .mobile .image { width:86px; height:154px; margin-top:36px; margin-left:23px; }

.charts .pie-chart { float:left; margin-bottom:20px; }
.charts .chart-text { font-size:21px !important; font-weight:700; }
.charts .pointer { position:absolute; margin-left:-25px; margin-top:20px; }
.charts p { padding-top:10px; padding-left:245px; font-weight:300; font-size:18px; }


/* Team Page --- */
.page-template-page-team-php .wrapper { background:url(img/tilt-bg.png) no-repeat center 140px; }
.page-template-page-team-php .entry-header { padding-bottom:95px; }
.team-grid { margin-bottom:0; }
.team-grid>li { min-height:370px; }
.team-grid>li>div { max-width:210px; }
.team-grid a.image { display:block; position:relative; }
.team-grid a.image img, .team-grid a.image .hover { min-width:100%; border-radius:200px; }
.team-grid a.image .hover { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,113,193,0.75); opacity:0; transform:scale(0.7); transition:0.2s all ease-out; }
.team-grid a.image .hover span { display:block; position:relative; top:50%; transform:translateY(-50%); text-align:center; line-height:1; font-size:64px; color:#fff; transition:0.2s all ease-out; }
.team-grid a.image:hover .hover { opacity:1; transform:scale(1); }
.team-grid h4 { font-size:24px; font-weight:600; line-height:1.1; margin:28px 0 12px; }
.team-grid h5 { font-size:18px; font-weight:300; font-style:italic; margin:0; }

.reveal-modal.team { width:700px; margin-left:-350px; }
.reveal-modal.team h4 { font-size:30px; margin-top:15px; margin-bottom:10px; }
.reveal-modal.team h5 { font-size:22px; font-weight:400; margin-top:0; }
.reveal-modal.team h4, .reveal-modal.team h5 { padding-left:130px; }
.reveal-modal.team img.wp-post-image { width:115px; float:left; margin:-10px 0 20px -10px; border-radius:200px; }
.reveal-modal.team a.link { font-size:30px; color:#0074c5; }


/* Animations --- */
@-webkit-keyframes move {
  0%  { left:0%; background:rgba(0,0,0,0); }
  10% { background:rgba(0,0,0,0); }
  35% { background:rgba(0,0,0,0.3); }
  45% { background:rgba(0,0,0,0.4); }
  50% { left:50%; }
  55% { background:rgba(0,0,0,0.4); }
  65% { background:rgba(0,0,0,0.1); }
  95% { background:rgba(0,0,0,0); }
  100% { left:100%; background:rgba(0,0,0,0); }
}




/* Admin Bar */
/*#wpadminbar { display:none !important; }*/
html.js { margin-top:0 !important; }



/* Responsiveness ------- */
@media screen and (max-width:1530px) {
	nav.primary ul.menu { margin-right:15px; }
	nav.primary>ul>li { margin-left:5px; }
}
@media screen and (max-width:1430px) {
	nav.primary ul.menu { margin-right:15px; }
	nav.primary>ul>li { margin-left:2px; }
	nav.primary>ul>li>a { letter-spacing:-1px; padding-left:10px; padding-right:11px; }
	nav.primary .flyout-toggle { padding-left:8px; }
	.site-header .free-quote .button { padding-left:16px; padding-right:16px; }
	.site-header .free-quote .button span { padding-left:12px; }
}
@media screen and (max-width:1260px) {
	.row { max-width:1020px; }
	.container { padding-bottom:110px; }

	nav.primary .flyout-toggle { margin-top:2px; }
	nav.primary ul.menu { margin-top:16px; margin-right:6px; }
	nav.primary>ul>li>a { padding:11px 9px 10px 8px; }
	nav.primary>ul>li>a, .site-header .free-quote .button { font-weight:700; font-size:16px; letter-spacing:-1px; }
	.site-header .free-quote .button { padding:18px 10px 17px; margin-top:8px; }
	.site-header .free-quote .button span { display:none; }
	.site-header .free-quote .lets-talk { margin-top:17px; }

	nav.primary .flyout .row { max-width:1020px; padding:0 10px; } 
	nav.primary .flyout .row>li { padding:0 10px; }

	h1, .h1, h1 { font-size:60px; }
	h2, .h2 { font-size:50px; }
	h1.entry-title br { display:none; }

	.home-top .cta h1 { font-size:60px; margin-bottom:30px; }

	.services-grid.main { margin:0 -8px; }
	.services-grid.main>li { padding:0 8px 16px; }
	.services-grid h6 { font-weight:800; font-size:19px; letter-spacing:-1px; }
	.services-grid .item .content { height:260px; padding-left:20px; padding-right:20px; }
	.services-grid .item .content h5 { margin-bottom:9px; margin-right:-5px; }
	.services-grid .item .content p { font-size:13px; line-height:1.4; height:145px; }
	.services-grid .item .content .button.alt { padding:12px 16px 11px; }
	li.what-we-do h2 { margin-top:-3px; margin-bottom:20px; }
	li.what-we-do p { font-size:20px; margin-bottom:35px; }

	.client-logos { margin-bottom:120px; padding:50px 0; }
	.client-logos .row .columns:first-child img { padding-right:2%; }
	.client-logos .row .columns:last-child img { padding-left:3%; }

	.blog-grid .inner { padding:50px; } 
	.blog-grid .is-sticky article h2.entry-title { font-size:60px; line-height:1.1; }
	.blog-grid .is-sticky article .entry-summary p { font-size:20px; line-height:1.5; margin-bottom:35px; }

	.charts .pointer { margin-left:-40px; }
	.charts p { font-size:16px; padding-left:235px; }

	.services-small ul>li { width:16.66666%; }

	.site-footer>.row:first-child { padding:120px 0 85px; }
	.site-footer h3 { margin-bottom:20px; }
	.site-footer .quote-form .gform_footer .button { text-align:left; padding-left:15px; padding-right:15px; }
	.site-footer .quote-form .gform_footer .button span { margin-top:-5px; padding-left:9px; font-size:27px; }
	.data-counter { padding:60px 0; }
	.data-counter h4 { font-size:36px; }
	.data-counter h5 { font-size:17px; font-weight:700; }
	.footer-map .inner>div { height:340px; }
}
@media screen and (max-width:1130px) {
	.home-top .site-header .logo { padding-left:15px; }
	nav.primary>ul>li>a, .site-header .free-quote .button { font-size:15px; }

	.home-top .cta { padding:0 15px; }

	body.single-post .wrapper { max-width:700px; }
	article.post blockquote, article.post img.alignnone, article.post img.alignleft { margin-left:0; }
	article.post img.alignnone { max-width:100%; }
}
@media screen and (max-width:1040px) {
	.row { max-width:747px; }
	.wrapper { margin-top:75px; }

	a.mobile-menu { display:block !important; }
	.site-header { position:relative; height:auto; }
	.site-header-spacer { display:none; }
	body.home .site-header.main { display:none !important; }
	.site-header.main .logo { padding:11px 13px; }
	.site-header.main .logo img { height:30px; }
	.site-header nav.primary>ul.menu { display:none !important; }
	.site-header .free-quote .button { margin-top:0; }
	.site-header .free-quote .button span { margin-top:-1px; font-size:21px; display:inline-block; }
	.site-header.main .free-quote .lets-talk { display:none; }

	.home-top .site-header .logo { padding-top:17px; padding-left:15px; }
	.home-top .cta h1 { font-size:46px; }

	.client-logos { margin-bottom:80px; }

	.services-grid>li.what-we-do { width:66.666666%; }
	.services-grid>li { width:33.333333%; }
	.services-grid>li.spaced { display:none; }

	.page-template-page-team-php .entry-header { padding-bottom:50px; }
	.team-grid>li:nth-of-type(4n+1) { clear:none; }
	.team-grid>li:nth-of-type(3n+1) { clear:both; }
	.team-grid>li { width:33.3333%; min-height:0; padding-bottom:40px; }
	.team-grid>li>div { margin:0 auto; }
	.team-grid h4 { margin:20px 0 8px; }

	h2.entry-title { margin-bottom:15px; }
	.blog-grid .inner { padding:40px; }
	.blog-grid .is-sticky article h2.entry-title { font-size:44px; }
	.blog-grid .is-sticky article .entry-summary p { font-size:18px; padding-right:0; margin-bottom:25px; }
	.blog-grid .is-sticky article .thumbnail-long { width:240px; }
	.blog-grid .is-sticky article.has-post-thumbnail { padding-right:240px; }

	body.single-portfolio .portfolio-top .site-header-spacer { display:none; }
	.portfolio-top .scroll-down img { display:none; }
	article.portfolio .description p { font-size:20px; }
	.charts .pie-chart { zoom:0.5; margin-top:5px; }
	.charts .pointer { display:none; }
	.charts .chart-text { font-size:42px !important; }
	.charts p { padding-top:0; padding-left:125px; line-height:1.4; }

	.services-small ul>li { width:25%; }

	.site-footer>.row:first-child { padding:90px 0 75px; }
	.site-footer h3 { padding-right:120px; }
	.site-footer .inc500 { right:0; width:120px; }
	.site-footer form .small-4 { width:33.33333%; }
	.site-footer form .small-12.with-button { width:100%; }
	.site-footer .quote-form ul>li, .site-footer .quote-form .gform_body, .site-footer .quote-form .gform_footer { float:none; width:auto; }
	.site-footer .quote-form .gform_footer { padding-left:0; }
	.data-counter { padding:50px 0 20px; text-align:center; }
	.data-counter .small-6 { width:50%; margin-bottom:40px; }
	.footer-map .inner>div { height:270px; }
	.site-footer .lower { padding-bottom:30px; }
	.site-footer .lower .left { float:none !important; display:block; margin:0 auto 25px; text-align:center; }
	.site-footer .lower .logo { max-width:200px; }
	nav.footer { margin-top:0; }
	nav.footer ul { float:none !important; display:block; text-align:center; }
	nav.footer ul li { margin-bottom:10px; }
}
@media screen and (max-width:767px) {
	body { font-size:16px; }
	.row { max-width:600px; }
	.container { padding-bottom:90px; }

	.site-header .free-quote { display:none; }
	.offcanvas-menu .free-quote { display:block; }

	h1, .h1, h1 { font-size:50px; }
	h2, .h2 { font-size:43px; }
	h3 { font-size:36px; line-height:1.2; }
	h4 { font-size:30px; }
	h5 { font-size:24px; }
	h6 { font-size:18px; }

	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { height:58px; padding:17px 18px 15px; }

	.reveal-modal .close-reveal-modal { font-size:26px; padding:4px 10px; }
	.reveal-modal.team { width:90%; margin-left:-45%; }
	.reveal-modal.team h4 { font-size:26px; margin-top:8px; }
	.reveal-modal.team h5 { font-size:20px; }
	.reveal-modal.team h4, .reveal-modal.team h5 { padding-left:0; }
	.reveal-modal.team img.wp-post-image { width:90px; float:right; margin-left:10px; }

	.filters li { margin-right:5px; margin-bottom:5px; }
	.filters li a { font-size:16px; }

	.home-top .cta { padding:0 10px; }
	.home-top .cta h1 { font-size:42px; letter-spacing:-1px; line-height:1.25; }

	.client-logos { margin-bottom:60px; padding:40px 0 25px; }
	.client-logos img { padding:0 !important; display:block; margin:0 auto; margin-bottom:25px; }

	.services-grid>li.what-we-do { width:100%; }
	.services-grid>li { width:50%; }
	.services-grid>li:nth-of-type(2n+1) { clear:none; }
	.services-grid .item .content { opacity:1; transform:none; background:#0e7ecd; }
	.services-grid .item .content p { font-size:14px; }
	.services-grid .item .hover { display:none; }
	li.what-we-do p { margin-bottom:15px; }
	.button, .has-button a { padding:20px 20px 18px; }
	.button span, .has-button a span { padding-left:15px; }

	.single-service .entry-header h1 { font-size:40px; }

	.team-grid>li { width:50%; }
	.team-grid>li:nth-of-type(3n+1) { clear:none; }
	.team-grid>li:nth-of-type(2n+1) { clear:both; }
	.team-grid a.image .hover { display:none; }

	.blog-grid .is-sticky article h2.entry-title { font-size:30px; margin-bottom:10px; }
	.blog-grid .is-sticky article .thumbnail { display:block; }
	.blog-grid .is-sticky article .thumbnail-long { display:none; }
	.blog-grid .is-sticky article.has-post-thumbnail { padding-right:0; }

	article.portfolio .description .button { margin-top:0; }
	article.portfolio .description { margin-bottom:20px; }
	.charts .pie-chart { margin-top:0; margin-bottom:60px; }
	.charts p { font-size:18px; margin-top:0; margin-bottom:30px; font-size:17px; max-width:320px; }

	.services-small ul>li { width:33.33333%; }
	.services-small ul a.boxed { padding-top:20px; height:107px; }
	.services-small ul h6 { margin-top:10px; }

	.site-footer>.row:first-child { padding:75px 0 65px; }
	.site-footer h3 { font-size:40px; }
	.site-footer form .small-4 { width:100%; }
	nav.footer ul li:last-child { display:block; border-left:0; padding:0; }
}
@media screen and (max-width:630px) {
	.row  { max-width:520px; }

	a.mobile-menu span { display:none; }
	a.mobile-menu { margin-left:15px; }

	body.offcanvas-menu-active .site-container, body.offcanvas-form-active .site-container { -webkit-transform:translateX(-270px); -moz-transform:translateX(-270px); -ms-transform:translateX(-270px); -o-transform:translateX(-270px); transform:translateX(-270px); }
	.offcanvas-menu, .offcanvas-form { width:270px; }
	.offcanvas-menu .flyout-toggle { padding-top:23px; width:50px; }
	.offcanvas-menu .flyout { padding-left:20px; padding-right:20px; }
	.offcanvas-menu .flyout ul>li:not(.has-button)>a { padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px; }
	.offcanvas-menu>ul>li>a { padding:22px 20px 20px; }
	.offcanvas-form h5, .offcanvas-form form { padding-left:18px; padding-right:18px; }
	.offcanvas-form h5 { font-size:22px; }
	.offcanvas-form .close { padding-right:18px; }
	.offcanvas-form .button span { font-size:26px; margin-top:-5px; }
	.offcanvas-menu .free-quote { padding:20px; }

	.scroll-down { display:none; }
	.home-top .site-header .logo { padding-left:10px; }
	.home-top { height:auto; min-height:0; background-size:auto 500px; }
	.home-top .cta {  min-height:250px;  position:relative; top:0; -webkit-transform:none; -moz-transform:none; transform:none; margin-top:70px; padding-bottom:20px; }
	.home-top .cta h1 { font-size:24px; letter-spacing:0; line-height:1.25; }

	.services-grid.main { margin-bottom:20px; }
	.services-grid.main>li { display:none; }
	.services-grid.main>li.what-we-do { display:block; }
	.services-grid.slider { display:block; }
	.services-grid .item { max-width:340px; margin:0 auto; }
	.services-grid .item .content { height:auto; padding:30px 40px; }
	.services-grid .item .content h6 { font-size:24px; font-weight:400; margin-right:0; }
	.services-grid .item .content p { font-size:15px; height:auto; margin-bottom:20px; }
}
@media screen and (max-width:540px) {
	.row { max-width:450px; }
	.wrapper { margin-top:45px; }

	.home-top .site-header .logo img { width:140px; }

	.client-logos { padding:30px 0 15px; margin-bottom:45px; }
	.client-logos img { margin-bottom:15px; }

	.services-small ul>li { width:50%; }
	.services-small ul a.boxed { height:90px; }
	.services-small ul h6 { margin-top:9px; }
	.services-small ul span { font-size:25px; }
}
@media screen and (max-width:479px) {
	.row, .site-header>.row { max-width:320px; }

	blockquote p { font-size:22px; }

	h1, .h1, h1 { font-size:44px; }
	h2, .h2 { font-size:40px; }
	h3 { font-size:36px; line-height:1.2; }

	.home-top .cta h1 .js-rotating span { display:none !important; }
	.home-top .cta h1 .js-rotating span:first-child { display:inline !important; }

	article.post h1.entry-title { font-size:36px; margin-bottom:30px; }
	article.post p, article.post ul, article.post ol, article.post dl, article.post blockquote { margin-bottom:1.5em; }

	.services-grid.slider .rsArrow { background:#fff; border-radius:0; opacity:1; }
	.services-grid.slider .rsArrow div { color:#0e7ecd; }

	.team-grid h4 { font-size:20px; }
	.team-grid h5 { font-size:15px; }

	.portfolio-grid .item h5 { font-size:38px; }

	.blog-grid .inner { padding:25px; }
	.blog-grid .button { width:auto; margin-right:0; margin-bottom:0; }
	.site-footer h3 { font-size:25px; }
	.data-counter .small-6 { width:100%; }
}

/* Portfolio Top */
@media screen and (max-width:1200px) {
	.portfolio-top .screens .row { zoom:0.8; max-width:100%; }
}
@media screen and (max-width:1040px) {
	.portfolio-top { height:680px; }
	.portfolio-top .screens { margin-top:10px; }
	.portfolio-top .screens .row { zoom:0.7; }
	.portfolio-top a[rel="prev"], .portfolio-top a[rel="next"] { padding:0 10px; line-height:40px; }
}
@media screen and (max-width:767px) {
	.portfolio-top { height:400px; }
	.portfolio-top .screens .row { zoom:0.4; }
}
@media screen and (max-width:540px) {
	.portfolio-top a[rel="prev"], .portfolio-top a[rel="next"] { display:none; }
}
@media screen and (max-width:479px) {
	.portfolio-top { height:300px; }
	.portfolio-top .screens .row { zoom:0.3; }
}

@media screen and (max-height:960px) and (min-width:1041px) {
	.portfolio-top .screens .row { zoom:0.8; }
}
@media screen and (max-height:900px) and (min-width:1041px) {
	.portfolio-top .screens { margin-top:15px; }
	.portfolio-top .screens .row { zoom:0.6; }
}
@media screen and (max-height:650px) and (min-width:1041px) {
	.portfolio-top { min-height:520px; }
	.portfolio-top .screens .row { zoom:0.4; }
}
@media screen and (max-height:600px) {
	.offcanvas-form { position:absolute; }
}

/* Analytics Box */
@media screen and (max-width:767px) {
	.analytics-box { width:100%; padding:0; margin:0; border-radius:0; background-position:right -20px }
	.analytics-box a:first-child { display:block; padding:17px 35px 15px 15px; }
	.analytics-box h5 { font-size:20px; font-weight:600; margin-bottom:0; text-shadow:0 1px 0 #fff, 0 -1px 0 #fff, 0 -1px 0 #fff; }
	.analytics-box h5 br, .analytics-box .button { display:none; }
	.analytics-box .close { top:0; right:0; opacity:0.8; }
}
@media screen and (max-height:500px) {
	.analytics-box { width:100%; padding:0; margin:0; border-radius:0; background-position:right -20px }
	.analytics-box a:first-child { display:block; padding:17px 35px 15px 15px; }
	.analytics-box h5 { font-size:20px; font-weight:600; margin-bottom:0; text-shadow:0 1px 0 #fff, 0 -1px 0 #fff, 0 -1px 0 #fff; }
	.analytics-box h5 br, .analytics-box .button { display:none; }
	.analytics-box .close { top:0; right:0; opacity:0.8; }
}