@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {width: 100%; height: 100%;}
html {width: 100%; height: 100%;}
body {font-size: 16px; font-weight:400; line-height: 1.5; color: #414141; font-family: 'Raleway', sans-serif; }
h1, h2, h3, h4, h5, h6 {letter-spacing: 1.0; line-height: 1.1; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; }
h1, h2 {text-transform: uppercase;}
.text-required{color: #a94442;}
.navbar-custom, .navbar-default, .navbar-toggle {font-family: 'Titillium Web',Helvetica,Arial,sans-serif;}

.txt-color-1{color: #418ba8;}
.txt-color-2{color: #134b61;}
.txt-color-3{color: #83b2c4;}
.txt-color-4{color: #418ba8;}
.txt-color-5{color: #3d7d96;}

.bg-color-1{background-color: #418ba8;}
.bg-color-2{background-color: #134b61;}
.bg-color-3{background-color: #83b2c4;}
.bg-color-4{background-color: #418ba8;}
.bg-color-5{background-color: #134b61;}

.txt-white {color:#fff;}
.txt-black{color:#000;}

.bg-white{background-color: #fff;}
.bg-black{background-color: #000;}

/*shades run light to dark*/
.txt-grey-1{color:#f4f4f4;}
.txt-grey-2{color:#c9c9c9;}
.txt-grey-3{color:#333;}
.txt-grey-4{color:#686868;}
.txt-grey-5{color:#414141;}

.bg-grey-1{background-color: #f4f4f4;}
.bg-grey-2{background-color: #c9c9c9;}
.bg-grey-3{background-color: #959595;}
.bg-grey-4{background-color: #686868;}
.bg-grey-5{background-color: #444;}

.overlay-white {background:rgba(255, 255, 255, 0.5);}
.overlay-black {background:rgba(0, 0, 0, 0.5);}
.overlay-theme-color-1 {background:rgba(42, 62, 158, 0.7);}

.bdr-color-1{border: 1px solid #607d8b;}

.navbar-default {border:none; text-transform: uppercase;}
.navbar-default .navbar-toggle {border: 1px solid transparent; color:#fff;}
.navbar-toggle{margin-top:18px; margin-right:20px; padding: 6px 12px; border-radius: 6; color: #fff; background-color: #134b61; /*background-color: transparent;*/}
.navbar-toggle:hover{transition: all 600ms ease 0s; color:#fff; /*background-color:#fff;*/ background-color:#418ba8;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {color:#fff; background-color:#418ba8;}
.menu-txt{font-size:10px;}
@media only screen and (min-width: 680px) and (max-width: 980px) {
	.navbar-toggle{margin-top:20px;}
}

a { color: #134b61;}
a:hover, a:focus, a:active {transition: all 600ms ease 0s; color: #418ba8;}
.content-link{text-decoration: underline;}

ul.social-buttons li a {color:#fff; background-color: #134b61;}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {transition: all 600ms ease 0s; color:#fff; background-color: #83b2c4;}

ul.nav-links li a {color: #134b61;}
ul.nav-links li a:hover,
ul.nav-links li a:focus,
ul.nav-links li a:active {transition: all 600ms ease 0s; color:#fff;}

footer .brand-row a {color: #134b61;}
footer .brand-row a:hover,
footer .brand-row a:focus,
footer .brand-row a:active {transition: all 600ms ease 0s; color:#86af49;}

footer .address-row a {color: #418ba8;}
footer .address-row a:hover,
footer .address-row a:focus,
footer .address-row a:active {transition: all 600ms ease 0s; color:#fff;}

.btn-primary {border:none; text-transform: uppercase; color: #fff; background-color: #134b61;}
.btn-primary:hover {transition: all 600ms ease 0s; color: #fff; background-color: #83b2c4;}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background-color: #83b2c4;
    border-color: #83b2c4;
    color: #fff;
}

.btn-article {border:none; text-transform: uppercase; color: #134b61; background-color: #e4e4e4;}
.btn-article:hover {transition: all 600ms ease 0s; color: #134b61; background-color: #dfdfdf;}
.btn-article:active:hover, .btn-article.active:hover, .open > .dropdown-toggle.btn-article:hover, .btn-article:active:focus, .btn-article.active:focus, .open > .dropdown-toggle.btn-article:focus, .btn-article.focus:active, .btn-article.active.focus, .open > .dropdown-toggle.btn-article.focus {
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    color: #134b61;
}

@media only screen and (min-width: 320px) and (max-width: 980px)
 {
	.gototop-row {color:#fff;background-color:#134b61; font-size:16px; padding-top:20px; padding-bottom:20px; cursor:pointer;}
	.gototop-row:hover {background-color:#83b2c4; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms;}
}

#carousel-large {height: 100%;}
#carousel-small {height: 500px;}
.carousel-fade .carousel-inner {background: #fff;}
.carousel-control {color: #134b61;}
.carousel-control:hover, .carousel-control:focus {color: #418ba8;}
.large-hero-screen {height: 100%; width:100%;}
/*WATCH BECAUSE SIZE OF NAVBAR EFFECTS THIS */
.small-hero-screen {height: 50%; width:100%; margin-top:50px;}
.no-header{margin-top:100px;}

h1 {font-size: 42px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 20px;}

.item, .active, .carousel-inner {height: 100%;}
.carousel-caption{top: 50%; transform: translateY(-50%); bottom: initial; text-shadow:none;}

.hero-caption{width:80%; position:relative; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.hero-caption h1{font-size: 42px;}
.hero-caption h3{font-size: 24px;}

@media only screen and (min-width: 320px) and (max-width: 980px)
 {
	h1 {font-size: 42px;}
 	h2 {font-size: 21px;}
 	h3 {font-size: 21px;}
 	h4 {font-size: 14px;}
  .hero-caption{width:100%;}
	.hero-caption h1{font-size: 28px;}
	.hero-caption h3{font-size: 16px;}
  .hero-caption h4{font-size: 14px;}
}

.bg-slide-01 {background: url(../img/bg-slide/01.jpg) no-repeat center center scroll; background-size:cover;}
.bg-slide-02 {background: url(../img/bg-slide/02.jpg) no-repeat center center scroll; background-size:cover;}
.bg-slide-03 {background: url(../img/bg-slide/03.jpg) no-repeat center center fixed; background-size:cover;}

/* NORMAL BOX SHADOW USED FOR BASE*/
.box {
  overflow:auto; padding:20px; margin-bottom:25px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
/* SLIGHTLY DARKER BOX SHADOW USED FOR LEAPP
.box {
  border:1px solid;
  border-color: #d9d9d9;
  overflow:auto; padding:20px;
  -webkit-box-shadow: 2px 2px 10px -1px rgba(181,177,181,0.4);
  -moz-box-shadow: 2px 2px 10px -1px rgba(181,177,181,0.4);
  box-shadow: 2px 2px 10px -1px rgba(181,177,181,0.4);
}*/

#portfolio {padding:30px 0;}
#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    /*max-width: 400px;*/
    margin: 0 auto
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    width: 100%;
    height: 20px;
    font-size: 20px;
    text-align: center;
    top: 50%;
    margin-top: -12px;
    color: #fff
}

.box-title{}
.box-image{}
.box-body{margin: 35px 0 0; padding: 0 0 50px 0;}
.box-body-quote{margin: 15px 0 0; padding: 0 0 50px 0;}
.box-footer{bottom: 25px; left: 0; margin:0; padding-top: 15px; padding-bottom:25px; position: absolute; right: 0; text-align: center;}
.media {border: 1px solid #c7e3ee; margin-bottom:50px; padding:10px;}
.media-heading{font-size:18px;}
.media-date{color: #83b2c4}
.media-intro{font-size:14px;}
.panel-default {border-color: #134b61;}
.panel-default > .panel-heading {background-color: #134b61; border-color: #134b61; color: #fff; }
.panel-body .breadcrumb{margin-bottom:0;}
#brand-list.box-title h3 {
    background-image: url("../img/thumb/01.jpg");
    background-position: 0 0;
    background-size: auto 50px;
    background-repeat: no-repeat;
    padding: 10px 0 15px 5px;
}

.row-top-space{margin-top:50px;}
.row-bottom-space{margin-bottom:25px;}
.no-top-margin{margin-top:0;}
.no-bottom-margin{margin-bottom:0;}
.no-top-padding{padding-top:0;}
.no-bottom-padding{padding-bottom:0;}
.border-round-pad {border-radius:4px; padding: 4px;}
.navbar-brand {height:100%; /*padding:10px 0 10px 20px;*/}
.navbar-nav{margin-top:20px;}
.navbar-right{margin-right: 25px;}
.overlay-wrapper{border-radius: 8px; padding:10px 20px 10px 20px; margin-right:15px; margin-left:15px;}
.img-gutter{margin-bottom:20px;}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 8px 15px;
    margin-left:0;
    padding-left:0;
}

section{padding-bottom:50px;}
footer .social-row{padding-bottom:30px;}
footer .address-row{padding-top:30px; padding-bottom:10px;}
footer .brand-row{padding-top:0; padding-bottom:30px;}
footer .nav-row{text-transform: uppercase; padding-top:30px; padding-bottom:15px;}
ul.li-space li{margin-bottom:14px;}
ul.social-buttons {margin-bottom: 0}
ul.social-buttons li a {display: block; height: 40px; width: 40px; border-radius: 100%; font-size: 20px; line-height: 40px; outline: 0;
-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s}

@media only screen and (min-width: 320px) and (max-width: 980px)
 {
  .box{padding:10px;}
  .box-body{margin: 35px 0 0; padding: 0 0 100px 0;}
  .box-footer{bottom: 25px; left: 0; margin:0; padding-top: 25px; padding-bottom:10px; position: absolute; right: 0; text-align: center;}
}

/*@media only screen and (min-width: 320px) and (max-width: 980px)
 {
	h1 {font-size: 40px;}
 	h2 {font-size: 28px;}
 	h3 {font-size: 24px;}
 	h4 {font-size: 18px;}
	.hero-caption h1{font-size: 40px;}
	.hero-caption h3{font-size: 16px;}
	.box{padding:10px; overflow:hidden;}
  .box-body{margin: 35px 0 0; padding: 0;}
  .box-footer{bottom: 0; left: 0; margin: 0; padding-top: 15px; position: absolute; right: 0; text-align: center;}
	.gototop-row {color:#fff;background-color:#8c8c8c; font-size:16px; padding-top:20px; padding-bottom:20px; cursor:pointer;}
	.gototop-row:hover {background-color:#ed7000; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms;}
}*/

@media (max-width: 992px) {
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-right{margin-right: 0;}
    .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;}
}