/*Loader css*/
.jam_loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 60px;
	height: 60px; 
	animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
  /*END loader css*/
/* ~~~~~~~~~ All Pages ~~~~~~~~~ */
::selection {
  background: #3297FD;
  color: white;
}

section {
	background-image: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

h3, .h3 {
	font-size: 2.4em;
	line-height: 1.5em;
	font-weight: 500;
	margin: 20px;
}



h4, h5 {
	line-height: 1.5em;
}

h1 {
	padding-bottom: 25px;
}

h5 {
	font-size: 1.15em;
}

button {
	margin-top: 25px;
}

.bg-overlay {
	background: rgba(0, 0, 0, 1);
	opacity: 0.7;
}

.background-colored {
	background-color: #428bca;
}

.click_link {
	color: #777777;
	text-decoration: underline;
}

.click_link:hover {
	color: #2250fc;
}

.link_click {
	text-decoration: underline;
}

#call-to-action-num {
	color: white;
}

#call-to-action-num:hover {
	color: #2250fc;
}

/* ~~~~~~~~~ Layouts ~~~~~~~~~ */
/* Nav */
#header .header-inner #logo a span #blue-logo {
	color: blue;
}

#header .header-inner #logo a span #red-logo {
	color: red;
}

#header .header-inner #logo a span #small-logo {
	font-size: small;
}

.sm_head {
	color: black;
	padding-left: 5px;
	padding-right: 5px;
}

#mainMenu nav > ul > li .dropdown-menu > li > a {
	padding: 10px;
}

 #mainMenu nav > ul > li .dropdown-menu {
	 padding: 0;
 }

#mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li:hover > span {
	background-color: #428bca;
	color: white;
	width: 101%;
	padding-left: 5px;
	margin-left: -1px;
}

#mainMenu nav > ul > li .dropdown-menu > li:hover > span.dropdown-arrow {
	width: 0;
}

#mainMenu nav > ul > li > a {
	padding: 8px;
	font-size: 16px;
}

#mainMenu nav > ul > li:hover > a.no_color {
	color: black;
}

#mainMenu nav > ul > li .dropdown-menu > li > span {
	line-height: 20px;
}

.dropdown-submenu {
	padding: 0;
	min-width: 100px;
}

#header.header-sticky.sticky-active .header-inner {
	height: 80px;
}

/* Page Header */
.dark_header {
	padding: 0;
	background-color: black;
}

.page_header h2 {
	line-height: 1.75em;
}

/* Call To Action */
.call-to-action.call-to-action-colored {
	background-color: #428bca;
}

.call-to-action {
	margin-bottom: 0;
	padding: 0;
}

#contact-btn {
	text-align: center;
	margin-top: 0;
}

/* Scroll To Top */
#scrollTop {
	bottom: 70px!important;
}

/* Footer */
#contact-img {
	background-image: url('https://www.t2ucms.com/web/homepages/branding/images/background-4.png');
}

#footer .footer-content {
	padding: 0;
}

.widget {
	margin-bottom: 10px;
}

#footer p {
	margin-bottom: 0;
}

#footer-right p {
	padding-bottom: 5px;
}

#footer-link {
	text-decoration: underline;
}

#footer li {
	list-style-type: none;
}

/* ~~~~~~~~~ Indivudial Pages ~~~~~~~~~ */
/* ~~~~~ Home Page ~~~~~~ */
/* Carousel */
#wooden-table-img {
	background-position-y: 60%;
}

#black-table-img {
	background-position-y: 70%;
}

#slider-1-captions {
	text-shadow: 2px 2px black;
	padding: 0 100px;
}

#slider-2-captions {
	color: white;
	text-shadow: 3px 3px black;
	width: 70%;
	margin: auto;
}
/* end: Carousel */

#home-cta h3 {
	margin: 20px 15vh;
}

/* Icons */
.text-box {
	margin-bottom: 0;
	padding: 0 5px 30px 5px;
	max-height: 230px;
	border-radius: 5px;
}

.text-box a {
	display: inline-block;
	padding-bottom: 30px;
}

.icon_boxes {
	padding: 5px;
}

#icon-container h3 {
	margin: 0;
	margin-bottom: 15px;
	line-height: 1em;
}

.icon_change {
	background-color: #428bca;
}

#contact-img {
	background-position:50% 58%;
	background-size: 2000px 1200px;
}

/* Info box */
#info-home {
	text-shadow: 2px 2px black;
}

#info-container-box, #mac-container-box{
	background: rgb(44 97 163 / 80%);
	padding-top: 15px;
	border-radius: 15px;
}

#info-block, .mac_block, #white-captions {
	padding-left: 10px;
	padding-right: 10px;
}

#info-container-box h2, #info-container-box h3, #info-container-box h3 a, #info-container-box h5 {
	color: white;
	text-align: center;
}

#info-container-box h3 a:hover {
	color: #2250fc;
}

#info-container-box #info-block h3 {
	margin: 20px 0;
}


/* ~~~~~ Mac Repair ~~~~~ */
#mac-img {
	width: 100%;
}

#mac-bg-video {
	text-shadow: 2px 2px black;
}

/* ~~~~~ Laptop Repair ~~~~~ */
#microchip {
	background-size: contain;
	background-color: black;
	background-position: left;
}

#red-chip {
	float: left;
	width: 50%;
	margin-top: -2%;
	margin-left: -8%;
}

#mobile-repair-white-section h3 {
	text-align: center;
	padding-right: 0;
}

#call-to-action .mobile_container .row {
	align-items: center;
}

/* ~~~~~ Virus Page ~~~~~ */
#virus-detected-img {
	width: 50%;
	float: left;
	margin-right: 25px;
}

#virus-bg-img-section {
	background-image: url("../images/electronic-virus-md.jpg");
	background-position-y: 85%;
}

/* ~~~~~ On-Site Services ~~~~~ */
#service-gif-section .parallax-container {
	background-position: center!important;
}

#service-gif-section .bg-overlay {
	opacity: 0.8;
}

/* ~~~~~ IT Services ~~~~~ */
#it-services-container h3, #it-services-container p {
	text-shadow: 1px 1px black;
}

#it-gif-section .bg-overlay {
	opacity: 0.8;
}

#service-bottom {
	padding-top: 10px;
}

#free-diagnostic-img {
	width: 100%;
	margin-top:50px;
}

/* ~~~~~ Contact Page ~~~~~ */
#contact-page-num a {
	color: black;
}

#contact-page-num a:hover {
	color: #2250fc;
}

#contact-form .form-control, #review-form .form-control {
	border: 1px solid gray;
}

#contact-card {
	border: 1px solid #777777;
}

#contact-card .card-header {
	border-bottom: 1px solid #777777;
}

#contact-card .card-body form {
	width: 100%;
}