@charset "utf-8";

/* CSS Document */

html {
	font-family: 'Coda', cursive;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

p {
	font-family: 'Coda', cursive;
}

/* Use for Three Panels */
.special-p {
	margin-top: 12px;
	margin-left: 15px;
	margin-right: 7px;
	margin-bottom: 7px;
	font-size: 1.6rem;
}

.img-bottom-pad {
	padding-bottom: 1.2rem;
}

.hm-main-head {
	/*font-family: 'Audiowide', cursive; 
	font-family: 'Playfair Display SC', serif;*/	
	font-family: 'Coda', cursive;
	font-size: calc(1.0vw + 1.0vh + 0.75vmin + .6vmax);
	/*background-color:rgba(37,37,37,0.75);
	background-color:rgba(51,51,90,0.80);*/
	color: #F8F8F8 !important;
}

.hm-drop-line {
	font-family: 'Coda', cursive;
	font-size: calc(1vw + 1vh + 0.5vmin);
	background-color: rgba(37,37,37,0.75);
	/*background-color:rgba(51,51,90,0.80);*/
	color: #F8F8F8 !important;
}

.jumbo-image {
	height: 45rem;
	margin-bottom: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 35%;
	background-image: url(../../images/New-York-Skyline-June.jpg);
}

.image-full-across {
	margin-bottom: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-image: url(../../images/NYC-Skyline-1.jpg);
}

.fade-bg {
	background-color: rgba(37,37,37,0.75);/*background-color:rgba(51,51,90,0.80);*/
}

.fade-bg-inverse {
	color: #E3E3E3;
	background-color: rgba(37,37,37,0.75);/*background-color:rgba(51,51,90,0.80);*/
}

.navbar-brand {
	font-family: 'Coda', cursive;
	padding-left: 90px;
	background-repeat: no-repeat;
	background-image: url(../../images/Martin-Consulting-Logo-2.png);
	background-position: 10% 0%;
}

.pad-brand {
	margin-left: 5px;
}

.fa-lg {
	padding-right: 5px;
}

@media (width:768px) {

.jumbo-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 60%;
	background-image: url(../../images/NYC-Skyline-1.jpg);
}
}

@media (width:1200px) {

.jumbo-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 110%;
	background-image: url(../../images/NYC-Skyline-1.jpg);
}
}

/****************************
		Carosel
****************************/
.carosel-bg {
	background-color: #dcdcdc;
}

#custom_carousel .item {
	color: #000;
	background-color: #dcdcdc;
	padding: 20px 0;
}

#custom_carousel .controls {
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	text-align: center;
	position: relative;
	background: #dcdcdc;
}

#custom_carousel .controls li {
	display: table-cell;
	width: 1%;
	max-width: 90px
}

#custom_carousel .controls li.active {
	background-color: #D7D7D7;
	border-top: 1px solid #337ab7;/*border-top: 1px solid #62686D;
	border-right: 1px solid #62686D;
	border-left: 1px solid #62686D;
	border-bottom: 3px solid #DE3626;*/
}

#custom_carousel .controls a small {
	overflow: hidden;
	display: block;
	font-family: 'Coda', cursive;
	font-size: 1.6rem;
	margin-top: 5px;
	font-weight: normal;
}

@media (width:320px) {

#custom_carousel .controls a small {
	overflow: hidden;
	display: none;
	font-family: 'Coda', cursive;
	font-size: 0.9rem;
	margin-top: 5px;
	font-weight: normal;
}
}

@media (max-width:599px) and (min-width:414px) {

#custom_carousel .controls a small {
	overflow: hidden;
	display: none;
	margin-top: 3px;
}

.jumbotron p .text-center {
	font-size: .5rem;
}
}

@media (max-width:768px) and (min-width:600px) {

#custom_carousel .controls a small {
	overflow: hidden;
	display: block;
	font-family: 'Coda', cursive;
	font-size: 1rem;
	margin-top: 5px;
	font-weight: normal;
}
}

.carousel-inner h2 {
	font-size: 3.0rem;
	/*font-family: 'Playfair Display SC', serif;*/
	font-family: 'Raleway', sans-serif;
	color: #3B3B3B;
}

