.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}



.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

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

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: 0;
    color: inherit;
    border: 0;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    -moz-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    -o-transition: transform 100ms ease;
    -moz-transition: transform 100ms ease, -moz-transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease, -moz-transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.col {
    display: block;
    float: left;
    width: 100%
}

.cf:before,
.cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}

.overlay-wrap {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

body {
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    color: #797979
}

h1,
h2,
h3,
h4,
h5 {
    margin-top: .6em;
    margin-bottom: .3em
}

h1 {
    letter-spacing: .004em;
    font-weight: 700
}

h2 {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase
}

h3 {
    font-weight: 300
}

h4 {
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase
}

h5 {
    font-weight: 700;
    font-size: 1em
}

p {
    margin-top: 2em;
    margin-bottom: 2em;
    line-height: 2em;
    font-size: 1.1em
}

h1+p,
h2+p,
h3+p,
h4+p {
    margin-top: 0
}

a {
    font-weight: 700;
    color: #081319;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    z-index: 1
}

p a::after {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    bottom: -1px;
    height: 4px;
    background-color: #eb5f31;
    left: 0;
    z-index: -1;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

p a:hover::after {
    bottom: -6px
}

ul li {
	line-height: 2em;
	font-size: 1.1em;
}

ol li {
    line-height: 1.5em
}

#content-body {
    padding: 4em 0
}

input:not([type="checkbox"]):not([type="radio"]) {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    padding: 18px;
    font-size: 15px;
    font-weight: 400;
    color: #777;
    font-family: "proxima-nova";
    display: block;
    border: 2px solid #fff;
    -webkit-appearance: none;
    border-radius: 0
}

input:focus {
    outline: 0;
    border-color: #225776
}

.no-scroll {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%
}

body span.wpcf7-not-valid-tip {
    font-size: .9em;
    margin-top: .7em;
    color: #fff;
    padding: .5em .8em;
    display: inline-block;
    background-color: #dc373f;
    border-radius: 1px
}

label {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block
}

.left {
    float: left
}

.right {
    float: right
}

.container {
    max-width: 1600px;
    margin: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.notification {
    border-radius: 2px;
    background-color: #f7f7f7;
    padding: 1em 1.4em;
    display: none
}

.notification.error {
    background-color: #db2f3b;
    color: #fff
}

.orange-bg {
    background-color: #eb5f31
}

.blue-bg {
    background-color: #225776
}

.dark-blue-bg {
    background-color: #132a37
}

.white-bg {
    background-color: #fff
}

.grey-bg {
    background-color: #f7f7f7
}

.orange-font {
    color: #eb5f31
}

.blue-font {
    color: #225776
}

.dark-blue-font {
    color: #132a37
}

.white-font {
    color: #fff
}

.btn {
    display: inline-block;
    padding: 1.4em 2em;
    border-radius: 3em;
    color: #fff;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    cursor: pointer
}

.btn:hover {
    opacity: 1
}

.btn.orange {
    background-color: #eb5f31;
    border: 2px solid #eb5f31
}

.btn.orange:hover {
    background-color: transparent;
    color: #eb5f31
}

.dark-blue-bg .btn.orange:hover,
.blue-bg .btn.orange:hover {
    color: #fff
}

.btn.orange-border {
    color: #eb5f31;
    background-color: #fff;
    border: 2px solid #eb5f31
}

.btn.orange-border:hover {
    color: #225776;
    border-color: #225776
}

.btn.blue {
    background-color: #225776;
    border: 2px solid #225776
}

.btn.blue:hover {
    background-color: #fff;
    color: #225776
}

.btn.white {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

.btn.white:hover {
    background-color: #fff;
    color: #225776
}

.btn:focus {
    outline: 0
}

.inline-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.inline-list li {
    float: left
}

header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-void {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(33, 41, 52, 0.85)
}

.header-spacer {
    height: 107px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.header-spacer.small {
    height: 56px
}

.top-header {
    padding: 1em 0;
    -webkit-transition: margin-top .3s ease;
    -o-transition: margin-top .3s ease;
    -moz-transition: margin-top .3s ease;
    transition: margin-top .3s ease
}

.top-header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.top-header .container>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-header .container>div:first-of-type {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.top-header .container>div:last-of-type li {
    margin-left: 1.25em
}

.small .top-header {
    margin-top: -50px
}

.top-header li {
    line-height: 1em
}

.top-header a {
    font-size: .75em;
    letter-spacing: 1px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}

.top-header .right a {
    margin-left: 2em
}

.top-header a#telephone-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-header a#telephone-link img {
    margin-right: 1.5em
}

.mobile-top-header {
    display: none
}

.bottom-header {
    padding-top: 1.5em;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.bottom-header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.bottom-header .container>div:first-of-type {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bottom-header .left-section {
    position: relative
}

.bottom-header .logo {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.bottom-header.active .logo {
    opacity: 0
}

.bottom-header .logo a {
    height: 60px;
    width: 60px;
    display: inherit;
    margin: 0 1em 0 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.small .bottom-header .logo a {
    width: 40px;
    height: 40px;
	margin: 10px 1em 10px 0;
}

.bottom-header .logo a img {
    width: 100%;
    height: auto
}

.bottom-header .hide-menu {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: none
}

.bottom-header .hide-menu:hover {
    cursor: pointer
}

.bottom-header .hide-menu .back-btn {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #225776;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.small .bottom-header .hide-menu .back-btn {
    width: 40px;
    height: 40px;
    border-radius: 20px
}

.bottom-header .hide-menu .back-btn span {
    width: 20px;
    height: 4px;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

.bottom-header .hide-menu .back-btn span:first-of-type {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bottom-header .hide-menu .back-btn span:last-of-type {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px
}

.bottom-header .hide-menu h4 {
	margin: 0;
	line-height: 60px;
	color: #fff;
	margin-left: 0;
	-webkit-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	transition: opacity .2s ease;
	z-index: 10;
	padding: 0 1em;
}

.bottom-header .hide-menu:hover h4 {
    color: rgba(255,255,255,.7)
}

.small .bottom-header .hide-menu h4 {
    line-height: 40px
}

.bottom-header ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.bottom-header ul li {
    float: left;
    font-size: .9em
}

.bottom-header ul li a.top-level {
    display: inline-block;
    line-height: 60px;
    padding-bottom: 1.5em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: .1em;
    border-left: 1.25em solid transparent;
    border-right: 1.25em solid transparent
}
.bottom-header ul li:hover a.top-level,
.bottom-header.active ul li:hover a.top-level {
	color: #eb5f31;
}

.bottom-header ul li .sub-menu {
    display: none
}

.bottom-header .container>div:last-of-type {
    position: relative
}

.bottom-header .slider {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 5px;
    background-color: #eb5f31;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0
}


header #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item:last-child {
	margin-right: 0;
}

header #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.call-link > a.mega-menu-link {
	color: #eb5f31;
}


	.bottom-header .call-link a img {
		position: inherit;
		top: 18px;
		margin: 0 8px 0 0;
		float: left;
	}
	header.small .bottom-header .call-link a img {
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
	}

header #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.start-project > a.mega-menu-link {
	background: #eb5f31;
	border: 2px solid #eb5f31;
	color: #FFF;
	line-height: 46px;
	border-radius: 50px;
	padding: 0 25px 0 55px;
	height: 46px;
	text-transform: uppercase;
	background-image: url(/wp-content/themes/wearebfi/images/icons/rocket.png);
	background-repeat: no-repeat;
	background-position: 25px 50%;
}
header #mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.start-project > a.mega-menu-link:hover {
	background-color: transparent;
	color: #eb5f31;
	border: 2px solid #eb5f31;
	background-image: url(/wp-content/themes/wearebfi/images/icons/rocket-hover.png);
	background-repeat: no-repeat;
	background-position: 25px 50%;
}

header.small .bottom-header a.start-project {
	margin-top: -5px;
}

.bottom-header .top-level-list li.show-mobile {
	display: none;
}

@media only screen and (max-width:1550px) {
	.bottom-header .hide-menu h4 {
		display: none;
	}
}

@media(max-width: 1450px) {
	
	.bottom-header ul li a.top-level,
	header .bottom-header ul li a.start-project {
		font-size: .9em;
	}

}

@media(max-width: 1350px) {
	
	.bottom-header ul li a.top-level {
		border-width: 1em;
	}
	header .bottom-header ul li a.start-project {
		margin-left: 1em;
	}

}

@media(max-width: 1250px) {
	
	.bottom-header ul li a.top-level,
	header .bottom-header ul li a.start-project {
		font-size: .8em;
	}

	.bottom-header a.call-link img {
		margin-right: 8px;
	}
}

@media(max-width: 1250px) {

	.bottom-header a.call-link img {
		display: none;
	}
	header .bottom-header ul li a.start-project {
		font-size: .7em;
		line-height: 48px;
	}

}

@media(max-width: 1075px) {
	header .bottom-header ul li a.start-project {
		padding: 0;
		background-position: 50% 50%;
		width: 46px;
	}

		header .bottom-header ul li a.start-project span {
			display: none;
		}
}

.bottom-header.active .slider {
    bottom: 0
}

.small .bottom-header {
    padding: 2px 0;
}

.small .bottom-header ul li a {
    line-height: 40px;
    padding-bottom: .8em
}

.navigation {
    display: none;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f8f9fa
}

.navigation .container .inner-container {
    position: relative;
    overflow: hidden
}

.navigation .left,
.navigation .right {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.navigation .left {
    padding-right: 3%
}

.navigation .right {
    padding-left: 3%
}

.navigation h2 {
    font-size: .9em;
    margin: 0;
    letter-spacing: .05em
}

.navigation h1 {
    font-size: 1.5em;
    font-weight: 700;
    margin: 1.2em 0;
    line-height: 1.4em;
    letter-spacing: -0.03em
}

.navigation a.btn {
    margin-top: 1em
}

.navigation .box-links .box-link {
    width: 33.3%;
    padding-top: 33.3%;
    float: left;
    background-color: #222;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.navigation .box-links .box-link:hover {
    opacity: 1
}

.navigation .box-links .box-link:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.navigation .box-links .box-link img {
    max-width: 50%;
    max-height: 100px;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.navigation .nav {
    padding: 4.5em 0;
    -webkit-transition: opacity .3s ease, -webkit-transform .6s ease;
    transition: opacity .3s ease, -webkit-transform .6s ease;
    -o-transition: opacity .3s ease, transform .6s ease;
    -moz-transition: opacity .3s ease, transform .6s ease, -moz-transform .6s ease;
    transition: opacity .3s ease, transform .6s ease;
    transition: opacity .3s ease, transform .6s ease, -webkit-transform .6s ease, -moz-transform .6s ease;
    position: absolute;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
    background-color: transparent
}

.navigation .nav.show {
    position: relative;
    opacity: 1;
    z-index: 2;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.nav .web-design .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.nav .web-design .top>div:first-of-type {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding-right: 6em
}

.nav .web-design .top>div:last-of-type {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -moz-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.nav .web-design .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 4em
}

.nav .web-design.our-work .row {
    margin-bottom: 3em
}

.nav .web-design .row .separator {
    width: 4em
}

.nav .web-design .row:last-of-type {
    margin-bottom: 0
}

.nav .info-block,
.sub-menu .info-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: initial;
    text-decoration: none
}

.nav .info-block h2,
.sub-menu .info-block h2 {
    margin-bottom: .5em
}

.nav .info-block img,
.sub-menu .info-block img {
    width: 40px;
    height: auto;
    max-height: 40px;
    margin-right: 2em;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.sub-menu .info-block img:not([class="submenu-title"]) {
    position: relative;
    top: .3em
}

.nav img.submenu-title {
    width: auto;
    max-height: 50px;
    margin-bottom: 20px
}

.nav .our-work .row:first-of-type img.submenu-title {
    max-height: 35px
}

.nav .info-block:hover {
    opacity: 1
}

.nav .info-block:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.nav .info-block div,
.sub-menu .info-block div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.nav .info-block div p,
.sub-menu .info-block div p {
    line-height: 1.5em;
    margin-bottom: 0;
    font-size: .9em;
    color: #797979;
    font-weight: 400
}

.nav .web-design .bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4em 0 0 0;
    margin-top: 4em;
    border-top: 2px solid #ddd
}

.nav .web-design .logo-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 6em
}

#banner .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#banner .banner-text {
    text-align: center
}

#banner .banner-text h1 {
    margin-top: 0;
    font-weight: 100;
    letter-spacing: -0.03em;
    font-size: 6em;
    margin: .75em 0;
    max-width: 1200px
}

#banner .banner-text h1 span {
    display: none
}

#banner .banner-text h1 span:first-of-type {
    display: inline-block
}

#banner .banner-text .btns {
    margin-top: 60px
}

#banner .banner-text .btns a:first-of-type {
    margin-right: 30px
}

#banner .container {
    overflow: hidden;
    position: relative;
    height: auto;
    padding: 3em 0 7em
}

