/*====== Header ======*/
.nav-wrapper nav{font-family:robotobold;}
header a {
    text-decoration: none !important;
}
.header-wrapper {
	background: #142034;
	z-index: 9999;
    position: relative;
}

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

.header-top {
	padding-top: 15px;
    padding-bottom: 15px;
}

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

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

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

	.logo-container:hover .logo {
		left:-178px;
		opacity:0;
	}

	.logo-container:hover .logo-text {
		left:0;
		opacity:1;
	}

	.logo-container .logo-text {
		position:absolute;
		top:13px;
		left:178px;
		text-align:center;
		width:100%;
		color:#fff;
		display:none;
		width:178px;
		display:block;
		text-transform:uppercase;
		opacity:0;
		transition: all .3s ease;
	}

		.logo-container .logo-text .pictogram {
			font-size: 16px;
		}

	.logo-container .logo {
		background:url(../../img/logo-webfx.png);
		display:block;
		width:178px;
		height:53px;
		text-indent: -1000em;
		position:absolute;
		top:0;
		left:0;
		float:none;
		margin-top:0;
		opacity:1;
		background-repeat: no-repeat;
		transition: all .3s ease;
	}

    .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;
    }

.hidden-logo {
	background:url(../img/new-fx3.png);
	display:none;
	cursor:pointer;
	width:51px;
	height:36px;
	position: absolute;
	top: 0;
	background-size:cover;
	background-repeat:no-repeat;
}

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

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

.site-header-quote-form input[type="url"] {
    height: 42px;
    width: 60%;
}

.site-header-quote-form .btn {
    font-size: 14px;
    padding: 12px 20px;
}



.condensed-nav .nav-wrapper {
	position:fixed;
	z-index:999;
	width:100%;
	top:0;
	background:#4c74b9;
}

.condensed-nav nav[role="navigation"] .phone-number {
	background: #0e1623;
	margin-left: 40px;
	background: #0b1726;
	color: #ffd02b;
	padding: 10px 10px;
}

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

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

.condensed-nav .testimonials {display:none;}

.condensed-nav .hidden-logo {
	left: 0px;
	display: block;
	top: 6px;
}

.condensed-nav .btn-free-quote-hidden {
	position:absolute;
	right:30px;
	display:block;
}

.condensed-nav .btn-free-quote {
	text-indent:-9999em;
	display:none;
}

#header-phone-icon {
	position: relative;
	top: -18px;
	z-index: 1000;
	display: block;
	width: 90px;
	height: 50px;
	float:right;
	left:5px;
}
#header-phone-icon span {
	display: inline-block;
	width: 80px;
	height: 80px;
	background: url(/img/phone-ringing.png) no-repeat top;
	-webkit-animation:
		Rotate 2000ms linear 2000ms 5;
	animation:
		Rotate 2000ms linear 2000ms 5;
}
@-webkit-keyframes Rotate {
  0% {-webkit-transform:rotate(0deg);}
  4% {-webkit-transform:rotate(-45deg);}
  8% {-webkit-transform:rotate(0deg);}
  12% {-webkit-transform:rotate(-45deg);}
  16% {-webkit-transform:rotate(0deg);}
  20% {-webkit-transform:rotate(-45deg);}
  24% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(0deg);}
}

