.sgnw {
	float: left;
	width: 100%;
	height: 85px;
	background: #fff !important;
	padding: 0;
	margin: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 999999;
	box-shadow: 0 1px 6px 0 rgba(32,33,36,.15);
}

.sgnw .sgni {
	float: left;
	width: 96%;
	padding: 0 2%;
	margin: 0;
}

.sgnw .sgni .sgn {
	float: left;
	width: 100%;
}

.sgnw .sgni .sgn .shep_logo {
	float: left;
	margin: 22px 0 0 0;
}

.sgnw .sgni .sgn .shep_logo figure {
	width: 127px;
	margin: 0;
	padding: 0;
}

.sgnw .sgni .sgn .shep_logo figure img {
	width: 100%;
	border: 0;
}

.sgnw .sgni .sgn .shep_menu {
	float: right;
	font-family: 'montserrat_light';
}

.sgnw .sgni .sgn .shep_menu .shep_nav {
	float: left;
	margin: 0
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul {
	float: left;
	margin: 0;
	padding: 0;
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul li {
	float: left;
	padding: 0;
	list-style: outside none;
	position: relative;
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul li:hover {
	overflow: visible
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul li:last-child {
	padding: 0
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul li a {
	float: left;
	padding: 0 20px 0 0;
	display: block;
	line-height: 85px;
	font-size: 13px;
	color: #000;
	font-family: 'montserrat_light';
	text-decoration: none;
	letter-spacing: 0.04em;
	cursor: pointer;
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul li a:hover {
	color: #2bade7;
}

.sgnw .sgni .sgn .shep_menu .shep_nav .secondary a:last-child {
	padding: 0
}

.navsm_optA {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	-webkit-transition: height 0.5s;
	/* For Safari 3.1 to 6.0 */
	transition: height 0.5s;
}

.navsm_optA ul.navsmTitle_optA {
	float: left;
	width: 87%;
	margin: 0 0 0 48px;
	padding: 0
}

.navsm_optA ul.navsmTitle_optA li {
	float: left;
	width: 95%;
	margin: 0 0 10px 0;
	padding: 0!important
}

.navsm_optA ul.navsmTitle_optA li:last-child {
	margin: 0
}

#ddsubmenuWrapper {
	margin: 0 0 15px 0;
	padding: 0!important
}

#ddsubmenuWrapper:hover .navsm_optA {}

.navsm_optA ul.navsmTitle_optA li:hover a {
	color: #000
}

.navsm_optA ul.navsmTitle_optA li a {
	float: left;
	width: 80%;
	margin: 5px 0 0 0;
	font-size: 13px;
	color: #1395cf;
	font-family: Roboto;
	text-decoration: none;
}

.menuWrapper ul li a {
	line-height: normal!important;
}

.menuWrapper ul li {
	float: left;
	padding: 0 0 30px 0;
	width: 100%;
}

.menuWrapper ul li:last-child {
	padding: 0!important
}

.menuWrapper .menuRow {
	float: left;
	width: 100%;
	margin: 0
}

.menuWrapper .menuRow .navImg {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 8px 0 0;
	border-radius: 50%;
	display: table;
	text-align: center;
	background-color: #2bade7
}
.resources .menuRow .navImg {
    margin: 0 15px 0 0;

}


.menuWrapper .menuRow .navImg img {
	display: table-cell;
	vertical-align: middle;
}

.menuWrapper .menuRow .navContent {
	float: left;
	width: 79%;
}
.resources .menuRow .navContent {
    float: left;
    width: 60%;
}

.menuWrapper .menuRow .navContent .navTitle {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #000;
	font-family: 'montserrat_light';
	text-decoration: none;
	text-transform: none
}
.resources .menuRow .navContent .navTitle {
    margin: 10px 0 5px 0;
}
.menuWrapper .menuRow .navContent .navSub {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #666;
	font-family: Roboto;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.menuWrapper .menuRow:hover .navTitle {
	color: #2bade7
}

.menuWrapper .menuRow:hover .navImg {
	background-color: #000
}

#about {
	width: 290px;
}

#products,
#solutions,
#dev {
	min-width: 650px
}
.resorces{
    min-width: 580px !important;
}

#products ul,
#solutions ul,
#dev ul {
	width: 50%;
	float: left;
}
#products{
	min-width: 350px
}
#products ul{
	width: 100%;
}

#products ul:last-child,
#solutions ul:last-child,
#dev ul:last-child {
	padding-bottom: 0!important
}

