/* ============================
	        COLOR 
=============================== */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,
.navbar.navbar-bg-light .navbar-nav > li > a:hover, .navbar.navbar-bg-light .navbar-nav > li > a:focus, .navbar.navbar-bg-light .navbar-nav > li > a.active,
.navbar.navbar-bg-light .navbar-nav > li > a.highlighted,
.page-links div a:hover, .page-links div a:active, .page-links div a:focus,
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a.active,
.text-color,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active > a:hover,
#page .breadcrumb > .active,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.sitemap li a:hover,
.side-navbar .top-contact.link-hover-black > a:hover,
.side-navbar .top-social-icon > a:hover i,
.nav .open > a.highlighted {
    color: #6fb0b5;
}


/* ============================
     BACKGROUND COLOR 
=============================== */
.top-bar-section.top-bar-bg-color,
.table-header,
.nav > li > a:focus, .nav > li > a:hover,
.navbar-bg-color,
.top-bar-section.top-bar-bg-color,
.section-title h1:before,
.section-title h2:before,
h3.count-number:before,
h2.count-number:before{
    background-color: #6fb0b5;
}
.table-header { color:#fff}
.container-desc {
    max-width: 800px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width:768px) {
    .container-desc {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container-desc {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container-desc {
        width: 800px
    }
}
/*Partition*/
.partition-grey {
    background-color:#f0f0f0;
}
.partition-bg {
    color:#181818;
    background-position:center;
}
.partition-bg-work {
    color: #181818;
    background-position: top;
}
.partition-testimonials {
    background-image: url(../../Image/testimonials.jpg);
    background-attachment: fixed;
    background-size: 100%;
    color: black;
}
.partition-green {
    background-color: #6fb0b5;
    color: white;
}

.partition-white {
    background-color:white;
}

.partition-contact {
    background-color: #3f3f3f;
}
.partition-observation {
    background-image:url("../../Image/observations.jpg");
    background-size:cover;
}
.partition-bg-inner {
    background-image: url("../../Image/talk.jpg");
    background-size: cover;
    background-position: center;
}
.partition-bg-story {
    background-image: url("../../Image/talk-1.jpg");
    background-size: cover;
    background-position: center;
}
.contact-box{
    background-color:white;
    padding:60px;
    height:500px;
}

@media (max-width:768px) {
    .contact-box {
        height: auto;
    }
    .height-auto {
        height: auto;
    }
}

@media (max-width:992px) {
    .contact-box {
        height: auto;
    }
}

.contact-bg {
    padding-left:0;
}

.contact-bg img {
    height:500px;
    object-fit:cover;
}

@media (max-width:768px) {
    .contact-bg img{
        display:none;
    }
}

@media (max-width:992px) {
    .contact-bg img {
        display: none;
    }
}

/*Button*/
.btn-custom {
    color: #fff !important;
    background: #dd8a77;
    border: 1px solid #dd8a77;
    border-radius: 0;
}
.btn-custom:hover {
    color: #fff !important;
    background: #e5beb5;
}
.btn-custom-white{
    color:#3f3f3f !important;
    background:white;
    border: 1px solid #fff;
    border-radius:0;
}
.btn-custom-white:hover {
    background-color:rgba(255,255,255,0.5);
}
.btn-custom-black {
    color: #3f3f3f !important;
    background: none;
    border: 1px solid #3f3f3f;
    border-radius: 0;
}
.btn-custom-black:hover {
    background-color:#3f3f3f;
    color: white !important;
}
.btn-custom-transparent {
    color: #3f3f3f;
    border: 1px solid #898282;
    border-radius: 0;
    background-color: transparent;
}
.btn-custom-transparent:hover {
    color: #fff !important;
    background: #dd8a77;
}
.btn-submit {
    background-color:lightgray;
}

.btn-submit:hover {
    background-color: #6fb0b5;
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.toolbox {
    padding: 10px;
    border-radius: 10px;
    min-height:300px;
}

.toolbox-desc {
    padding: 20px;
    border-radius: 10px;
    background-color: rgba(111, 176, 181,0.7);
    color: white;
}

.toolbox-desc-white {
    padding: 20px;
    border-radius: 10px;
    background-color: rgba(255,255,255);
    color: black;
}

.caption {
    padding: 10px;
    background-color:white;
    color: #3f3f3f;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: justify;
    line-height: initial;
}

.caption h5 {
    margin-bottom:10px;
}

.icon {
    font-size: 70px;
    padding:10px;
}
.half-box {
    padding:0px 20px;
    height:100%;
    color:black;
}
.page-section-full {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.section-title-white {
  border-bottom-width: 0px;
  margin-bottom: 40px;
  position: relative;
}
.section-title-white h1{
	text-transform:capitalize;
	text-align:center;
	font-size: 40px;	
    font-weight: normal;
    margin: 0 0 12px;
    padding: 14px 0;
}

.section-title-white h2{
	text-transform:capitalize;
	text-align:center;
	font-size: 35px;	
    font-weight: normal;
    margin: 0 0 12px;
    padding: 14px 0;
}
.section-title-white.text-left h2,
.section-title-white.text-left h1{
 text-align:left;
}
.section-title-white h1:before ,
.section-title-white h2:before {
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  right:0;
  margin:-2px auto;
  position: absolute;
  width: 40px;
  background-color:white;
}
.section-title-white h2{
	font-size:28px;
}
.section-title-white.text-left h2{
	text-align:left;
}
.section-title-white.text-left h1:before ,
.section-title-white.text-left h2:before{
    left: 0;
    margin-left: 0;
}
.height-300 {
    height:300px;
}
.center-300 {
    line-height: 150px;
    height: 300px;
    text-align: center;
}
.center-300 p {
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width:768px) {
    .height {height: auto;}
    .header-bg {padding-bottom:20px;margin-top:-20px;padding-left:20px;padding-right:20px;color:#000;}
    h1 {font-size: 30px;font-weight: 600;}
    h2 {font-size: 20px;}
    h3 {font-size: 19px;font-weight: 500;text-transform: capitalize;}
    h4 {font-size: 19px; font-weight: 500; line-height: 1.7; text-transform: capitalize;}
    h5 {font-size: 18px;}
    h6 {font-size: 18px; line-height:25px}
    .section-title h1 { font-size: 28px;}
    .section-title h2 { font-size: 20px;}
    Footer { font-size:13px;}
    .partition-grey {background-color: #fff; padding: 0;}
  
}
.gridbox {padding: 85px 10px;}

.breadcrumb-box {
    background-color:#f2f2f2;
}
.bottom-pad-200 {
    padding-bottom: 200px;
}
.header-bg {
    padding-bottom:200px;
}
@media (min-width:1920px) {
    .image-bg.content-in {
        background-position: center;
    }
    .slider-header {
        padding-bottom:200px;
    }
}
.container-small {
    max-width: 500px;
    width: 100%;
    margin:auto;
}
/* ============================
     PROGRESS BAR 
=============================== */
.progress-indicator {
    padding-bottom:20px;
}
.progress-indicator > li.completed .bubble, .progress-indicator > li.completed .bubble:after, .progress-indicator > li.completed .bubble:before {
    background-color: #6db0b5;
    border-color: #6db0b5;
}
.progress-indicator > li.completed, .progress-indicator > li.completed .bubble {
    color: #6db0b5;
}