@import "logo-color.css";

dl, ol, ul {

	margin-top: 0;

	margin-bottom: 0px;

}

header {

	padding: 10px 0px;

	background: #fff;

}

.gry-sdw {

	-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);

	-moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);

	box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.3);

}

.logo img {

	width: 150px;

}



/* all nav */

.stellarnav {

	position: relative;

	width: 100%;

	z-index: 9900;

	line-height: normal;

}

/* main level */

.stellarnav > ul > ul {

	padding: 0px;

}

.stellarnav > ul > li {

	display: inline-block;

}

.stellarnav > ul > li > a {

	padding-left: 15px;

	font-size:14px;

	color:#000;

	font-weight:300

}

/* first level dd */

.stellarnav ul ul {

	top: auto;

	width: 220px;

	position: absolute;

	z-index: 9900;

	text-align: left;

	display: none;

	background: #ddd;

}

.stellarnav li li {

	display: block;

}

/* second level dd */

.stellarnav ul ul ul {

	top: 0; /* dd animtion - change to auto to remove */

	left: 220px;

}





.stellarnav > ul > li:hover > ul > li:hover > ul {

	opacity: 1;

	visibility: visible;

	top: 0;

}

/* .drop-left */

.stellarnav > ul > li.drop-left > ul {

	right: 0;

}

.stellarnav li.drop-left ul ul {

	left: auto;

	right: 220px;

}

/* light theme */

.stellarnav.light {

	background: rgba(255, 255, 255, 1);

}

.stellarnav.light a {

	color: #000;

}

.stellarnav.light ul ul {

	background: rgba(255, 255, 255, 1);

}

.stellarnav.light li a {

	color: #000;

}



.stellarnav.dark ul li img {

	width: 20px;





	margin-right:3px;

}



.stellarnav.dark ul li ul li img{

	width: 25px;

	}

.stellarnav.dark a:hover {

	color: #3976bc;

	text-decoration: none

}

.stellarnav.dark ul ul {

	background: #fff;

	margin-top: 5px;

	padding: 15px;

	border-radius: 0px;

	-webkit-box-shadow: -2px 5px 22px -6px rgba(0,0,0,1);

	-moz-box-shadow: -2px 5px 22px -6px rgba(0,0,0,1);

	box-shadow: -2px 5px 22px -6px rgba(0,0,0,1);

	  border-bottom-left-radius: 10px;

	  	  border-bottom-right-radius: 10px;

		  border-top:4px solid #3976bc



}



/**

.stellarnav.dark ul ul:before {

    content: '';

    position: absolute;

    width: 14px;

    height: 0;

    border: 7px solid transparent;

    border-bottom: 10px solid #3976bc;

    top: -18px;

    left: 112px;

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}



**/





.stellarnav.dark ul .arrow:before {

	    left: 39%;

}

.stellarnav.dark ul ul a{

	color: #676767;

	padding: 10px;

	font-weight: normal;

	font-size: 14px;

	display: block;



	font-size: 14px;

	font-weight: bold;

	    border-bottom: 1px solid #ececec;

    background-color: white;

    margin: 0px 0px 10px 0px;

}

.stellarnav ul .width-lg{

	width:500px;

	left:0%;

	

}



.stellarnav ul .width-lg li{

	display:table;

	width:50%;

	float:left;

	height:44px

}







.width-lg li a:hover {

	background: rgba(103, 103, 103, 0.05);

	color: #000000

}



.width-lg li:nth-child(1)  a:hover {

	background: #eff3ea

}



.width-lg li:nth-child(2)  a:hover {

	background: #edede8



}



.width-lg li:nth-child(3)  a:hover {

	background #e8f0f7

}



.width-lg li:nth-child(4)  a:hover {

	background: #ecedf0

}



.width-lg li:nth-child(5)  a:hover {

	background: #f2f3f4

}



.width-lg li:nth-child(6)  a:hover {

	background:#fff4e5



}



.width-lg li:nth-child(7)  a:hover {

	background: #f2e5e5

}



.stellarnav.dark  li:nth-child(8)  a:hover {

	background: #eeebf2

}