@keyframes Rotate {
  0% {transform:rotate(0deg);}
  4% {transform:rotate(-45deg);}
  8% {transform:rotate(0deg);}
  12% {transform:rotate(-45deg);}
  16% {transform:rotate(0deg);}
  20% {transform:rotate(-45deg);}
  24% {transform:rotate(0deg);}
  100% {transform:rotate(0deg);}
}
#phone-text{float:right; position:relative; left:30px;}
#phone-background{background-color:#00b170;margin:-15px 0;position:relative;float:right;height:78px;}
#phone-background tr{background-color:transparent !important;}

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

	.logo-container .logo-text {display:none;}

	.logo-container:hover .logo {
		left:auto;
		opacity:1;
	}

	.condensed-nav nav[role="navigation"] .phone-number {margin-left:72px;}

	.condensed-nav .hidden-logo {left:38px;}

	.condensed-nav .btn-free-quote-hidden {
		position:absolute;
		right:156px;
	}

	.condensed-nav .mobile-site-menu__trigger {border-left:none;}

	.site-wrapper {
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	.site-wrapper.fade {
		opacity:.05;
	}

	#nav-list > :nth-child(6) {display:block !important;}

	#nav-list > :nth-child(6) > ul > :nth-child(2) {display:none;}

    .site-navigation #nav-list { display: none; }

}

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

	.logo-container {
		height:30px;
		margin-top: 10px;
        width: 135px;
	}

	div.logo,
	.logo-container .logo {
		background-size:101px 30px !important;
		height:30px;
		width: 101px;
	}
	
	.site-header-quote-form{padding-top:0px;}

	.condensed-nav nav[role="navigation"] .phone-number {
		margin-left:72px;
		padding: 16px 5px;
		font-size: 12px;
	}

	.condensed-nav .mobile-site-menu__trigger {
		border-left: none;
		padding:0 7px;
		width:auto;
	}

	.condensed-nav .mobile-site-menu__trigger-icon,
	.condensed-nav .mobile-site-menu__trigger-text {
		float:left;
		position:static;
		left:auto;
		top:auto;
	}

	.condensed-nav .mobile-site-menu__trigger-text {
		clear:left;
		font-size:11px;
		line-height:1;
	}

	.condensed-nav .btn-free-quote-hidden {
		float:left;
		right:auto;
		padding:0 8px;
		position:static;
	}

    .site-header-quote-form { margin-top: 10px; }

        .site-header-quote-form .btn {
            padding: 8px;
            font-size: 13px;
        }

    .header-top {
        padding-top: 5px;
        padding-bottom: 5px;
    }

}
/*====== Main Nav ======*/
.nav-wrapper {
	background-color: #4c74b9;
}

nav[role="navigation"] {
	position:relative;
	height:48px;
}

	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;
			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;
        }

        nav[role="navigation"] .menu-has-children > a {
            padding: 17px 30px 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;
	font-family:icomoonfont;
	line-height:32px;
}

.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:27px; }

 }

@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:14px; }

}

@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:1000;
		}

	.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;}

}
/*====== 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);}
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;line-height:1.4;}
.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);}
.meganav-image {}
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;}
.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{position:relative;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: 0;} 
.header-log-in{width: 122px;
    height: 52px;
    border: 1px solid rgba(70, 109, 178, 0.4);
    box-sizing: border-box;
    border-radius: 4px;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    font-family: robotobold;}
.header-log-in svg{margin-right:10px;}

/* Media Queries for specific dimensions */


/* Media Queries for specific dimensions */

@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%;}

}

.hide,
.hide--desktop,
.display--tablet,
.display--mobile,
.show--mobile {
	display:none !important;
}
.flush {
    margin: 0!important;
}
.twentypx {
    font-size: 20px;
}
.text--green {
    color: #00b170 !important;
}
.small-copy {
    font-size: 14px !important;
}
.text--gray {
    color: #636363 !important;
}
.push-sides {
    margin-right: 20px!important;
    margin-left: 20px!important;
}
.icon-arrow-down:before {
    content: "\e70c";
}
.btn.dark-blue {
    background: #122239;
    color: #fff;
    padding: 15px 20px;
    font-size: 13px;
    line-height: 1;
	text-transform:uppercase;
}
@media screen and (max-width: 1024px){
.mobile-navigation-close {
    margin: 2% 5% !important;
}
.sub-menu-back {
    display: none !important;
}
.sub-menu-arrow{
	border: 3px solid #333;
    border-radius: 100px;
    cursor: pointer;
    position: absolute;
    right: 5%;
    top: 0;
    padding: 1.2%;
    font-size: 24px;
	transition: all .4s ease;
	line-height: 24px;
}
}
@media screen and (max-width: 600px), screen and (max-height: 600px) and (max-width: 1024px){
.sub-menu-back {
    display: block !important;
}
.mobile-navigation-overlay > div > ul ul + button{
position: fixed;
    top: 0;
    margin: 2% 0 0 0 !important;
    transition: none;
}
}
.mobile-navigation-overlay a {
    font-family: 'robotobold';
}

.icon-list2:before {
    content: "\e6e4";
}
.btn.green {
    background: #00b170;
    color: #fff !important;
}
	/**
 * Grid System
 *
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 * Base setup 20px gutters
 *
 * Phones         - xxs - <  600px    ** Default **
 * Small Tablets  - xs - >=  600px
 * Tablets        - sm - >= 768px
 * Desktop        - md - >= 1025px
 * Large Desktop  - lg - >= 1200px
 * --------------------------------------------------------------------------
 * Learn more here: http://getbootstrap.com/css/#grid
 * -------------------------------------------------------------------------- */

