/* ==========================================================================
   CLM Marketing & Advertising 
   http://www.clmnorthwest.com

   Author: Nicolet Laursen
   ========================================================================== */


body{
    background:#003f77 url('/_resources/img/background.jpg') no-repeat top;
    padding:0;
    background-size: 100%;
    //background-size: cover;
    font-family: 'PT Sans','futura-pt',sans-serif;
    font-style: normal;
    font-weight:lighter;
}

.container-fluid{
    max-width:1240px;
}

.jumbotron{
     background:transparent!important;
}


.mobile-buttons{
        display: none;
    }

/* ==========================================================================
   Navbar
   ========================================================================== */


.navbar-default{
    background:transparent;
    border:none;
    box-shadow:none;
}

.dropdown-menu-right{
    background:transparent url('/_resources/img/positivelychanginglives.png') no-repeat left center!important;
    list-style: none;
    font-size: 17px;
    padding:0 0 0 220px;
    margin:10px 0 0 0;
    display:block;
    width: 520px;
}

.dropdown-menu-right li{
    border-left:2px solid #ad5c0f;
    padding:5px 10px 5px 20px;
}

.dropdown-menu-right li a{
    color: #000;
}

.navbar-brand{
    padding:10px 0;
}

.dropdown-menu{
    background: #fff;
    left:100px;
    top:-5px;
    width:250px;
    color:#231f20;
    border: 0!important;
    padding:0;
    border-radius:0!important;
}


li.dropdown.open a{
   color:#231f20;
}
.dropdown-menu > li{
    padding:0;
    border-left:none;
}

li.dropdown.open{
    background:#ac5c0f;
}
li.dropdown.open .dropdown-toggle{
    color:#fff;
}
li.dropdown.open a{
    text-decoration: none;
}
.dropdown-menu > li:hover{
    background:#ac5c0f;
}

.dropdown-menu > li:hover a{
    color:#fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background:none!important;
}


/* ==========================================================================
   h1-h5
   ========================================================================== */
h2,h3,h4,h5,h6{
    color:#ad5c0f;
    font-weight: bold;
}
h2{
    color:#ad5c0f;
    font-size: 20px;
    font-weight: bold;
}
h3{
    font-size: 18px;
}

.white{
    color:#fff;
}

/* ==========================================================================
   Galleria
   ========================================================================== */

.callout{
    width:100%;
    height:auto;
    margin:10px 0 40px 0;
    font-size:26px;
    padding:20px;
    color:#fff;
    display:none;
   // background:url('/_resources/img/callout.png') repeat;
}
.callout .btn {
    float:right;
    margin-top:20px;
}

.galleria{
    background:url('/_resources/img/stripe.png') repeat-x center center;
    margin-top: 100px;
    height:272px;
}
.galleria-thumbnails-container{
    top:0;
    margin:0 auto 0;
    padding-bottom: 26px;
    height:272px;
    width:100%;
    max-width:1240px;
}
.galleria-container{
    height:272px;
    padding-bottom: 26px;
    width: 100%;
    background:transparent;
}
.galleria-stage{
    height:272px;
    padding-bottom: 26px;
    width: 100%;
    left:0;
    visibility: hidden;
}
.galleria-thumbnails, .galleria-thumbnails-list{
    width:100%;
    margin:0;
}
.galleria-carousel .galleria-thumbnails-list{
    margin:0!important;
}
.galleria-thumbnails .galleria-image{
    height:272px;
    padding-bottom: 26px;
    width: 302px;
    background:transparent;
    border:none;
    opacity: 1;
    margin:0;
}
.galleria-thumbnails .galleria-image img{
    margin-bottom:26px;
    opacity:1!important;
    width:302px;
}

.galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(/_resources/img/classic-loader.gif) no-repeat 2px 2px;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right{
   display: none!important;
}

.galleria-thumbnails-container{
    left:0;
}

.galleria-thumbnails .galleria-image.active,
.galleria-thumbnails .galleria-image:hover{
    background:url('/_resources/img/activethumb.png') no-repeat  bottom;
    background-size:contain;
    opacity: 1!important;
}

.galleria-thumbnails .galleria-image.active img,
.galleria-thumbnails .galleria-image:hover img{
    opacity: 1!important;
}

