/***** ===========  MAIN CSS =========== *****/
/***** ================================= *****/

body .footer-tagline{ width: 50%; font-size: 0.7em;  display: inline-block; }

body.front  #main .button1{ width: 100%; display: block; box-sizing: border-box; border-radius: 8px; box-shadow: 5px solid rgba(0,0,0,0.7);}

.header-info-block{ padding:1em 0; }

/*** Embedded Nodes ***/
article br,
h2.title{ display: none; }

/*** Home Buttons ***/
.sp {
    background: url(../home-icons.jpg) right 5px no-repeat;
}

.wo {
    background: url(../home-icons.jpg) right -65px no-repeat;
}

.co {
    background: url(../home-icons.jpg) right -150px no-repeat;
}

.ho {
    background: url(../home-icons.jpg) right -244px no-repeat;
}

body { font-family: georgia, arial, garogier; font-size: 16px; color: #333; }
body a{ color: #09f;  }
body a:hover{ color: #0cf;}

#wrap{ background: #000f17; }
#header-top-2-wrap{ background: url(../header-blue.jpg) bottom center repeat-x #fff; }



/*** Header 
=======================================***/

body #site-navigation-wrap {
    position: absolute;
    right: 0;
    top: 50%;
    height: 40px;
    margin-top: -44px;
    width: 100%;
    text-align: center;
    background: #0c172d;
}

body #site-navigation{
    display: inline-block;
}


body.logged-in #header-wrap{ }
body #header-wrap { background: url(../blue-square2.jpg) bottom left repeat-x #fff;     width: 100%;    top: 0px;   border-bottom: 0;
    box-shadow: none; z-index: 1000; }

body #header {  padding: 22px 0px; background: #0c172d;  }

body #logo h2{ font-size: 28px;  color: #fff !important; font-family: georgia, arial;  }
body #logo a{ color: #fff; font-family: georgia, arial;  }

body #header-wrap #site-navigation #main-menu > ul li{ margin-left: 0px; }

body #header-wrap #site-navigation #main-menu > ul a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
     font-family: georgia, arial; 
     transition: all 0.25s ease 0s;
     padding: 13px 39px;
     font-size: 19px;
 }

body #header-wrap #site-navigation #main-menu > ul a:hover,
body #header-wrap #site-navigation #main-menu > ul ul a:hover,
body #header-wrap #site-navigation #main-menu > ul > li > a.active:hover { background: #447fb9; color: #fff !important;  }

body #header-wrap #site-navigation #main-menu > ul > li > a.active{ color: #ccc; font-weight: bold; }

body #header-wrap #site-navigation #main-menu > ul ul { top: 65px; background: #0c172d; }



/*** Main Content 
===============================================***/

body #main-wrap{ background: none;  }
#main {
    padding: 1em;
    background: #fff;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.25);
}

body #main h1,
body #main h2,
body #main h3,
body #main h4,
body #main h5,
body #main h6{ font-family: georgia, arial;  }

/* Page title */ 
h1.page-title{  border-bottom: none; background: #0c172d; color: #fff; padding: 0 8px; }

/*** Footer
================================================ ***/
#footer-wrap{ background: none; padding: 0;   }
#footer{ background: #222; padding: 50px 0 0; color: #fff;  }
#footer-wrap a{ color: #c8d7ff;  }
#footer-wrap a:hover{ color: #09f;  }

#copyright-wrap {
    background: none;
    color: $777;
    font-size: 9px;
    padding: 0;
    display: block;
    line-height: 3em;
}
#copyright{ background: #111; }
#copyright-wrap a{ color: #555 ; }

/*** Footer
================================================ ***/
#footer-2-wrap{  padding: 0.5em 0 1em;  }