#banner .container img.mouse-scroll {
    display: none
}

#banner .showcase {
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 260px
}

#banner .showcase img {
    width: 100%
}

#banner .showcase .item {
    position: absolute;
    opacity: 0;
    width: 600px;
    -webkit-transition-property: all;
    -o-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: 4;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#banner .showcase.show .item {
    opacity: 1
}

#banner .showcase .item:nth-of-type(1) {
    z-index: 8
}

#banner .showcase .item:nth-of-type(2) {
    z-index: 7
}

#banner .showcase .item:nth-of-type(3) {
    z-index: 6
}

#banner .showcase .item:nth-of-type(4) {
    z-index: 5
}

#banner .showcase .item:nth-of-type(5) {
    z-index: 4
}

#banner .showcase .item:nth-of-type(6) {
    z-index: 3
}

#banner .showcase .item:nth-of-type(7) {
    z-index: 2
}

#banner .showcase .item:nth-of-type(8) {
    z-index: 1
}

#banner .showcase.show.level .item {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

#banner .showcase.show.level .item:nth-of-type(2) {
    margin-top: 20px
}

#banner .showcase.show.level .item:nth-of-type(3) {
    margin-top: 40px
}

#banner .showcase.show.level .item:nth-of-type(4) {
    margin-top: 60px
}

#banner .showcase.show.move.level .item {
    margin-top: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)
}

#banner .showcase.show.move.level .item:nth-of-type(1) {
    margin-left: -950px
}

#banner .showcase.show.move.level .item:nth-of-type(2) {
    margin-left: -700px
}

#banner .showcase.show.move.level .item:nth-of-type(3) {
    margin-left: -450px
}

#banner .showcase.show.move.level .item:nth-of-type(4) {
    margin-left: -150px
}

#banner .showcase.show.move.level .item:nth-of-type(5) {
    margin-left: 150px
}

#banner .showcase.show.move.level .item:nth-of-type(6) {
    margin-left: 450px
}

#banner .showcase.show.move.level .item:nth-of-type(7) {
    margin-left: 700px
}

#banner .showcase.show.move.level .item:nth-of-type(8) {
    margin-left: 950px
}

.horizontal-line {
    height: .75em
}

#stats {
    padding: 5em 0
}

#stats h2 {
    font-weight: 800;
    font-size: 2.5em;
    margin: 0;
    line-height: 1em;
    margin-bottom: 15px
}

#stats h4 {
    font-weight: 300;
    line-height: 1em;
    margin: 0
}

#client-logos.white-bg h4 {
    color: #eb5f31
}

#stats.white-bg p {
    color: #797979
}

#stats .col {
    border-right: 4px solid #fb764b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 6%;
    width: 20.5%
}

#stats .col:last-of-type {
    margin-right: 0;
    border-right: 0
}

#client-logos {
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
    padding: 5em 0
}

#client-logos .container {
    padding: 0
}

#client-logos .col {
    height: 55px;
    line-height: 55px;
    text-align: center
}

#client-logos .col:last-of-type {
    margin-right: 0
}

#client-logos .col img {
    width: auto;
    max-width: 100%;
    max-height: 50px;
    vertical-align: middle;
    display: inline-block
}

#showcase {
    background-color: #f1f1f1;
    padding: 8em 0;
    overflow: hidden
}

#showcase .container .left {
    position: relative
}

#showcase h3 {
    margin-top: 0;
    font-size: 2em;
    letter-spacing: -0.03em;
    font-weight: 100;
    margin-bottom: .4em
}

#showcase h2 {
    font-size: 3em;
    margin-top: 12px;
    margin-bottom: 40px;
    letter-spacing: -0.04em;
    text-transform: none
}

#showcase .btn {
    margin-top: 20px
}

#showcase .col {
    width: 47%
}

#showcase .device-wrapper {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0
}

#showcase .tablet-wrapper {
	max-width: 100%;
	width: 569px;
	top: 200px;
	padding: 74px 38px 70px 36px;
	background-image: url(../images/homepage/tablet-empty.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

#showcase .phone-wrapper {
	max-width: 100%;
	width: 273px;
    bottom: 200px;
    left: 10%;
	padding: 64px 15px 64px 20px;
	background-image: url(../images/homepage/mobile-empty.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

#showcase.active .tablet-wrapper {
    top: 0;
    opacity: 1
}

#showcase.active .phone-wrapper {
    bottom: -270px;
    opacity: 1
}

	#showcase .device-wrapper img {
		max-width: 100%;
	}

#services {
    padding: 7em 0
}

#services .container {
    padding: 0
}

#services .col {
    text-align: center;
    text-decoration: none
}

#services .col img {
    height: 70px;
    width: auto;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    display: initial;
    margin: 0 auto
}

#services .col h4 {
    font-size: .8em;
    color: #fff;
    font-weight: 300;
    margin-top: 42px;
    margin-bottom: 0
}

#services .owl-stage .owl-item {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#services .owl-stage:hover .owl-item {
    opacity: .2
}

#services .owl-stage:hover .owl-item:hover {
    opacity: 1
}

#testimonials .container {
    padding: 150px 2%;
    background-image: url(/wp-content/themes/wearebfi/images/icons/quote-1.png), url(/wp-content/themes/wearebfi/images/icons/quote-2.png);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: 2% 0, 98% 100%
}

#testimonials h4 {
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    color: #eb5f31;
    margin-top: 0;
    margin-bottom: 70px
}

#testimonials .owl-carousel .owl-item img {
    max-width: 200px;
    height: auto;
    max-height: 100px;
    width: auto;
    display: initial
}

#testimonials .col {
    width: 40%
}

#testimonials .col:first-of-type {
    padding-right: 10%;
    border-right: 5px solid #f1f1f1
}

#testimonials .col p {
    margin-top: 0
}

#testimonials .col .client-logo {
    margin-top: 10px
}

#call-back .container {
    padding: 10em 10%;
    background-size: auto 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/wearebfi/images/icons/discuss.png)
}

#call-back h4 {
    text-align: center;
    font-size: 2em;
    margin-top: 0;
    margin-bottom: 3rem
}
#call-back h4 a,
#call-back h4 a:hover {
	color: #FFF;
}

#call-back form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#call-back .input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 2%
}

#call-back label {
    text-transform: none;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: initial;
    margin-bottom: 1em
}

#call-back input:not([type="submit"]) {
    color: #fff;
    background-color: #225776;
    border-color: rgba(255, 255, 255, 0.6)
}

#call-back input[type="submit"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 32.5px;
    text-align: center;
    color: #fff;
    border-radius: 3em;
    font-size: .8em;
    padding: 1.4em 2em;
    border-color: #eb5f31;
    font-family: "proxima-nova", helvetica, arial, sans-serif
}

#call-back h3 {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 700;
    font-size: 1.4em;
    margin-top: 3rem;
    margin-bottom: 0;
    text-align: center
}

#call-back h3 span {
    color: #fff
}

#call-back .wpcf7-response-output {
    clear: both;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 1.2em;
    margin: 1.5em 0 0 0;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1px;
    border: 0;
    font-size: .9em
}

.text-banner {
    padding: 1em 0
}

