/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

@font-face {
  font-family: mainFont;
  src: url(../fonts/AvenirLTStd-Book.otf);
}

@font-face {
  font-family: boldFont;
  src: url(../fonts/AvenirLTStd-Black.otf);
}

@font-face {
  font-family: 'phoneFontTop';
  src: url('../fonts/cooprblk-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/cooprblk-webfont?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cooprblk-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cooprblk-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cooprblk-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: desyrel;
  src: url(../fonts/DESYREL_.ttf);
}


/* GENERAL */
body {
	font-family: mainFont;
	font-size: 16px;
}

a.myAnchor { color: rgba(255,255,255, 0.7); }  
a.myAnchor:hover { color: rgb(255,255,255); text-decoration: none; }
a.myAnchor-reverse { color: rgb(255,255,255); }  
a.myAnchor-reverse:hover { color: rgba(255,229,18,1); text-decoration: none; }
a.noStyleAnchor { color: #FFF; }
a.noStyleAnchor:hover { text-decoration: none; }
a.uppercase:hover { color: rgba(50,50,50,0.9); text-decoration: none;}
a.uppercase { text-transform: uppercase; color: rgb(77,77,77); font-size: 13px;}
@media (min-width: 800px) { a.uppercase { font-size: 15px;}}
a.uppercase .bg-gray-56:hover,a.uppercase .bg-gray-62:hover,a.uppercase .bg-gray-72:hover,a.uppercase .bg-gray-66:hover{background-color:#4d4d4d!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}


.center { margin: 0 auto;}
.pad-field { padding: 18px 0px 15px 0px;}
.high-z { z-index: 10000;}

/* BACKGROUND COLORS */
.bg-yellow { background-color: rgb(255,229,18); }
.bg-white { background-color: #FFF; }
.bg-gray-56 { background-color: rgb(56,56,56); }
.bg-gray-62 { background-color: rgb(62,62,62); }
.bg-gray-66 { background-color: rgb(66,66,66); }
.bg-gray-72 { background-color: rgb(72,72,72); }
.bg-gray-131 { background-color: rgb(131,131,131); }
.bg-gray-150 { background-color: rgb(150,150,150); }
.bg-gray-179 { background-color: rgb(179,179,179); }
.bg-gray-204 { background-color: rgb(204,204,204); }
.bg-gray-242 { background-color: rgb(242,242,242); }

/* TEXT COLORS */
.text-yellow { color: rgb(255,229,18); }
.text-white { color: #FFF; }
.text-dark { color: rgba(50,50,50,0.9); }

.text-bold { font-family: boldFont; }

/* BUFFERS */
.buffer-30 { margin-top: 30px; }
.buffer-50 { margin-top: 50px; }
.buffer-70 { margin-top: 70px; }
.buffer-80 { margin-top: 80px; }
.buffer-134 { margin-top: 134px; }
.buffer-182 { margin-top: 182px; }

/* GRID HEIGHT */
.grid-height-5 { height: 5px; }
.grid-height-50 { height: 50px; }
.grid-height-120 { height: 120px; }
.grid-height-220 { height: 220px; }
.grid-height-250 { height: 250px; }
.grid-height-350 { height: 350px; }
.grid-height-400 { height: 400px; }
.grid-height-400 { height: 400px; }

/* IMAGES */
.img-1 { background: url(../images/img-1.png) no-repeat center; background-size: cover; }
.img-2 { background: url(../images/img-2.png) no-repeat center; background-size: cover; }
img.cover { height: 100%; width: 100%; }

/* NAVIGATION */
.navbar-brand {
	padding: 0px;
	height: 80px;
}

.navbar-collapse {
  max-height: none;
  text-align: center;
}

.social-twitter {
  top: 30px;
  right: 15px;
  position: absolute;
}

.social-facebook {
  top: 30px;
  right: 30px;
  position: absolute;
}

.phonetop {
  margin-top: 9px;
  font-family: boldFont;
  font-size: 40px;
  font-weight: bold;
}

button.language {
  margin-right: 15px;
  margin-left: 0px;
}

ul.nav.navbar-nav li {
	margin-top: 15px;
	margin-left:  0px;
  text-align: left;
}

.dropdown:hover .dropdown-menu {
    display: block;
 }

/* FOOTER */
footer {
  background: rgb(77,77,77);
  height: auto;
  padding-bottom:50px;
}

.phone { font-family: phoneFontTop; }
.sitemap { padding-left: 50px; }
.sitemap-wrapper {
  padding: 40px;
  background-color: rgba(80,80,80, 1);
  margin-top: 50px;
}

/* INDEX */
#welcome{background:url(../images/welcome.jpg) no-repeat 50% 0 fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:auto;width:100%;margin:0 auto;}
#home{background:url(../images/img-1.png) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative;height:500px;width:100%;}
.img-adl1{background:url(../images/adl1.jpg) no-repeat center;background-size:cover;}
.img-adl2{background:url(../images/adl2.jpg) no-repeat center;background-size:cover}
.img-adl3{background:url(../images/adl3.jpg) no-repeat center;background-size:cover}
.img-adl4{background:url(../images/adl4.jpg) no-repeat center;background-size:cover}

p.text-about { padding: 40px 10px 15px 10px; }

.mylead {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.4;
}
@media (min-width:992px){.mylead{font-size:20px;}}
@media (min-width:768px){.mylead{font-size:18px;}}

#left{height:100px;overflow:hidden;padding-top:30px;clear:both;}
#left img{height:39px;margin-left:50px;margin-right:50px;display:inline;border:0;}
#right{height:100px;overflow:hidden;padding:30px;clear:both;}
#right img{height:39px;margin-left:50px;margin-right:50px;border:0;display:inline;}

/* ABOUT */
.img-james{background:url(../images/james.jpg) no-repeat center;background-size:cover;}
.img-kenny{background:url(../images/kenny.jpg) no-repeat center;background-size:cover;}
.img-kelly{background:url(../images/kelly.jpg) no-repeat center;background-size:cover;}
.img-andy{background:url(../images/andy.jpg) no-repeat center;background-size:cover;}
.img-isaac{background:url(../images/isaac.jpg) no-repeat center;background-size:cover;}
.img-shirley{background:url(../images/shirley.jpg) no-repeat center;background-size:cover;}
.img-jenny{background:url(../images/jenny.jpg) no-repeat center;background-size:cover;}
.img-curlie{background:url(../images/curlie.jpg) no-repeat center;background-size:cover;}
.img-yoko{background:url(../images/yoko.jpg) no-repeat center;background-size:cover;}
.img-ben{background:url(../images/ben.jpg) no-repeat center;background-size:cover;}
.img-iris{background:url(../images/iris.jpg) no-repeat center;background-size:cover;}
.img-janice{background:url(../images/janice.jpg) no-repeat center;background-size:cover;}
.img-dark { background: url(../images/bedge.png) repeat center; padding-bottom: 50px;}

.overlay {  
  background:rgba(255,255,255,.5);
  text-align:center;
  width: 100%;
  height: 100%;
  padding-top: 125px;
  opacity:0;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.overlay .people-name { margin-top: 10px; color: #000;}
.overlay .people-desc { margin-top: 10px; color: #000; }

.grid-height-250:hover .overlay, .publication-frame:hover .overlay{
  opacity:1;
   -webkit-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
}

small2 { font-size: 65%; }

/* SERVICE */
.img-grass{background:url(../images/grass-banner.jpg) no-repeat center;background-size:cover;}
.fixed{position:fixed;right:0;left:0;z-index:9999;}
.white-bg-service{background:rgba(255,255,255,.4);padding:50px 0;margin-bottom:60px}
.page-title{padding:30px;background-color:rgba(255,229,18,.8);}
@media (max-width:420px){.page-title{font-size:30px;}}
.pad-service { padding: 0px 50px; }
.gray-131-panel{background-color:#838586;border:3px solid rgba(204,204,204,.5);}
.gray-131-panel:hover{background-color:#4d4d4d;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.scroll-padding7steps:before{display:block;content:" ";margin-top:-140px;height:140px;visibility:hidden}
.img-wood{background:url(../images/wooda.jpg) no-repeat center;background-size:cover}

#tabs {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 500;
  top: 20px;
}

@media (max-width:991px){#tabs {top: 0px;}}

.active-tab {
  color: rgb(255,229,18);
  border-bottom: 8px solid rgba(255,229,18,0.4);
}

/* SIDEBAR */
.affix-top,.affix{
  position: static;
}

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: relative;
    margin-top:50px;
  }

  #sidebar.affix-bottom {
    position: relative;
    margin-bottom:200px;
  }
  
  #sidebar.affix {
    position: fixed;
    top: 300px;
  }
}

#sidebar li.active {
    border:0 #3366FF solid;
    border-left-width:4px;
    background-color: rgb(255,229,18);
    font-weight: bold;
} 


.rightbar {
  padding-left: 50px;
}

.leftbar {
  padding-right: 50px;
  padding-bottom: 100px;
}

.vertical-divider {
  border:0 #eee solid;
  border-right-width:1px;
}

.speak {
  background-color: #3366FF;
  border-radius: 5px;
  padding: 10px;
  width: 250px;
}

.scroll-padding:before { 
  display: block; 
  content: " "; 
  margin-top: -200px; 
  height: 200px; 
  visibility: hidden; 
}

/* PUBLICATION */
.publication-frame {
  border: 20px solid rgba(77,77,77,1);
  box-shadow: 0px 10px 20px #000;
  background: #FFF;
}

.view-haven {
  background-color: #3366FF;
  margin-top: 350px;
}

/* CONTACT */
.contact {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 20px;
  margin-left: 70px;
  padding-bottom: 40px;
  width: 600px;
  height: auto;
  background: rgba(255,255,255,0.8);
}

.relative {
    position:relative;
}

.pad-contact {
  padding: 5px 10px 5px 5px;
}

.pad-form {
  padding: 15px 10px 5px 10px;
}

@media (max-width: 1080px) {
    .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;
  }
}