body{
    background-image: url('../images/bg.png');
    background-repeat: no-repeat, no-repeat;
    background-size: 100%;
}

.logo{
    width: 160px;
    max-width: 400px;
}

nav.bg-dark{
    background-color: #57a695 !important;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.9);
}
section#banner{
    
}

.carousel-indicators li{
	background-color:#000;
}


h1{
    font-size: 1.6rem;
}
h1.title span{
    position: relative;
}
h1.title span::before{
    content: '';
    position: absolute;
    background-color: #d6d6d6;
    width: 110px;
    height: 34px;
    z-index: -1;
    left: -12px;
    border-left: 2px #57a695 solid;
}



#ex-category-home {
   background: #dbf9f3;
	
}

#ex-category-home div{
    width: 18.8%;
    display: inline-block;   	
	background: #dbf9f3;
	padding-top: 10px;
    margin-bottom: 10px;
    vertical-align : top;
	text-align : center;
}
#ex-category-home div img{
	
    padding-top: 20px;
	width: 72px;
	margin-bottom : 8px;
	transition: all 1s;
}
#ex-category-home div .caption-ex{
	text-align:center;
	width : 100%;
}
#ex-category-home div:hover img{
	
    transform : scale(1.1);
	
}


#ex-category-home1 div{
    width: 18.8%;
    display: inline-block;   	
	
	padding-top: 10px;
    margin-bottom: 10px;
    vertical-align : top;
	text-align : center;
}
#ex-category-home1 div img{
	border: 3px solid #57a695;
    background-color: #57a695;
   
	width: 72px;
	margin-bottom : 8px;
	transition: all 1s;
}
#ex-category-home1 div .caption-ex{
	text-align:center;
	width : 100%;
}
#ex-category-home1 div:hover img{
	
    transform : scale(1.1);
	
}


#by-category-home div{
    width: 15.8%;
    display: inline-block;  
	
	padding-top: 10px;
    margin-bottom: 10px;
    vertical-align : top;
	text-align : center;
}
#by-category-home div img{
	border: 3px solid #57a695;
    background-color: #57a695;   
	width: 72px;
	margin-bottom : 8px;
	transition: all 1s;
}
#by-category-home div .caption-ex{
	text-align:center;
	width : 100%;
}
#by-category-home div:hover img{
	
    transform : scale(1.1);
	
}

div#list-4col{
 
        -moz-column-count: 4;
        -moz-column-gap: 20px;
        -webkit-column-count: 4;
        -webkit-column-gap: 20px;
        column-count: 4;
        column-gap: 20px;
    
}

/*partenrs*/
.sponsor-item{display:inline-block;padding:0 15px;margin-bottom:15px;position:relative}
.sponsor-item img{width:100%;height:auto;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.sponsor-item .item{border:1px solid #F2F2F2;overflow:hidden}.sponsor-content{position:absolute;top:35%;transform:translateY(-50%);width:100%;margin:auto}.sponsor-content p{color:#fff;font-size:15px;margin-bottom:0;line-height:18px;padding:0 10px;text-align:center;transform:translateY(20px);transition:all .4s ease-in-out}.sponsor-item:hover .sponsor-content{display:block}.sponsor-item .item .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.68);width:auto;margin:0 15px;opacity:0;padding:0}.sponsor-item:hover .overlay{opacity:1}.sponsor-item:hover .item img{transform:scale(1.2)}
/*end*/
footer .container{
    
    color: #FFF;
    background-color: #57a695;
}
/*.footer-title{
    font-size: 1.2rem;
    margin-bottom: 8px;
}
footer .footer-links a{
    display: block;
    width: 100%;
    text-decoration: none;
    color: #FFF;
}
footer div.row{
    text-align: right;
    color: #FFF;
    font-size: 0.8rem;
    padding: 18px 0;
    background-color: #ba1217;
}*/

.single-footer-widget h2{
font-size: 18px;
color: #FFF;
}
.single-footer-widget ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-footer-widget ul li{
    border-bottom: 1px dotted #fbfbfb;
    padding: 3px 0;
}
.single-footer-widget ul li a{
    font-size: 14px;
    color: #FFF;
}
.single-footer-widget address{
    font-size: 14px;
    color: #FFF;
}


section#main{
    min-height: 500px;
}

@media (max-width: 576px){
    #ex-category-home div{
        border-left: 2px #57a695 solid;
        width: 100%;
        display: inline-block;
        padding-left: 8px;
        margin-bottom: 20px;
        transition: all 1s;
    }
    div#list-4col{
 
        -moz-column-count: 1;
        -moz-column-gap: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 20px;
        column-count: 1;
        column-gap: 20px;
    
}

#whatsapp-icon{
    position: fixed; 
    bottom: 24px; right: 24px;
    
}
#whatsapp-icon img{
    width: 64px;
    
    transition: all 1s;
}
#whatsapp-icon:hover img{
    transform: scale(1.2);
    
}
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1340px;
}
}