@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
body{
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{
    padding: 0px;
    margin: 0px;
}
a:hover,
a:focus{
    outline: none;
}
section{
    float: left;
    width: 100%;
}
/************** Header *****************/
.header .navbar-brand { height: auto; padding: 8px 0;}
.navbar-default .navbar-nav > li > a { font-size: 18px; padding: 25px 15px; position: relative; color: #000; position: relative;}
.navbar-default .navbar-nav > li.active > a { color: #00c37a; background-color: transparent;}
.navbar-default .navbar-nav > li.active > a:after {content: ""; background-color: #00c37a; width: 100%; height: 3px;position: absolute;bottom: 0; left: 0;}
.header nav.navbar.navbar-default { border: 0 none; border-radius: 0; box-shadow: 0 0 0; margin: 0;}

/************** Slider *****************/
.slider .carousel-caption { top: 30%;}
.slider .carousel-caption p { font-size: 16px; font-weight: 300; margin: 20px auto 0; max-width: 560px;}

/************** Filter Top *****************/
.top-filter {  background-image: url("../images/bg_s.png"); background-size: 100% 100%; background-repeat: repeat-x; box-shadow: 0 2px 4px #ccc; float: left; margin-top: -60px; padding: 15px 13px; 
               position: relative; width: 100%; margin-bottom: 40px; z-index: 9999;}
.top-filter .select-type .radio-inline span { color: #00c37a; font-size: 22px;}
.top-filter .select-type input { margin: 9px 0 0 -20px;}
.top-filter .select-type .form-group { margin: 0;}
.top-filter .select-type h2 { color: #033c5d; font-size: 26px; margin-bottom: 6px; margin-top: 12px; text-transform: uppercase;}
.select-type { float: left;width: 23%;}
.select-form-type { float: left;width: 77%;}
.select-form-type input.form-control { border-radius: 0; height: 45px;}
.select-form-type .input-group-addon { background-color: #033d5f; border: 0 none; border-radius: 0; color: #fff; font-size: 22px; position: relative;}
.select-form-type .input-group-addon::before { border-bottom: 22px solid transparent; border-right: 20px solid #033d5f; border-top: 23px solid transparent; content: ""; height: 0;
                                               left: -20px; position: absolute; top: 0; width: 0; z-index: 9999;}
.type-selction { float: left; width: 100%;}
.select-box { float: left; margin-top: 10px; padding-right: 2%; width: 23%;}
.select-box-button > label { float: left; width: 100%;}
.select-box-button{ float: left; margin-top: 10px; padding-right: 2%; width: 8%;}
.select-box  select {-moz-appearance: none;-webkit-appearance: none; appearance: none; background-image: url('../images/arrow_search.png');background-position: right 4px;
                    background-repeat: no-repeat; border-radius: 0;}
.select-box-button .btn.btn-success {background-color: #00c37a; border: 0 none; border-radius: 0; position: relative;}
.select-box-button .btn.btn-success::after {border-bottom: 16px solid transparent; border-left: 16px solid #00c37a; border-top: 16px solid transparent; content: ""; height: 0;
                                               right: -16px; position: absolute; top: 0; width: 0; z-index: 9999;}
.listing { background-color: #162127; margin-bottom: 15px;}
.listing h4.media-heading { color: #00c37a; font-size: 15px; margin: 25px 0 7px;}
.listing h5{ color: #00c37a; font-size: 15px; margin: 0px 0 7px;}
.listing .media-body li { color: #fff; font-size: 13px; display: inline-block; list-style: outside none none; padding: 0 14px 0 0;}
.listing .media-body p { color: #d5d5d5; font-size: 13px; margin-bottom: 15px;}
.last-list { border-top: 1px solid #fff; margin-top: 10px; padding-top: 10px;}
.listing .btn.btn-success { background-color: #00c37a; border: 0 none; border-radius: 0; padding: 3px 13px;}
.listing .media-body li.f_right{ float: right; padding-right: 0}
.listing { background-color: #162127; margin-bottom: 15px; padding-right: 17px;}

.feature-section h2 {color: #084d76; font-size: 28px; font-weight: normal; margin: 20px 0 14px;}
.feature-section li { display: block; list-style: outside none none; border-bottom: 3px dotted #000; margin-bottom: 15px; padding-bottom: 15px;}
.feature-section h4 { color: #010101; font-size: 19px; font-weight: 600; line-height: 28px;}
.feature-section h4 span{ display: block;}
.feature-section h5 { color: #00c37a; font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.feature-section a { color: #828688; font-size: 16px; text-decoration: none;}

.testimonial {background-image: url('../images/bg-test.png'); background-size: 100%; padding: 100px 0;}
.testimonial .owl-carousel .owl-item img { border-radius: 50%; margin-right: 10px; width: auto;}
.testimonial h2 { color: #fff; margin-bottom: 50px; text-align: center;}
.testimonial .media-heading i { color: #fff; font-size: 40px;}
.testimonial .owl-next { position: absolute; right: -60px; top: 30px;}
.testimonial .media-body p { color: #fff; font-size: 13px; margin-bottom: 20px;}
.testimonial .media-body p span{ text-transform: uppercase; font-size: 14px; color: #00c37a;}
.testimonial .owl-theme .owl-nav [class*="owl-"] { background: transparent none repeat scroll 0 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 30px;
                                      margin: 5px; padding: 4px 7px;}
.testimonial .owl-prev { left: -60px; position: absolute; top: 30px;}

.footer { padding: 70px 0 30px;}
.footer-list h2 { font-size: 17px; font-weight: 600; margin-bottom: 14px;}
.footer-list a { color: #000; font-size: 14px;}
.footer-list li { display: block; list-style: outside none none; padding: 2px 0;}

.footer-last i { border: 1px solid #000; border-radius: 50%; color: #000; display: inline-block; font-size: 30px; height: 50px; line-height: 50px; text-align: center; width: 50px;}
.social li { display: inline-block;list-style: outside none none;  margin: 0 3px 15px;}
.footer-last h3 { color: #03be7f; font-size: 24px; font-weight: normal; margin-bottom: 7px;}
.footer-last p { font-size: 11px; margin-bottom: 9px;}
.slider .carousel-caption img { margin: 0 auto;}


@media( max-width: 1199px){
.top-filter .select-type h2 { font-size: 21px;}
.top-filter .select-type .radio-inline span { font-size: 20px;}
.listing h4.media-heading { color: #00c37a; font-size: 15px; margin: 15px 0 7px;}
.testimonial .owl-next { right: -40px;}
.testimonial .owl-prev { left: -40px;}
}
@media( max-width: 767px){
.select-type { float: left; margin-bottom: 20px; width: 100%;}
.top-filter { margin-top: 0;}
.select-form-type { float: left; width: 100%;}
.select-box { width: 48%;}
.media-left, .media-right, .media-body { display: block; float: left; padding: 12px 20px; text-align: center; vertical-align: inherit; width: 100%;}
.media-object { display: inherit; margin: 0 auto;}
.testimonial .owl-carousel .owl-item img { border-radius: 50%; display: inherit; margin: 0 auto; width: auto;}
.slider .item p { display: none;}
.slider .carousel-caption { top: 20%;}
.slider .carousel-caption p{ display: none;}
}
@media( max-width: 480px){
    body{
        overflow-x: hidden;
    }
}
.footer-last .input-group-addon {
  cursor: pointer;
}