.stellarnav.dark li ul li ul li a {

	color: #FFF;

	padding: 10px;

	font-weight: normal;

	font-size: 14px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

/* sticky nav */

.stellarnav.fixed {

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 9999;

}

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/

body.stellarnav-noscroll-x {

	overflow-x: hidden;

}

/* general styling */



.stellarnav li li.has-sub > a:after {

	margin-left: 10px;

	float: right;

	border-top: 6px solid transparent;

	border-bottom: 6px solid transparent;

	border-left: 6px solid #FFF;

	position: relative;

	top: 4px;

}

.stellarnav li.drop-left li.has-sub > a:after {

	float: left;

	margin-right: 10px;

	border-left: 0;

	border-top: 6px solid transparent;

	border-bottom: 6px solid transparent;

	border-right: 6px solid #FFF;

}

.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after {

	display: none;

}

.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile {

	display: none;

	text-transform: uppercase;

	text-decoration: none;

}

.stellarnav .dd-toggle {

	display: none;

	position: absolute;

	top: 0;

	right: 0;

	padding: 0;

	width: 48px;

	height: 48px;

	text-align: center;

	z-index: 9999;

	border: 0;

}

.stellarnav.desktop.hide-arrows li.has-sub a {

	padding-right: 15px;

}

.stellarnav.mobile > ul > li > a.dd-toggle {

	padding: 0;

}

.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile {

	display: none;

}

/* svg icons */

.stellarnav svg {

	fill: currentColor;

	width: 1em;

	height: 1em;

	position: relative;

	top: 2px;

}

/* svg icons */



.stellarnav a.dd-toggle .icon-plus {

	box-sizing: border-box;

	transition: transform 0.3s;

	width: 12px;

	height: 100%;

	position: relative;

	vertical-align: middle;

	display: inline-block;

}

.stellarnav a.dd-toggle .icon-plus:after {

	content: '';

	display: block;

	width: 12px;

	height: 0px;

	top: 50%;

	border-bottom: solid 3px #777;

	position: absolute;

}

.stellarnav li.open > a.dd-toggle .icon-plus {

	-webkit-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	-o-transform: rotate(135deg);

	transform: rotate(135deg);

}

.stellarnav.light a.dd-toggle .icon-plus:before {

	border-color: #000;

}

.stellarnav.light a.dd-toggle .icon-plus:after {

	border-color: #000;

}

.stellarnav.dark a.dd-toggle .icon-plus:before {

	border-color: #FFF;

}

.stellarnav.dark a.dd-toggle .icon-plus:after {

	border-color: #FFF;

}

.stellarnav .icon-close {

	box-sizing: border-box;

	width: 12px;

	height: 12px;

	position: relative;

	display: inline-block;

}

.stellarnav .icon-close:before {

	content: '';

	display: block;

	width: 12px;

	height: 0px;

	border-bottom: solid 3px #777;

	position: absolute;

	top: 50%;

	transform: rotate(45deg);

}

.stellarnav .icon-close:after {

	content: '';

	display: block;

	width: 12px;

	height: 0px;

	top: 50%;

	border-bottom: solid 3px #777;

	position: absolute;

	transform: rotate(-45deg);

}

.stellarnav.light .icon-close:before {

	border-color: #000;

}

.stellarnav.light .icon-close:after {

	border-color: #000;

}

.stellarnav.dark .icon-close:before {

	border-color: #FFF;

}

.stellarnav.dark .icon-close:after {

	border-color: #FFF;

}

/* mobile nav */

.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {

	padding: 15px;

	box-sizing: border-box;

}

.stellarnav .menu-toggle span.bars {

	display: inline-block;

	margin-right: 7px;

	position: relative;

	top: 3px;

}

.stellarnav .menu-toggle span.bars span {

	display: block;

	width: 25px;

    height: 5px;

	border-radius: 6px;

	background: #777;

	margin: 0 0 3px;

}

.stellarnav .full {

	width: 100%;

}

.stellarnav .half {

	width: 50%;

}

.stellarnav .third {

	width: 33%;

	text-align: center;

}

.stellarnav .location-btn-mobile.third {

	text-align: center;

}

.stellarnav .location-btn-mobile.half {

	text-align: right;

}

.stellarnav.light .third, .stellarnav.light .half {

	border-left: 1px solid rgba(0, 0, 0, .15);

}

.stellarnav.light.left .third, .stellarnav.light.left .half {

	border-bottom: 1px solid rgba(0, 0, 0, .15);

}

.stellarnav.light.right .third, .stellarnav.light.right .half {

	border-bottom: 1px solid rgba(0, 0, 0, .15);

}

.stellarnav.light .third:first-child, .stellarnav.light .half:first-child {

	border-left: 0;

}

.stellarnav.dark .third, .stellarnav.dark .half {

	border-left: 1px solid rgba(255, 255, 255, .15);

}

.stellarnav.dark.left .third, .stellarnav.dark.left .half {

	border-bottom: 1px solid rgba(255, 255, 255, .15);

}

.stellarnav.dark.right .third, .stellarnav.dark.right .half {

	border-bottom: 1px solid rgba(255, 255, 255, .15);

}

.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle {

	border-bottom: 0;

}

.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle {

	border-bottom: 0;

}

.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child {

	border-left: 0;

}

.stellarnav.light .menu-toggle span.bars span {

	background: #000;

}

.stellarnav.dark .menu-toggle span.bars span {

	background: #FFF;

}

.stellarnav.mobile {

	position: static;

}

.stellarnav.mobile.fixed {

	position: static;

}

.stellarnav.mobile ul {

	position: relative;

	display: none;

}

.stellarnav.mobile.active {

	padding-bottom: 0;

}

.stellarnav.mobile.active > ul {

	display: block;

}

.stellarnav.mobile ul {

	text-align: left;

}

.stellarnav.mobile > ul > li {

	display: block;

}

.stellarnav.mobile > ul > li > a {

	padding: 15px;

}

.stellarnav.mobile ul {

	background: rgba(221, 221, 221, 1);

}

.stellarnav.mobile ul ul {

	position: relative;

	opacity: 1;

	visibility: visible;

	width: auto;

	display: none;

	-moz-transition: none;

	-webkit-transition: none;

	-o-transition: color 0 ease-in;

	transition: none;

}

.stellarnav.mobile ul ul ul {

	left: auto;

	top: auto;

}

.stellarnav.mobile li.drop-left ul ul {

	right: auto;

}

.stellarnav.mobile li a {

	border-bottom: 1px solid rgba(255, 255, 255, .15);

}

.stellarnav.mobile > ul {

	border-top: 1px solid rgba(255, 255, 255, .15);

}

.stellarnav.mobile.light li a {

	border-bottom: 1px solid rgba(0, 0, 0, .15);

}

.stellarnav.mobile.light > ul {

	border-top: 1px solid rgba(0, 0, 0, .15);

}

.stellarnav.mobile li a.dd-toggle {

	border: 0;

}

.stellarnav.mobile.light li a.dd-toggle {

	border: 0;

}

.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile {

	display: inline-block;

}

.stellarnav.mobile li.call-btn-mobile {

	border-right: 1px solid rgba(255, 255, 255, .1);

	box-sizing: border-box;

}

.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile {

	display: inline-block;

	width: 50%;

	text-transform: uppercase;

	text-align: center;

}

.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full {

	display: block;

	width: 100%;

	text-transform: uppercase;

	border-right: 0;

	text-align: left;

}

.stellarnav.mobile.light ul {

	background: rgba(255, 255, 255, 1);

}

.stellarnav.mobile.dark ul {

	background: rgba(0, 0, 0, 1);

	padding:0px

}

.stellarnav.mobile.dark ul ul {

	background: rgba(255, 255, 255, .08);

}

.stellarnav.mobile.light li.call-btn-mobile {

	border-right: 1px solid rgba(0, 0, 0, .1);

}

.stellarnav.mobile.top {

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 9999;

}

.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after {

	display: none;

}

/* left and right positions */

.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {

	position: fixed;

	top: 0;

	bottom: 0;

	width: 100%;

	max-width: 280px;

	overflow-x: hidden;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

}

.stellarnav.mobile.right > ul {

	right: 0;

}

.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu {

	display: inline-block;

	text-align: right;

	font-size:12px;

	color:#ccc

}

.stellarnav.mobile.left > ul {

	left: 0;

}

.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half {

	text-align: center;

}

.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third {

	text-align: center;

}

.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half {

	text-align: center;

}

.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third {

	text-align: center;

}

.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third {

	text-align: left;

}

.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span {

	display: none;

}

/* left and right positions */



/* mega dd */

.stellarnav.desktop li.mega ul ul {

	background: none;

}

.stellarnav.desktop li.mega li {

	display: inline-block;

	vertical-align: top;

	margin-left: -4px;

}

.stellarnav.desktop li.mega li li {

	display: block;

	position: relative;

	left: 4px;

}

.stellarnav.desktop li.mega ul ul {

	width: auto;

}

.stellarnav.desktop > ul > li.mega {

	position: inherit;

}

.stellarnav.desktop > ul > li.mega > ul {

	width: 100%;

}

.stellarnav.desktop > ul > li.mega > ul li.has-sub ul {

	display: block;

	position: relative;

	left: auto;

}

.stellarnav.desktop > ul > li.mega > ul > li {

	padding-bottom: 15px;

	box-sizing: border-box;

}

.stellarnav.desktop li.mega li li a {

	padding: 5px 15px;

}

.stellarnav.desktop li.mega li.has-sub a:after {

	display: none;

}

.stellarnav.desktop > ul > li.mega > ul > li > a {

	color: yellow;

}

/* mega dd */



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

.stellarnav ul .width-lg li {

    display: inherit;

    width: 100%;

    float: initial;

    height: 44px;

}

}