/*** Views
===================================== ***/
.views-field-edit-node a{ background: #09f; font-size: 1.25em; color: #fff !important; padding: 4px; line-height: 2em;}
.views-field-edit-node a:hover{ background: #0cf;  color: #fff !important; }


/*** CUSTOM Image styles
================================ ***/
.img-left{ float: left; margin: 0 1em 0.5em 0; }
.img-right{ float: right; margin: 0 0 0.5em 1em; }


/*** CUSTOM columns
================================ ***/
.col2{ display: inline-block; width: 48%; margin: 0 0.75%; }
.col3{ display: inline-block; width: 30%; margin: 0 1%; }

/*** CUSTOM buttons
================================ ***/
a.button1 {
    background: #101a24 none repeat scroll 0% 0%;    color: #FFF !important;
    font-size: 1.5em;    font-family: georgia, arial;
    line-height: 2em;    padding: 10px 15px;
	transition: all 0.25s ease 0s;
}

a.button1:hover { background:  #314f69  none repeat scroll 0% 0%;    color: #FFF !important;  }


.button3{     border: 1px solid #CCCCCC;
    color: #888888;
    font-size: 21px;
    margin: 3px;
    padding: 12px;
    line-height:2em;
    transition: all 0.25s ease 0s; display: inline-block;  width: 45%;}
    
.button3:hover{ background: #e14687 ; color: #fff !important; }

/*** Webforms
================================ ***/
.webform-client-form label{ }
.webform-client-form input.form-text,
.webform-client-form textarea,
.webform-client-form select{ width: 100%; box-sizing: border-box;  background: #f1f1f1;}

.webform-client-form #edit-actions{ text-align: center; }

.webform-client-form #edit-submit{  background: #314f69; color: #fff;  font-family: georgia, arial; font-size: 2em; 
text-shadow: none; border: none; box-shadow: none;  transition: background 0.25s ease 0s;}

.webform-client-form #edit-submit:hover{ background: #447fb9; }

/**** Mobile Navigation 
================================ ***/

/* mobile nav button */
body a#navigation-toggle{ color: #fff; float: none;     height: 55px;
    line-height: 55px; }
body a#navigation-toggle:hover { color: #fff; background: #447fb9; }


/* slide out menu */
#sidr-main{ background: #0c172d; }
#sidr-main a{ color: #fff; font-size: 24px; font-family: georgia, arial;  line-height: 1em; text-transform: none !important;  }
#sidr-main a:hover{ color: #447fb9; background: none; border-radius: 3px; }
#sidr-main ul li ul li { list-style: none; }
#sidr-main ul li ul li a{ list-style: none;  font-size: 20px; padding-left: 25px; }
#sidr-main ul li ul li a:before{ display: none;}

/*** Back to Top
================================== ***/

/*
body #backtotop{ background: url(../back-to-top-arrow-light-blue.png) no-repeat center center; }*/


/*** Flexslider
================================== ***/
body .flexslider{ box-shadow: none; background: none;  border: none; }


/***** ===========  !!! END MAIN CSS =========== *****/
/***** ========================================= *****/

/***** ===========  PAGES  =========== *****/
/***** ========================================= *****/

/*** Home Page 
======================================== ***/
.front h1.page-title{  }

.home-img{ margin: 0 0 0 0.5em; }

.view-slideshow-home .flexslider{ width: 31%; float: right; margin: 0 0 0.25em 1em; }

/*** Services and Products Page 
======================================== ***/

body.page-node-5 table{
    background: #ececec;
    border: 1px solid #bbbbbb;
}

body.page-node-5 table td {
    background: none;
    color: #222;
    border: none;
    padding: 4px;
    font-size: 1em;
}

body.page-node-5 table td:nth-child(2) {
    width: 20%;
}

body.page-node-5 table tr:nth-child(even) td {
    background: #fff;
}

/*** Photo Gallery Pages
======================================== ***/
.field-name-field-gallery-photos {text-align: center; }
.field-name-field-gallery-photos .field-item{ display: inline-block; width: 31%; margin: 0 0.75% 0.75%; vertical-align: top; box-sizing: border-box; } 

/***** ===========  !!! END PAGES CSS =========== *****/
/***** ========================================= *****/

/***** ===========  FONTS =========== *****/

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

}


@font-face {
    font-family: 'tiennebold';
    src: url('tienne-bold-webfont.eot');
    src: url('tienne-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('tienne-bold-webfont.woff2') format('woff2'),
         url('tienne-bold-webfont.woff') format('woff'),
         url('tienne-bold-webfont.ttf') format('truetype'),
         url('tienne-bold-webfont.svg#quicksand, arial') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'garogier';
    src: url('Garogier-webfont.eot');
    src: url('Garogier-webfont.eot?#iefix') format('embedded-opentype'),
         url('Garogier-webfont.woff') format('woff'),
         url('Garogier-webfont.ttf') format('truetype'),
         url('Garogier-webfont.svg#garogierregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/***** ========  !!! END FONTS ======== *****/

/***** ======= Other stuff ===========  *****/
/***** =============================== *****/
#admin-menu{ z-index: 1200; }