.galleria-thumb-nav-left,
.galleria-thumb-nav-right{
    height:20;
    top:50%;
    width:20px;
    opacity: 0;
    display:block;
    background-color:#ad5c0f;
    background-position: -495px center;
    z-index: 9999999!important;
}

.galleria-thumb-nav-right {
    background-position: -578px center;
    border-right: none;
    right: 10px;
    left: auto;
}

.galleria-thumb-nav-left{
   
}


/* ==========================================================================
   highlight
   ========================================================================== */

.hp-highlight{
    background: url('/_resources/img/highlight.png') repeat-y center;
}

.hp-highlight-brown{
   
    color:#fff;
}




/* ==========================================================================
   buttons
   ========================================================================== */

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-default {
  text-shadow: none;
  background:#ad5c0f;
  filter: none;
  border:none;
  color:#fff;
}

.btn-default.white{
    background: #fff;
    color:#ad5c0f;
}

.btn-default:hover,
.btn-default:focus {
  background-color: #99510c;
  color:#fff;
}

/* ==========================================================================
   Subpage
   ========================================================================== */


.service-menu{
    margin:20px 0 0 0;
}
.service-menu img{
    margin: 0 auto 5px auto;
    width:100%;
    max-width: 269px;
}
.service-menu a{
    display:block;
    width:100%;
    margin: 0 0 5px 0;
    text-align: left;
    opacity: .7;
    color:#fff;
    font-size:18px;
    padding:10px;
}
.service-menu a:hover,
.service-menu a.current{
    opacity: 1;
    text-decoration: none;

}

.B-blue{
     background:#6c89b5;
}
.B-drkgreen{
     background:#5a7e42;
}
.B-green{
     background:#93c578;
}
.B-yellow{
     background:#d7b737;
}

.B-brown{
    background:#ad5c0f;
}


.content{
    background:#fff;
    color:#000;
    padding:0!important;
    line-height: 1.4;
    margin:20px 0 0 0;
}
.content-padding{
    background:#fff;
    color:#000;
    padding:20px;
    line-height: 1.4;
    margin:20px 0 0 0;
}
.xtpadding{
    padding:20px 40px 20px 0px!important;
}
.spacer{
    height:20px;
    width:100%;
    clear:both;
    display:block;
}

.intro{
    font-size: 17px;
}

.intro strong{
    font-size:22px;
}

/* ==========================================================================
   Services submenu
   ========================================================================== */

ul.left-tabs{
    list-style: none;
    margin:20px 0 0 -15px;
    padding: 0;
    display: block;
    width:100%;
    font-size:25px;
}
ul.left-tabs li{
    margin:0;
    padding:10px;
}

ul.left-tabs li a{
    text-decoration: none;
    display:block;
    width: 100%;
    height: 100%;
}


ul.left-tabs li:hover a
ul.left-tabs li.current a{
    color:#fff!important;
}

ul.left-tabs li:hover a{
    color:#fff;
    text-decoration: none;
}


.left-tabs.blue a{
    color:#6c89b5;
}
.left-tabs.blue .current a{
    color:#fff;
}

.left-tabs.blue li:hover,
.left-tabs.blue li.current{
    background:#6c89b5;
    color:#fff;

}



.left-tabs.drkgreen a{
    color:#5a7e42;
}
.left-tabs.drkgreen .current a{
    color:#fff;
}

.left-tabs.drkgreen li:hover,
.left-tabs.drkgreen li.current{
    background:#5a7e42;
    color:#fff;

}


.left-tabs.green a{
    color:#93c578;
}
.left-tabs.green .current a{
    color:#fff;
}

.left-tabs.green li:hover,
.left-tabs.green li.current{
    background:#93c578;
    color:#fff;

}


.left-tabs.yellow a{
    color:#d7b737;
}
.left-tabs.yellow .current a{
    color:#fff;
}

.left-tabs.yellow li:hover,
.left-tabs.yellow li.current{
    background:#d7b737;
    color:#fff;

}





/* ==========================================================================
   Lightbox
   ========================================================================== */



#lightbox{
	background-color:#fff;
	padding: 20px;
        z-index: 999999999;
	
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/core/fileparse.php/98917/urlt/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/core/fileparse.php/98917/urlt/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	