.carousel-inner p {
	font-size: 2.0rem;
	font-family: 'Raleway', sans-serif;
	/*font-family: 'Coda', cursive;*/
	color: #000000;
}

/******************************
		Callout
******************************/
.callout-dark {
	padding-top: 23px;
	padding-right: 23px;
	padding-left: 23px;
	padding-bottom: 23px;
	color: #fff;
	background-color: rgba(37,37,37,1.00);
}

.callout-dark h1, h2, h3, h4 {
	font-weight: 300;
	line-height: 1.4;
}

.callout-dark p {
	color: #B1B1B1;
	font-size: 17px;
}
.call-out-card{
	background-color: #252525;
	min-width: 320px;
	max-width: 600px;
	display: block;
	padding-left: 22px;
	padding-right: 22PX;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 41px;
}

.call-out-card ul{
	padding-bottom: 20px;
}

.modal-footer{
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #555;
	max-width: 600px;
	min-width: 320px;	
}

.icon-green{
	font-size: 2.4rem;
	color: #42DCA3;
	padding-right:7px;
}
.icon-blue{
	font-size: 2.7rem;
	color: #218BB3;
	padding-right:10px;
}

/******************************
		YouTube Section
******************************/
.you-tube h2 {
	font-size: 3.0rem;
	font-family: 'Coda', cursive;
	color: #fdfdfd;
}

.you-tube h3 {
	font-size: 2.0rem;
	font-family: 'Raleway', sans-serif;
	color: #fff;
}

.lr-bot-margins {
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 50px;
}

.fa-color {
	color: rgba(51,51,90,0.80);
}

/******************************
		Modal Styles
/******************************/		
.hms-modal-title {
	text-transform: none;
	font-family: 'Audiowide', cursive;
	font-size: 2.7rem;
	text-decoration: none;
	text-align: left;
	font-weight: 100;/*color: rgba(195,221,238,1.00);*/
}

.modal-body {
	margin-top: 12px;
	margin-left: 15px;
	margin-right: 7px;
	margin-bottom: 7px;
	font-size: 1.6rem;
	font-family: 'Coda', cursive;
}

.hm-lable {
	font-size: 2.0rem;
	font-family: 'Coda', cursive;
	font-weight: normal;
	text-align: right;
}

.close-modal-btn {
	color: #fffff !important;
}

.btn-margin-left{
margin-left:5px;
}
.btn-margin-right{
margin-left:5px;
}
.btn-pad{
	margin-left:5px;
	margin-right:5px;
}
.error{
	font-size: 1.6rem;
	font-family: 'Raleway', sans-serif;
	/*font-family: 'Coda', cursive;*/
	color: #FF0000;
	margin-left: 6px;
	font-weight: 300;
}
#error-msg {
	font-size: 1.6rem;
	font-family: 'Raleway', sans-serif;
	/*font-family: 'Coda', cursive;*/
	color: #FF0000;
	margin-left: 6px;
	text-align: left;
}

/******************************
		Pop over in Modal
/******************************/
.popover {
	background-color: #e74c3c;
	color: #ecf0f1;
	width: 120px;
}

.popover.right .arrow:after {
	border-right-color: #e74c3c;
}

#cloud-scroll {
	width: auto;
	height: 200px;
	background: url(../../images/GOPR6328.jpg) repeat-y;
	-webkit-animation: backgroundScroll 20s linear infinite;
	animation: backgroundScroll 20s linear infinite;
}
 @-webkit-keyframes backgroundScroll {
from {
background-position: 0 0;
}
to {
background-position: 0 -400px;
}
}
 @keyframes backgroundScroll {
from {
background-position: 0 0;
}
to {
background-position: 0 -400px;
}
}


/*
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fefefe;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.modal-header {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	border-bottom: 1px solid #464545;
}
.modal-header .close {
  margin-top: -2px;
}

.hms-modal-title{
	margin: 0 0 20px;
	text-transform: none;
	font-family: 'Coda', cursive;
	font-weight: 100;
	letter-spacing: 7px;
	border-bottom: thin solid #42DCA3;
	padding-bottom: 10px;	
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

******************************/