/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,700,900);

/* OVERALL ASPECT */


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

}

body {
  background-color: white;
    font-family: "Lato";
    font-weight: 300;
    font-size: 16px;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    
    margin-top: 0px;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Arial";
    font-weight: 300;
    color: #333;
}


/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}

h5 {
	padding-left: 1px;
	}

.centered {
    text-align: center;
}

.mt {
	margin-top: 40px;
}

/* Links */
a {
    color: #838383;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

/* Bootstrap Modifications */
 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


.navbar {
	font-weight: 100;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
	background:url(../img/header-bg.jpg) top left repeat-x #fff;
	/*border-bottom: 2px solid #005ca9;*/
	border-bottom:none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*color: black;*/
	color:#fff;
	background-color: transparent;
}
.navbar-nav li a:hover, .navbar-nav li a:active { color:#005ca9 !important; }

.navbar-brand {
	font-size: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	align: left;
	
}

.btn-theme {
	color: #ffffff;
	background-color: white;
	border-color: black;
}

.btn {
	padding: 10px 30px;
	margin-bottom: 0;
	font-size: 18px;
	border: 0px solid black;
	border-radius: 10px;
	background-color: #ECECEC;
}

.lead {
	letter-spacing: 1px;
}

/* WRAP SECTIONS */

/* hello */
#hello {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	/*border-bottom: 2px solid #e2bb52;*/
}

#hello h1 {
	font-size: 90px;
	font-weight: 700;
	letter-spacing: 3px;
	color: #BD993F;
}

#hello h2 {
	color: #c0c0c0;
	font-weight: 400;
}

/* Green */
#green {
	background-color: white;
	padding-top: 15px;
}

#green h3 {
	color: black;
	font-weight: 400;
	margin-bottom: 0px;
}

#green p {
	color: black;
	font-weight: 400;
	font-size: 16px;
}

/* Skills */
#skills {
	background-color: #4e4e4e;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 50px;
}

#skills h3 {
	color: white;
}

#skills p {
	color: white;
	font-weight: 400;
}

/* Social Links */
#social {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#social i {
	font-size: 50px;
	color: #BD993F;
}

#social .col-md-3:hover {
	background-color: #f5f5f5;
}

#social .col-md-3 {
	padding:30px;
}

/* Contact*/
#contact {
	background-color: white;
	padding-top: 80px;
	margin-bottom: 10px;
}

#contact legend.header {
	font-size: 35px;
	color: #BD993F;
}

#contact div.header {
	font-size: 35px;
	color: #BD993F;
}

/* Footer */
#f {
	padding-top: 20px;
	background-color: #094b85;
}

#f p {
	color: white;
	text-align: left;
	font-weight: 400;
}

/* Image Opacity */
.grid img {
    opacity: .7;
}
.grid img:hover {
    opacity: 1;
}