#blog {
	width: 155px;
}

#blog.menuWrapper .menuRow .navContent {
	width: auto!important;
	float: left;
	margin: 7px 10px 0 0
}

#blog.menuWrapper .menuRow .navImg {
	margin-top: 0
}

.sgnw .sgni .sgn .shep_menu .shepBtn {
	float: right;
	margin: 25px 0 0 30px;
	text-align: left;
	display: none
}

.sgnw .sgni .sgn .shep_menu .shepBtn a {
	float: left;
	width: 80px;
	background-color: #000;
	border: 2px solid #000;
	border-radius: 5px;
	color: #fff;
	float: left;
	font-family: 'montserrat_light', Source Sans Pro;
	font-size: 15px;
	font-weight: 400;
	margin: 0 0 0 10px;
	padding: 6px 0;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	letter-spacing: 0.04em;
}

.sgnw .sgni .sgn .shep_menu .shepBtn a:hover {
	background: transparent;
	border-color: #000;
	color: #000
}

.sgnw .sgni .sgn .shep_menu .shepBtn a:nth-child(1) {
	margin: 0
}

.sgnw .sgni .sgn .shep_menu .shepBtn a.grey {
	background-color: transparent;
	color: #000;
}

.sgnw .sgni .sgn .shep_menu .shepBtn a.grey:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.slicknav_nav .menuWrapper a {
	padding-left: 0!important
}

.slicknav_nav .blog.menuWrapper .menuRow .navContent {
	width: auto;
	margin: 15px 0 0 5px
}

.sticky_header .sgnw {
	background: rgba(9, 29, 37, 0.7);
}

.sticky_header:after {
	content: "";
	height: 1px;
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	/*** background-image:-webkit-linear-gradient(left, transparent, rgba(0,0,0,0.09) 10%, rgba(0,0,0,0.09) 90%, transparent);background-image:linear-gradient(to right, transparent, rgba(0,0,0,0.09) 10%, rgba(0,0,0,0.09) 90%, transparent) ***/
}

.facebook-icon:hover {
	background: #3a559f;
	border: 2px solid #3a559f !important;
}

.google:hover {
	background: #f44336;
	border: 2px solid #f44336 !important;
}

.twitter-icon:hover {
	background: #1ab2e8;
	border: 2px solid #1ab2e8 !important;
}

.linkedin:hover {
	background: #006699;
	border: 2px solid #006699 !important;
}

.linkedin-icon:hover {
	background: #006699;
	border: 2px solid #006699 !important;
}

.insta-icon:hover {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%), radial-gradient(circle at bottom right, #fec263, #8c3ebd);
	border: 2px solid #bc318f !important;
	border-radius: 100%;
	background-origin: border-box;
	background-clip: content-box, border-box;
	text-align: center;
}

.facebook-icon,
.twitter-icon,
.linkedin,
.linkedin-icon,
.google,
.insta-icon {
	background: transparent;
}

aside.followus-on .socialWrapper .footer_social_img figure {
	float: left;
	border: 2px solid #ffffff;
	border-radius: 50%;
	text-align: center;
	display: table;
}

aside.followus-on .socialWrapper .footer_social_img figure a {
	display: table-cell;
	vertical-align: middle;
	height: 32px;
	width: 32px;
}

aside.followus-on .socialWrapper .footer_social_img figure a img {
	height: 14px;
	margin: 5px 0 0 0
}

