@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%;
}
.pad0{
    padding: 0;
}
img { max-width: 100%;}
/************** Header *****************/
.header {background-size: cover; background-image: url("../images/slide-bg.png"); padding: 25px 0 0;}
.header .list li { color: #fff; display: inline-block; font-size: 25px; list-style: outside none none; padding: 0 0 0 30px;}
.header .list { text-align: right;}
.main-menu nav.navbar.navbar-default { background: transparent none repeat scroll 0 0; border: 0 none; border-radius: 0; margin: 45px 0 80px;}
.main-menu .navbar .nav.navbar-nav > li > a { color: #fff; font-size: 16px; padding: 15px 32px; text-transform: uppercase;}
.main-menu .nav.navbar-nav > li.active > a { color: #ffae00; background: transparent;}
.form-login { left: 8%; position: absolute; top: 42%;}
.login { position: relative;}

.form-control.btn-log { background: orange none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 18px; height: auto;}
.login .form-group > a { color: #fff; font-size: 19px;}
.bg-point { background-color: #f5a702; color: #fff; float: left; width: 100%;}
.search-trainer h2 { font-size: 36px; margin: 10px 0 5px; text-transform: uppercase; }
.search-trainer li { border-bottom: 2px solid #d29006; display: block; list-style: outside none none; padding: 6px 0; font-size: 18px; min-height: 70px;}
.search-trainer span { color: #bd8204; display: inline-block; float: left;font-family: Oswald; font-size: 38px; margin-right: 18px;}
.search-trainer .btn.btn-default { display: block; font-size: 25px; margin: 18px 0;background-size: cover; background: url("../images/btn-bg.jpg"); border: 0;}
.sbc-list > li { color: #fff; float: left; padding: 10px 25px; position: relative; text-align: left; width: 33.33%;}

.middle-content { padding: 80px 0;}
.left-middle h2 { color: #3f4042; font-size: 35px; font-weight: bold; margin-bottom: 15px; text-align: center; text-transform: uppercase;}
.left-middle h3 { color: #f5a804; font-size: 25px; margin-bottom: 5px; text-align: center; text-shadow: 0 1px 1px #000; text-transform: uppercase;}

.how-it-work h4 { color: #f5a702; font-size: 30px; margin-bottom: 20px; margin-top: 30px; position: relative;}
.how-it-work h4::after { background-color: #000; bottom: -4px; content: ""; height: 2px; left: 0; position: absolute; width: 80px;}
.how-it-work p { color: #252626; font-size: 14px; margin-bottom: 4px;}

.personal-trainers > h4{ color: #f5a702; font-size: 30px; margin-bottom: 20px; margin-top: 30px; position: relative;}
.personal-trainers li { display: inline-block; list-style: outside none none;  padding: 0 10px;}
.personal-trainers img { border-radius: 50%; height: 111px; width: 111px;}

.become-trainer h2 { background-image: url("../images/book-btn.png"); background-size: 100% 100%; border-radius: 5px; color: #fff; font-size: 24px; font-weight: 500; margin-bottom: 15px;
                     padding: 16px 0; text-align: center;}
.become-trainer p { font-size: 15px; font-weight: bold; margin-bottom: 20px;}
.become-trainer span { color: #f5a702;}
.find-form .form-control { border-color: #000; border-radius: 0;}
.become-trainer .btn.btn-default.btn-send { background-image: url("../images/book-btn.png"); background-size: 100% 100%; border-radius: 5px; color: #000; font-size: 24px;
                                            font-weight: 500; margin-bottom: 15px; padding: 6px 20px; text-align: center; text-transform: uppercase;}

.footer { background-color: #231d2c; padding: 45px 0;}
.footer h2 { color: #fff; font-size: 21px; font-weight: normal; margin-bottom: 20px;}
.footer a { color: #fff; text-decoration: none;}
.double-menu > li { float: left; list-style: none; margin: 3px 0; width: 50%;}
.single-menu > li { float: left; list-style: none; margin: 3px 0; width: 100%;}
.social > li { display: inline-block; list-style: none; padding: 0 3px;}
.contact p { color: #fff; margin: 10px 0;}
.footer .form-control { border-radius: 0; color: #000; margin-bottom: 10px;}
.footer .form-grop input[type="submit"] { background-color: #f8b21e; border: 0 none; border-radius: 5px; color: #000; font-size: 17px; font-weight: bold; padding: 8px 20px;}


@media(max-width: 1199px){
.main-menu .navbar .nav.navbar-nav > li > a { padding: 15px 20px;}
.search-trainer li { border-bottom: 2px solid #d29006; display: block; font-size: 16px; list-style: outside none none; min-height: 56px; padding: 2px 0;}
.search-trainer .btn.btn-default { margin: 8px 0;}
.left-middle h2 { font-size: 30px;}
.how-it-work h4 { font-size: 25px;}
.become-trainer h2 { font-size: 20px;}
.social img { width: 40px;}
}

@media(max-width: 991px){
.main-menu .navbar .nav.navbar-nav > li > a { font-size: 15px; padding: 15px 9px;}
.header .list li { font-size: 20px;}
.become-trainer { margin-top: 55px;}
}
@media(max-width: 767px){
.form-login { top: 20px;}
.main-menu nav.navbar.navbar-default { background-color: black; margin: 25px 0 21px;}
.login .form-control { height: 30px;}

}
@media(max-width: 480px){
.form-login { top: 10px;}
.form-login .form-group { margin-bottom: 7px;}
.double-menu > li { width: 100%;}
.footer h2 { margin-top: 40px;}

}