/*====== CTA Styles ======*/
.cta-box{
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
padding:40px;
margin-bottom:100px;
position:relative;
font-family:'robotoregular' !important;
width:100%;
}
.cta-box .btn{    padding: 15px 24px !important;}
.cta-box .btn.green-large{    background: #00b170;
    padding: 15px 24px;
    color: #fff;}
.cta-box h3{margin-top:0px; color:#fff; font-family:'robotoregular';}
.cta1 h3{line-height: 1.5;}
.cta1 .pricing-white-block--icon-box{width:100px; height:100px;float:none; margin:0 auto; background:transparent;}
.cta1 .pricing-white-block--icon-box span {font-size:30px;}
.cta1 .btn{    
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
width: 320px;
bottom: -25px;
}
.cta1 .pricing-white-block--text p{font-size:14px !important; font-family:robotobold; color:#829DCE;}
.cta1 .pricing-white-block--text p span{font-size:24px;}
.cta1 .pricing-white-block{margin: 10px; min-width:219px; flex:1; max-width:285px; width:auto; background:transparent;}
.cta1 .pricing-white-block--text span{color:#fff;}
.cta-stats{display:flex; flex-flow:row; margin-top:20px; flex-wrap:wrap; justify-content:center;}
.cta1{background: linear-gradient(180deg, rgba(28, 44, 72, 0.19) 0%, #1c2c48 55%), url(../cta-warehouse/img/cta1-bg.jpg), linear-gradient(180deg, #4c74b9 100%, rgba(28, 44, 72, 0) 100%);
background-blend-mode: normal, multiply, normal; background-size:contain;}
.cta2{background: linear-gradient(180deg, #4C74B9 5.15%, rgba(76, 116, 185, 0) 100%), url(../cta-warehouse/img/cta2-bg.jpg), #4C74B9;
background-blend-mode: normal, soft-light, normal;background-size:cover; background-position:center;}
.cta3{background: url(../cta-warehouse/img/cta3-bg.png), linear-gradient(180deg, #D2DCEE 22.4%, #A6B9DE 100%); background-size:cover; background-position:0 center;}
.cta-box:not(.cta1) p{color:#fff;}
.cta4{background: linear-gradient(172.76deg, rgba(255, 255, 255, 0) 100%, #FFFFFF 100%), linear-gradient(113.32deg, rgba(255, 255, 255, 0) 100%, #FFFFFF 100%), url(../cta-warehouse/img/cta4-bg1.png); background-size:cover; background-repeat:no-repeat;}
.cta5{background: url(../cta-warehouse/img/cta5-bg.png) no-repeat left center; background-size: cover;}
.cta5 img{max-width: 250px;}
.cta5:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(20,39,72,.6);}
.cta6{background: url(../cta-warehouse/img/cta6-bg.png) no-repeat center bottom,  #142034; background-size:cover; }
.cta6:after{content:none;}
.cta7{    background: linear-gradient(90deg, #4C74B9 30.15%, rgba(76, 116, 185, 0) 96.44%), url(../cta-warehouse/img/cta7-bg.jpg?2), #4C74B9;
    background-blend-mode: normal, multiply;
    background-size: cover;
    background-position: center top;}
.cta8{background: url(../cta-warehouse/img/cta8-bg.png) no-repeat center center,  #fff; background-size:cover; }
.cta9{background: linear-gradient(180deg, rgba(28, 44, 72, .5) 0%, #1C2C48 89.89%), url(../cta-warehouse/img/cta9-bg.png);background-size:cover;}
.cta10{background: linear-gradient(180deg, rgba(28, 44, 72, 0) 0%, #1C2C48 70%), url(../cta-warehouse/img/cta10-bg.jpg?2), #1C2C48;
background-blend-mode: normal, soft-light, normal; background-size:cover; background-position:center 150%;}
.cta11{background: linear-gradient(rgba(28, 44, 72, .7), rgba(28, 44, 72, 0)), url(/img/case-studies/all-pro-trailer-superstore/bg-header.png) no-repeat top center / cover;}
.cta12{background: linear-gradient(rgba(28, 44, 72, .7), rgba(28, 44, 72, 0)), url(/img/case-studies/ch-reed/bg-header.png) no-repeat top center / cover;}
.cta13{background: linear-gradient(to left, rgba(28, 44, 72, .7), rgba(28, 44, 72, 0)), url(/img/case-study-img/wheeler/bg-masthead.jpg) no-repeat top center / cover;}
.cta14{background: url(/cta-warehouse/img/cta6-bg.png) no-repeat center bottom, #142034;
		background-size: cover;}
.cta15{background: url(/cta-warehouse/img/cta6-bg.png) no-repeat center bottom, #142034;
		background-size: cover;}
.cta-box .stat-box {
    background-color: transparent;
    text-align: center;
    padding: 25px 0;
    box-shadow: inset 0px 0px 0px 4px #a6b9de;
}
.cta-box .stat-box p {
    font-size: 18px;
    color: #fff;
    margin: 0;
}
.cta-box .stat-box .sans-serif--bold {
    color: #f7941d;
    font-size:36px;
}
textarea{font-size: 14px; background-color: #f2f2f2; padding: 20px; color: #666; overflow:hidden; resize:none;width:100%; height:auto; margin-bottom:20px; height:100px;}
.alerttext{position:absolute;    left: 0;
right: 0;
margin-top: 10px;}
.cta-box{
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);
padding:40px;
margin-bottom:100px;
position:relative;
}
.cta-box h3{margin-top:0px;}
.cta1 .pricing-white-block--icon-box span {font-size:30px;}
.cta-box .pricing-white-block--text {float:none; margin:20px 0 0;}
.cta-box .pricing-white-block--text span{font-family:'robotoregular';}
.cta-box .pricing-white-block--text p{font-size:14px !important; font-family:robotobold; margin:10px 0 0;}
.cta-box .pricing-white-block--text p span{font-size:24px;}
.cta-box .pricing-white-block{margin: 10px; min-width:219px; flex:1; max-width:285px; width:auto;}
.cta-stats{display:flex; flex-flow:row; margin-top:20px; flex-wrap:wrap; justify-content:center;}
.cta-box:not(.cta1) p{color:#fff;}
.cta5 img{max-width: 250px;}
.copytextblock{text-align:center;}
@media screen and (max-width: 1024px){
.cta-box{margin-bottom:30px;margin-top:80px;}
}
.campaigns{display:flex; max-width:600px;justify-content:center; margin:auto;}
.letter{
	    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
font-size:72px; line-height:84px; text-align:center;
margin:auto;
position:relative;
width: 54px;
height: 100px;
background: #142034;
border-radius: 6px;}
.letter:before{content:''; position:absolute; left:0;top:0; width:100%; height:50%;background: rgba(0, 0, 0, 0.35);
box-shadow: inset 0px 2px 0px #829DCE;
border-radius: 6px 6px 0px 0px;}
.cta8 .letter{background: #4C74B9; margin:0 5px;}
.cta8 .letter:before{opacity:0.5;}
.cta-box .btn .ic {
    display: inline-block;
    vertical-align: middle;
    font-size: 40px;
    margin-left: 20px;
}
.cta-box .btn .text {
    white-space: normal;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    line-height: 1.3;
}
.cta-box .btn .text sup {
    letter-spacing: 0.1em;
    display: block;
    top: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}
.cta-box .btn-green {
    background-color: #00BD86;
    border-color: #00BD86;
    color: #ffffff;
}
.cta-box .btn-green:hover {
    background-color: #01e4a2;
    border-color: #01e4a2;
    color: #ffffff;
}
.cta10 .btn{white-space: normal;
    font-size: 20px;
    font-weight: 700;
    padding-top: 22px;
    padding-left: 33px;
    padding-bottom: 22px;
    padding-right: 34px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 512px;
    box-sizing: border-box;}
.cta6 .btn{max-width:350px;}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
nav,
section {
	display: block
}

dfn,
mark {
	font-style: italic
}

ins,
mark {
	color: #000
}

hr,
ol,
ul {
	margin: 1em 0
}

td,
textarea {
	vertical-align: top
}

body.admin-bar,
sub,
sup {
	position: relative
}

a,
ins {
	text-decoration: none
}

audio,
canvas,
video {
	display: inline-block
}

[hidden],
audio:not([controls]) {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	min-width: 1024px
}

button,
html,
input,
select,
textarea {
	font-family: sans-serif;
	color: #222
}

body {
	margin: 0;
	font-size: 20px;
	line-height: 1.4;
	background: #fff;
	color: #444;
}

.lazy-load {
    transition: opacity .5s !important;
    opacity: 0 !important;
}

.lazy-load.is-loaded {
    opacity: 1 !important;
}

::-moz-selection {
	background: #334f81;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #334f81;
	color: #fff;
	text-shadow: none
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

hr {
	height: 1px;
	padding: 0
}

a img,
fieldset,
hr,
img,
legend {
	border: 0
}

ins {
	background: #ff9
}

mark {
	background: #ff0;
	font-weight: 700
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em
}

.bottom-sign-up-form input[type=email]:focus,
.entry em,
.masthead .content-column h2,
.masthead form input[type=email]:focus,
body,
input[type=email],
input[type=file],
input[type=password],
input[type=text],
select,
textarea {
	font-family: Roboto, sans-serif
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:after,
q:before {
	content: "";
	content: none
}

small {
	font-size: 85%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

ol,
ul {
	padding: 0 0 0 40px
}

dd {
	margin: 0 0 0 40px
}

nav ol,
nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

img {
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}

.logo-container,
.pagination,
.site-footer,
.social,
.social-links-sticky div,
.social-links-sticky>li,
svg:not(:root) {
	overflow: hidden
}

figure,
form {
	margin: 0
}

fieldset {
	margin: 0;
	padding: 0
}

legend {
	padding: 0;
	white-space: normal
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline
}

button,
input {
	line-height: normal
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button
}

button[disabled],
input[disabled] {
	cursor: default
}

input[type=checkbox],
input[type=radio] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	resize: vertical
}

input:invalid,
textarea:invalid {
	background-color: #f0dddd
}

em {
	font-style: normal
}

.entry em,
.entry em strong,
.entry strong em {
	font-style: italic
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th {
	font-weight: 400
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@font-face {
	font-family: dejavu_serifbold;
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-bold-webfont.eot);
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-bold-webfont.eot?#iefix) format('embedded-opentype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-bold-webfont.woff) format('woff'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-bold-webfont.ttf) format('truetype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-bold-webfont.svg#dejavu_serifbold) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: dejavu_serifbold_italic;
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-bolditalic-webfont.eot);
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-bolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-bolditalic-webfont.woff) format('woff'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-bolditalic-webfont.ttf) format('truetype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-bolditalic-webfont.svg#dejavu_serifbold_italic) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: dejavu_serifitalic;
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-italic-webfont.eot);
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-italic-webfont.eot?#iefix) format('embedded-opentype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-italic-webfont.woff) format('woff'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-italic-webfont.ttf) format('truetype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-italic-webfont.svg#dejavu_serifitalic) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: dejavu_serifbook;
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-webfont.eot);
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-webfont.eot?#iefix) format('embedded-opentype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-webfont.woff) format('woff'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-webfont.ttf) format('truetype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/dejavuserif-webfont.svg#dejavu_serifbook) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: icomoon;
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/icomoon.eot);
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/icomoon.eot?#iefix) format('embedded-opentype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/icomoon.woff) format('woff'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/icomoon.ttf) format('truetype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/icomoon.svg#icomoon) format('svg');
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: category-font;
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/category-font.eot);
	src: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/category-font.eot?#iefix) format('embedded-opentype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/category-font.woff) format('woff'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/category-font.ttf) format('truetype'), url(//www.webfx.com/blog/wp-content/themes/webfx/assets/fonts/category-font.svg#category-font) format('svg');
	font-weight: 400;
	font-style: normal
}

.masthead .content-column h2 {
	font-weight: 100
}

.bottom-sign-up-form input[type=email],
.btn,
.entry em strong,
.entry strong em,
.h1.post-title,
.logo-container .logo-text,
.main-content strong,
.masthead .content-column ul,
.masthead form input[type=email],
.newsletter-signup-form input.btn-signup,
.revenue .number,
.sign-up-form h2,
.social .total,
h1,
h2,
h3,
h4,
h5,
h6,
nav[role=navigation] {
	font-family: Roboto, sans-serif;
	font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #122239;
}


.pagination .next:after,
.pagination .previous:after,
.post-header .category-symbol span,
.sidebar .categories a:after,
[class*=" icon-"],
[class^=icon-] {
	speak: none;
	font-weight: 400;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.author-section figcaption,
.single-display .entry p:first-child {
	font-family: dejavu_serifbook
}

.author-section figcaption em,
.site-footer.home .or-call em,
.wp-caption-text {
	font-family: dejavu_serifitalic
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon;
	font-style: normal;
	text-transform: none;
	line-height: 1
}

.icon-marketing:before {
	content: "\e602";
}

.icon-phone:before {
	content: "\e64e"
}

.icon-mobile:before {
	content: "\e64f"
}

.icon-mouse:before {
	content: "\e650"
}

.icon-directions:before {
	content: "\e651"
}

.icon-mail5:before {
	content: "\e652"
}

.icon-paperplane:before {
	content: "\e653"
}

.icon-pencil:before {
	content: "\e654"
}

.icon-feather:before {
	content: "\e655"
}

.icon-paperclip:before {
	content: "\e656"
}

.icon-drawer:before {
	content: "\e657"
}

.icon-reply:before {
	content: "\e658"
}

.icon-reply-all:before {
	content: "\e659"
}

.icon-forward:before {
	content: "\e65a"
}

.icon-user:before {
	content: "\e65b"
}

.icon-users:before {
	content: "\e65c"
}

.icon-user-add:before {
	content: "\e65d"
}

.icon-vcard:before {
	content: "\e65e"
}

.icon-export:before {
	content: "\e65f"
}

.icon-location:before {
	content: "\e660"
}

.icon-map:before {
	content: "\e661"
}

.icon-compass:before {
	content: "\e662"
}

.icon-location2:before {
	content: "\e663"
}

.icon-target:before {
	content: "\e664"
}

.icon-share:before {
	content: "\e665"
}

.icon-sharable:before {
	content: "\e666"
}

.icon-heart:before {
	content: "\e667"
}

.icon-heart2:before {
	content: "\e668"
}

.icon-star:before {
	content: "\e669"
}

.icon-star2:before {
	content: "\e66a"
}

.icon-thumbs-up:before {
	content: "\e66b"
}

.icon-thumbs-down:before {
	content: "\e66c"
}

.icon-chat:before {
	content: "\e66d"
}

.icon-comment:before {
	content: "\e66e"
}

.icon-quote:before {
	content: "\e66f"
}

.icon-house:before {
	content: "\e670"
}

.icon-popup:before {
	content: "\e671"
}

.icon-search:before {
	content: "\e672"
}

.icon-flashlight:before {
	content: "\e673"
}

.icon-printer:before {
	content: "\e674"
}

.icon-bell:before {
	content: "\e675"
}

.icon-link:before {
	content: "\e676"
}

.icon-flag:before {
	content: "\e677"
}

.icon-cog:before {
	content: "\e678"
}

.icon-tools:before {
	content: "\e679"
}

.icon-trophy:before {
	content: "\e67a"
}

.icon-tag:before {
	content: "\e67b"
}

.icon-camera:before {
	content: "\e67c"
}

.icon-megaphone:before {
	content: "\e67d"
}

.icon-moon:before {
	content: "\e67e"
}

.icon-palette:before {
	content: "\e67f"
}

.icon-leaf:before {
	content: "\e680"
}

.icon-music:before {
	content: "\e681"
}

.icon-music2:before {
	content: "\e682"
}

.icon-new:before {
	content: "\e683"
}

.icon-graduation:before {
	content: "\e684"
}

.icon-book:before {
	content: "\e685"
}

.icon-newspaper:before {
	content: "\e686"
}

.icon-bag:before {
	content: "\e687"
}

.icon-airplane:before {
	content: "\e688"
}

.icon-lifebuoy:before {
	content: "\e689"
}

.icon-eye:before {
	content: "\e68a"
}

.icon-clock:before {
	content: "\e68b"
}

.icon-microphone:before {
	content: "\e68c"
}

.icon-calendar:before {
	content: "\e68d"
}

.icon-bolt:before {
	content: "\e68e"
}

.icon-thunder:before {
	content: "\e68f"
}

.icon-droplet:before {
	content: "\e690"
}

.icon-cd:before {
	content: "\e691"
}

.icon-briefcase:before {
	content: "\e692"
}

.icon-air:before {
	content: "\e693"
}

.icon-hourglass:before {
	content: "\e694"
}

.icon-gauge:before {
	content: "\e695"
}

.icon-language:before {
	content: "\e696"
}

.icon-network:before {
	content: "\e697"
}

.icon-key:before {
	content: "\e698"
}

.icon-battery:before {
	content: "\e699"
}

.icon-bucket:before {
	content: "\e69a"
}

.icon-magnet:before {
	content: "\e69b"
}

.icon-drive:before {
	content: "\e69c"
}

.icon-cup:before {
	content: "\e69d"
}

.icon-rocket:before {
	content: "\e69e"
}

.icon-brush:before {
	content: "\e69f"
}

.icon-suitcase:before {
	content: "\e6a0"
}

.icon-cone:before {
	content: "\e6a1"
}

.icon-earth:before {
	content: "\e6a2"
}

.icon-keyboard:before {
	content: "\e6a3"
}

.icon-browser:before {
	content: "\e6a4"
}

.icon-publish:before {
	content: "\e6a5"
}

.icon-progress-3:before {
	content: "\e6a6"
}

.icon-progress-2:before {
	content: "\e6a7"
}

.icon-brogress-1:before {
	content: "\e6a8"
}

.icon-progress-0:before {
	content: "\e6a9"
}

.icon-sun:before {
	content: "\e6aa"
}

.icon-sun2:before {
	content: "\e6ab"
}

.icon-adjust:before {
	content: "\e6ac"
}

.icon-code:before {
	content: "\e6ad"
}

.icon-screen:before {
	content: "\e6ae"
}

.icon-infinity:before {
	content: "\e6af"
}

.icon-light-bulb:before {
	content: "\e6b0"
}

.icon-credit-card:before {
	content: "\e6b1"
}

.icon-database:before {
	content: "\e6b2"
}

.icon-voicemail:before {
	content: "\e6b3"
}

.icon-clipboard:before {
	content: "\e6b4"
}

.icon-cart:before {
	content: "\e6b5"
}

.icon-box:before {
	content: "\e6b6"
}

.icon-ticket:before {
	content: "\e6b7"
}

.icon-rss:before {
	content: "\e6b8"
}

.icon-signal:before {
	content: "\e6b9"
}

.icon-thermometer:before {
	content: "\e6ba"
}

.icon-droplets:before {
	content: "\e6bb"
}

.icon-uniE6BC:before {
	content: "\e6bc"
}

.icon-statistics:before {
	content: "\e6bd"
}

.icon-pie:before {
	content: "\e6be"
}

.icon-bars:before {
	content: "\e6bf"
}

.icon-graph:before {
	content: "\e6c0"
}

.icon-lock:before {
	content: "\e6c1"
}

.icon-lock-open:before {
	content: "\e6c2"
}

.icon-logout:before {
	content: "\e6c3"
}

.icon-login:before {
	content: "\e6c4"
}

.icon-checkmark:before {
	content: "\e6c5"
}

.icon-cross:before {
	content: "\e6c6"
}

.icon-minus:before {
	content: "\e6c7"
}

.icon-plus:before {
	content: "\e6c8"
}

.icon-cross2:before {
	content: "\e6c9"
}

.icon-minus2:before {
	content: "\e6ca"
}

.icon-plus2:before {
	content: "\e6cb"
}

.icon-cross3:before {
	content: "\e6cc"
}

.icon-minus3:before {
	content: "\e6cd"
}

.icon-plus3:before {
	content: "\e6ce"
}

.icon-erase:before {
	content: "\e6cf"
}

.icon-blocked:before {
	content: "\e6d0"
}

.icon-info:before {
	content: "\e6d1"
}

.icon-info2:before {
	content: "\e6d2"
}

.icon-question:before {
	content: "\e6d3"
}

.icon-help:before {
	content: "\e6d4"
}

.icon-warning:before {
	content: "\e6d5"
}

.icon-cycle:before {
	content: "\e6d6"
}

.icon-cw:before {
	content: "\e6d7"
}

.icon-ccw:before {
	content: "\e6d8"
}

.icon-shuffle:before {
	content: "\e6d9"
}

.icon-arrow:before {
	content: "\e6da"
}

.icon-arrow2:before {
	content: "\e6db"
}

.icon-retweet:before {
	content: "\e6dc"
}

.icon-loop:before {
	content: "\e6dd"
}

.icon-history:before {
	content: "\e6de"
}

.icon-back:before {
	content: "\e6df"
}

.icon-switch:before {
	content: "\e6e0"
}

.icon-list:before {
	content: "\e6e1"
}

.icon-add-to-list:before {
	content: "\e6e2"
}

.icon-layout:before {
	content: "\e6e3"
}

.icon-list2:before {
	content: "\e6e4"
}

.icon-text:before {
	content: "\e6e5"
}

.icon-text2:before {
	content: "\e6e6"
}

.icon-document:before {
	content: "\e6e7"
}

.icon-docs:before {
	content: "\e6e8"
}

.icon-landscape:before {
	content: "\e6e9"
}

.icon-pictures:before {
	content: "\e6ea"
}

.icon-video:before {
	content: "\e6eb"
}

.icon-music3:before {
	content: "\e6ec"
}

.icon-folder:before {
	content: "\e6ed"
}

.icon-archive:before {
	content: "\e6ee"
}

.icon-trash:before {
	content: "\e6ef"
}

.icon-upload:before {
	content: "\e6f0"
}

.icon-download:before {
	content: "\e6f1"
}

.icon-disk:before {
	content: "\e6f2"
}

.icon-install:before {
	content: "\e6f3"
}

.icon-cloud:before {
	content: "\e6f4"
}

.icon-upload2:before {
	content: "\e6f5"
}

.icon-bookmark:before {
	content: "\e6f6"
}

.icon-bookmarks:before {
	content: "\e6f7"
}

.icon-book2:before {
	content: "\e6f8"
}

.icon-play:before {
	content: "\e6f9"
}

.icon-pause:before {
	content: "\e6fa"
}

.icon-record:before {
	content: "\e6fb"
}

.icon-stop:before {
	content: "\e6fc"
}

.icon-next:before {
	content: "\e6fd"
}

.icon-previous:before {
	content: "\e6fe"
}

.icon-first:before {
	content: "\e6ff"
}

.icon-last:before {
	content: "\e700"
}

.icon-resize-enlarge:before {
	content: "\e701"
}

.icon-resize-shrink:before {
	content: "\e702"
}

.icon-volume:before {
	content: "\e703"
}

.icon-sound:before {
	content: "\e704"
}

.icon-mute:before {
	content: "\e705"
}

.icon-flow-cascade:before {
	content: "\e706"
}

.icon-flow-branch:before {
	content: "\e707"
}

.icon-flow-tree:before {
	content: "\e708"
}

.icon-flow-line:before {
	content: "\e709"
}

.icon-flow-parallel:before {
	content: "\e70a"
}

.icon-arrow-left:before {
	content: "\e70b"
}

.icon-arrow-down:before {
	content: "\e70c"
}

.icon-arrow-up--upload:before {
	content: "\e70d"
}

.icon-arrow-right:before {
	content: "\e70e"
}

.icon-arrow-left2:before {
	content: "\e70f"
}

.icon-arrow-down2:before {
	content: "\e710"
}

.icon-arrow-up:before {
	content: "\e711"
}

.icon-arrow-right2:before {
	content: "\e712"
}

.icon-arrow-left3:before {
	content: "\e713"
}

.icon-arrow-down3:before {
	content: "\e714"
}

.icon-arrow-up2:before {
	content: "\e715"
}

.icon-arrow-right3:before {
	content: "\e716"
}

.icon-arrow-left4:before {
	content: "\e717"
}

.icon-arrow-down4:before {
	content: "\e718"
}

.icon-arrow-up3:before {
	content: "\e719"
}

.icon-arrow-right4:before {
	content: "\e71a"
}

.icon-arrow-left5:before {
	content: "\e71b"
}

.icon-arrow-down5:before {
	content: "\e71c"
}

.icon-arrow-up4:before {
	content: "\e71d"
}

.icon-arrow-right5:before {
	content: "\e71e"
}

.icon-arrow-left6:before {
	content: "\e71f"
}

.icon-arrow-down6:before {
	content: "\e720"
}

.icon-arrow-up5:before {
	content: "\e721"
}

.icon-arrow-right6:before {
	content: "\e722"
}

.icon-arrow-left7:before {
	content: "\e723"
}

.icon-arrow-down7:before {
	content: "\e724"
}

.icon-arrow-up6:before {
	content: "\e725"
}

.icon-uniE726:before {
	content: "\e726"
}

.icon-arrow-left8:before {
	content: "\e727"
}

.icon-arrow-down8:before {
	content: "\e728"
}

.icon-arrow-up7:before {
	content: "\e729"
}

.icon-arrow-right7:before {
	content: "\e72a"
}

.icon-menu:before {
	content: "\e72b"
}

.icon-ellipsis:before {
	content: "\e72c"
}

.icon-dots:before {
	content: "\e72d"
}

.icon-dot:before {
	content: "\e72e"
}

.icon-cc:before {
	content: "\e72f"
}

.icon-cc-by:before {
	content: "\e730"
}

.icon-cc-nc:before {
	content: "\e731"
}

.icon-cc-nc-eu:before {
	content: "\e732"
}

.icon-cc-nc-jp:before {
	content: "\e733"
}

.icon-cc-sa:before {
	content: "\e734"
}

.icon-cc-nd:before {
	content: "\e735"
}

.icon-cc-pd:before {
	content: "\e736"
}

.icon-cc-zero:before {
	content: "\e737"
}

.icon-cc-share:before {
	content: "\e738"
}

.icon-cc-share2:before {
	content: "\e739"
}

.icon-daniel-bruce:before {
	content: "\e73a"
}

.icon-daniel-bruce2:before {
	content: "\e73b"
}

.icon-github6:before {
	content: "\e73c"
}

.icon-github7:before {
	content: "\e73d"
}

.icon-flickr5:before {
	content: "\e73e"
}

.icon-flickr6:before {
	content: "\e73f"
}

.icon-vimeo3:before {
	content: "\e740"
}

.icon-vimeo4:before {
	content: "\e741"
}

.icon-twitter4:before {
	content: "\e742"
}

.icon-twitter5:before {
	content: "\e743"
}

.icon-facebook4:before {
	content: "\e744"
}

.icon-facebook5:before {
	content: "\e745"
}

.icon-facebook6:before {
	content: "\e746"
}

.icon-googleplus:before {
	content: "\e747"
}

.icon-googleplus2:before {
	content: "\e748"
}

.icon-pinterest3:before {
	content: "\e749"
}

.icon-pinterest4:before {
	content: "\e74a"
}

.icon-tumblr3:before {
	content: "\e74b"
}

.icon-tumblr4:before {
	content: "\e74c"
}

.icon-linkedin2:before {
	content: "\e74d"
}

.icon-linkedin3:before {
	content: "\e74e"
}

.icon-dribbble4:before {
	content: "\e74f"
}

.icon-dribbble5:before {
	content: "\e750"
}

.icon-stumbleupon3:before {
	content: "\e751"
}

.icon-stumbleupon4:before {
	content: "\e752"
}

.icon-lastfm3:before {
	content: "\e753"
}

.icon-lastfm4:before {
	content: "\e754"
}

.icon-rdio:before {
	content: "\e755"
}

.icon-rdio2:before {
	content: "\e769"
}

.icon-spotify2:before {
	content: "\e768"
}

.icon-spotify:before {
	content: "\e767"
}

.icon-qq:before {
	content: "\e766"
}

.icon-instagram2:before {
	content: "\e765"
}

.icon-dropbox:before {
	content: "\e764"
}

.icon-evernote:before {
	content: "\e763"
}

.icon-flattr2:before {
	content: "\e762"
}

.icon-skype3:before {
	content: "\e761"
}

.icon-skype2:before {
	content: "\e760"
}

.icon-renren:before {
	content: "\e75f"
}

.icon-sina-weibo:before {
	content: "\e75e"
}

.icon-paypal:before {
	content: "\e75d"
}

.icon-picasa:before {
	content: "\e75c"
}

.icon-soundcloud3:before {
	content: "\e75b"
}

.icon-mixi:before {
	content: "\e75a"
}

.icon-behance:before {
	content: "\e759"
}

.icon-circles:before {
	content: "\e758"
}

.icon-vk:before {
	content: "\e757"
}

.icon-smashing:before {
	content: "\e756"
}

/*====== MEGA NAV STYLES 2017 ======*/
.meganav-block{display:flex;background-color:#fff;visibility: hidden;opacity: 0;transition: all .3s ease;max-width:1366px;width:100%;height:auto;position:absolute;left:0px;padding: 40px;box-sizing:border-box;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);z-index:9;}
nav[role="navigation"] #nav-list li:hover + .meganav-block, .meganav-block:hover {visibility: visible;opacity: 1;}
.meganav-block a{color: #7492c8; font-size:16px; font-family:'robotoregular'; margin-top:5px;display:block;transition: all .3s ease; position:relative; font-weight:500;}
.meganav-block a:not(.blue-overlay):not(.img-cta):before{content:"\e71a"; position:absolute; left:-15px; color:#00b170; font-family: 'icomoonfont', 'robotoregular';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1; -webkit-font-smoothing: antialiased; transition: all .3s ease;font-size:21px;visibility:hidden; opacity:0;}
.meganav-block a:hover:not(.blue-overlay):not(.img-cta) {color:#00b170; padding-left:15px;transition: all .3s ease;}
.meganav-block a:not(.blue-overlay):not(.img-cta):hover:before{left:-5px; visibility:visible; opacity:1;transition: all .3s ease;}
.flex-row{display:flex; flex-flow:row;}
.flex-space-around{justify-content:space-around;}
.flex-center-content{justify-content:center; align-items:center;}
.flex-column{display:flex; flex-direction:column;}
.flex-child{flex:1; width:100%; box-sizing:border-box;}
.vertical-divider{border-right:1px solid #f2f2f2;}
.mega-nav-ceramcor-block{background-image:url(../../img/ceramcor-image.jpg); background-repeat: no-repeat; background-position: center; background-size:cover;}
.mega-nav-leads-block{background-image:url(../img/qualified-leads-mega-nav.jpg); background-repeat: no-repeat; background-position: center; background-size:cover;}
.mega-nav-stat-block a {opacity: 1;}
.mega-nav-stat-block a:hover {opacity: .75;}
.mega-nav-stat p {color: #3b3b3b; line-height: 18px;}
.mega-nav-stat span {color: #1b335f;}
.mega-nav-stat{width:100%;}
.font-weight-bold{font-family: 'robotobold';}
.img-cta{display:flex !important;}
.image-container {position: relative;}
.image-container .blue-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(17, 24, 38, 0.75);display: flex;align-items: center;justify-content: center;}
.image-container:hover .blue-overlay {background: rgba(18, 34, 57, 0.5);}
a.img-cta.center.bg--light-gray.flex-child.flex-column.flex-center-content {padding: 20px;}
p.text--gray.small-copy.meganav-subline {margin-top: 0;}
.meganav-block hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
.bg--light-gray { background-color: #f1f1f1; }
nav[role="navigation"] .menu-has-children:after {font-family: 'icomoonfont', 'robotoregular'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} .revenue-text {position: relative;background: #1c2c48;float:right;padding:10px;color:#fff;border-top-left-radius:5px;border-bottom-left-radius:5px;text-align:left;font-size:15px;font-family:robotobold;line-height:1.1em;}
.revenue-text:after, .revenue-text:before {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.revenue-text:after {border-color: rgba(36, 56, 91, 0);border-left-color: #1c2c48;border-width: 26px;margin-top: -26px;}
.revenue-number{float: right;height: 52px;background-color: #00b170;padding-left: 30px;color: #fff;font-size: 37px;font-family: robotobold;padding-right: 20px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;letter-spacing:2px;}
.revenue-number:after{content: "\e6d2";position: absolute; font-family: icomoonfont; font-size: 16px; bottom: 0; right: 25px;} 

/**
 * Text alignment
 */
.text-left     { text-align:left  !important; }
.text-center   { text-align:center!important; }
.text-right    { text-align:right !important; }
.text-inline   { display:inline   !important; }
.text-inline-block {display:inline-block   !important; }
.vert-align-top {vertical-align: top !important;}

/**
 * Positioning
 */

.affix-top    { position: fixed!important; top:    0!important; }
.affix-bottom { position: fixed!important; bottom: 0!important; }
.affix-left   { position: fixed!important; left:   0!important; }
.affix-right  { position: fixed!important; right:  0!important; }

.pull-right { float: right!important; }
.pull-left  { float: left !important; }

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.vert-align-top {vertical-align: top !important;}
.vert-align-bottom {vertical-align: bottom !important;}

.vert-align-middle {
    display: inline-block;
    float: none;
    vertical-align: middle !important;
}

/**
 * Add/remove margins
 */

.push           { margin:       20px!important; }
.push-top      { margin-top:   20px!important; }
.push-right    { margin-right: 20px!important; }
.push-bottom   { margin-bottom:20px!important; }
.push-left     { margin-left:  20px!important; }
.push-ends     { margin-top:   20px!important; margin-bottom:20px!important; }
.push-sides    { margin-right: 20px!important; margin-left:  20px!important; }

.push-half          { margin:       10px!important; }
.push-half-top     { margin-top:   10px!important; }
.push-half-right   { margin-right: 10px!important; }
.push-half-bottom  { margin-bottom:10px!important; }
.push-half-left    { margin-left:  10px!important; }
.push-half-ends    { margin-top:   10px!important; margin-bottom:10px!important; }
.push-half-sides   { margin-right: 10px!important; margin-left:  10px!important; }

.push-five          { margin:       5px!important; }
.push-five-top     { margin-top:   5px!important; }
.push-five-right   { margin-right: 5px!important; }
.push-five-bottom  { margin-bottom:5px!important; }
.push-five-left    { margin-left:  5px!important; }
.push-five-ends    { margin-top:   5px!important; margin-bottom:5px!important; }
.push-five-sides   { margin-right: 5px!important; margin-left:  5px!important; }

.flush          { margin:       0!important; }
.flush-top     { margin-top:   0!important; }
.flush-right   { margin-right: 0!important; }
.flush-bottom  { margin-bottom:0!important; }
.flush-left    { margin-left:  0!important; }
.flush-ends    { margin-top:   0!important; margin-bottom:0!important; }
.flush-sides   { margin-right: 0!important; margin-left:  0!important; }

.bootstrap-margins{margin:24px !important;}
.bootstrap-margins-top{margin-top:24px !important;}
.bootstrap-margins-right{margin-right:24px !important;}
.bootstrap-margins-bottom{margin-bottom:24px !important;}
.bootstrap-margins-left{margin-left:24px !important;}
.bootstrap-margins-ends{margin-top:24px !important; margin-bottom:24px !important}
.bootstrap-margins-sides{margin-right: 24px!important; margin-left:  24px!important;}


/**
 * Add/remove paddings
 */
 .bootstrap-padding{padding:24px !important;}
 .bootstrap-padding-top{padding-top:24px !important;}
 .bootstrap-padding-right{padding-right:24px !important;}
 .bootstrap-padding-bottom{padding-bottom:24px !important;}
 .bootstrap-padding-left{padding-left:24px !important;}
 .bootstrap-padding-ends{padding-top:24px !important; padding-bottom:24px !important}
 .bootstrap-padding-sides{padding-right: 24px!important; padding-left:  24px!important;}

.soft           { padding:       20px!important; }
.soft-top      { padding-top:   20px!important; }
.soft-right    { padding-right: 20px!important; }
.soft-bottom   { padding-bottom:20px!important; }
.soft-left     { padding-left:  20px!important; }
.soft-ends     { padding-top:   20px!important; padding-bottom:20px!important; }
.soft-sides    { padding-right: 20px!important; padding-left:  20px!important; }

.soft-half           { padding:       10px!important; }
.soft-half-top      { padding-top:   10px!important; }
.soft-half-right    { padding-right: 10px!important; }
.soft-half-bottom   { padding-bottom:10px!important; }
.soft-half-left     { padding-left:  10px!important; }
.soft-half-ends     { padding-top:   10px!important; padding-bottom:10px!important; }
.soft-half-sides    { padding-right: 10px!important; padding-left:  10px!important; }

.soft-five           { padding:       5px!important; }
.soft-five-top      { padding-top:   5px!important; }
.soft-five-right    { padding-right: 5px!important; }
.soft-five-bottom   { padding-bottom:5px!important; }
.soft-five-left     { padding-left:  5px!important; }
.soft-five-ends     { padding-top:   5px!important; padding-bottom:5px!important; }
.soft-five-sides    { padding-right: 5px!important; padding-left:  5px!important; }

.hard           { padding:       0!important; }
.hard-top      { padding-top:   0!important; }
.hard-right    { padding-right: 0!important; }
.hard-bottom   { padding-bottom:0!important; }
.hard-left     { padding-left:  0!important; }
.hard-ends     { padding-top:   0!important; padding-bottom:0!important; }
.hard-sides    { padding-right: 0!important; padding-left:  0!important; }

/* Font Helper Classes */
.margin-bottom--50 {margin-bottom:50px !important;}
.margin-top--50 {margin-top:50px !important;}
.padding-top--50{padding-top:50px !important;}
.padding-bottom--50{padding-bottom:50px !important;}
.uppercase {text-transform:uppercase;}
.center {text-align:center;}
.align--right {text-align:right;}
.align--left {text-align:left;}
.pictogram.big {font-size:4em;}
.pictogram.blue,
span.blue,
.text--blue {color:#466DB2 !important;}
.pictogram.dark-blue,
span.dark-blue,
.text--dark-blue {color:#142748 !important;}
.green,
.text--green {color:#00b170 !important;}
.highlight-white,
.text--white {color:#fff !important;}
.highlight-yellow,
.text--yellow {color:#ffd02b !important;}
.text--gray{color:#636363 !important;}
.underline {border-bottom:1px solid #e1e1e1;}

.black-section-wrapper .underline { border-bottom: 1px solid #222; }
.blue-section-wrapper .underline {border-bottom: 1px solid #fff;}

.big, .bigger, .biggest {line-height:1em;}
.big {font-size:36px;}
.bigger {font-size:54px;}
.biggest {font-size:80px;}

.twentypx {font-size:20px;}

.small-copy {font-size:14px !important;}
.smaller-copy {font-size:12px !important;}
.smallest-copy {font-size:10px !important;}

.post-header .category-symbol span,
.sidebar .categories a:after {
	font-family: category-font;
	font-style: normal;
	text-transform: none;
	line-height: 1
}

.btn,
.uppercase,
nav[role=navigation] li a {
	text-transform: uppercase
}

.post-header.webfx-news .category-symbol span:before,
.sidebar .categories .webfx a:after {
	content: "\e6b9"
}

.post-header.web-design .category-symbol span:before,
.sidebar .categories .web-design a:after {
	content: "\e6a0"
}

.post-header.search .category-symbol span:before,
.sidebar .categories .search a:after {
	content: "\e673"
}

.post-header.social-media .category-symbol span:before,
.sidebar .categories .social-media a:after {
	content: "\e66f"
}

.post-header.internet .category-symbol span:before,
.sidebar .categories .internet a:after {
	content: "\e686"
}

.post-header.marketing .category-symbol span:before,
.sidebar .categories .marketing a:after {
	content: "\e6bd"
}

.hidden-logo,
.pagination div,
.social .social-links,
a,
input,
nav li,
textarea {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.nav-wrapper,
nav .phone-number {
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	-ms-transition: background .5s ease;
	-o-transition: background .5s ease;
	transition: background .5s ease
}

.admin-bar .sticky-social-bar {
	top: 32px
}

a[href^=tel] {
	color: #fff
}

.main-content a,
span.blue {
	color: #466DB2
}

.last {
	margin-right: 0!important
}

.vhidden {
	visibility: hidden
}

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

.cf:after,
.clear,
.wrapper:after {
	clear: both
}

.cl {
	clear: left
}

.cr {
	clear: right
}

h3 {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 45px 0 10px
}

blockquote {
	margin: 1em 20px;
	padding: 40px 40px 10px;
	background: #f3f3f3
}

.main-content a:hover {
	color: #333
}

img.aligncenter,
img.alignleft,
img.alignright {
	display: block
}

.alignleft,
img.alignleft {
	float: left;
	margin: 0 30px 30px 0
}

.alignright,
img.alignright {
	float: right;
	margin: 0 0 30px 30px
}

.aligncenter,
img.aligncenter {
	float: none;
	margin: 20px auto
}

.btn.half,
.fivecol,
.fourcol,
.sidebar,
.threecol,
.twocol {
	float: left
}

.wrapper {
	max-width: 964px;
	margin: 0 auto
}

.content-section {
	width: 964px;
	padding: 40px 0 30px;
	margin: 0 auto
}

.content-section.main-section {
	padding: 0 0 40px
}

.main-content {
	width: 100%;
	font-size: 20px;
	float: left
}

.sidebar {
	width: 222px;
	margin-left: 52px
}

.blue-section-wrapper {
	background: #5170a6
}

.black-section-wrapper {
	background: #000
}

.threecol.span-1 {
	width: 32%;
	margin-right: 2%
}

.fivecol.span-1 {
	width: 168px;
	margin-right: 31px
}

.btn {
	text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block
}

.btn.blue,
.btn.dark-blue,
.btn.green,
.btn.outline,
.btn.yellow {
	padding: 0 12px;
	font-size: 12px;
	line-height: 3.2em;
}

#nav-list .btn.dark-blue{line-height:1em !important;}

.btn.yellow {
	background: #ffd02b;
	color: #292929;
	-webkit-box-shadow: 0 1px 0 0 rgba(224, 164, 12, 1);
	box-shadow: 0 1px 0 0 rgba(224, 164, 12, 1);
	text-shadow: 0 -1px 0 #e0a414
}

.btn.blue {
	background: #7492c8;
	color: #fff;
	-webkit-box-shadow: 0 1px 0 0 rgba(66, 96, 164, 1);
	box-shadow: 0 1px 0 0 rgba(66, 96, 164, 1);
	text-shadow: 0 -1px 0 #466db2
}

.btn.green {
    font-size: 17px;
    background: #00b170;
    padding: 15px 24px;
    color: #fff !important;
    line-height: 1;
	margin-top:20px;
}

.btn.dark-blue {
	background: #334f81;
	color: #fff;
	-webkit-box-shadow: 0 1px 0 0 #1f3967;
	box-shadow: 0 1px 0 0 #1f3967;
	text-shadow: 0 -1px 0 #1f3967
}

.btn.yellow-small {
	font-size: .7em;
	background: #ffd02b;
	padding: 0 5px;
	color: #292929;
	-webkit-box-shadow: 0 1px 0 0 rgba(224, 164, 12, 1);
	box-shadow: 0 1px 0 0 rgba(224, 164, 12, 1);
	text-shadow: 0 -1px 0 #e0a414;
	line-height: 2.6em
}

.btn.blue-small {
	font-size: .7em;
	background: #7492c8;
	padding: 7px 3px;
	color: #fff;
	-webkit-box-shadow: 0 1px 0 0 rgba(66, 96, 164, 1);
	box-shadow: 0 1px 0 0 rgba(66, 96, 164, 1);
	text-shadow: 0 -1px 0 #466db2
}

.btn .pictogram {
	color: #fff;
	font-size: 1.7em;
	line-height: 1em;
	padding-left: 5px
}

.btn.half {
	width: 47%;
	margin-right: 1%
}

.btn.outline {
	border: 1px solid #b5b5b5;
	color: #292929;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff
}

.btn-free-quote-hidden:hover,
.btn-free-quote:hover,
.btn.yellow-large:hover,
.btn.yellow-small:hover,
.btn.yellow:hover {
	background: #ffe690;
	color: #292929
}

.btn-free-quote-hidden:active,
.btn-free-quote:active,
.btn.yellow-large:active,
.btn.yellow-small:active,
.btn.yellow:active {
	background: #e0a414;
	color: #292929
}

.btn.blue-small:hover,
.btn.blue:hover {
	background: #a4b8db
}

.btn.blue-small:active,
.btn.blue:active {
	background: #466db2;
	color: #fff
}

.btn.green:hover {
	background: #4ad056
}

.btn.outline:hover {
	background: #fff
}

.btn.green:active {
	background: #128932
}

.btn.dark-blue:hover {
	background: #4f6b9e
}

.btn.dark-blue:active {
	background: #1f3967;
	color: #fff
}

.btn.outline:active {
	background: #ccc;
	-webkit-box-shadow: inset 0 1px 0 0 #999;
	box-shadow: inset 0 1px 0 0 #999;
	border: 1px solid #999
}

.btn span:before,
.btn.blue span:before,
.btn.blue-small span:before,
.btn.dark-blue span:before,
.btn.green span:before,
.btn.outline span:before,
.btn.yellow span:before {
	color: #fff
}

input.btn {
	border: 0
}

.header-wrapper {
	background: #142034;
	z-index: 9999
}

.site-header {
	z-index: 9999;
	width: 100%;
}

.header-top {
	margin: 0 auto;
	padding: 15px 0;
}

.header-top-right {
	float: right;
	margin-top: 30px;
	max-width: 400px
}

.revenue {
	font-size: .85em;
	margin: 0;
	padding: 5px;
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/transparency-85-black.png);
	color: #CCC
}

.slogan {
    position: relative;
    float: left;
    margin-left: 15px;
    font-size: 15px;
    color: #FFF;
    padding: 6px 0 9px 15px;
    border-left: 1px solid #466db2;
    line-height: 1.1em;
    margin-top: 2px;
}

.site-header-quote-form form{display:block;}

.site-header-quote-form { text-align: right; padding-top:5px;}

.site-header-quote-form input[type="url"] {
    height: 42px;
    width: 60%;
	border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    color: #333;
}

.site-header-quote-form .btn {
    font-size: 14px;
    padding: 12px 20px;
	line-height:1.4em;
	color:#fff !important;
	background: #00b170;
}

.logo,
.logo-container .logo {
	background:url(../img/logo-webfx.png) no-repeat;
	display:block;
	width:178px;
	height:53px;
	text-indent: -1000em;
	float:left;
	position:inherit;
}

.logo,
.logo-container {
	height: 53px;
	width: 178px;
	float: left;
}

.revenue .number {
	color: #fff;
	font-size: 1.1em;
	padding-left: 10px
}

.revenue span {
	color: #ffd02b;
	padding-right: 10px
}

.logo {
	position: inherit
}

.logo-container {
	position: relative
}

.logo-container:hover .logo {
	left: -178px
}

.logo-container:hover .logo-text {
	left: 0
}

.logo-container .logo-text {
	position: absolute;
	top: 13px;
	left: 178px;
	text-align: center;
	color: #fff;
	width: 178px;
	display: block;
	text-transform: uppercase
}

.logo-container .logo-text .pictogram {
	font-size: 1.5em
}

.logo-container .logo {
	width: 178px;
	height: 53px;
	position: absolute;
	top: 0;
	left: 0;
	float: none;
	margin-top: 0
}

.hiring {
	position: relative;
	top: 43px;
	left: 12px;
	float: left
}

.btn-blog-home,
.mobile-menu-trigger {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/transparency-50-black.png);
	float: right
}

.hiring a {
	font-style: italic;
	color: #ffd02b;
	font-size: 14px
}

.btn-blog-home {
	display: block;
	font-size: .85em;
	color: #ccc;
	padding: 0 5px;
	margin: 30px 5px 0 0;
	line-height: 2.3em
}

.mobile-menu,
.mobile-menu-trigger,
nav[role=navigation].mobile-menu li:hover ul {
	display: none
}

.btn-blog-home .pictogram {
	color: #fff;
	font-size: 20px;
	line-height: 1.05em;
	margin-right: 5px
}

.btn-blog-home:hover {
	color: #466DB2;
	margin-right: 10px
}

.mobile-menu-trigger {
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	margin-top: 25px
}

.mobile-menu-trigger span {
	line-height: 1.4em
}

nav[role=navigation].mobile-menu {
	background: #fff;
	width: 100%;
	position: absolute;
	top: 76px;
	left: 0;
	padding: 10px 5%;
	z-index: 2;
	height: auto
}

nav[role=navigation].mobile-menu:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px;
	border-color: transparent transparent #fff;
	position: absolute;
	top: -8px;
	right: 22px
}

nav[role=navigation].mobile-menu ul {
	float: none
}

nav[role=navigation].mobile-menu li {
	float: none;
	border-top: 1px solid #DEDEDE;
	opacity: 0;
	-moz-animation: fadein 3s ease-in 1s forwards;
	-webkit-animation: fadein 3s ease-in 1s forwards;
	-o-animation: fadein 3s ease-in 1s forwards;
	animation: fadein 3s ease-in 1s forwards
}

nav[role=navigation].mobile-menu li:first-child {
	border-top: 0
}

nav[role=navigation].mobile-menu a {
	color: #333;
	line-height: 3em;
	text-align: center;
	padding: 0 2%;
	font-size: 14px
}

nav[role=navigation].mobile-menu li:hover {
	background: #DEDEDE
}

body.mobile-menu-visible {
	background: #fff
}

.mobile-menu-visible .mobile-menu {
	display: block
}

.mobile-menu-visible .black-section-wrapper,
.mobile-menu-visible .content-section {
	display: none!important
}

.condensed-nav .testimonials,
.hidden-logo {
	display: none
}

.mobile-menu-visible nav[role=navigation].mobile-menu li {
	opacity: 1
}

.hidden-logo {
	background: url(https://www.webfx.com/img/new-fx3.png);
	cursor: pointer;
	width: 51px;
	height: 36px;
	float: left;
	background-size:cover;
}

.hidden-logo:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, .25);
	box-shadow: 0 0 10px 0 rgba(255, 255, 255, .25)
}

.condensed-nav .nav-wrapper {
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0;
	background: #98afd7
}

.condensed-nav nav[role=navigation] .phone-number {
	background: #98afd7;
	margin-left: 42px
}

.condensed-nav nav[role=navigation] li a {
	padding: 0 11px
}

.condensed-nav nav[role=navigation] li ul li a {
	padding: 6px 15px
}

.condensed-nav .hidden-logo,
.sticky-social-bar .hidden-logo,
.sticky-social-bar.active .hidden-logo {
	display: block
}

.sticky-social-bar {
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	opacity: 0;
	padding: 5px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	transition: all .2s;
	visibility:hidden;
}

.sticky-social-bar.visible {
	opacity: 1;
	visibility:visible;
}

.social-links-sticky {
	margin: 0 25px 0 0;
	float: left
}

.social-links-sticky>li {
	float: left;
	margin-top: 5px
}

.social-links-sticky li:first-child {
	line-height: 36px;
	margin-top: 0
}

.twitter-share {
	margin-top: 1px;
	width: 80px
}

.googleplus-one {
	width: 70px
}

.linkedin-share,
.pinterest-pinit,
.stumbleupon-share {
	margin-top: 3px
}

.to-top {
	float: right
}

.mobile-social-share-links {
	list-style: none;
	display: none;
	text-align: center
}

.mobile-social-share-links li {
	display: inline-block
}

nav[role=navigation] {
	max-width: 1366px;
	padding: 0 30px;
	margin: 0 auto;
	position: relative;
	height: 48px;
}



.masthead {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/bg-masthead.jpg) 80% top no-repeat #5170A6
}

.masthead .content-column {
	color: #fff;
	float: left;
	width: 45%;
	margin-right: 5%
}

.masthead.home .content-column {
	width: 45%
}

.masthead.inner .content-column {
	width: 40%
}

.masthead .content-column h2 {
	font-size: 50px;
	margin: 0 0 25px;
	line-height: .6em;
	
}

.masthead .content-column h2 span {
	font-size: 28px;
	line-height: 1em;
	color: #fff;
}

.masthead h2 a {
	color: #fff
}

.masthead .content-column ul {
	font-size: 14px;
	padding: 0
}

.masthead .content-column li {
	margin-top: 8px;
	list-style-type: none;
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/bullet-blue.png) left 3px no-repeat;
	padding-left: 30px
}

.masthead .content-column li:first-child {
	margin: 0
}

.masthead.home form,
.masthead.inner form {
	width: 100%;
	padding-left: 25%
}

.masthead form input[type=email] {
	border: 0;
	padding: 12px;
	-webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5);
	color: #ccc;
	text-transform: uppercase;
	width: 75%
}

.masthead form input[type=email]:focus {
	color: #333;
	text-transform: none
}

.masthead form p {
	font-size: 13px;
	margin: 0 0 10px
}

.masthead form h2 {
	margin: 0 0 5px
}

.masthead.inner form h2 {
	margin: 0 10px 0 0;
	line-height: 1.6em;
	float: left
}

.masthead.inner .content-section {
	padding: 20px 0
}

.masthead.inner form {
	border-width: 4px
}

.masthead.inner .content-column h2 {
	line-height: 1.4em;
	margin: 10px 0 0
}

.masthead .masthead-logo {
	width: 100%;
	padding: 10px
}

.form-row {
	margin-bottom: 10px
}

input[type=email],
input[type=password],
input[type=text],
textarea {
	background: #F2F2F2;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 1);
	outline: 0;
	color: #333;
	font-size: 12px
}

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
	background: #fff;
	-webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5)
}

button,
input[type=submit] {
	border: 0;
	cursor: pointer
}

input[type=file] {
	font-size: .75em
}

label,
legend {
	text-transform: uppercase;
	line-height: 160%;
	font-size: .813em
}

label span,
legend span {
	color: red
}

label span.small {
	color: inherit;
	font-size: .75em;
	text-transform: none
}

label.error {
	font-size: 11px;
	color: #f56a6a
}

input.error,
select.error {
	background: #fccaca
}

select {
	background: #F2F2F2;
	font-size: .813em
}

.checkboxes input {
	float: left;
	margin: 2px 5px 0 0
}

fieldset a {
	color: #7492c8
}

.sign-up-form {
	background: #fff;
	border: 8px solid #DEDEDE
}


/* NEW POST CATEGORY LAYOUT */

.post-banner {
	width: 100%;
	display: block;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 57px 57px 25px 57px;
	min-height: 296px;
	background-size: cover !important;
}

	.post-banner:before,
	.post-banner:after {
		content: '';
		position: absolute;
		left: 0;
		width: 100%;
		-webkit-transition: all .3s ease;
			 -moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				 -o-transition: all .3s ease;
						transition: all .3s ease;	
	}

	.post-banner:before {
		top: 0;
		height: 100%;
		background-color: #122239;
		opacity: .8;
	}

	.post-banner:after {
		bottom: 0;
		height: 5px;
	}	

.post-banner--design .post-banner-category,
.post-banner--design:after { background-color: #94268c; }

.post-banner--marketing .post-banner-category,
.post-banner--marketing:after { background-color: #ff4a4c; }

.post-banner--social .post-banner-category,
.post-banner--social:after  { background-color: #0f62b5; }

.post-banner--search .post-banner-category,
.post-banner--search:after { background-color: #fc942f; }

.post-banner--internet .post-banner-category,
.post-banner--internet:after { background-color: #99cc63; }

.post-banner--news .post-banner-category,
.post-banner--news:after { background-color: #445b8d; }

a.post-banner:hover:before,
a.post-banner:hover:after {
	-webkit-transition: all .15s ease;
		 -moz-transition: all .15s ease;
		 	-ms-transition: all .15s ease;
		 	 -o-transition: all .15s ease;
					transition: all .15s ease;	
}

a.post-banner:hover:before { opacity: .85; }
a.post-banner:hover:after { height: 10px; }

.post-banner,
.post-banner-category,
.banner__category,
.banner__headline { position: relative; }

.post-banner-category {
	display: inline-block;
	padding: 10px 20px 10px 17px;
}

.banner__category {
	top: 3px;
	margin-left: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 19px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #fff;	
}

.post-banner-category .banner__icon {
	width: 35px;
	height: 35px;
}

.post-banner .banner__headline {
	margin: 20px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 48px;
	font-weight: 900;
	line-height: 1.25em;
	color: #fff;
	-webkit-backface-visibility: hidden; /* Fixes rendering issues */
					backface-visibility: hidden;	
}

@media (max-width: 600px) {
	.post-banner { 
		padding: 50px 25px;
		min-height: auto;
	}
}

.sidebar-section {
	max-width:964px !important;
	background: 0 0;
	padding: 0 30px 20px 30px !important
}

.sidebar-section:first-child {
	margin-top: -3px
}

.sidebar-section h3 {
	color: #777;
	margin: 0 0 10px
}

.sidebar-section ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 0
}

.sidebar-section li {
	display: table-cell;
	vertical-align: middle;
	overflow: hidden;
	list-style-type: none
}

.sidebar-section li a {
	color: #333;
	font-size: 12px;
	display: block
}

.sidebar-section li .icon {
	font-size: 18px;
	margin-right: 5px
}

.sidebar-section li.gplus .icon {
	color: #c3362b
}

.sidebar-section li.facebook .icon {
	color: #6287c2
}

.sidebar-section li.twitter .icon {
	color: #77c1e2
}

.sidebar-section.categories li {
	text-transform: uppercase
}

.sidebar-section.categories a {
	padding: 10px;
	position: relative;
	color: #fff;
	letter-spacing: 1px;
}

.sidebar .categories a:after {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 18px;
	color: #fff
}

.sidebar-section.categories a:hover {
	color: #fff
}

.sidebar-section.categories .webfx {
	background: #445b8d;
	opacity: 1;
}

.sidebar-section.categories .webfx.active,
.sidebar-section.categories .webfx:hover {
	opacity: .8;
}

.sidebar-section.categories .web-design {
	background: #94268c;
	opacity: 1;
}

.sidebar-section.categories .web-design.active,
.sidebar-section.categories .web-design:hover {
	opacity: .8;
}

.sidebar-section.categories .search {
	background: #fc942f;
	opacity: 1;
}

.sidebar-section.categories .search.active,
.sidebar-section.categories .search:hover {
	opacity: .8;
}

.sidebar-section.categories .internet {
	background: #99cc63;
	opacity: 1;
}

.sidebar-section.categories .internet.active,
.sidebar-section.categories .internet:hover {
	opacity: .8;
}

.sidebar-section.categories .marketing {
	background: #ff4a4c;
	opacity: 1;
}

.sidebar-section.categories .marketing.active,
.sidebar-section.categories .marketing:hover {
	opacity: .8;
}

.sidebar-section.categories .social-media {
	background: #0f62b5;
	opacity: 1;
}

.sidebar-section.categories .social-media.active,
.sidebar-section.categories .social-media:hover {
	opacity: .8;
		
}

.sidebar-section.popular-posts li {
	margin-top: 15px;
	padding: 15px 8px 0;
	border-top: 1px solid #e2e2e2;
	position: relative
}

.sidebar-section.popular-posts li span {
	background: #fff;
	border: 1px solid #e2e2e2;
	display: inline-block;
	width: 17px;
	height: 17px;
	font-size: 10px;
	color: #868686;
	text-align: center;
	position: absolute;
	top: -8px;
	left: 95px;
	border-radius: 15px
}

.sidebar-section.popular-posts h3 {
	margin-bottom: 20px
}

.sidebar-section.popular-posts a {
	line-height: 1.6em
}

.sidebar-section.popular-posts a:hover,
.sidebar-section.social-links a:hover {
	color: #888
}

.sidebar-section.social-links li {
	border-top: 1px solid #e2e2e2;
	float: none;
	width: 100%;
	margin: 0
}

.sidebar-section.social-links li>span {
	font-size: 12px;
	float: right;
	padding: 7px
}

.sidebar-section.social-links li:first-child {
	border: 0
}

.sidebar-section.social-links a {
	padding: 5px 10px 5px 15px;
	display: inline-block
}

.post-header {
	position: relative;
	margin-top: 2px;
}

.post-header:first-child {
	margin-top: 3px;
}

.post-header img {
	width: 100%;
	height: auto
}

.post-header .category-symbol {
	/*background: #333;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	text-align: center*/
	display: none;
}

.post-header .category-symbol span {
	color: #dc6d69
}

.general .category-symbol span {
	color: #39ccbf
}

.web-design .category-symbol span {
	color: #99cc62
}

.seo .category-symbol span {
	color: #657798
}

.content-marketing .category-symbol span {
	color: #fbac15
}

.conversion-rate-optimization .category-symbol span {
	color: #dc6d69
}

.social-media .category-symbol span {
	color: #3e95d7
}

.internet .category-symbol span {
	color: #fbac15
}

.search .category-symbol span {
	color: #334f81
}

.entry p,
.entry ul {
	margin: 0 0 30px
}

.entry ul {
	padding: 0 0 0 20px
}

.entry ul ul,
.entry ul ul ul {
	margin: 20px 0
}

.entry li,
.entry p {
	line-height: 26px;
	-webkit-font-smoothing: antialiased;
}

.entry li {
	list-style-type: none;
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/bullet-gray.png) left 5px no-repeat;
	padding-left: 20px
}

.entry img {
	max-width: 100%;
	height: auto!important
}

.entry,
.feed-display .pagination,
.post-footer {
	margin-left: 50px;
	margin-right: 50px
}

.main-content h1 {
	font-size: 38px;
	line-height: 46px
}

.main-content article:first-child {
	margin-top: -3px
}

.post-footer .btn {
	margin-bottom: 10px
}

.read-time {
	color: #aaa;
	font-style: italic;
	float: right;
	padding-top: 10px
}

.social {
	border-top: 1px solid #ccc;
	position: relative;
	height: 40px
}

.social .social-links {
	padding: 8px 8px 4px;
	background: #fff;
	margin: 0 0 10px;
	position: absolute;
	top: -42px;
	width: 100%
}

.social:hover .social-links {
	top: 0
}

.social-links li {
	list-style-type: none;
	float: left;
	display: inline-block;
	margin-right: 15px
}

.social .total {
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
	text-shadow: 0 1px 0 #fff;
	padding-top: 10px
}

.social .total .number {
	margin-left: 15px;
	display: inline-block
}

.pagination a,
.pagination span {
	background: #fff;
	border: 1px solid #ddd;
	display: inline-block;
	line-height: 32px;
	margin: 0 3px 3px 0;
	padding: 1px 10px 0;
	border-radius: 4px;
	color: #444;
	text-align: center
}

.pagination a:hover {
	background: #222;
	border-color: #000;
	color: #fff
}

.pagination .current {
	background: #EAEAEA;
	border: 1px solid #ccc
}

.pagination .dots {
	background: 0 0;
	border: 0;
	position: relative;
	top: 10px
}

.pagination .next {
	padding-right: 30px;
	position: relative
}

.pagination .previous {
	padding-left: 30px;
	position: relative
}

.pagination .next:after,
.pagination .previous:after {
	font-family: icomoon;
	font-style: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	top: 9px
}

.pagination .next:after {
	right: 10px;
	content: "\e71e"
}

.pagination .previous:after {
	left: 10px;
	content: "\e71b"
}

.pagination .next:hover:after,
.pagination .previous:hover:after {
	color: #666
}

.pagination a span,
.pagination span span {
	background: 0 0;
	border: none;
	padding: 0
}

.pagination.posts a {
	display: block;
	width: 49%;
	height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	position: relative
}

.pagination.posts a:last-child {
	float: right
}

.embedcode.left,
.pagination.posts a:first-child {
	float: left
}

.pagination.posts .icon-arrow-right5 {
	position: absolute;
	top: 2px;
	right: 2px
}

.paginated-navigation{
    text-align: center;
    margin-bottom: 20px;
}

.embedcode {
	margin-bottom: 20px
}

.embedcode textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: 90px
}

.embedcode.right {
	float: right
}

.single-display h1 {
	margin: 40px 0 20px 50px;
	color: #122239;
}

.single-display .entry p:first-child {
	font-size: 21px;
	line-height: 30px
}

.single-display .social-links {
	margin: 0 0 30px 50px;
	padding: 0
}

.single-display .post-footer .social-links {
	margin: 0 0 30px
}

.single-display textarea {
	-webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .2);
	border: 1px solid #ccc;
	padding: 10px
}

.wp-caption-text {
	border-bottom: 8px solid #d2d2d2;
	padding: 15px;
	font-size: 12px;
	line-height: 1.9em
}

.author-section {
	background: #d2d2d2;
	display: table;
	width: 100%;
	padding-bottom: 1px
}

.author-section img {
	width: 88px;
	height: 88px
}

.author-section figcaption {
	display: table-cell;
	vertical-align: middle;
	padding: 0 5%;
	width: 90%;
	font-size: 14px
}

.bottom-sign-up-form {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/bg-bottom-signup-form.png) 440px -100px no-repeat #fff;
	width: 100%;
	padding: 6%;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
	margin-bottom: 50px
}

.bottom-sign-up-form h2 {
	font-size: 24px;
	text-transform: uppercase;
	margin: 0
}

.bottom-sign-up-form p {
	font-size: 12px;
	margin: 0 0 15px
}

.bottom-sign-up-form input[type=email] {
	border: 0;
	padding: 12px;
	-webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5);
	color: #CCC;
	text-transform: uppercase;
	width: 210px
}

.bottom-sign-up-form input[type=email]:focus {
	color: #333;
	text-transform: none
}

.bottom-sign-up-form input[type=submit] {
	width: 200px
}

#disqus_thread {
	margin-bottom: 30px
}

.single-display.no-sidebar {
	width: 100%
}

.feed-display h1 {
	margin: 20px 30px;
}

.feed-display h1 a {
	color: #122239;
	background: #fff;
	padding: 15px 0 0 20px;
	width: 100%;
	display: inline-block
}

.feed-display h1 a:hover {
	color: #466DB2
}

.feed-display article {
	margin-bottom: 100px
}

.sort-title {
	background: #333;
	padding: 20px 8%;
	color: #fff;
	margin: 0;
	font-size: 20px
}

.site-footer {
	padding: 30px 0;
    max-width: 1366px;
    min-width: 320px;
    margin: 0 auto;
    overflow: hidden;
}

.site-footer.simple-footer {
	padding: 20px 30px
}

.site-footer p {
	line-height: 1.4em;
	font-size: .813em;
	margin: 0 0 15px;
	color: #ccc
}

.site-footer h3 {
	margin-top: 0;
	color: #fff
}

.newsletter-signup {
	padding: 7px;
	background: #151515
}

.newsletter-signup h3 .pictogram {
	font-size: 1.6em;
	line-height: .7em
}

.newsletter-signup-form {
	position: relative
}

.newsletter-signup-form input[type=email] {
	width: 100%;
	padding: 4% 28% 4% 4%;
	border: 1px solid #2c2c2c;
	color: #7d7d7d
}

.newsletter-signup-form input.btn-signup {
	background: 0 0;
	border-left: 1px solid #bdbdbd;
	border-top: none;
	border-right: none;
	border-bottom: none;
	color: #294069;
	text-transform: uppercase;
	cursor: pointer;
	font-size: .813em;
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 0 5px 0 10px;
	-webkit-appearance: none;
	border-radius: 0
}

.newsletter-signup-form input.btn-signup:hover {
	color: #666
}

.newsletter-signup-form input.btn-signup:active {
	color: #000
}

.footer-blog-feed {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/img/icon-blog.png) left 7px no-repeat;
	padding: 7px 0 0 40px;
	margin-bottom: 12px
}

.footer-blog-feed .title {
	font-size: .813em;
	color: #ccc;
	line-height: 1.4em;
	display: block
}

.footer-blog-feed .title:hover,
.footer-nav a {
	color: #fff
}

.footer-ctas {
	margin-top: 10px
}

.footer-cta {
	border: 1px solid #151515;
	font-size: .65em;
	color: #fff;
	text-align: center;
	line-height: 1em;
	padding: 50px 10px 10px;
	margin-right: 6%;
	width: 47%;
	float: left
}

.footer-cta.crawlerfx {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/icon-crawlerfx.png) center 20px no-repeat;
	background-size: 80px 17px
}

.footer-cta.crawlerfx:hover {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/icon-crawlerfx.png) center 20px no-repeat #151515;
	background-size: 80px 17px
}

.footer-cta.crawlerfx:active {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/icon-crawlerfx.png) center 20px no-repeat #000;
	background-size: 80px 17px
}

.footer-cta.marketing-calculator {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/icon-marketing-calculator.png) center 10px no-repeat;
	background-size: 30px 30px
}

.footer-cta.marketing-calculator:hover {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/icon-marketing-calculator.png) center 10px no-repeat #151515;
	background-size: 30px 30px
}

.footer-cta.marketing-calculator:active {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/icon-marketing-calculator.png) center 10px no-repeat #000;
	background-size: 30px 30px
}

.footer-nav {text-align:left; margin:50px 0; margin-left:0px !important; margin-right:0px !important;}
.footer-nav li {list-style-type:none; font-size:.8em; margin-bottom:10px;}
.footer-nav li a {color:#999;}
.footer-nav li a:hover {color:#ccc;}
.footer-nav li a:active {color:#999;}
.footer-nav h3{color:#fff;}

.footer-subnav br,
.site-footer .footer-blog-feed img {
	display: none
}

.footer-nav li:first-child {
	border-left: none;
	padding-left: 0;
	margin-left: 0
}

.footer-nav a:hover {
	color: #FFD02B
}

.footer-nav a:active {
	color: #999
}

p.footer-subnav {text-align:center; font-size:.7em; color:#999; border-top:1px solid #999; padding-top:20px; margin-top:0px;}
.footer-subnav .divider {padding:0 5px;}
.footer-subnav a {color:#999;}
.footer-subnav a:hover {color:#fff;}

.site-footer .social-buttons {
	margin-top: 10px
}

.site-footer .footer-blog-feed .fivecol.span-1 {
	width: 100%
}

.site-footer.blog .get-quote .btn {
	float: left;
	padding: 0 40px;
	line-height: 3.5em
}

.site-footer.blog .or-call {
	float: left;
	text-align: center;
	color: #fff;
	font-size: .75em;
	margin-left: 10px
}

.site-footer.blog .or-call em {
	color: #ccc
}

.site-footer.blog .or-call a,
.site-footer.blog .or-call span {
	color: #FFD02B
}

.site-footer.blog .footer-blog-feed {
	margin-top: 50px
}

.site-footer.blog .footer-arrow {
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/img/footer-arrow.png);
	width: 49px;
	height: 60px;
	position: relative;
	top: 0;
	left: 50%;
	display: block
}

#main page-title-wrapper iframe.newss {
	margin-left: 100px
}

.sign-up-form.sticky-bottom-form {
	position: fixed;
	bottom: -400px;
	right: 100px;
	max-width: 400px;
	padding: 20px;
	border-bottom: 0;
	-webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .2);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.sign-up-form.sticky-bottom-form.active.visible {
	bottom: 0
}

.sign-up-form.sticky-bottom-form h3 {
	margin-top: 0;
	font-size: 20px;
	line-height: 1.3em
}

.sticky-bottom-form ul {
	font-size: 12px;
	margin: 15px 0 0 10px;
	padding: 0 0 0 10px
}

.sticky-bottom-form input[type=email] {
	height: 38px;
	padding: 10px;
	border: 0;
	-webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5)
}

.sign-up-form.sticky-bottom li {
	list-style-type: none;
	background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/bullet-gray.png) left top no-repeat;
	font-size: 12px;
	padding-left: 20px;
	margin-bottom: 3px
}

#signup-close {
	width: 40px;
	height: 40px;
	line-height: 38px;
	border-radius: 40px;
	background: #222;
	position: absolute;
	top: -20px;
	right: -20px;
	color: #fff;
	font-weight: 700;
	font-size: 14px
}

.bottom-form-blue-section-wrapper {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b3360+0,1b3360+50,f2f1f1+51,f2f1f1+100 */
background: #1b3360; /* Old browsers */
background: -moz-linear-gradient(left,  #1b3360 0%, #1b3360 50%, #f2f1f1 51%, #f2f1f1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1b3360 0%,#1b3360 50%,#f2f1f1 51%,#f2f1f1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1b3360 0%,#1b3360 50%,#f2f1f1 51%,#f2f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b3360', endColorstr='#f2f1f1',GradientType=1 ); /* IE6-9 */
}

.new-bottom-quote-form.bottom-quote-form {
	width: 100%;
	max-width: 1366px !important;
	padding: 0;
}

#footer-form {
	background-color: #1b3360;
	padding-top: 35px;
	min-height: 610px;
}

.new-bottom-quote-form.bottom-quote-form h2.big {
	font-size: 36px;
	margin-bottom: 40px;
	position: relative;
}

#footer-contact {
	border-bottom: 1px solid #cdd3df;
}

#footer-contact h2 {
	font-size: 30px;
}


/*** LOCATIONS ***/
div#footer-locations {
	float: left;
	padding: 20px 0 0 48px;
}

div#footer-locations h4 {
	margin: 0;
	color: #36487b;
}

div#footer-locations ul {
	margin: 15px 0 0;
	padding: 0;
	list-style-type:none;
}

div#footer-locations ul li {
	padding: 0;
	float: left;
	margin: 0 5px 5px 0 !important;
	text-align: center;
}

div#footer-locations ul li a {
	width: 80px;
	height: 50px;
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 50px;
	background-color: #98afd6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

div#footer-locations ul li a img,
div#footer-locations ul li a i {
	width: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

div#footer-locations ul li a i {
	z-index: 5;
	font-size: 24px;
	line-height: 50px;

	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

div#footer-locations ul li a:hover img {
	opacity: .6;

	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

div#footer-locations ul li a:hover i {
	opacity: 1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

div#footer-locations ul li a:hover {
	background-color: #1b3360;
	font-size: 0;
}

.bottom-quote-form input[type="text"], 
.bottom-quote-form textarea, 
.bottom-quote-form select {
	height: 44px;
	font-size: 16px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 10px;
    width: 100%;
    background: #fff;
	box-shadow:none;
}

#bottom-quote-form h2{color:#fff;}

.bottom-quote-form textarea {
	padding: 10px !important;
	height: 82px !important;
}

.bottom-quote-form .form-row {
    width: 349px;
    float: left;
    margin: 0 25px 20px 0;
}

.bottom-quote-form label {
	color: #fff;
	text-transform: none;
	font-size: 16px !important;
	font-weight: normal !important;
	float: left;
	margin-bottom: 5px;
}

.bottom-quote-form label.budget {
	font-size: 14px !important;
}

.bottom-quote-form input[type="text"]:focus,
textarea:focus {
	box-shadow: none;
	box-shadow: 0 0 10px 0 #66addf;
}

.bottom-quote-form input::-webkit-input-placeholder {color: #999; }
.bottom-quote-form input::-moz-placeholder {color: #999; }
.bottom-quote-form input::-moz-placeholder { color: #999; }

.new-bottom-quote-form.bottom-quote-form .btn-get-quote {
    width: auto !important;
    float: right;
    margin: 35px 0 0 0;
    font-size: 20px;
    cursor: pointer !important;
	line-height: 28px;
    padding: 15px 50px;
}

/*** FOOTER CONTACT INFO ***/
#footer-contact {
	background-color: #f2f1f1;
	padding: 35px 0 0 48px;
}

#footer-contact h2 {
	color: #445c8d;
}

.facts-box {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.facts-box .icon {
	width: 60px;
	height: 60px;
	border: 2px solid #98afd6;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	float: left;
	margin-right: 20px;
	text-align: center;
}

.facts-box .icon i {
	font-size: 40px;
	line-height: 60px;
	color: #98afd6;
}

.facts-box .title {
	font-size: 24px;
	line-height: 62px;
	color: #455c8e;
	display: block;
}

#footer-contact .tel a {
	font-size: 66px;
	line-height: 66px;
	color: #00b170;
}

/*** FOOTER AWARDS ***/
#footer-awards {
	background-color: #455c8e;
	text-align: center;
	overflow: hidden;
}

.footer-social-links {
	width: 300px;
	position: relative;
	left: 50%;
	margin-left: -150px;
}

/*** FOOTER TESTIMONIALS ***/
#footer-testimonials {
	height: 300px;
	overflow: hidden;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#15263d+0,15263d+50,3b5998+51,3b5998+100 */
	background: #15263d; /* Old browsers */
	background: -moz-linear-gradient(left,  #15263d 0%, #15263d 50%, #3b5998 51%, #3b5998 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #15263d 0%,#15263d 50%,#3b5998 51%,#3b5998 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #15263d 0%,#15263d 50%,#3b5998 51%,#3b5998 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15263d', endColorstr='#3b5998',GradientType=1 ); /* IE6-9 */
}

#footer-testimonials .bg {
	width: 100%;
	background:url(../img/bg-footer-testimonials.jpg) no-repeat top center;
}

#footer-testimonials .container {
	height: 300px;
	padding: 0 !important;
}

#footer-testimonials ul.testimonials-list i {
	width: 50px;
	height: 50px;
	font-size: 50px;
	color: #fff;
}

#footer-testimonials ul.testimonials-list {
	list-style: none;
	margin: 0;
	padding: 25px 0;
}

#footer-testimonials ul.testimonials-list li {
	list-style: none;
}

#footer-testimonials ul.testimonials-list blockquote {
	background: transparent !important;
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	padding: 15px 60px 20px;
	margin-bottom: 10px;
	position: relative;
}

#footer-testimonials ul.testimonials-list blockquote:after {
    content: '';
    background-color: #7492c8;
    height: 2px;
    width: 80px;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: 0;
}

#footer-testimonials ul.testimonials-list .name {
	font-size: 18px;
	color: #fff;
	display: block;
}

#footer-testimonials ul.testimonials-list .company {
	font-size: 14px;
	color: #69aedf;
}

#footer-testimonials ul.pagination {
	list-style: none;
	font-size: 0px;
	margin: 0;
	padding: 0;
	height: 10px;
}

#footer-testimonials ul.pagination li {
	width: 10px;
	height: 10px;
	overflow: hidden;
	background-color: #98afd6;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	display: inline-block;
	margin: 0 5px;
}

#footer-testimonials ul.pagination li a {
	width: 10px;
	height: 10px;
	display: block;
}

#footer-testimonials ul.pagination li a.active {
	background-color: #fff;
}

#footer-testimonials .fb {
	padding: 0;
}

#footer-testimonials .fb a img {
	vertical-align:top;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#footer-testimonials .fb a:hover img {
	filter: grayscale(50%);
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-o-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

@media all and (min-width:1280px) and (max-width: 1365px) {
	.bottom-quote-form .form-row {
		width: 320px;
	}
	#footer-form {
		min-height: 640px;
	}
	.facts-box .title {
		font-size: 20px;
	}
}

@media all and (min-width:1024px) and (max-width: 1279px) {
	.bottom-quote-form .form-row {
		width: 45%;
	}
	.new-bottom-quote-form.bottom-quote-form .btn-get-quote {
		width: 100%;
		font-size: 18px;
		padding: 15px 25px;
	}
	#footer-form {
		min-height: 640px;
	}
	#footer-contact h2 {
		font-size: 26px !important;
	}
	#footer-contact .tel a {
		font-size: 50px;
	}
	#footer-contact .facts-box {
		margin-bottom: 15px;
	}
	#footer-contact .facts-box .title {
		font-size: 17px;
		line-height: 18px;
		margin-top: 15px;
	}
}