.row {
    margin-left: -24px;
    margin-right: -24px;
    box-sizing:border-box;
}

    [class*="col-"] {
        position: relative;
        min-height: 1px;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing:border-box;
    }

/* Extra Extra small devices (devices, less than 600px) */
[class*="col-xxs-"] { float:left; }

.col-xxs-12 { width: 100%; }
.col-xxs-11 { width: 91.66666667%; }
.col-xxs-10 { width: 83.33333333%; }
.col-xxs-9  { width: 75%; }
.col-xxs-8  { width: 66.66666667%; }
.col-xxs-7  { width: 58.33333333%; }
.col-xxs-6  { width: 50%; }
.col-xxs-5  { width: 41.66666667%; }
.col-xxs-4  { width: 33.33333333%; }
.col-xxs-3  { width: 25%; }
.col-xxs-2  { width: 16.66666667%; }
.col-xxs-1  { width: 8.33333333%; }

.col-xxs-pull-12 { right: 100%; }
.col-xxs-pull-11 { right: 91.66666667%; }
.col-xxs-pull-10 { right: 83.33333333%; }
.col-xxs-pull-9  { right: 75%; }
.col-xxs-pull-8  { right: 66.66666667%; }
.col-xxs-pull-7  { right: 58.33333333%; }
.col-xxs-pull-6  { right: 50%; }
.col-xxs-pull-5  { right: 41.66666667%; }
.col-xxs-pull-4  { right: 33.33333333%; }
.col-xxs-pull-3  { right: 25%; }
.col-xxs-pull-2  { right: 16.66666667%; }
.col-xxs-pull-1  { right: 8.33333333%; }
.col-xxs-pull-0  { right: auto; }

.col-xxs-push-12 { left: 100%; }
.col-xxs-push-11 { left: 91.66666667%; }
.col-xxs-push-10 { left: 83.33333333%; }
.col-xxs-push-9  { left: 75%; }
.col-xxs-push-8  { left: 66.66666667%; }
.col-xxs-push-7  { left: 58.33333333%; }
.col-xxs-push-6  { left: 50%; }
.col-xxs-push-5  { left: 41.66666667%; }
.col-xxs-push-4  { left: 33.33333333%; }
.col-xxs-push-3  { left: 25%; }
.col-xxs-push-2  { left: 16.66666667%; }
.col-xxs-push-1  { left: 8.33333333%; }
.col-xxs-push-0  { left: auto; }

.col-xxs-offset-12 { margin-left: 100%; }
.col-xxs-offset-11 { margin-left: 91.66666667%; }
.col-xxs-offset-10 { margin-left: 83.33333333%; }
.col-xxs-offset-9  { margin-left: 75%; }
.col-xxs-offset-8  { margin-left: 66.66666667%; }
.col-xxs-offset-7  { margin-left: 58.33333333%; }
.col-xxs-offset-6  { margin-left: 50%; }
.col-xxs-offset-5  { margin-left: 41.66666667%; }
.col-xxs-offset-4  { margin-left: 33.33333333%; }
.col-xxs-offset-3  { margin-left: 25%; }
.col-xxs-offset-2  { margin-left: 16.66666667%; }
.col-xxs-offset-1  { margin-left: 8.33333333%; }
.col-xxs-offset-0  { margin-left: 0%; }

