/* (begin) More-Less - 22nov2016 astrauss */
.more { text-align:left; }	/* wanted left alignment, instead of centered with bootstrap delivered. */
.morecontent span { display: none;}
.morelink {	display: inline-block; }
/* (end) More-Less ; see footer.html for function astrauss */

/* (begin-dec2016) needed margin-top & bottom for vert div stack - astrauss */
.divintweaks {
	margin-bottom: 10px;
}

.infotweaks {
	border:	2px solid #eaeaea; 
	border-radius:	6px; 
	background: #eaeaea; 
	padding:10px;
}

.social-icons {
    margin-top: 25px;
    margin-bottom: 25px;
}
/* (end-dec2016) astrauss */

.centered {
    text-align: center
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #1abc9c;
    border-color: #16a085
}
.panel-heading a:selected {
    color: #ffffff;		/* astrauss 9Jan2017 added */
}
.panel-heading a:focus {
    color: #bdc3c7;	/* grey */
}
.panel-heading a:hover {
    color: #FFC425;
}

.panel-title>a {
    font-weight: 300;
    font-size: 20px
}
#slideshow-container {
    width: 100%!important;
    max-height: 463px;
    background: #e4e6e6;
    position: relative;
    overflow: hidden;
    padding: 0
}
.banner {
    width: 100%;
    max-height: 463px!important;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}
section.mainheader {
    background: url(../img/header.jpg);
    background-size: cover;
    width: 100%!important;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;	/* reducing padding on bottom from 40px - astrauss */
}
section.mainheader .row>div {
    position: relative
}
section.mainheader h4 {
    color: #fff;
    font-size: 20px;
    padding-top: 30px;		/* too much padding, dropping it from 60px; - astrauss*/
    font-weight: 200;
}
section.mainheader h2 {
    font-family: 'Poiret One', cursive;
    color: #fff;
    font-size: 40px;
    font-weight: 100;
}
section.mainheader p {
    color: #fff;
    font-size: 19px;
    padding-bottom: 5px;
    font-weight: 100
}
section.mainheader .video-container {
    position: relative;
    padding-top: 25px;		/* too much padding, dropping it from 50px; - astrauss*/
}
section.subheader {
    background: url(../img/test2.jpg);
    background-size: cover;
    width: 100%!important;
    position: relative;
    height: 175px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 20px rgba(0, 0, 0, .3)
}
section.subheader .row>div {
    position: relative
}
section.subheader h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 200;
    margin-top: 87px
}
section.subheader h2 {
    color: #eee;
    font-size: 40px;
    font-weight: 500!important; /* bolding page font at top - astrauss 8Jan2017 */ 
    text-shadow: 3px 3px 2px rgba(100, 100, 100, 1); /* adding dropshadow, hard to read when light color behind - astrauss 8Jan2017 */
    margin-top: 88px
}
section.subheader p {
    color: #fff;
    font-size: 15px
}
section.subheader .video-container {
    position: relative;
    padding-top: 110px
}
section.subheader2 {
    background: url(../img/banner2.jpg);
    background-size: cover;
    width: 100%!important;
    height: 200px;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 20px rgba(0, 0, 0, .3)
}
section.subheader2 .row>div {
    position: relative
}
section.subheader2 h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 200;
    margin-top: 100px
}
section.subheader2 h2 {
    color: #eee;
    font-size: 40px;
    font-weight: 500!important; /* bolding page font at top - astrauss 8Jan2017 */ 
    text-shadow: 3px 3px 2px rgba(100, 100, 100, 1); /* adding dropshadow, hard to read when light color behind - astrauss 8Jan2017 */
    margin-top: 100px;
}
section.subheader2 p {
    color: #fff;
    font-size: 15px
}
section.subheader2 .video-container {
    position: relative;
    padding-top: 110px
}
.co-logo {
    margin: .5em .25em .25em .25em; /* reducing bottom margins "margin: .75em .75em .25em;" astrauss 11-2016  */
    opacity: .7; /* Not a button, should not change, bumping up "opacity: .4;" to .8 astrauss 11-2016 */
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-mask-image: -webkit-linear-gradient(#000, rgba(0, 0, 0, .6))
}
/* Not a button, should not change it's look unless it is actually pressable. Hover does not work on mobile either. astrauss 11/2016 */
/*
.co-logo:hover {
    opacity: 1
}
*/
.cbp-qtrotator {
    position: relative;
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
    min-height: 100px
}
.cbp-qtrotator .cbp-qtcontent {
    position: absolute;
    min-height: 200px;
    top: 0;
    z-index: 0;
    opacity: 0;
    width: 100%
}
.no-js .cbp-qtrotator .cbp-qtcontent {
    border-bottom: 0
}
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
    position: relative;
    z-index: 100;
    pointer-events: auto;
    opacity: 1
}
.cbp-qtrotator .cbp-qtcontent:after,
.cbp-qtrotator .cbp-qtcontent:before {
    content: " ";
    display: table
}
.cbp-qtrotator .cbp-qtcontent:after {
    clear: both
}
@media screen and (max-width: 30.6em) {
    .cbp-qtrotator {
        font-size: 70%
    }
    .cbp-qtrotator img {
        width: 80px
    }
}
#headerwrap {
    background: url(../images/header-bg.jpg) no-repeat center top;
    margin-top: 0;
    padding-top: 160px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 600px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#headerwrap h1 {
    color: #fff
}
#headerwrap-2 {
    background: url(../img/header.jpg) no-repeat center top;
    margin-top: 0;
    padding-top: 160px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 200px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#headerwrap-2 h1 {
    color: #fff
}
#aboutwrap {
    background: url(../images/about-bg.jpg) no-repeat center top;
    margin-top: 0;
    padding-top: 80px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 400px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#aboutwrap h1 {
    color: #fff
}
#servicewrap {
    background: url(../images/service-bg.jpg) no-repeat center top;
    margin-top: 0;
    padding-top: 120px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 400px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#servicewrap h1 {
    color: #fff
}
#testwrap {
    background: url(../images/test-bg.jpg) no-repeat center top;
    margin-top: 0;
    padding-top: 120px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 400px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#testwrap h4 {
    color: #fff
}
#testwrap h6 {
    color: #fff;
    font-size: 16px
}
#teamwrap {
    background: url(../images/team-bg.jpg) no-repeat center top;
    margin-top: 0;
    padding-top: 100px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 400px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#teamwrap h1 {
    color: #fff
}
#faqwrap {
    background: url(../img/header.jpg) no-repeat center top;
    margin-top: 0;
    padding-top: 100px;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 400px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#faqwrap h1 {
    color: #fff
}
#bioimage {
    padding-top: 55px
}
#sp1 {
    background: url(../img/sp1-bg.jpg) no-repeat center top;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 0;
    text-align: center;
    background-attachment: relative;
    background-position: center center;
    min-height: 240px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