.header-wrapper{ width:100%; float:left; padding-top:12px;}
.logo-top{padding:0px;}
.top-right{float:right; width:350px;}
.top-right h3{color:#ad821a; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px;}
.top-right p{line-height:18px; margin:0; color:#a67800; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.top-right p a{ color:#a67800;}
.navbar-nav > li{text-transform:uppercase; font-size:11px; font-weight:bold; }
.navbar-nav > li > a{padding:10px 15px;}
.navbar-left > li > a:hover{color:#a57803;}
.navbar-nav > li:first-child > a{padding-left:0;}
.navbar-right > li{font-weight:bold;}
.navbar-default .navbar-right > li > a{color:#a67901; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;}
.footer-wrapper ul {padding:0;}
.footer-wrapper ul li{ list-style-type:none; font-size:12px; text-transform:uppercase; }
.footer-wrapper ul li a, .footer-text a{ color:#b3b3b3;}
.footer-wrapper ul li a:hover, .footer-text a:hover{color:#fff;}
.footer-right  h3{color:#a2a2a5; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0;}
#f .footer-right p{text-align:left; color:#a2a2a5; font-size:12px; line-height:18px;}
#f .footer-right p a{ color:#a2a2a4;}
.footer-inner{ /*width:35%;*/ font-family:Arial, Helvetica, sans-serif; text-align:left;}
.social{ width:100%; float:left; text-align:center; padding-bottom:25px;}
.social img{margin:0 5px;}
.inner-wrapper-outer{background:url(../img/inner-bg.jpg) top left repeat-x; width:100%;  float:left; margin-top:16px;} 
.inner-wrapper-outer h1{color:#bd993f; font-size:35px;font-family: "Lato"; font-weight:300; text-align:center; padding:10px;}
.content-inner-right{ width:100%; background:url(../img/right-bg.jpg) top left repeat-x; padding:20px; min-height:170px; }

.content-inner-right h2{color:#a87700; font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.content-inner-right p{padding:0 0 5px 0; margin:0;}
.video-wrapper{background:#999999; padding:0px; min-height:00px; margin:0px 0; text-align:right;}
.video-wrapper h2{color:#000; text-transform:uppercase; font-weight:normal; font-size:26px; padding-top:20px; margin:0;}
.video-wrapper iframe{width:100%;}
.content-left p{color:#0c0c0e; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:18px; padding:0; margin:0;}
.content-left ul{margin:0; padding:0 10px;}
.content-left ul li{color:#0c0c0e; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:20px;  }
.btm-wrapper{padding:20px 0; width:82%; float:none; margin:0 auto;}
.btm-wrapper h3{font-family: 'baron_neue_boldbold'; color:#a87700!important; font-size:32px!important; background:url(../img/title-bg.jpg) top center no-repeat;  text-align:center; border-radius:20px; height:95px; padding:10px 0;}

h3.finance{padding-top:30px;}
h3.search{font-size:25px!important; padding-top:20px;}
.btm-wrapper div{width:31%; padding:0 1%; float:left;}
.logos-wrapper img{border:1px solid #0e0e0e; margin:10px;}
#comments{ border:1px solid #cccccc; background:#fff; border-radius:5px;}
input#button{background:#a67901; color:#fff; border:0; border-radius:5px; padding:8px 15px;}
/*10.12.15*/

.social-icon { padding:0px; margin:0px 0 5px 0; float:right;}
.social-icon li { float:left; list-style-type:none;}
.logo { float:left;}
.logo h1 { float:left; color:#000000; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px; font-weight:bold; padding-top:48px; }
.navbar-fixed-top, .header-top { border-top:14px solid #ffc425; margin-bottom:0;}
.new-nav { width:100%; background:#094b85; border-radius:3px;}
ul.nav li.active a:hover{color:#000!important;}
.navbar-header { width:100%;}
.inner-top-right h5 { margin-top:0px; font-family:Arial, Helvetica, sans-serif; color:#999999; }
.inner-top-right h5.newadd { /*margin-top:0px; font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:13px;*/}
.navbar > .container .navbar-brand { margin-left:0px !important;}
.inner-row { margin:0 3px;}
.footer-menu { padding:0px; margin:0px; text-align:center; }
.footer-menu li { display:inline-block; padding:0 10px;}
.footer-menu li a { font-size:16px;}
.footer-text p { font-size: 9px; text-align:center !important; margin-top:15px;}
.ex{ text-align:center; font-size:24px; border-bottom:8px solid #ffc425; padding-bottom:30px; }
.carousel-control.right, .carousel-control.left { background-image:none !important;}
.fa { line-height:25 !important;}
.carousel-control.right { text-align:left; right:10px !important;}
.carousel-control.left { text-align:right; left:10px !important;}
.fa:hover, .fa:active { color:#8b8a86; }
.navbar-right { float:right;}
.navbar-nav > li { float:left;}
.dropdown-menu li a{position:relative; z-index:999999;}

.content-wrapper{border-bottom:8px solid #ffc425; padding-bottom:20px; margin-bottom:10px; overflow:hidden;}
.inner-top-right{padding-top:15px;}
.navbar-left{width:100%; padding:0; text-align:center; margin:0!important;}
.navbar-left li{float:none; display:inline-block;}
ul.dropdown-menu li{padding-left:0; float:left; display:inherit; width:100%;}
.carousel-control{width:auto;}
#hello.middle-wrapper{padding-top:20px;}
.right-img{margin:0 0 20px 20px;}

@media screen and (max-width: 1100px) {
.navbar-nav > li > a{padding:10px 7px;}
.footer-right{float:left;}
.btm-wrapper{width:100%; clear:both;}
.logos-wrapper img{margin:1%; width:17%;}
.navbar-left li {
    padding-left: 28px;
}
}
@media screen and (max-width: 1024px) {
.logo h1{font-size:17px;}
.logo img{max-width:90%;}
}
@media screen and (min-width: 641px) and (max-width: 768px) {
.inner-top-right h5.newadd{padding-right:14px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px)  {
.navbar-nav{text-align:center; width:100%;}
.navbar-nav > li{float:none; display:inline-block;}
.navbar-collapse .navbar-nav.navbar-right:last-child{margin:0;}
.top-right{width:330px;}
.top-right h3{font-size:13px;}
.logo-top{width:245px;}
.logo-top img{width:100%; }
.inner-wrapper-outer{margin:0;}
.btm-wrapper div{width:100%; padding:1% 0; float:left;}
.btm-wrapper div h3{background:#e2e2e2; height:auto;}
div#contact{padding-top:125px;}
.top-right { width:auto;}
.fa { line-height:18 !important;}
.navbar-left li{padding-left:6px;}
}

@media screen and (max-width: 767px)  {
.navbar-nav > li:first-child > a{padding:10px;}
.header-wrapper{text-align:center;}
.top-right{float:none; margin:0 auto; text-align:left; padding-top:10px; width:100%;}
.navbar-brand{float:none; }
div#contact{padding-top:160px;}
.inner-wrapper-outer{margin:0;}
.btm-wrapper div{width:100%; padding:1% 0; float:left;}
.btm-wrapper div h3{background:#e2e2e2; height:auto;}
.logo { width:100%;}
.logo-top { width:100%; text-align:center !important;}
.logo h1 { float:none;}
.inner-top-right h5 { text-align:left;}
.social-icon { text-align:left; float:left;}
.social-icon li { display:inline-block; float:none;}

.mobile-wrapper .navbar-collapse{border:0; }
.mobile-wrapper{padding:0; position:absolute; top:100%; left:0%; width:100%; z-index:99;}
.navbar-toggle { margin-left:10px;}
.logo h1 { padding-top:5px !important;}
.top-right { clear:both;}
.fa { line-height:12 !important;}
.navbar-right { float:left; width:100%;}
.navbar-nav > li { float:none; width:100%; padding-left:0;}
.navbar-toggle { margin-top:-90px !important; float:right !important;}
.inner-top-right, .header-wrapper{padding-top:0px;}
.inner-top-right{padding-left:0;}
.new-nav{margin:0!important;}
.dropdown-menu{display:block; position:relative; background-color:transparent; box-shadow:none; border:0; min-width:100%;}
.navbar-toggle{background-color:#ffc425;}
.right-img{ float:none!important; display:block; margin:0 auto 20px;}
.navbar-left{text-align:left;}
}

@media screen and (width: 640px)  {
.logo-top{float:left; text-align:left;}
.header-wrapper .navbar-right{float:right;}
.top-right{padding-top:10px; float:left;}
}

@media screen and (max-width: 522px)  {
.mobile-nav{  margin:0!important;}
.navbar-toggle{float:left;}
.top-right{ width:100%;}
.top-right div{padding-left:0;}
/*.mobile-wrapper .navbar-collapse{border:0; background:#fff;}
.mobile-wrapper{padding:0; position:absolute; top:20px; left:15px; width:100%;}
.logo-top{width:80%; padding:10px 0; float:right;}
.logo-top img{max-width:100%; padding-top:10px;}*/
}

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

div#contact{padding-top:226px;}
.footer-menu li a { font-size:12px;}
.footer-text p { font-size:12px;}
.fa { line-height:6 !important;}
}
@media screen and (max-width: 479px)  {
/*#hello{margin-top:250px;}*/
div#contact{padding-top:260px;}
/*.top-right{width:100%;}*/
.top-right h3{font-size:13px;}


/*.navbar-nav > li > a{padding:10px 15px;}*/
.logos-wrapper img{margin:1%; width:47%;}
#contact div.header{font-size:27px;}
.logo h1 { font-size:16px;}

}