@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


.clear {
	clear:both;
}
img {
	border:0px;
    max-width: 100%;
}
.mt10 {
	margin-top: 10px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mt0 {
	margin-top: 0px !important;
}
.mb0 { margin-bottom: 0px !important; }

p{ font-family: 'open_sansregular'; font-size:16px; color:#444; }

body { margin:0px; padding:0px; position:relative; font-family: 'open_sansregular'; }
header{ background:#fff; box-shadow: 0 0 3px #ccc; }
.logo{ padding-top:8px; margin-right:40px; }
.navbar-nav > li{ margin-right:20px; }
.banner{ width:100%; overflow-y:hidden; }
.banner img{ width:100%; }
.navbar-default{ margin-right:0px; background:none; border:0; margin-bottom:0px; margin-top:0px; font-family: 'open_sanssemibold'; }
.navbar-default .navbar-nav > li > a{ color:#8f8f8f; font-size:15px; font-weight:normal; line-height:60px; padding-left:10px; padding-right:10px; background:none !important; }
.navbar-nav > li > .dropdown-menu{ margin-top:0px; border-top:0; }
header .col-sm-2{ text-align:right; }
.top-hire{ padding-top:44px; text-align:right; }
.top-hire a{ font-size:15px; color:#4c5a7b; margin-left:14px; }
.top-hire a:hover{ color:#000; }
.top-social{ display:block; margin-bottom:10px; }
.top-social .fa{ font-size:18px; border:2px solid; width:30px; height:30px; text-align:center; padding:5px; margin-left:5px; border-radius:50%; }
footer{ background:#000; width:100%; font-family:Arial, Helvetica, sans-serif; color:#fff; padding:15px; font-size:12px; }
.top{ position:absolute; bottom:0px; color:#fff; padding:10px 10px 0; line-height:normal; font-size:40px; left:50%; cursor:pointer; }
.yamm-content .fa{ font-size:17px; }

.inner-banner{ position:relative; }
.inner-banner h1{ position:absolute; color:#fff; top:30%; width:100%; text-transform: uppercase; }
.inner-banner p{ position:absolute; color:#fff; top:49%; width:100%; font-size:22px; padding:0px 20%; }

.jdhillon-pic{ width:286px; height:286px; border-radius:50%; }
.big-text{ font-size:26px; font-family: 'gosmicksansbold'; color:#090; }
.jdhillon-text p{ font-size:14px !important; line-height:26px; padding:0px 25px 0;  }

.page-wrapper p{ font-size:20px; }

input, textarea{
	color: #aaafb5;
	font-size: 16px;
	border: 1px solid #e1e1e1;
	background:#f9f9f9;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	outline: none;
	width: 100%;
	padding: 7px 14px;
	display: block;
	margin-bottom: 10px;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}

input[type="submit"] {
	display: inline-block;
	background-color: #222;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	width:150px;
	border:inherit;
	font-weight: 300;
	text-transform: uppercase;
	padding:12px 16px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

input[type="submit"]:hover {
	background: #000;
	color: #fff;
}

address{ padding-right:30px; }
address h4{ font-size:17px; margin-bottom:10px; border-bottom:1px dotted #aaa; padding-bottom:10px; }
address .fa{ border:1px solid #000; border-radius:50%; display:inline-block; padding:9px 8px; width:40px; height:40px; text-align:center; margin-right:10px; }

.navbar-nav > li > a i {
    border: 2px solid;
    border-radius: 50%;
    display: block;
    height: 35px;
    margin: auto;
    padding: 7px;
    text-align: center;
    width: 35px;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0, 0, 0); /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */
}

#status {
	width:100%;
	height:100%;
	position:absolute;
	left:0%; /* centers the loading animation horizontally one the screen */
	top:0%; /* centers the loading animation vertically one the screen */
	background:url(../images/loading.gif) #000A1E; /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center center;
	margin:0px; /* is width and height divided by two */
	max-width:100%;
}

.inner-banner .carousel-inner .item img{ width:100%; }

.pricing-btn .btn{ font-size:18px; text-transform:uppercase; margin:0px 20px; padding:10px 24px; }
.pricing-btn{ text-align:center; float:left; width:100%; }

footer a{ color:#fff; }
footer a:hover, footer a:focus{ color:#ccc; }

/*-------------------------media css----------------------*/

@media screen and (max-width:980px){

.logo{ margin-right:0px; width: 70%; }
header .container{  width:100%; padding:0px; }
.navbar-default .navbar-nav > li > a {
    font-size: 13px;
    line-height: 34px;
    padding-left: 0;
    padding-right: 0;
}
.navbar-nav > li { margin-right: 15px; }
.inner-banner p{ display:none; }
}

@media screen and (max-width:640px){
.top-hire{ display:none; }
header{ padding:20px 0; }
.navbar-toggle{ margin:0px; }
.navbar{min-height:auto; }
.navbar-nav > li > a i{ display:inline-block; border:0; }
.navbar-default .navbar-nav > li > a{ padding:0px; }
.navbar-nav > li{ border-bottom: 1px dotted #888; }
.docs-pictures > li{ width:50% !important; }
.docs-galley{ padding:0px 20px 20px; }
#status{ background-size:50%; }
footer .col-xs-8, footer .col-xs-4{ font-size:11px; }



}

@media screen and (max-width:414px){
.docs-pictures > li{ width:100% !important; margin-bottom:20px; }
footer{ padding-bottom:15px; }
footer .col-xs-8, footer .col-xs-4{ width:100%; text-align:center !important; }
.top {
    bottom: 5px;
    font-size: 27px;
    right: 3%;
	left:auto;
}

.inner-banner h1 {
    font-size: 23px;
    top: 18%;
}

.inner-banner .carousel-indicators{ display:none; }
address .fa{ display:none; }
address h4{ font-size:14px; }
iframe{ height:300px !important; }


}