.text-banner .container {
    height: 268px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.text-banner h1 {
    text-align: center;
    font-size: 4em;
    font-weight: 100;
    margin: 0;
    letter-spacing: -0.02em;
    text-transform: capitalize;
}

.text-banner h1 img {
    height: 32px;
    width: auto
}

.text-banner .heart-icon {
    -webkit-animation: animateHeart 2.5s infinite;
    -moz-animation: animateHeart 2.5s infinite;
    animation: animateHeart 2.5s infinite
}

@-webkit-keyframes animateHeart {
    0% {
        -webkit-transform: scale(1)
    }
    5% {
        -webkit-transform: scale(1.2)
    }
    10% {
        -webkit-transform: scale(1.1)
    }
    15% {
        -webkit-transform: scale(1.3)
    }
    50% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes animateHeart {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
    5% {
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }
    10% {
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
    15% {
        -moz-transform: scale(1.3);
        transform: scale(1.3)
    }
    50% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes animateHeart {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    5% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }
    10% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
    15% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3)
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.tiled-links .tile {
    width: 25%;
    float: left;
    position: relative;
    padding-top: 25%
}

.tiled-links .tile img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 40%;
    height: auto;
    max-height: 40%
}

.tiled-links .tile .overlay {
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.tiled-links .tile .overlay-text {
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    z-index: 2;
    right: 40px;
    left: 40px
}

.tiled-links .tile.active .overlay,
.tiled-links .tile.active .overlay-text {
    opacity: 1
}

.tiled-links .tile .overlay-text h6 {
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: .5em;
	letter-spacing: .004em;
}

.tiled-links .tile .overlay-text p {
    opacity: .4;
    margin: 0;
    font-size: 1em;
    line-height: 1.6em
}

.tiled-links .tile .overlay-text .btn.orange {
    margin-top: 1.6rem;
    background-color: transparent
}

.tiled-links .tile .overlay-text .btn.orange:hover {
    background-color: #eb5f31;
    color: #fff
}

#cs-bottom {
    padding: 6em 0;
    text-align: center
}

#cs-bottom h2 {
    margin-top: 0;
    margin-bottom: 1rem
}

#cs-bottom .content {
    width: 70%;
    margin: 0 auto
}

#cs-bottom p:first-of-type {
    margin-top: 0
}

#cs-bottom p:last-of-type {
    margin-bottom: 0
}

.case-study-banner {
    background-color: #222;
    background-size: cover;
    background-position: center;
    position: relative
}

.case-study-banner img {
    max-width: 100%;
    width: auto;
    max-height: 100px;
    height: auto
}

.case-study-banner .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: background-color 3s linear;
    -o-transition: background-color 3s linear;
    -moz-transition: background-color 3s linear;
    transition: background-color 3s linear
}

.case-study-banner .overlay.fade {
    background-color: rgba(0, 0, 0, 0.5)
}

.case-study-banner .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 600px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.case-study-banner .container .banner-info {
    position: relative;
    text-align: center
}

.case-study-banner .container .banner-info h4 {
    margin: 2em 0;
    font-size: 1.5em;
    font-weight: 600
}

.case-study-banner .container .banner-info .btn {
    margin-right: 1em
}

.case-study-banner .container .banner-info .btn:last-of-type {
    margin-left: 1em;
    margin-right: 0
}

.stats {
    padding: 4em 0;
    text-align: center
}

.stats.white-bg {
    padding: 7em 0
}

.stats .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.stats .container>div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.stats.white-bg .container>div {
    margin: 0 5%
}

.stats .container>div:nth-of-type(2) {
    margin-right: 1em;
    margin-left: 1em
}

.stats.white-bg .container>div:nth-of-type(2) {
    margin-left: 5%;
    margin-right: 5%
}

.stats h1 {
    font-weight: 800;
    font-size: 2.5em;
    margin: 0;
    line-height: 1em;
    margin-bottom: 15px
}

.stats h4 {
    font-weight: 400;
    line-height: 1em;
    margin: 0
}

.stats.white-bg h2 {
	font-weight: 800;
	margin: 0;
	line-height: 1em;
	color: #eb5f31;
	font-size: 2em;
	margin-bottom: .3em;
}

.stats.white-bg p {
    color: #797979;
    line-height: 1.5em;
    margin-bottom: 0
}

.stats .col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2%
}

.large-image {
    padding: 7em 0
}

.large-image h2 {
    margin-top: 0;
    margin-bottom: 1em
}

.large-image img {
    max-width: 100%
}

.text-section {
    margin: 7em 0
}

.text-section .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.text-section .container>div {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.text-section .container>div:first-of-type {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 2em
}

.text-section.centre-text {
    text-align: center;
    margin: 0;
    padding: 7em 17%
}

.text-section.centre-text .container {
    display: block
}

.text-section h2 {
    margin: 0
}

.text-section .lowercase h2 {
    text-transform: none
}

.text-section.centre-text h2 {
    margin-bottom: 1em;
    line-height: 1.5em;
    letter-spacing: -0.03em
}

.text-section p strong {
    color: #225776
}

.text-section p:first-of-type {
    margin-top: 0
}

.text-section p:last-of-type {
    margin-bottom: 0
}

.text-section a.btn {
    margin-top: 3rem
}

.tile-section {
    position: relative;
    overflow: hidden
}

.tile-section .image {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    background-size: cover;
    background-position: center
}

.tile-section.left-image .image {
    left: 0
}

.tile-section.right-image .image {
    right: 0
}

.tile-section .info {
    width: 60%;
    padding: 6em 0 6em 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    transition: all 1.5s ease;
    opacity: .1;
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px)
}

.tile-section.right-image .info {
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px)
}

.tile-section.fadeUp .info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.tile-section.left-image .info {
    float: right
}

.tile-section.right-image .info {
    float: left;
    padding: 5em 5% 5em 0
}

.tile-section .info h4 {
    margin: 0;
    font-size: .9em
}

.tile-section .info h5 {
	font-size: 2em;
	margin-top: .5em;
	margin-bottom: .7em;
	letter-spacing: -0.02em;
	font-weight: 700;
}

.tile-section .info h5 + p {
	margin-top: 0;
}

.tile-section.blue-bg p {
    color: #fff;
    opacity: .7
}

.services-section {
    margin: 6em 0 4.5em 0
}

.services-section .column {
    width: 33.3333333333%;
    float: left
}

.services-section .item {
    text-align: left;
    margin-bottom: 1.5em
}

.services-section .item .icon {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    text-align: center
}

.services-section .item .icon img {
    max-height: 30px;
    width: auto;
    max-width: 30px
}

.services-section span {
    display: inline-block;
    vertical-align: middle
}

.improved-stats {
    padding: 5em 0;
    text-align: center
}

.improved-stats h1 {
    text-transform: uppercase;
    margin: 0 0 .3em 0;
    font-size: 1.8em;
    font-weight: 800
}

.improved-stats h4 {
    font-weight: 400;
    line-height: 1em;
    margin: 0
}

.client-feedback {
    text-align: center
}

.client-feedback.multiple {
    text-align: left
}

.client-feedback .container {
    padding: 10em 2%;
    background-size: 240px;
    background-repeat: no-repeat;
    background-position: 2% 0, 98% 100%
}

.client-feedback.single .container {
    padding: 8em 16%
}

.client-feedback h4.title {
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    color: #eb5f31;
    margin-top: 0;
    margin-bottom: 1em
}

.client-feedback.two .testimonial {
    text-align: left;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.client-feedback.two .testimonial:first-of-type {
    padding-right: 4em;
    border-right: 2px solid #f7f7f7
}

.client-feedback.two .testimonial:last-of-type {
    padding-left: 4em;
    border-left: 2px solid #f7f7f7
}

.client-feedback p {
    margin-bottom: 2.5em
}

.client-feedback h4.credit {
    font-weight: 400;
    margin: 0;
    color: #225776
}

.client-feedback.home h4.credit {
    text-align: left
}

.client-feedback img {
    max-height: 100px;
    width: auto;
    display: auto
}

.client-feedback .owl-carousel .owl-item .testimonial img {
    display: initial !important;
    width: auto !important
}

.client-feedback .owl-carousel .owl-dots {
    margin-top: 4em;
    text-align: center
}

.client-feedback .owl-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 7px;
    background-color: #eee;
    border: 0;
    margin: 0 .35em;
    padding: 0
}

.client-feedback .owl-carousel .owl-dots .owl-dot:focus {
    outline: 0
}

.client-feedback .owl-carousel .owl-dots .owl-dot.active {
    background-color: #eb5f31
}

.web-screenshots {
    padding: 8em 0
}

.web-screenshots .top {
    position: relative;
    margin-bottom: 4em;
    padding-right: 320px
}

.web-screenshots .container {
    position: relative
}

.web-screenshots .container.mobile {
    padding: 0
}

.web-screenshots h1 {
    margin-top: 0;
    margin-bottom: 1em
}

.info-circles {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.info-circle {
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.info-circle.c-1 {
    width: 180px;
    height: 180px
}

.info-circle.c-2 {
    width: 130px;
    height: 130px;
    margin-left: -30px;
    margin-bottom: -20px
}

.info-circle h1 {
    font-size: 4em;
    font-weight: 800;
    line-height: .8em;
    margin: 0;
    margin-bottom: 5px
}

.info-circle h4 {
    margin: 0
}

.info-circle.c-2 h4 {
    font-size: .6em
}

.web-screenshots .mobile .container {
    padding: 0
}

.web-screenshots .mobile .phone-wireframe {
    width: 300px;
    position: relative;
    margin: 0 auto
}

.web-screenshots .mobile .phone-wireframe img {
    width: 100%;
    display: initial
}

.web-screenshots .mobile .phone-wireframe .content-overlay .outer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-y: scroll
}

.web-screenshots .mobile .phone-wireframe .content-overlay {
    position: absolute;
    top: 92px;
    bottom: 92px;
    right: 21px;
    left: 24px;
    overflow: hidden
}

.web-screenshots .content-overlay img {
    float: left
}

.web-screenshots .tablet-wrapper {
    position: absolute;
    width: 30%;
    z-index: 1;
    bottom: 0
}

.web-screenshots .tablet-wireframe {
    width: 100%;
    position: relative
}

.web-screenshots .tablet-wireframe img {
    width: 100%
}

.web-screenshots .desktop-tablet .tablet-wireframe .content-overlay .outer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-y: scroll
}

.web-screenshots .desktop-tablet .tablet-wireframe .content-overlay {
    position: absolute;
    top: 8.9%;
    bottom: 9.7%;
    right: 6.2%;
    left: 6.4%;
    overflow: hidden
}

.web-screenshots .desktop-tablet .desktop-wireframe {
    width: 75%;
    position: relative;
    float: right
}

.web-screenshots .desktop-tablet .desktop-wireframe img {
    width: 100%
}

.web-screenshots .desktop-tablet .desktop-wireframe .content-overlay .outer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-y: scroll
}

.web-screenshots .desktop-tablet .desktop-wireframe .content-overlay {
    position: absolute;
    top: 5.1%;
    bottom: 30.9%;
    right: 4.1%;
    left: 4.05%;
    overflow: hidden
}

.web-screenshots .desktop-tablet .laptop-wireframe {
    width: 80%;
    position: relative;
    float: right;
    margin-bottom: 40px
}

.web-screenshots .desktop-tablet .laptop-wireframe img {
    width: 100%
}

.web-screenshots .desktop-tablet .laptop-wireframe .content-overlay .outer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow-y: scroll
}

