/* Custom CSS Code 
=================================================*/

/* this logo width & height , you can change it depend on your logo */
.logo img {
    width: 200px;
}

.notification_error {
    height: auto;
    margin: 20px 0 20px 0;
    padding: 10px;
    line-height: 24px;
    background-color: #D30404;
    color: #fff;
    border: none;
}

.notification_ok {
    height: auto;
    margin: 20px 0 20px 0;
    padding: 10px;
    background: #6BBD64;
    line-height: 24px;
    border: none;
}



.slider-2 .slides li span {
    padding: 8px 15px 8px 15px;    
    background: rgba(63, 189, 152, 0.6);
    letter-spacing: 2px;
    line-height: 40px !important;      
}





.fleft {
	float:left;
}
.fright {
	float:right;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.mar_t_-3{margin-top:-38px }
.mar_t_-2{margin-top:-40px }
.mar_t_-1{margin-top:-20px }
.mar_t_0{margin-top:-4px}
.mar_t_05{margin-top:5px}
.mar_t_1{margin-top:10px}
.mar_t_2{margin-top:20px}
.mar_t_3{margin-top:30px}
.mar_t_4{margin-top:40px}
.mar_t_45{margin-top:45px}
.mar_t_5{margin-top:50px}
.mar_t_6{margin-top:60px}


.mar_b_0{margin-bottom:0}
.mar_b_1{margin-bottom:10px}
.mar_b_15{margin-bottom:15px}
.mar_b_2{margin-bottom:20px}
.mar_b_25{margin-bottom:25px}
.mar_b_3{margin-bottom:30px}
.mar_b_4{margin-bottom:40px}
.mar_b_5{margin-bottom:50px}
.mar_b_6{margin-bottom:60px}
.mar_b_7{margin-bottom:70px}
.mar_b_8{margin-bottom:80px}

.mar_r_1{margin-right:10px}
.mar_r_2{margin-right:20px}
.mar_r_3{margin-right:30px}
.mar_r_4{margin-right:40px}

.mar_l_1{margin-left:10px}
.mar_l_2{margin-left:20px}
.mar_l_3{margin-left:30px}
.mar_l_4{margin-left:40px}
.mar_l_5{margin-left:50px}
.mar_l_6{margin-left:60px}

.pad_t_0{padding-top:5px}
.pad_t_15{padding-top:15px}
.pad_t_1{padding-top:10px}
.pad_t_25{padding-top:25px}
.pad_t_2{padding-top:20px}
.pad_t_3{padding-top:30px}
.pad_t_4{padding-top:40px}
.pad_t_45{padding-top:45px}
.pad_t_5{padding-top:50px}
.pad_t_55{padding-top:55px}
.pad_t_6{padding-top:60px}
.pad_t_7{padding-top:70px}
.pad_t_8{padding-top:80px}
.pad_t_9{padding-top:90px}

.pad_b_1{padding-bottom:10px}
.pad_b_15{padding-bottom:15px}
.pad_b_2{padding-bottom:20px}
.pad_b_25{padding-bottom:25px}
.pad_b_3{padding-bottom:30px}
.pad_b_4{padding-bottom:40px}
.pad_b_5{padding-bottom:50px}
.pad_b_6{padding-bottom:60px}
.pad_b_7{padding-bottom:70px}
.pad_b_8{padding-bottom:80px}
.pad_b_9{padding-bottom:90px}
.pad_b_10{padding-bottom:100px}

.pad_r_1{padding-right:10px}
.pad_r_2{padding-right:20px}
.pad_r_3{padding-right:30px}

.pad_l_1{padding-left:10px}
.pad_l_15{padding-left:15px}
.pad_l_2{padding-left:20px}
.pad_l_3{padding-left:30px}



ul.arrow-list > li > a {
    color: #3fbd98;
}

ul.arrow-list > li > a:hover {
    color: #002233
}


ul.slides li img {
    border-radius: 8px !important
}


@media only screen and (max-width: 767px) {
    .xs-btn-block {
        width: 100% !important;
        display: block;
    }


    .slider-2 .slides li h2 span {
        font-size: 35px;
    }

    .slider-2 .slides li span {
        padding: 8px 15px 8px 15px;
        line-height: 20px !important;
    }
}