body{ font-family: 'Open Sans', sans-serif;color:#333333;background:#ffffff;}

h1,h2,h3,h4,h5,h6{font-family: 'Nunito', sans-serif;color:#444;}

h1{font-size:1.1em;}

h2{font-size:1.8em;}

p{font-size:0.9em;}





h3{padding:0.8em 0;}

a{color:#00164d;}

a:hover{color:#333;}

 

 .signature p{font-size:1.8em;}

.top-bar,.top-bar.expanded,

.top-bar.expanded .title-area{background:#b1b0a6;}

.cl-flipbox-front,.cl-flipbox-back{padding:0 0 30% 0 !important;}

.cl-flipbox-back-desc{padding:10%;}

h4.cl-flipbox-front-title{background:rgba(0,0,0,0.7);color:#fff;}

.fullWidth {

   width: 100%;

   margin-left: auto;

   margin-right: auto;

   max-width: initial;

}

.logo{padding-top:3em;}

.section{margin-bottom:8em;}

.navArrows{padding:2.4em 0;}

.navArrows a i{font-size:2em;}

.articlepage{padding:2em;}

.boduServices{border:1px solid #ccc;padding:0.5em;min-height:80px;background:url('../images/background.jpg') center center;}



.dateposted{margin:0.4em 0;}

/*sidepanel */

.bodu-side{background:#444 url('../images/side-bg.jpg') center right;background-size:cover;height:100vh;position:fixed;}
.top-bar,.top-bar-section,.top-bar.expanded .title-area{background:#444 url('../images/side-bg.jpg') center right;background-size:cover;}
.top-bar ul.main-menu a{border-bottom:none;}

.boduAddress{color:#fff;}

.boduAddress i,p.postmetadata i{margin-right:0.8em;}

.boduAddress i{font-size:1.2em;}



.homeBanner{height:8em;width:100%;}



.boduLogo img.aligncenter{margin:0 auto0 auto;padding:0.3em;padding:4em 0.4em 0.4em 0.4em;}



.homepage .logo{display:block;width:578px;margin:0 auto;}

/* sidebar */

.boduPortrait{border-bottom:solid 1px #1f0e44;}

.boduPortrait img.aligncenter{margin-bottom:0;}

span.boduPhone{letter-spacing: 0.0925em;}

/* header */



/* menus lists */



.boduAddress a{color:#fff;}



.socialIcons{margin:2.2em 0;}

.socialIcons ul.inline-list a{color:#e0c4ff;font-size:2.4em;}

.socialIcons ul.inline-list a:hover{color:#000;}

ul.servicesList{padding:0 2.5em;}
ul.servicesList li{padding:0.4em 0;}

/* front page */

.homepage{background:#b1b0a6;background-image:url('../images/side-bg.jpg');background-size:cover;background-position:top-left;}

.boduPage img{-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;}

.homepage .topNav{display:block;float:right;padding:3em 2.1em 0.8em 0;

animation-duration: 3s;

  animation-delay: 1s;

}

.boduSlogan,.boduButtons{animation-delay:1s;}

.homepage .topNav a{color:#fff;}

.homepage .topNav a:hover{color:#000000;}

/* page and posts */

.boduPage{padding: 0;overflow:hidden;}

.boduPage form{margin:30px auto 30px auto;}

.boduPost{padding:0.8em;}

.boduFind h2{font-size:1.1em;border-bottom:solid 1px rgba(204,204,204,0.5);margin-bottom:1.2em;padding-bottom:0.6em;}

.boduFind{padding:0.4em 0.8em;min-height:300px;padding-bottom:35px;position:relative;}

.boduFind a.button{display:block;margin:0.8em auto;background:transparent;border:solid 1px rgba(204,204,204,0.5);color:#444;

width:40%;}

p.postmetadata{margin:0.8em 0;}

input#submit_btn{background:#444;border:solid 1px #444;}

#boduExample div.boduFind{min-height:300px;}



/* footer */

#footer{margin:6em 0 0 0;}

p.bodu{font-weight:bold;font-size:0.65em;}

p.bodu a{font-weight:bold;color:#000;}

span.bodu{font-weight:bold;color:#a8c038;}



/* for animations */



.boduHidden{opacity:0;}

.boduVisible{opacity:1;}

.bodu1{

  -webkit-animation-duration: 4s;

  -webkit-animation-delay: 0s;

  

}



.bodu2{

  -webkit-animation-duration: 2s;

  -webkit-animation-delay: 4s;

  

}



.bodu3{-webkit-animation-duration: 3s;

  -webkit-animation-delay: 6s;

  }





/* for image hover effects */

.portfolio-title{

	opacity:0;

	position:absolute;

	top:0;left:0;

	font-weight:bold;

	font-family:'Fjalla One', sans-serif;font-size:1.8em;transition:1s;padding-right:10%;

}



.portfolio-items a:hover .portfolio-title{

	opacity:1;color:#fff;

	position:absolute;

	top:30%;

	left:10%;text-shadow:1px 1px 1px #000;

}





figure {

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

	background: #fff;

	overflow: hidden;

}

figure:hover+span {

	bottom: -36px;

	opacity: 1;

}



.boduhover figure {

	background: #fe0000;

}

.boduhover figure img {

	opacity: 1;

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}

.boduhover figure:hover img {

	opacity: .2;

}



/* overlay styling*/

.reveal-modal{background:#000000;padding: 5em;box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);}









/* slick slider fix for foundation */

.slick-slider {  }



.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px;font-family:'FontAwesome'; font-size: 20px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }





.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }



.slick-prev:before, .slick-next:before { font-family: "FontAwesome"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "\f137"; }

[dir="rtl"] .slick-prev:before { content: "\f138"; }



.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "\f138"; }

[dir="rtl"] .slick-next:before { content: "\f137"; }







/* backto top*/

.cd-container {

  width: 90%;

  max-width: 768px;

  margin: 2em auto;

}

.cd-container::after {

  /* clearfix */

  content: '';

  display: table;

  clear: both;

}



.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 10px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: rgba(0, 0,0, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity .3s 0s, visibility 0s .3s;

  -moz-transition: opacity .3s 0s, visibility 0s .3s;

  transition: opacity .3s 0s, visibility 0s .3s;



  -webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

  -webkit-transition: opacity .3s 0s, visibility 0s 0s;

  -moz-transition: opacity .3s 0s, visibility 0s 0s;

  transition: opacity .3s 0s, visibility 0s 0s;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

  opacity: .5;

}

.no-touch .cd-top:hover {

  background-color: #cccccc;

  opacity: 1;

}

@media only screen and (min-width: 768px) {

  .cd-top {

    right: 20px;

    bottom: 20px;

  }

}

@media only screen and (min-width: 1024px) {

  .cd-top {

    height: 60px;

    width: 60px;

    right: 30px;

    bottom: 30px;

  }

}



@media only screen and (max-width: 40em) { 

.boduPage h1{font-size:2.2em;}

  .reveal-modal{background:#000000;padding: 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);}

.homepage{background:#01b8ff;background-image:url('../images/side-bg.jpg');background-size:cover;background-position:top-right;}
.homepage .logo{max-width:38em;margin:0 auto;}
}

@media only screen and (max-width: 40em) {
  thead th:not(:first-child) {
    display: none;
  }
  td, th {
    display: block;
    clear: both;
  }
  td[data-th]:before {
    content: attr(data-th);
    float: left;
  }
}

@media screen and (min-width: 40em) and (max-width: 70em) {ul.main-menu a{font-size:0.95em !important;}
.logo img{z-index:2;}
ul.main-menu li.has-dropdown a:after{border: inset 5px;
    content: "" !important;
    display: block !important;
    height: 0;
    width: 0;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
    border-left-style: solid;
    margin-right: 0 |;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0}
     .bodu-side ul.main-menu li.has-dropdown a:after{border-style: none!important;}
     ul.main-menu li a:before{padding-right:0 !important;}
}

@media only screen and (min-width: 120.063em) { overflow-y: scroll;}