#sp1 h3 {
    color: #fff;
    font-weight: 100
}
#cta {
    background-color: #34495e;
    padding-top: 10px;	/* dropping the padding from 35px, making more like a strip - astrauss */
    padding-bottom: 10px; /* dropping the padding from 35px, making more like a strip. - astrauss */
}
#cta h3 {
    color: #fff;
    font-weight: 100
}
#cta h4 {
    color: #dcdcdc;
    font-weight: 100
}
#cta p {
    font-weight: 300;
    color: #c5c5c5
}
#g {
    background: #eaeaea;
    padding-top: 20px;		/* astrauss reducing padding-top: 35px;, setting to 20 */
    padding-bottom: 10px;	
}
#g h4 {
    color: #34495e;
    padding-bottom: 10px;	/* astrauss reducing padding-bottom: 40px;, setting to 10 */
    font-weight: 200;
}
#g h5 {
    color: #34495e;
    font-weight: 200;
}
#g p {
    color: #34495e;
}
#g span {
    display: inline-block;
    width: 32px;
    color: #c5c5c5;
    font-size: 20px
}
#g .bc p {
    color: #34495e
}
#g .tc p {
    color: #2f2f2f;
    font-weight: 200
}
#g .tc img {
    margin-bottom: 25px
}
#g .tc name {
    color: #1abc9c;
    font-size: 16px
}
#f {
    background: #34495e;
    padding-top: 25px;
    padding-bottom: 5px
}
#f p {
    font-weight: 200;
    color: #e6e6e6
}
#f h5 {
    color: #e6e6e6;
    font-weight: 200
}
#f h6 {
    color: #e6e6e6;
    font-size: 30px;
    font-weight: 200
}
.instafeed {
    float: left;
    margin: 0 7px 7px 0;
    padding-bottom: 0
}
.instafeed:hover {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .5;
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}
.footer i {
    color: #fff;
    font-size: 26px
}
.footer {
    background: #34495e url(../img/bgfooter.jpg);
    color: #fff;
    text-align: left;
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 13px;
    line-height: 8px;
    -webkit-background-size: cover!Important;
    -moz-background-size: cover!Important;
    -o-background-size: cover!Important;
    background-size: cover!Important
}
.footerbrand {
    font-family: Pacifico;
    font-size: 30px!Important;
    font-weight: 300!Important;
    text-transform: none!Important;
    margin-bottom: 20px!important;
    border-bottom: 0!Important;
    letter-spacing: 1px;
    display: block!Important;
    color: #fff!important
}
.footermap {
    background: url(../img/map.png) no-repeat
}
.footerbrand i {
    color: #555;
    font-size: 15px
}
.footer h1 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0
}
.footer hr {
    border-top: 1px solid #494949;
    margin-bottom: 25px
}
.footer p {
    font-size: 15px;
    color: #f2f2f2
}
.footer ul.social-icons {
    list-style: none;
    margin-left: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}
