.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;}
.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 20px 0 0; list-style: outside none; position:relative; overflow:hidden}
.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 { display: block;line-height: 85px; font-size: 13px; color: #fff; font-family: 'montserrat_light'; text-decoration: none; letter-spacing: 0.04em;}
.sgnw .sgni .sgn .shep_menu .shep_nav ul li a:hover { color: #2bade7;}
.sgnw .sgni .sgn .shep_menu .shep_nav ul li:hover .menuWrapper{opacity: 1; top: 80px;z-index: 2147483647; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
.sgnw .sgni .sgn .shep_menu .shep_nav ul li .navsm_optA{float:left; width:100%; margin:15px 0 0 0; height:0; overflow:hidden; -webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */transition: height 0.5s;}
.sgnw .sgni .sgn .shep_menu .shep_nav ul li .navsm_optA ul.navsmTitle_optA{float:left; width:87%; margin:0 0 0 48px; padding:0}
.sgnw .sgni .sgn .shep_menu .shep_nav ul li .navsm_optA ul.navsmTitle_optA li{float:left; width:95%; margin:0 0 10px 0; padding:0!important}
.sgnw .sgni .sgn .shep_menu .shep_nav ul li .navsm_optA ul.navsmTitle_optA li:last-child{margin:0}
#ddsubmenuWrapper{margin:0 0 15px 0; padding:0!important}
#ddsubmenuWrapper:hover .navsm_optA{ height: 60px;}
.sgnw .sgni .sgn .shep_menu .shep_nav ul li .navsm_optA ul.navsmTitle_optA li:hover a{color:#000}
.sgnw .sgni .sgn .shep_menu .shep_nav ul li .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;}
.slicknav_nav li:hover .menuWrapper{opacity: 1; top: 35px; z-index: 2147483647; -webkit-transform: rotateY(0deg); transform: rotateY(0deg);}
.menuWrapper{background:#fff;border-radius:8px;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding:20px!important;position: absolute; opacity: 0;top: 120px; z-index: -999; -webkit-transition: .7s; transition: .7s;/*-webkit-transform: rotateY(180deg); transform: rotateY(180deg);*/ margin:0 20px}
.menuWrapper:after{content:""; top:-17px; left:45%; background-color: rgb(255, 255, 255); border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; height: 18px; transform: translate(4.5px, 9px) rotate(45deg); width: 18px; position:absolute; }
.menuWrapper ul li a {line-height: normal!important;}
#about{width:250px;left: -230%;}
#products, #solutions{left: -410%;}
#dev{left: -280%;}
#blog{left: -120%;}
.menuWrapper ul li{padding:0 0 30px 0!important}
.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}
.menuWrapper .menuRow .navImg img{display:table-cell; vertical-align:middle;}
.menuWrapper .menuRow .navContent {float:left;width:80%;}
.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}
.menuWrapper .menuRow .navContent .navSub{ float:left; width:100%; font-size: 12px; color: #666; font-family: Roboto; text-decoration: none;}
.menuWrapper .menuRow:hover .navTitle{color:#2bade7}
.menuWrapper .menuRow:hover .navImg{background-color:#000}
#products, #solutions, #dev {min-width:700px}
#products ul, #solutions ul, #dev ul{width:50%; float:left}
#blog{width:135px}
#blog:after{left:38%}
#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)}
/******* slicknav Menu *******/
.slicknav_btn { display: block; vertical-align: middle; float: right; padding: 33.5px 1em; line-height: 1.125em; cursor: pointer;text-decoration: none; text-shadow: 0 1px 1px rgba(255,255,255,.75); z-index: 99999; background-color: #F04A52; /*position: fixed;*/ margin:-85px 0 0 0; right: 0; top:0; }
.slicknav_nav li ul li { border-bottom: none!important }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }
.slicknav_menu {
 *zoom: 1; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left }
.slicknav_menu .slicknav_icon { float: left; margin: .188em 0 0 .438em }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: .125em; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.25); box-shadow: 0 1px 0 rgba(0,0,0,.25) }
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar { margin-top: .188em }
.slicknav_nav li, .slicknav_nav ul { display: block }
.slicknav_nav li { border-bottom: 1px solid #1d4250; position:relative }
.slicknav_nav .slicknav_arrow { font-size: .7em; margin: 0 0 0 .4em }
.slicknav_nav .slicknav_item { display: block; cursor: pointer }
.slicknav_nav a { padding: 5px 20px; text-decoration: none; color: #fff; font-family: 'montserrat_light'; text-decoration: none; letter-spacing: 0.04em; font-size: 13px;line-height:40px; }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:after, .slicknav_menu:before { content: " "; display: table }
.drop:hover .slicknav_item a { color: #0069a0!important }
.slicknav_open a:nth-child(1) { color: #0069a0; font-size:14px; }
.slicknav_open ul li a { color: #fff!important; font-size: 12px }
.slicknav_menu { position: relative; z-index: 9999; }
.slicknav_nav, .slicknav_nav ul { padding: 0; margin: 0 }
.slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: 700; text-shadow: 0 1px 3px #000 }
.slicknav_menu .slicknav_icon-bar { background-color: #fff; font-weight: 700!important; font-size: 24px!important }
.slicknav_nav { clear: both; background-color: #091d25; border-top:1px solid #2bade7; color: #fff; font-size: .875em; /*position: fixed;*/ width: 100%; z-index: 99!important }
.slicknav_nav, .slicknav_nav ul { list-style: none; opacity: 1 !important; }
.slicknav_nav ul li a { padding: 3px 30px 10px!important; color: #fff }
.slicknav_nav ul li a:hover { }
.slicknav_nav a { padding: 5px 20px; text-decoration: none; color: #fff }
.slicknav_nav .slicknav_item a { padding: 0; margin: 0 }
.slicknav_nav a:hover {color: #2bade7 }
.slicknav_nav .slicknav_item a:hover { color: #fff }
.slicknav_nav .slicknav_item:hover { background: #1d4250; color: #fff }
.slicknav_nav li:hover {}
.slicknav_nav .slicknav_txtnode { margin-left: 15px }
.slicknav_menu {display:none;}
.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:96%!important; padding: 10px 2% 10px 0!important; font-size: 12px!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: 98%!important; padding: 0 2%!important;}
.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}
}
/******* slicknav Menu End *******/
/***************** 2nd May *****************************/
#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:#fff; font: normal 28px/55px "responsivenav";display: table-cell;vertical-align: middle;}
#mobileNavT:hover, .mobNavOpen:hover {color:#fff;}
#mobileNavT:before{content: "\78"!important; }
.mobNavOpen:before{content: "\78"!important; }
.mnw_active {overflow: hidden;}
/***************** 2nd May end *****************************/
#smnm{display:none}
.mobileNavbtn{float; right; height:85px; display:table;}
#mobileNav, .mobNavOpen {overflow: hidden; position: relative;text-decoration: none;width: 30px; color:#fff; 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://s3-us-west-2.amazonaws.com/shepwebimgs/shephertz/nav/icon_plus.png) 96% center no-repeat;}
#mobWrapper > ul > li.has-sub.active > a span { background: url(https://s3-us-west-2.amazonaws.com/shepwebimgs/shephertz/nav/icon_minus.png) 96% center no-repeat;}

#mobWrapper > ul > li.has-last > a span{/*** background: url(https://s3-us-west-2.amazonaws.com/shepwebimgs/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}


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://s3-us-west-2.amazonaws.com/shepwebimgs/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://s3-us-west-2.amazonaws.com/shepwebimgs/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(https://enterprise.shephertz.com/wp-content/themes/twentytwelve/images/recentTweets.png?shep25072016) left bottom no-repeat; color: #fff }
div.treams_condition { width: 100%; float: left; background: #091d25;}
div.treams_condition .footerbtm_inner { max-width: 100%; margin: 0 auto }
.footerbtm_inner .footerbtn_ctn { width: 90%; float: left; padding: 10px 5%; text-align:left; 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: #28f2f4; 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;}

/********************* New UI Footer Starts ************************************/
.sgfw{
    height: auto;
    min-height: 330px;
    width: 100%;
    background-color: black;
    background-image: linear-gradient(to right, black 70%, #0a0a0a 70%);    
    padding: 0 0 0 0;
}
.sgfi{
    width: 1140px;
    max-width: 1140px;
    padding: 0;
    margin: 0 auto;
}
.sgf{
	width: 100%;	
}
.sgfl{
    float: left;
    width: 80%;
    background: #000000;
    padding: 3% 0 0 0;
}
.sgfr{
    float: right;
    width: 14%;
    background: #090909;
    height: auto;
    /*** min-height: 360px; ***/
    padding: 3% 0 0 5%;
}
.sgfl ul {
    display: block;
    float: left;
    /**margin: 0 13% 0 0; **/
    padding: 0;
    width: 33%;
}
.sgfl ul li {
    list-style: none;
    text-align: left;
    color: #fff;
    line-height: 24px;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.04em;	
}
.sgfl ul li:first-child {
    color: #cfcfcf;   
    font-size: 18px;
    font-family: montserrat;
    margin-bottom: 20px;
}
.sgfl ul li a{ font-family: Roboto; color: #919191; text-decoration: none; font-size: 13px }
.sgfl ul li a:hover { color: #28f2f4!important }

.sgfr ul {
    display: block;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
}
.sgfr ul li {
    list-style: none;
    text-align: left;
    color: #919191;
    line-height: 26px;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.04em;
    clear: left;
    cursor: pointer;
    /**display: inline-block;**/
    display: block;
}
.sgfr ul li:first-child {
    color: #cfcfcf;   
    font-size: 18px;
    margin-bottom: 20px !important;
    font-family: montserrat;   
}
.sgfr ul li:hover:first-child{color: #cfcfcf;}
.sgfr ul li a{ font-family: Roboto; color: #919191; text-decoration: none; font-size: 13px; text-align: center; line-height: 30px;}
.sgfr ul li a:hover { color: #28f2f4!important }
.sgfr ul li div span{float: left; background-image: url(https://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: transparent; text-align: center; float: left; margin: 0 10px 0 0px;}
.sgfr .sgf-fb1 span{width: 10px; height: 20px; background-position: 0 0; text-align: center; margin: 5px 0 0 10px;}
.sgfr ul li:hover .sgf-fb1{background: #3a559f; border-radius: 100%;}
.sgfr ul li:hover .sgf-fb1 span{background-position: -10px 0;}

.sgfr .sgf-twitter{width: 30px; height: 30px; background: transparent; text-align: center; float: left; margin: 0 10px 0 0px;}
.sgfr .sgf-twitter span{width: 13px; height: 20px; background-position: -57px 0; text-align: center; margin: 5px 0 0 9px;}
.sgfr ul li:hover .sgf-twitter{background: #1ab2e8; border-radius: 100%;}
.sgfr ul li:hover .sgf-twitter span{background-position: -72px 0;}

.sgfr .sgf-linkedin{width: 30px; height: 30px; background: transparent; text-align: center; float: left; margin: 0 10px 0 0px;}
.sgfr .sgf-linkedin span{width: 13px; height: 20px; background-position: -87px 0; text-align: center; margin: 4px 0 0 9px;}
.sgfr ul li:hover .sgf-linkedin{background: #006699; border-radius: 100%;}
.sgfr ul li:hover .sgf-linkedin span{background-position: -102px 0;}

.sgfr .sgf-google{width: 30px; height: 30px; background: transparent; text-align: center; float: left; margin: 0 10px 0 0px;}
.sgfr .sgf-google span{width: 17px; height: 20px; background-position: -20px 0; text-align: center; margin: 4px 0 0 8px;}
.sgfr ul li:hover .sgf-google{background: #f44336; border-radius: 100%;}
.sgfr ul li:hover .sgf-google span{background-position: -39px 0;}

.sgfr .sgf-insta{width: 30px; height: 30px; background: transparent; text-align: center; float: left; margin: 0 10px 0 0px;}
.sgfr .sgf-insta span{width: 14px; height: 20px; background-position: -117px 0; text-align: center; margin: 4px 0 0 8px;}
.sgfr ul li:hover .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%; border-radius: 100%;}
.sgfr ul li:hover .sgf-insta span{background-position: -133px 0;}

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


@media only screen and (min-width :320px) and (max-width :480px) {
.sgfl{width: 90%; padding: 0 5%;}
.sgfr{display: none;}
.sgfl ul li:first-child{font-size: 12px;}
.sgfl ul{width: 31%; margin: 0 2% 0 0;}
.sgfl ul:nth-{width: 31%; margin: 0 2% 0 0;}
.sgfi{width: 100%; max-width: 100%; padding-top: 20px;}
}

@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;}
.sgfi{width: 100%; max-width: 100%;}
.sgf{width: 98%; padding: 0 2%;}
.sgfl ul{width: 33%; margin: 0 0 0 0;}
.sgfl{width: 92%; padding: 3% 3% 0 3%;}
.sgfr{display: none;}
.sgfl .footerbtm_inner .footerbtn_ctn{padding: 10px 0!important;}
}
/********************* New UI Footer end ************************************/


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

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