html,
body
{
  height: 100%;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden; 
  backface-visibility: hidden;
}

a
{
  color: #e74c3c;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

a:hover
{
  color: #e76c3c;
}

/* General Section CSS */

.section .row
{
  padding: 80px 0px;
}

.section .title
{
  text-align: center;
  font-size: 50px; 
}

.section .subtitle
{
  text-align: center;
  font-weight: 100;
  padding-bottom: 30px;
  position: relative;
  color: #bdc3c7;
}

.row-center
{
  text-align:center;
}

.col-center
{
  display:inline-block;
  float:none;
}


/* Menu Bar */

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

#MenuBar .navbar li
{
  color: #d1d1d1;
}

#MenuBar .navbar-default
{
  border: none;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.2);
}

#MenuBar .navbar-default .navbar-nav > .active > a,
#MenuBar .navbar-default .navbar-nav > .active > a:hover,
#MenuBar .navbar-default .navbar-nav > .active > a:focus
{
  background: none;
  color: #fff;
}

#MenuBar .navbar-default .navbar-nav li a,
#MenuBar .navbar-default .navbar-nav li a:hover
{
  color: #fff;
}

#MenuBar .navbar-default .navbar-nav > .active,
#MenuBar .navbar-default .navbar-nav li:hover
{
  background: #e74c3c;
  padding-bottom: 5px;
  color: #fff;
}

#MenuBar .navbar-default .navbar-brand
{
  font-size: 25px;
  color: #fff;
  font-weight: 100;
}

#MenuBar .navbar-default .navbar-brand:hover
{
  color: #eee;
}

#MenuBar .navbar-default .navbar-toggle .icon-bar
{
  background: #fff;
}

#MenuBar .navbar-default .navbar-toggle:hover,
#MenuBar .navbar-default .navbar-toggle:focus
{
  background: #333;
}

#MenuBar .affix.navbar-default
{
  background: rgba(0, 0, 0, 0.8);
}


/* Home Section */

#home-area
{
  background: #e1e1e1;
  color: #000;
}

#home-area img
{
  max-width: 100%;
}


/* How to Use Section */
#howToUse
{
  background: #f1f1f1;
}


/* About Us Section */

#about
{
  background: #1a4853;
  color: #fff;
}

#about p
{
  line-height: 30px;
  font-size: 17px;
  text-align:justify;
}

#about img
{
  display: block;
  margin: auto;
  max-width: 100%;
}



/* Contact Us Section */

#contact
{
  background: #f1f1f1;
}

#contact ::-webkit-input-placeholder
{
  color: #ecf0f1;
}

#contact :-moz-placeholder
{
  color: #ecf0f1;
}

#contact ::-moz-placeholder
{
  color: #ecf0f1;
}

#contact :-ms-input-placeholder
{
  color: #ecf0f1;
}

#contact .social i
{
  color: #fff;
  padding: 10px;
  margin-right: 5px;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  background: #34495e;
}

#contact .social .social-links a:hover
{
  color: #fff;
}

#contact .social .fa-facebook:hover
{
  background: #3b5998;
  color: #fff;
}

#contact .social .fa-twitter:hover
{
  background: #00CAFB;
  color: #fff;
}

#contact .social .fa-google-plus:hover
{
  background: #D23A1D;
  color: #fff;
}

#contact .social .fa-linkedin:hover
{
  background: #007bb6;
  color: #fff;
}

#contact .social .fa-dribbble:hover
{
  background: #ea4c89;
  color: #fff;
}

#contact .social .fa-github:hover
{
  background: #171515;
  color: #fff;
}

#contact .contact-info
{
  margin: 40px 0;
}

#contact .contact-info p
{
  font-size: 20px;
}

#contact .contact-form .form-control
{
  box-shadow: none;
  font-size: 17px;
  margin-bottom: 20px;
  border-radius: 0;
  border: none;
}



/* Copyright Section */

#copyright
{
  background: #F1F1F1;
  color: #333;
}

#copyright a
{
  color: #333;
}

/* The bottom at the bottom to Scroll Top */

.to-top i
{
  padding: 10px 15px;
  margin: 10px;
  background: transparent;
  color: #34495e;
  border: 2px solid #34495e;
}

.to-top i:hover
{
  background: #34495e;
  color: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}


/* Cart Items */

.cart-item
{
  float: left;
  width: 300px;
  text-align: center;
  margin: 0px 10px 10px 10px;
  padding: 10px;
  border: 1px solid #436a90;
  border-radius: 5px;
  background-color: white;
  box-shadow: 2px 2px 2px 1px #808080;
}

.cart-add-button
{
  color: white;
  font-weight: bold;
  background-color: #95bc5e;
  border: none;
  padding: 5px 20px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #729741;
}

.borderless td,
.borderless th
{
  border: none;
}



.video
{
  border: 1px solid #436a90;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 1px #808080;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}