/* ==========================================================================
   footer
   ========================================================================== */

footer{
    text-align: center;
    color:#fff;
    font-size: 11px;
    padding:20px 0 0 0;
}


/* ==========================================================================
   responsive
   ========================================================================== */

@media (max-width: 1220px) {
    .galleria{
        background:transparent;
    }



    .galleria-thumbnails .galleria-image.active{
        background:url('/_resources/img/activethumb.png') no-repeat center  bottom;
        background-size:contain;
        opacity: 1!important;
    }

    
    
    
    
    
    
    .hp-highlight{
        background: url('/_resources/img/white-trans.png') repeat;
    }

    .hp-highlight-brown{
        color:#333;
    }
    
    .hp-highlight-brown h2.white{
        color:	#ad5c0f;
    }
    .hp-highlight-brown .btn-default.white{
    background: #ad5c0f;
    color:#fff;
    }
    .galleria-thumbnails{}
      ul.left-tabs{
        margin:20px 0 0 0px;
      }
     .xtpadding{padding:20px 20px 20px 20px!important;}
      .content-padding,
    .content{
        margin-top:100px;
    }
    body{
    background-size:auto;
    }

}

@media (max-width: 991px) {
    .contact-info{
         position: absolute;
         right:20px;
         top:0;
     }
     ul.left-tabs{
         width:50%;
     }
  .galleria-thumb-nav-left,
.galleria-thumb-nav-right{
    display: block!important;
    opacity:1;
}
    
     
}


@media (max-width: 768px) {
    .galleria{
        display:none;
    }    
    .callout{
        display:none;
    }
    .mobile-buttons{
        display: block;
        text-align: center;
        width:100%;
        margin-top:100px;
    }

    
     .navbar-default{
            background:transparent;
            border:none;
            box-shadow:none;
        }
        .navbar-collapse{
            border:0!important;
        }

        .dropdown-menu-right{
            background:transparent url('/_resources/img/positivelychanginglives.png') no-repeat top center!important;
            list-style: none;
            font-size: 17px;
            padding:100px 0 0 0px;
            margin:100px 0 0 0;
            width: 100%;
        }
        .dropdown-menu{
            position:relative;
            top:0!important;
        }

        .dropdown-menu-right li{
            border:0;
            margin:0;
            padding:10px 0px 10px 0px;
            text-align: center;
             background: url('/_resources/img/white-trans.png') repeat;
        }

        .dropdown-menu-right li a{
            color: #000;
        }

        .navbar-brand{
            padding:0px 0;
            margin:0 0 0 -10px;
            width: 100%;
            display:block;
        }
        .navbar-brand img{
           margin:0 auto 0 auto;
        }

        .dropdown-menu{
            background: #fff;
            left:0px;
            top:30px;
            width:100%;
            color:#231f20;
            border: 0!important;
            padding:0;
            border-radius:0!important;
        }


        li.dropdown.open a{
           color:#231f20;
        }
        .dropdown-menu > li{
            padding:0;
            border-left:none;
        }

        li.dropdown.open{
            background:#ac5c0f;
        }
        li.dropdown.open .dropdown-toggle{
            color:#fff;
        }
        li.dropdown.open a{
            text-decoration: none;
        }
        .dropdown-menu > li:hover{
            background:#ac5c0f;
        }

        .dropdown-menu > li:hover a{
            color:#fff;
        }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
          background:none!important;
        }

        
        .galleria-thumbnails .galleria-image img{
                margin-bottom:26px;
                opacity:1!important;
                width:100%;
            }
    
}

@media (max-width: 400px) {
    
  
   

    
    .callout{
        display:none;
    }
    
    
    ul.left-tabs{
        list-style: none;
        margin:20px 0 0 0px;
        padding: 0;
        display: block;
        width:100%;
        font-size:25px;
        
    }
    
    .contact-info{
         display:none;
         
     }
    
    
    ul.left-tabs li{
        float:left;
        width: auto;
        font-size:14px;
        height:30px;
        padding:5px;
        margin: 0 2px 0 0;
    }
    ul.left-tabs li a{
       
    }

  

       
    
}