/* Extra small devices (phones, 600px and up) */
@media (min-width: 600px) {
    [class*="col-xs-"] {float:left;}

    .col-xs-12 { width: 100%; }
    .col-xs-11 { width: 91.66666667%; }
    .col-xs-10 { width: 83.33333333%; }
    .col-xs-9  { width: 75%; }
    .col-xs-8  { width: 66.66666667%; }
    .col-xs-7  { width: 58.33333333%; }
    .col-xs-6  { width: 50%; }
    .col-xs-5  { width: 41.66666667%; }
    .col-xs-4  { width: 33.33333333%; }
    .col-xs-3  { width: 25%; }
    .col-xs-2  { width: 16.66666667%; }
    .col-xs-1  { width: 8.33333333%; }

    .col-xs-pull-12 { right: 100%; }
    .col-xs-pull-11 { right: 91.66666667%; }
    .col-xs-pull-10 { right: 83.33333333%; }
    .col-xs-pull-9  { right: 75%; }
    .col-xs-pull-8  { right: 66.66666667%; }
    .col-xs-pull-7  { right: 58.33333333%; }
    .col-xs-pull-6  { right: 50%; }
    .col-xs-pull-5  { right: 41.66666667%; }
    .col-xs-pull-4  { right: 33.33333333%; }
    .col-xs-pull-3  { right: 25%; }
    .col-xs-pull-2  { right: 16.66666667%; }
    .col-xs-pull-1  { right: 8.33333333%; }
    .col-xs-pull-0  { right: auto; }

    .col-xs-push-12 { left: 100%; }
    .col-xs-push-11 { left: 91.66666667%; }
    .col-xs-push-10 { left: 83.33333333%; }
    .col-xs-push-9  { left: 75%; }
    .col-xs-push-8  { left: 66.66666667%; }
    .col-xs-push-7  { left: 58.33333333%; }
    .col-xs-push-6  { left: 50%; }
    .col-xs-push-5  { left: 41.66666667%; }
    .col-xs-push-4  { left: 33.33333333%; }
    .col-xs-push-3  { left: 25%; }
    .col-xs-push-2  { left: 16.66666667%; }
    .col-xs-push-1  { left: 8.33333333%; }
    .col-xs-push-0  { left: auto; }

    .col-xs-offset-12 { margin-left: 100%; }
    .col-xs-offset-11 { margin-left: 91.66666667%; }
    .col-xs-offset-10 { margin-left: 83.33333333%; }
    .col-xs-offset-9  { margin-left: 75%; }
    .col-xs-offset-8  { margin-left: 66.66666667%; }
    .col-xs-offset-7  { margin-left: 58.33333333%; }
    .col-xs-offset-6  { margin-left: 50%; }
    .col-xs-offset-5  { margin-left: 41.66666667%; }
    .col-xs-offset-4  { margin-left: 33.33333333%; }
    .col-xs-offset-3  { margin-left: 25%; }
    .col-xs-offset-2  { margin-left: 16.66666667%; }
    .col-xs-offset-1  { margin-left: 8.33333333%; }
    .col-xs-offset-0  { margin-left: 0%; }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    [class*="col-sm-"] {float:left;}

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9  { width: 75%; }
    .col-sm-8  { width: 66.66666667%; }
    .col-sm-7  { width: 58.33333333%; }
    .col-sm-6  { width: 50%; }
    .col-sm-5  { width: 41.66666667%; }
    .col-sm-4  { width: 33.33333333%; }
    .col-sm-3  { width: 25%; }
    .col-sm-2  { width: 16.66666667%; }
    .col-sm-1  { width: 8.33333333%; }

    .col-sm-pull-12 { right: 100%; }
    .col-sm-pull-11 { right: 91.66666667%; }
    .col-sm-pull-10 { right: 83.33333333%; }
    .col-sm-pull-9  { right: 75%; }
    .col-sm-pull-8  { right: 66.66666667%; }
    .col-sm-pull-7  { right: 58.33333333%; }
    .col-sm-pull-6  { right: 50%; }
    .col-sm-pull-5  { right: 41.66666667%; }
    .col-sm-pull-4  { right: 33.33333333%; }
    .col-sm-pull-3  { right: 25%; }
    .col-sm-pull-2  { right: 16.66666667%; }
    .col-sm-pull-1  { right: 8.33333333%; }
    .col-sm-pull-0  { right: auto; }

    .col-sm-push-12 { left: 100%; }
    .col-sm-push-11 { left: 91.66666667%; }
    .col-sm-push-10 { left: 83.33333333%; }
    .col-sm-push-9  { left: 75%; }
    .col-sm-push-8  { left: 66.66666667%; }
    .col-sm-push-7  { left: 58.33333333%; }
    .col-sm-push-6  { left: 50%; }
    .col-sm-push-5  { left: 41.66666667%; }
    .col-sm-push-4  { left: 33.33333333%; }
    .col-sm-push-3  { left: 25%; }
    .col-sm-push-2  { left: 16.66666667%; }
    .col-sm-push-1  { left: 8.33333333%; }
    .col-sm-push-0  { left: auto; }

    .col-sm-offset-12 { margin-left: 100%; }
    .col-sm-offset-11 { margin-left: 91.66666667%; }
    .col-sm-offset-10 { margin-left: 83.33333333%; }
    .col-sm-offset-9  { margin-left: 75%; }
    .col-sm-offset-8  { margin-left: 66.66666667%; }
    .col-sm-offset-7  { margin-left: 58.33333333%; }
    .col-sm-offset-6  { margin-left: 50%; }
    .col-sm-offset-5  { margin-left: 41.66666667%; }
    .col-sm-offset-4  { margin-left: 33.33333333%; }
    .col-sm-offset-3  { margin-left: 25%; }
    .col-sm-offset-2  { margin-left: 16.66666667%; }
    .col-sm-offset-1  { margin-left: 8.33333333%; }
    .col-sm-offset-0  { margin-left: 0%; }

}