.web-screenshots .desktop-tablet .laptop-wireframe .content-overlay {
    position: absolute;
    top: 5.9%;
    bottom: 12%;
    right: 11.9%;
    left: 12%;
    overflow: hidden
}

.scroll-prompt {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.scroll-prompt:hover {
    cursor: pointer
}

.scroll-prompt .arrow {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -3px
}

.three-column-info-blocks {
    margin: 7em 0
}

.three-column-info-blocks.grey-bg {
    margin: 0;
    padding: 7em 0
}

.three-column-info-blocks .info-block {
    float: left;
    width: 31%;
    margin-right: 3.5%
}

.three-column-info-blocks.two-col .info-block {
    margin: 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2em
}

.three-column-info-blocks.two-col .info-block p {
    max-width: 500px;
    display: block;
    margin: 0 auto
}

.three-column-info-blocks .info-block:nth-of-type(3n) {
    margin-right: 0
}

.three-column-info-blocks .info-block:nth-of-type(4),
.three-column-info-blocks .info-block:nth-of-type(5),
.three-column-info-blocks .info-block:nth-of-type(6),
.three-column-info-blocks.two-col .info-block:nth-of-type(3) {
    margin-top: 6em
}

.three-column-info-blocks .info-block.centre {
    text-align: center
}

.three-column-info-blocks .info-block img {
    height: 40px;
    width: auto
}

.three-column-info-blocks .info-block h4 {
    margin: 2em 0 1.5em 0
}

.three-column-info-blocks .info-block p {
    margin: 0;
    line-height: 1.5em
}

.simple-banner .container {
    height: auto;
    padding: 3em 0;
    text-align: center
}

.simple-banner .container h1 {
    font-size: 3em
}

.simple-banner .image-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: inline-block
}

.simple-banner .image-container img {
    max-height: 120px;
    margin: 1em 0
}

.simple-content-block {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 3.5em 0;
    font-size: 1.1em
}

.simple-content-block p {
    font-size: 1em
}

.simple-content-block h3 {
    color: #132a37;
    font-size: 1.7em;
    margin-bottom: 1em;
    font-weight: 700;
    margin: 1.5em 0
}

.simple-content-block ul {
    margin-bottom: 1.5em;
    list-style: none
}

.simple-content-block ol {
    margin-bottom: 1.5em
}

.simple-content-block ol ol {
    margin-top: 1em
}

.simple-content-block ol li {
    margin-bottom: .6em;
    line-height: 1.6em
}

.simple-content-block ol li:last-of-type {
    margin-bottom: 0
}

.simple-content-block ul li::before {
    content: "\2022";
    color: #eb5f31;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 1.4em
}

.simple-content-block h4 {
    margin-bottom: 2em;
    color: #eb5f31
}

.simple-cta-button {
    text-align: center;
    padding: 4em 0;
    background-color: #f7f7f7
}

.simple-cta-button .btn {
    font-size: 1em;
    font-weight: 600
}

.contact-form {
    padding: 9em 0;
    background-color: #f7f7f7
}

.form-container {
    background-color: #fff;
    padding: 4em 5em;
    border-radius: 1px;
    width: 60%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.form-container label {
    width: 100%
}

.form-container input:not([type="checkbox"]) {
    border: 2px solid #f2f2f2
}

.form-container textarea,
.form-container select {
    width: 100%;
    border: 2px solid #f2f2f2;
    padding: 1.3em 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-size: 15px
}

.form-container select {
    position: relative;
    top: -0.9em;
    color: #777
}

.form-container textarea {
    line-height: 1.4em
}

.form-container .recaptcha-icon {
    float: left;
    width: 47%;
    margin: 1em 0 0;
    padding: 0 0% 0 3%;
}

.form-container p {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3%;
    margin: 1em 0;
}

.form-container p:last-of-type {
    float: right;
    margin-bottom: 0;
}



.form-container .col-full {
    padding: 0 3%;
    margin: 1em 0;
    width: 94%;
    display: inline-block;
}

.form-container .col-full p{
	width: 100%;
	padding: 0;
}

.form-container input[type="submit"] {
    color: #fff;
    padding: 1.4em 2em;
    border-radius: 3em;
    border: 2px solid #eb5f31
}

.form-container input[type="submit"]:hover {
    background-color: none;
    color: #eb5f31
}

.form-container div.wpcf7-response-output {
    clear: both;
    padding: 1em 1.2em;
    border-radius: 1px;
    font-size: .9em;
    border: 0;
    background-color: #f7f7f7
}

.form-container div.wpcf7-mail-sent-ok {
    background-color: #e9f4e4
}

.form-container span.wpcf7-not-valid-tip {
    padding: 0;
    background-color: transparent;
    color: #dc373f;
    text-transform: none;
    font-size: 1.1em;
    letter-spacing: 0;
    margin-top: 0
}

.wpcf7 .ajax-loader {
    visibility: hidden !important
}

.form-supplementary-content {
    float: left;
    width: 35%;
    margin-left: 5%
}

.form-supplementary-content h4 {
    font-size: 1.1em;
    font-weight: 700;
    color: #225776;
    margin-bottom: 0
}

.form-supplementary-content h2 {
    color: #eb5f31;
    font-size: 2.3em;
    margin: .4em 0 2em;
    text-transform: none
}

.two-column-content-block {
    padding: 7em 0
}

.two-column-content-block .container {
    max-width: 1100px
}

.two-column-content-block .container .info-block {
    padding: 0 15%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left
}

.two-column-content-block .container .info-block h3 {
    margin: 1.5em 0 1em;
    font-size: .9em;
    color: #225776;
    letter-spacing: .07em;
    font-weight: 700;
    text-transform: uppercase
}

.two-column-content-block .container .info-block p:last-of-type {
    margin-bottom: 0
}

#map {
    height: 500px
}

.sitemap {
    padding: 7em 0;
    background-color: #f7f7f7
}

.sitemap .info-block {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10%;
    float: left
}

.sitemap .info-block h2 {
    color: #225776;
    font-size: 1.1em;
    letter-spacing: .05em
}

.sitemap .info-block>ul {
    margin: 0;
    padding: 0;
    padding-left: 1em
}

.sitemap .info-block ul {
    list-style: none
}

.sitemap .info-block>ul h3 {
    font-size: 1em;
    font-weight: 700;
    display: inline-block
}

.sitemap .info-block ul li::before {
    content: "\2022";
    color: #eb5f31;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    position: relative;
    top: -2px
}

.sitemap .info-block ul li {
    margin: .5em 0
}

.sitemap .info-block ul ul {
    margin: 1em 0
}

.woocommerce-nav {
    text-align: center;
    padding: 2em 0;
    background-color: #f2f2f2
}

.woocommerce-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.woocommerce-nav ul li {
    display: inline-block;
    margin: 0 2em
}

.woocommerce-nav ul li a:hover {
    color: #eb5f31
}

.woocommerce-wrapper {
    background-color: #f7f7f7;
    padding: 7em 0
}

.woocommerce-wrapper table {
    background-color: #fff
}

.woocommerce-wrapper table .product-thumbnail {
    display: none
}

.woocommerce table.cart td.actions .input-text,
.woocommerce .quantity .qty {
    border: 2px solid #f2f2f2
}

.woocommerce-wrapper .woocommerce form .form-row textarea {
    height: 100px;
    padding: 1em 1.2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #f2f2f2;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-size: 15px
}

.woocommerce table.cart td.actions #coupon_code {
    width: 200px;
    margin-right: .5em;
    display: inline-block
}

.woocommerce-wrapper .woocommerce table.shop_table td,
.woocommerce-wrapper .woocommerce table.shop_table th {
    padding: 1em
}

.woocommerce .quantity .qty {
    width: 80px;
    padding: 12px 4px
}

.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce-wrapper button.checkout-button,
.woocommerce-wrapper .woocommerce a.button.alt,
.woocommerce-wrapper .woocommerce button.button.alt,
.woocommerce-wrapper .woocommerce a.button {
    border-radius: 3em;
    color: #fff;
    background-color: #eb5f31;
    border: 2px solid #eb5f31;
    text-transform: uppercase;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-size: .8em;
    letter-spacing: 2px;
    font-weight: 400;
    padding: 1.4em 2em
}

.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.woocommerce-wrapper button.checkout-button:hover,
.woocommerce-wrapper .woocommerce a.button.alt:hover,
.woocommerce-wrapper .woocommerce button.button.alt:hover,
.woocommerce-wrapper .woocommerce a.button:hover {
    background-color: transparent;
    color: #eb5f31
}

.woocommerce-wrapper .woocommerce a.button::after {
    content: none
}

.woocommerce-wrapper .woocommerce button.button:disabled,
.woocommerce-wrapper .woocommerce button.button:disabled[disabled] {
    padding: 1.4em 2em;
    background-color: #f7f7f7;
    border-color: #f7f7f7
}

.woocommerce-wrapper .woocommerce .col2-set,
.woocommerce-wrapper .woocommerce-page .col2-set {
    float: left;
    width: 60%
}

.woocommerce-wrapper .woocommerce #order_review_heading,
.woocommerce #order_review {
    float: right;
    width: 35%
}

.woocommerce-wrapper #add_payment_method #payment,
.woocommerce-wrapper .woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background-color: #f2f2f2 !important
}

.woocommerce-wrapper .woocommerce .col2-set .col-1,
.woocommerce-wrapper .woocommerce-page .col2-set .col-1,
.woocommerce-wrapper .woocommerce .col2-set .col-2,
.woocommerce-wrapper .woocommerce-page .col2-set .col-2 {
    width: 100%;
    float: none
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    border: 2px solid #f2f2f2
}

.woocommerce-wrapper h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1em;
    letter-spacing: .05em;
    color: #0d4269;
    margin: 2em 0
}

.woocommerce-wrapper .woocommerce-error,
.woocommerce-wrapper .woocommerce-info,
.woocommerce-wrapper .woocommerce-message {
    background-color: #fff
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background-color: #dfdfdf !important
}

#payment .payment_methods .payment_box.payment_method_v12retailfinance label {
    color: #0d4269 !important
}

.emailtool-login {
    background-color: #f2f2f2
}

.emailtool-login .container {
    margin: 0 auto;
    max-width: 900px;
    padding: 7em 0
}

.emailtool-login .container fieldset {
    background-color: #fff;
    border: 0;
    border-radius: 1px;
    padding: 4em 8em
}

.emailtool-login input:not([type="checkbox"]) {
    border: 2px solid #f2f2f2
}

.emailtool-login input:-webkit-autofill,
.emailtool-login input:-webkit-autofill:hover,
.emailtool-login input:-webkit-autofill:focus,
.emailtool-login input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important
}