@media all and (min-width:768px) and (max-width: 1023px) {
	.bottom-quote-form .form-row {
		width: 43%;
	}
	.form-row.wide {
		width: 92%;
	}
	#footer-contact,
	div#footer-locations {
		padding: 20px 0 0 20px;
	}
	#footer-form {
		padding-top: 20px;
	}
	.new-bottom-quote-form h2 {
		font-size: 22px !important;
	}
	#footer-contact .tel a {
		font-size: 40px;
		line-height: 40px;
	}
	#footer-contact .facts-box {
		margin-bottom: 15px;
	}
	#footer-contact .facts-box .title {
		font-size: 16px;
		line-height: 18px;
		margin-top: 15px;
	}
	.new-bottom-quote-form.bottom-quote-form .btn-get-quote {
		margin: 0;
		padding: 15px 25px;
		font-size: 18px;
	}
}

@media all and (min-width:320px) and (max-width: 767px) {
	#footer-form {
		overflow: hidden;
	}
	.new-bottom-quote-form h2 {
		font-size: 20px !important;
		margin-bottom: 25px !important;
	}
	.bottom-quote-form .form-row {
		width: 100%;
		margin-bottom: 10px;
	}
	.bottom-quote-form label {
		font-size: 14px !important;
		margin-bottom: 0;
	}
	.new-bottom-quote-form.bottom-quote-form .btn-get-quote {
		width: 100% !important;
		margin: 0 0 15px;
	}

	#footer-contact .tel a {
		font-size: 40px;
		line-height: 40px;
	}
	#footer-contact .facts-box {
		margin-bottom: 15px;
	}
	#footer-contact .facts-box .title {
		font-size: 16px;
		line-height: 18px;
		margin-top: 15px;
	}
	#footer-contact {
		padding: 20px;
	}
	.facts-box .icon i {
		font-size: 30px !important;
	}
	div#footer-locations {
		padding: 20px;
	}
	.bottom-form-blue-section-wrapper {
		background-color: none;
		background: none;
	}
}

