@font-face {
    font-family: supermarket;
    src: url('../fonts/supermarket.ttf');
}

body{background-color:#fff;font-family: supermarket}
a{color: #006666}
a:hover{color: #003333;text-decoration: none;}
.modal .close{font-family: none}
.navbar{background-color: #fff}
.navbar .nav-item{margin-right: 20px;}
.navbar-light .navbar-nav .nav-link{color: #003333;font-size: 18px;padding-bottom: 2px}
.navbar-light .navbar-nav .active>.nav-link{color: #003333;border-bottom: 4px solid #003333}
.btn-outline-primary {width: 100px;height: 100px;padding: 15px 16px;font-size: 30px;line-height: 1.33;border-radius: 50px;}
.btn-circle {width: 30px;height: 30px;text-align: center;padding: 6px 0;font-size: 12px;line-height: 1.428571429;border-radius: 15px;}
.btn-social-fb, .btn-social-tw, .btn-social-mail{background-color: #fff;border: 1px solid #000;}
.btn-social-fb:hover{background-color: #3b5998;color: #fff;border-color: #fff}
.btn-social-tw:hover{background-color: #1B95E0;color: #fff;border-color: #fff}
.btn-social-mail:hover{background-color: #006666;color: #fff;border-color: #fff}
.btn-social-youtube:hover{background-color: #cc181e;color: #fff;border-color: #fff}
button, input{font-family: supermarket}
.social-box{width: 350px}

header .container-fluid{padding: 0px}
.carousel-item.active,.carousel-item-next,.carousel-item-prev {display: block;}

#about-section{background-color: #006666;color: #bababa}
#about-section .list-inline-item{padding-left: 10px;padding-right: 10px}
.btn-about{background-color: #999966;color: #fff;border-radius: 50px;padding-left: 25px;padding-right: 25px}

#eco-content{color: #003333}
#eco-content{background-image: url('../img/bg-eco.jpg') ;background-repeat: no-repeat;background-attachment: scroll;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
#eco-content .btn-primary{background-color: #006666;border-color: #006666}
#eco-content .btn-primary:hover{background-color: #003333;}
#eco-content h1{color: #003333}
#eco-content h2{color: #006666}

#form-email{background-color: #006666;color: #fff}
#form-email input{border-color: #fff}
#form-email .input-group-addon{border-color: #fff;background-color: #fff}
#form-email .input-group-addon span{color: #003333}
#form-email .btn-primary{background-color: #999966;border-color: #999966}
#form-email .btn-primary:hover{background-color: #7c7c4d;border-color: #7c7c4d}

footer{color: #fff;padding-top: 20px;padding-bottom: 10px;background-color: #006666;}
footer .contact-footer h6{color: #297777;margin-top: 20px}
footer .contact-footer p{margin-bottom: 0px;font-size: 15px}
footer .title-box p{margin-bottom: 0px;color: #fff;font-size: 15px}
footer .title-box{background-color: #29292b;color: #fff;display: inline-block;padding: 5px 10px 5px 10px;border-radius: 5px;}
footer .input-group, .form-contact .input-group{margin-bottom: 15px}

footer .form-control{border-color: #d8d9db;background-color: #d8d9db}
footer .input-group-addon{border-color: #d8d9db;background-color: #d8d9db}
footer .btn-primary, .form-contact .btn-primary{background-color: #006666;border-color: #006666}
footer .btn-primary:hover, .form-contact .btn-primary:hover{background-color: #003333;}

.title-head{border-bottom: 3px solid #006666;color: #006666}
thead{background-color: #006666;color: #fff;}
.pagination{font-family: none}
.page-link{color: #006666}

.page-item.active .page-link{background-color: #003333;border-color: #003333}
.page-item a{position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #003333;
    background-color: #fff;
    border: 1px solid #ddd;}
.page-item.active a{background-color: #003333;border-color: #003333;color:#fff;}
.nav-tabs .nav-link.active{border: none;color: #003333}
.nav-tabs .nav-link:hover{border-color: #fff}
.nav-tabs .nav-link{color: #bababa}
.nav-tabs{padding-bottom: 10px}

.user-box button{border: none;padding-top: 6px;padding-bottom: 6px;}

.info-box .info-box-caption {color: white;opacity: 0;display: block;background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;text-align: center;width: 92%;height: 100%;-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;}
.info-box .info-box-caption .info-box-caption-content {width: 100%;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);}
.info-box:hover .info-box-caption {opacity: 1;}
.info-box:focus {outline: none;}
.info-box-caption-content button{background-color: transparent;color: #fff;border-color: #fff;border-radius: 0px}
.info-box .text-box{position: absolute;padding: 20px 20px 0px 20px;width: 92%;bottom: 0}
.info-box .text{background-color: #fff;padding: 10px 20px 10px 20px;width: 100%;margin: auto;}

.icon-assessment .btn-outline-primary {width: 100px;height: 100px;padding-top: 20px;font-size: 50px;line-height: 1.33;border-radius: 50px;}
.icon-assessment .btn-outline-primary{background: #006666;color: #fff;border-color: #006666}
.icon-assessment .btn-outline-primary:hover{background: #003333;color: #fff;border-color: #003333}
.icon-assessment .list-inline-item{padding-left: 20px;padding-right: 20px}
.icon-assessment h5{margin-top: 12px}

.containerz{display:none;}

.social-box{width: 100%}
.btn-social-fb, .btn-social-tw, .btn-social-mail, .btn-social-youtube{background-color: #006666;border: 1px solid #fff;color: #fff}
.btn-social-mail:hover{background-color: #ff7f00;}
footer{background-color: #006666;color: #fff}
footer a{color: #fff}

button{cursor:pointer;}
@media (max-width: 767px) {
    .navbar-brand img{height: 50px}
    .navbar-toggler{margin-top: 10px}

    #about-section .list-inline li{margin-bottom: 20px}

    #eco-content{background-image: none}
    #eco-content .text-box-1{padding: 15px !important;padding-top: 50px !important}
    #eco-content .text-box-2{padding-top: 10px !important}
    #eco-content .text-box-3{padding: 15px !important}

    #form-email button{width: 100%}
    #form-email .form-check-label{padding-left: 0px}

    footer .contact-footer{text-align: center}
	
	 footer{text-align: center !important}
    .social-box{text-align: center !important}
}

@media (min-width: 768px) and (max-width: 991px) {

    .navbar-brand{margin-right: 10px}
    .navbar-brand img{height: 50px}
    .navbar .nav-item{margin-right: 0px;}
    .navbar-light .navbar-nav .nav-link{font-size: 15px;}
    .navbar-nav{margin-right: 30px}

    #about-section .list-inline-item img{height: 50px}
    #eco-content .container{padding-top: 0px !important}
    #eco-content h1{font-size: 30px;margin-top: 20px}
    #eco-content h2{font-size: 25px}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}