.emailtool-login .checkbox span {
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #f2f2f2;
    display: inline-block;
    position: relative;
    margin-right: .5em;
    font-family: "proxima-nova", arial, sans-serif;
    font-size: 1.3em;
    font-weight: 700;
    top: 2px;
    color: #fff;
    cursor: pointer
}

.emailtool-login .checkbox span.checked {
    color: #eb5f31
}

.emailtool-login .checkbox strong {
    display: inline-block
}

.emailtool-login .checkbox input[type="checkbox"] {
    display: none
}

.emailtool #forgotpwd {
    font-size: .9em
}

.blog-archive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.post-listing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #f7f7f7;
    padding: 3em 0
}

.post-listing a {
    text-decoration: none
}

.post-listing a:hover {
    opacity: .7
}

.post-listing .image {
    width: 200px;
    margin-right: 3em
}

.post-listing img {
    width: 100%;
    height: auto;
    margin-bottom: -3px
}

.post-listing .details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.post-listing .details h6 {
	font-size: 1.8em;
	font-weight: 100;
	margin-top: .5em;
	letter-spacing: .004em;
	margin-bottom: .3em;
}

.post-listing .details p {
    margin: 0;
    line-height: 1.5em
}

.post-listing .details .category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.post-listing .details .category img {
    height: 20px;
    width: auto;
    margin-right: 1em
}

.post-listing .details .category h4 {
    font-size: .8em;
    margin: 0;
    color: #eb5f31
}

.post-listing .details .read-more {
    margin: 1em 0 0 0
}

.post-listing .details .read-more a {
    font-size: .8em;
    padding-bottom: .5em;
    border-bottom: 2px solid transparent;
    display: inline-block
}

.post-listing .details .read-more a:hover {
    border-bottom: 2px solid #225776
}

.page-links {
    margin-top: 3em
}

.article-sidebar {
    width: 400px;
    margin-left: 7em
}

.article-sidebar ul,
.article-sidebar li {
    list-style: none;
    margin: 0;
    padding: 0
}

.article-sidebar a {
    text-decoration: none;
    color: inherit;
    font-weight: 600
}

.article-sidebar a:hover {
    color: #225776
}

.article-sidebar li {
    margin: .7em 0;
    font-size: .9em
}

.article-sidebar .item {
    margin-bottom: 2em
}

.article-sidebar .header {
    padding: .5em 0;
    margin: 0;
    color: #225776
}

.article-sidebar .content {
    padding: 1em 0
}

.page-links .page-numbers {
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    background-color: #f7f7f7;
    color: #225776;
    text-decoration: none;
    font-weight: 600;
    margin-right: .5em
}

.page-links .page-numbers.current {
    background-color: #225776;
    color: #f7f7f7
}

.post-banner {
    margin-top: -4em;
    height: 300px;
    margin-bottom: 4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.post-banner img {
    max-height: 100px;
    width: auto
}

.single-post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.single-post .post-sidebar {
    margin-right: 2em;
    width: 400px;
    font-size: .8em;
    padding-top: .6em
}

.single-post .post-sidebar .item {
    margin-bottom: 2em
}

.single-post .post-sidebar h4 {
    margin: 0 0 1em 0
}

.single-post .post-sidebar h3 {
    margin: .5em 0 0 0
}

.single-post .post-sidebar a {
    color: #225776;
    font-weight: 400;
    text-decoration: none
}

.single-post .post-sidebar .fb-like {
    margin-top: .8em
}

.single-post .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #43454b
}

.single-post .content img {
    max-width: 100%;
    height: auto;
    display: block
}

.single-post .content p {
    margin: 0 0 1em 0
}

.single-post .content h1,
.single-post .content h2,
.single-post .content h3,
.single-post .content h4,
.single-post .content h5 {
    color: #225776;
    margin-top: 0;
    margin-bottom: .5em
}

.single-post .content h3 {
    font-weight: 600;
    margin: 2em 0;
    font-size: 1.1em;
    letter-spacing: -0.01em
}

.single-post .content h1.post-title {
    font-size: 2em;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 1em;
    color: #132a37
}

.single-post .fb-comments-wrapper {
    margin-left: -8px
}

#post-nav {
    margin-top: 4em;
    border-top: 1px solid #f7f7f7;
    padding-top: 4em
}

#post-nav .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#post-nav img {
    height: 100px;
    width: auto
}

#post-nav .next-post a,
#post-nav .prev-post a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #225776;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
    position: relative
}

#post-nav .next-post h4,
#post-nav .prev-post h4 {
    margin: 0;
    max-width: 300px;
    padding: 0 1.8em
}

#post-nav .next-post {
    text-align: right;
    margin-left: 1em
}

#post-nav .prev-post {
    margin-right: 1em
}

#post-nav .next-post img {
    margin-left: 1em
}

#post-nav .prev-post img {
    margin-right: 1em
}

#post-nav .next-post:hover a {
    padding-right: 1em
}

#post-nav .prev-post:hover a {
    padding-left: 1em
}

#post-nav .chevron {
    position: absolute;
    z-index: -1
}

#post-nav .prev-post .chevron {
    left: 3px;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

#post-nav .next-post .chevron {
    right: 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

#post-nav .chevron span {
    border: solid #225776;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px
}

footer {
    background-color: #081319;
    font-size: .8em;
    padding: 9em 0
}

footer p {
    font-size: 1em
}

footer .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

footer .top>div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

footer .top>div>div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

footer ul {
    padding: 0;
    margin: 0;
    list-style: none
}

footer ul li {
    margin-bottom: 12px;
    font-weight: 600;
    color: #9ea8ae;
    line-height: initial
}

footer ul li:last-of-type {
    margin-bottom: 0
}

footer ul li a {
    color: #fff;
    text-decoration: none;
    font-weight: 600
}

footer ul.address li:first-of-type {
    margin-bottom: 12px
}

footer ul.address li {
    margin-bottom: 5px
}

footer p {
    color: #9ea8ae;
    font-weight: 600;
    margin: 0
}

footer p a {
    font-weight: 600;
    color: #fff
}

footer a:hover {
    opacity: .7
}

footer a::after {
    content: none
}

