
/* =============================================================
   GENERAL STYLES
 ============================================================ */
a:hover, a:active, a:focus {
    outline: 0;
}
body {
    font-family: "futura-pt",sans-serif;
    font-weight:400;
    font-size:15px;
    color:#707070;
   
}
p{font-weight:normal;font-family: "Arial",sans-serif;}
.pad-top {
    padding-top:85px;
}
.text-center {
    text-align:center;
}
/*JUST ADDED PADDING IN SECTIONS OF TEMPLATE */
section {
    /*padding-top:50px;*/
}
/* ADDED PADDING IN NAVBAR */
.navbar {
    /*padding:15px;
     -webkit-transition: background .8s ease-out,padding .8s ease-out;
        -moz-transition: background .8s ease-out,padding .8s ease-out;
        transition: background .8s ease-out,padding .8s ease-out;*/
}
/* CLASS FOR REMOVING PADDING IN NAVBAR*/
.navbar-pad-original {
      padding:0px;
}
/*TO SET MINIMUM HEIGHT OF THE SECTION: YOU CAN REMOVE THIS CLASS IF WANT */
.min-height-cls {
    min-height:500px; 
}
/*CHANGING COLOR AND ROUNDING BORDER OF SCROLLSPY ON LINK ACTIVE  */
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #00a185;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
}
/*TO MAKING NAV BAR LINKS WHITE COLORED */
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:focus {
color: #363C40;
font-family: "futura-pt",sans-serif;
}
.navbar-inverse .navbar-nav > li > a:hover {
/*color: #363C40;*/
background-color: #00a185;
}

.navbar-inverse .navbar-brand {
color: #FFF;
}


.navbar-brand {
    float: left;
    font-size: 18px;
    height: 90px;
    line-height: 10px;
    padding:0px;
    padding-left: 5px;/*61px;*/
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin:0px;}

.nav{margin-top:19px;}