/* Medium devices (desktops, 1025px and up) */
@media (min-width: 1025px) {
  [class*="col-md-"] {float:left;}

  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9  { width: 75%; }
  .col-md-8  { width: 66.66666667%; }
  .col-md-7  { width: 58.33333333%; }
  .col-md-6  { width: 50%; }
  .col-md-5  { width: 41.66666667%; }
  .col-md-4  { width: 33.33333333%; }
  .col-md-3  { width: 25%; }
  .col-md-2  { width: 16.66666667%; }
  .col-md-1  { width: 8.33333333%; }

  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9  { right: 75%; }
  .col-md-pull-8  { right: 66.66666667%; }
  .col-md-pull-7  { right: 58.33333333%; }
  .col-md-pull-6  { right: 50%; }
  .col-md-pull-5  { right: 41.66666667%; }
  .col-md-pull-4  { right: 33.33333333%; }
  .col-md-pull-3  { right: 25%; }
  .col-md-pull-2  { right: 16.66666667%; }
  .col-md-pull-1  { right: 8.33333333%; }
  .col-md-pull-0  { right: auto; }

  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9  { left: 75%; }
  .col-md-push-8  { left: 66.66666667%; }
  .col-md-push-7  { left: 58.33333333%; }
  .col-md-push-6  { left: 50%; }
  .col-md-push-5  { left: 41.66666667%; }
  .col-md-push-4  { left: 33.33333333%; }
  .col-md-push-3  { left: 25%; }
  .col-md-push-2  { left: 16.66666667%; }
  .col-md-push-1  { left: 8.33333333%; }
  .col-md-push-0  { left: auto; }

  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9  { margin-left: 75%; }
  .col-md-offset-8  { margin-left: 66.66666667%; }
  .col-md-offset-7  { margin-left: 58.33333333%; }
  .col-md-offset-6  { margin-left: 50%; }
  .col-md-offset-5  { margin-left: 41.66666667%; }
  .col-md-offset-4  { margin-left: 33.33333333%; }
  .col-md-offset-3  { margin-left: 25%; }
  .col-md-offset-2  { margin-left: 16.66666667%; }
  .col-md-offset-1  { margin-left: 8.33333333%; }
  .col-md-offset-0  { margin-left: 0%; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  [class*="col-lg-"] {float:left;}

  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9  { width: 75%; }
  .col-lg-8  { width: 66.66666667%; }
  .col-lg-7  { width: 58.33333333%; }
  .col-lg-6  { width: 50%; }
  .col-lg-5  { width: 41.66666667%; }
  .col-lg-4  { width: 33.33333333%; }
  .col-lg-3  { width: 25%; }
  .col-lg-2  { width: 16.66666667%; }
  .col-lg-1  { width: 8.33333333%; }

  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9  { right: 75%; }
  .col-lg-pull-8  { right: 66.66666667%; }
  .col-lg-pull-7  { right: 58.33333333%; }
  .col-lg-pull-6  { right: 50%; }
  .col-lg-pull-5  { right: 41.66666667%; }
  .col-lg-pull-4  { right: 33.33333333%; }
  .col-lg-pull-3  { right: 25%; }
  .col-lg-pull-2  { right: 16.66666667%; }
  .col-lg-pull-1  { right: 8.33333333%; }
  .col-lg-pull-0  { right: auto; }

  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9  { left: 75%; }
  .col-lg-push-8  { left: 66.66666667%; }
  .col-lg-push-7  { left: 58.33333333%; }
  .col-lg-push-6  { left: 50%; }
  .col-lg-push-5  { left: 41.66666667%; }
  .col-lg-push-4  { left: 33.33333333%; }
  .col-lg-push-3  { left: 25%; }
  .col-lg-push-2  { left: 16.66666667%; }
  .col-lg-push-1  { left: 8.33333333%; }
  .col-lg-push-0  { left: auto; }

  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9  { margin-left: 75%; }
  .col-lg-offset-8  { margin-left: 66.66666667%; }
  .col-lg-offset-7  { margin-left: 58.33333333%; }
  .col-lg-offset-6  { margin-left: 50%; }
  .col-lg-offset-5  { margin-left: 41.66666667%; }
  .col-lg-offset-4  { margin-left: 33.33333333%; }
  .col-lg-offset-3  { margin-left: 25%; }
  .col-lg-offset-2  { margin-left: 16.66666667%; }
  .col-lg-offset-1  { margin-left: 8.33333333%; }
  .col-lg-offset-0  { margin-left: 0%; }
}


/**
 * Clearfix
 * Apply clearing without adding additional markup
 */

.clearfix:before, .clearfix:after,
.container:before, .container:after,
.container-fluid:before, .container-fluid:after,
.row:before, .row:after,
.cf:before, .cf:after,
.content-section:before, .content-section:after {
    content: " ";
    display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.cf:after,
.content-section:after  { clear: both; }

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

	.show--tablet,
	.display--tablet {
		display:block !important;
	}

	.hide--tablet {
		display:none !important;
	}

}

@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%;
	}

}
/**
 * Hiding
 */