footer .bottom {
    margin-top: 4em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .bottom.mobile {
    display: none
}

footer .bottom>div:first-of-type {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

footer .bottom>div:nth-of-type(2) {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

footer .bottom>div:last-of-type {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

footer .bottom>div:first-of-type img {
    height: 72px;
    width: auto
}

footer .bottom>div:last-of-type {
    text-align: right
}

footer .bottom>div:last-of-type img {
    height: 35px;
    width: auto
}

footer .bottom>div:last-of-type a:first-of-type {
    margin-right: 35px
}

footer .sub-links {
    margin-top: 3em
}

footer .sub-links ul li {
    display: inline-block;
    margin: .5em 1em
}

footer .sub-links ul li:first-of-type {
    margin-left: 0
}

footer .sub-links ul li:last-of-type {
    margin-right: 0
}

.large-bfi-circle .outer-container {
    display: table;
    width: 100%
}

.large-bfi-circle .intro-text,
.large-bfi-circle .circle-container {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.large-bfi-circle .intro-text {
    padding-top: 60px
}

.large-bfi-circle .intro-text .content {
    float: right;
    max-width: 800px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.large-bfi-circle .intro-text .content h3 {
	line-height: 36px;
	letter-spacing: .004em;
	font-weight: 700;
	font-size: 1.5em;
}

.large-bfi-circle .intro-text .content:after {
    content: "";
    display: block;
    clear: both
}

.large-bfi-circle .intro-text .content .btn {
    margin: 50px 0
}

.large-bfi-circle .circle-container {
    position: relative
}

.large-bfi-circle .circleCrop {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 200px 0 0 0;
    overflow: hidden
}

.large-bfi-circle .circle {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 110%;
    height: 140%;
    -webkit-animation: .6s ease 0s 1 scaleZoom;
    -moz-animation: .6s ease 0s 1 scaleZoom;
    animation: .6s ease 0s 1 scaleZoom
}

.large-bfi-circle .circle-info {
    position: relative;
    width: 300px;
    margin: 0 auto;
    padding-top: 72px
}

.large-bfi-circle .circle-info *:first-child {
    margin-top: 0
}

.large-bfi-circle .circle-info h2 {
    text-transform: none
}

.large-bfi-circle .circle-info .large {
    margin: 0 0 40px 0;
    font-size: 100px;
    font-weight: 700
}

.large-bfi-circle .circle-info p {
    font-size: 29px;
    font-weight: 700;
    line-height: 40px
}

.large-bfi-circle .circle-info .iconOverlay {
    position: absolute;
    top: 35px;
    right: -85px;
    opacity: .3
}

@-webkit-keyframes scaleZoom {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes scaleZoom {
    0% {
        -moz-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleZoom {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.processList {
    padding-top: 80px
}

.processList .heading {
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    color: #eb5f31;
    font-weight: 700
}

.processList .divider {
    height: 10px;
    width: 110px;
    margin: 35px 0
}

.processList ol {
    margin: 0;
    padding: 0;
    list-style: none
}

.processList li {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.processList li:first-child .imageHolder .borderDots,
.processList li:last-child .imageHolder .borderDots {
    display: none
}

.processList .container {
    display: table
}

.processList .number {
    padding-right: 15px;
    color: #eb5f31;
    font-size: 55px;
    font-weight: 700
}

.processList .title {
    color: #225776;
    font-size: 30px;
    text-transform: none;
    letter-spacing: -1px;
    font-weight: 700
}

.processList .imageHolder {
    position: relative;
    display: table-cell;
    width: 30%;
    padding: 100px 60px 0 100px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top
}

.processList .imageHolder img {
    width: 180px;
    max-width: 100%
}

.processList .imageHolder .borderDots {
    position: absolute;
    display: table;
    top: 0;
    height: 75px;
    width: 100%
}

.processList .imageHolder .borderDots .dots {
    display: table-cell;
    border-left: dotted 8px #eb5f31
}

.processList .imageHolder .borderDots:before {
    content: "";
    display: table-cell;
    width: 220px
}

.processList .imageHolder .borderDots:after {
    content: "";
    display: table-cell;
    width: auto
}

.processList .text {
    display: table-cell;
    position: relative;
    width: 70%;
    vertical-align: top
}

.processList .text .textHolder {
    padding: 100px 300px 108px 0
}

.processList .text>* {
    z-index: 1;
    position: relative
}

.processList .text .borderDots {
    display: table;
    position: absolute;
    top: 127px;
    width: 100%;
    height: 600px;
    table-layout: fixed
}

.processList .text .borderDots .dots {
    display: table-cell;
    border: dotted 8px #eb5f31;
    border-left: 0;
    border-bottom: 0
}

.processList .text .borderDots:before {
    content: "";
    display: table-cell;
    width: 180px
}

.processList .text .borderDots:after {
    content: "";
    display: table-cell;
    width: 100px
}

.processList .even .imageHolder {
    width: 50%;
    text-align: right
}

.processList .even .imageHolder .borderDots {
    top: 127px;
    height: 600px
}

.processList .even .imageHolder .borderDots:after {
    width: 380px
}

.processList .even .imageHolder .borderDots .dots {
    border: dotted 8px #eb5f31;
    border-bottom: 0;
    border-right: 0
}

.processList .even .text {
    width: 50%
}

.processList .even .text .borderDots {
    top: 0;
    height: 135px
}

.processList .even .text .borderDots .dots {
    border-top: 0;
    border-bottom: dotted 8px #eb5f31
}

.servicePlans {
    padding-bottom: 50px
}

.servicePlans .row {
    display: block;
    padding: 0;
    margin: 0;
    min-height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.servicePlans .content {
    display: inline-block;
    padding: 0 20px 0 0
}

.servicePlans .btn {
    margin-top: 40px
}

.servicePlans .column {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 25%;
    padding-bottom: 20px
}

.servicePlans label {
    font-weight: bold;
    font-size: 14px;
    color: #000
}

.servicePlans .divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: #f7f7f7
}

.servicePlans .thePlans {
    display: table;
    width: 100%
}

.servicePlans .thePlans h3 {
    margin: 0 0 20px 0;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    color: #225776
}

.servicePlans .thePlans .column {
    padding: 70px 0
}

.servicePlans .plan .icon {
    width: 60px;
    margin-bottom: 25px
}

.servicePlans .specification {
    display: table;
    width: 100%;
    position: relative
}

.servicePlans .specification .row {
    padding: 15px 0;
    color: #132a37
}

.servicePlans .specification .row i {
    font-size: 14px;
}

.servicePlans .specification .heading {
    position: relative;
    padding: 30px 0 60px 0;
    font-size: 21px;
    line-height: 25px;
    color: #132a37
}

.servicePlans .specification label.heading {
    font-size: 14px
}

.servicePlans .specification .divider {
    bottom: 25px
}

.full-width-image {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    vertical-align: middle
}

.full-width-image .overlayMask {
    position: absolute;
    width: 100%;
    height: 100%
}

.full-width-image .overlay {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 25%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.full-width-image .overlay>* {
    color: #fff
}

.full-width-image .overlay h1,
.full-width-image .overlay h2,
.full-width-image .overlay h3,
.full-width-image .overlay h4 {
    font-size: 50px;
    line-height: 55px;
    font-weight: 800
}

.full-width-image .overlay p {
    font-size: 18px;
    line-height: 27px
}

.full-width-image:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.columnedImages .columnImageContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 40px
}

.columnedImages .columnImage {
    max-width: 48%;
    margin: 0 1%
}

.columnedImages .columnImage img {
    max-width: 100%
}

@media(min-width:768px) {
    .gutters .col {
        margin-left: 2%
    }
    .gutters .col:first-child {
        margin-left: 0
    }
    .span_1 {
        width: 4.16666666667%
    }
    .span_2 {
        width: 8.33333333333%
    }
    .span_3 {
        width: 12.5%
    }
    .span_4 {
        width: 16.6666666667%
    }
    .span_5 {
        width: 20.8333333333%
    }
    .span_6 {
        width: 25%
    }
    .span_7 {
        width: 29.1666666667%
    }
    .span_8 {
        width: 33.3333333333%
    }
    .span_9 {
        width: 37.5%
    }
    .span_10 {
        width: 41.6666666667%
    }
    .span_11 {
        width: 45.8333333333%
    }
    .span_12 {
        width: 50%
    }
    .span_13 {
        width: 54.1666666667%
    }
    .span_14 {
        width: 58.3333333333%
    }
    .span_15 {
        width: 62.5%
    }
    .span_16 {
        width: 66.6666666667%
    }
    .span_17 {
        width: 70.8333333333%
    }
    .span_18 {
        width: 75%
    }
    .span_19 {
        width: 79.1666666667%
    }
    .span_20 {
        width: 83.3333333333%
    }
    .span_21 {
        width: 87.5%
    }
    .span_22 {
        width: 91.6666666667%
    }
    .span_23 {
        width: 95.8333333333%
    }
    .span_24 {
        width: 100%
    }
    .gutters .span_1 {
        width: 2.25%
    }
    .gutters .span_2 {
        width: 6.5%
    }
    .gutters .span_3 {
        width: 10.75%
    }
    .gutters .span_4 {
        width: 15%
    }
    .gutters .span_5 {
        width: 19.25%
    }
    .gutters .span_6 {
        width: 23.5%
    }
    .gutters .span_7 {
        width: 27.75%
    }
    .gutters .span_8 {
        width: 32%
    }
    .gutters .span_9 {
        width: 36.25%
    }
    .gutters .span_10 {
        width: 40.5%
    }
    .gutters .span_11 {
        width: 44.75%
    }
    .gutters .span_12 {
        width: 49%
    }
    .gutters .span_13 {
        width: 53.25%
    }
    .gutters .span_14 {
        width: 57.5%
    }
    .gutters .span_15 {
        width: 61.75%
    }
    .gutters .span_16 {
        width: 66%
    }
    .gutters .span_17 {
        width: 70.25%
    }
    .gutters .span_18 {
        width: 74.5%
    }
    .gutters .span_19 {
        width: 78.75%
    }
    .gutters .span_20 {
        width: 83%
    }
    .gutters .span_21 {
        width: 87.25%
    }
    .gutters .span_22 {
        width: 91.5%
    }
    .gutters .span_23 {
        width: 95.75%
    }
    .gutters .span_24 {
        width: 100%
    }
}

@media only screen and (min-width:841px) {
    .bottom-header {
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
    }
    .bottom-header.active {
        background-color: #132a37
    }
    .bottom-header.active ul li a.top-level {
        color: #fff
    }
}

@media only screen and (min-width:1200px) {
    #client-logos .container {
        padding: 0 2%
    }
    #services .container {
        padding: 0 2%
    }
}

@media only screen and (min-width:2000px) {
    #banner .container {
        padding: 5em 0 7em
    }
}

@media(max-width:1300px) {
    .processList .text .textHolder {
        padding-right: 180px
    }
}

@media only screen and (max-width:1300px) {
    .form-container {
        padding: 1.5em 2em;
        width: 70%
    }
    .form-supplementary-content {
        width: 25%
    }
    .form-supplementary-content h2 {
        font-size: 1.7em;
        margin-bottom: 1em
    }
}

@media only screen and (max-width:1280px) {
    #banner .container {
        padding: 2em 0 6em
    }
    #banner .banner-text h1 {
        font-size: 5.3em
    }
    .tiled-links .tile {
        width: 50%;
        padding-top: 25%
    }
    .tiled-links .tile img {
        max-width: 30%;
        max-height: 30%
    }
}

@media only screen and (max-width:1260px) {
	#showcase .tablet-wrapper {
		width: 450px;
		padding: 58px 30px 56px 29px;
	}
}

@media only screen and (max-width:1200px) {
    .single-post .post-sidebar {
        width: 300px
    }
}

@media(max-width:1199.98px) {
    .large-bfi-circle .circle-info {
        width: 260px
    }
    .large-bfi-circle .circle-info .large {
        margin: 0 0 20px 0;
        font-size: 70px
    }
    .large-bfi-circle .circle-info p {
        font-size: 25px;
        line-height: 33px
    }
    .large-bfi-circle .circle-info .iconOverlay {
        top: 50px;
        right: -20px;
        width: 110px
    }
    .processList .imageHolder {
        padding-left: 15px
    }
    .processList .even .imageHolder .borderDots:after {
        width: 300px
    }
}

@media only screen and (max-width:1110px) {
	#showcase .tablet-wrapper {
		width: 400px;
		padding: 52px 27px 50px 25px;
	}
}

@media only screen and (max-width:1000px) {
    .sitemap .info-block {
        padding: 0 3%;
        font-size: .9em
    }
    .single-post {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .single-post .post-sidebar {
        width: 100%;
        margin-right: 0;
        padding-top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 1em;
        margin-bottom: 1em;
        border-bottom: 1px solid #f7f7f7
    }
    .single-post .post-sidebar .item {
        margin-bottom: 0;
        margin-right: 1em
    }
    .single-post .post-sidebar .item:last-of-type {
        margin-right: 0
    }
}

@media(max-width:991.98px) {
    .processList .imageHolder {
        width: 20%;
        padding-right: 40px
    }
    .processList .imageHolder .borderDots:before {
        width: 30px
    }
    .processList .text {
        width: 80%
    }
    .processList .text .borderDots:after {
        width: 30px
    }
    .processList .text .textHolder {
        padding-right: 60px
    }
    .processList .even .imageHolder {
        width: 20%;
        padding-right: 40px
    }
    .processList .even .imageHolder .borderDots {
        top: 191px
    }
    .processList .even .imageHolder .borderDots .dots {
        border-top: 0
    }
    .processList .even .imageHolder .borderDots:after {
        width: auto
    }
    .processList .even .text {
        width: 80%
    }
    .servicePlans .thePlans h3 {
        font-size: 17px
    }
    .servicePlans .thePlans .content {
        font-size: 14px
    }
    .full-width-image .overlay {
        padding: 0 15%
    }
}

@media only screen and (max-width:990px) {
    .form-container {
        width: 60%
    }
    .form-container p {
        width: 100%
    }
    .form-container .recaptcha {
        width: 100%
    }
    .form-supplementary-content {
        width: 35%
    }
    .two-column-content-block .container .info-block {
        padding: 0 5%
    }
}

@media only screen and (max-width:980px) {
    .bottom-header ul li a.top-level {
        border-width: .5em;
        letter-spacing: 1px
    }
    #stats .col:nth-of-type(4) {
        display: none
    }
    #stats .col:nth-of-type(3) {
        border-right: 0;
        margin-right: 0
    }
    #stats .col {
        width: 29.33%
    }
    .tiled-links .tile .overlay-text p {
        display: none
    }
}

@media only screen and (max-width:975px) {
    footer .bottom>div:first-of-type {
        -webkit-box-flex: initial;
        -webkit-flex: initial;
        -moz-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        margin-right: 2em
    }
    footer .bottom>div:nth-of-type(2) {
        -webkit-box-flex: initial;
        -webkit-flex: initial;
        -moz-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }
}

@media only screen and (max-width:900px) {
    .blog-archive {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .article-sidebar {
        margin-left: 0;
        margin-top: 4em
    }
}

@media only screen and (max-width:890px) {
    .services-section .column {
        width: 50%
    }
}

@media only screen and (max-width:860px) {
    .bottom-header ul li a.top-level {
        border-width: .5em;
        letter-spacing: 1px
    }
}

@media only screen and (max-width:850px) {
    #showcase {
        padding-bottom: 0;
        padding-top: 4em
    }
    #showcase .col {
        width: 100%;
        float: none
    }
    #showcase .col.left {
        margin-top: 4em;
        height: 300px
    }
    #showcase .device-wrapper,
    #showcase.active .device-wrapper {
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        width: 420px;
        right: 0;
        top: 0;
        padding-left: 20px
    }
    #showcase .tablet-wrapper,
    #showcase.active .tablet-wrapper {
		padding: 54px 28px 53px 27px;
    }
    #showcase .phone-wrapper,
    #showcase.active .phone-wrapper {
        width: 150px;
        top: inherit;
        bottom: -100px;
        padding: 35px 8px 35px 11px;
    }
}