/* Fallback for slow javascript load */

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

.stellarnav {

	overflow: hidden;

	display: block;

}

.stellarnav ul {

	position: relative;

	display: none;

}

}



/* mobile nav */

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

.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span {

	display: none;

}

}

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

.container {

	max-width: 94%;

}

.navbar {

	z-index: 99

}

.sh-media p {

	font-size: 14px;

	line-height: 25px;

}

.app-text h2 {

	font-size: 35px !important;

}

.stellarnav.dark .menu-toggle span.bars span {

	background: #3976bc;

}

.menu-toggle {

	position: absolute;

	top: -15px;

	right: -16px;

}

}

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

header {

	padding: 10px 0px;

}

.stellarnav.mobile.right > ul {

	left: 0;

	z-index: 9999;

}

.stellarnav.mobile > ul > li > a {

	display: table;

	width: 100%;

	color:#fff;

	font-weight: bold;

}

.stellarnav.mobile > ul > li {

	position: relative

}

.stellarnav a.dd-toggle .icon-plus {

	float: right;

	margin-right: 13px;

}

.stellarnav.dark li ul li a:hover {

	color: #fff

}

.stellarnav.mobile.dark ul ul {

    background: rgb(58, 118, 186);

}

}

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

.stellarnav .menu-toggle span.bars {

	top: -20px;

}

.sh-media .media {

	border-bottom: 1px solid #ccc;

	padding: 20px;

}

}







/*  */



.certifieddng{

    background: url(../images/certified-bg.jpg);

    padding: 50px;

    text-align: center;

    color: #fff;

    font-size: 16px;

}



.certifieddng h2{

    font-size: 25px;

    margin-bottom: 5px;

    font-weight: normal;

}



.certifieddng h2 span{

    font-size: 35px;

    font-weight: bold

}



.certifiedimg {

    height: 120px;

    width: auto;

}



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

    .wht-make .featured-image{display: none;}

    .certifieddng {font-size: 14px;    }

    .certifieddng h2 span {font-size: 25px;}

    .certifiedimg {height: auto;    }

}



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

    .certifieddng .col-sm-8, .certifieddng .col-sm-4{

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    

    }

    .certifiedimg {height: 100px;max-width: initial;    }

    .certifieddng h2, .certifieddng h2 span {

        font-size: 30px;

    }

}



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

    

    .certifieddng h2, .certifieddng h2 span {

        font-size: 20px;

    }

}