.copyright {
    color: #fff;
    font-size: 12px;
    background: #2d3e50 url(../img/foot.png) repeat-x left 1px
}
.copyright ul.footermenu li a {
    color: #fff;
    height: 50px
}
.copyright p {
    font-size: 12px;
    line-height: 50px;
    margin: 0
}
.footer input,
.footer input[type=text],
.footer textarea {
    background-color: #333;
    border: 1px solid #3c3c3c;
    font-size: 12px;
    margin-bottom: 10px;
    color: #aaa;
    padding: 10px
}
.footer .btn {
    background: #333;
    text-shadow: none;
    padding: 6px 12px;
    font-size: 13px;
    color: #888
}
ul.footermenu {
    list-style: none;
    margin-top: 10px
}
ul.footermenu li {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: uppercase;
    line-height: 33px
}
ul.footermenu li a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    color: #999;
    font-size: 11px
}
ul.footermenu li a:hover {
    color: #fff
}
.footermenu li:before {
    content: '|';
    color: #fff;
    display: inline-block;
    margin-right: 7px
}
.footermenu li:nth-child(1):before {
    display: none
}
.footer .titlearrow {
    font-size: 30px;
    color: #444;
    background: #373737
}
.footer .wraptitle {
    margin-bottom: 10px;
    text-align: left
}
.done {
    display: none
}
.error input,
.error textarea,
input.error,
textarea.error {
    background-color: #fff;
    border: 1px solid red!Important;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

ul.social-icons li {
    display: inline-block;
    float: none;
    color: #fff;
    padding: 17px;
    width: 10px;
    height: 10px;
    position: relative;
    margin-right: 5px;
    border-radius: 3px
}
ul.social-icons li i {
    position: absolute;
    color: #fff;
    font-size: 15px;
    width: 40px;
    height: 40px;
    text-align: left;
    line-height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px
}
ul.social-icons li a {
    color: #fff
}
ul.social-icons li a i {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
    color: #fff
}
ul.social-icons li a i:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg)
}
ul.social-icons li a:hover {
    text-decoration: none;
    color: #fff
}
.statusMessage,
input[type=button],
input[type=submit] {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}
.statusMessage {
    color: #f2f2f2;
    background-color: #34495e;
    border: 1px solid #34495e;
    -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
    box-shadow: 0 0 1em rgba(0, 0, 0, .5);
    opacity: .95;
    display: none;
    margin: auto;
    text-align: center;
    vertical-align: center;
    font-size: 14px;
    width: 275px;
    height: 40px;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.statusMessage p {
    text-align: center;
    font-size: 14px
}
@keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-moz-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-o-keyframes fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
​.quote_wrap {
    height: 100%!Important
}
.textItem {
    position: absolute;
    display: none;
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s
}
.avatar {
    float: left;
    background: #fff;
    width: 54px;
    height: 54px;
    padding: 10px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    box-shadow: 0 1px 1px 1px #fff;
    margin-right: 10px
}
.avatar img {
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    border-radius: 50%
}
.sinfo {
    margin-top: 20px;
    margin-bottom: 20px; 
    
/*        padding-top: 20px;
    padding-bottom: 20px; */ /* astrauss -- using padding 20px instead of 60px for top & bottom */
}
.sinfo h4 {
    font-weight: 500!important;	/* astrauss using 500 instead of 300 - makes lines thinner, 400 is normal */
}
.sinfo p {
    font-weight: 400!important; /* making font weight bolder - 8Jan2017 astrauss */
    color: #34495e
}
.sinfo span {	/* astrauss - removing padding padding-left: 5px; + padding-right: 5pxfrom span tag. Make more/less code look like there is an extra space. No sure why anyone would pad a span tag? */
/*    padding-left: 5px;	
    padding-right: 5px
*/
}
.tabmod {
    padding-top: 15px
}
.tabmod h4 {
    font-weight: 300
}
.tabmod p {
    font-weight: 200
}
.testi-container {
    width: 100%;
    margin-bottom: 14px;
    padding: 5px 6px 3px 0;
    background-color: #fafafa;
    border: solid 1px #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    float: left;
    z-index: 998
}
.testi-container:before {
    width: 25px;
    height: 17px;
    background: #fafafa;
    content: '';
    position: absolute;
    z-index: 999;
    left: 42px;
    bottom: 0;
    margin-left: -7px
}
@media \0screen {
    .testi-container:before {
        background: 0 0
    }
}
.testi-container:after {
    width: 17px;
    height: 17px;
    background: #fafafa;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    content: '';
    position: absolute;
    z-index: 888;
    left: 45px;
    bottom: -5px;
    margin-left: -7px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}
@media \0screen {
    .testi-container:after {
        background: 0 0;
        border: 0
    }
}
.testi-text {
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px 14px 0;
    font-weight: 200
}
.wb {
    padding-bottom: 0
}
.wb p {
    font-weight: 200
}
.ab .tab-content {
    border: transparent;
    border-radius: 6px;
    margin-bottom: 0;
    padding: 20px 20px 0;
    position: relative;
    z-index: 1
}
.tabmod-a h4 {
    font-weight: 300
}
.tabmod-a p {
    font-weight: 200
}
.cinfo i {
    font-size: 30px;		/* astrauss - font-size: 50px;, reduced to 30px; used for images on contact page */
    width: 55px;
    height: 30px;			/* astrauss - reduced line height with different layout 55px */
    /* float: left; */		
}