.navbar-inverse{background-color:#FFF;border-color:#FFF;}

.navbar-toggle {background-color: #000;}

#header_shell {
	display: block;
	width: 100%;
	position: relative;
}

.floatingTxt{
	position: absolute;
	z-index: 10;
	top: 25%;
	display: block;

	left: 15%;
	/*right: 0;*/
	width:70%;

}
h1.header {
	font-family: "futura-pt",sans-serif;
	font-size:30px;
	line-height:33px;
	/*position: absolute;
	z-index: 10;
	top: 22%;
	display: block;
	left: 0;
	right: 0;*/
	text-align: center;
	color: #FFF;
	/*text-shadow: 2px 2px #999;*/
}

h4.header {
	font-family: "merriweather",serif;
	font-weight:400;
	font-size:18px;
	line-height:29px;
	/*position: absolute;
	z-index: 10;
	top: 42%;
	display: block;
	left: 0;
	right: 0;*/
	text-align: center;
	color: #FFF;
	/*text-shadow: 2px 2px #999;*/
}

h3{font-family: "merriweather",serif;
	font-weight:300;
	line-height:35px;
	color:#666;
}
h2{
	font-family: "futura-pt",sans-serif;
	font-size:30px;
	color:#28282F;
	line-height:33px;
}
h4.secondary{
	font-family: "futura-pt",sans-serif;
	font-size:15px;
	color:#FFF;
	margin-top:2px;
	margin-bottom:17px;
}
h3.secondary{
	font-family: "futura-pt",sans-serif;
	font-size:15px;
	color:#000;
	margin-top:8px;
	margin-bottom:2px;
}
h2.secondary{
	font-family: "futura-pt",sans-serif;
	font-size:12px;
	color:#737373;
	margin-top:8px;
	margin-bottom:2px;
	line-height:13px;
}

h5{
	font-family: "proxima-nova-alt",sans-serif;
	font-weight:600;
	color:#737373;
	font-size:16px;
}
h6{
	font-family: "proxima-nova-alt",sans-serif;
	font-weight:600;
	font-size:12px;
	letter-spacing:1px;
}
body .modal a{
	font-family: "proxima-nova-alt",sans-serif;
	font-weight:600;
	color:#00A8CD;
	font-size:13px;
}
div.smallBlueButton > a:hover{background:#FFF;color:#00a185;/*-webkit-box-shadow: 0 1px 1px 0 #FFF;box-shadow: 0 1px 1px 0 #FFF;*/text-shadow: 0px 0px 0px #FFF;border:1px solid #00a185;}
div.smallBlueButton > a {font-family: 'HelveticaNeueBold',Lucida Sans Unicode,Arial,Helvetica,Sans-Serif;
	font-size: 1.1em;
	font-family: "futura-pt",sans-serif;
	font-weight:normal;
	display:block;
	color:#FFF;
	margin-left:0px; 
	margin-top:5px;
	text-align:center;
	/*position: absolute;
	z-index: 10;
	top: 82%;
	display: block;
	left: 0;*/
	/*right: 0;*/
	padding:20px 20px;
	width:200px;
	/*width:auto;*/
	zoom: 1;
	text-decoration:none;
	border:1px solid #FFF;/*background:#00a8cd;*/ /* Old browsers */
/*-webkit-box-shadow: 0 1px 1px 0 #A6A6A6;box-shadow: 0 1px 1px 0 #A6A6A6;*/margin-bottom: 5px;margin:0 auto;}

.border_right {
    border-right: 1px solid #009177;
}
.bio-block{width:100%;max-width:241px;}

#under_scott{padding-bottom:90px;}

.left10{left:10px;}
.left20{left:20px;}
.left30{left:30px;}
.left40{left:40px;}
.left50{left:50px;}

.modal-lg {
    width: 100%;/*900px*/
}
.modal-header {
    border-bottom: 0px;
    }
 .modal-body{

 }
 .modal-footer{
 border-top: 0px;
 }
 .rollfix{height:177px;}
 #scott_link{position:absolute;z-index:4;left:90px;}
 
 .hs-form-field{margin-bottom:20px;}
 form ul{list-style-type:none;}
 
 form .hs-button:hover{background:#00a185;}
 form .hs-button{border:2px solid #FFF;width:200px;height:50px;background:#181818;color:#FFF;text-transform: uppercase;}

@media all and (max-width: 690px) and (min-width:0px) {
	h1.header{
		top:18%;
		font-size:1em;
		line-height:1em;
	}
	h4.header{font-size:12px;line-height:17px}
	.navbar-brand {padding-left:0px;}
	.floatingTxt{top: 20%;width:90%;left:5%;}
	/*.floatingTxt{left:20px;width:95%;top: 18%;}*/
	div.smallBlueButton > a{padding-top:2px;padding-bottom:2px;}
	.border_right {
	    border-right: 0px;
	}
	.floatingTxt hr{display:none;}
	.bio-block{width:auto;}
	
	.left10{left:0px;}
	.left20{left:0px;}
	.left30{left:0px;}
	.left40{left:0px;}
	.left50{left:0px;}
	#twitter{display:none;}
	#fb{display:none;}
	#linkedin{display:none;}
	#header_shell{padding-top:40px;padding-bottom:95px;}
	#scott_link{position:relative;z-index:4;left:0px;}

}

@media all and (max-width: 1090px) and (min-width:689px) {
	h1.header{
		top:22%;
		/*font-size:3em;*/
		line-height:38px;
	}
	h4.header{font-size:16px;}
	.navbar-brand {padding-left:0px;}
	.floatingTxt{top: 10%;width:90%;left:5%;}/**/
	div.smallBlueButton > a{padding-top:2px;padding-bottom:2px;}
	.border_right {
		    border-right: 0px;
	}
	/*.bio-block{width:auto;}*/
	#under_scott{padding-bottom:33px;}
}

	




.formButton{
font-family: "futura-pt",sans-serif;
font-size: 14px;
	font-weight:normal;
	display:inline-block;
	color:#FFF;
	margin-left:0px; 
	text-align:center;
	/*position: absolute;
	z-index: 10;
	top: 82%;
	display: block;
	left: 0;*/
	/*right: 0;*/
	padding:20px 60px;
	width:auto;
	zoom: 1;
	text-decoration:none;
	background:#00a8cd;
	margin:0 auto;
	border:0;
	
	}
.scale{display:block;width:100%}

@media (max-width: 1199px) {
	#under_scott{padding-bottom:61px;}
	h3.secondary{padding-top:0px;margin-top:0px;line-height:20px;}
	.rollfix{height:146px;}
	#scott_link{position:absolute;z-index:4;left:70px;}
}
@media (max-width: 991px) {
	.left10{left:0px;}
		.left20{left:0px;}
		.left30{left:0px;}
		.left40{left:0px;}
	.left50{left:0px;}
	#scott_link{position:relative;z-index:4;left:0px;}
}
/*make mobile nav appear sooner*/
@media (max-width: 882px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	
}





// vertical align label
.form-inline label {
    line-height: 34px;
}

// force inline control to fit container width
// http://getbootstrap.com/css/#forms-inline
.form-inline .form-control {
    width: 100%;
}
// Reset margin-bottom for our multiline form
@media (min-width: 768px) {
  .form-inline .form-group {
    margin-bottom: 15px;
  }
  
}