/* Scioto Vending Services Public Website CSS 
   Website (www.sciotovending.com) 
   Copyright © 2016-2020 Lynx Vending Services, Inc
   Developer: Digitist, LLC (www.digitist.com)
*/
/* Color Palette 
	New blue - #005aab
	New silver - #939598
---
	Old blue - #73ace6
	old gray - #f0f0f0
*/
/* BOOTSTRAP 4 STYLES */
:active,
:focus {
	outline:none !important;
}

.alert-info {
	color:#333;
	background-color:#d9d9d9;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color:transparent;
}

.dropdown-item {
	padding-top:12px !important;
	padding-bottom:14px !important;
}

.modal-header {
	display: block !important;
}

.img-responsive {
	max-width:100%;
}

button.navbar-toggler {
	margin-top:10px;
	margin-bottom:10px;
}

header nav#main-nav {
	border:1px solid #d9d9d9;
	padding-top:0px;
	width:100%;
	padding-bottom:0px;
}

.dropdown:hover>.dropdown-menu {
	display: block;
}
/* END BS4 STYLES *************************************/

body {
	background:#fff url('/assets/img/bg-stripe.gif') center top no-repeat;
	background-size:100%;
	font-family:'Roboto', sans-serif;
}

ul.bullets {
	list-style-type: disc;
}

ul.bullets li {
	list-style-type: disc;
	margin-left:20px;
}


.dim-highlight {
	opacity:0.9;
}

.dim-highlight:hover {
	opacity:1;
}

.bold {
	font-weight:bold;
}

.logo-footer {
	max-width:100%;
	width:250px;
	height:auto;
	margin-bottom:15px;
}

.img-responsive {
	max-width:100%;
}

/********************************************\
				PSEUDOCLASSES
\*********************************************/
h1 {
	font-size:30px;
	font-weight: bold;
	font-family:'Roboto';
	margin-top:20px;
	margin-bottom:25px;
}

h2 {
	font-size:16px;
	font-weight:bold;
	font-style: italic;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	letter-spacing: 3px;
	margin-top:0px;
	background-color:#939598;
	color:#fff;
	border-radius:10px;
	text-transform: uppercase;
}

h3 {
	font-size:19px;
}

p {
	font-size:18px;
	margin-bottom:40px;
	line-height: 1.8em;
	font-weight: normal;
}

p.lead {
	font-size:18px;
	margin-bottom:40px;
	line-height: 1.8em;
	width:85%;
}

p.details {
	font-size:14px;
}

div.cta-box {
	display:block;
	width:75%;
	padding:20px;
	padding-bottom:0px;
	border:1px solid #d9d9d9;
	margin:auto;
	margin-bottom:30px;
	margin-top:30px;
	text-align: center;
	background-color:#fff;
	border-radius:5px;
}

div.cta-box .btn-scioto {
	font-size:1.3em;
	max-width:100%;
}

a {
	color:#005aab !important;
}

li {
	font-size:17px;
}

ul {
	list-style-type:none;
	padding-left:0px;
}

ul.bordered-list {
	margin-bottom:40px;
}

ul.bordered-list li {
	margin-bottom:5px;
}

ul.bluecheck {
	padding-left:10px;
}

ul.bluecheck li {
	padding-top:5px;
	margin-bottom:20px;
}

label {
	color:#333;
}

a#fb-icon-header {
	align-self: flex-end;
}

a#fb-icon-footer {
	float:right;
	position:relative;
	left:-30px;	
	margin-top:5px;
	margin-right:40px;
}

/********************************************\
				UI COMPONENTS
\*********************************************/
/* HEADER NAVIGATION */
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	border-color:transparent;
}

ul.dropdown-menu {
	border:1px solid #f0f0f0;
	margin-left:20px;
	min-width:200px;
}

ul.dropdown-menu .divider {
	background-color:#d9d9d9;
}

header ul.dropdown-menu li a {
	/*border-bottom:1px solid #f0f0f0;*/
	font-size:14px !important;
}

.navbar .dropdown-menu li, .navbar.navbar-default .dropdown-menu li {
	margin:0px;
	border-left:none !important
}

.navbar .dropdown-menu li>a, .navbar.navbar-default .dropdown-menu li>a {
	padding:10px 13px;
}

/* BUTTONS */
.btn-primary {
	color:#fff !important;
	background-color:rgba(0,90,171,1) !important;
	background-image:none;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	box-shadow: none !important;
	background-image:none !important;
	background-color:#026fd1 !important;
}

input[type=text],
input[type=email],
select,
form textarea {
	background-image:none;
	background-color:#fff;
	border:1px solid #ccc !important;
	padding-left:10px !important;
}

a#scroll-to-top {
	color:#fff !important;
    display: none;
	opacity:1;
	text-align:center;
	text-decoration: none;
	position:fixed;
	bottom:18px;
	right:15px;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background-color: #555;
    box-shadow:1px 1px 5px #d9d9d9;
    z-index:9999;
    cursor:pointer;
    cursor:hand;
	padding-top:7px;
}

/********************************************\
				 HEADER  
\********************************************/
header {
	padding-top:30px;
}