@media screen and (max-width: 72em) {
	.js #menu {
		display: none;
	}
	.js .slicknav_menu {
		display: block;
	}
	.sgnw .sgni .sgn .shep_menu .logSignBtn {
		display: none!important;
	}
	header {
		position: static
	}
	.sgnw .sgni .sgn .shep_menu .shepBtn {
		display: none
	}
	aside.followus-on {
		display: none
	}
	section.centerbox {
		width: 100%!important
	}
	section.centerbox ul {
		width: 26%
	}
	section.centerbox ul li a,
	section.centerbox ul li a:active,
	section.centerbox ul li a:visited {
		font-size: 13px
	}
	.footerbtm_inner .footerbtn_ctn {
		width: 100%!important;
		padding: 0 20px !important;
		font-size: 12px!important;
		line-height: 20px;
		box-sizing: border-box !important;
	}
	div.centerbox {
		width: 100%!important
	}
	div.centerbox ul {
		width: 24%
	}
	div.centerbox ul li a,
	div.centerbox ul li a:active,
	div.centerbox ul li a:visited {
		font-size: 13px
	}
	.sgfr {
		display: none;
	}
	.sgnw .sgni .sgn .shep_menu .logSignBtn {
		display: none!important;
	}
	#smnm {
		display: block!important;
	}
	.sgf {
		width: 100%!important;
        padding: 0!important;
        box-sizing: content-box;
	}
	.sgfl {
		width: 100%!important;
		padding: 3% 0 0 0!important;
	}
	.navsmTitle_optA {
		background: #f2f6fa !important;
	}
	.navsm_optA ul li {
		margin-left: 50px;
		padding: 0 0 15px 0 !important;
		font-size: 14px;
		width: 85%!important;
	}
	.navsm_optA ul li:last-child {
		padding: 0 0 15px 0 !important;
	}
	#ddsubmenuWrapper {
		margin: 0 0 0 0 !important;
	}
	.sgfi {
		width: 100% !important;
		max-width: 100% !important;
	}
	.sgnw .sgni {
		width: 96%!important;
		max-width: 96% !important;
	}
	.sgnw.sticky_header {
		position: static!important
	}
	.shep_nav {
		display: none!important;
	}
}

#mobNavWrapper {
	background-color: #f2f6fa;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 999;
	transition: opacity .3s linear, visibility .3s linear;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	display: block;
	visibility: hidden;
	opacity: 0;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

#mobNavWrapper.mncActive {
	transition-delay: 0s;
	visibility: visible;
	opacity: 1
}

#mobNavWrapper .sgnw {
	float: left;
	width: 100%;
	height: 85px;
	background-color: #091d25;
	padding: 0;
	margin: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 999999;
}

#mobNavWrapper .sgni {
	float: left;
	width: 96%;
	padding: 0 2%;
	margin: 0;
}

#mobNavWrapper .sgn {
	float: left;
	width: 100%;
}

#mobNavWrapper .shep_logo {
	float: left;
	margin: 22px 0 0 0;
}

#mobNavWrapper .shep_logo figure {
	width: 127px;
	margin: 0;
	padding: 0;
}

#mobNavWrapper .shep_logo figure img {
	width: 100%;
	border: 0;
}

#mobNavWrapper #smnm {
	float: right;
}

#mobileNavT,
.mobNavOpen {
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width: 30px;
	color: #000;
	font: normal 28px/55px "responsivenav";
	display: table-cell;
	vertical-align: middle;
}

#mobileNavT:hover,
.mobNavOpen:hover {
	color: #000;
}

#mobileNavT:before {
	content: "\78"!important;
}

.mobNavOpen:before {
	content: "\78"!important;
}

.mnw_active {
	overflow: hidden;
}

#smnm {
	display: none
}

.mobileNavbtn {
	float;
	right;
	height: 85px;
	display: table;
}

#mobileNav,
.mobNavOpen {
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width: 30px;
	color: #000;
	font: normal 28px/55px "responsivenav";
	display: table-cell;
	vertical-align: middle;
}

#mobileNav:hover,
.mobNavOpen:hover {
	color: #fff;
}

#mobileNav:before {
	content: "\2261";
}

.mobNavOpen:before {
	content: "\2261"!important;
}

#mobNavcontainer {
	float: left;
	width: 100%;
	height: 0;
	position: relative;
	z-index: 2147483647;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	background-color: #f2f6fa;
	overflow: hidden;
}

#mobNavcontainer.mncActive {
	visibility: visible;
	opacity: 1;
	height: auto;
	/***height:100vh;***/
}

