@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

  @font-face {
	font-family: 'bebas_kairegular';
	src: url('/Images/HomeSC/2016site/template/fonts/bebaskai-regular-webfont.eot');
	src: url('/Images/HomeSC/2016site/template/fonts/bebaskai-regular-webfont.eot?#iefix') format('embedded-opentype'),
	  url('/Images/HomeSC/2016site/template/fonts/bebaskai-regular-webfont.woff') format('woff'),
	  url('/Images/HomeSC/2016site/template/fonts/bebaskai-regular-webfont.ttf') format('truetype'),
	  url('/Images/HomeSC/2016site/template/fonts/bebaskai-regular-webfont.svg#bebas_kairegular') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: 'gothic_regular';
	src: url('/Images/HomeSC/2016site/template/fonts/gothic/Gotham-Light.eot');
	src: url('/Images/HomeSC/2016site/template/fonts/gothic/Gotham-Light.eot?#iefix') format('embedded-opentype'),
	  url('/Images/HomeSC/2016site/template/fonts/gothic/Gotham-Light.woff') format('woff'),
	  url('/Images/HomeSC/2016site/template/fonts/gothic/Gotham-Light.ttf') format('truetype'),
	  url('/Images/HomeSC/2016site/template/fonts/gothic/Gotham-Light.svg#bebas_kairegular') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: 'gothic_bi';
	src: url('/Images/HomeSC/2016site/template/fonts/gothicBI/CenturyGothic-BoldItalic.eot');
	src: url('/Images/HomeSC/2016site/template/fonts/gothicBI/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
	  url('/Images/HomeSC/2016site/template/fonts/gothicBI/CenturyGothic-BoldItalic.woff') format('woff'),
	  url('/Images/HomeSC/2016site/template/fonts/gothicBI/CenturyGothic-BoldItalic.ttf') format('truetype'),
	  url('/Images/HomeSC/2016site/template/fonts/gothicBI/CenturyGothic-BoldItalic.svg#bebas_kairegular') format('svg');
	font-weight: normal;
	font-style: normal;
  }

  @font-face {
	font-family: 'globersemibold';
	src: url('/Images/HomeSC/fonts/glober_semibold_free-webfont.woff2') format('woff2'),
	  url('/Images/HomeSC/fonts/glober_semibold_free-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

  }
  @font-face {
	font-family: 'globerthin';
	src: url('/Images/HomeSC/fonts/glober_thin_free-webfont.woff2') format('woff2'),
	  url('/Images/HomeSC/fonts/glober_thin_free-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

  }
  .glober-b {
	font-family: 'globersemibold';
  }
  .glober-t {
	font-family: 'globerthin';
  }

  html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	height:100%;
	scroll-behavior: smooth;
  }

  body {
	font-family: "quasimoda", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#4a4a4a;
	line-height:1.4;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
  }


  header {
	background-color: #ffffff;
	position: fixed;
	top: 0px;
	left: 0px;
	margin: auto;
	width: 100vw;
	text-align: right;
	-webkit-box-shadow: 0 2px 5px -4px #272727;
	-moz-box-shadow: 0 2px 5px -4px #272727;
	box-shadow: 0 2px 5px -4px #272727;
	z-index: 9999;
  }
  .address-con {
	position: absolute;
	top: 2px;
	font-size: 10px;
  }

  .alert {
	padding:25px 0px 10px;
	margin-bottom:0px;
  }
  div#anniversary-modal{z-index:99999;}

  /* if CDG is down, change below to .cdg-up, if up, .cdg-down */

  .cdg-down {display:none !important; }


  .clear-button {
	display:none;
	font-size: 6px;
	padding: 1px 2px;
	position: relative;
	top: -2px;
	color: black;
	line-height: normal;
	font-family: arial;
	border-radius: 8px;
	border: none;
  }
  #pay-bill form {
	position: relative;
	top: -8px;
  }

  #my-services, #join-our-team, #pay-bill, #moving, #careers-mobile, #Renting {
	margin-top:0px;
	margin-bottom:0px;
  }


  @media(min-width: 576px) {
	#careers-mobile {
	  display: none !important;
	}
  }

  @media(max-width: 576px) {

	#join-our-team {
	  display: none;
	}

	#careers-mobile {
	  display: block;
	}

	#my-services, #join-our-team, #pay-bill, #moving, #careers-mobile, #Renting {
	  padding-left: 1rem; 
	}
	#top-header .container {
	  padding: 0;
	}
	#careers-mobile {
	  padding-left: 0;
	}

	#my-services li a,
	#Renting li a,
	#join-our-team li a,  
	#moving li a,
	#careers-mobile li a,
	#pay-bill-bttn {
	  font-size: 14px!important;
	}
	#pay-bill li a{
	  font-size: 14px!important;
	}
  }

  #top-header {
	background-color: #001333;
	color: #fff;
	text-align: right;
	padding: 0px 10px 10px;
	vertical-align:bottom;
  }
  #top-header > .container {
	display: flex;
	justify-content: end;
	align-items: center;
  }
  #top-header ul {
	display: inline-block;
	list-style: none;
	font-family:"quasimoda",sans-serifsans-serif;
	font-size: 16px;
	vertical-align:bottom;
  }

  @media(max-width: 576px) {
	#join-our-team {
	  display: none!important;
	}
  }

  #top-header ul li {
	line-height: 40px;
	position: relative;
  }

  #top-header ul li a,
  #top-header ul li a:visited, #pay-bill-bttn {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	line-height: 18px;
	padding: 0 4px;
	outline: 0;
	border: 0;
	vertical-align:bottom;
	background:none;
  }
  #top-header ul li a:hover, #pay-bill-bttn:hover {
	color: #4a93cf;
	text-decoration: none;
	outline: 0;
	border: 0;
  }

  @media(max-width: 400px) {

	#my-services, #pay-bill {
	  padding-left: 0;
	}
  }

  /* 2nd level main nav */
  #top-header ul li ul {
	display:none;
	position: absolute;
	top:100%;
	left:-20px;
	padding: 0 0 10px 0;
	/* box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.75); */

	z-index:999;
  }
  #top-header ul li:hover > ul {
	display:block;
  }
  #top-header ul li ul li {
	display:block;
	line-height:1;
	text-align:left;
	width:150px;
	margin:0 0 0 10px;
	padding:0;
	position:relative;
  }
  #top-header ul li ul li a,
  #top-header ul li ul li a:visited {
	display:block;
	color: #eee;
	font-size:15px;
	line-height:14px;
	text-decoration:none;
	padding:10px 18px;
	outline:0;
	border:0;
	background: #001333
  }
  #top-header ul li ul li a:hover {
	display:block;
	color: #fff;
	text-decoration:none;
	outline:0;
	border:0;
	font-weight:500;
  }
  #mag-glass {
	width: 15px;
	fill: white;
	margin-top: 12px;
	margin-left: 1rem;
	cursor: pointer;
  }

  #searchwrap {
	display:inline-block;
	color:#fff;
	font-size:19px;
	line-height: 19px;
	float:right;
	cursor:pointer;
	display: flex;
	align-items: center;
	/*margin: 15px 5px 0px;*/
	margin: 15px 5px 0 15px;
  }
  #text-search {
	height:20px;
	font-size:12px;
  }
  #search-drop {
	display:none;
	/* padding:5px 10px; */
  }
  #search-drop article.row {
	max-width:900px;
	margin:auto;
  }
  #search-drop div {
	padding:2px;
  }
  #search-drop input[type="text"] {
	background-color: #001333;
	border-radius: 20px;
	border: 1px solid #fff;
	color: white;
  }
  #search-drop input[type="submit"] {
	display:block;
	background-color: #81bd42;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	width:100%;
	height:34px;
	margin-bottom:2px;
	outline:0;
	border:0;
	border-radius:5px;
	cursor:pointer;
  }
  #search-drop input[type="submit"]:hover {
	background-color: #71a639;
	color:#FFF;
	outline:0;
	border:0;
  }


  #main {
	/*  padding-top:150px;  HERE HERE HERE REMOVE THIS WHEN REMOVING THE TEMPORARY BANNER  */
	padding-top:130px
  }
  header .container {
	position:relative;
  }


  a#homesc-logo {
	display:inline-block;
	width:100%;
	max-width:185px;
	padding:0px;
	z-index:999;
	margin-top:7px;
  }
  a#homesc-logo img {
	display:inline-block;
	width:80%;
  }


  .visuallyhidden {
	border:0 none;
	clip:rect(0pt,0pt,0pt,0pt);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
  }
  .hidden {
	display:none;
  }


  /* top nav */
  ul#top-nav {
	display:inline-block;
	margin:0;
	padding:15px 0 5px;
	list-style:none;
  }
  ul#top-nav li {
	display:inline-block;
	line-height:14px;
	padding:0 10px;
  }
  ul#top-nav li:last-child {
	border-right:none;
  }
  ul#top-nav li a,
  ul#top-nav li a:visited {
	display:block;
	color: #555555;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
	outline:none;
	border:none;
  }
  ul#top-nav li a:hover,
  ul#top-nav li:hover > a {
	color: #81bd42;
	text-decoration:none;
	outline:none;
	border:none;
  }

  /* social nav */
  ul#social {
	display:inline-block;
	margin:0;
	padding:0px;
	list-style:none;
  }
  ul#social li {
	display:inline-block;
	margin:0;
	padding:0px 4px;
  }
  ul#social li a,
  ul#social li a:visited {
	display:block;
	color: #fff;
	font-size:28px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	outline:0;
	border:0;
	transition: all 0.5s;
  }
  ul#social li a:hover {
	color: #81bd42;
	text-decoration:none;
	outline:0;
	border:0;
  }
  @media screen and (max-width: 992px) {
	ul#social {
	  display: block;
	  text-align: center;
	  margin: 20px auto 15px;
	}
  }

  /* 1st level main nav */
  nav:after {
	content: '';
	display: block;
	clear: both;
  }
  ul#main-nav {
	font-family: 'Quasimoda';
	display: inline-block;
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
  }
  ul#main-nav li {
	display:inline-block;
	font-weight: 600;
	text-align:left;
	line-height: 80px;
	margin:0px 25px 0px 0px;
	position:relative;
  }
  ul#main-nav li:hover:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #3277b0;
  }
  ul#main-nav ul li:hover:after {
	content: '';
	display: none;
  }
  ul#main-nav li:last-child {
	padding-right:0;
	border-right:none;
	margin-right:0;
  }
  ul#main-nav li a,
  ul#main-nav li a:visited {
	display:block;
	color: #333333;
	font-size:17px;
	font-weight:600;
	text-decoration:none;
	outline:0;
	border:0;
  }
  ul#main-nav li a:hover,
  ul#main-nav li:hover > a {
	color: #333333;
	text-decoration:none;
	outline:0;
	border:0;
  }
  @media screen and (max-width: 1200px) {
	ul#main-nav li {
	}
	ul#main-nav li a,
	ul#main-nav li a:visited {
	  font-size:15px;
	}
  }
  @media screen and (max-width: 992px) {
	ul#main-nav li {
	}
  }

  /* 2nd level main nav */
  ul#main-nav li ul {
	display:none;
	background: #fff;
	position:absolute;
	top:100%;
	left:0;
	padding: 0;
	z-index:999;
  }
  ul#main-nav li:hover > ul {
	display:block;
	position: fixed;
	top: 130px;
	/* top: 170px; HERE HERE HERE REMOVE THIS WHEN REMOVING THE TEMPORARY BANNER */
	width: 100vw;
	padding-bottom:10px;
	box-shadow: 0 2px 5px -4px #272727
  }
  ul#main-nav li ul li {
	display:block;
	font-weight: 300;
	line-height:1;
	text-align:left;
	width:240px;
	margin:0;
	padding:0;
	position:relative;
  }
  ul#main-nav li ul li a,
  ul#main-nav li ul li a:visited {
	display:block;
	color: #333333;
	font-size:15px;
	line-height:17px;
	font-weight: 300;
	text-decoration:none;
	padding: 10px 0;
	outline:0;
  }
  ul#main-nav li ul li a:hover {
	display:block;
	text-decoration:none;
	outline:0;
	font-weight:500;
	color:#000;
  }

  /* 3rd level main nav */
  ul#main-nav li ul li ul {
	display:none;
	background: #fff;
	position:absolute;
	top:0;
	left:100%;
	padding-top:0;
	border-left:solid 1px #81bd42;
	z-index:999;
  }
  ul#main-nav li ul li:hover > ul {
	display:block;
  }
  ul#main-nav li ul li ul li {
	width:200px;
	margin:0;
	padding:0;
	border-bottom:solid 1px rgba(255,255,255,.2);
  }
  ul#main-nav li ul li ul li a,
  ul#main-nav li ul li ul li a:visited {
	display:block;
	color: #333333;
	font-size:12px;
	line-height:15px;
	text-decoration:none;
	padding:8px 10px;
	outline:0;
	border:0;
  }
  ul#main-nav li ul li ul li a:hover {
	color: #81bd42;
	text-decoration:none;
	outline:0;
	border:0;
  }

  a#pay-bill-btn,
  a#pay-bill-btn:visited {
	display:inline-block;
	background-color: #3277b0;
	color: #fff;
	font-size: 13px;
	text-decoration:none;
	outline:none;
	border:none;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	padding:8px 25px 6px;
	border-radius:5px;
	transition:all 0.8s;
  }
  a#pay-bill-btn:hover {
	display:inline-block;
	background-color: #61a337;
	color: #fff;
	text-decoration:none;
	outline:0;
	border:0;
  }

  #mobile-nav-btn {
	display:none;
	color: #333;
	font-size:23px;
	margin:20px;
	padding:0;
	float:right;
	cursor:pointer;
  }

  /* Shop tag in main nav */
  #pay-bill-bttn {
	/* margin-bottom: -10px; */
  }
  .shop-tag-main {
	margin: 0;
	padding: 0;
	margin-bottom: -20px;
  }
  .tag-main {
	background-color: #1782c5;
	margin-left: 18px;
	margin-right:12px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	border: none;
	width: 100%;
  }

  .shop-tag {
	font-family: "quasimoda",sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color:#fff !important;
  }

  .tag-main:hover {
	background-color: #116da8;
  }
  .tag-main:hover .shop-tag{
	text-decoration:none;

  }
  ul#main-nav li ul li:hover ul {
	display: block;
	z-index: 999999;
	position: relative;
	top: 0;
	left: 0;
	font-weight: 300;
	color: #333;
	font-size: 15px;
  }
  ul#main-nav li ul li ul li a, ul#main-nav li ul li ul li a:visited {
	font-size: 15px;
	line-height: 15px;
	text-decoration: none;
	padding: 8px 10px;
	outline: 0;
	border: 0;
  }
  ul#main-nav li ul li ul li a:hover {
	text-decoration: none;
	outline: 0;
	border: 0;
	font-weight: 500;
	color: #000;
	font-size: 15px;
  }

  @media screen and (max-width:1200px) {
	a#pay-bill-btn {
	  margin-top:5px;
	}
  }

  @media screen and (max-width: 992px) {
	ul#main-nav, ul#top-nav, .line-fade hr {
	  display:none;
	}
	.line-fade {
	  height:8px;
	}
	#mobile-nav-btn {
	  display:inline-block;
	}

	/* Shop tag medai query beyond 992px*/
	.tag-main {
	  margin:0;
	}
	/*
	.sidr.left  ul li:nth-child(1) {
	display:none
  }*/
	.nav-items{
	  padding:0;
	  margin-top: 10px;
	}
  }

  /* Shop tag medai query for screen 1199px-993px*/
  @media screen and (max-width: 1199px) and (min-width: 993px) {
	.tag-main {
	  margin:0;
	}
  }
  /* Shop tag medai query for screen 992px-768px*/
  @media screen and (max-width: 992px) and (min-width:768px) {

	.shop-tag {
	  font-size: 20px;
	  line-height: 22px;
	}
  }
  /* Shop tag medai query for screen 767px-525px*/
  @media screen and (max-width: 767px) and (min-width:525px) {

	.shop-tag {
	  font-size: 18px;
	  line-height: 20px;
	}

	.shop-tag-main {
	  margin-bottom: -15px;
	}
  }
  /* Shop tag media query for screen 524px-320px*/
  @media screen and (max-width: 524px) and (min-width:320px) {
	
	#main{padding-top:133px;}

	.tag-main {
	  margin:0;
	}
	.shop-tag {
	  font-size: 18px;
	  line-height: 20px;
	}

	.nav-items{
	  float: right;
	}

	.shop-tag-main{
	  float:left;
	}
  }

  /*----------------------MAIN SEARCH */
  #color-toggles {
	display:none;
	padding:10px 5px;
	float:right;
	cursor:pointer;
  }
  #color-toggles .fa {
	font-size:22px;
	cursor:pointer;
  }
  #color-toggles .active-toggle {
	color: #6fb940;
  }


  h1,.h1 {
	color:#4a4a4a;
	font-size:36px;
  }

  h1 i,.h1 i,h2 i,.h2 i,h3 i,.h3 i {
	font-weight:400;
  }

  h1 b,.h1 b {
	font-style:normal;
  }

  h1 strong,.h1 strong {
	font-size:34px;
	font-weight:400;
	font-style:normal;
  }

  h2,.h2 {
	color:#333;
	font-size:30px;
	font-weight:400;
  }


  h2 strong,.h2 strong {
	color:#000;
	font-weight:400;
	text-transform:none;
  }

  h2 > sup,.h2 > sup {
	color:#3D3D3D;
	font-size:13px;
  }

  h2, h3, h4 {
	font-weight: 400;
  }
  p {
	font-family: "quasimoda", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  .img-fluid {
	display: inline-block;
	max-width: 100%;
	height: auto;
  }


  h5.section-header,
  p.section-header {
	text-transform: uppercase;
	color: #333333;
	font-size: 18px;
	font-weight: 300;
	margin: 0;
  }



  h3,.h3 {
	color:#009160;
	font-size:18px;
	font-weight:600;
  }

  h4,.h4 {
	color:#464646;
	font-size:16px;
	font-weight:600;
  }

  h5,.h5 {
	font-size:1em;
  }

  p {
	font-family: "quasimoda", sans-serif;
	font-weight: 400;
	font-style: normal;
  }

  a {
	-webkit-transition:all .3s ease-in-out 0;
	-moz-transition:all .3s ease-in-out 0;
	-ms-transition:all .3s ease-in-out 0;
	-o-transition:all .3s ease-in-out 0;
	transition:all .3s ease-in-out 0;
  }

  b,strong {
	//color:#2A2A2A;
	color: #000;
  }

  small,.small {
	color:#AAA;
  }

  code {
	color: #599900;
	background: transparent;
  }

  h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {
	color:inherit;
  }

  .white {
	color: #fff;
  }

  .oliver {
	width:100%;
	max-width:400px;
	padding:15px;
	float:right;
  }
  @media screen and (max-width: 767px) {
	.oliver {
	  float:none;
	}
  }



  .row-no-pd {
	margin-right:0;
	margin-left:0;
  }

  .row-no-pd [class^=col-] {
	padding-left:0;
	padding-right:0;
  }

  .row-no-pd [class^=col-] figure {
	margin-top:0;
	margin-bottom:0;
  }

  dl {
	/*padding:0 15px 0 18px;*/
  }

  dt {
	font-weight:600;
	color:#464646;
	font-size:16px;
	/*font-style:italic;*/
  }

  dd {
	margin:0 0 1em;
  }

  dl dl dt {
	font-size:1em;
	display:inline;
	position:relative;
	margin-right:3px;
  }

  dl dl dd {
	display:inline;
	position:relative;
	font-style:italic;
  }

  .clear {
	clear:both;
	display:block;
	height:0;
	line-height:0;
  }

  .group:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	line-height:0;
  }

  .lnk_dsbl {
	display:none;
  }
  .block {
	display:block;
  }

  a {
	outline-style:none;
  }

  a:link {
	color:#009161;
	outline-style:none;
  }

  a:active {
	color:#009161;
	outline-style:none;
  }

  a:visited {
	color:#009161;
	outline-style:none;
  }

  a:hover {
	color:#AD005C;
	outline-style:none;
  }

  .btn-default,
  a.btn-default {
	border-radius: 18px;
	padding: 8px 15px;
	background-color: #dddddd;
	border-color: #dddddd;
	color: #ffffff;
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space:nowrap;
  }

  .btn-default:hover,
  a.btn-default:hover {
	background-color: #92d066;
	border-color: #92d066;
	color: #ffffff;
  }

  .bttn, a.bttn, button.bttn {
	background:#CCC;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	padding:0 15px;
	max-width:100%!important;
	height:46px;
	position:relative;
	line-height:43px;
	overflow:hidden;
	margin:20px 0;
	z-index:15;
	text-align:center;
	color:#FFF;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-border-radius:18px;
	border-radius:18px;
	border:2px solid #444;
	font-size:20px;
	text-decoration:none;
  }

  .bttn.bttn-yllw {
	background:#FFB905;
	background:url(https://www.homesc.com/images/HomeSC/2012site/template/yllw-bttn-tl.png) repeat-x center top #FFB905;
	border:2px solid #FFB905;
	color:#FFF;
	text-shadow:0 0 3px #FFB905;
  }

  .bttn.bttn-gry {
	background:#074A3F url(https://www.homesc.com/images/HomeSC/2012site/template/gry-bttn-tl.png) repeat-x;
	border:2px solid #074A3F;
	color:#FFF;
	text-shadow:0 0 3px #074A3F;
  }

  /* New, Sep-1st, revise button styles sitewide
  -----------------------------------------------*/
  .bttn.bttn-grn {
	background:#83B71D;
	border:0;
	height:46px;
	line-height:50px;
	border-radius:26px;
	text-align:center;
	font-style:italic;
	font-family:Helvetica,sans-serif;
	font-weight:400;
	text-shadow:none;
  }

  .bttn.bttn-grn > .fa {
	padding-left:10px;
  }

  .bttn.bttn-grn > img {
	padding-right:10px;
  }

  .bttn.bttn-mgnt {
	background:#EE5B59 url(https://www.homesc.com/images/HomeSC/2012site/template/mgnt-bttn-tl.png) repeat-x;
	border:2px solid #EE5B59;
	color:#FFF;
	text-shadow:0 0 3px #EE5B59;
  }

  .btn.btn-teal {
	background:#70ded8;
	background:-moz-linear-gradient(top,#70ded8 0%,#2cccc4 59%,#2cccc4 100%);
	background:-webkit-linear-gradient(top,#70ded8 0%,#2cccc4 59%,#2cccc4 100%);
	background:linear-gradient(to bottom,#70ded8 0%,#2cccc4 59%,#2cccc4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70ded8',endColorstr='#2cccc4',GradientType=0);
	border:2px solid #00CCC6;
	color:#FFF;
	text-shadow:0 0 3px #00CCC6;
  }

  .bttn.bttn-prpl {
	background:#623092 url(https://www.homesc.com/images/HomeSC/2012site/template/prpl-bttn-tl.png) repeat-x;
	border:2px solid #623092;
	color:#FFF;
	text-shadow:0 0 3px #623092;
  }

  .btn.btn-orange {
	background:#DF723F;
	border:2px solid #DF723F;
	border-radius:18px;
	color:#FFF;
	text-shadow:0 0 3px #E07440;
	position:relative;
  }

  .btn.btn-green {
	background:#6c3;
	border:2px solid #6c3;
	border-radius:18px;
	color:#FFF;
	text-shadow:0 0 3px #6c3;
	position:relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
  }

  .btn.btn-green.btn-lg {
	padding-left: 3rem;
	padding-right: 3rem;
	border-radius: 25px;
  }

  .btn.btn-green:visited {
	color: #FFFFFF;
  }  

  @media (max-width: 500px) {
	.btn.btn-green.btn-lg {
	  font-size: 16px;
	  padding-left: 1rem;
	  padding-right: 1rem;
	}
  }

  .btn.btn-submit {
	font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	background:#49a92c;
	color:#FFF;
	font-size:20px;
	border-radius:18px 18px 18px 18px;
	padding:10px 20px;
	height:46px;
	border:2px solid #49A92C;
	box-shadow:none;
	line-height:1;
	text-shadow:0 0 2px #49A92C;
	position:relative;
	z-index:0;
  }

  .btn-glossy.btn-submit:before {
	content:"";
	position:absolute;
	height:60%;
	top:0;
	display:block;
	position:absolute;
	width:100%;
	left:0;
	right:0;
	border-right:2px solid #49A92C;
	border-left:2px solid #49A92C;
	border-radius:18px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlYzk3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OWE5MmMiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,rgba(142,201,123,1) 0%,rgba(73,169,44,0.15) 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(142,201,123,1)),color-stop(100%,rgba(73,169,44,0.15)));
	background:-webkit-linear-gradient(top,rgba(142,201,123,1) 0%,rgba(73,169,44,0.15) 100%);
	background:-o-linear-gradient(top,rgba(142,201,123,1) 0%,rgba(73,169,44,0.15) 100%);
	background:-ms-linear-gradient(top,rgba(142,201,123,1) 0%,rgba(73,169,44,0.15) 100%);
	background:linear-gradient(to bottom,rgba(142,201,123,1) 0%,rgba(73,169,44,0.15) 100%);
	z-index:1;
  }

  .btn-glossy.btn-orange:before {
	content:"";
	position:absolute;
	height:60%;
	top:0;
	display:block;
	position:absolute;
	width:100%;
	left:0;
	right:0;
	border-right:2px solid #DF723F;
	border-left:2px solid #DF723F;
	border-radius:18px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkYWU5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDg3NWIiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,rgba(237,174,146,1) 0%,rgba(228,135,91,0.15) 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(237,174,146,1)),color-stop(100%,rgba(228,135,91,0.15)));
	background:-webkit-linear-gradient(top,rgba(237,174,146,1) 0%,rgba(228,135,91,0.15) 100%);
	background:-o-linear-gradient(top,rgba(237,174,146,1) 0%,rgba(228,135,91,0.15) 100%);
	background:-ms-linear-gradient(top,rgba(237,174,146,1) 0%,rgba(228,135,91,0.15) 100%);
	background:linear-gradient(to bottom,rgba(237,174,146,1) 0%,rgba(228,135,91,0.15) 100%);
	z-index:1;
  }

  .btn-glossy.btn-green:before {
	content:"";
	position:absolute;
	height:60%;
	top:0;
	display:block;
	position:absolute;
	width:100%;
	left:0;
	right:0;
	border-right:2px solid #5C9342;
	border-left:2px solid #5C9342;
	border-radius:18px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlmYzE4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OWE4NjIiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:-moz-linear-gradient(top,rgba(159,193,143,1) 0%,rgba(121,168,98,0.15) 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(159,193,143,1)),color-stop(100%,rgba(121,168,98,0.15)));
	background:-webkit-linear-gradient(top,rgba(159,193,143,1) 0%,rgba(121,168,98,0.15) 100%);
	background:-o-linear-gradient(top,rgba(159,193,143,1) 0%,rgba(121,168,98,0.15) 100%);
	background:-ms-linear-gradient(top,rgba(159,193,143,1) 0%,rgba(121,168,98,0.15) 100%);
	background:linear-gradient(to bottom,rgba(159,193,143,1) 0%,rgba(121,168,98,0.15) 100%);
	z-index:1;
  }

  .btn-glossy span {
	position:relative;
	z-index:5;
  }

  .btn.btn-submit:hover,.btn.btn-submit:active,.btn.btn-submit:focus {
	box-shadow:none;
  }

  /* -- NEW BUTTONS -- */

  @-webkit-keyframes hvr-icon-drop {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 0;
	  -webkit-transform: translateY(-100%);
	  transform: translateY(-100%);
	}
	51%,
	100% {
	  opacity: 1;
	}
  }
  @keyframes hvr-icon-drop {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 0;
	  -webkit-transform: translateY(-100%);
	  transform: translateY(-100%);
	}
	51%,
	100% {
	  opacity: 1;
	}
  }

  .hvr-icon-drop {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.8em;
	border-radius: 10px;
	overflow: hidden;
  }

  .hvr-icon-drop:before {
	content: "\f067";
	position: absolute;
	right: 0.9em;
	opacity: 1;
	padding: 0 1px;
	font-family: FontAwesome;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
  }
  .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
	opacity: 0;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-animation-name: hvr-icon-drop;
	animation-name: hvr-icon-drop;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }

  /* Set Icon Classes */

  .icon-book:before {
	content: "\f02d";
  }
  .icon-usd:before {
	content: "\f155";
  }
  .icon-speed:before {
	content: "\f0e7";
  }
  .icon-up:before {
	content: "\f01b";
  }
  .icon-tv:before {
	content: "\f26c";
  }
  .icon-chev-right:before {
	content: "\f054";
  }
  .icon-user:before {
	content: "\f007";
  }
  .icon-list:before {
	content: "\f0cb";
  }
  .icon-question:before {
	content: "\f128";
  }
  .icon-info:before {
	content: "\f129";
  }
  .icon-movie:before {
	content: "\f03d";
  }
  .icon-rss:before {
	content: "\f09e";
  }
  .icon-briefcase:before {
	content: "\f0b1";
  }
  .icon-mail:before {
	content: "\f003";
  }
  .icon-folder:before {
	content: "\f07c";
  }
  .icon-chat:before {
	content: "\f075";
  }
  .icon-wifi:before {
	content: "\f1eb";
  }

  .hvr-icon-drop {
	padding: 1.25em 2.5em 1.25em 1em;
	border-radius: 10px;
	overflow: hidden;
	border: 0;
	text-decoration:none;
	display: inline-block;
	position:relative;
	margin: 0 auto;
  }
  .hvr-icon-drop:after {
	content: '';
	display: block;
	height: 3px;
	width: 0;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
	-webkit-transition: width .5s ease, background-color .5s ease;
	-moz-transition: width .5s ease, background-color .5s ease;
	position:absolute;
	right:0;
	bottom:0;
  }
  .hvr-icon-drop:hover {
	cursor: pointer;
  }

  .hvr-icon-drop:link,
  .hvr-icon-drop:active,
  .hvr-icon-drop:visited,
  .hvr-icon-drop:hover {
	text-decoration: none;
  }
  .hvr-icon-drop:hover:after {
	width: 100%;
	background: #70b840;
  }
  .btn-dark {
	background-color: #444;
	color: #fff !important;
  }
  .btn-dark:hover:after {
	background-color: #282828;
  }
  .btn-green-gradient,
  a.btn-green-gradient,
  a.btn-green-gradient:visited {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight:500;
	text-decoration: none;
	outline: none;
	border:none;
	border-radius: 10px;
	padding: 8px 38px;
	vertical-align:middle;
	cursor: pointer;
	transition:background-color 1s, color 1s;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0ead73+0,0aa96f+8,0cab71+11,01a066+34,02a167+36,009e64+38,009f65+41,029b63+49,009760+52,039861+56,00935d+59,028f5b+70,018957+82,008654+84,018755+87,017f50+98,016e45+100 */
	background: rgb(14,173,115); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(14,173,115,1) 0%, rgba(10,169,111,1) 8%, rgba(12,171,113,1) 11%, rgba(1,160,102,1) 34%, rgba(2,161,103,1) 36%, rgba(0,158,100,1) 38%, rgba(0,159,101,1) 41%, rgba(2,155,99,1) 49%, rgba(0,151,96,1) 52%, rgba(3,152,97,1) 56%, rgba(0,147,93,1) 59%, rgba(2,143,91,1) 70%, rgba(1,137,87,1) 82%, rgba(0,134,84,1) 84%, rgba(1,135,85,1) 87%, rgba(1,127,80,1) 98%, rgba(1,110,69,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(14,173,115,1) 0%,rgba(10,169,111,1) 8%,rgba(12,171,113,1) 11%,rgba(1,160,102,1) 34%,rgba(2,161,103,1) 36%,rgba(0,158,100,1) 38%,rgba(0,159,101,1) 41%,rgba(2,155,99,1) 49%,rgba(0,151,96,1) 52%,rgba(3,152,97,1) 56%,rgba(0,147,93,1) 59%,rgba(2,143,91,1) 70%,rgba(1,137,87,1) 82%,rgba(0,134,84,1) 84%,rgba(1,135,85,1) 87%,rgba(1,127,80,1) 98%,rgba(1,110,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(14,173,115,1) 0%,rgba(10,169,111,1) 8%,rgba(12,171,113,1) 11%,rgba(1,160,102,1) 34%,rgba(2,161,103,1) 36%,rgba(0,158,100,1) 38%,rgba(0,159,101,1) 41%,rgba(2,155,99,1) 49%,rgba(0,151,96,1) 52%,rgba(3,152,97,1) 56%,rgba(0,147,93,1) 59%,rgba(2,143,91,1) 70%,rgba(1,137,87,1) 82%,rgba(0,134,84,1) 84%,rgba(1,135,85,1) 87%,rgba(1,127,80,1) 98%,rgba(1,110,69,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ead73', endColorstr='#016e45',GradientType=0 ); /* IE6-9 */
  }
  .btn-green-gradient:hover {
	color: #fff;
  }
  .btn-light {
	background-color: #fff;
	-webkit-box-shadow:inset 0px 0px 0px 1px #70b840;
	-moz-box-shadow:inset 0px 0px 0px 1px #70b840;
	box-shadow:inset 0px 0px 0px 1px #70b840;
  }
  .btn-green {
	background-color: #70b840;
	color: #fff !important;
  }
  .btn-green:hover:after {
	background-color: #599333;
  }
  .btn-yellow {
	background-color: #FFB905;
	color: #000 !important;
  }
  .btn-yellow:hover:after {
	background-color: #CC9404;
  }

  .btn-orange {
	background-color: #DF723F;
	color: #000 !important;
  }
  .btn-orange:hover:after {
	background-color: #B25B32;
  }

  .btn-white {
	background-color: #fff;
	color: #000;
  }
  .btn-white:hover {
	color: #000;
  }


  a.butn,
  a.butn:visited {
	display: inline-block;
	font-size: 14px;
	font-weight:500;
	text-decoration: none;
	outline: none;
	border-radius: 5px;
	padding: 10px 20px 8px;
	cursor: pointer;
  }
  a.butn:hover {
	text-decoration: none;
	outline: none;
  }

  a.butn-white,
  a.butn-white:visited {
	background-color: #fff;
	color: #000;
	border: none;
  }
  a.butn-white:hover {
	background-color: #eee;
	color: #000;
	border: none;
  }




  #get-it-now {
	text-align: center;
	padding: 40px 12px;
  }




  /* fiber tools */

  #fiber-tools h2 {
	margin: 0;
	margin-bottom:25px;
  }
  #fiber-tools article {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	padding: 25px;
	position: relative;
	background-size: 320px;
  }
  #fiber-tools article h3 {
	font-family: 'bebas_kairegular';
	color: #1682c5;
	font-size: 42px;
	text-transform: uppercase;
	margin: 10px auto;
  }
  #fiber-tools article p {
	font-family: 'Quasimoda', sans-serif;
	color: #333333;
	font-size: 20px;
	text-align: left;
  }
  #fiber-tools img.customize-img {
	display: block;
	width: 100%;
  }


  #fiber-tools section {
	width: 100%;
  }
  #fiber-tools section .row {
	background-color: #fff;
	width: 100%;
	max-width: 1100px;
	margin: 0px auto 15px;
	padding: 0;
	box-shadow: 0 0 15px #bbb;
	position: relative;
  }
  #fiber-tools section .row div {
	padding: 0;
  }
  #fiber-tools section:first-child .row:before {
	content: '';
	display: block;
	background-color: #1682c5;
	width: 33%;
	height: 5px;
	top: -5px;
	left: 0;
	z-index: 999;
  }
  #fiber-tools h2 {
	display: inline-block;
	position: relative;
	margin-bottom: 35px;
  }
  #fiber-tools a.link-black,
  #whole-home-btn {
	font-style: italic;
	text-decoration: underline;
	transition: all 0.25s;
  }
  #fiber-tools a.link-black:hover,
  #whole-home-btn:hover {
	text-decoration: none;
  }
  #fiber-tools .external {
	max-width: 1100px;
	margin: auto;
  }
  #fiber-tools .external a, 
  #fiber-tools .external a:visited {
	display: inline-block;
	font-family: 'Quasimoda', sans-serif;
	color: #3a3a3a;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.1em;
	width: 33.33%;
	padding: 10px 0;
	outline: 0;
	border-bottom: solid 5px #fff;
	transition: all 0.5s;
  }
  #fiber-tools .external a.cycle-pager-active {
	border-bottom: solid 5px #1682c5;
	color: #1682c5;
  }

  @media screen and (max-width: 992px) {
	#fiber-tools .external a, 
	#fiber-tools .external a:visited {
	  font-size: 18px;
	}
  }
  @media screen and (max-width: 767px) {
	#fiber-tools .external a, 
	#fiber-tools .external a:visited {
	  font-size: 14px;
	}
	div#search-drop {
	  margin: 0 10px;
	}
	#mag-glass {
	  position: absolute;
	  margin-top: 8px;
	}
	#searchwrap .addsWg-searchfield-container-class .addsWg-searchfield input[type=search].icon {
	  min-width: 250px;
	  text-align: left;
	  padding: 5px !important;
	}
	#searchwrap {
	  height: 25px;
	  float: left;
	  margin: 15px 15px 0 15px;
	}
	#top-header ul{ margin-top:0px !important;}

  }
  @media screen and (max-width: 575px) {
	#fiber-tools .external a, 
	#fiber-tools .external a:visited {
	  font-size: 10px;
	}
  }

  #fiber-tools #f-prev, 
  #fiber-tools #f-next {
	font-size:36px;
	color:#000;
	position:absolute;
	top:45%;
	z-index:999;
	cursor:pointer;
  }
  #fiber-tools #f-prev {
	left:40px;
  }
  #fiber-tools #f-next {
	right:40px;
  }
  @media screen and (max-width: 767px) {
	#fiber-tools #f-prev, 
	#fiber-tools #f-next {
	  font-size: 25px;
	  top: auto;
	  bottom: 25px;
	}
  }






  .quasi-small {
	font-family: "quasimoda",sans-serif;
	font-size: 25px;
	font-weight: 300;
  }

  .quasi-mid {
	font-family: "quasimoda",sans-serif;
	font-size: 35px;
	font-weight: 300;
  }

  .quasi-big {
	font-family: "quasimoda",sans-serif;
	font-size: 55px;
  }





  /* Aside, Inset */
  .inset-nav {
	margin:0 0 1em;
  }

  .inset-nav>ul {
	list-style:none outside none;
	margin:0;
	padding:0;
  }

  .inset-nav>ul>li {
	color:#FFF;
	height:38px;
	line-height:38px;
	margin:0 0 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #B6B6B6;
	background:#555;
	background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
	background:-webkit-linear-gradient(top,#555,#333);
	background:-moz-linear-gradient(top,#555,#333);
	background:-ms-linear-gradient(top,#555,#333);
	background:-o-linear-gradient(top,#555,#333);
	background:linear-gradient(to bottom,#555,#333);
	-pie-background:linear-gradient(to bottom,#555,#333);
	position:relative;
  }

  .inset-nav > ul > li.current {
	background:#999;
	background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#CCCCCCC));
	background:-webkit-linear-gradient(top,#999,#CCC);
	background:-moz-linear-gradient(top,#999,#CCC);
	background:-ms-linear-gradient(top,#999,#CCC);
	background:-o-linear-gradient(top,#999,#CCC);
	background:linear-gradient(to bottom,#999,#CCC);
	-pie-background:linear-gradient(to bottom,#999,#CCC);
  }

  .inset-nav>ul>li:hover {
	background:#999;
	background:-webkit-gradient(linear,left top,left bottom,from(#999),to(#333));
	background:-webkit-linear-gradient(top,#999,#333);
	background:-moz-linear-gradient(top,#999,#333);
	background:-ms-linear-gradient(top,#999,#333);
	background:-o-linear-gradient(top,#999,#333);
	background:linear-gradient(to bottom,#999,#333);
	-pie-background:linear-gradient(to bottom,#999,#333);
  }

  .inset-nav>ul>li:before {
	background:#5E9713;
	content:'>';
	font-weight:700;
	text-align:center;
	position:absolute;
	left:-4px;
	top:6px;
	width:28px;
	height:25px;
	line-height:25px;
	-webkit-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
	-moz-background-clip:padding;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	box-shadow:2px 0 3px #333;
	border-right:1px solid #9DDA47;
	border-bottom:1px solid #9DDA47;
	text-shadow:-1px 0 3px #5F9518;
  }

  .inset-nav>ul>li>a {
	color:#FFF;
	font-weight:700;
	text-decoration:none;
	text-shadow:0 0 3px #555;
	width:90%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	padding:0 0 0 40px;
  }

  .inset-nav ul.subnav {
	display:none;
	background:#FFF;
	background:rgba(255,255,255,.85);
	top:30px;
	right:0!important;
	width:65%;
	z-index:15;
  }

  .inset-nav .subnav li a {
	font-size:.75em;
	color:#444!important;
	text-shadow:0 0 3px #EFEFEF!important;
  }

  .inset-nav.sub-pages li {
	display:block;
	list-style:none;
  }

  .inset-nav.sub-pages ul li a {
	color:#FFF;
	display:block;
	font-weight:700;
	text-decoration:none;
	text-shadow:0 0 3px #555;
	width:100%;
  }

  .inset {
	background:none repeat scroll 0 0 #E0E0E0;
	-webkit-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	-moz-background-clip:padding;
	margin: 1em 0;
	padding:15px;
	position:relative;
	width:100%;
	text-align:center;
  }

  .inset small {
	color: inherit;  
  }




  #blog-logos {
	padding:0px 0;
  }
  #blog-logos a {
	display:block;
	opacity: .4;
  }
  #blog-logos img {
	width:100%;
	max-width:400px;
	margin:0px auto;
  }

  #blog-logos a:hover,
  #blog-logos a.homesc {
	opacity: 1;
  }


  img.blog-img-floated,   .blog-img-floated {
	display: inline-block;
	width: 100%;
	max-width: 565px;
	padding: 0 10px 15px 15px;
	float: right;
	font-style:italic;
  } 
  @media screen and (max-width:1200px) {
	img.blog-img-floated,   .blog-img-floated  {
	  max-width: 350px;
	  padding: 0 15px 15px;
	}
  }
  @media screen and (max-width:767px) {
	img.blog-img-floated,   .blog-img-floated {
	  display: block;
	  max-width: 767px;
	  margin: 5px auto 15px;
	  padding: 0;
	  float: none;
	}
  }



  img {
	outline-style:none;
  }

  figure.pull-right {
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	max-width: 60%;
  }

  figure.pull-right img {
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
  }

  figure.pull-left img {
	margin-right:1em;
  }

  figure.center-block img {
	width:100%;
	height:auto;
	display:block;
	margin:0 auto 1em;
  }

  abbr[title] {
	border:none;
	outline:none;
  }

  /*
  input:required,textarea:required {
  -moz-box-shadow:0 0 4px #D3E9B9;
  -webkit-box-shadow:0 0 4px #D3E9B9;
  -o-box-shadow:0 0 4px #D3E9B9;
  box-shadow:0 0 4px #D3E9B9;
  }
  */

  .control-label.text-left {
	text-align: left;
  }  

  .sbmt-bttn:after {
	background:linear-gradient(to bottom,#71B32A 10%,#4A7E17 80%) repeat scroll 0 0 rgba(0,0,0,0);
	border-radius:0 10px 10px 0;
	color:#FFF;
	content:">";
	font-size:22px;
	font-weight:700;
	height:40px;
	line-height:40px;
	position:absolute;
	right:-4px;
	text-align:center;
	text-shadow:-1px 0 3px #BBB;
	top:0;
	width:40px;
  }

  .sbmt-bttn {
	background:-moz-linear-gradient(center top,rgba(239,239,239,0) 5%,rgba(239,239,239,0.31) 50%,rgba(204,204,204,0.65) 100%) repeat scroll 0 0 rgba(0,0,0,0);
	border:0 none;
	border-radius:10px;
	box-shadow:4px 4px 6px #BBB;
	display:block;
	float:right;
	font-weight:700;
	margin-bottom:8px;
	height:40px;
	padding-right:40px;
	position:relative;
	text-transform:uppercase;
	width:55%;
  }

  .bttn_sbmt {
	background:url(https://www.homesc.com/images/HomeSC/2012site/home/arrow.png) no-repeat scroll 98% 7.5px #49A92C;
	border:medium none;
	border-radius:15px 15px 15px 15px;
	color:#FFF;
	font-size:17px;
	margin-top:1em;
	height:40px;
	line-height:40px;
	position:relative;
  }

  .bttn_sbmt:hover {
	top:1px;
  }





  a.btn-secondary {
	border-radius: 25px;
	padding: 6px !important;
	background-color: #fff;
  }
  a.btn-secondary:hover {
	background-color: #fff !important;
  }



  .swoosh {
	display:none;
	width:100%;
	height:165px;
	background:url(https://www.homesc.com/images/HomeSC/site/template/homesc-redesign-swoosh.svg) 50% 50% no-repeat;
	background-size:cover;
	clear:both;
	pointer-events:none;
  }



  /*Layout*/
  #content {
	padding-top:25px;
  }
  .PrintFriendly {
	/*position:relative;*/
	z-index:0;
  }

  /* Bootstrap: Well */
  .well {  
	background-color: #f9f9f9;
	border: 1px solid #e1e1e1;
	padding: 15px;
  }

  .well.hsc-well {
	background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP4fwYAAs0BzF1VEXcAAAAASUVORK5CYII=) repeat;
	box-shadow:none;
	border:1px solid #c7c7c8;
	border-radius:12px;
	margin-top: 15px;
	margin-bottom: 15px;
  }






  #banner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #333;
	min-height: 400px;
	position: relative;
	z-index: 0;
  }
  #banner article {
	max-width: 500px;
	margin: auto;
	padding: 40px 15px;
  }
  #banner img {
	display: inline-block;
	width: 100%;
	max-width: 315px;
	padding: 10px;
  }
  #banner h1 {
	color: #fff;
	font-size: 65px;
	line-height: 1;
  }
  #banner p {
	color: #fff;
	font-size: 19px;
	line-height: 25px;
  }

  .banner-service-request {
	background-image: url('/Images/HomeSC/images/universal/banner-service-request.jpg');
  }

  @media screen and (max-width: 1200px) {
	#banner .container {
	  width:98%;
	  max-width: 98%;
	  position:relative;
	  z-index:999;
	}
  }
  @media screen and (max-width: 767px) {
	#banner {
	  background-position: 65% center;
	}
	#banner:before {
	  content: '';
	  display: block;
	  background: rgba(0,0,0,0.45);
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 9;
	}
  }





  /* Page Banners
  -------------------------------------------------- */
  .page-banner {
	position: relative;
	z-index: -1;
	background:url(https://www.homesc.com/images/HomeSC/images/banners/banner_bg_default.jpg) 50% bottom no-repeat;
	background-size:cover;
	overflow-x: hidden;
	-ms-scroll-limit: 0 0 0 0; /* IE Fix */
  }
  .main-slideshow {
	position:relative;
	z-index:1;
  } 
  .page-banner .container {
	position: relative;
	z-index: 0;
	min-height: 500px;
	height: auto;
  }

  [class^="pos-w-"]{
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	padding: 0 1.5%;
  }

  .pos-no-pad {
	padding: 0 0 0 0;	
  }

  .pos-left {
	left: 0;
  }

  .pos-right {
	right: 0;
  }

  .pos-w-15 {
	width: 15%;
  }
  .pos-w-25 {
	width: 25%;
  }
  .pos-w-33 {
	width: 33%;
  }
  .pos-w-50 {
	width: 50%;
  }
  .pos-w-66 {
	width: 66%;
  }
  .pos-w-75 {
	width: 75%;
  }
  .pos-w-85 {
	width: 85%
  }
  .pos-w-100 {
	width: 100%;
  }
  .pos-vert-rent {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
  }
  .pos-vert {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
  }
  .pos-z-top {
	z-index: 10;
  }
  .pos-z-bottom {
	z-index: 1;
  }
  [class^="img-pin-"] {
	position: absolute;
  }
  .img-pin-x {
	top: 0;
	bottom: 0;
	width: auto;
	height: 100%;
  }
  .img-pin-t {
	top: 0;
	bottom: auto;
	width: auto;
  }
  .img-pin-b {
	top: auto;
	bottom: 0;
	width: auto;
  }
  .img-pin-l {
	left: 0;
	right: auto; 
  }
  .img-pin-r {
	right: 0;
	left: auto; 
  }
  .banner-showtime-upgrade {
	background-image: url('/Images/HomeSC/blog/101882485_m.jpg');
  }
  /* Flex: Vertical centering
  -------------------------------------------------- */
  /* This makes IE happy with min-height for some reason */
  .wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	min-height:480px;
  }

  .flex-children--center {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
  }

  .flex-children--left {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
  }






  @media (max-width: 768px){

	.pos-w-sm-15 {
	  width: 15%;
	}
	.pos-w-sm-25 {
	  width: 25%;
	}
	.pos-w-sm-33 {
	  width: 33%;
	}
	.pos-w-sm-50 {
	  width: 50%;
	}
	.pos-w-sm-66 {
	  width: 66%;
	}
	.pos-w-sm-75 {
	  width: 75%;
	}
	.pos-w-sm-85 {
	  width: 85%
	}
	.pos-w-sm-100 {
	  width: 100%;
	}	

	.pos-w-sm-hidden {
	  display: none;
	}
	.pos-w-sm-visible {
	  display: block;
	}
  }
  @media (max-width: 640px){
	.business-solution-area{
	  min-height: 360px !important;
	}  
  }
  @media (max-width: 500px){
	.velocity-section img{
	  width: 100%;
	}
  }
  @media (max-width: 560px){
	.top-image-block  img{
	  width: 100%
	}
  }
  @media (max-width: 544px){
	.pos-w-xs-15 {
	  width: 15%;
	}
	.pos-w-xs-25 {
	  width: 25%;
	}
	.pos-w-xs-33 {
	  width: 33%;
	}
	.pos-w-xs-50 {
	  width: 50%;
	}
	.pos-w-xs-66 {
	  width: 66%;
	}
	.pos-w-xs-75 {
	  width: 75%;
	}
	.pos-w-xs-85 {
	  width: 85%
	}
	.pos-w-xs-100 {
	  width: 100%;
	}
	.pos-w-xs-hidden {
	  display: none;
	}
	.pos-w-xs-visible {
	  display: block;
	}  
  } 




  /*feature lists -------------------------------*/
  .features {
	width:100%;
	list-style:none outside none;
	margin:20px 0;
	padding:0;
  }

  .features ul {
	margin:0;
	padding:0 0 10px;
	list-style:none;
  }

  .features li,.features tr {
	background:url(https://www.homesc.com/images/HomeSC/2012site/template/featured_tile.jpg) repeat-x scroll center bottom transparent;
  }

  .features li {
	border-top:1px dashed #CCC;
	margin:0!important;
	height:55px;
	line-height:55px;
	padding-left:15px;
	position:relative;
	z-index:1;
  }

  .features li li {
	border:none;
	min-height:1em;
	padding:0;
	background:transparent;
  }

  .features h3 {
	font-size:18px;
  }

  .features td:first-child em {
	font-weight:700;
  }

  .features td,.features th {
	height:80px;
	position:relative;
	vertical-align:middle;
	z-index:13;
	padding-left:1em;
  }

  table.features td:first-child {
	padding-left:15px;
  }

  table.features th {
	text-align:left;
  }

  table.features sup {
	font-size:.65em;
	position:relative;
	top:-4px;
  }

  .features b,.features em {
	color:#009160;
	font-size:16px;
	font-style:normal;
	font-weight:400;
	margin:0;
	padding:0;
  }

  .features em {
	color:#2A2A2A;
  }

  .features td:nth-child(2) {
	font-size:24px;
	font-weight:700;
  }

  .features .tel {
	background:url(https://www.homesc.com/images/HomeSC/2012site/about-us/phone-cable-internet-security-wireless.png) no-repeat scroll -134px top transparent;
	display:inline-block;
	height:65px;
	line-height:0;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	width:60px;
  }

  .features .internet {
	background:url(https://www.homesc.com/images/HomeSC/2012site/about-us/phone-cable-internet-security-wireless.png) no-repeat scroll -67px top transparent;
	display:inline-block;
	height:65px;
	line-height:0;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	width:60px;
  }

  .features .cable {
	background:url(https://www.homesc.com/images/HomeSC/2012site/about-us/phone-video-internet-security-wireless.png) no-repeat scroll left top transparent;
	display:inline-block;
	height:65px;
	line-height:0;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	width:60px;
  }

  .features td:nth-child(2) {
	text-align:center;
  }

  /*Price-list, no table -------------------------------*/
  .price-list.no-table {
	width:95%;
	margin:15px auto 20px;
  }

  .price-list.no-table .item {
	background:url(https://www.homesc.com/images/HomeSC/2012site/template/featured_tile.jpg) repeat-x center bottom;
	padding:13px 50px 13px 20px;
	line-height:1.2;
  }

  .price-list.no-table .item .name {
	color:#009D67;
	font-size:19px;
	font-weight:700;
  }

  .price-list.no-table .item .price {
	color:#D0AC4F;
	font-size:22px;
	font-weight:700;
	display:block;
	white-space: nowrap;
  }

  .price-list.no-table .item .currency {
	color:#D0AC4F;
	font-size:24px;
  }

  .price-list.no-table .per {
	font-size:14px;
  }

  @media (max-width: 768px) {
	.price-list.no-table .item .price {
	  font-size: 32px;
	}
  }  
  /*conditionel -------------------------------*/
  .pg-business #nav-spacer {
	width:641px;
  }
  .bg-clair,.bg-gris,.bg-blanca  {
	padding-top: 25px;
	padding-bottom: 50px;
  }
  .gris, .bg-gris {
	background-color:#cdcdcd;
  }
  .blanca, .bg-blanca {
	background-color:#fff;
  }
  .verde {
	background-color: #6cb938;
  }
  .verde * {
	color: #FFFFFF;
  }
  /*-----------------------------------------------max-width 400-------------------------------------------------------*/
  @media screen and (max-width:500px) {
	.col-tny-1,.col-tny-2,.col-tny-3,.col-tny-4,.col-tny-5,.col-tny-6,.col-tny-7,.col-tny-8,.col-tny-9,.col-tny-10,.col-tny-11,.col-tny-12 {
	  position:relative;
	  min-height:1px;
	  padding-left:15px;
	  padding-right:15px;
	}

	.col-tny-1,.col-tny-2,.col-tny-3,.col-tny-4,.col-tny-5,.col-tny-6,.col-tny-7,.col-tny-8,.col-tny-9,.col-tny-10,.col-tny-11,.col-tny-12 {
	  float:left;
	}

	.col-tny-12 {
	  width:100%;
	}

	.col-tny-11 {
	  width:91.66666667%;
	}

	.col-tny-10 {
	  width:83.33333333%;
	}

	.col-tny-9 {
	  width:75%;
	}

	.col-tny-8 {
	  width:66.66666667%;
	}

	.col-tny-7 {
	  width:58.33333333%;
	}

	.col-tny-6 {
	  width:50%;
	}

	.col-tny-5 {
	  width:41.66666667%;
	}

	.col-tny-4 {
	  width:33.33333333%;
	}

	.col-tny-3 {
	  width:25%;
	}

	.col-tny-2 {
	  width:16.66666667%;
	}

	.col-tny-1 {
	  width:8.33333333%;
	}

	.col-tny-offset-1 {
	  margin-left:8.33333%;
	}

	.col-tny-offset-2 {
	  margin-left:16.6667%;
	}

	.col-tny-offset-3 {
	  margin-left:25%;
	}

	.col-tny-offset-4 {
	  margin-left:33.3333%;
	}

	.col-tny-offset-5 {
	  margin-left:41.6667%;
	}

	.col-tny-offset-6 {
	  margin-left:50%;
	}

	.col-tny-offset-7 {
	  margin-left:58.3333%;
	}

	.col-tny-offset-8 {
	  margin-left:66.6667%;
	}

	.col-tny-offset-9 {
	  margin-left:75%;
	}

	.col-tny-offset-10 {
	  margin-left:83.3333%;
	}

	.col-tny-offset-11 {
	  margin-left:91.6667%;
	}

	.col-tny-offset-12 {
	  margin-left:100%;
	}

	.hidden-tny {
	  display:none!important;
	}

	.col-tny-offset-0 {
	  margin-left:0;
	}

	.bttn,a.bttn,button.bttn {
	  font-size:12px!important;
	}

	figure.pull-right,
	figure.pull-left {
	  margin-left: auto !important;
	  margin-right: auto !important;
	  float: none !important;
	  max-width: none;
	  width: 100%;
	  display: block;
	}
  }


  #chat {
	position: fixed;
	right: -10px;
	bottom: -10px;
	z-index: 1000;
  }
  #chat:hover {
	cursor: pointer;
  }




  footer {
	background-color: #001332;
	padding:30px 15px 0px;
	font-family: "quasimoda",sans-serifsans-serif;
  }
  #f-logo {
	display: block;
	width: 100%;
	max-width: 185px;
	margin: auto;
  }
  footer p {
	font-size:13px;
  }
  .fb_root {
	height:0px;
	overflow:hidden;
  }


  /* footer nav */

  ul#f-nav {
	display:inline-block;
	margin:15px auto;
	padding:0;
	list-style:none;
  }
  ul#f-nav li {
	display:inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	outline:0;
	border:0;
	position: relative;
	margin: 10px 18px 10px 0px;
	padding: 5px;
  }

  ul#f-nav li a {
	color: #fff;
	text-decoration:none;
  }
  ul#f-nav li:hover {
	color: #fff;
	text-decoration:none;
	outline:0;
	border:0;
  }
  ul#f-nav li:hover:after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 5px;
	right: 5px;
	/* width: 100%; */
	height: 2px;
	background-color: #3277b0;
  }
  ul#f-nav ul li:hover:after {
	content: '';
	display: none;
  }

  @media screen and (max-width: 1200px) {
	ul#f-nav {
	  display: block;
	  text-align: center;
	  margin: 10px auto;
	}
	ul#f-nav li {
	  margin: 10px 15px 10px 0px;
	}
  }
  @media screen and (max-width: 992px) {
	ul#f-nav li {
	  margin: 10px 10px 10px 0px;
	}
  }
  @media screen and (max-width: 800px) {
	ul#f-nav {
	  display: none;
	}
  }

  /* 2nd level footer nav */

  #it-works {
	position: absolute;
	height: 50px;
	width: 300vw;
	background: #001332;
	z-index: 999;
	left: -500px;
  }

  ul#f-nav li {
	cursor: pointer;
  }

  ul#f-nav li ul {
	display:none;
	background: #001332;
	position:absolute;
	bottom:100%;
	left:0;
	padding:0 0 10px 0;
	z-index:9999;
  }
  ul#f-nav li:hover > ul {
	display:block;
  }
  ul#f-nav li ul li {
	display:block;
	font-weight: 300;
	line-height:1;
	text-align:left;
	width:175px;
	margin:0;
	padding:0;
	border-bottom:0;
	position:relative;
  }
  ul#f-nav li:last-child ul li {
	width:250px;
  }
  ul#f-nav li ul li a,
  ul#f-nav li ul li a:visited {
	display:block;
	color: #fff;
	font-size:13px;
	font-weight: 300;
	line-height: 19px;
	text-decoration:none;
	padding: 6px 4px;
	outline:0;
	border:0;
  }
  ul#f-nav li ul li a:hover {
	display:block;
	background-color: #001332;
	color: #1682c5;
	text-decoration:none;
	outline:0;
	border:0;
  }

  /* 3rd level main nav */
  ul#f-nav li ul li ul {
	display:none;
	background-color: #fff;
	position:absolute;
	top:0;
	left:100%;
	padding-top:0;
	box-shadow: 3px 3px 7px -1px rgba(0,0,0,0.3);
	z-index:999;
  }
  ul#f-nav li ul li:hover > ul {
	display:block;
  }
  ul#f-nav li ul li ul li {
	width:175px;
	margin:0;
	padding:0;
	border-bottom:solid 1px rgba(0,0,0,.1);
  }
  ul#f-nav li ul li ul li a,
  ul#f-nav li ul li ul li a:visited {
	display:block;
	background-color: #fff;
	color: #1c2554;
	font-size:14px;
	font-weight: 500;
	line-height: 19px;
	text-decoration:none;
	padding: 9px 15px;
	text-decoration:none;
	outline:0;
	border:0;
  }
  ul#f-nav li ul li ul li a:hover {
	background-color: #1c2554;
	color: #fff;
	text-decoration:none;
	outline:0;
	border:0;
  }
  @media screen and (max-width: 767px) {
	ul#f-nav {
	  display: none;
	}
  }
  @media screen and (max-width: 767px) {
  }
  @media screen and (max-width: 500px) {
  }


  #subfooter {
	background-color: #001332;
	color: #fff;
	padding: 2px 10px 20px;
  }
  #subfooter ul {
	margin: 5px 0;
	padding: 0;
	list-style: none;
	text-align: right;
  }
  #subfooter ul li {
	display: inline-block;
	line-height: 12px;
	border-right: solid 1px #fff;
	padding: 0 10px 0 7px;
  }
  #subfooter ul li:last-child {
	border-right: 0;
  }
  #subfooter ul li a,
  #subfooter ul li a:visited {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	outline: 0;
	border: 0;
	transition: all 0.5s;
  }
  #subfooter ul li a:hover {
	color: #81bd42;
	text-decoration: none;
	outline: 0;
	border: 0;
  }

  #subfooter p {
	font-size: 10px;
	line-height: 14px;
  }
  #subfooter p a,
  #subfooter p a:visited {
	color: #fff;
	text-decoration: none;
	outline: 0;
	border: 0;
	transition: all 0.5s;
  }
  #subfooter p a:hover {
	color: #81bd42;
	text-decoration: none;
	outline: 0;
	border: 0;
  }



  /*-------------------  SIDR */

  /*  SIDR */

  .sidr {
	background: #001333;
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 260px;
	overflow-x: none;
	overflow-y: auto;
	font-weight: 300;
	color: #FFF;
	border-right: solid 2px #80db44;
  }

  .sidr .sidr-inner {
	padding: 0 0 15px
  }

  .sidr .sidr-inner>p {
	margin-left: 15px;
	margin-right: 15px
  }

  .sidr.right {
	left: auto;
	right: -260px
  }

  .sidr.left {
	left: -260px;
	right: auto
  }

  .sidr ul {
	display: block;
	margin: 50px 0 0;
	padding: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
  }

  .sidr ul li {
	display: block;
	margin: 0;
	line-height: 30px;
	outline: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	position: relative;
  }

  .sidr ul li a {
	display: block;
	background: rgba(0, 0, 0, .05);
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	padding: 10px 20px;
  }

  .sidr ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
  }

  .sidr ul li ul li {
	line-height: 25px;
  }

  .sidr ul li ul li a {
	background: rgba(0, 0, 0, .15);
	font-size: 14px;
	font-weight: 400;
	padding: 10px 0 10px 40px;
  }

  .sidr ul li a:hover,
  .sidr ul li a.active {
	background-color: #5faec4;
	color: #fff;
	text-decoration: none;
	outline: none;
	border: none;
  }

  .sidr ul li.dropdown>a::after {
	content: "+";
	color: #80db44;
	font-size: 18px;
	position: absolute;
	top: 3px;
	right: 15px;
  }

  .sidr ul li.closed>a::after {
	content: "-";
	color: #80db44;
	position: absolute;
	top: 3px;
	right: 15px;
  }

  #close-mobile-nav-btn {
	display: none;
	font-size: 16px;
	color: rgba(255, 255, 255, .8);
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 999;
	cursor: pointer;
  }