@media (max-width:1520px) {
	.sign-up-form.sticky-bottom-form {
		right: 20px
	}
}

@media (max-width:1024px) {
	.sign-up-form.sticky-bottom-form,
	.site-footer.blog .or-call br {
		display: none
	}
	html {
		min-width: inherit
	}
	.header-top,
	.site-footer{
		width: 100%
	}
	.threecol.span-1 {
		width: 30%;
		margin-right: 5%
	}
	.content-section,
	.main-content {
		width: 100%
	}
	.sidebar {
		width: 25%;
		margin-left: 5%
	}
	.masthead .content-column {
		width: 40%;
		padding-left: 5%
	}
	.masthead .content-column h2 {
		font-size: 34px;
	}
	.masthead .content-column h2 span,
	.masthead form h2 {
		font-size: 18px
	}
	.masthead.inner form h2 {
		line-height: 2em
	}
	.entry,
	.feed-display .pagination,
	.post-footer {
		margin-left: 8%
	}
	.post-header img {
		height: auto
	}
	#disqus_thread,
	.author-section,
	.pagination,
	.single-display .social-links,
	.single-display h1 {
		width: 92%;
		margin-left: 8%
	}
	.bottom-sign-up-form {
		width: 92%;
		margin: 0 0 30px 8%
	}
	.no-sidebar #disqus_thread,
	.no-sidebar .author-section,
	.no-sidebar .entry,
	.no-sidebar .pagination,
	.no-sidebar .single-display .social-links,
	.no-sidebar .single-display h1 {
		width: 90%;
		margin: 0 5%
	}
	.no-sidebar .bottom-sign-up-form {
		width: 90%;
		margin: 0 5% 30px
	}
	.site-footer h3 {
		font-size: 15px
	}
	.site-footer.blog .get-quote .btn {
		width: 100%
	}
	.site-footer.blog .or-call {
		width: 100%;
		margin: 10px 0 0;
		text-align: center
	}
	.footer-cta {
		width: 50%;
		margin: 0
	}
	.footer-cta.marketing-calculator {
		border-left: 0
	}
	.footer-logos img {
		width: 100%;
		height: auto
	}
	
	.site-footer{
		padding: 40px 5% 50px 5%;
		width: 100%;
	}
	
		.footer-nav li {
		border-left:none;
		line-height:1.4em;
		padding-left: 0;
		margin-left: 0;
		text-align: left;
		font-size:1em;
	}

	p.footer-subnav {
		clear:left;
		float:left;
		width:100%;
	}
}

