/* Base CSS */
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0 solid }
img {
    max-width: 100%;
    
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
    font-family: 'Quattrocento Sans', sans-serif;
}
html,
body { height: 100% }
body {
    
    font-family:  'Open Sans', sans-serif;

    
}
a:hover { text-decoration: none }

/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.header-bg {
  background: green none repeat scroll 0 0;
}
.client_logo {
  margin-top: 16px;
}
.navbar-nav > li > a {
  color: #fff;
  transition: .4s;
}
.navbar-nav > li > a:hover {
  color: #23b7a4;
}

.nav > li > a:focus, .nav > li > a:hover {
  background: none;
  text-decoration: none;
}

.single_slide {
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 587px;
  justify-content: center;
  color: #fff;
}

.single_slide p {
    padding: 14px 0;
}
.single_slide h1 {
    text-transform: uppercase;
}

.button {
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
    margin: 0 3px;
    padding: 10px 15px;
    transition: .4s;
}
.bottom_button {
  margin-top: 22px;
}
a.button:hover {
  background: #23b7a4 none repeat scroll 0 0;
  border: 2px solid #23b7a4;
  color: #fff;
}

.owl-dot {
    border: 1px solid #000;
    border-radius: 50%;
    float: left;
    height: 10px;
    margin-left: 15px;
    padding: 4px;
    width: 10px;
}
.owl-dots {
    bottom: 21px;
    position: absolute;
    right: 20%;
}
.owl-dot.active {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
}

.section_title {
  text-transform: uppercase;
}

.sp{
    padding: 70px 0px;
}
.single-item {
  margin-top: 50px;
  text-align: center;
}
.single-item > img {
  margin-bottom: 14px;
}
/*.features_area {
  background: #3a454d;
  color: #fff;
}*/
.single-features > img {
  margin-bottom: 12px;
}
.customstyle {
  /*color: #fff;*/
  height: 300px;
  padding: 17px;
  width: 294px;
}
.dropdown-menu{
  /*background-color: #1D2126; */
}

.navbar-nav > li > .dropdown-menu {
 
  margin-top: 20px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background: none;
  border: none;
}
.form-control {
  border-radius: 0px;
 
}
.checkbox label, .radio label {
  color: #000;
}

.btn {
  border-radius: 0px;
}

.sticky-wrapper.is-sticky {
  z-index: 4;
}
.modal-footer {
  border-top: 0px solid #e5e5e5;
}

.modal-header {
  border-bottom: 0px solid #e5e5e5;
}
.modal.in .modal-dialog {
  transform: scaleY(0);
}
.modal.fade .modal-dialog {
  transform: scaleY(1);
  transition: transform 0.3s ease-out 0s;
}
.modal-dialog {
  margin: 86px auto;
  width: 400px;
}
.modal-content {
  color: #fff;
  background-color: #1D2126;
  border-radius: 0px;
}
button.close {
  color: #fff;
}

.contact-addrres > h4 {
  text-transform: uppercase;
}
.section-contact-information {
  margin-top: 20px;
}
.contact-form {
  background: #fff none repeat scroll 0 0;
  margin-top: -148px;
  padding: 20px;
  position: absolute;
  width: 100%;
}
.contact-area {
  padding-bottom: 93px;
  padding-top: 54px;
}
.btn-default {
  background-color: #23b7a4;
  border-color: #23b7a4;
  color: #fff;
  transition: .4s;
}
.navbar-toggle {
  /*border: 1px solid #ddd;*/
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}


.custome-bttn {
  background: red none repeat scroll 0 0;
  /*border: 1px solid #fff;*/
}


.footer_area {
  line-height: 24px;
  padding: 10px 0;
  background: #3A454D;
  color: #fff;
}

.footer-right a:hover {
  color: #23b7a4;
}
.footer-right {
    float: right;
}
.footer-right a {
    color: #fff;
    padding: 0 5px;
}
.height {
  height: 480px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
   margin: 0px 0; 
  border-radius: 4px;
}

.readmore {
  background: red none repeat scroll 0 0;
  border: 1px solid red;
  padding: 10px 15px;
}

.single-features > p {
    margin-bottom: 29px;
}
.single-features {
  margin-bottom: 86px;
  border: 1px solid green;
  text-align: center;
  padding: 5px;
}
.readmore.pull-right > a {
  color: #fff;
}
.readmoreimg {
  float: left;
  padding: 10px;
}
/*.feature-content > p {
  margin-top: 10px;
}*/

.feature-content {
  text-align: justify;
}
hr {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eee -moz-use-text-color -moz-use-text-color;
  border-image: none;
  border-style: solid none none;
  border-width: 1px 0 0;
  margin-bottom: 13px;
}
.feature-content h2 {
  margin-top: 20px;
  font-size: 26px;
}

.fixed-bottom {
  background: #3a454d none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  line-height: 24px;
  padding: 10px 0;
  position: fixed;
  width: 100%;
}