#mobWrapper {
	float: left;
	width: 100%;
}

#mobWrapper ul {
	margin: 0;
	padding: 0;
}

#mobWrapper>ul>li {
	float: left;
	width: 100%;
	background: #fff;
	border-bottom: 3px solid #f2f6fa;
}

#mobWrapper>ul>li:hover {
	background: #f8fafc;
}

#mobWrapper>ul>li>a {
	font-size: 16px;
	display: block;
	color: #1b1b1b;
	font-family: 'montserrat_light';
	text-decoration: none;
	letter-spacing: 0.04em;
}

#mobWrapper>ul>li>a>span {
	display: block;
	padding: 20px;
}

#mobWrapper>ul>li>a:hover {
	text-decoration: none;
}

#mobWrapper>ul>li.active {
	border-bottom: none;
}

#mobWrapper>ul>li.has-sub>a span {
	background: url(https://dwo5aya3d1c6n.cloudfront.net/shephertz/nav/icon_plus.png) 96% center no-repeat;
}

#mobWrapper>ul>li.has-sub.active>a span {
	background: url(https://dwo5aya3d1c6n.cloudfront.net/shephertz/nav/icon_minus.png) 96% center no-repeat;
}

#mobWrapper>ul>li.has-last>a span {
	/*** background: url(https://dwo5aya3d1c6n.cloudfront.net/shephertz/nav/arrow_right.png) 96% center no-repeat; ***/
}

#mobWrapper ul ul {
	display: none;
	background: #fff;
	float: left;
	width: 100%
}

#mobWrapper ul ul ul {
	display: block!important;
}

#mobWrapper ul ul ul:nth-child(2) {
	margin-top: 30px!important
}

#mobWrapper ul ul li {
	float: left;
	width: 100%;
	padding: 0;
	background: #f2f6fa;
}

.mobMenuWrapper {
	float: left;
	width: 96%;
	padding: 2%;
}

.mobMenuWrapper ul li a {
	line-height: normal!important;
}

.mobMenuWrapper ul li {
	padding: 0 0 30px 0!important;
	display: block;
}

.mobMenuWrapper ul li:last-child {
	padding: 0!important
}

.mobMenuWrapper ul:nth-child(2) {
	margin: 30px 0 0 0
}

.mobMenuWrapper .menuRow {
	float: left;
	width: 100%;
	margin: 0
}

.mobMenuWrapper .menuRow .navImg {
	float: left;
	width: 40px;
	height: 40px;
	margin: 8px 8px 0 0;
	border-radius: 50%;
	display: table;
	text-align: center;
	background-color: #2bade7
}

.mobMenuWrapper .menuRow .navImg img {
	display: table-cell;
	vertical-align: middle;
}

.mobMenuWrapper .menuRow .navContent {
	float: left;
	width: 80%;
}

.mobMenuWrapper .menuRow .navContent .navTitle {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #000;
	font-family: 'montserrat_light';
	text-decoration: none;
}

.mobMenuWrapper .menuRow .navContent .navSub {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #666;
	font-family: Roboto;
	text-decoration: none;
}

.mobMenuWrapper .menuRow:hover .navTitle {
	color: #2bade7
}

.mobMenuWrapper .menuRow:hover .navImg {
	background-color: #000
}

.mobMenuWrapper #blog .menuRow .navContent {
	margin: 15px 0 0 0
}

.globalNav ul {
	padding: 0;
	margin: 0
}

.globalNav li {
	list-style: none
}

.globalNav>.container-lg {
	padding: 0
}

.globalNav .navRoot {
	position: relative
}

.globalNav .navSection>a,
.globalNav .navSection>button {
	outline: 0
}

.keyboard-navigation .globalNav .navSection>a:not(.item-mobileMenu):focus>:before,
.keyboard-navigation .globalNav .navSection>button:not(.item-mobileMenu):focus>:before {
	opacity: .75
}