@media only screen and (max-width: 900px) {
	.header-spacer,
	.bottom-header {
		background: #132a37;
	}
	#banner {
        background-color: #173241
    }
    /*
    .header-spacer {
        background-color: #132a37
    }
    .top-header {
        display: none
    }
    .header-spacer {
        height: 80px
    }
    .mobile-top-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #132a37;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .5em 0
    }
    .mobile-top-header img {
        float: left
    }
    .mobile-top-header div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .mobile-top-header .logo {
        margin-left: 4%
    }
    .mobile-top-header .logo img {
        width: 50px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    .small .mobile-top-header .logo img {
        width: 40px
    }
    .mobile-top-header .tel {
        margin-right: 1em
    }
    .mobile-top-header .tel img {
        height: 28px
    }
    .mobile-top-header .nav-trigger {
        height: 80px;
        width: 80px;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    .small .mobile-top-header .nav-trigger {
        height: 60px
    }
    .mobile-top-header .nav-trigger span {
        width: 30px;
        height: 4px;
        background-color: #fff;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        position: relative
    }
    .mobile-top-header .nav-trigger span:nth-of-type(2) {
        margin: 6px 0
    }
    .active .mobile-top-header .nav-trigger span:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-bottom: -10px
    }
    .active .mobile-top-header .nav-trigger span:nth-of-type(2) {
        opacity: 0
    }
    .active .mobile-top-header .nav-trigger span:nth-of-type(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -10px
    }
   
    header {
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    header.active {
        background-color: rgba(0, 0, 0, 0.7)
    }
    .bottom-header,
    .small .bottom-header {
        width: 0;
        overflow-x: hidden;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
        padding: 0;
        background-color: transparent
    }
    .small .bottom-header ul li a {
        padding-bottom: .2em
    }
    .bottom-header .container {
        padding: 0;
        display: block
    }
    .bottom-header .container>div:last-of-type {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .bottom-header .left-section {
        display: none
    }
    .bottom-header .slider {
        display: none
    }
    .bottom-header .container .top-level-list {
        background-color: #fff;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow-y: scroll;
        display: none
    }
    .bottom-header .top-level-list li {
        float: none;
        -webkit-transition: all .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -o-transition: all .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -moz-transition: all .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        -webkit-transform: translateX(-10em);
        -moz-transform: translateX(-10em);
        -ms-transform: translateX(-10em);
        transform: translateX(-10em)
    }
    .active .bottom-header .top-level-list li {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .bottom-header .top-level-list li.show-mobile {
    	display: block;
    }
    .bottom-header .top-level-list li.show-desktop {
    	display: none;
    }
    .bottom-header .top-level-list li a.top-level,
    .small .bottom-header .top-level-list li a.top-level {
        border-width: 0;
        line-height: 1em;
        padding: 1.3em 6%;
        display: block
    }
    .bottom-header .top-level-list li:first-of-type a.top-level,
    .small .bottom-header .top-level-list li:first-of-type a.top-level {
        padding-top: 2em
    }
    .bottom-header .top-level-list li:last-of-type a.top-level,
    .small .bottom-header .top-level-list li:last-of-type a.top-level {
        padding-bottom: 2em
    }
    .bottom-header .navigation-space {
        display: block;
        width: 60px
    }
    .bottom-header .sub-menu {
        background-color: #f8f9fa;
        padding: 2em 6%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .bottom-header .sub-menu .intro p {
        line-height: 1.5em;
        margin: 0 0 2em 0
    }
    .bottom-header .sub-menu h2 {
        font-size: 1em;
        margin: 0
    }
    .bottom-header .sub-menu .info-block {
        margin-bottom: 2em
    }
    .bottom-header .sub-menu .info-block:hover {
        opacity: 1
    }
    .bottom-header .sub-menu .row:last-of-type .info-block:last-of-type {
        margin-bottom: 0
    }
    .bottom-header .sub-menu .logo-row {
        display: none
    }
    .bottom-header .sub-menu .box-links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .bottom-header .sub-menu .box-links a {
        padding: 2em;
        text-align: center;
        margin-bottom: .5em
    }
    .bottom-header .sub-menu .box-links a:last-of-type {
        margin-bottom: 0
    }
    .bottom-header .sub-menu .box-links a:hover {
        opacity: 1
    }
    .bottom-header .sub-menu .box-links img {
        max-height: 60px;
        max-width: 100%
    }
    .active .bottom-header {
        width: 100%
    }
    .sub-menu .info-block img.submenu-title {
        width: auto;
        max-height: 40px;
        margin-bottom: .5em
    }
    */
}

@media only screen and (max-width:836px) {
    .contact-form {
        padding-top: 1.5em;
        padding-bottom: 4em
    }
    .form-container {
        width: 100%;
        margin-bottom: 4em
    }
    .form-supplementary-content {
        width: 100%;
        margin: 0
    }
    .two-column-content-block {
        padding: 4em 0
    }
}

@media only screen and (max-width:768px) {
    #banner .container {
        padding: 4em 0;
        background-size: 120%
    }
    #banner .banner-text h1 {
        font-size: 5em;
        padding: 0 3%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    #services {
        padding: 4em 0
    }
    #call-back .container {
        padding: 4em 10%
    }
    #call-back h4 {
        font-size: 1.5em;
        margin-bottom: 1.5em;
        line-height: 1.6em
    }
    #call-back form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #call-back label {
        margin-bottom: 1em
    }
    #call-back form div.input {
        margin-bottom: 1em
    }
    .text-banner h1 {
        font-size: 3em
    }
    .tiled-links .tile {
        width: 50%;
        padding-top: 50%
    }
    .tiled-links .tile img {
        max-width: 40%;
        max-height: 40%
    }
    .case-study-banner .container {
        height: 500px
    }
    .tile-section .image {
        width: 100%;
        height: 250px
    }
    .tile-section.right-image .info,
    .tile-section.left-image .info {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        padding-top: 320px
    }
    .web-screenshots .top {
        padding-right: 300px
    }
    .info-circles {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }
    .emailtool-login .container {
        padding: 0
    }
    .emailtool-login .container fieldset {
        padding: 3em 2em
    }
    .post-banner {
        height: 150px
    }
    footer {
        padding: 4em 0
    }
    footer .top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    footer .top>div {
        margin-bottom: 6em
    }
    footer .top>div>div:first-of-type {
        margin-right: 1em
    }
    footer .bottom {
        display: none
    }
    footer .bottom.mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0
    }
    footer .bottom.mobile div {
        margin: 1em 0
    }
    footer .bottom.mobile>div:first-of-type {
        margin-top: 0
    }
    footer .bottom.mobile>div:first-of-type a {
        margin: 0 1em
    }
    footer .bottom.mobile>div:first-of-type img {
        height: 35px;
        width: auto
    }
    footer .bottom.mobile>div:nth-of-type(2) {
        margin: 2em 0
    }
    footer .bottom.mobile>div:nth-of-type(2) img {
        height: 72px
    }
    footer .bottom.mobile>div:nth-of-type(3) p {
        font-size: 2em;
        line-height: 1.7em
    }
    footer .bottom.mobile>div:nth-of-type(3) p span {
        color: #fff
    }
    footer .bottom.mobile>div:nth-of-type(4) a {
        color: #fff;
        font-size: 1.3em;
        font-weight: 400
    }
    footer .sub-links {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .stats {
        padding: 3em 0
    }
    .stats .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .stats .container>div {
        padding: 1.5em 0
    }
    .text-section {
        margin: 5em 0
    }
    .text-section .container {
        display: block
    }
    .text-section h2 {
        margin-bottom: .8em
    }
    .text-section.centre-text {
        padding: 6em 0
    }
    .client-feedback.single .container {
        padding: 8em 2%
    }
    .web-screenshots {
        padding: 6em 0
    }
    .three-column-info-blocks .info-block,
    .three-column-info-blocks .info-block:nth-of-type(4),
    .three-column-info-blocks .info-block:nth-of-type(5),
    .three-column-info-blocks .info-block:nth-of-type(6),
    .three-column-info-blocks.two-col .info-block:nth-of-type(3),
    .three-column-info-blocks.two-col .info-block {
        margin-right: 0;
        width: 100%;
        margin-top: 0;
        margin-bottom: 3em
    }
    .three-column-info-blocks .info-block:last-of-type {
        margin-bottom: 0
    }
    .woocommerce-message {
        padding: 1.5em
    }
    .woocommerce-message .button {
        clear: both;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center
    }
    .woocommerce-message::before {
        content: ""
    }
    .quantity {
        height: 45px
    }
    .woocommerce .quantity .qty {
        float: right
    }
    .woocommerce-wrapper .woocommerce table.cart td.actions .coupon .button {
        width: auto
    }
    .woocommerce-wrapper .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-wrapper .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: #fff
    }
    .woocommerce-wrapper .woocommerce table.cart td.actions .coupon {
        float: left;
        display: inline-block
    }
    .woocommerce-wrapper .woocommerce button.button:disabled,
    .woocommerce-wrapper .woocommerce button.button:disabled[disabled] {
        float: right;
        display: inline-block;
        width: auto
    }
}

