html,body {
	font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.noPadding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.textCenter {
  text-align: center;
}

h1 {
  color: #666;
  text-align: center;
  margin-bottom: 20px !important;
}

.grad {
  background: #02366a; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#02366a, #1071d2, #013468); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#02366a, #1071d2, #013468); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#02366a,  #1071d2, #013468); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#02366a,  #1071d2, #013468); /* Standard syntax */
  padding: 10px 0 30px;
}

.certCircle {
  border: 10px solid #263092;
  background: #fff;
  border-radius: 50%;
  box-shadow: 4px 2px 10px #aaa;
  margin: 0 auto 10px;
  width: 200px;
  height: 200px;
}

.prodBox {
  border: 1px solid #bdc3c7;
  background: #fff;
  color: #333;
  padding: 15px 0;
  border-radius: 5px;
  box-shadow: 4px 2px 10px #aaa;
  margin-bottom: 8%;
  min-height: 300px;
}

.prodBox h4 {
  color: #c0392b;
  font-weight: bold;
  margin-top: 20px;
}

.prodBox p {
  color: #34495e;
  font-size: 11px;
  padding: 0 15px;
  text-align: left;
}

.hmeBox {
  border: 1px solid #7f8c8d;
  background: #ecf0f1;
  color: #333;
  border-radius: 5px;
  box-shadow: 4px 2px 10px #aaa;
  margin-bottom: 20px;
  transform: scale(1);
  transition: .5s ease-in;
}

.hmeBox:hover {
  cursor: pointer;
  transform: scale(1.02);
}

.hmeBox p {
  color: #777;
  font-size: 13px;
  padding: 0 15px;
}

.services {
  background: #f0f0f0;
}


.certCircle img {
  padding: 13%;
}

header {
  text-align: center;
  margin-top: 50px;
}

.wow {
   visibility: hidden;
}

:focus {
    outline: none !important;
}

.navbar {
  border-radius: 0 !important;
}

.nopadding {
  padding-left: 0 !important;
  padding-right:0 !important;
}

.underline {
  width: 75px;
  border: 2px #AB82BB solid;
  margin: 0 auto;
}

input, textarea {
  color: #999;
  width: 100%;
  border-radius: 40px;
  height: 57px;
  margin: 10px auto !important;
  border: 1px solid #ccc;
  padding: 0 15px;
}

input:focus, textarea:focus {
  outline: none;
  border: 1px solid #8e44ad;
}

textarea {
  height: 200px;
  padding: 20px 15px;
}

input:focus, textarea:focus {
  color: #666;
}

#menu_header .navbar-default {
  background-color: #fff;
}

#menu_header .navbar {
  margin-bottom: 0;
}

#menu_header li{
  padding: 10px auto;
}

#nav_menu {
  font-size: 13px;
  margin-top: 1%;
}

#banner {
 color: #fff;
 font-size: 23px;
 position: relative;
}

.contentBanner {
   color: #fff;
   position: absolute;
   bottom: 15%;
   z-index: 111;
   width: 50%;
   padding-left: 3%;
}

#banner_content {
  margin-top: 12%;
  padding: auto 30px;
}


.navbar-brand {
  height: 75px !important;
  padding: 0px 15px !important;
  
}

.box-shadow {
   -webkit-box-shadow: 0 3px 3px #888888;
      -moz-box-shadow: 0 3px 3px #888888;
           box-shadow: 0 3px 3px #888888;
}



.featurePadding {
  padding: 4% 0 3%;
}

.commercial p {
  text-align: left;
  padding: 10px 15px;
}

.about {
  padding: 4% 5% 4%;
}

.featurePadding img {
  display: inline-block !important;
}

#appscreens {
  margin-bottom: 0;
}

#appscreens {
  background-color: #263092;
  color: #fff;
  padding: 1% 0 4%;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #cd3630 !important;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 8px;
}

.hmeImgeBrdr {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.photowrap {
  height: 100%;
  overflow: hidden;
  position: relative
}
            
.photowrap img {
  width: 100%;
}

.contentwrap {
  background-color: #fff;
  position: relative;
  z-index: 5;
}

.kitchen p {
  text-align: left;
  padding: 10px 15px;
}

.kitchen ul {
    margin: 0.75em 0;
    padding: 0 3em;
    list-style: none;
}

.kitchen li:before { 
    content: "";
    border-color: transparent #d35400;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1.1em;
    position: relative;
}

.footer {
  background: #2c3e50;
  text-align: left;
  font-size: 13px;
  color: #ecf0f1;
   padding: 10px 0;
}

.feedback {
  text-align: left;
}

.footer input, .footer textarea {
  color: #999;
  width: 100%;
  border-radius: 5px;
  font-size: 14px;
  font-weight: normal;
  height: 27px;
  margin: 5px auto !important;
  border: 1px solid #ccc;
  padding: 0 15px;
}

.footer input:focus, .footer textarea:focus {
  outline: none;
  border: 1px solid #8e44ad;
}

.footer textarea {
  height: 50px;
  padding: 10px 15px;
}

.footer input:focus, .footer textarea:focus {
  color: #666;
}



@media (max-width: 767px) {

 #nav_menu {
   font-size: 13px;
   margin-top: 1%;
   width: 100%;
}

.navbar-brand {
   padding: 2px 15px !important;
   position: absolute;
   width: 60%;
   top: 0;
}

.bannerImg {
    display: none;
}

#features {
  margin: 10% 0 0;
}
   
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .navbar-brand {
         padding: 2px 15px !important;
         position: relative;
     }
}

@media only screen 
   and (min-device-width : 414px) 
   and (max-device-width : 736px) 
   and (orientation : landscape) 
   and (-webkit-min-device-pixel-ratio : 3) {

     .navbar-brand {
         padding: 2px 15px !important;
         position: relative;
     }

}

@media only screen 
   and (min-device-width : 414px) 
   and (max-device-width : 736px)
   and (device-width : 414px)
   and (device-height : 736px)
   and (orientation : portrait) 
   and (-webkit-min-device-pixel-ratio : 3) 
   and (-webkit-device-pixel-ratio : 3){ 
 
 .navbar-brand {
   padding: 2px 15px !important;
   position: absolute;
   width: 55%;
   top: 0;
 }

}


@media (max-width: 565px) {

 #banner_content {
   margin-top: 10%;
 }

  .navbar-brand {
   padding: 2px 15px !important;
   position: absolute;
   width: 55%;
   top: 0;
 }

}