/**
 * Theme Name: Zola Interactive Theme
 * Theme URI: http://www.thmplt.com
 * Author: thmplt
 * Author URI: thmplt.com
 * Description: Bootstrap 3 ready, responsive theme by thmplt. 
 * Template: thmpltfrmwrk 
 * Version: 1 
 */
 




/* = Formatting
-------------------------------------------------------------- */
html {background:#FFF;}

body {font-size:1.6em; line-height:28px; font-weight:300;}

h1, h2, h3, h4, h5, h6 {color:#48454e; margin:30px 0 30px; font-weight:100}
.topheader {margin:0 0 30px; }

h1 {font-size: 46px}
h2 {font-size: 43px}
h3 {font-size: 32px}
h4 {font-size: 26px; padding: 0; margin: 0;}
h5 {font-size: 24px}
h6 {font-size: 20px}

.center {text-align:center;}

a {color:#853522}
a:hover {color:#555}

hr {border:1px thin #999; clear:both}

hr.clear { border: 0 none;height: 1px;margin: 0;}

hr.spacer {border: 0 none;height: 40px;margin: 0;}

.img-thumbnail { background-color: #f7f7f7; border: 2px solid #333; border-radius:1px}

p, .rowlikep {margin:0 0 40px}
article p {color:#535353; font-weight:300;}mai
.row.flushcolumns > * { padding:0}  





/* = Header & items
-------------------------------------------------------------- */
header {background: #FFF}

#firstheader {overflow:visible}
#secondheader {position:fixed;
  top:0px;
  width:100%;  
  background-color:#fff;
  padding: 15px 0;
  color: #FFFFFF;
  background-image:none;
  overflow:visible;
  z-index:99999;
  display:none;
  -webkit-box-shadow: 0px 11px 6px -6px rgba(0,0,0,0.22);
  -moz-box-shadow: 0px 11px 6px -6px rgba(0,0,0,0.22);
  box-shadow: 0px 11px 6px -6px rgba(0,0,0,0.22); 
}


.bglocation{
	display: flex;
align-items: center;
font-weight: 700;
  float:left; 
  color:#FFF; 
  text-transform:uppercase; 
  background:#a29a8a;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:0;
  border-top-right-radius:0;
  padding:10px 40px;
  line-height:18px;
  min-height:62px;
}

.bgappoint, .bgappointxs{
		display: flex;
align-items: center;
font-weight: 700;
  float:right;
  color:#FFF;   
  text-transform:uppercase; 
  background:#853522;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  border-top-left-radius:0;
  border-top-right-radius:0;
  padding:15px 40px;
  min-height:62px;
}
.bgappointxs{
  float:left;
}
.bglocation a, .bgappoint a, .bgappointxs a{color:#FFF}
.bglocation a:hover, .bgappoint a:hover, .bgappointxs a:hover{color:#DDD; text-decoration:none}



/* 04 July 2017 SJ */
body .gform_wrapper{ float: left; width: 100%; max-width: 100%; margin: 0;}
body .gform_wrapper .gform_body{ width: 100% !important;}
body .gform_wrapper .gform_body ul.gform_fields{ padding: 0; margin: 0 0 0 -50px !important;}
body .gform_wrapper .gform_body ul.gform_fields li.gfield{ background: none !important; border:none !important; padding: 0 0 0 50px !important; margin: 0 0 30px !important; width: 33.3333% !important; clear: none; float: left;}
body .gform_wrapper .gform_body ul.gform_fields li.gfield .medium{ border:none; height: 38px; padding: 0 10px !important; width: 100%; color: #222; text-indent:0; font-size: 14px; background: #e8e7e5;
-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
body .gform_wrapper .gform_body ul.gform_fields li.gfield textarea.medium{ height: 150px; padding-top: 10px !important;}
body .gform_wrapper .gform_body ul.gform_fields li.gfield .ginput_container{ margin: 0 !important; max-width: 100%;}
body .gform_wrapper .gform_footer{ padding: 0 !important; margin: 0 !important; float: left; width: 100%; text-align: center;}
body .gform_wrapper .gform_footer .gform_button{ border:none; display: inline-block; background:#853522; font-size:24px !important; font-weight:400; color:#fff; text-transform:uppercase; padding:15px 40px;
-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
body .gform_wrapper .gform_footer .gform_button:hover, body .gform_wrapper .gform_footer .gform_button:focus{ background:#48454e; color:#fff;}
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{ padding: 0 !important; margin: 5px 0 0; font-weight: 400; font-size: 12px;}
body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){ max-width: 100% !important; width: 100%;}
body .gform_wrapper .gform_body ul.gform_fields li.gfield .gfield_label, body .gform_wrapper .validation_error,
body .gform_wrapper .gform_body ul.gform_fields li.gfield .instruction{ display: none;}

body .gform_wrapper .gform_body ul.gform_fields #field_1_4, body .gform_wrapper .gform_body ul.gform_fields #field_1_5{ width: 100% !important;}

.map-block{ position: relative; }
.map-block img{ width: 100%; height: 100%; min-height: 300px; object-fit: cover;}



@media only screen and (max-width: 767px) {
body .gform_wrapper .gform_body ul.gform_fields li.gfield{ width: 100% !important; margin-bottom: 10px !important;}
}

@media (max-width: 992px) {
  
  #secondheader .second {margin: -100px 30px 0 0!important}
  
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
#secondheader { display:none!important;}
.bgappoint, .bgappointxs{width: 100%; text-align: center; padding:10px 40px; min-height:40px;  }
.bglocation{ width: 100%; text-align: center; padding:10px 40px;  min-height:40px;}



}



.toprow {margin:15px 0 0; min-height:45px}
.toprow .second { text-align:right}
.toprow .first { text-align:left}



#secondheader .second {margin: 5px 0 0 0; padding: 0; float:right; text-align:right; font-size:18px;}
#secondheader .second a {color:#fff; background-color:#6dbfef; padding: 2px 10px 2px 10px; border-radius:2px;}
#secondheader .second a:hover {color:#fff; background-color:#525252; text-decoration:none;}
#secondheader .tel {color:#000; background-color:#fff; float: right; margin:0; padding:0; }

#logo-mobile {display: none;}


@media (max-width: 992px) {
  
  header { background-image:none;}

}





@media (max-width: 768px) {
  
  
  .toprow .second { text-align:center; line-height:0; margin: 0 0 30px;}  
  .toprow .first { text-align:center; line-height:2;}
  #logo {display: none; margin-top: 0px; text-align: center;}
  #logo-mobile {display: block; max-width: 50%; width: 768px; margin-top: 0px; margin-bottom: 20px; text-align: center; margin-left:auto; margin-right:auto; }
}

@media (max-width: 480px) {
  
  
  .toprow .second { text-align:center; line-height:0; margin: 0 0 30px;}  
  .toprow .first { text-align:center; line-height:2;}
   #logo-mobile {max-width: 100%; text-align: center;}
  
  
}


/* Logo */
#logo {margin-top:0;}
#logo h1 {font-size:34px; margin:0; padding:0}
#logo a {color:#000}
#logo a:hover { text-decoration:none; color:#555}
#logo .subtitle { display:block; color:#B1B3B5; font-size:14px; margin:0; padding:0 }

/* Logo with image */
#logo img {max-width:100%; }



@media (max-width: 768px) {
  
  
#logo {margin-top: -15px;}
  
}





#mainmenu2 {margin: 15px 0 0 35px; }
#mainmenu2 ul { background:0; text-align:center; }
#mainmenu2 ul li { background:0; text-align:center;}
#mainmenu2 ul > li > a {background:0; color:#333; font-size:17px; line-height:18px; font-weight:300; margin:0;}


#mainmenu2 ul > li > a:hover {background:0; color:#ccc;}
#mainmenu2 ul > li > a:focus {background:0; color:#ccc;}
#mainmenu2 ul > li.open > a {background:#f1f1f1; color:#000000;}

  /* sub menu */  
  #mainmenu2 .dropdown-menu {background:#ffffff;}
  #mainmenu2 .dropdown-menu > li > a {color:#6dbfef; line-height:30px; font-size:16px; text-align:left;}
  #mainmenu2 .dropdown-menu > li > a:hover  { color:#000} 




/* Menu 
#navbg{background:#48454e;}

#mainmenu { background:0; /*margin:5px 0 0 0;* / width:100%; padding:0;}
#mainmenu ul { background:0; width:100%;}
#mainmenu ul li { background:0; text-align:center; }
#mainmenu ul > li > a {background:0; color:#fff; font-size:17px; line-height:18px; font-weight:300; margin-right: 5px;}


@media (max-width: 768px) {
  
  #mainmenu ul li { background:0; width: auto; text-align:left} 
  
}



#mainmenu ul > li > a:hover {background:0; color:#ccc;}
#mainmenu ul > li > a:focus {background:0; color:#ccc;}
#mainmenu ul > li.open > a {background:#f1f1f1; color:#000000;}

  /* sub menu * / 
  #mainmenu .dropdown-menu {background:#ffffff;}
  #mainmenu .dropdown-menu > li > a {color:#9e5900; line-height:30px; font-size:16px;}
  #mainmenu .dropdown-menu > li > a:hover  { color:#000}  


*/




/* = Main Navigation 
-------------------------------------------------------------------------------------------------------------------- */
#navigation {background:#48454e; border-bottom:0px solid #534131; overflow: visible }

  /* Dropdown Style */
  #mainmenu{margin:0; float:left; }
  #mainmenu>li>a{font-size:20px;line-height:20px;padding:18px 25px;
        color:#ffffff;text-transform: capitalize; font-weight:300; 
      /*   background:url(images/structure/nav_divider.jpg) center right no-repeat; */}
  
  #mainmenu>li.first>a{padding-left:0}
  #mainmenu>li.last>a{background:0; padding-right:0}
  #mainmenu>li:hover>a{color:#a29a8a; text-decoration:none}
  
  /* #mainmenu>li:hover {background:url(images/structure/nav_underscore.png) center top}*/  
  /* #mainmenu>li.has-submenu {background:url(images/structure/nav_sub_menu_arrow.jpg) center 45px no-repeat;} */
  
    /* Sub-Menu*/
    #mainmenu ul{width:375px;margin-top:0;}
    #mainmenu li li a {color:#ffffff;font-size:13px;padding:8px 16px; margin:0 ;background:#48454e;}
    #mainmenu li ul a:hover{color:#D8CEBC;background:#853522; text-decoration: none;}


  /* Accordion Style */
  #mainmenu_accordion, #mainmenu_accordion ul {  list-style:none outside;  margin: 0;  padding: 0;   overflow:hidden;}
  #mainmenu_accordion>li>a {
   margin:0; cursor: pointer; height:60px; line-height:60px;
   font-size:18px; color:#ffffff; display:block;  padding:0;
   background:0;border:0;}
   
   #mainmenu_accordion>li>a:hover {
  text-decoration: none;}

  #mainmenu_accordion>li>ul {padding: 0; margin:0 0 40px; border-top:1px solid #ffffff}
  
  #mainmenu_accordion ul li a{display:block; text-decoration:none; color: #ffffff;
  font-weight:normal; height:50px; line-height:50px; 
  border:1px solid #ffffff; border-top:0;}
  #mainmenu_accordion ul li a:hover {color: #48454e;text-decoration:none; } 
  
    /* Mobile Submenu */
    #mainmenu_accordion>li>ul>li a {background:0; color:#ffffff; padding-left:20px}
    
    #mainmenu_accordion>li>ul>li a:hover {color:#D2C7B2; text-decoration: none;}
    
    #mainmenu_accordion>li>ul>li li a { background:#D2C7B2} 
      #mainmenu_accordion>li>ul>li li a:hover { color:#48454e; text-decoration: none;}  
    #mainmenu_accordion>li>ul>li li li a {background:#BBAA8B }
    #mainmenu_accordion>li>ul>li li li li a {background:#9A845B}    

    /* If a menu item has an dropdown */
    #mainmenu_accordion .menu-item-has-children>a:after{
      content:"\e252";  font-family:"Glyphicons Halflings";
      margin:0 10px 0 0; display:inline-block; float:right; font-size:10px; }









/* Menu toggle button */
#menutoggle {background:#FFF; /*margin-top:-85px*/}
#menutoggle .icon-bar { background:#585C5F } 

.navbar{margin-bottom:0}
.navbar-right-custom { float:none!important;margin-right: -15px;}

.navtext {display:none}

#mainmenu .navbar-header {height:1px}

@media (max-width: 992px) {
  /* Realign the menu to fit from left to right */
  .navbar-right-custom {float: none!important;margin: 0;margin-left: -25px;}
  
  .home header {position:static;} 
  
  #mainmenu {margin:0; background:#48454e}

}

@media (max-width: 480px) {
  
  #menutoggle {margin-top:0}
}


@media (max-width: 768px) {
  /* Center the menu */
  .navbar-right-custom { float: none!important;margin: 0!important;}
  /*.navtext {display: inline}*/
  
  
}


/* = Carousel
-------------------------------------------------------------- */
.carousel-inner {background:#FFF}
.carousel-inner > .item > img.fullwidthimg {width:100%; height:auto}
.carousel-inner > .item > .constrained { height:580px; background-size:cover!important;}


.carousel-inner > .item > img {float:none; margin:0 auto}
.carousel-inner > .item .bannerhref {display:block; text-indent:-9999px; width:100%; position:absolute; top:0; bottom:0}


.carousel-caption { padding:10px 25px; top:0  ; margin:0; bottom:0; text-align: left;}
.carousel-caption >* {color:#333; text-shadow: none;}

.carousel-caption h1 {font-size:40px; font-weight:300; margin:0 0 10px; text-transform:uppercase  }
.carousel-caption h2 {font-size:24px; font-weight:400; margin:0 0 40px}

.carousel-caption .topheader {font-size:57px; margin:0 0 20px}
.carousel-caption p {font-size:18px; line-height:34px}

.carousel-indicators li {border:1px solid #FFF}
.carousel-indicators li.active {background:#EFD788}

/*  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) */
.carousel-fade .carousel-inner .item {
  opacity: 0;  transition-property: opacity;  transition-duration: .75s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;  opacity: 0;  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}



/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    }
}

.revbutton a {color:#fff; }
.revbutton a:hover { text-decoration:none; }
.revbutton-lg a {color:#fff; }
.revbutton-lg a:hover {text-decoration:none;}


@media (max-width: 480px) {
  
  .revbutton a { font-size:32px;}
  
}






/* = Highlighted
-------------------------------------------------------------- */
#highlighted {
  background:#888; color:#000;padding:40px 0; border-top:4px solid #333; border-bottom:4px solid #555
} 
#highlighted .topheader {margin:0 0 20px}
#highlighted h1,
#highlighted h2,
#highlighted h3,
#highlighted h4,
#highlighted h5,
#highlighted h6 {color:#333;}


/* = Main Content
-------------------------------------------------------------- */
.home #main_content {background:#e8e7e5;/*padding:40px 0; min-height:600px*/}
#main_content   {background:#ffffff;/*padding:40px 0; min-height:600px*/}
#main_content h1 {font-size: 40px; text-transform:uppercase; color: 48454e; font-weight:300; margin: 30px 0 40px;}
#main_content #hometextbg{
  background:#f4f4f2;
  padding:30px 20px;
  margin: 0;
}
#main_content .hometextlink{
  text-transform:uppercase;
  color: #FFF;
  background: #853522;
  padding: 40px 25px;
    margin: 10px 10px 0 0;
}
#main_content .hometextlink:hover{
  color: #FFF;
  background: #48454e;
  text-decoration:none;
}


/* Page items */

.page-template-page-no-title-and-no-sidebar #main_content .main_section {width:100%}
.page-template-page-no-sidebar #main_content .main_section {width:100%}
.single-featured-clients #main_content .main_section {width:100%}
aside .aside_inner .widget:first-child .widgettitle {margin-top:0}
.single-featured-clients #inside { background-color:#f1f1f1; display:block; height: 72px;}

.reqcall2 {background-color: #853522; display: block; width: 100%; padding: 25px; color: #ffffff; font-weight: 300; font-size: 24px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.reqcall2 a {color: #ffffff;}
.reqcall2 a:hover {color: #ffffff; text-decoration: none; background-color: #8454e;}


#main_content a.reqcall {
    background-color: #853522;
    display: block;
    height: auto;
    font-size: 22px;
    color: #FFF;
    text-align: center;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 35px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

}
#main_content a.reqcall:hover { 
color: #fff;
text-decoration: none;
background-color:#48454e;
  
}




/* page conditions */

.page-id-63 #inside {
/* background: url(images/locations.jpg) no-repeat center center fixed; */
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  
  
}
  
  



/* about page */
#main_content .about {margin-bottom: 15px;}


/* team page */
#main_content .name {font-size:1.6em; padding: 0; margin: 20px 0 0 0; font-weight:100}
#main_content .name strong { font-weight:300}
#main_content .title {color: #58595b; font-family: roboto; font-size:1.0em; margin:5px 0 0 0; padding:0; font-weight:300; margin-bottom:20px; text-transform:uppercase;}

#main_content h1 .title { font-size:18px;}


#main_content a.teamimg {
    background-color: #c98834;
    display: block;
    height: auto;
    font-size: 72px;
    color: #FFF;
    text-align: center;
    padding: 40px 0px;
    margin-bottom: 20px;

}
#main_content a.teamimg:hover { 
color: #fff;
text-decoration: none;
background-color:#777;
  
}



#main_content .teamimg a { color: #fff; }
#main_content .teamimg a:hover { color: #fff; text-decoration:none; background-color:#333; display:block; height: auto; }
/* what we offer */
#main_content .wd-list { background-image:url(images/web-design-list.jpg)}
#main_content .pg-list { background-image:url(images/patient-generation-list.jpg)}
#main_content .os-list { background-image:url(images/ongoing-list.jpg)}

/* general emphasizing  */
#main_content .standout {padding: 30px;}
#main_content .standout p {color:#fff; margin:0; }
#main_content .standout a:hover {color:#fff; margin:0; }
#main_content .standout a {color:#fff;  }
#main_content .standout h3 {margin: 0 0 20px 0; padding:0; color:#fff; font-size:30px; font-weight:400;}
#main_content .orange { background-color:#ffba00;}
#main_content .blue {background:#17bff1;}
#main_content .standout ul {color: #fff; padding:0; margin:0; }
#main_content .standout li { list-style:none; }


/* featured clients (post type)  */

#main_content .featured-link { text-align:right; display:block; padding: 60px 20px 0 0;}
#main_content .featured-link a { background:url(images/link-out.png) no-repeat right; padding-right:30px;}
#featured-nav {margin-top: -85px; text-align:center; }

#main_content .feat-list {text-align:right;}
#main_content .feat-list ul { list-style:none; margin: 10px 0;}

#main_content .feat-list li { background: #ffffff; text-align:left; padding: 3px 0 3px 20px; color:#535353; font-weight:300;}
#main_content .feat-list li:nth-child(odd) { background: #f1f1f1; }

/*client center */

#main_content .acctinfo ul {list-style:none; padding: 0; margin:0;
}
#main_content .acctinfo ul li {padding: 0; margin:0;
}






/* Blog items */

.blog.home #main_content article,
.category #main_content article,
.archive  #main_content article {
  background:#FFF; border-radius:3px; border:1px soli #ccc; padding:30px
}

.topheader.resultheader  {margin:0 0 10px}
.result_data { display:block; list-style: none outside; padding:0}
.result_data li { display: inline; padding:0 10px 0 0; color:#888}
.wp-post-image {float:left; margin:0 25px 0 0}


/* format items */
#main_content a {color:#9e5900}
#main_content a:hover {color:#000}
#main_content p {margin:0 0 20px}


/* Sidebar */
.aside_inner {border-left:1px solid #f1f1f1; background:0; padding:0 0 0 20px}
.side-menu ul {list-style:none; padding: 0; margin: 0;}
.side-menu ul li {padding: 0 0 10px; font-size:17px;}
.side-menu h3 { font-size:24px;}
.side-menu h3 a { font-size:20px;}
.side-menu .first { margin: 0; padding:0;}

@media (max-width: 992px) {
.side-menu .first {margin: 50px 0 0 0;}
  
}


/* = Bottom
-------------------------------------------------------------- */

.home #bottom1 {padding:40px 0;}

#bottom1 {
  color:#FFF;padding:0; 
  background-color: #838186; no-repeat center top ;
  background-size:cover;
} 

@media (max-width: 992px) {
  
  #bottom1 {display:none;}
  
}

#bottom1 .topheader {margin:0 0 40px}
#bottom1 h1,
#bottom1 h2, 
#bottom1 h3,
#bottom1 h4,
#bottom1 h5,
#bottom1 h6 {color:#c0cb2d;}

#bottom1 .colpadding{margin:0; padding:0 1px 0 0}
#bottom1 img{display: inline-block !important}
#bottom1 .textlink{color:#FFF; width:100%; padding: 0 0 6px 0; background:#48454e; display:block; line-height:50px;}
#bottom1 .textlink:hover{text-decoration:none; background:#853522}



#bottom1 h2 {color:#ffffff; padding:0 0 60px 0; margin:0;}

#bottom1 .topheader { margin:0 0 10px}
#bottom1 .subheader { margin:0 0 60px; color:#fff; font-size:16px; font-weight:400}


#bottom1 .row {margin-bottom:40px}

/*#bottom1 .heading {text-transform: uppercase; font-size:20px; font-weight:400}*/
#bottom1 img.alignleft {margin:-10px 10px 0 0 }
.whyright {text-align:center;}
.whyleft  { font-size:18px;}

.whyleft ul  { list-style:none;  line-height: 45px;}

@media (max-width: 480px) {
.whyleft ul { line-height: 15px;}
#bottom1 h2 {padding: 0 0 30px 0; font-size:30px;}
}


/* = Bottom 2
-------------------------------------------------------------- */
#bottom2 {
  background:#a29a8a; color:#313131;padding:40px 0; 
} 
#bottom2 .topheader {margin:0 0 40px}
#bottom2 h1,
#bottom2 h2{color:#FFF; text-transform:uppercase; font-weight:300; font-size:40px; margin-top: 0;},
#bottom2 h3,
#bottom2 h4,
#bottom2 h5,
#bottom2 h6 {color:#313131;}



.feat {display:block; width:100%; position:relative;}
.feat .featover { display:none;position:absolute;top:0; bottom:0;width:100%;
 background: url(images/hover_bg_trans.png);
}
.feat img {margin:0 auto}
.feat .featover a {display:block; width:200px; height:40px; line-height:40px; background:#17bff1; color:#FFF; position:absolute; text-align:center}
.feat .featover .details {top:40%; left:10%}
.feat .featover .launch {top:40%; right:10%}
.feat:hover .featover {display:block}



@media (max-width: 480px) {
.feat .featover a {width:150px;}
.feat .featover .details {top:50%; left:3%; }
.feat .featover .launch {top:50%; right:3%}
.feat {margin:0 0 10px 0;}
}

article .feat .featover a {color: #fff!important;}
/* = Bottom 3
-------------------------------------------------------------- */
#bottom3 {
  color:#fff; padding:0;
} 

#bottom3 .topheader {margin:0 0 20px; font-size:2.7em;}
#bottom3 h1,
#bottom3 h2, 
#bottom3 h3{color:#fff; font-size:18px; font-weight: 500; text-transform:uppercase; margin-top:60px},
#bottom3 h4,
#bottom3 h5,
#bottom3 h6 {color:#fff;}
#bottom3 .topheader { margin:0 0 10px; font-size: 46px; font-weight:500;}
#bottom3 .subheader { margin:0 0 60px; color:#FFF; font-size:24px; font-weight:300}

#bottom3 #bottomny{background:url('images/bottom-ny.jpg') no-repeat top right;min-height:346px}
#bottom3 #bottomnj{background:url('images/bottom-nj.jpg') no-repeat top left;min-height:346px}

#bottom3 .bottom-btn{color:#FFF; background:#853522; border:none; border-radius:3px; padding: 10px 30px; margin:40px 0 60px;  display: inline-block;}
#bottom3 .bottom-btn:hover{background:#cc5235; text-decoration:none}
#bottom3 p{margin:0}
/* = Bottom 4
-------------------------------------------------------------- */

#bottom4 { padding:40px 0; background:#EFF0F2 }
#bottom4 .social {text-align:right}


@media (max-width: 768px) {
  
  #bottom4 .row, #bottom4 .social {text-align:center}
}


/* = Quick Contact
-------------------------------------------------------------- */

.wpcf7-form  h3 {
  font-size:14px; text-transform:uppercase; margin:0 0 20px; padding:0; font-weight:400}

.wpcf7-form .wpcf7-text {
  border: 0;
  background:#e8e7e5;
  color:#434343;
  padding:5px 10px;
  box-shadow: none;
  border-radius: 3px;  
  webkit-box-shadow: none;
  margin: 0 0 10px;
  width: 100%;
} 

.wpcf7-form .wpcf7-textarea  {
  border: 0;
  background:#e8e7e5;
  color:#434343;
  padding:5px 10px;
  box-shadow: none;
  border-radius: 3px;  
  webkit-box-shadow: none;
  margin: 0 0 10px;
  width: 100%;
  height: 150px;
} 

/*.wpcf7-form .wpcf7-text:focus {  border-bottom: 4px solid #d7e32d;}*/

.wpcf7-form .wpcf7-submit {border:0; border-radius: 3px;  background:#853522; color:#FFF; font-size:24px; padding:20px 60px; font-weight:300; font-family:roboto}
.wpcf7-form .wpcf7-submit:hover{background:#48454e; }

/* = inside appointment
-------------------------------------------------------------- */


.insideform input {
  border: 0;
  background:#ebebeb !important;
  color:#333 !important;
  padding:5px 10px;
  box-shadow: none;
  border-radius: 3px;  
  webkit-box-shadow: none;
  margin: 0 0 30px !important;
  width: 100%;
} 

.insideform textarea  {
  border: 0;
  background:#ebebeb !important;
  color:#333 !important;
  padding:5px 10px;
  box-shadow: none;
  border-radius: 3px;  
  webkit-box-shadow: none;
  margin: 0 0 10px;
  width: 100%;
  height: 150px;
} 

.insideform select  {
  border: 0;
  background:#ebebeb !important;
  color:#333 !important;
  padding:5px 10px;
  box-shadow: none;
  border-radius: 3px;  
  webkit-box-shadow: none;
  margin: 0 0 10px;
  width: 100%;
}

@media (max-width: 992px) {
  
input, button, select {margin-bottom: 10px;
} 
}


.wpcf7-form .appointments { background-color: #ccc;}

/* = Footer
-------------------------------------------------------------- */ 
 
#footer {background:#48454e; color:#FFF; padding:40px 0; font-size:12px;}
#footer a {color:#FFF}
#footer a:hover  {color:#e8e7e5}
  

/* Menu */
#footermenu { background:0; margin:0 0 40px; width:100%;}
#footermenu ul { background:0; width:100% }
#footermenu ul li { background:0; width:16%; text-align:center}
#footermenu ul > li > a {background:0; color:#FFF; font-size:12px; line-height:18px; font-weight:400; text-transform:uppercase}



/* = Wordpress 
-------------------------------------------------------------- */ 
.alignnone { margin: 10px 0 20px; }

.aligncenter,
div.aligncenter { display: block;  margin: 20px auto;}

.alignright { float: right;  margin: 10px  0 20px 20px;}
.alignleft { float: left;  margin: 10px 20px 20px 0;}



/* = Bootstrap overwrites
-------------------------------------------------------------- */ 
.row {
    margin-left: -25px;
    margin-right: -25px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 25px;
    padding-right: 25px;
}


.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background:none;}
.nav > li > a:focus, .nav > li > a:hover { background:none; color: #fff;}


@media (min-width: 768px) { 
  
   { background:0; text-align:left; padding:17px 2px !important;}
  #mainmenu ul li a{font-size:14px !important}
}
@media (max-width: 991px) { 
  #mainmenu ul li { background:0; text-align:left; padding:0px 2px !important;}
  #mainmenu ul li a{font-size:14px !important}
}
@media (min-width: 992px) { 
  #mainmenu ul li { background:0; text-align:left; padding:0px 19px; !important}
  #mainmenu ul li a{font-size:17px !important}
}
@media (max-width: 1199px) {  
  #mainmenu ul li { background:0; text-align:left; padding:0px 19px; !important}
  #mainmenu ul li a{font-size:17px}
}
@media (min-width: 1200px) {  
  #mainmenu ul li { background:0; text-align:left; padding:0px 28px !important;}
  #mainmenu ul li a{font-size:17px }
}