@media (max-width:940px) {
	.single .header-top-right {
		display: none
	}
}

@media (max-width:840px) {
	.social-links-sticky li: first-child {
		display: none
	}
}

@media (max-width:860px) {
	.header-top-right {
		display: none
	}
	.sort-title {
		font-size: 16px
	}
	.sidebar-section.social-links a {
		padding-left: 0
	}
}

@media (max-width:800px) {
	.masthead-logo-wrapper,
	.masthead.home .content-column h2 {
		text-align: center
	}
	.masthead.home .content-column ul,
	.newsletter-signup h3 span,
	.sidebar-section.social-links .icon {
		display: none
	}
	.masthead-logo {
		max-width: 450px
	}
	.masthead form input[type=email] {
		margin-left: 8%;
		width: 55%
	}

	.newsletter-signup-form input.btn-signup {
		position: static;
		border: 0;
		padding: 0;
		color: #fff
	}
	.masthead .content-column h2 {
		font-size: 32px;
		margin: 5px 30px
	}
	.masthead.home .content-column {
		width: 100%;
		padding: 0
	}
	.masthead.home form {
		width: 90%;
		margin: 0 5%
	}
	.author-section figcaption {
		font-size: 14px
	}
}

@media (max-width:760px) {
	.header-top {
		position: relative
	}

	.masthead.inner form {
		width: 90%;
		margin: 0 5%
	}
	.masthead.inner .content-column {
		padding-left: 0;
		text-align: center;
		width: 100%
	}
}