.globalNav .navSection>a:not(.item-mobileMenu)>:before,
.globalNav .navSection>button:not(.item-mobileMenu)>:before {
	content: "";
	position: absolute;
	left: -15px;
	right: -15px;
	top: 5px;
	bottom: 5px;
	-webkit-box-shadow: 0 0 0 1.5px inset currentColor;
	box-shadow: inset 0 0 0 1.5px currentColor;
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: opacity .15s;
	transition: opacity .15s
}

.globalNav .navSection.logo {
	position: absolute;
	top: 0;
	left: 0
}

.globalNav .navSection.primary,
.globalNav .navSection.secondary {
	display: none
}

@media (min-width:670px) {
	.globalNav .navSection.primary,
	.globalNav .navSection.secondary {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.globalNav .navSection.primary {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.globalNav .navSection.secondary {
	position: absolute;
	top: 0;
	right: 0
}

.globalNav .navSection.mobile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.globalNav.compact .navRoot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.globalNav.compact .navSection.logo {
	position: static;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.globalNav.compact .navSection.secondary {
	position: static
}

.globalNav .dropdownRoot {
	position: absolute;
	z-index: 1000;
	left: -10px;
	right: 0;
	top: 85px;
	pointer-events: none;
	-webkit-transform: rotateX(-15deg);
	transform: rotateX(-15deg);
	-webkit-transform-origin: 50% -50px;
	transform-origin: 50% -50px;
	opacity: 0;
	will-change: transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
	display: none
}

@media (min-width:670px) {
	.globalNav.initialized .dropdownRoot {
		display: block
	}
}

.globalNav.dropdownActive .dropdownRoot {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: none;
	transform: none
}

.globalNav .alternateBackground,
.globalNav .dropdownBackground {
	position: absolute;
	top: 0;
	left: 0;
	will-change: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: .25s;
	transition-duration: .25s
}

.globalNav .dropdownArrow {
	top: -6px;
	margin: 0 0 0 -6px;
	width: 16px;
	height: 16px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 4px 0 0;
	background: #2aa9e0;
	-webkit-box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
	box-shadow: -3px -3px 5px rgba(82, 95, 127, .04);
	will-change: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.globalNav .dropdownArrow,
.globalNav .dropdownContainer {
	position: absolute;
	left: 0;
	-webkit-transition-duration: .25s;
	transition-duration: .25s
}

.globalNav .dropdownContainer {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08), 0 2px 10px 0 rgba(0, 0, 0, .12);
	padding: 20px 0 20px 20px!important;
	overflow: hidden;
	top: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	will-change: transform, width, height;
	-webkit-transition-property: width, height, -webkit-transform;
	transition-property: width, height, -webkit-transform;
	transition-property: transform, width, height;
	transition-property: transform, width, height, -webkit-transform
}

.globalNav .dropdownSection {
	opacity: 0;
	pointer-events: none;
	will-change: transform, opacity;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
	background: red
}

.globalNav .dropdownSection.active {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.globalNav .dropdownSection.left {
	-webkit-transform: translateX(-250px);
	transform: translateX(-250px)
}

.globalNav .dropdownSection.right {
	-webkit-transform: translateX(150px);
	transform: translateX(150px)
}

.globalNav.dropdownActive .dropdownSection.active {
	pointer-events: auto
}

.globalNav.noDropdownTransition .alternateBackground,
.globalNav.noDropdownTransition .dropdownArrow,
.globalNav.noDropdownTransition .dropdownBackground,
.globalNav.noDropdownTransition .dropdownContainer,
.globalNav.noDropdownTransition .dropdownSection {
	-webkit-transition: none;
	transition: none
}

.globalNav .dropdownContent {
	position: absolute;
	top: 0;
	left: 0
}

footer {
	width: 100%;
	float: left;
	position: relative;
	z-index: 999;
	background-color: #091d25;
}

footer .footer_inner {
	margin: 0 auto;
	width: 100% !important;
}

footer .footer_inner .footer_container {
	float: left;
	width: 90%;
	padding: 25px 5%;
	box-sizing: unset;
}

aside.followus-on .socialWrapper font,
section.centerbox ul li:first-child {
	background: url(https://dwo5aya3d1c6n.cloudfront.net/shephertz/0.0.5/footer-li-bg.png?shep21082017) left bottom no-repeat;
	white-space: pre;
	padding-bottom: 5px;
	margin-bottom: 8px
}

section.centerbox {
	width: 65%;
	float: left
}

section.centerbox ul {
	display: block;
	float: left;
	margin: 0 10% 0 0;
	padding: 0
}

section.centerbox ul:last-child {
	margin-right: 0!important
}

section.centerbox ul li {
	list-style: none;
	text-align: left;
	color: #fff;
	line-height: 24px;
	font-family: montserrat_light;
	font-size: 13px;
	letter-spacing: 0.04em;
}

section.centerbox ul li a {
	font-family: montserrat_light;
	color: #ddd;
	text-decoration: none;
	font-size: 12px
}

section.centerbox ul li a:hover {
	color: #28f2f4!important
}


/******** section conver into div *************/

aside.followus-on .socialWrapper font,
div.centerbox ul li:first-child {
	background: url(https://dwo5aya3d1c6n.cloudfront.net/shephertz/0.0.5/footer-li-bg.png?shep21082017) left bottom no-repeat;
	white-space: pre;
	padding-bottom: 5px;
	margin-bottom: 8px
}

div.centerbox {
	width: 76%;
	float: left
}

div.centerbox ul {
	display: block;
	float: left;
	margin: 0 13% 0 0;
	padding: 0
}

div.centerbox ul:last-child {
	margin-right: 0!important
}

div.centerbox ul li {
	list-style: none;
	text-align: left;
	color: #fff;
	line-height: 24px;
	font-family: montserrat_light;
	font-size: 13px;
	letter-spacing: 0.04em;
}

div.centerbox ul li a {
	font-family: montserrat_light;
	color: #ddd;
	text-decoration: none;
	font-size: 12px
}

div.centerbox ul li a:hover {
	color: #28f2f4!important
}


/************ end section conver into div *************/

aside.followus-on {
	width: 22%;
	float: right
}

aside.followus-on .socialWrapper {
	width: 100%;
	float: left
}

aside.followus-on .socialWrapper font {
	color: #fff;
	float: left;
	width: 100%;
	line-height: 24px;
	text-align: left;
	font-family: montserrat_light;
	font-size: 13px;
	letter-spacing: 0.04em;
}

aside.followus-on .socialWrapper .title {
	color: #fff;
	float: left;
	width: 100%;
	line-height: 24px;
	text-align: left;
	font-family: montserrat_light;
	font-size: 13px;
	letter-spacing: 0.04em;
	padding: 0 0 0 0 !important;
}

aside.followus-on .socialWrapper .footer_social_img {
	float: left;
	width: 100%;
	margin: 10px 0 0
}

aside.followus-on .socialWrapper .footer_social_img figure {
	float: left;
	margin: 0 10px 0 0
}

aside.followus-on .socialWrapper .recentTweets {
	float: left;
	width: 90%;
	min-height: 20px;
	margin: 20px 0 0;
	padding: 0 0 0 30px;
	background: url(http://www.shephertz.com/wp-content/themes/twentytwelve/images/recentTweets.png?shep25072016) left bottom no-repeat;
	color: #fff
}

div.treams_condition {
	width: 100%;
	float: left;
}

div.treams_condition .footerbtm_inner {
	max-width: 100%;
	margin: 0 auto
}

.footerbtm_inner .footerbtn_ctn {
	width: 90%;
	float: left;
	padding: 10px 5%;
	text-align: center;
	color: #878787;
	font-family: montserrat_light;
	font-size: 13px;
	position: relative;
	letter-spacing: 0.04em;
	box-sizing: unset;
}

.footerbtm_inner .footerbtn_ctn a {
	font-family: montserrat_light;
	color: #878787;
	padding: 0 5px;
	letter-spacing: 0.04em;
}

.alertBox,
.breadcrumb,
.dhtmlx-info,
.dhtmlx_modal_box {
	font-family: montserrat_light;
	letter-spacing: 0.04em;
}

.footerbtm_inner .footerbtn_ctn a:hover {
	color: #000000;
	text-decoration: none;
}

.centerbox .active_btn {
	border-bottom: none !important;
}

.qa-nav-user-nolink .google {
	background: url(http://forum.shephertz.com/qa-theme/Snow/images/login-google.png) !important;
}

.qa-nav-user-nolink .google:hover {
	background: url(http://forum.shephertz.com/qa-theme/Snow/images/login-google.png) !important;
}

.sgfr,
.sgfw {
	height: auto
}

.sgfl ul li,
.sgfr ul li {
	list-style: none;
	text-align: left;
	letter-spacing: .04em
}

.sgfw {
	min-height: auto;
	width: 100%;
	background-color: #ebeaeb;
	padding: 20px 0 50px;
}

.sgfi {
	width: 1140px;
	max-width: 1140px;
	padding: 0;
	margin: 0 auto
}

.sgf {
	width: 100%
}

.sgfl {
	float: left;
	width: 100%;
	padding: 40px 0 0;
}

.sgfr {
	float: right;
	width: 100%;
	padding: 0;
}

.sgfl ul,
.sgfr ul {
	padding: 0;
	display: block;
	float: left
}

.sgfl ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 0 15px;
}

.sgfl ul li {
	color: #fff;
	line-height: 20px;
	font-family: Roboto;
	font-size: 13px;
}

.sgfl ul li:first-child {}

.sgfl ul li a,
.sgfr ul li {
	font-family: Roboto;
	font-size: 13px
}

.sgfl ul li a {
	color: #878787;
	padding: 0 15px;
	font-size: 15px;
	border-right: 1px solid rgba(0, 0, 0, .2);
	text-decoration: none !important;
}

.sgfl ul li a:hover {
	color: #000000!important;
}

.sgfr ul {
	margin: 20px 0 25px;
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	padding-left: 13px;
}

.sgfr ul li {
	color: #919191;
	line-height: 26px;
	clear: left;
	cursor: pointer;
	display: block
}

.sgfr ul li:first-child {}

.sgfr ul li:hover:first-child {
	color: #cfcfcf
}

.sgfr ul li a {
	font-family: Roboto;
	color: #919191;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	margin-right: 25px;
}

.sgfr ul li a:hover {
	color: #000000!important;
}

.sgfr ul li div span {
	float: left;
	background-image: url(http://enterprise.shephertz.com/wp-content/themes/twentytwelve/home/images/footer/social-sprite.png)!important;
	background-repeat: no-repeat
}

.sgfr .sgf-fb1 {
	width: 30px;
	height: 30px;
	background: 0 0;
	text-align: center;
	float: left;
	margin: 0 10px 0 0;
}

.sgfr .sgf-fb1 span {
	width: 10px;
	height: 20px;
	background-position: 0 0;
	text-align: center;
	margin: 5px 0 0 10px
}

.sgfr ul li .sgf-fb1 {
	background: #3a559f;
	border-radius: 100%
}

.sgfr ul li .sgf-fb1 span {
	background-position: -10px 0
}

.sgfr .sgf-twitter {
	width: 30px;
	height: 30px;
	background: 0 0;
	text-align: center;
	float: left;
	margin: 0 10px 0 0
}

.sgfr .sgf-twitter span {
	width: 13px;
	height: 20px;
	background-position: -57px 0;
	text-align: center;
	margin: 5px 0 0 9px
}

.sgfr ul li .sgf-twitter {
	background: #1ab2e8;
	border-radius: 100%
}

.sgfr ul li .sgf-twitter span {
	background-position: -72px 0
}

.sgfr .sgf-linkedin {
	width: 30px;
	height: 30px;
	background: 0 0;
	text-align: center;
	float: left;
	margin: 0 10px 0 0
}

.sgfr .sgf-linkedin span {
	width: 13px;
	height: 20px;
	background-position: -87px 0;
	text-align: center;
	margin: 4px 0 0 9px
}

.sgfr ul li .sgf-linkedin {
	background: #069;
	border-radius: 100%
}

.sgfr ul li .sgf-linkedin span {
	background-position: -102px 0
}

.sgfr .sgf-google {
	width: 30px;
	height: 30px;
	background: 0 0;
	text-align: center;
	float: left;
	margin: 0 10px 0 0
}

.sgfr .sgf-google span {
	width: 17px;
	height: 20px;
	background-position: -20px 0;
	text-align: center;
	margin: 4px 0 0 8px
}

.sgfr ul li .sgf-google {
	background: #f44336;
	border-radius: 100%
}

.sgfr ul li .sgf-google span {
	background-position: -39px 0
}

.sgfr .sgf-insta {
	width: 30px;
	height: 30px;
	background: 0 0;
	text-align: center;
	float: left;
	margin: 0 10px 0 0
}

.sgfr .sgf-insta span {
	width: 14px;
	height: 20px;
	background-position: -117px 0;
	text-align: center;
	margin: 4px 0 0 8px
}

.sgfr ul li .sgf-insta {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%), radial-gradient(circle at bottom right, #fec263, #8c3ebd);
	border-radius: 100%
}

.sgfr ul li .sgf-insta span {
	background-position: -133px 0
}

.sgfl .treams_condition {
	width: 100%;
	float: left;
	margin: 15px 0 0;
}

.sgfl .footerbtm_inner .footerbtn_ctn {
	width: 100%;
	float: left;
	padding: 10px 0;
	text-align: center;
	color: #666;
	font-family: montserrat_light;
	font-size: 13px;
	position: relative;
	letter-spacing: .04em;
	box-sizing: unset;
	margin-bottom: 40px;
	text-align: left;
}

.sgfl ul li:last-child a {
	border-right: none;
}

@media only screen and (min-width :320px) and (max-width :767px) {
	.sgfl {
		width: 90%;
		padding: 0 5%;
	}
	.sgfr {
		display: block;
	}
	.sgfl ul li:first-child {
		font-size: 12px;
	}
	.sgfl ul {
		width: 300px;
		margin: 0 auto;
		float: none;
	}
	.sgfl ul:nth- {
		width: 31%;
		margin: 0 2% 0 0;
	}
	.sgfi {
		width: 100%;
		max-width: 100%;
		padding-top: 20px;
    }
    .sgfl ul li{
        margin: 2px;
        background: #fff;
        width: 140px;
        text-align: center;
        padding: 10px 0;
    }
    .sgfl ul li a{
        border:none;
    }
    .sgfr ul {
        flex-wrap: wrap;
        width: 144px;
        margin: 30px auto 20px;
        float: none;
        justify-content: flex-start;
    }
    .sgfr ul li{
        margin-bottom: 12px;
    }
    .mobMenuWrapper.mm_wrpr .menuRow .navContent .navTitle {
    margin: 10px 0 5px 0 !important;
    }



}

@media only screen and (max-width: 480px) and (min-width: 641px) {
	.sgfl {
		width: 96%;
		padding: 0 2%;
	}
	.sgfr {
		display: none;
	}
	.sgfl ul li:first-child {
		font-size: 12px;
	}
	.sgfl ul {
		width: 8%;
		margin: 0 2% 0 0;
	}
}

@media only screen and (max-width: 960px) and (min-width: 641px) {
	.sgfi {
		width: 100%;
		max-width: 100%;
	}
	.sgfr {
		display: none;
	}
	.sgf {
		width: 98%;
		padding: 0 2%;
	}
	.sgfl {
		width: 100%;
	}
}

@media only screen and (min-width: 961px) and (max-width: 1024px) {
	.sgfw {
		background-image: none;
		overflow-x: hidden;
	}
	.sgfi {
		width: 100%;
		max-width: 100%;
	}
	.sgf {
		width: 98%;
		padding: 0 2%;
	}
	.sgfl ul {
		width: 100%;
		margin: 0 0 15px 0;
	}
	.sgfl {
		width: 92%;
		padding: 3% 3% 0 3%;
	}
	.sgfr {
		display: block;
	}
	.sgfl .footerbtm_inner .footerbtn_ctn {
		padding: 10px 0!important;
	}
}





.menuWrapper .selected-menu .navContent .navTitle{
	color: #2aa9e0 !important;
}

.menuWrapper .selected-menu .navImg{
	background: #000 !important;
}

.sgnw.sticky_header{
	background: #fff !important;
}