.hide       { display: none !important; }
.hidden     { display: none !important; visibility: hidden !important; }
.invisible  { visibility: hidden !important; }
.text-hide  {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

@media (max-width: 599px) {
    .hidden-xxs { display: none !important; }
}

@media (min-width: 600px) and (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .hidden-sm { display: none !important; }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}

@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}
	body{margin:0px;}
	.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 24px;
    padding-right: 24px;
    max-width: 1366px;
    box-sizing: border-box;
}

.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-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;
}
.site-header-quote-form .btn {
    font-size: 14px;
    padding: 12px 20px;
}
.btn.green {
    background: #00b170;
    color: #fff !important;
	line-height:1;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
	display: inline-block;
}
nav[role="navigation"] ul {
	display:block;
	margin:0px;
	font-family: robotobold;
}
nav[role="navigation"] > ul > li {
    width: auto;
    margin-bottom: 0px;
    cursor: default;
	font-family: robotobold;
}
nav[role="navigation"] li:hover{margin-right:0px;}
nav[role="navigation"] .phone-number{
line-height:1.4em;
}
.text-left {
    text-align: left !important;
}
.text--white {
    color: #fff !important;
}
.push-half-sides {
    margin-right: 10px!important;
    margin-left: 10px!important;
}
.hard {
    padding: 0!important;
}
.hard-top {
    padding-top: 0!important;
}
.flush-top {
    margin-top: 0!important;
}
.center {
    text-align: center;
}
.btn.dark-blue {
    border: none;
    border-radius: 5px;
	}
@media (min-width: 1200px){
.hidden-lg {
    display: none !important;
}
}
@media screen and (max-width: 1024px){
.mobile-navigation-overlay > div > ul ul {
    display: block;
}
.mobile-navigation-overlay > div > ul > li {
    position: relative;
    float: none;
    width: auto;
	    margin: 0px;
}
.sub-menu-arrow{font-family:'icomoonfont';color: #ccc;}

}
nav[role="navigation"] .menu-has-children:after{font-size:1.4em;}
.black-section-wrapper {
    background: #000;
}
.footer-nav {
    text-align: left;
    margin: 50px 0;
}
.footer-nav li {
    list-style-type: none;
    font-size: 1.2em;
    margin-bottom: 10px;
	width: auto;
    float: none;
}
.footer-nav li:hover{margin-right:0px;}
.footer-nav li a {
    color: #999;
	text-decoration:none;
}
.footer-nav li a:hover {
    color: #ccc;
}
p.footer-subnav {
    text-align: center;
    font-size: 14px;
    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;
}
.footer-nav ul{padding:0px; font-family:robotoregular; line-height:1.5em;}
.footer-nav h3{
    font-size: 18px;
    line-height: 1.5em;
    margin: 45px 0 10px 0;
	color:#fff;
}