@media (max-width:740px) {
	.masthead .content-column h2 span,
	.sidebar,
	.site-footer .threecol.span-1
	{
		display: none
	}
	.masthead.home form,
	.masthead.inner form {
		margin-top: 10px
	}
	.feed-display h1 {
		width: 90%;
		margin: 20px 5%
	}
	.feed-display h1 a {
		padding: 0
	}
	.main-content {
		width: 100%
	}
	#disqus_thread,
	.entry,
	.feed-display .pagination,
	.pagination,
	.post-footer,
	.single-display .social-links,
	.single-display h1 {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%
	}
	.threecol.span-1 {
		width: 100%;
		margin: 0
	}
	.author-section,
	.bottom-sign-up-form {
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}
	.footer-nav {
		margin: 0;
		padding: 0;
		border: 0
	}

	p.footer-subnav {
		text-align: center;
		line-height: 2em;
		margin-top: 25px
	}
	.footer-subnav br {
		display: block
	}
	.sticky-social-bar {
		display: none
	}
	.mobile-social-share-links {
		display: block;
		margin: 0 20px 20px;
		padding: 10px;
		border: 1px solid #ddd;
		background: #f3f3f3
	}
	.social-share-link,
	.social-share-link-item,
	.social-share-link-item img {
		display: inline-block;
		width: 30px
	}
	.social-share-link-item {
		margin-right: 10px;
		vertical-align: middle
	}
	.social-share-link-item:last-child {
		margin-right: 0
	}
	.post-footer .mobile-social-share-links {
		margin: 0 -15px;
		border: 0;
		border-top: 1px solid #ddd;
		border-bottom: 10px solid #d2d2d2
	}
}