header .logo {
	position:relative;
	top:-10px;
	max-width:400px;
	height:auto;
}

header a {
	text-decoration: none !important;
}

header nav ul li a {
	font-size:17px;
	display:block;
	padding-left:20px !important;
	padding-right:20px !important;
	margin-top:8px;
	padding-bottom:15px !important;
}

header nav.navbar-default {
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
}

header nav > ul li {
	border-right:1px solid #d9d9d9;
	border-left:1px solid #fff;
	padding-right:20px;
}

header nav ul li:first-child {
	border-left:none;
}

header nav.navbar {
	margin-top:20px;
	background-color:#f0f0f0 !important;
}

header nav ul li.active > a {
	background-color:#fff !important;
	border:1px solid #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-left:10px;
	margin-right:20px;
	box-shadow: 12px 0 15px -10px rgba(150,150,150,0.5), -12px 0 8px -10px rgba(150,150,150,0.5);
}

header nav ul li:first-child {
	border-left:none;
}

header nav ul li:not(.active) {
	margin-left:20px;
	border-left:1px solid #d9d9d9;
}

header nav ul li:not(.active):last-child {
	border-right:1px solid #d9d9d9;
}

/*bs3 override*/
header .navbar .navbar-nav>li>a {
	padding-top:10px;
}

header span {
	display:block;
}

header span.phone {
	color:rgba(3, 169, 244,1);
	font-size:31px;
}

header span.phone-ir {
	color:#333;
	font-size:12px;
}

header #news {
	background-color:#fff;
	width:100%;
	padding:10px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
}

/* /HEADER **********************************/

/********************************************\
				CONTENT  
\********************************************/
div.content {
	padding-top:20px;
	padding-bottom:20px;
	background-color:#fff;
	border:1px solid #d9d9d9;
	-webkit-box-shadow: inset 0px 0px 36px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 36px -15px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 36px -15px rgba(0,0,0,0.75);
}

/* /CONTENT **********************************/

/********************************************\
				 FOOTER
\********************************************/
footer {
	position:relative;
	margin-top:20px;
	margin-bottom:5px;
	-webkit-box-shadow: inset 0px 0px 36px -15px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 36px -15px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 36px -15px rgba(0,0,0,0.75);
	padding:20px;
}

footer span.address {
	display:block;
	font-size:0.9em;
}

footer span.copyright {
	font-size:0.9em;
}
/* /FOOTER **********************************/

/********************************************\
				WEB PAGES
\********************************************/
/* GLOBAL */
div.subpage-content {
/*
	padding-right:40px;
*/
}

/* HOMEPAGE */
/*
.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }
*/

html#home div#main-content {
	background:transparent url('/assets/img/bg_coffeebeans.png') no-repeat;
	background-position:bottom;
}

html#home div#carouselExampleInterval {
	margin-bottom:30px;
}

html#home div#sciotovending-carousel {
	margin-bottom:30px;
}

html#home div#container-frame {

}

html#home #frmSubscribe {
	border:1px solid #d9d9d9;
	padding:10px;
}

html#home div.content {
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}

html#home div.home-sidebar-container {
	background-color:#f9f9f9;
	border-left:1px solid #d9d9d9;
	padding-left:0px;
	padding-right:0px;
}

html#home div.home-main {
	padding:15px;
	padding-top:25px;
}

html#home div.sidebar-box:first-child {
	text-align: center;
}

html#home div.sidebar-box {
	background-color:#fff;
	position:relative;
	padding:10px 20px 20px 20px;
	border-bottom:1px solid #d9d9d9;
}

html#home div.sidebar-box > h3 {
	color:#005aab;
	font-weight: normal;
}

html#home div.sidebar-box p {
	font-size:14px;
	padding-bottom:5px;
	margin-bottom:5px;
}

html#home div.sidebar-box span.sidebar-link {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}

html#home div.sidebar-box.colored {
	border-left:10px solid #f0f0f0;
}

html#home div.sidebar-box.colored:hover {
	border-left:10px solid #005aab;
	cursor:pointer;
	cursor:hand;
}

html#home .thumbnail img {
	margin-bottom:20px;
}

/* VENDING SOLUTIONS OVERVIEW */
html#vendingsolutions div.subpage-bg {
	height:400px;
	width:98%;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
	max-width:100%;
	background-image:url('/assets/img/vendingsolutions.jpg');
	background-image:url('/assets/img/623499522-istockwebedit.jpg');
	background-image:url('/assets/img/157739236.jpg');
	background-image:url('/assets/img/519778860-istockwebedit.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	position:relative;
}

html#vendingsolutions section.vending-machine-types {
	padding:40px 0px 45px 0px;
	border-bottom:1px solid #d9d9d9;
}

html#vendingsolutions section.vending-machine-types:nth-of-type(1) {
	border-top:1px solid #d9d9d9 !important;
}

/* OFFICE COFFEE SERVICES */
html#officecoffeeservices div.subpage-bg {
	height:400px;
	width:98%;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
	max-width:100%;
	background-image:url('/assets/img/497410394.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	position:relative;
}

