/* CSS Document */

/* GLOBAL STYLES
-------------------------------------------------- */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 110px; /* height of sticky header */
}

body {
    overflow-x: hidden;
    font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-top: 100px;
}

.text-muted {
    color: #777;
}


/* Padding below the footer and lighter body text */
/* Compensate for the fixed navbar */
body { 
/*	padding-top: 40px; */
	padding-bottom: 40px;
  	color: #5a5a5a;
}

.superscript {
    vertical-align: top;
    font-size: 80%;
}

div.footer {
	margin-top:40px;
	border-top: 1px solid #eeeeee;
}

.navbar-default {
	background-color: #fafafa;
	border-color: #234179;
	padding-left: 100px;
	padding-right: 100px;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.navbar {
	min-height: 100px;
}

/*.navbar-brand {*/
/*	padding: 0 15px;*/
/*	height: 80px;*/
/*	line-height: 80px;*/
/*}*/

.navbar-toggle {
	/* (80px - button height 34px) / 2 = 23px */
	margin-top: 23px;
	padding: 9px 10px !important;
}

@media (min-width: 768px) {
	.navbar-nav > li > a {
		/* (80px - line-height of 27px) / 2 = 26.5px */
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 89px;
	}
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
    padding-left: 0;
    padding-right: 0;
}
.navbar-wrapper .navbar {
    padding-left: 15px;
    padding-right: 15px;
}

/* CC Fix to allow proper display of navbar-right */
.navbar-right {
    padding-right: 45px;
}

/* Dynamic resize on Google Maps */

.google-maps {
	position: relative;
	/*padding-bottom: 100%; */
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/* Login Dropdown */
.login-dropdown-box {
	width: 400px;
	padding: 0px 20px 20px 20px;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.dropdown-menu {
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	max-height: 500px;
	overflow-y: scroll;
}

.animate {
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.navbar-default .navbar-nav > li > a {
	color: #234179;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-in;
	-ms-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	/*color: #94d6c6;*/
	background-color: #e7e7e7;
}

.skygrad
{
  display: inline-block;
  background: #fff;
  height:100%;
  width:100%;
  padding-top: 40px;
}

.review-row:hover {
	background-color: #E8EEFF;
}

.blackstroke {
	text-shadow:-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
}



p {
	font-size:12pt;
}


@media(min-width:768px) {
	section {
		padding: 50px 0;
	}
}


.service-badge img  {
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}


.service-badge:hover img {
	-moz-transform: scale(1.5) translateX(0px) translateY(-10px);
	-webkit-transform: scale(1.5) translateX(0px) translateY(-10px);
	-o-transform: scale(1.5) translateX(0px) translateY(-10px);
	-ms-transform: scale(1.5) translateX(0px) translateY(-10px);
	transform: scale(1.5) translateX(0px) translateY(-10px);
}

.notes-list {
	margin-top: 12px;
}

.note-container {
padding: 6px;
/* border: 1px solid black; */
-webkit-box-shadow: 2px 2px 1px 1px rgba(209, 209, 209, 1);
 box-shadow: 2px 2px 1px 1px rgba(209, 209, 209, 1); 
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;

-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}

.note-container:hover {
-webkit-box-shadow: 4px 4px 2px 2px rgba(209, 209, 209, 1);
 box-shadow: 4px 4px 2px 2px rgba(209, 209, 209, 1); 
left:-2px;
top:-2px;
}

.note-header {
	margin: -6px;
	padding: 6px;
	background-color:#EFF7FF;
/*	border:#999 solid 1px; */
	border-bottom:0px;
}

.note-note {
	padding:10px
}

.note-note p {
}

.dl-horizontal dt {
    width:200px;
}

.dl-horizontal dd {
    margin-left: 240px;
}

li.caretech-premier-nav-li {
	/*background: linear-gradient(180deg, #f0ad4e, #d6d6d6, #f0ad4e);*/
	background: linear-gradient(180deg, #5cb85c, #d6d6d6, #5cb85c);
	background-size: 600% 600%;

	-webkit-animation: PremierLi 11s ease infinite;
	-moz-animation: PremierLi 11s ease infinite;
	animation: PremierLi 11s ease infinite;
}

@-webkit-keyframes PremierLi {
	0%{background-position:50% 0%}
	50%{background-position:51% 100%}
	100%{background-position:50% 0%}
}
@-moz-keyframes PremierLi {
	0%{background-position:50% 0%}
	50%{background-position:51% 100%}
	100%{background-position:50% 0%}
}
@keyframes PremierLi {
	0%{background-position:50% 0%}
	50%{background-position:51% 100%}
	100%{background-position:50% 0%}
}
li.caretech-premier-nav-li:hover {
	/*background: linear-gradient(180deg, #f0ad4e, #d6d6d6, #f0ad4e);*/
	background: linear-gradient(180deg, #5cb85c, #d6d6d6, #5cb85c);
	background-size: 600% 600%;

	-webkit-animation: PremierLi 1s ease infinite;
	-moz-animation: PremierLi 1s ease infinite;
	animation: PremierLi 1s ease infinite;
}

@-webkit-keyframes PremierLi {
	0%{background-position:50% 0%}
	50%{background-position:51% 100%}
	100%{background-position:50% 0%}
}
@-moz-keyframes PremierLi {
	0%{background-position:50% 0%}
	50%{background-position:51% 100%}
	100%{background-position:50% 0%}
}
@keyframes PremierLi {
	0%{background-position:50% 0%}
	50%{background-position:51% 100%}
	100%{background-position:50% 0%}
}