@media(max-width:767.98px) {
    .large-bfi-circle .outer-container {
        display: block
    }
    .large-bfi-circle .intro-text,
    .large-bfi-circle .circle-container {
        clear: both;
        display: block;
        width: auto
    }
    .large-bfi-circle .circleCrop {
        padding: 42px 0 1px 0
    }
    .large-bfi-circle .circle-info {
        padding-bottom: 1px
    }
    .large-bfi-circle .circle-info h2 {
        font-size: 19px
    }
    .large-bfi-circle .circle-info .large {
        font-size: 48px
    }
    .large-bfi-circle .circle-info p {
        font-size: 20px;
        line-height: 24px
    }
    .large-bfi-circle .circle-info .iconOverlay {
        top: 45px;
        right: 10px;
        width: 80px
    }
    .large-bfi-circle .circle-info:after {
        content: "";
        display: block;
        clear: both
    }
    .processList .container {
        padding: 0
    }
    .processList .heading {
        font-size: 33px
    }
    .processList .imageHolder img {
        display: none
    }
    .processList .imageHolder .borderDots {
        height: 135px
    }
    .processList .imageHolder .borderDots:before {
        width: 10px
    }
    .processList .even .imageHolder .borderDots {
        top: 127px
    }
    .servicePlans .thePlans h3 {
        font-size: 24px
    }
    .servicePlans .thePlans .content {
        font-size: 16px
    }
    .servicePlans .thePlans .column {
        display: block;
        width: 100%;
        padding: 35px 0 20px 0
    }
    .servicePlans .thePlans .plan {
        padding-bottom: 40px
    }
    .servicePlans .specification {
        padding-top: 80px;
        font-size: 13px
    }
    .servicePlans .specification .row i {
        font-size: 12px;
    }
    .servicePlans .specification .row {
        padding-right: 5px;
    }
    .servicePlans .specification .heading {
        font-size: 15px
    }
    .servicePlans .specification .column {
        width: 33.33%
    }
    .servicePlans .specification .column .row:before {
        display: block;
        content: attr(data-label);
        color: #999
    }
    .servicePlans .specification .headings {
        position: absolute;
        top: 0;
        width: 100%
    }
    .servicePlans .specification .headings .row {
        display: none
    }
    .servicePlans .specification .headings .heading {
        display: block;
        margin-bottom: 60px
    }
    .columnedImages .columnImageContainer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .columnedImages .columnImageContainer .columnImage {
        max-width: 100%;
        margin: 0 0 25px 0
    }
}

@media only screen and (max-width:740px) {
    #post-nav .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    #post-nav .next-post {
        margin-left: 0;
        margin-top: 1em
    }
    #post-nav .prev-post {
        margin-right: 0
    }
    #post-nav .next-post a {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    #post-nav .next-post h4,
    #post-nav .prev-post h4 {
        max-width: initial
    }
    #post-nav .chevron {
        position: relative;
        z-index: initial
    }
    #post-nav img {
        margin: 0 1em
    }
    #post-nav .next-post:hover a,
    #post-nav .prev-post:hover a {
        padding: 0
    }
}

@media only screen and (max-width:660px) {
    .woocommerce-wrapper .woocommerce table.cart td.actions .coupon {
        clear: both;
        display: block;
        width: 100%;
        margin-bottom: 1em
    }
    .woocommerce table.cart td.actions #coupon_code {
        width: 300px;
        margin-right: 20px
    }
    .woocommerce-wrapper .woocommerce table.cart td.actions .coupon .button {
        width: -moz-calc(100% - 320px);
        width: calc(100% - 320px)
    }
    .woocommerce-wrapper .woocommerce button.button:disabled,
    .woocommerce-wrapper .woocommerce button.button:disabled[disabled] {
        width: 100%;
        margin: 0 0 2em
    }
}

@media only screen and (max-width:650px) {
    .sitemap .info-block {
        padding: 0 5%;
        width: 100%;
        font-size: 1.1em
    }
}

@media only screen and (max-width:640px) {
    #stats .col:nth-of-type(3) {
        display: none
    }
    #stats .col:nth-of-type(2) {
        border-right: 0;
        margin-right: 0
    }
    #stats .col:first-of-type {
        margin-right: 2%;
        border-right: 0
    }
    #stats .col {
        text-align: center;
        width: 49%
    }
}

@media only screen and (max-width:620px) {
    .client-feedback .container {
        padding: 6em 4%;
        background-size: 160px
    }
    .web-screenshots .top {
        padding-right: 0;
        margin-bottom: 3em
    }
    .web-screenshots .info-circles {
        position: relative;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .web-screenshots .desktop-tablet .tablet-wrapper {
        width: 100%;
        float: none;
        position: relative;
        z-index: initial
    }
    .web-screenshots .desktop-tablet .laptop-wireframe,
    .web-screenshots .desktop-tablet .desktop-wireframe {
        display: none
    }
}

@media only screen and (max-width:600px) {
    .single-post .post-sidebar .item:nth-of-type(2) {
        margin-right: 0
    }
    .single-post .post-sidebar .item:last-of-type {
        display: none
    }
}

@media only screen and (max-width:580px) {
    .tiled-links .tile {
        width: 100%;
        padding-top: 100%
    }
    .two-column-content-block .container .info-block {
        padding: 0;
        font-size: .85em
    }
    .two-column-content-block .container .info-block:last-of-type {
        padding-left: 5%
    }
    .post-listing {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .post-listing .image {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-right: 0;
        margin-bottom: 1em
    }
    .article-sidebar {
        width: 100%
    }
}

@media only screen and (max-width:540px) {
    .services-section .column {
        width: 100%
    }
}

@media only screen and (max-width:525px) {
    .client-feedback .container {
        padding: 6em 8%
    }
}

@media only screen and (max-width:500px) {
    #showcase .phone-wrapper {
        left: 20%
    }
    #showcase .tablet-wrapper, 
    #showcase.active .tablet-wrapper {
		width: 280px;
		padding: 36px 18px 35px 18px;
    }
}

@media only screen and (max-width:440px) {
    #banner .banner-text h1 {
        font-size: 3em;
        margin-bottom: .5em
    }
    #banner .banner-text h2 {
        font-size: 1.75em
    }
    #banner .banner-text .btns {
        margin-top: 2.5em
    }
    #banner .banner-text .btns a {
        border: 0;
        background-color: transparent;
        border-bottom: 2px solid #eb5f31;
        border-radius: 0;
        padding: 1em 0
    }
    #banner .container img.mouse-scroll {
        display: block;
        width: 22px;
        margin-top: 3em
    }
}

@media only screen and (max-width:425px) {
    #call-back h4 {
        font-size: 1.25em
    }
    #call-back h3 {
        font-size: 1em
    }
    #call-back h3 span {
        font-size: 1.5em;
        display: block
    }
    .case-study-banner .container {
        height: 450px
    }
    .case-study-banner .container .banner-info .btns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 200px;
        margin: 0 auto
    }
    .case-study-banner .container .banner-info .btn,
    .case-study-banner .container .banner-info .btn:last-of-type {
        margin: 0
    }
    .case-study-banner .container .banner-info .btn:last-of-type {
        margin-top: 1em
    }
    .stats h1 {
        font-size: 1.5em
    }
    .stats h4 {
        font-size: .9em
    }
    .client-feedback .container>h4:first-of-type {
        font-size: 1.5em;
        line-height: 1.6em;
        margin-bottom: .5em
    }
    .single-post .post-sidebar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .single-post .post-sidebar .item:first-of-type {
        margin-bottom: 1em;
        margin-right: 0
    }
}

@media only screen and (max-width:400px) {
    .two-column-content-block .container .info-block {
        width: 100%;
        font-size: 1em;
        text-align: center
    }
    .two-column-content-block .container .info-block:last-of-type {
        padding-left: 0;
        margin-top: 3em
    }
}

@media only screen and (max-width:385px) {
    #stats h4 {
        font-size: .8em
    }
}

@media only screen and (max-width:360px) {
    .web-screenshots .mobile .phone-wireframe {
        width: 240px
    }
    .web-screenshots .mobile .phone-wireframe .content-overlay {
        position: absolute;
        top: 74px;
        bottom: 75px;
        right: 17px;
        left: 19px;
        overflow: hidden
    }
}

@media only screen and (min-width:361px) and (max-width:425px) {
    .web-screenshots .mobile .phone-wireframe {
        width: 280px
    }
    .web-screenshots .mobile .phone-wireframe .content-overlay {
        position: absolute;
        top: 86px;
        bottom: 86px;
        right: 19px;
        left: 22px;
        overflow: hidden
    }
}

#add_payment_method #payment div.payment_box p:last-child,
.woocommerce-cart #payment div.payment_box p:last-child,
.woocommerce-checkout #payment div.payment_box p:last-child {
    margin-top: 0;
}

.wc_payment_method.payment_method_v12retailfinance #finance-option-container {
    float: left;
}

.wc_payment_method.payment_method_v12retailfinance .finance-option {
    width: 100%;
}

.wc_payment_method.payment_method_v12retailfinance .finance-option.last {
    margin-left: 0;
    padding-left: 0;
    border: none;
    margin-top: 1em;
}

#step-2 input#v12-deposit-amount {
    width: 75%;
    float: left;
    margin: 0;
    border: none;
}

#step-2 button {
    width: 25%;
    float: left;
    margin: 0;
    border: none;
    padding: 0.9em;
    font-size: 15px;
    font-weight: 400;
}

#step-2 .small-print {
    width: 100%;
    float: left;
}

#v12_option_desc-container table {
    width: 100%;
    padding: 0.9em;
    margin: 0 0 1em;
}

#step-1 h6 span,
#step-2 h6 span {
    color: #eb5f31;
}

#step-1 select#v12-finance-option {
    font-family: "proxima-nova", sans-serif;
    padding: 0.9em;
    -moz-appearance: button;
    -webkit-appearance: button;
    width: 100%;
}

.wc_payment_method.payment_method_v12retailfinance #finance-option-container {
    margin-top: 1em;
}

@media only screen and (max-width: 1400px) {
    #step-2 input#v12-deposit-amount,
    #step-2 button {
        width: 50%;
    }
}

@media only screen and (max-width: 960px) {
    .woocommerce-wrapper .woocommerce .col2-set,
    .woocommerce-wrapper .woocommerce-page .col2-set,
    .woocommerce-wrapper .woocommerce #order_review_heading,
    .woocommerce #order_review {
        width: 49%;
    }
}

@media only screen and (max-width: 700px) {
    .woocommerce-wrapper .woocommerce .col2-set,
    .woocommerce-wrapper .woocommerce-page .col2-set,
    .woocommerce-wrapper .woocommerce #order_review_heading,
    .woocommerce #order_review {
        width: 100%;
    }
}