/* MICRO MARKETS */
html#micromarkets div.subpage-bg {
	height:400px;
	width:98%;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
	max-width:100%;
	background-image:url('/assets/img/MicroMarketsBg.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	position:relative;
}

/* VENDING MACHINE REPAIRS */
html#vendingmachinerepair div.subpage-bg {
	height:400px;
	width:98%;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
	max-width:100%;
	background-image:url('/assets/img/VendingRepairs.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	position:relative;
}


/* OUR COMPANY */
html#ourcompany h2.list-head {
	padding:5px 10px 5px 10px;
	font-size:17px;
}

/********************************************\
			RESPONSIVE STYLES
\*********************************************/
/* Nav Icon Bars */
.navbar-default .navbar-toggle .icon-bar {
    color:#555;
}

/*==========  Non-Mobile First Method  ==========*
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices */
@media (max-width: 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	body {
		background:#fff;
	}

	html#vendingmachines .carousel {
		width:60%;
		margin:auto;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	body {
		background:#fff;
	}

	a#fb-icon-header2 {
		top:0px;
		left:20px;
		position:relative;
		float:left;

	}

	a#fb-icon-footer {
		float:left;
		position:relative;
		left:-5px;
		margin-top:30px;
	}

	header img.logo {
		max-width:95%;
		margin:auto;
	}

	header span.phone {
		color:rgba(3, 169, 244,1);
		font-size:21px;
		text-align: center;
		margin-top:20px;
	}

	header span.phone-ir {
		color:#333;
		font-size:12px;
		text-align: center;
		margin-top:15px;
	}

	header nav ul li.active {
		margin-left:10px;
	}

	h1 {
		font-size:26px;
		margin-bottom:25px;
	}

	h2 {
		margin-top:0px;
	}

	h3 {
		font-size:16px;
		font-weight: bold;
		margin-bottom:20px;
	}	

	p {
		font-size:14px;
		margin-bottom:40px;
		line-height: 1.8em;
	}

	ul.bordered-list {
		margin-bottom:40px;
	}

	ul.bordered-list li {
		font-size:14px;
		margin-bottom:20px;
	}

	p.lead {
		font-size:18px;
		margin-bottom:40px;
		line-height: 1.8em;
		width:100%;
	}

	div.cta-box .btn-scioto {
		padding:8px 12px 8px 12px;
	}

	/*********** SUBPAGES ***********/
	/* Vending Solutions */
	html#vendingsolutions div.subpage-bg {
		display:none;
	}

	html#vendingsolutions div#vending-products-wrapper {
		display:block;
		width:100%;
		margin-bottom:40px;
		overflow:scroll;
	}
	
	/* Contact Page */
	form {
		border:1px solid #d9d9d9;
		padding:5px;
	}

	form label {
		font-size:13px;
	}
}

/* iPhone Retina */
@media only screen and (max-width : 320px) {}

header nav.navbar {
	border:1px solid #d9d9d9 !important;
	padding-top:0px !important;
}


/*******************************************************\
		GIFT BAG MODULE 
\*******************************************************/
html[data-module="gift-bag"] #msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

html[data-module="gift-bag"] .card {
    z-index: 0;
    border: none;
    position: relative
}

html[data-module="gift-bag"] .fs-title {
    font-size: 25px;
    color: #005aab;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

html[data-module="gift-bag"] .purple-text {
    color: #673AB7;
    font-weight: normal
}

html[data-module="gift-bag"] .steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

html[data-module="gift-bag"] .fieldlabels {
    color: gray;
    text-align: left
}

html[data-module="gift-bag"] #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

html[data-module="gift-bag"] #progressbar .active {
    color: #005aab;
}

html[data-module="gift-bag"] #progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400
}

html[data-module="gift-bag"] #progressbar #theme:before {
	font-family: FontAwesome;
	content:"\f06b";
}

html[data-module="gift-bag"] #progressbar #account:before {
    font-family: FontAwesome;
    content: "\f13e"
}

html[data-module="gift-bag"] #progressbar #recipients:before {
    font-family: FontAwesome;
    content: "\f0c0"
}

html[data-module="gift-bag"] #progressbar #delivery:before {
	font-family: FontAwesome;
	content: "\f0d1";
	transform:scaleX(-1);
}

html[data-module="gift-bag"] #progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f07a"
}

html[data-module="gift-bag"] #progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

html[data-module="gift-bag"] #progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

html[data-module="gift-bag"] #progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

html[data-module="gift-bag"] #progressbar li.active:before,
html[data-module="gift-bag"] #progressbar li.active:after {
    background: #005aab;
}

html[data-module="gift-bag"] .progress {
    height: 20px
}

html[data-module="gift-bag"] .progress-bar {
    background-color: #673AB7
}


/******************** END GIFT BAGS ********************/


.btn-outline-secondary:hover {
	background-color:#f0f0f0;
	border-color:#d9d9d9;
}



/* NPROGRESS CSS INLINED */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  z-index: 999999;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 999999;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  z-index: 999999;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* END NPROGRESS */