@media (max-width:600px) {
	.single .hiring {
		display: none
	}
	.masthead.home form {
		padding-left: 15%
	}
}

@media (max-width:550px) {
	.social .social-links {
		display: none
	}
}

@media (max-width:500px) {
	.header-top {
		padding: 0 10px 11px
	}
	.btn-blog-home,
	.hiring,
	.post-header .social-links {
		display: none
	}
	.main-content h1 {
		font-size: 30px;
		line-height: 38px
	}
	figure.wp-caption img {
		width: 100%;
		height: auto
	}
	.aligncenter,
	.alignleft,
	.alignright,
	img.aligncenter,
	img.alignleft,
	img.alignright {
		width: 100%!important;
		float: none;
		margin: 0 0 20px
	}
	.entry iframe {
		max-width: 100%;
		height: auto
	}
	.entry textarea {
		width: 100%!important;
		height: auto!important
	}
	.author-section figcaption {
		font-size: 12px
	}
	.post-footer .social-links li {
		display: block;
		width: 100%;
		margin: 0 0 13px
	}
	.pagination {
		padding: 10px 0 0
	}
	.pagination .newer,
	.pagination .older {
		padding: 0
	}
	.bottom-sign-up-form h2 {
		font-size: 18px
	}
	.bottom-sign-up-form input[type=email],
	.bottom-sign-up-form input[type=submit] {
		width: 100%
	}
	.bottom-sign-up-form input[type=email] {
		margin-bottom: 10px
	}
	.masthead form input[type=email] {
		width: 67%
	}
	blockquote {
		margin-left: 0;
		margin-right: 0;
		padding: 30px
	}
	@media (-webkit-min-device-pixel-ratio:2),
	(min-resolution:192dpi) {
		.logo-container .logo {
			background: url(//www.webfx.com/img/logo-webfx.png);
			background-size: 178px 40px
		}
		.masthead {
			background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/high-res/bg-masthead.png) 80% top no-repeat #5170A6;
			background-size: 1052px 306px
		}
		.bottom-sign-up-form {
			background: url(//www.webfx.com/blog/wp-content/themes/webfx/assets/images/high-res/bg-bottom-signup-form.png) 440px -100px no-repeat #fff;
			background-size: 730px 954px
		}
	}
}

.sidebar-section.sign-up p {
	padding-left: 5px;
	display: inline;
	font-size: 12px
}

.sidebar-section.sign-up #fieldEmail {
	height: 38px;
	width: 90%;
	margin: 5px;
	padding: 10px;
	border: 0;
	-webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .5)
}

