/*
Theme Name: Weave Digital Studio
Version: 2.0.1
Author: Weave Digital Studio
Author URI: https://www.weave.co.nz/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #000000;
}

@font-face {
	font-family: 'ProximaNova';
	src: url('fonts/Proxima-Nova-Thin.eot');
	src: url('fonts/Proxima-Nova-Thin.eot?#iefix') format('embedded-opentype'),
	url('fonts/Proxima-Nova-thin.woff') format('woff'),
	url('fonts/Proxima-Nova-Thin.ttf') format('truetype'),
	url('fonts/Proxima-Nova-Thin.svg') format('svg');
	font-weight: 100;
	font-style: normal;

}

@font-face {
	font-family: 'ProximaNova';
	src: url('fonts/proximanova-light-webfont.eot');
	src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/proximanova-light-webfont.woff') format('woff'),
	url('fonts/proximanova-light-webfont.ttf') format('truetype'),
	url('fonts/proximanova-light-webfont.svg#ProximaNovaLtRegular') format('svg');
	font-weight: 300;
	font-style: normal;

}
@font-face {
	font-family: 'ProximaNova';
	src: url('fonts/ProximaNova-Regular.eot');
	src: local('☺'), 
	url('fonts/ProximaNova-Regular.woff') format('woff'), 
	url('fonts/ProximaNova-Regular.ttf') format('truetype'), 
	url('fonts/ProximaNova-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('fonts/ProximaNova-RegItalic.eot');
	src: local('☺'), 
	url('fonts/ProximaNova-RegItalic.woff') format('woff'),
	url('fonts/ProximaNova-RegItalic.ttf') format('truetype'), 
	url('fonts/ProximaNova-RegItalic.svg') format('svg');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('fonts/ProximaNova-Semibold.eot');
	src: local('☺'),
	url('fonts/ProximaNova-Semibold.woff') format('woff'), 
	url('fonts/ProximaNova-Semibold.ttf') format('truetype'), 
	url('fonts/ProximaNova-Semibold.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'ProximaNova';
	src: url('fonts/ProximaNova-Bold.eot');
	src: local('☺'),
	url('fonts/ProximaNova-Bold.woff') format('woff'),
	url('fonts/ProximaNova-Bold.ttf') format('truetype'), 
	url('fonts/ProximaNova-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}
/* GLOBAL STYLES
-------------------------------------------------- */
body{ font-family:'ProximaNova';font-size: 16px; line-height: 26px; color: #000;font-weight: 400;}
img{ max-width: 100%; height: auto;}
a{color: #000;}
a:hover{ text-decoration: none!important; color: #000;}
a:focus{ outline: 0;color: #000;}
.spacer{ padding-top: 75px; padding-bottom: 75px;}

hr{}
h1{ font-size: 50px;font-weight: 700;}
h2{ font-size: 30px;font-weight: 700;}
h3{ font-size: 24px;font-weight: 700;}
h4{ font-size: 22px;font-weight: 700;}
h5{ font-size: 16px;font-weight: 700;}
h6{ font-size: 14px;}
@media (max-width: 767px){

  h1{ font-size: 32px;}
  h2{ font-size: 24px;}
  h3{ font-size: 18px;}
  h4{ font-size: 16px;}
  h5{ font-size: 15px;}
  h6{ font-size: 14px;}

}
@media (min-width: 768px){

  h1{ font-size: 42px;}
  h2{ font-size: 26px;}
  h3{ font-size: 20px;}
  h4{ font-size: 20px;}
  h5{ font-size: 16px;}
  h6{ font-size: 14px;}

}
@media (min-width: 992px){
  h1{ font-size: 50px;}
  h2{ font-size: 30px;}
  h3{ font-size: 24px;}
  h4{ font-size: 22px;}
}
/* SOCIAL STYLING
-------------------------------------------------- */
.social{}
.social a{}
/* BUTTON STYLING
-------------------------------------------------- */
.btn{border-radius: 0;}
.btn-transparent{background-color: transparent;padding: 4px 18px;border: 2px solid #000;font-size: 22px;color: #000;font-weight: 400;}
.btn-transparent:hover{background-color: #000;padding: 4px 18px;border: 2px solid #000;font-size: 22px;color: #fff;font-weight: 400;}

@media (max-width: 767px){.btn-transparent{font-size: 16px;padding: 4px 14px;}}
@media (min-width: 768px){.btn-transparent{font-size: 18px;padding: 4px 16px;}}
@media (min-width: 992px){.btn-transparent{font-size: 22px;padding: 4px 18px;}}
/* FORM STYLING
-------------------------------------------------- */
form{}
form label {font-size: 22px;font-weight: 700;color: #333;margin: 10px 0;}
form label.blank{user-select:none;color: #fff;}
form label span.required{color: #7a0000;}
form input, 
form select, 
form textarea, 
form .form-control{ background-color: #FFF2EE;
}
form input[type="submit"], 
form input[type="reset"], 
.btn-submit{}
form input[type="submit"]:hover, 
form input[type="reset"]:hover, 
.btn-submit:hover{}
.button {
	width:auto;
	color:#fff;
	padding:8px 35px;
	background-color:#000;
	margin-top:25px;
	margin-bottom:25px;
	margin-right: 0px!important;
	border:0px solid #000;
	float:right;
	-webkit-border-radius:0;
	-webkit-background-clip:padding-box;
	-moz-border-radius:0;
	-moz-background-clip:padding;
	border-radius:0;
	background-clip:padding-box;
}
.button:hover {
	background-color:#333;
	color: #fff;
	-webkit-transition-duration:.25s;
	-moz-transition-duration:.25s;
	-o-transition-duration:.25s;
	transition-duration:.25s;
}
h3.gform_title { font-size: 30px!important;font-weight: 700!important;margin-top: 0!important;}
#gf_progressbar_wrapper_6 {	border-bottom: none;}
li#field_6_1.gfield.gsection.field_sublabel_below.field_description_above {border: 1px solid #333;padding: 10px;}
#gform_wrapper_6 {margin: 0;}
.gsection_description, .gfield_description  {font-size: 16p;}
.gform_previous_button.button {float: left;	}
#field_6_9 label.gfield_label,#field_6_10 label.gfield_label,#field_6_11 label.gfield_label,#field_6_12 label.gfield_label,#field_6_13 label.gfield_label {display: none;}
.form-group{margin-bottom: 20px;}
form .form-control{height: 46px;font-size: 22px;font-weight: 300;color: #333;border: 0 solid #fff;border-bottom: 1px solid #000;background: 0 0;outline: 0;padding: 7px 0;border-radius: 0;background-clip: padding-box;text-indent: .25em;box-shadow: none;}
form .form-control:focus{border-color: #000;box-shadow: none;}
form textarea{height: 165px;display: block;width: 100%;font-size: 22px;color:#333;font-weight: 300;resize:vertical;padding: 10px 0;line-height: 36px;background-image: linear-gradient(#000 1px,transparent 1px);background-size: 100% 41px;border: 0 solid #fff;}

form input[type="submit"]{display: inline-block;float: right;background-color: #000;color: #fff;padding: 8px 35px;border: 0;margin: 25px 0;}
form input[type="submit"]:hover{background-color: #333;color: #fff;transition-duration: .3s;}

.start-project-form .form-group p.note{font-size: 14px;color: #333;line-height: 20px;}
.start-project-form .form-group p.dtl{font-size: 22px;font-weight: 300;line-height: 30px;padding-top: 5px;}
.start-project-form .form-control{max-width: 266px;}
.start-project-form span.required{color: #7a0000;}

.post-reply-form{margin-bottom: 30px;}
.post-reply-form .form-group{margin-bottom: 35px;}
.post-reply-form label{font-size: 15px;color: #000;margin: 0;}
.post-reply-form .form-control{border-bottom: 1px solid #e5e5e5;height: 30px;font-size: 15px;padding: 5px 0;}
.post-reply-form .form-control:focus{border-bottom: 1px solid #e5e5e5}
.post-reply-form textarea{background-image: linear-gradient(#e5e5e5 1px,transparent 1px);font-size: 15px;}
.post-reply-form input[type="submit"]{background-color: #fef2ed;color: #000;padding: 8px 65px;}
.post-reply-form input[type="submit"]:hover, .post-reply-form input[type="submit"]:focus{background-color: #f4d8cc;color: #000;text-decoration: none;}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked,
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 44px;
  cursor: pointer;
  font-weight: 400;
  padding-top: 5px;
}

[type="checkbox"]:checked + label, [type="radio"]:checked + label{font-weight: 700;}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 30px; height: 30px;
  border: 1px solid #000;
  background: #fff;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 36px;
  line-height: 0.8;
  color: #999999;
  transition: all .2s;
}

[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: 'x';
  position: absolute;
  top: 3px; left: 6px;
  font-size: 36px;
  line-height: 0.8;
  color: #000;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #101010!important;
}

@media (max-width: 767px){form label{font-size: 18px;} form label.blank{display: none;}}
@media (min-width: 768px){form label{font-size: 20px;}}
@media (min-width: 992px){form label{font-size: 22px;}}
/* HEADER STYLING

-------------------------------------------------- */
.header { }
/* FOOTER STYLING
-------------------------------------------------- */
.footer{}
/* CONTENT AREA STYLING
-------------------------------------------------- */
.pageTitle{margin-bottom: 40px; margin-left: 190px;
}
.pageTitle h2{margin-top: 40px; font-size: 50px;
}
.pageTitle h1, .secTitle{font-size: 50px;color: #000;font-weight: 700;}
.pageTitle p{font-size: 16px;font-weight: 300;color: #000}

@media (max-width: 767px){.pageTitle{margin-bottom: 30px;margin-left: 0px;
} .pageTitle h1, .secTitle{font-size: 32px;} .pageTitle p{font-size: 14px;}
.pageTitle h2{margin-top: 40px; font-size: 32px;
}

div.post-each-left-details {
text-align: center;
}
}
@media (min-width: 768px){.pageTitle h1, .secTitle{font-size: 40px;} .pageTitle p{font-size: 15px;}}
@media (min-width: 992px){.pageTitle h1, .secTitle{font-size: 50px;} .pageTitle p{font-size: 16px;}}

/* SIDEBAR STYLING
-------------------------------------------------- */

/* HOMEPAGE STYLING
-------------------------------------------------- */

/* SUBPAGE STYLING
-------------------------------------------------- */

/* CUSTOMIZE CMS AREA
-------------------------------------------------- */
.entry{}
.entry a{font-weight: 700;}
.entry p{font-size: 20px;color: #000;font-weight: 300;line-height: 30px;}
.entry h1{font-size: 50px;font-weight: 700;}
.entry h2{font-size: 30px;font-weight: 700;}
.entry h3{font-size: 24px;font-weight: 700;}
.entry h4{font-size: 22px;font-weight: 700;}
.entry h5{font-size: 16px;font-weight: 700;}
.entry h6{font-size: 14px;font-weight: 700;}
.entry ul{margin: 1px 0; padding: 0; list-style: none;}
.entry ul >li{ margin-bottom: 10px; padding: 0; position: relative; padding-left: 15px;}
.entry ul >li:before{ content: '\f0da'; font-family: "FontAwesome"; font-size: 14px; position: absolute; top: 0; left: 2px; color: #000;}
.entry ul li li{ padding-left: 15px; margin-bottom: 5px;}
.entry ul li a{ text-decoration: underline;}
.entry ul ul{ margin: 5px 0 10px 0;} 
.entry ol{margin: 20px 0; padding: 0 0 0 20px; counter-reset:item;}
.entry ol li {text-indent:-2em; list-style-type:none; counter-increment:item; padding-left: 15px;} 
.entry ol li:before { display:inline-block; width:30px; padding-right:10px; font-weight:700; text-align:right; content:counter(item) ".";}
.entry ol ol{ list-style-position: inside; margin: 10px 0 0;}
.entry dl{}
.entry dl dt{ margin-top: 10px;}
.entry dl dd{ padding-left: 15px;}
.entry img{ margin: 10px 0;}
.entry img.alignleft{ float: left; margin: 5px 30px 10px 0;}
.entry img.alignright{ float: right; margin: 5px 0 10px 30px;}
.entry form{}

@media (max-width: 767px){

  .entry h1{font-size: 32px;}
  .entry h2{font-size: 24px;}
  .entry h3{font-size: 18px;}
  .entry h4{font-size: 16px;}
  .entry h5{font-size: 15px;}
  .entry p{font-size: 16px;}
}
@media (min-width: 768px){

  .entry h1{font-size: 42px;}
  .entry h2{font-size: 26px;}
  .entry h3{font-size: 20px;}
  .entry h4{font-size: 18px;}
  .entry h5{font-size: 16px;}
  .entry p{font-size: 18px;}
}
@media (min-width: 992px){

  .entry h1{font-size: 50px;}
  .entry h2{font-size: 30px;}
  .entry h3{font-size: 24px;}
  .entry h4{font-size: 22px;}
  .entry p{font-size: 22px;}
}

.top-menu-container{background-color: #000;padding-top: 40px;padding-bottom: 20px;position: fixed;left: 0;right: 0;top: 0;height: auto;-webkit-transition: 1s; transition: 1s;visibility: hidden;}
.page-wrapper{position: relative;background-color: #fff;z-index: 100;-webkit-transition: 1s; transition: 1s;}

.logo-container-spacer{height: 217px;transition:all 350ms cubic-bezier(.25,.46,.45,.94);}
.main-header.smaller{height: 145px;background-color: rgba(255,255,255,0.84);position: fixed;}
.main-header.black.smaller{height: 145px;background-color: rgba(0, 0, 0, 0.5);}

.main-header{padding-top: 65px;padding-bottom: 50px;z-index: 1000;-webkit-transition: .5s; transition: .5s;position: absolute;top: 0;left: 0;right: 0;}
.main-header .logo-container{display: table;table-layout: auto;width: 100%;}
.logo-container .logo-column, .logo-container .menu-column{display: table-cell;vertical-align: top;}
.logo-container .logo-column{width: 50%;white-space: nowrap;}
.logo-container .menu-column{text-align: right;}
.main-header.smaller{padding-top: 10px;padding-bottom: 10px;background-color: rgba(255,255,255,0.84);}

.top-menu{padding-top: 15px;}
.top-menu .menu{list-style: none;padding: 0;margin: 0;}
.top-menu .menu > li{float: left;width: 50%;position: relative;line-height: 32px;}
.top-menu .menu > li > a{font-size: 24px;color: #fff;font-weight: 300;position: relative;display: inline-block;}
.top-menu .menu > li > a:after{content: "";overflow: hidden;position: absolute;left: 0;bottom: -1px;display: block;width: 0;height: 1px;background-color: rgba(255,255,255,.9);-webkit-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-o-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-moz-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);transition:all 300ms cubic-bezier(.175,.885,.32,1.075);}
.top-menu .menu > li:hover > a:after{width: 100%}

.sidebar-box-holder{margin: 20px 0;}
.sidebar-box-holder .textwidget{text-align: right; color: #fff;}
.sidebar-box-holder .textwidget a:hover{background-color: #fff; padding: 10px; color: #000; margin: -10px;
}
.sidebar-box-holder h3{font-size: 24px;color: #fff;margin-top: 0;}
.sidebar-box-holder h3.text-2{text-align: right;}
.sidebar-box-holder p{font-size: 18px;color: #898989;font-weight: 300;}
.sidebar-box-holder a{color: #fff; position: relative;display: inline-block;}
.sidebar-box-holder a:hover {background-color: #fff; padding: 10px; color: #000; margin:  -10px;
	
}
.menu-bar{display: inline-block;width: 44px;height: 44px;text-align: center;z-index: 101;}
.menu-bar .ham{display: inline-block;width: 34px;height: 3px;background-color: #000;position: relative;vertical-align: bottom;-o-transition:all ease .3s;-moz-transition:all ease .3s;-webkit-transition:all ease .3s;transition:all ease .3s;}
.menu-bar .ham::after, .menu-bar .ham::before{position: absolute;content: "";display:inline-block;width: 34px;height: 3px;left: 0;background-color: #000;outline: 1px solid transparent;-o-transition:all ease .3s;-moz-transition:all ease .3s;-webkit-transition:all ease .3s;transition:all ease .3s;}
.menu-bar .ham::after{top: 8px;}
.menu-bar .ham::before{top: -8px;}

.menu-bar .ham.white, .menu-bar .ham.white::after, .menu-bar .ham.white::before{background-color: #fff}

.typed{font-size: 36px;font-weight: 400;line-height: 50px;display: inline-block;margin-top: 0;}
.typed span{color: #fff;background-color: #000;padding: 5px;}
.typed-cursor{display: none;}
.typed:after{
	content: ' |';
	color: #000;
	position: relative;
  left: -9px;
  display: inline;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

.text-anim-wrap .typed-div-4245{font-size: 36px;font-weight: 400;line-height: 50px;display: inline-block;margin-top: 0;}
.text-anim-wrap .typed-div-4245 .typed_perview_div{white-space: normal !important;}
.text-anim-wrap .typed-div-4245 .typed_perview_div >span{color: #fff;background-color: #000;padding: 5px;}

@keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}


/* ---- isotope ---- */

.grid {
  background: #fff;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */
.grid-sizer,
.grid-item {
/*   width: 33.333333333%; */
  width: 25%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  width: 100%;
}

.img-overlay-hover{opacity: 0;position: absolute;background-color: #FEF2ED;color: #fff;display: block;z-index: 10;left: 15px;right: 15px;top: 15px;bottom: 15px;height: auto;width: auto;overflow: hidden;cursor: pointer;padding: 25px;-webkit-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;}
.grid-item:hover > .img-overlay-hover{opacity: .9;filter: alpha(opacity=90);}
.img-overlay-hover .info{padding: 30px;color: #000;bottom: 0;left: 0;position: absolute;}
.img-overlay-hover .info h3{opacity: 0;font-size: 32px;font-weight: 400;-webkit-transform:translate(0,15px);transform:translate(0,15px);-webkit-transition:all .15s .075s cubic-bezier(.25,.46,.45,.94);transition:all .15s .075s cubic-bezier(.25,.46,.45,.94)}
.img-overlay-hover:hover > .info h3{opacity: 1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .3s .1s cubic-bezier(.455,.03,.515,.955);transition:all .3s .1s cubic-bezier(.455,.03,.515,.955);}
.img-overlay-hover .info p{opacity: 0;font-size: 22px;font-weight: 300;-webkit-transition:all .15s cubic-bezier(.25,.46,.45,.94);transition:all .15s cubic-bezier(.25,.46,.45,.94);}
.img-overlay-hover:hover > .info p{opacity: 1;-webkit-transition:all .4s .2s cubic-bezier(.455,.03,.515,.955);transition:all .4s .2s cubic-bezier(.455,.03,.515,.955);}
.img-overlay-hover .info p a{position: relative;display: inline-block;}
.img-overlay-hover .info p a:after{content: "";overflow: hidden;position: absolute;left: 0;bottom: -1px;display: block;width: 0;height: 1px;background-color: rgba(0,0,0,.9);-webkit-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-o-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-moz-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);transition:all 300ms cubic-bezier(.175,.885,.32,1.075);}
.img-overlay-hover .info p a:hover:after{width: 100%}

.capabilities-wrap{text-align: center;}
.capabilities-wrap .secTitle{ margin-bottom: 50px;}
.capabilities-col{text-align: center;margin-bottom: 90px;}
.capabilities-col figure{background-color: #fef2ed;height: 54px;width: 54px;border-radius: 50%;margin: 0 auto;position: relative;}
.capabilities-col figure img{max-height: 100%;max-width: 100%;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.capabilities-col h3{font-size: 20px;color: #000;font-weight: 700;margin-bottom: 15px;}
.capabilities-col p{font-size: 20px;color: #000;font-weight: 300;line-height: 30px;}

.start-project-wrap{background-color: #fef2ed;padding: 50px 0 35px 0;text-align: center;}
.start-project-wrap p{font-size: 22px;color: #000;font-weight: 300;margin-bottom: 25px;line-height: 28px;}

.blog-post-col h5.title{font-size: 18px;color: #000;font-weight: 700;}
.blog-post-col p.date{font-size: 13px;color: #000;font-weight: 700;margin: 20px 0 0 0;}
.blog-post-col p.info{font-size: 16px;color: #000;font-weight: 300;}
.blog-post-col p.info a{font-weight: 700;text-decoration: underline;}

.back-to-top-wrap{display: block;text-align: center;padding: 10px 0;}
.scrollup{font-size: 15px;color: #a1a1a1;display: inline-block;cursor: pointer;text-transform: uppercase;font-weight: 300;}
.scrollup:hover, .scrollup:focus{text-decoration: none;color: #000;}

footer{background-color: #000;padding:65px 0 55px 0;text-align: center;}
.footer-nav{width: 100%;}
.footer-nav ul{list-style: none;padding: 0;margin:0;}
.footer-nav ul li{display: inline-block;padding: 0 12px;}
.footer-nav ul li a{font-size: 15px;color: #fff;font-weight: 300;}
.footer-nav ul li:last-child a{}

li.facebook a:hover { color: #3b5998; padding-bottom: 5px; border-bottom: 1px solid #3b5998;}
li.twitter a:hover { color: #55acee; padding-bottom: 5px; border-bottom: 1px solid #55acee;}
li.skype a:hover { color: #007ee5; padding-bottom: 5px; border-bottom: 1px solid #007ee5;}
li.google a:hover { color: #dd4b39; padding-bottom: 5px; border-bottom: 1px solid #dd4b39;}
li.email a:hover { color: #fef2ed; padding-bottom: 5px; border-bottom: 1px solid #fef2ed;}
li.quote a:hover { color: #ff0084; padding-bottom: 5px; border-bottom: 1px solid #ff0084;}


.orange-wrap{background-color: #fef2ed;padding-top:60px;padding-bottom: 45px;margin-bottom: 60px;}

/**  Recent work page  **/
.recent-work-sortable-links{width: 100%;display: block;text-align: center;margin-bottom: 55px;}
.recent-work-sortable-links ul{list-style: none;padding: 0;margin-top: 30px;}
.recent-work-sortable-links ul li{display: inline-block;padding: 5px 20px;}
.recent-work-sortable-links ul li a{font-size: 16px;font-weight: 300;color: #000;position: relative; position: relative; cursor: pointer;}
.recent-work-sortable-links ul li a:after{content: "";overflow: hidden;position: absolute;left: 0;bottom: -1px;display: block;width: 0;height: 1px;background-color: #f69679;-webkit-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-o-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-moz-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);transition:all 300ms cubic-bezier(.175,.885,.32,1.075);}
.recent-work-sortable-links ul li a:hover:after{width: 100%;}
.recent-work-sortable-links ul li a:focus{text-decoration: none;}
.recent-work-sortable-links ul li a.is-checked{border-bottom: 1px solid #f69679;}
.recent-work-grid{margin-bottom: 80px;}
.recent-work-grid .grid-item { padding: 15px;}
.recent-work-box h3{font-size: 24px;color: #101010;font-weight: 700;}
.recent-work-box p{font-size: 15px;color: #101010;font-weight: 300;margin-bottom: 0;}
.recent-work-box p a{position: relative;display: inline-block;}
.recent-work-box p a:after{content: "";overflow: hidden;position: absolute;left: 0;bottom: -1px;display: block;width: 0;height: 1px;background-color: #f69679;-webkit-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-o-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-moz-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);transition:all 300ms cubic-bezier(.175,.885,.32,1.075);}
.recent-work-box p a:hover:after{width: 100%;}
.recent-work-img{position: relative;}
.recent-work-img:hover > a .img-overlay-hover{opacity: .9;filter: alpha(opacity=90);}

/**  Work each page  **/
.orange-wrap.result{background-image:url(images/result-bg.png);background-repeat:no-repeat;background-position:right bottom;padding-top: 65px;padding-bottom: 65px;margin-bottom: 48px;}
.portfolio-services{margin: 0 0 20px; text-align: right;
}
.portfolio-services ul{list-style: none;padding: 0;margin: 0;}
.portfolio-services ul li{font-size: 16px;font-weight: 300;color: #898989;padding-bottom: 5px;}
.portfolio-services .link{margin-top: 40px;font-size: 18px;font-weight: 700;text-transform: uppercase;}
.portfolio-services .link a{position: relative;}
.portfolio-services .link a:after{content: "";overflow: hidden;position: absolute;left: 0;bottom: -1px;display: block;width: 0;height: 1px;background-color: #f69679;-webkit-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-o-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-moz-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);transition:all 300ms cubic-bezier(.175,.885,.32,1.075);}
.portfolio-services .link a:hover:after{width: 100%}
.nivo{margin-bottom: 40px;}
.portfolio-img-holder{margin-bottom: 30px;width: 100%;position: relative;overflow: hidden;}
.go-to-recentwork{text-align: center;}
.go-to-recentwork a{color: #333}
.next-work{text-align: right;}
.next-work a{font-size: 20px;color: #333;font-weight: 300;}
.prev-work{text-align: left;}
.prev-work a{font-size: 20px;color: #333;font-weight: 300;}

/**  About page  **/
.about-sec.first{margin-bottom: 60px;}
.client-logos-row{margin-top: 30px;margin-bottom: 90px;padding: 0 15px;}
.client-logos-col{padding: 0;margin: 0;border: 1px solid #dddddd;text-align: center;}
.client-logos-container{height: 100%;position: relative;min-height: 280px;}
.client-logos-container.small{min-height: 142px;}
.client-logos-container img{max-height: 100%; max-width: 90%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.client-logos-col .hover-state{position: absolute;background-color: #000;color: #fff;z-index: 10;display: block;width: auto;height: auto;top: 0;bottom: 0;left: 0;right: 0;overflow: hidden;opacity: 0;transition:all 500ms;}
.hover-state .hover-state-content{position: absolute;left: 50%;top:50%;width: 80%;transform:translate(-50%,-50%);}
.hover-state .hover-state-content h3{font-size: 20px;font-weight: 300;margin: 0;}
.client-logos-container:hover > .hover-state{opacity: 1;}

.our-team-row{margin-bottom: 60px;}
.our-team-col{margin: 30px 0;color: #fff;position: relative;}
.our-team-col .thumb{position: relative;overflow: hidden;z-index: 1;}
.our-team-col .thumb .team-img-hover{background-color: rgba(0,0,0,0.7);padding: 25px;width: auto;height: auto;top: 15px;bottom: 15px;left: 15px;right: 15px;position: absolute;display: block;overflow: hidden;opacity: 0;color: #fff;z-index: 10;transition:all 250ms ease-in-out;}
.our-team-col .thumb:hover > .team-img-hover{opacity: 1;}
.our-team-col .thumb .member-details{position: absolute;bottom: 40px;}
.our-team-col .thumb .member-details a{color: #ffffff;
}
.our-team-col .thumb .member-details h2{font-size: 24px;margin-top: 20px;font-weight: 700;}
.our-team-col .thumb .member-details p{font-size: 22px;font-weight: 400;margin-bottom: 0;line-height: 32px;}
.our-team-col .thumb .member-details p a{
	color: #ffffff;
}
.our-team-col .thumb .member-details p a:hover {
	text-decoration: underline;
}
.our-team-col i.fa {
	color: #ffffff;
	margin-right: 5px;
	margin-top: 10px;
}

.team-bio {
	padding: 10px;
}
.team-bio p{font-size: 20px;color: #000;font-weight: 300;line-height: 30px;
	
}

.industries-col{padding: 0;margin: 0;border: 1px solid #dddddd;text-align: center;min-height: 132px;line-height: 132px;font-size: 22px;text-transform: uppercase;}
.industries-col p{display: inline-block;vertical-align: middle;line-height: normal;margin: 0;}

/** start a project page **/
.conversation-wrap{padding: 50px 0;background-color: #fef2ed;margin-bottom: 70px;}
.things-to-know-block .entry p{padding: 15px 0;}

/** Website care package page **/
.critical-to-business-wrap .container{position: relative;padding-right: 135px;}
.critical-to-business-wrap .container img{position: absolute;bottom: -45px;right: 5px;}

.package-other-col{margin-bottom: 60px;}

.plan-col{margin-bottom: 30px;border-bottom: 5px solid #000;}
.plan-col .head{background-color: #000;padding: 20px 16px;}
.plan-col .head h3{font-size: 30px;color: #fff;font-weight: 700;margin: 0;}
.plan-col .head h3 span{font-weight: 400;font-size: 29px;}
.plan-col .plan-info{background-color: #fff;margin-bottom: 0px;padding: 16px 4px; min-height: 100px; font-size: 20px;
}
.plan-col .plan-info h3{margin: 0;padding: 18px 0;font-size: 22px;color: #101010;font-weight: 700;}
.plan-col .plan-info p{font-size: 22px;color: #101010;font-weight: 400;padding-bottom: 12px;line-height: 30px;}

.plan-col .plan-list{background-color: #fef2ed;padding: 10px 16px;}
.plan-col .plan-list p{font-size: 14px;color: #101010;font-weight: 700;text-transform: uppercase;}
.plan-col .plan-list ul{list-style: none;padding: 0;margin: 0;}
.plan-col .plan-list ul li{position: relative;padding-left: 35px;line-height: 24px;margin-bottom: 8px;font-size: 18px; border-bottom: 2px solid #fff; padding-bottom: 10px;
}
.plan-col .plan-list ul li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0;
}

.plan-col .plan-list ul li:before{content: url(images/check-icon.png);position: absolute; top: 0; left: 2px;}
p.your-business{font-size: 14px;color: #333;font-weight: 300;margin-bottom: 0;}


/**  Blog page  **/
.blog-search-form{position: relative;}
.blog-search-form .input-group{max-width: 262px;position: absolute;right: 0;top: -115px;margin-bottom: 15px;}
.blog-search-form .form-control{border-bottom: 0;background-color: #eeeeee;font-size: 14px;color: #656565;padding: 7px 10px;height: 42px;}
.blog-search-form .input-group .btn-search{background-color: #eeeeee;color: #333;font-size: 14px;font-weight: 700;padding: 10px 12px;}

.blog-post-row{margin-bottom: 68px;}
.blog-image-con{position: relative;}
.blog-image-con i{background-color: #fff;height: 54px;width: 54px;border-radius: 50%;margin: 0 auto;position: absolute;top: 15px;left: 15px;}
.blog-image-con i img{max-height: 100%;max-width: 100%;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.blog-details-con{padding-left: 42px; font-weight: 300;min-height: 252px;position: relative;padding-bottom: 52px;}
.blog-details-con h3{font-size: 28px;font-weight: 300;margin-top: 10px;display: inline-block;}
.blog-details-con p{font-size: 15px;}
.blog-details-con ul{list-style: none;padding: 0;margin: 0;position: absolute;bottom: 0;}
.blog-details-con ul li{font-size: 14px;}
.blog-details-con ul li img{margin-right: 10px;}

/* Blog post page */
.blog-post-bg{background-repeat: no-repeat;background-size: cover;background-position: center;height: 637px;}
.post-each-left-details img{margin-bottom: 10px;}
.post-each-left-details h3{font-size: 16px;font-weight: 700;margin-bottom: 0; width: 50%;
}
.post-each-left-details p{font-size: 14px;font-weight: 300;}
.post-each-left-details ul{list-style: none;padding: 0;margin-top: 30px;}
.post-each-left-details ul li{margin-bottom: 8px;font-size: 14px;font-weight: 300;}
.post-each-left-details ul li img{margin-right: 6px;margin-bottom: 0;}
.post-each-left-details .share ul{list-style: none;margin-top: 155px;padding: 0;}
.post-each-left-details .share ul h3{font-size: 18px;color: #333;font-weight: 700}
.post-each-left-details .share ul li{margin-bottom: 0;font-weight: 400;}

.post-each-right-details p{font-size: 18px;font-weight: 300;margin-bottom: 20px;}

div.post-each-right-details {
	font-size: 18px; font-weight: 300;
}

div.post-each-right-details li{
	padding-bottom: 15px;
}

.post-prev, .post-next{margin: 50px 0;}
.post-prev p, .post-next p{font-size: 14px;font-weight: 300;line-height: 22px;margin-bottom: 0;}
.post-prev p span, .post-next p span{font-size: 20px;font-weight: 700;color: #333}
.post-prev{position: relative;padding-left: 45px;text-align: left;display: inline-block;}
.post-prev img{position: absolute;left: 0;top: 15px;}
.post-next{position: relative;padding-right: 45px;text-align: right;display: inline-block;float: right;}
.post-next img{position: absolute;right: 0;top: 15px;}

/**  contact page  **/
.hello-lnk{display: inline-block;position: relative;}
.hello-lnk:after{content: "";overflow: hidden;position: absolute;left: 0;bottom: -1px;display: block;width: 0;height: 1px;background-color: #00b19e;-webkit-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-o-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);-moz-transition:all 300ms cubic-bezier(.175,.885,.32,1.075);transition:all 300ms cubic-bezier(.175,.885,.32,1.075);}
.hello-lnk:hover:after{width: 100%;}
.auto-type-element{display: inline;}
.auto-type-element h3{font-size: 30px;font-weight: 700;color: #f8ddd3;margin: 5px 0;}
.auto-type-element h3 .hello-txt{display: inline-block;color: #000;}
.auto-type-element h3 .typed-cursor{display: inline; color: #000;-webkit-animation: blink 0.7s infinite;-moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite;}
.contact-address h3{font-size: 24px;font-weight: 400;margin-bottom: 20px;}
.contact-address p{font-size: 18px;font-weight: 300;color: #333;line-height: 34px;}
.contact-address p a{font-weight: 300;}
.contact-address p span{color: #000;}

.free-quote{margin: 40px 0;}
.free-quote p{display: inline-block;font-size: 22px;font-weight: 300;}
.free-quote .btn-transparent{display: inline-block;padding: 12px 18px;font-size: 16px;margin-left: 25px;transition:all .2s ease-in-out;}
.free-quote .btn-transparent:hover{background-color: #333;border-color: #333;color: #fff;}
/*
RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 767px){

	.spacer{padding-top: 15px;padding-bottom: 15px;}
	/*.post-each-left-details img{display: none;
	}*/

div.share {
	display: none;
}

.author img{
	display: none;
}

.author {
	float: left;
	margin-right: 20px;
}

li.cal {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

li.cat {
	text-align: left;
}

.post-each-left-details h3{font-size: 16px;font-weight: 700;margin-bottom: 0; width: 100%; margin-top: 5px;
}

.grid-sizer,
	.grid-item {width: 100%;}
	.grid-item img{width: 100%;}

  .orange-wrap{padding-top: 30px;padding-bottom: 25px;margin-bottom: 30px;}

  /*  mobile menu  */
  
  .mobile-menu-wrapper{position: fixed;max-width: 255px;top:0;left: -255px;width: 100%;height: 100%;background-color: #000;z-index: 999999;border-right: 1px solid #000;transition-duration: 0.6s;}
  .mobile-menu-wrapper.open{left: 0;transition-duration: 0.6s;}
  .mobile-container{padding: 15px 0;}
  .mobile-menu-wrapper ul.menu{list-style: none;padding: 0;margin: 0;}
  .mobile-menu-wrapper ul.menu li{padding: 8px 30px;display: block;}
  .mobile-menu-wrapper ul.menu li a{color: #fff;font-size: 20px;font-weight: 300;}

  .menu-bar.exit .ham{background-color: transparent;-webkit-transition-duration:100ms;-moz-transition-duration:100ms;-o-transition-duration:100ms;transition-duration:100ms;}
  .menu-bar.exit .ham:before{-webkit-transform:translateY(8px) rotateZ(-45deg);-moz-transform:translateY(8px) rotateZ(-45deg);-o-transform:translateY(8px) rotateZ(-45deg);transform:translateY(8px) rotateZ(-45deg);}
  .menu-bar.exit .ham:after{-webkit-transform:translateY(-8px) rotateZ(45deg);-moz-transform:translateY(-8px) rotateZ(45deg);-o-transform:translateY(-8px) rotateZ(45deg);transform:translateY(-8px) rotateZ(45deg);}

  .search-form{display: block;height: 60px;position: relative;margin-top: 5px;}
  .search-form input{border: 0;height: 50px;left: 0;top: 0;right: 0;width: 100%;padding: 5px 30px;padding-left: 55px;font-size: 19px;}
  .search-form label{display: block;position: absolute;top: 50%;left: 30px;line-height: 1;color: #a9a9a9;margin-top: -5px;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}

  .top-menu-container{display: none;}

  .text-anim-wrap .typed-div-4245{font-size: 16px;line-height: 32px;}

  .img-overlay-hover .info h3{font-size: 24px;}
  .img-overlay-hover .info p{font-size: 16px;}

  .capabilities-wrap .secTitle{ margin-bottom: 30px;}
  .capabilities-col{margin-bottom: 30px;}
  .capabilities-col h3{font-size: 16px;}
  .capabilities-col p{font-size: 16px;}

  .start-project-wrap p{font-size: 16px;}

  .blog-post-col{margin-bottom: 30px;}
  .blog-post-col h5.title{font-size: 16px;}
  .blog-post-col p.info{font-size: 14px;}

  /* Recent work page */
  .recent-work-sortable-links{margin-bottom: 25px;}
  .recent-work-sortable-links ul{margin-top: 10px;}
  .recent-work-sortable-links ul li{padding: 5px 12px;}
  .recent-work-grid{margin-bottom: 30px;}
  .recent-work-box h3{font-size: 18px;}
  .recent-work-box p{font-size: 14px;}

  /**  Work each page  **/
  .orange-wrap.result{padding-top: 20px;padding-bottom: 20px;margin-bottom: 20px;}
  .portfolio-services .link{margin-top: 25px;}
  .portfolio-img-holder{margin-bottom: 15px;}
  .portfolio-services ul li{font-size: 14px;}
  .portfolio-services .link{font-size: 15px;}

  /* about page */
  .about-sec.first{margin-bottom: 30px;}
  .client-logos-row{margin-bottom: 30px;}
  .our-team-row{margin-bottom: 30px;}

  /* blog page */
  .blog-search-form .input-group{position: relative;right: auto;top: auto;float: right;}
  .blog-post-row{margin-bottom: 40px;}
  .blog-details-con h3{font-size: 22px;}
  .blog-details-con p{font-size: 14px;}

  /* Blog post page */
  .blog-post-bg{height: 400px;}
  .post-each-left-details h3{font-size: 15px;}
  .post-each-left-details ul{margin-top: 15px;}
  .post-each-left-details ul li{margin-bottom: 5px;}
  .post-each-left-details .share ul{margin-top: 50px;}
  .post-each-left-details .share ul h3{font-size: 15px;}

  .post-prev, .post-next{margin: 10px 0;}
  .post-prev p span, .post-next p span{font-size: 16px;}
  .post-reply-form label{font-size: 14px;}
  .post-reply-form input[type="submit"]{padding: 8px 35px;}


  /* Website care package page */
  .critical-to-business-wrap .container{padding-right: 0}
  .critical-to-business-wrap .container img{display: none;}
  .plan-col .head h3{font-size: 24px;}
  .plan-col .head h3 span{font-size: 22px;}
  .plan-col .plan-info h3{font-size: 18px;padding: 10px 0;}
  .plan-col .plan-info p{font-size: 18px;}
  .plan-col .plan-list ul li{font-size: 15px;}  

  /* Start a project page*/
  .conversation-wrap{margin-bottom: 30px;}
  .start-project-form .form-group p.dtl{font-size: 16px;}

  /* Contact page */
  .auto-type-element h3{font-size: 24px;}
  .contact-address p{font-size: 16px;}
  .free-quote{margin: 20px 0;text-align: center;}
  .free-quote p{font-size: 18px;}
  .free-quote .btn-transparent{margin-left: 0;padding: 6px 12px;}
}
@media (min-width: 768px){

	.mobile-menu-wrapper{display: none;}

  .top-menu-container.is-visible{visibility: visible;}
  .top-menu-container.is-visible ~ .page-wrapper .main-header{position: absolute;}

  .top-menu .menu > li > a{font-size: 20px;}
  .sidebar-box-holder h3{font-size: 19px;}
  .sidebar-box-holder p{font-size: 16px;}

.menu-bar.active .ham{background-color: transparent;-webkit-transition-duration:100ms;-moz-transition-duration:100ms;-o-transition-duration:100ms;transition-duration:100ms;}
  .menu-bar.active .ham:before{top:-4px;left:-4px;-webkit-transform:rotate(-45deg) translate(-5px,-5px);-moz-transform:rotate(-45deg) translate(-5px,-5px);-o-transform:rotate(-45deg) translate(-5px,-5px);transform:rotate(-45deg) translate(-5px,-5px);}
  .menu-bar.active .ham:after{-webkit-transform:rotate(45deg) translate(5px,-5px);-moz-transform:rotate(45deg) translate(5px,-5px);-o-transform:rotate(45deg) translate(5px,-5px);transform:rotate(45deg) translate(5px,-5px);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0;}

  .text-anim-wrap .typed-div-4245{font-size: 24px;line-height: 36px;}

  .img-overlay-hover .info h3{font-size: 28px;}
  .img-overlay-hover .info p{font-size: 18px;}

  .capabilities-col{margin-bottom: 45px;}
  .capabilities-col h3{font-size: 18px;}
  .capabilities-col p{font-size: 18px;}

  .start-project-wrap p{font-size: 18px;}

  .blog-post-col h5.title{font-size: 17px;}
  .blog-post-col p.info{font-size: 15px;}

  /* Recent work page */
  .recent-work-grid{margin-bottom: 50px;}
  .recent-work-box h3{font-size: 20px;}

  /**  Work each page  **/
  .orange-wrap.result{padding-top: 45px;padding-bottom: 45px;margin-bottom: 30px;}
  .portfolio-services ul li{font-size: 15px;}
  .portfolio-services .link{font-size: 16px;}

  /* blog page */
  .blog-details-con h3{font-size: 24px;}

  /* Blog post page */
  .post-each-left-details h3{font-size: 15px;}
  .post-each-left-details ul{margin-top: 20px;}
  .post-each-left-details ul li{margin-bottom: 6px;}
  .post-each-left-details .share ul{margin-top: 100px;}
  .post-each-left-details .share ul h3{font-size: 16px;}

  .post-prev, .post-next{margin: 30px 0;}
  .post-prev p span, .post-next p span{font-size: 18px;}

  /* Website care package page */
  .plan-col .head h3{font-size: 26px;}
  .plan-col .head h3 span{font-size: 24px;}
  .plan-col .plan-info h3{font-size: 20px;padding: 14px 0;}
  .plan-col .plan-info p{font-size: 20px;}
  .plan-col .plan-list ul li{font-size: 16px;}

  /* Start a project page*/
  .start-project-form .form-group p.dtl{font-size: 18px;}

  /* Contact page */
  .auto-type-element h3{font-size: 26px;}
  .contact-address p{font-size: 17px;}
  .free-quote{margin: 30px 0;}
  .free-quote p{font-size: 20px;}
}
@media (max-width: 991px){

  /* Blog page */
  .blog-details-con{padding-left: 0;}

  .orange-wrap.result{background-image: none;}
}
@media (min-width: 992px){

  .top-menu .menu > li > a{font-size: 24px;}
  .sidebar-box-holder h3{font-size: 24px;}
  .sidebar-box-holder p{font-size: 18px;}  

  .img-overlay-hover .info h3{font-size: 32px;}
  .img-overlay-hover .info p{font-size: 22px;}

  .capabilities-col{margin-bottom: 90px;}
  .capabilities-col h3{font-size: 20px;}
  .capabilities-col p{font-size: 20px;}

  .start-project-wrap p{font-size: 22px;}

  .blog-post-col h5.title{font-size: 18px;}
  .blog-post-col p.info{font-size: 16px;}

  /* Recent work page */
  .recent-work-grid{margin-bottom: 80px;}
  .recent-work-box h3{font-size: 24px;}

  /**  Work each page  **/
  .orange-wrap.result{padding-top: 45px;padding-bottom: 65px;margin-bottom: 48px; min-height: 320px;
  }
  .portfolio-services ul li{font-size: 15px;}
  .portfolio-services .link{font-size: 18px;}

  /* blog page */
  .blog-details-con h3{font-size: 28px;}

  /* Blog post page */
  .post-each-left-details h3{font-size: 15px;}
  .post-each-left-details ul{margin-top: 30px;}
  .post-each-left-details ul li{margin-bottom: 8px;}
  .post-each-left-details .share ul{margin-top: 55px;}
  .post-each-left-details .share ul h3{font-size: 18px;}
  .post-prev, .post-next{margin: 50px 0;}
  .post-prev p span, .post-next p span{font-size: 20px;}

  /* Website care package page */
  .plan-col .head h3{font-size: 30px;}
  .plan-col .head h3 span{font-size: 29px;}
  .plan-col .plan-info h3{font-size: 22px;padding: 18px 0;}
  .plan-col .plan-info p{font-size: 22px;}
  .plan-col .plan-list ul li{font-size: 18px;}

  /* Start a project page*/
  .start-project-form .form-group p.dtl{font-size: 22px;}

  /* Contact page */
  .auto-type-element h3{font-size: 30px;}
  .contact-address h3{font-size: 24px;}
  .contact-address p{font-size: 18px;}

  .free-quote{margin: 40px 0;}
  .free-quote p{font-size: 22px;}
}
@media (min-width: 1024px){
	.spacer{ padding-top: 50px; padding-bottom: 50px;}

  .text-anim-wrap .typed-div-4245{font-size: 30px;line-height: 44px;}
}
@media (min-width: 1200px){
	.container{ width: 1170px;}
	.text-anim-wrap{padding-top: 55px;padding-bottom: 30px;}
  .text-anim-wrap .typed-div-4245{font-size: 36px;line-height: 50px;}
	.capabilities-wrap{padding-top: 90px;padding-bottom: 10px;}
}
/* Added on 7th June, 2016 */
.post-prev-next { margin-bottom: 30px;}
.post-prev-next a{ display: inline-block; padding: 5px 15px; color: #fff; background: #000;}
.post-prev-next a:hover{ background: #666;}
/* gravity form */
.gform_wrapper ul li{ margin-top: 20px !important;}
.gform_wrapper input[type="email"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="text"],
.gform_wrapper input[type="url"]{ width: 100%; border: solid #000; border-width: 0 0 1px 0; font-size: 22px !important; font-weight: 300;}
.ginput_container .name_first label{ display: none !important;}
.ginput_container .name_last label{ display: none !important;}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{ margin-left: 0 !important; padding-left: 50px !important;}
/* comment-wrap */
.comment-wrap1{ background: #fef2ed; padding: 30px 0; color: #000;}
.comment-wrap1 h3{ font-size: 31px; line-height: 35px; font-weight: 300; color: #000;}
.comment-wrap1 p{}
ol.commentlist{ list-style: none; padding: 0; margin: 40px 0 0;}
ol.commentlist li{ position: relative; padding-left: 100px;}
ol.commentlist > li::before { background: #cccccc none repeat scroll 0 0; content: ""; height: 100%; left: 35px; position: absolute; top: 0; width: 1px;}
ol.commentlist ul > li::before { background: #cccccc none repeat scroll 0 0; content: ""; height: 1px; left: -65px; position: absolute; top: 35px; width: 70px;}

ol.commentlist li .avatar{ position: absolute; left: 0; top: 0; width: 70px; height: 70px;}
ol.commentlist li .comment-author{ font-weight: 700; font-size: 20px; line-height: 24px; color: #000;}
ol.commentlist li .comment-meta{ font-size: 14px; font-weight: 300; margin-bottom: 15px;}
ol.commentlist li p{ font-size: 15px;,line-height: 22px; font-weight: 300;}
ol.commentlist li .reply a{ color: #f69679;}
ol.commentlist li .reply a:hover{ color: #000;}
ol.commentlist ol, ol.commentlist ul{ list-style: none; padding: 0; margin: 15px 0;}



.comment-wrap2{ background: #fff; padding: 30px 0;}
.comment-wrap2 #comments-respond{ font-size: 31px; line-height: 35px; font-weight: 300; color: #000;}
#commentform{ margin-top: 40px;}
#commentform #author, #commentform #email, #commentform #url{ width: 100%; border: solid #000; border-width: 0 0 1px 0; height: 40px; font-weight: 600; font-size: 15px; line-height: 21px;}
#commentform .inputWrap{ margin-bottom: 15px; position: relative;}
#commentform .inputWrap:after{ content: ''; background: #f7cbb9; width: 43px; height: 1px; position: absolute; left: 15px; bottom: 0; z-index: 1;}
#commentform #comment{ font-weight: 600; font-size: 15px; line-height: 21px;}
#commentform .textareaWrap{ position: relative;}
#commentform .textareaWrap:before{ position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #fff; content: '';z-index: 1;}
#commentform .textareaWrap:after{ content: ''; background: #f7cbb9; width: 43px; height: 1px; position: absolute; left: 15px; top: 41px;z-index: 1;}

#commentform #commentSubmit{ background: #fef2ed; color: #000; font-weight: 600;}

h5.title a:hover{color: #f8ddd3!important;}

@media (max-width: 468px){
div.logo-container img {
	width: 80px;
}

div.main-header {
	padding-top: 40px;
	padding-bottom: 40px;
}

div.logo-container-spacer {
	height: 120px;
}
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

iframe {
  border: 0 none!important;
}

iframe {
    overflow:hidden;
}

.content-wrapper
{
	width:100%;
/* 	background-color:#fcf5f2; */
	height:1000px;
}
.content-box
{
	width:100%;
	margin: 0 auto;

}
article.size1
{
	width:728px;
	height:140px;
	text-align:center;
	float: left;
	}
article.size2
{
	width:160px;
	height:600px;
	float:left;
	text-align:center;
	margin-right:25px;
	margin-left: 25px;


}
article.size3
{
	width:300px;
	height:600px;
	float:left;
	text-align:center;
	margin-right:25px;
	margin-left:0px;
	margin-top:10px;
}
article.size4
{
	width:300px;
	height:300px;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-right: 50px;
}
article.size5
{
	width:200px;
	height:200px;
	float:left;
	text-align:center;
	margin-top:-200px;
	/*margin-left:50px;*/
}
article.size6
{
	width:468px;
	height:60px;
	float:left;
	margin-left:75px;
	text-align:center;
	margin-top:75px;
}
article.size7
{ 
	width:300px;
	height:60px;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-left: 0px;
}



.arpricemaincolumn .arppricetablecolumnprice
{font-family: 'ProximaNova';
font-weight: 700;
}

.bestPlanButton_text {
	font-family: 'ProximaNova';
	font-weight: 400;
}

.arp_price_wrapper_text {
	font-family: 'ProximaNova';
	font-weight: 700;
}

span.arp_price_value {
	font-size: 54px;
}

.ArpPriceTable ul li{
margin: 0!important;
width: 100%!important;
}

.arppricingtablebodyoptions
{  font-family: 'ProximaNova';
font-weight: 400;
}

.bestPlanButton
{ font-family: 'ProximaNova';
font-weight: 400;
}

div.bestPlanTitle{
	font-family: 'ProximaNova'!important;
	font-weight: 700!important;
}

.arp_row_description_text{
	font-family: 'ProximaNova';
	font-weight: 400;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px!important;
	padding-top: 15px!important;
}

/* Form styling */

.careplansignup .field_sublabel_below.field_description_above.gfield_visibility_visible {
	margin-bottom: 0;
	margin-top: 30px!;
}

#field_10_12 label.gfield_label {
	float: left;
	margin: 0;
}

#gform_submit_button_10 {
	float: left;
}

#input_1_14 li{
	line-height: 3em!important;
	margin-top: 0!important;
	margin-bottom: 0;
}

li.gchoice_3_12_1 {
	padding-top: 10px;
	border-top: 1px solid #333;
}

/*#stripe-customer-account-view-payment-method-section .label {
	color: #000000;
}


#stripe-customer-account-view-payment-history-section .label,
#stripe-customer-account-view-current-subscription-section .label,
#stripe-customer-account-view-payment-method-section .label {
	padding-left: 0;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 10px;
	display: inline-block;
	color: #000000;
	font-size: 20px;
}

#care-plan-details div.fl-rich-text p a {
	text-decoration: underline;
}

#stripe-customer-account-view-payment-method-section p.label.stripe-customer-account-view-section-label a {
	color: red;
	font-style: italic;
	font-size: 14px;
	text-decoration: underline;
}

#stripe-customer-account-view-payment-history-section table {
	border-collapse: collapse;
}

#stripe-customer-account-view-payment-history-section table tbody tr td {
	border: 1px solid #999;
	padding: 1rem;
	text-align: left;
}

#stripe-customer-account-view-current-subscription-section,
#stripe-customer-account-view-payment-method-section {
	border-bottom: 1px solid #999;
}

#stripe-customer-account-view-payment-method-section {
	
}

#stripe-customer-account-view-payment-method-section div.stripe-customer-account-view-payment-method span.label {
	color: red;
}

#field_1_12 label.gfield_label,
#field_3_12 label.gfield_label {
	display: none;
}

.careplansignup #gform_submit_button_1,
.careplansignup #gform_submit_button_3,
.careplansignup #gform_submit_button_2  {
	float: left;
}

#field_1_11 div.gfield_description img {
	display: block;
}

.careplansignup div.gfield_description {
	width: 200px;
	display: inline;
	padding-left: 20px!important;
}*/

#label_1_12_1 a {
	text-decoration: underline;
}


#field_1_35, #field_1_34, #field_1_33 {
	border-bottom: 1px solid #333;
	padding-bottom: 5px;
	margin-top: 10px!important;
}

li#field_12_12.gfield.terms.gfield_contains_required.field_sublabel_below.field_description_above.gfield_visibility_visible label.gfield_label span.gfield_required {
	display: none;
}

li#field_12_12.gfield.terms {
	margin: 0;
}

#field_1_33 div.ginput_container.ginput_container_product_calculation span.ginput_product_price_label,
#field_1_35 div.ginput_container.ginput_container_product_calculation span.ginput_product_price_label {
	display: none;
}

#field_1_33 div.ginput_container.ginput_container_product_calculation,
#field_1_34 div.ginput_container.ginput_container_total,
#field_1_35 div.ginput_container.ginput_container_product_calculation {
	display: inline;
	padding-left: 20px;
}


#field_1_12 li, 
#field_1_27 li,
#field_1_28 li,
#field_1_36 li,
#field_3_14 li,
#field_10_14 li,
#field_10_27 li,
#field_12_14 li,
#field_12_27 li,
#field_10_28 li,
#field_3_12 li,
#field_10_12 li,
#field_12_12 li,
#label_1_43_1,
#label_10_42_1,
#label_12_50_1 {
	line-height: 3em;
	margin: 0!important;
}

.gchoice_8_48_1,
.gchoice_8_48_2,
label#label_8_44_1 {
line-height: 3em!important;
margin: 0!important;
margin-top: 0!important;
}

ul#input_8_48.gfield_checkbox li.gchoice_8_48_1 {
	margin-top: 0px!important;
}

label#label_8_48_1 {
	padding-top: 10px;
}

#input_1_14 label,
#input_10_14 label,
#input_12_14 label,
#input_1_12 label,
#input_10_12 label,
#input_1_27 label,
#input_1_28 label,
#input_10_28 label,
#input_10_27 label,
#input_12_27 label,
#field_1_36 label,
#field_3_14 label,
#field_3_12 label,
#field_12_12 label,
#label_1_43_1,
#label_10_42_1,
#label_12_50_1 {
	padding-top: 6px;
}

li#field_12_47.gfield.gf_left_half.gfield_price.gfield_price_12_46.gfield_quantity.gfield_quantity_12_46.gfield_contains_required.field_sublabel_below.field_description_above.gfield_visibility_visible {
	width: 35%;
}

/*select#input_12_47.small.gfield_select {
	float: right; 
}*/

/*li#field_12_47 {
	text-align: right;
	padding-right: 60px;
}*/

.careplansignup .gform_wrapper .gfield_radio li label {
	max-width: 100%!important;
	width: 100%!important;
}

#gform_submit_button_12.gform_button.button {
	float: right!important;
	display: inline-block;
}

form#gform_12.careplansignup div.gform_footer.top_label {
	text-align: right;
	float: right;
}


/* CARE PLAN ACCORDIAN */

div.uabb-adv-accordion-button-label {
	float: left;
	width: 100%;
}

div.uabb-adv-accordion-icon-wrap {
	float: none;
	display: inline-block;
	width: 100%;
	margin: 0 auto!important;
}

div.uabb-adv-accordion-button-label {
	font-weight: 100;
	font-size: 50px;
	line-height: 60px;	
}

div.uabb-adv-accordion-button-label h1 {
	font-size: 30px;
	line-height: 60px;
}

i.uabb-adv-accordion-button-icon.ua-icon {
	text-align: center;
	margin: 30px auto 10px !important;
}

div.uabb-adv-accordion-button.uabb-adv-accordion-button589cf4d329a49.uabb-adv-after-text,
div.uabb-adv-accordion-button.uabb-adv-accordion-button589d0a3f936e0.uabb-adv-after-text,
div.uabb-adv-accordion-button.uabb-adv-accordion-button589d0a44d3f82.uabb-adv-after-text {
	width: 100%!important;
	padding-bottom: 10px!important;
}

/* PRICING TABLE */
h4.uabb-pricing-table-title {
	text-align: left;
	padding-left: 20px!important;
	
}


h4.uabb-featured-pricing-box {
	background-color: #e5e5e5;
}

#care-plan-pricing ul.uabb-pricing-table-features li {
	padding: 15px;
}

h1.uabb-pricing-table-price {
	border-bottom: 5px solid #ffffff;
}

h4.uabb-pricing-table-title span{
	font-weight: 300;
	display: block;
	font-size: 18px;
	padding-top: 5px;
}

#care-plan-faq-0 h3{
	margin-top: 30px;
	padding-bottom: 10px;
}

div.fl-module.fl-module-rich-text.fl-node-58cb42ef02582 a{
	text-decoration: underline;
	color: #ccc;
}

#label_10_12_1 a {
	text-decoration: underline;
}
/* Use this rule to apply the custom font to headings */
h1,h2,h3,h4,h5,h6 {
font-family: 'ProximaNova', Arial, sans-serif;
}

/* Use this rule to apply the custom font to paragraphs */
p {
font-family: 'ProximaNova', Arial, sans-serif;
}

/* Use this rule to make the custom font the default font */
body {
font-family: 'ProximaNova', Arial, sans-serif !important;
}

/* Use this rule to apply the custom font to menu items */
.fl-page-nav .navbar-nav, .fl-page-nav .navbar-nav a {
font-family: 'ProximaNova', Arial, sans-serif;
}

/* Discovery Forms */
.gform-conversational.gform-theme--framework {
  --gform-convo-theme-font-family: "ProximaNova", sans-serif !important;
	--gform-theme-font-size-primary: 16px !important;
}

.gform-theme--framework input[type]:where(:not(.gform-text-input-reset)) {
	font-size: 16px !important
}

#field_15_40,
#field_15_42,
#field_15_43,
#field_15_44{
	opacity: 1 !important;
}
#field_15_40 h1 span {
  font-size: 0.8em;
  margin-top: 15px;
  display: inline-block;
}

.gfield_description {
  font-size: 18px !important;
}

#gform_1 .gform_footer.top_label {
  bottom: 32px;
  position: absolute;
}

#gpasc-auto-load-notice {
  bottom: 0;
  position: absolute;
}

.gform_required_legend {
  display: none;
}

.gform-conversational__nav-button:hover {
  background-color: #000 !important;
}

.partial_entry_warning {
  bottom: -30px;
  position: absolute;
}

.gform-conversational__welcome-image.gform-conversational__welcome--hidden img {
  width: 300px;
  height: auto;
}