.sidebar-section.sign-up .btn {
	margin: 5px
}

.bottom-sign-up-form select,
.sidebar-section.sign-up select {
	background: 0 0;
	border: none;
	border: 1px solid #d3d3d3;
	margin-top: 20px
}

.bottom-sign-up-form form hr {
	width: 60%
}

.bottom-sign-up-form form div {
	padding-bottom: 10px
}

.bottom-sign-up-form form div p {
	display: inline
}

.blog-footer-cta{margin-left:0px !important; margin-right:0px !important; margin:50px auto 50px; display:flex; padding:40px 24px; box-shadow: 0 0 11px 0 rgba(0,0,0,.1); box-sizing:border-box}
.blog-footer-cta .image-container{background-image: url(../../../img/website-cost-calc-block.png); background-repeat: no-repeat; background-position: center; background-size:cover;width:100%; height:100%;}
.blog-footer-cta h3{margin:0px; padding:0px;}
.blog-footer-cta ul{list-style-type:none;margin:0px; padding:0px;}
.blog-footer-cta ul li{background:none !important; margin:0px; padding:10px 0 0 0;}
hr {border-top:1px solid #ccc;}
.blog-footer-cta li a{font-size:18px;}
@media screen and (max-width: 768px){
	.blog-footer-cta{display:block;}
	.image-container{width:250px !important; height:250px !important; margin:0 auto 40px !important;}
	.blog-footer-cta ul:first-of-type{margin-bottom:40px;}
}

.static-table-heading {
color:#fff;
font-size:18px;
padding: 15px 7px !important;
        background: #466db2;
}
.first {
line-height: 1.5em;
padding:8px;
background: #f2f2f2;
        border: 1px solid #222222
}
.second{
line-height: 1.5em;
padding:8px;
        border: 1px solid #222222
}

/*====== Display - Show / Hide ======*/

.hide,
.hide--desktop,
.display--tablet,
.display--mobile,
.show--mobile {
	display:none !important;
}

/*====== Main Nav ======*/

.nav-wrapper {
	background-color: #4c74b9;
}

nav[role="navigation"] {
	position:relative;
	height:48px;
	background-color:#4c74b9;
}

	nav[role="navigation"] ul {
		padding:0;
		float:left;
	}

    nav[role="navigation"] > ul {
        float: none;
        text-align: right;
    }

	nav[role="navigation"] li {
		list-style-type:none;
		float:left;
		position:relative;
		display:block;
		z-index: 100;
	}

    nav[role="navigation"] > ul > li {
        display: inline-block;
        float: none;
        margin-left: 40px;
    }

        nav[role="navigation"] .menu-has-children:after {
            content: '\e71c';
            color: #7492c8;
            margin-left: 5px;
            position: absolute;
            right: 10px;
            top: 14px;
			transition: all .3s ease;
        }

        nav[role="navigation"] .menu-has-children > a {
            padding: 17px 35px 17px 25px;
        }

	nav[role="navigation"] li a {
		color:#fff;
		font-size:14px;
		line-height:14px;
		text-transform:uppercase;
		display:block;
		padding: 16px 20px;
	}

	nav[role="navigation"] li:hover,
	nav[role="navigation"] li.current-menu-item,
	nav[role="navigation"] li.current-menu-item-parent {
		background:#ffd12d;
	}
	
	nav[role="navigation"] li:hover a,
	nav[role="navigation"] li.current-menu-item a,
	nav[role="navigation"] li.current-menu-item-parent a{
		color:#000;
	}
	
	nav[role="navigation"] .menu-has-children:hover:after{transform: rotate(180deg); color:#000; transition: all .3s ease;}

		nav[role="navigation"] li ul {
			display:none;
			position:absolute;
			background:#2C2C2C;
            text-align: left;
			width:250px;
		}

		nav[role="navigation"] li ul.contact-nav {
			right:0;
			top:49px;
		}

		nav[role="navigation"] li li {
			width:100%;
			border-bottom:1px solid #151515;
		}

			nav[role="navigation"] li li.last {
				border:none;
			}

			nav[role="navigation"] li li a {
				padding:6px 15px;
				text-transform:none; font-family: 'robotoregular' !important;
			}

	nav[role="navigation"] li:hover ul {
		display:block;
	}

	nav[role="navigation"] .phone-number {
		color:#fff;
		text-transform:uppercase;
		background:#0b1726;
		float:left;
		margin:0;
		padding: 10px 25px;
		font-size: 20px;
	}

		nav[role="navigation"] .phone-number a {color:#fff;}



.mobile-site-menu__trigger {
	border-left: 1px solid #2e4875;
	color:#fff;
	cursor:pointer;
	float:right;
	height:48px;
	position:relative;
	width:110px;
}

.mobile-site-menu__trigger-text,
.mobile-site-menu__trigger-icon {
	position:absolute;
}

.mobile-site-menu__trigger-icon {
	font-size:32px;
	right:10px;
	top:8px;
}

.mobile-site-menu__trigger-text {
	right:45px;
	top:15px;
}

.sub-menu-back {display:none;}

@media (max-width: 1320px) {

 nav[role="navigation"] > ul > li { margin-left:10px; }

 }

@media (max-width: 1250px) {

    nav[role="navigation"] > ul { margin-right: 0px; }

    nav[role="navigation"] li a { padding: 16px 13px; }

    nav[role="navigation"] .menu-has-children > a { padding: 16px 23px 16px 13px; }

        nav[role="navigation"] .menu-has-children:after { right: 5px; }

    nav[role="navigation"] .phone-number { padding: 10px 20px; }

}

@media (max-width: 1182px) {

 nav[role="navigation"] > ul > li { margin-left:0; }

}

@media (max-width: 1112px) {

    nav[role="navigation"] li a { padding: 16px 10px; }

    nav[role="navigation"] .menu-has-children > a { padding: 16px 18px 16px 8px; }

        nav[role="navigation"] .menu-has-children:after { right: 0; }

}

@media screen and (max-width:1024px) {

	.mobile-navigation-overlay {
		background-color: rgba(0, 0, 0, .95);
		display:table !important;
		height:100%;
		position:fixed;
		left:0;
		opacity:0;
		top:0;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
		width:100%;
		z-index:-1;
	}

		.mobile-navigation-overlay.visible {
			opacity:1;
			z-index:10000;
		}

	.mobile-navigation-overlay button {
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}

	.mobile-navigation-overlay__close-row,
	.mobile-navigation-overlay__menu-row {
        display:table;
        width: 100%;
    }

	.mobile-navigation-overlay__close-row {height:50px;}

	.mobile-navigation-close {margin:2% 5%;}

	.mobile-navigation-overlay a {
		color:#fff;
		display:block;
		font-size:24px;
		padding: 1.2% 5%;
	}

		.mobile-navigation-overlay a:hover {background:#466DB2;}

		.mobile-navigation-overlay ul ul a {
			font-size:16px;
			padding: 1.2% 10%;
		}

	.sub-menu-arrow {
		border: 3px solid #333;
		border-radius: 100px;
		cursor:pointer;
		position: absolute;
		right: 5%;
		top: 0;
		padding: 1.2%;
		font-size: 24px;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}

		.sub-menu-arrow:hover {border: 3px solid #7492c8;}

	.sub-menu-arrow.icon-arrow-down.toggled:before {
		content: "\e6cc";
	}

	.untoggled .sub-menu-arrow.icon-arrow-down.toggled:before {
		content: "\e70c";
	}

	.sub-menu-back {display:none;}

	.mobile-navigation-overlay > div > ul {
		list-style:none;
		margin:0;
		padding:0;
		display: table-cell;
		vertical-align: middle;
	}

		.mobile-navigation-overlay > div > ul > li {position:relative;}

			.mobile-navigation-overlay > div > ul > li:last-child .sub-menu-arrow {display:none !important;}

		.mobile-navigation-overlay > div > ul ul {
			border-bottom:1px solid #222;
			border-top:1px solid #222;
			max-height:0;
			list-style:none;
			opacity:0;
			overflow:hidden;
			padding:0;
			margin:0;
			-webkit-transition: all .4s ease;
			-moz-transition: all .4s ease;
			-ms-transition: all .4s ease;
			-o-transition: all .4s ease;
			transition: all .4s ease;
		}

			.mobile-navigation-overlay > div > ul ul.toggled {
				opacity:1;
				max-height:1000px;
			}

		.mobile-navigation-overlay > div ul ul > li {
			float:left;
			position:relative;
			width:50%;
		}

		.mobile-navigation-overlay .current-menu-item > a {background:#2E4875;}

}

@media screen and (max-width:400px) {

	nav[role="navigation"] .phone-number {
		font-size: 12px;
		padding: 16px 10px;
	}

	.mobile-site-menu__trigger {
		border-left:none;
		width:105px;
	}

	.mobile-site-menu__trigger-text {font-size:12px !important;}

	.mobile-navigation-overlay ul ul a {font-size:14px;}

}

@media
screen and (max-width:600px),
screen and (max-width:1024px) and (max-height:600px) {

	.mobile-navigation-overlay a {
		font-size:18px;
		padding: 3% 5%;
	}

	.mobile-navigation-overlay > div > ul ul {
		position:fixed;
		top:0;
	}

	.mobile-navigation-overlay > div > ul ul.toggled {
		background:#000;
		height:100%;
		padding-top:50px;
		width:100%;
		z-index:1;
	}

	.mobile-navigation-overlay > div > ul ul + button {
		height:0;
		opacity:0;
		padding:0 !important;
		position: fixed;
		top: 0;
		margin:2% 0 0 0;
		transition:none;
		z-index:-1;
	}

	.mobile-navigation-overlay > div > ul ul.toggled + button {
		height:auto;
		opacity:1;
		padding:8px 12px !important;
		z-index: 1;
		left: 5%;
	}

	.mobile-navigation-overlay > div ul ul > li {width:100%;}

	.mobile-navigation-overlay ul ul a {
		font-size: 15px;
		padding: 1% 5%;
	}

	.sub-menu-arrow {
		font-size:22px;
		margin:2px 0;
	}

	.sub-menu-back {display:block;}

}

@media screen and (max-width:1024px) and (max-height:600px) {

	.mobile-navigation-overlay > div ul ul > li {width:50%;}

	.mobile-navigation-overlay ul ul {height:0;}

	.mobile-navigation-overlay ul ul a {padding:1.3% 10%;}

}

@media screen and (max-width:1024px) and (max-height:500px) {

	.mobile-navigation-overlay a {
		font-size:18px;
		padding: 1% 5%;
	}

	.sub-menu-arrow {
		font-size:18px;
		padding: 1%;
	}

}


@media screen and (max-width:400px) and (max-height:600px) {

	.mobile-navigation-overlay > div ul ul > li {width:100%;}

	.mobile-navigation-overlay ul ul a {padding:1% 5%;}

}

/* From old site styling */
@media screen and (max-width:1024px) {

	.show--tablet,
	.display--tablet {
		display:block !important;
	}

	.hide--tablet {
		display:none !important;
	}
	
	.header-wrapper .nav-wrapper nav #nav-list { display: none; }

}

@media screen and (max-width:600px) {

	.show--mobile {display:block !important;}
		.table-wrapper__expand.show--mobile {display:none !important;}

	.hide--mobile,
	.show--mobile.hide {display:none !important;}

	.responsive-image--mobile {
		display:block;
		height:auto;
		width:100%;
	}

}

.blog_subscribe{text-align:center;color:#1c2c48;font-family:'Roboto',sans-serif;background:url(/img/bg_subscribe.jpg) no-repeat 0 center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;padding:30px 20px 0;line-height:1.4;box-shadow: 0 0 11px 0 rgba(0,0,0,.1); margin-bottom:50px;}
	.blog_subscribe-title{line-height: 1;text-transform:none;text-align:center;color:#1c2c48;margin:0 0 10px;font-weight:900;font-size:48px}
	.blog_subscribe-text{font-size:24px;font-weight:500;margin:0 0 15px}
	.blog_subscribe-radio{margin:0 0 15px;font-weight:500;}
		.blog_subscribe-radio-label{font-size:18px;margin-right:50px;display:inline-block;vertical-align:middle}
		.blog_subscribe-radio-input{font-size:14px;margin-right:18px;display:inline-block;vertical-align:middle;position:relative;}
			.blog_subscribe-radio-input input{margin:0}
			.blog_subscribe-radio-input input:not(:checked),.blog_subscribe-radio-input input:checked{position:absolute;left:-9999px;}
			.blog_subscribe-radio-input input:not(:checked) + label,.blog_subscribe-radio-input input:checked + label {font-size: 1em;position:relative;padding-left:25px;cursor:pointer;}
			.blog_subscribe-radio-input input:not(:checked) + label:before,.blog_subscribe-radio-input input:checked + label:before{content:'';border:3px solid #fff;width:16px;height:16px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position:absolute;left:0;top:0;}
			.blog_subscribe-radio-input input:checked + label:before {background-color:#26b16d;}
			.blog_subscribe-radio-input input:disabled:not(:checked) + label:before,.blog_subscribe-radio-input input:disabled:checked + label:before {border-color:#bbb;}
			.blog_subscribe-radio-input input:disabled:checked + label:before {background-color:#999;}
			.blog_subscribe-radio-input input:disabled + label {color:#aaa;}
	.blog_subscribe-group{max-width:828px;margin:0 auto}
	.blog_subscribe-email{margin:0 auto 25px;width:100%;display:table;}
	.blog_subscribe-email .email{box-shadow: none;font-family:'Roboto',sans-serif;font-size:20px;text-align:center;text-transform:uppercase;height:60px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid #fff;background-color:#fff;width:100%;display:table-cell}
	.blog_subscribe-email .blog_subscribe-btn{display:table-cell;width:1%;white-space: nowrap;padding-left:15px}
	.blog_subscribe-email .btn-subscribe{border:0;padding:10px 45px;font-family:'Roboto',sans-serif;height:60px;color:#fff;font-size:18px;text-transform:uppercase;font-weight:900;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-align:center;background:#b82b22;background:-moz-linear-gradient(0deg, #b82b22 0%, #f4594f 77%, #f4594f 100%);background:-webkit-linear-gradient(0deg, #b82b22 0%, #f4594f 77%, #f4594f 100%);background:linear-gradient(0deg, #b82b22 0%, #f4594f 77%, #f4594f 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b82b22",endColorstr="#f4594f",GradientType=1);}
	.blog_subscribe-email .btn-subscribe:focus,
	.blog_subscribe-email .btn-subscribe:hover{color:#fff;background:#f4594f;outline:0}
	.blog_subscribe-foot{background-color:rgba(255,255,255,0.25);margin:0 -20px;padding:18px 20px}
	.blog_subscribe-foot .blog_subscribe-radio-input{font-size:18px}
	.blog_subscribe-foot .blog_subscribe-radio-input label:before{top:3px !important}
@media (max-width:600px){
	.blog_subscribe-email,
	.blog_subscribe-email .email,
	.blog_subscribe-email .blog_subscribe-btn{display:block;width:100%}
	.blog_subscribe-email .blog_subscribe-btn{padding-left:0;padding-top:10px}
	.blog_subscribe-email .btn-subscribe{width:100%;display:block}
}
@media (max-width:480px){
	.blog_subscribe-radio-label{display:block;margin:0}
}

/* NEW STYLES */
.masthead {
	height: auto;
	background: url(../img/bg-masthead.jpg) center / cover no-repeat #1e468b;
}

.masthead .content-section {
	width: 100%;
	max-width: 1366px;
	min-width: 320px;
	height: auto;
	padding: 20px 50px;
}

.masthead .content-column h2 {
	text-align: right;
	line-height: 18px !important;
	margin-bottom: 20px;
}

.masthead .content-column h2 span {
	font-size: 22px;
	line-height: 18px !important;
}

.masthead.home .content-column {
	width: auto;
	margin: 0;
	padding: 0;
}

.masthead.home .content-column.last {
	width: 56%;
	float: right;
}

.masthead.home .btn {
	float: right;
}

.masthead.home form.subscribe {
	width: 285px;
	float: right;
	padding: 0;
}

.masthead form input[type="email"] {
	width: 180px;
}

.masthead .masthead-logo {
	width: auto;
	padding:  10px 0;
	display: block;
}

.masthead form.select-dropdown {
	float: left;
	padding: 0;
}

.masthead form.select-dropdown select {
	width: 236px;
	background: transparent;
	border: 2px solid #fff;
	color: #fff;
	padding: 8px 12px;
	margin-top: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}

.masthead form.select-dropdown select option{
	background-color:#1e468b;
}

@media all and (min-width:768px) and (max-width: 1023px) {
	.masthead {
		height: 150px;
	}
	.masthead .content-column {
		padding: 0;
	}
	.masthead .content-section {
		padding: 10px 20px;
	}
	.masthead .content-column h2 {
		text-align: right !important;
		margin: 0 0 15px;
	}
	.masthead .content-column h2 span {
		font-size: 18px;
		line-height: 16px !important;
	}
	.masthead.home form.subscribe,
	.masthead form.select-dropdown {
		margin: 0 !important;
		padding: 0 !important;
	}
	.masthead.home form.subscribe {
		width: 290px;
	}
}

@media all and (min-width:320px) and (max-width: 767px) {
	.masthead {
		height: 140px;
		background-position: top left no-repeat !important;
	}
	.masthead.home .content-column {
		width: 280px;
		margin: 0 auto;
		float: none;
	}
	.masthead.home .content-column.last {
		display: none;
	}
	.masthead.home form.subscribe,
	.masthead form.select-dropdown {
		margin: 0 !important;
		padding: 0 !important;
		width: auto;
	}
	.masthead.home form.subscribe {
		width: 290px;
	}
	.masthead form.select-dropdown {
		float: none;
	}
	.masthead .content-section {
		padding: 20px;
		height: 140px;
	}
	.masthead-logo-wrapper, .masthead.home .content-column h2 {
		display: inline-block;
		margin: 0 auto;
		width: 280px;
	}
	.masthead .masthead-logo {
		padding: 0;
	}
	.masthead-logo-wrapper a {
		display: inline-block;
	}
}

@media screen and (max-width: 1024px){
.logo-container .logo-text {
    display: none;
}
	.logo-container:hover .logo {
		left:auto;
		opacity:1;
	}
}
@media screen and (max-width: 600px){
.header-top {
    padding-top: 5px;
    padding-bottom: 5px;
}
.site-header-quote-form .btn {
    padding: 8px;
    font-size: 13px;
	line-height:1;
	margin-bottom:10px;
}

.site-header-quote-form {
    margin-top: 10px;
	padding-top:0px;
}
.logo, .logo-container .logo{
    background-size: 101px 30px !important;
    height: 30px;
    width: 101px;
}
.logo-container {
    margin-top: 10px;
	height: 30px;
    width: 101px;
}
.sidebar-section.categories ul li{
	display: block;
    padding: 5px;
    margin: 5px;
}

@media (max-width: 599px){
.hidden-xxs {
    display: none !important;
}
}