/*!

   * Bootstrap v3.3.7 (http://getbootstrap.com)

   * Copyright 2011-2016 Twitter, Inc.

   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

   */



@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

.black {

    color: #343025

}

.orange-background {

    background-color: #FFC722

}

.orange-text {

    color: #FFC722

}

.white-color {

    color: #fff

}

.text-center {

    text-align: center

}

.btn-default,

.btn-primary,

.btn-success,

.btn-info,

.btn-warning,

.btn-danger {

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075)

}

.btn-default:active,

.btn-primary:active,

.btn-success:active,

.btn-info:active,

.btn-warning:active,

.btn-danger:active,

.btn-default.active,

.btn-primary.active,

.btn-success.active,

.btn-info.active,

.btn-warning.active,

.btn-danger.active {

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)

}

.btn-default.disabled,

.btn-primary.disabled,

.btn-success.disabled,

.btn-info.disabled,

.btn-warning.disabled,

.btn-danger.disabled,

.btn-default[disabled],

.btn-primary[disabled],

.btn-success[disabled],

.btn-info[disabled],

.btn-warning[disabled],

.btn-danger[disabled],

fieldset[disabled] .btn-default,

fieldset[disabled] .btn-primary,

fieldset[disabled] .btn-success,

fieldset[disabled] .btn-info,

fieldset[disabled] .btn-warning,

fieldset[disabled] .btn-danger {

    -webkit-box-shadow: none;

    box-shadow: none

}

.btn-default .badge,

.btn-primary .badge,

.btn-success .badge,

.btn-info .badge,

.btn-warning .badge,

.btn-danger .badge {

    text-shadow: none

}

.btn:active,

.btn.active {

    background-image: none

}

.btn-default {

    background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);

    background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);

    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);

    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);

    background-repeat: repeat-x;

    border-color: #dbdbdb;

    text-shadow: 0 1px 0 #fff;

    border-color: #ccc

}

.btn-default:hover,

.btn-default:focus {

    background-color: #e0e0e0;

    background-position: 0 -15px

}

.btn-default:active,

.btn-default.active {

    background-color: #e0e0e0;

    border-color: #dbdbdb

}

.btn-default.disabled,

.btn-default[disabled],

fieldset[disabled] .btn-default,

.btn-default.disabled:hover,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default:hover,

.btn-default.disabled:focus,

.btn-default[disabled]:focus,

fieldset[disabled] .btn-default:focus,

.btn-default.disabled.focus,

.btn-default[disabled].focus,

fieldset[disabled] .btn-default.focus,

.btn-default.disabled:active,

.btn-default[disabled]:active,

fieldset[disabled] .btn-default:active,

.btn-default.disabled.active,

.btn-default[disabled].active,

fieldset[disabled] .btn-default.active {

    background-color: #e0e0e0;

    background-image: none

}

.btn-primary {

    background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);

    background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);

    background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);

    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);

    background-repeat: repeat-x;

    border-color: #245580

}

.btn-primary:hover,

.btn-primary:focus {

    background-color: #265a88;

    background-position: 0 -15px

}

.btn-primary:active,

.btn-primary.active {

    background-color: #265a88;

    border-color: #245580

}

.btn-primary.disabled,

.btn-primary[disabled],

fieldset[disabled] .btn-primary,

.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled.focus,

.btn-primary[disabled].focus,

fieldset[disabled] .btn-primary.focus,

.btn-primary.disabled:active,

.btn-primary[disabled]:active,

fieldset[disabled] .btn-primary:active,

.btn-primary.disabled.active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary.active {

    background-color: #265a88;

    background-image: none

}

.btn-success {

    background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%);

    background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%);

    background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);

    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);

    background-repeat: repeat-x;

    border-color: #3e8f3e

}

.btn-success:hover,

.btn-success:focus {

    background-color: #419641;

    background-position: 0 -15px

}

.btn-success:active,

.btn-success.active {

    background-color: #419641;

    border-color: #3e8f3e

}

.btn-success.disabled,

.btn-success[disabled],

fieldset[disabled] .btn-success,

.btn-success.disabled:hover,

.btn-success[disabled]:hover,

fieldset[disabled] .btn-success:hover,

.btn-success.disabled:focus,

.btn-success[disabled]:focus,

fieldset[disabled] .btn-success:focus,

.btn-success.disabled.focus,

.btn-success[disabled].focus,

fieldset[disabled] .btn-success.focus,

.btn-success.disabled:active,

.btn-success[disabled]:active,

fieldset[disabled] .btn-success:active,

.btn-success.disabled.active,

.btn-success[disabled].active,

fieldset[disabled] .btn-success.active {

    background-color: #419641;

    background-image: none

}

.btn-info {

    background-image: -webkit-linear-gradient(top, #5bc0de 0, #2aabd2 100%);

    background-image: -o-linear-gradient(top, #5bc0de 0, #2aabd2 100%);

    background-image: linear-gradient(to bottom, #5bc0de 0, #2aabd2 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);

    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);

    background-repeat: repeat-x;

    border-color: #28a4c9

}

.btn-info:hover,

.btn-info:focus {

    background-color: #2aabd2;

    background-position: 0 -15px

}

.btn-info:active,

.btn-info.active {

    background-color: #2aabd2;

    border-color: #28a4c9

}

.btn-info.disabled,

.btn-info[disabled],

fieldset[disabled] .btn-info,

.btn-info.disabled:hover,

.btn-info[disabled]:hover,

fieldset[disabled] .btn-info:hover,

.btn-info.disabled:focus,

.btn-info[disabled]:focus,

fieldset[disabled] .btn-info:focus,

.btn-info.disabled.focus,

.btn-info[disabled].focus,

fieldset[disabled] .btn-info.focus,

.btn-info.disabled:active,

.btn-info[disabled]:active,

fieldset[disabled] .btn-info:active,

.btn-info.disabled.active,

.btn-info[disabled].active,

fieldset[disabled] .btn-info.active {

    background-color: #2aabd2;

    background-image: none

}

.btn-warning {

    background-image: -webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%);

    background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%);

    background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);

    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);

    background-repeat: repeat-x;

    border-color: #e38d13

}

.btn-warning:hover,

.btn-warning:focus {

    background-color: #eb9316;

    background-position: 0 -15px

}

.btn-warning:active,

.btn-warning.active {

    background-color: #eb9316;

    border-color: #e38d13

}

.btn-warning.disabled,

.btn-warning[disabled],

fieldset[disabled] .btn-warning,

.btn-warning.disabled:hover,

.btn-warning[disabled]:hover,

fieldset[disabled] .btn-warning:hover,

.btn-warning.disabled:focus,

.btn-warning[disabled]:focus,

fieldset[disabled] .btn-warning:focus,

.btn-warning.disabled.focus,

.btn-warning[disabled].focus,

fieldset[disabled] .btn-warning.focus,

.btn-warning.disabled:active,

.btn-warning[disabled]:active,

fieldset[disabled] .btn-warning:active,

.btn-warning.disabled.active,

.btn-warning[disabled].active,

fieldset[disabled] .btn-warning.active {

    background-color: #eb9316;

    background-image: none

}

.btn-danger {

    background-image: -webkit-linear-gradient(top, #d9534f 0, #c12e2a 100%);

    background-image: -o-linear-gradient(top, #d9534f 0, #c12e2a 100%);

    background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);

    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);

    background-repeat: repeat-x;

    border-color: #b92c28

}

.btn-danger:hover,

.btn-danger:focus {

    background-color: #c12e2a;

    background-position: 0 -15px

}

.btn-danger:active,

.btn-danger.active {

    background-color: #c12e2a;

    border-color: #b92c28

}

.btn-danger.disabled,

.btn-danger[disabled],

fieldset[disabled] .btn-danger,

.btn-danger.disabled:hover,

.btn-danger[disabled]:hover,

fieldset[disabled] .btn-danger:hover,

.btn-danger.disabled:focus,

.btn-danger[disabled]:focus,

fieldset[disabled] .btn-danger:focus,

.btn-danger.disabled.focus,

.btn-danger[disabled].focus,

fieldset[disabled] .btn-danger.focus,

.btn-danger.disabled:active,

.btn-danger[disabled]:active,

fieldset[disabled] .btn-danger:active,

.btn-danger.disabled.active,

.btn-danger[disabled].active,

fieldset[disabled] .btn-danger.active {

    background-color: #c12e2a;

    background-image: none

}

.thumbnail,

.img-thumbnail {

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075)

}

.dropdown-menu>li>a:hover,

.dropdown-menu>li>a:focus {

    background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);

    background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);

    background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);

    background-color: #e8e8e8

}

.dropdown-menu>.active>a,

.dropdown-menu>.active>a:hover,

.dropdown-menu>.active>a:focus {

    background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);

    background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);

    background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);

    background-color: #2e6da4

}

.navbar-default {

    background-image: -webkit-linear-gradient(top, #fff 0, #f8f8f8 100%);

    background-image: -o-linear-gradient(top, #fff 0, #f8f8f8 100%);

    background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);

    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075)

}

.navbar-default .navbar-nav>.open>a,

.navbar-default .navbar-nav>.active>a {

    background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);

    background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);

    background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);

    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);

    box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075)

}

.navbar-brand,

.navbar-nav>li>a {

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25)

}

.navbar-inverse {

    background-image: -webkit-linear-gradient(top, #3c3c3c 0, #222 100%);

    background-image: -o-linear-gradient(top, #3c3c3c 0, #222 100%);

    background-image: linear-gradient(to bottom, #3c3c3c 0, #222 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);

    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);

    border-radius: 4px

}

.navbar-inverse .navbar-nav>.open>a,

.navbar-inverse .navbar-nav>.active>a {

    background-image: -webkit-linear-gradient(top, #080808 0, #0f0f0f 100%);

    background-image: -o-linear-gradient(top, #080808 0, #0f0f0f 100%);

    background-image: linear-gradient(to bottom, #080808 0, #0f0f0f 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);

    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);

    box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25)

}

.navbar-inverse .navbar-brand,

.navbar-inverse .navbar-nav>li>a {

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)

}

.navbar-static-top,

.navbar-fixed-top,

.navbar-fixed-bottom {

    border-radius: 0

}

@media (max-width: 767px) {

    .navbar .navbar-nav .open .dropdown-menu>.active>a,

    .navbar .navbar-nav .open .dropdown-menu>.active>a:hover,

    .navbar .navbar-nav .open .dropdown-menu>.active>a:focus {

        color: #fff;

        background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);

        background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);

        background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);

        background-repeat: repeat-x;

        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0)

    }

}

.alert {

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05)

}

.alert-success {

    background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);

    background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);

    background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);

    border-color: #b2dba1

}

.alert-info {

    background-image: -webkit-linear-gradient(top, #d9edf7 0, #b9def0 100%);

    background-image: -o-linear-gradient(top, #d9edf7 0, #b9def0 100%);

    background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);

    border-color: #9acfea

}

.alert-warning {

    background-image: -webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);

    background-image: -o-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);

    background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);

    border-color: #f5e79e

}

.alert-danger {

    background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);

    background-image: -o-linear-gradient(top, #f2dede 0, #e7c3c3 100%);

    background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);

    border-color: #dca7a7

}

.progress {

    background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);

    background-image: -o-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);

    background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0)

}

.progress-bar {

    background-image: -webkit-linear-gradient(top, #337ab7 0, #286090 100%);

    background-image: -o-linear-gradient(top, #337ab7 0, #286090 100%);

    background-image: linear-gradient(to bottom, #337ab7 0, #286090 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0)

}

.progress-bar-success {

    background-image: -webkit-linear-gradient(top, #5cb85c 0, #449d44 100%);

    background-image: -o-linear-gradient(top, #5cb85c 0, #449d44 100%);

    background-image: linear-gradient(to bottom, #5cb85c 0, #449d44 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0)

}

.progress-bar-info {

    background-image: -webkit-linear-gradient(top, #5bc0de 0, #31b0d5 100%);

    background-image: -o-linear-gradient(top, #5bc0de 0, #31b0d5 100%);

    background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0)

}

.progress-bar-warning {

    background-image: -webkit-linear-gradient(top, #f0ad4e 0, #ec971f 100%);

    background-image: -o-linear-gradient(top, #f0ad4e 0, #ec971f 100%);

    background-image: linear-gradient(to bottom, #f0ad4e 0, #ec971f 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0)

}

.progress-bar-danger {

    background-image: -webkit-linear-gradient(top, #d9534f 0, #c9302c 100%);

    background-image: -o-linear-gradient(top, #d9534f 0, #c9302c 100%);

    background-image: linear-gradient(to bottom, #d9534f 0, #c9302c 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0)

}

.progress-bar-striped {

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)

}

.list-group {

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075)

}

.list-group-item.active,

.list-group-item.active:hover,

.list-group-item.active:focus {

    text-shadow: 0 -1px 0 #286090;

    background-image: -webkit-linear-gradient(top, #337ab7 0, #2b669a 100%);

    background-image: -o-linear-gradient(top, #337ab7 0, #2b669a 100%);

    background-image: linear-gradient(to bottom, #337ab7 0, #2b669a 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);

    border-color: #2b669a

}

.list-group-item.active .badge,

.list-group-item.active:hover .badge,

.list-group-item.active:focus .badge {

    text-shadow: none

}

.panel {

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)

}

.panel-default>.panel-heading {

    background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);

    background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);

    background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0)

}

.panel-primary>.panel-heading {

    background-image: -webkit-linear-gradient(top, #337ab7 0, #2e6da4 100%);

    background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);

    background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0)

}

.panel-success>.panel-heading {

    background-image: -webkit-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);

    background-image: -o-linear-gradient(top, #dff0d8 0, #d0e9c6 100%);

    background-image: linear-gradient(to bottom, #dff0d8 0, #d0e9c6 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0)

}

.panel-info>.panel-heading {

    background-image: -webkit-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);

    background-image: -o-linear-gradient(top, #d9edf7 0, #c4e3f3 100%);

    background-image: linear-gradient(to bottom, #d9edf7 0, #c4e3f3 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0)

}

.panel-warning>.panel-heading {

    background-image: -webkit-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);

    background-image: -o-linear-gradient(top, #fcf8e3 0, #faf2cc 100%);

    background-image: linear-gradient(to bottom, #fcf8e3 0, #faf2cc 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0)

}

.panel-danger>.panel-heading {

    background-image: -webkit-linear-gradient(top, #f2dede 0, #ebcccc 100%);

    background-image: -o-linear-gradient(top, #f2dede 0, #ebcccc 100%);

    background-image: linear-gradient(to bottom, #f2dede 0, #ebcccc 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0)

}

.well {

    background-image: -webkit-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);

    background-image: -o-linear-gradient(top, #e8e8e8 0, #f5f5f5 100%);

    background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);

    background-repeat: repeat-x;

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);

    border-color: #dcdcdc;

    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);

    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1)

}

body {

    font-family: 'Abel', sans-serif

}

body p {

    font-size: 1.2em

}

body li {

    font-size: 1.2em

}

.wrapper .logo-background-after {

    transform: skewX(-33deg);

    -webkit-transform: skewX(-33deg);

    -moz-transform: skewX(-33deg);

    background: #FDBD00;

    width: 400px;

    left: -50px;

    top: 0;

    height: 120px;

    position: absolute;

    z-index: 1

}



@media(max-width: 640px){

    .wrapper .logo-background-after {

        width: 300px;

    }

}

.wrapper .logo-background-after-sports {

    transform: skewX(-33deg);

    -webkit-transform: skewX(-33deg);

    -moz-transform: skewX(-33deg);

    background: #FDBD00;

    width: 300px;

    left: -50px;

    top: 0;

    height: 100px;

    position: absolute;

    z-index: 1

}

.wrapper .scrollable-menu {

    height: auto;

    max-height: 200px;

    overflow-x: hidden

}

.wrapper #header .fa-2x {

    font-size: 2em

}

.wrapper #header .fa {

    position: relative;

    display: table-cell;

    width: 60px;

    height: 36px;

    text-align: center;

    vertical-align: middle;

    font-size: 20px

}

.wrapper #header .main-menu:hover,

.wrapper #header nav.main-menu.expanded {

    width: 250px;

    overflow: visible

}

.wrapper #header .main-menu {

    position: fixed;

    top: 0;

    bottom: 0;

    height: 100%;

    left: 0;

    width: 60px;

    overflow: hidden;

    -webkit-transition: width .05s linear;

    transition: width .05s linear;

    -webkit-transform: translateZ(0) scale(1, 1);

    z-index: 1000

}

.wrapper #header .main-menu>ul {

    background: rgba(255, 199, 34, 0.7);

    margin: 30vh 0

}

.wrapper #header .main-menu li {

    position: relative;

    display: block;

    width: 250px;

    padding: 2px 0

}

.wrapper #header .main-menu li>a {

    position: relative;

    display: table;

    border-collapse: collapse;

    border-spacing: 0;

    color: #fff;

    font-family: arial;

    font-size: 14px;

    text-decoration: none;

    -webkit-transform: translateZ(0) scale(1, 1);

    -webkit-transition: all .1s linear;

    transition: all .1s linear

}

.wrapper #header .main-menu .nav-icon {

    position: relative;

    display: table-cell;

    width: 60px;

    height: 36px;

    text-align: center;

    vertical-align: middle;

    font-size: 18px

}

.wrapper #header .main-menu .nav-text {

    position: relative;

    display: table-cell;

    vertical-align: middle;

    width: 190px;

    font-family: 'Titillium Web', sans-serif

}

.wrapper #header .main-menu>ul.logout {

    position: absolute;

    left: 0;

    bottom: 0

}

.wrapper #header .no-touch .scrollable.hover {

    overflow-y: hidden

}

.wrapper #header .no-touch .scrollable.hover:hover {

    overflow-y: auto;

    overflow: visible

}

.wrapper #header a:hover,

.wrapper #header a:focus {

    text-decoration: none

}

.wrapper #header nav {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none

}

.wrapper #header nav ul,

.wrapper #header nav li {

    outline: 0;

    margin: 0;

    padding: 0

}

.wrapper #header .main-menu li:hover>a,

.wrapper #header nav.main-menu li.active>a,

.wrapper #header .dropdown-menu>li>a:hover,

.wrapper #header .dropdown-menu>li>a:focus,

.wrapper #header .dropdown-menu>.active>a,

.wrapper #header .dropdown-menu>.active>a:hover,

.wrapper #header .dropdown-menu>.active>a:focus,

.wrapper #header .no-touch .dashboard-page nav.dashboard-menu ul li:hover a,

.wrapper #header .dashboard-page nav.dashboard-menu ul li.active a {

    color: #fff;

    background-color: rgba(0, 0, 0, 0.8)

}

.wrapper #header .area {

    float: left;

    background: #e2e2e2;

    width: 100%;

    height: 100%

}

@font-face {

    font-family: 'Titillium Web';

    font-style: normal;

    font-weight: 300;

    src: local('Titillium WebLight'), local('TitilliumWeb-Light'), url(https://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format('woff')

}

.wrapper #header .container-fluid {

    padding-left: 0;

    padding-right: 0

}

.wrapper #header .about-header {

    background: url(../images/about-header.jpg) 50% 50%;

    background-size: cover;

    height: 290px;

    position: absolute;

    width: 100%;

    top: 0;

    z-index: -1

}

.wrapper #header .logo-background {

    width: 400px;

    height: 75px;

    position: absolute;

    top: 20px;

    background-color: #FFC722;

    left: -50px;

    z-index: 11;

    -webkit-transform: skewX(-33deg);

    -moz-transform: skewX(-33deg)

}

@media(max-width: 640px){

    .wrapper #header .logo-background  {

        width: 300px;

    }

}

.wrapper #header .logo-wrapper {

    position: absolute;

    z-index: 11;

    margin-left: 20px

}

.wrapper #header .navbar-default {

    background-color: transparent;

    background-image: none;

    border-color: transparent;

    box-shadow: none;

    background-color: rgba(0, 0, 0, 0.2);

    margin-top: 20px;

    z-index: 10

}

.wrapper #header .navbar-default .user-login {

    position: absolute;

    top: -20px;

    right: 30px

}

.wrapper #header .navbar-default .user-login #login-modal,

.wrapper #header .navbar-default .user-login #register-player {

    background: none;

    border: none;

    width: 65px

}

.wrapper #header .navbar-default .user-login #login-modal:hover,

.wrapper #header .navbar-default .user-login #register-player:hover {

    background-color: #FFC722;

    height: 20px;

    -webkit-transition: background .5s ease-in-out;

    -moz-transition: background .5s ease-in-out;

    -ms-transition: background .5s ease-in-out;

    -o-transition: background .5s ease-in-out;

    transition: background .5s ease-in-out

}

.wrapper #header .navbar-default .user-login .slantbg-login {

    width: 75px;

    height: 20px;

    background-color: #FFC722;

    position: absolute;

    transform: skewX(-33deg);

    -webkit-transform: skewX(-33deg);

    -moz-transform: skewX(-33deg);

    top: 0;

    z-index: -2;

    left: -5px

}

.wrapper #header .navbar-default .user-login .slantbg-login:hover {

    padding: 0 5px

}

.wrapper #header .navbar-nav {

    /* margin-left: 29% */

	margin-right: 29%;

    float: right;

}

.wrapper #header .navbar-nav li a {

    padding-top: 25px;

    padding-bottom: 25px;

    text-transform: uppercase;

    color: #fff

}

.wrapper #header .navbar-nav .active>a {

    background-color: transparent;

    background-image: none;

    box-shadow: none;

    color: #FDBD00;

    border-bottom: 2px solid #FDBD00

}

.wrapper #header .logo-wrapper .coach-left-text {

    padding-left: 17px;

    color: #343025

}

.wrapper #header .logo-wrapper .coach-left-text:hover {

    color: #fff

}

.wrapper #header .logo-wrapper .coach-right-text {

    color: #fff

}

.wrapper #header .logo-wrapper .coach-right-text:hover {

    color: #343025

}

.wrapper #header .logo-wrapper .coach-left-text,

.wrapper #header .logo-wrapper .coach-right-text {

    display: inline-block;

    font-size: 2em;

    line-height: 70px;

    text-transform: uppercase;

    text-decoration: none;

    transition: 400ms all;

    -webkit-transition: 400ms all

}

.wrapper .content .blog-bg {

    position: absolute;

    z-index: -10;

    top: 0;

    left: 0

}

.wrapper .content .main-blog {

    text-align: left;

    padding: 10px

}

.wrapper .content .main-blog p {

    margin-bottom: 10px !important

}

.wrapper .content .main-blog .primary-image {

    float: left;

    width: auto;

    margin: 0 35px 1% 1%;

    text-align: center;

    overflow: hidden

}

.wrapper .content .main-blog .primary-content {

    font-family: 'robotoregular';

    font-size: 16px;

    color: #000;

    text-align: justify

}

.wrapper .content .main-blog .fancybox-thumb img {

    width: 150px

}

.wrapper .content .main-blog .gallery-box {

    margin: 20px 0;

    text-align: center

}

.wrapper .content .main-blog .gallery-box .fancybox-thumb img {

    width: 150px

}

.wrapper .content #top-section {

    z-index: 0;

    position: relative

}

.wrapper .content #profile-page .maingrid {

    margin: 20px

}

.wrapper .content #profile-page .maingrid .side-grid {

    position: relative;

    margin: 20px;

    width: 25%;

    float: left;

    vertical-align: top;

    display: inline-block;

    background-color: #FFC722;

    padding: 20px;

    border-radius: 20px;

    box-shadow: 1px 3px 1px #ccc

}

.wrapper .content #profile-page .maingrid .side-grid .grid {

    text-align: center

}

.wrapper .content #profile-page .maingrid .side-grid .grid .coach-for h3 {

    margin-top: 10px;

    margin-bottom: 20px

}

.wrapper .content #profile-page .maingrid .side-grid .grid img {

    width: 200px;

    height: 200px;

    border-radius: 50%

}

.wrapper .content #profile-page .maingrid .side-grid .grid .title {

    font-weight: 300;

    text-align: center

}

.wrapper .content #profile-page .maingrid .side-grid .dob {

    width: 32%;

    display: inline-block;

    vertical-align: top;

    text-align: left;

    text-align: center

}

.wrapper .content #profile-page .maingrid .side-grid .city {

    width: 32%;

    display: inline-block;

    vertical-align: top;

    text-align: left;

    text-align: center

}

.wrapper .content #profile-page .maingrid .side-grid .country {

    width: 32%;

    display: inline-block;

    vertical-align: top;

    text-align: left;

    text-align: center

}

.wrapper .content #profile-page .maingrid .side-grid .rating {

    width: 100%;

    display: inline-block;

    vertical-align: top;

    text-align: center

}

.wrapper .content #profile-page .maingrid .side-grid .rating .jq-ry-group.jq-ry-rated-group {

    z-index: 10

}

.wrapper .content #profile-page .maingrid .side-grid .rating #rateYo1 {

    z-index: 10

}

.wrapper .content #profile-page .maingrid .side-grid .rating .star-rating {

    font-size: 0;

    white-space: nowrap;

    display: inline-block;

    width: 250px;

    height: 50px;

    overflow: hidden;

    position: relative;

    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');

    background-size: contain

}

.wrapper .content #profile-page .maingrid .side-grid .rating .star-rating i {

    opacity: 0;

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 20%;

    z-index: 1;

    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');

    background-size: contain

}

.wrapper .content #profile-page .maingrid .side-grid .rating .star-rating input {

    -moz-appearance: none;

    -webkit-appearance: none;

    opacity: 0;

    display: inline-block;

    width: 20%;

    height: 100%;

    margin: 0;

    padding: 0;

    z-index: 2;

    position: relative

}

.wrapper .content #profile-page .maingrid .side-grid .rating .star-rating input:hover+i,

.wrapper .content #profile-page .maingrid .side-grid .rating .star-rating input:checked+i {

    opacity: 1

}

.wrapper .content #profile-page .maingrid .side-grid .rating .star-rating i~i {

    width: 40%

}

.wrapper .content #profile-page .maingrid .side-grid .rating .star-rating i~i~i {

    width: 60%

}

.wrapper .content #profile-page .maingrid .side-grid .rating .star-rating i~i~i~i {

    width: 80%

}

.wrapper .content #profile-page .maingrid .side-grid .rating .star-rating i~i~i~i~i {

    width: 100%

}

.wrapper .content #profile-page .maingrid .side-grid .rating .choice {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    text-align: center;

    padding: 20px;

    display: block

}

.wrapper .content #profile-page .maingrid .side-grid .rating *,

.wrapper .content #profile-page .maingrid .side-grid .rating::after,

.wrapper .content #profile-page .maingrid .side-grid .rating::before {

    height: 100%;

    padding: 0;

    margin: 0;

    box-sizing: border-box;

    text-align: center;

    vertical-align: middle

}

.wrapper .content #profile-page .maingrid .side-grid .rating body {

    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif

}

.wrapper .content #profile-page .maingrid .side-grid .rating body::before {

    height: 100%;

    content: '';

    width: 0;

    background: red;

    vertical-align: middle;

    display: inline-block

}

.wrapper .content #profile-page .maingrid .description-tab {

    margin: 20px;

    width: 65%;

    float: right;

    vertical-align: top;

    display: inline-block

}

.wrapper .content #profile-page .maingrid .description-tab .maingrid {

    width: 100%

}

.wrapper .content #profile-page .maingrid .description-tab .maingrid .position,

.wrapper .content #profile-page .maingrid .description-tab .maingrid .years,

.wrapper .content #profile-page .maingrid .description-tab .maingrid .type {

    padding-left: 20px

}

.wrapper .content #profile-page .maingrid .description-tab .maingrid .grid {

    width: 49%;

    display: inline-block;

    vertical-align: top

}

.wrapper .content #profile-page .maingrid .description-tab #level {

    width: 400px;

    height: 8px;

    margin-bottom: 20px

}

.wrapper .content #profile-page .maingrid .description-tab .level-name {

    padding-left: 20px

}

.wrapper .content #profile-page .maingrid .description-tab #levelnew {

    width: 400px;

    height: 8px;

    margin-bottom: 20px

}

.wrapper .content #profile-page .maingrid .description-tab .year {

    color: #999;

    font-style: italic;

    padding-left: 10px

}

.wrapper .content .section-title {

    text-align: center

}

.wrapper .content .section-title h2 {

    margin-bottom: 30px;

    margin-top: 5px

}

.wrapper .content .section-title span {

    text-align: center;

    font-weight: 100;

    font-size: 2em;

    display: inline-block;

    padding: 5px 10px

}

.wrapper .content .slider {

    margin-top: -115px;

    z-index: -15;

    position: relative

}



.wrapper .content .slider .bx-wrapper .bx-controls-direction a {

    top: 60%

}

.wrapper .content .slider .bx-wrapper .bx-controls-direction .bx-prev {

    left: 5%

}

.wrapper .content .slider .bx-wrapper .bx-controls-direction .bx-next {

    right: 5%

}

.wrapper .content .slider .bx-wrapper {

    z-index: -15;

    margin: 0 auto 30px

}

.wrapper .content .slider .bx-wrapper .bx-pager {

    text-align: right;

    right: 30px;

    bottom: 10px

}

.wrapper .content .slider .bx-wrapper .bx-pager .bx-pager-item a {

    background: #000;

    color: transparent

}

.wrapper .content .slider .bx-wrapper .bx-pager .bx-pager-item a.active {

    background: #FDBD00

}

.wrapper .content .slider .bx-wrapper .bx-viewport {

    border: none;

    background: none;

    left: 0;

    height: 80vh !important;

    -moz-height: 550px

}

.wrapper .content .slider .bx-wrapper .bx-viewport .bxslider li .quote {

    position: absolute;

    right: 10%;

    bottom: 20%;

    padding: 0 20px;

    text-shadow: 1px 1px #000

}

.wrapper .content .slider .bx-wrapper .bx-viewport .bxslider li img{

    width: 100%;

    /* height: 650px; */

    overflow: hidden;

}

.wrapper .content .slider .bx-wrapper .bx-viewport .bxslider li .quote .main-quote {

    font-size: 3.5em;

    text-transform: uppercase;

    background: rgba(0, 0, 0, 0.2);

    padding: 10px;

    font-weight: 600

}

.wrapper .content .slider .bx-wrapper .bx-viewport .bxslider li .quote .sub-quote {

    text-align: right

}

.wrapper .content .slider .bx-wrapper .bx-viewport .bxslider li .quote .sub-quote p {

    display: inline-block;

    font-size: 1.5em

}

.wrapper .content .search-menu {

    text-align: center;

    position: absolute;

    margin-top: 50px;

    top: 50%;

    margin: 0 14%;

    padding: 3%;

    z-index: 999

}

.wrapper .content .search-menu .dropdown-menu {

    max-height: 240px !important

}

.wrapper .content .search-menu .bootstrap-select {

    display: inline-block

}

.wrapper .content .search-menu .bootstrap-select .btn-default {

    height: 33px;

    border-radius: 5px;

    background: #fff;

    border-width: 1px;

    border-radius: 25px;

    width: 200px;

    color: #000;

    text-shadow: none;

    border-top: none;

    font-weight: 100;

    padding-right: 10px;

    border-left: none;

    border-right: none

}

.wrapper .content .search-menu::-webkit-input-placeholder {

    color: #000

}

.wrapper .content .search-menu:-ms-input-placeholder {

    color: #000

}

.wrapper .content .search-menu::-moz-placeholder {

    color: #000;

    opacity: 1

}

.wrapper .content .search-menu:-moz-placeholder {

    color: #000;

    opacity: 1

}

.wrapper .content .search-menu .dropdown-menu li {

    padding: 2px 10px;

    font-weight: 100

}

.wrapper .content .search-menu .dropdown-menu li:hover {

    background: #FDBD00;

    cursor: pointer

}

.wrapper .content .search-menu .dropdown-menu li a:hover {

    background: transparent;

    background-image: none

}

.wrapper .content .search-menu .dropdown-menu li a:active {

    outline: none;

    background: #FDBD00

}

.wrapper .content .search-menu .search-btn {

    height: 33px;

    border-radius: 5px;

    background: none;

    border: none;

    background: #FDBD00;

    width: 200px;

    border-radius: 25px;

    font-weight: 100;

    outline: none;

    padding-right: 10px

}

.wrapper .content .search-menu .search-btn:hover {

    background: #eee;

    cursor: pointer;

    -webkit-transition: background .5s ease-in-out;

    -moz-transition: background .5s ease-in-out;

    -ms-transition: background .5s ease-in-out;

    -o-transition: background .5s ease-in-out;

    transition: background .5s ease-in-out;

    color: #fff

}

.wrapper .content .search-menu .search-btn .btn-default {

    color: #fff;

    text-shadow: none

}

.wrapper .content .search-menu input[type="text"] {

    height: 33px;

    background: none;

    border-width: 1px;

    border-radius: 25px;

    background-color: #fff;

    color: #000;

    width: 200px;

    border-top: none;

    font-weight: 100;

    padding-left: 10px;

    border-left: none;

    outline: none;

    border-right: none;

    margin-right: 20px

}

.wrapper .content .category-sports {

    position: relative;

    z-index: 8

}

.wrapper .content .category-sports .category-wrapper {

    margin-bottom: 5px

}

.wrapper .content .category-sports .mix {

    display: none;

    border: 1px solid #FDBD00;

    padding: 10px 10px;

    margin: 5px;

    margin-left: 5px;

    width: 140px;

}

.wrapper .content .category-sports .mix:hover {

    background: #FDBD00;

    cursor: pointer;

    -webkit-transition: background .5s ease-in-out;

    -moz-transition: background .5s ease-in-out;

    -ms-transition: background .5s ease-in-out;

    -o-transition: background .5s ease-in-out;

    transition: background .5s ease-in-out;

    color: #fff

}

.wrapper .content .category-sports .mix p {

    margin: 0

}

.wrapper .content .category-sports #Container {

    width: 100%;

    margin: 0 auto;

    min-height: 80vh;

    text-align: center

}

.wrapper .content .category-sports .filter {

    margin: 5px;

    text-align: center;

    padding: 5px 10px;

    background: transparent;

    border: 1px solid #FDBD00;

    width: 135px;

    border-radius: 5px;

    -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.2);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);

    outline: none

}

.wrapper .content .category-sports .category-wrapper .category-title {

    width: 25%;

    display: inline-block;

    height: 125px;

    position: relative

}

.wrapper .content .category-sports .category-wrapper .category-title h2 {

    z-index: 999;

    top: 25px;

    left: 25%

}

@media(max-width: 640px){

    .wrapper .content .category-sports .category-wrapper .category-title h2{

        top: 0px;

    }

}

.wrapper .content .category-sports .category-wrapper .category-filter {

    display: inline-block;

    vertical-align: top;

    width: 70%;

    text-align: center

}

.wrapper .content .category-sports .category-wrapper .category-filter p {

    font-size: 2em;

    margin: 0;

    font-weight: 100

}

.wrapper .content .category-sports .category-wrapper .category-filter .active {

    background: #FDBD00;

    color: #fff

}

.wrapper .content .category-sports .category-wrapper .logo-background-after {

    width: 300px;

    height: 110px;

    top: 5%

}

.wrapper .content .category-sports .category-wrapper .logo-background-after h2 {

    margin: 0

}

.wrapper .content .category-sports .category-wrapper .sports-title {

    position: absolute;

    left: 30%;

    top: 35%

}

.wrapper .content #coaches {

    padding: 3% 0;

    margin: auto 0

}

.wrapper .content #coaches .section-title h2 {

    margin-bottom: 10px

}

.wrapper .content #coaches .maingrid {

    width: 80%;

    margin: 0 auto;

    text-align: center

}

.wrapper .content #coaches .maingrid .grid {

    width: 24%;

    display: inline-block;

    vertical-align: top;

    margin-bottom: 10px

}

.wrapper .content #coaches .maingrid .grid .coach-name {

    margin-top: 10px

}

.wrapper .content #coaches .maingrid .grid .coach-name a {

    color: #FFC722;

    text-decoration: none;

    font-size: 1.2em;

}

.wrapper .content #coaches .maingrid .grid:hover {

    cursor: pointer

}

.wrapper .content #coaches .maingrid .grid .coach-image img {

    width: 150px;

    overflow: hidden;

    height: 150px;

    border-radius: 50%;

    margin-bottom: 20px

}

.wrapper .content #registeration {

    padding: 5px 0

}

.wrapper .content #registeration .section-title {

    color: #000

}

.wrapper .content #registeration .reg-block {

    margin: 20px 0;

    background: url(../images/registeration-bg.png) 50% 50%;

    background-size: cover;

    padding: 25px 0

}

.wrapper .content #registeration .reg-as-coach {

    width: 49%;

    display: inline-block;

    vertical-align: top;

    color: #fff

}

.wrapper .content #registeration .reg-as-coach h3 {

    font-weight: 600

}

.wrapper .content #registeration .reg-as-coach .coach-button {

    margin-top: 17px;

    padding: 0 50px;

    background: #ffc722;

    position: relative;

    display: inline-block;

    line-height: 38px;

    font-size: 12px;

    color: #363533;

    border: none;

    text-transform: uppercase;

    -webkit-transition: .4s all

}

.wrapper .content #registeration .reg-as-coach .coach-button:hover {

    background: #363533;

    cursor: pointer;

    -webkit-transition: background .5s ease-in-out;

    -moz-transition: background .5s ease-in-out;

    -ms-transition: background .5s ease-in-out;

    -o-transition: background .5s ease-in-out;

    transition: background .5s ease-in-out;

    color: #FDBD00

}

.wrapper .content #registeration .reg-as-coach .reg-as-coach:before {

    position: absolute;

    top: -3px;

    right: -3px;

    bottom: -3px;

    left: -3px;

    border: 1px solid #363533

}

.wrapper .content #registeration .submit-button {

    text-align: center

}

.wrapper .content #registeration .player-button {

    margin-top: 17px;

    padding: 0 50px;

    background: #363533;

    position: relative;

    display: inline-block;

    line-height: 38px;

    font-size: 12px;

    color: #ffc722;

    border: none;

    text-transform: uppercase;

    -webkit-transition: .4s all

}

.wrapper .content #registeration .player-button:hover {

    background: #FDBD00;

    cursor: pointer;

    -webkit-transition: background .5s ease-in-out;

    -moz-transition: background .5s ease-in-out;

    -ms-transition: background .5s ease-in-out;

    -o-transition: background .5s ease-in-out;

    transition: background .5s ease-in-out;

    color: #363533

}

.wrapper .content #registeration .reg-as-player {

    width: 49%;

    display: inline-block;

    vertical-align: top

}

.wrapper .content #registeration .reg-as-player h3 {

    font-weight: 600

}

.wrapper .content #registeration .reg-as-player .reg-as-player:before {

    position: absolute;

    top: -3px;

    right: -3px;

    bottom: -3px;

    left: -3px;

    border: 1px solid #363533

}

.wrapper .content #registeration .reg-as-player,

.wrapper .content #registeration .reg-as-coach {

    padding: 20px 10%

}

.wrapper .content #registeration .reg-as-player .submit-button,

.wrapper .content #registeration .reg-as-coach .submit-button {

    margin: 30px 10px;

    text-align: center

}

.wrapper .content #registeration .reg-as-player li,

.wrapper .content #registeration .reg-as-coach li {

    padding: 10px

}

.wrapper .content #page-title {

    margin: auto 80px

}

.wrapper .content #page-title h2 {

    text-transform: uppercase

}

.wrapper .content #page-title .maingrid .grid {

    width: 49%;

    padding: 15px;

    display: inline-block;

    vertical-align: top

}

.wrapper .content #page-title .maingrid .grid img {

    max-width: 100%;

    height: auto

}

.wrapper .content .filter-a-coach .filter-bg {

    background-color: #FFC722;

    width: 100%;

    height: 160px;

    position: absolute;

    z-index: -10;

    left: -5%;

    transform: skewX(-33deg);

    -webkit-transform: skewX(-33deg);

    -moz-transform: skewX(-33deg)

}



@media(max-width: 640px){

    .wrapper .content .filter-a-coach .filter-bg{

        height: 530px;

        left: 0;

    }

}

.wrapper .content .filter-a-coach .maingrid-filter {

    margin: 20px 40px;

    min-height: 140px

}

.wrapper .content .filter-a-coach .maingrid-filter .grid {

    width: 30%;

    display: inline-block;

    vertical-align: top

}

.wrapper .content .filter-a-coach .maingrid-filter h3 {

    color: #fff

}

.wrapper .content .filter-a-coach .maingrid-filter .filter {

    width: 69%;

    display: inline-block;

    vertical-align: top

}

.wrapper .content .filter-a-coach .maingrid-filter .filter input {

    width: 90%;

    margin: 10px;

    font-weight: 200;

    padding-left: 10px;

    border-top: transparent;

    border-left: transparent;

    border-right: transparent;

    border-bottom: transparent;

    border-color: #fff;

    border-radius: 5px;

    background: transparent;

    color: #fff;

    outline: none

}

.wrapper .content .filter-a-coach .maingrid-filter .filter::-webkit-input-placeholder {

    color: #fff

}

.wrapper .content .filter-a-coach .maingrid-filter .filter:-ms-input-placeholder {

    color: #fff

}

.wrapper .content .filter-a-coach .maingrid-filter .filter::-moz-placeholder {

    color: #fff;

    opacity: 1

}

.wrapper .content .filter-a-coach .maingrid-filter .filter:-moz-placeholder {

    color: #fff;

    opacity: 1

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .sport {

    width: 30%;

    display: inline-block

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .rating {

    width: 30%;

    display: inline-block

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .level {

    width: 30%;

    display: inline-block

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .pincode {

    width: 30%;

    display: inline-block

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .name-field {

    width: 30%;

    display: inline-block

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .location {

    width: 30%;

    display: inline-block

}



.wrapper .content .filter-a-coach .maingrid-filter .filter .pincode {

    width: 30%;

    display: inline-block

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .name-field {

    width: 30%;

    display: inline-block

}



@media(max-width: 640px){

    .wrapper .content .filter-a-coach .maingrid-filter .filter .sport {

        width: 100%;

    }

    .wrapper .content .filter-a-coach .maingrid-filter .filter .rating {

        width: 100%;

    }

    .wrapper .content .filter-a-coach .maingrid-filter .filter .level {

        width: 100%;

    }



    .wrapper .content .filter-a-coach .maingrid-filter .filter .location {

        width: 100%;

    }

    .wrapper .content .filter-a-coach .maingrid-filter .filter .pincode {

        width: 100%;

    }

    .wrapper .content .filter-a-coach .maingrid-filter .filter .name-field {

        width: 100%;

    }

}



.wrapper .content .filter-a-coach .maingrid-filter .filter button {

    width: 100%;

    outline: none;

    margin: 10px

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .btn {

    background: #fff;

    outline: none;

    border-top: transparent;

    border-left: transparent;

    border-right: transparent;

    border-color: #FDBD00

}

.wrapper .content .filter-a-coach .maingrid-filter .filter * {

    box-sizing: border-box

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .container {

    font-family: 'Roboto';

    width: 600px;

    margin: 30px auto 0;

    display: block;

    background: #FFF;

    padding: 10px 50px 50px

}

.wrapper .content .filter-a-coach .maingrid-filter .filter h2 {

    text-align: center;

    margin-bottom: 50px

}

.wrapper .content .filter-a-coach .maingrid-filter .filter h2 small {

    font-weight: normal;

    color: #888;

    display: block

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .footer {

    text-align: center

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .footer a {

    color: #fff

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .group {

    position: relative

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .group .checkbox-grp {

    display: inline-block

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .group .checkbox-grp label {

    position: relative;

    top: 0;

    left: 0

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .group .checkbox-grp .checkbox-btn {

    width: 20px;

    padding: 0;

    margin: 0;

    display: inline-block

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .group .gender {

    display: inline-block;

    margin-left: 5%

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .group #find-btn {

    width: 120px;

    background: #fff;

    border: transparent;

    border-radius: 10px;

    color: #FDBD00;

    font-weight: 200;

    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);

    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2)

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .group #find-btn:hover {

    background-color: #363533;

    border-color: #fff;

    color: #fff;

    cursor: pointer;

    -webkit-transition: background .5s ease-in-out;

    -moz-transition: background .5s ease-in-out;

    -ms-transition: background .5s ease-in-out;

    -o-transition: background .5s ease-in-out;

    transition: background .5s ease-in-out

}

.wrapper .content .filter-a-coach .maingrid-filter .filter input {

    font-size: 14px;

    padding: 15px 10px 0 10px;

    display: block;

    border-bottom: 1px solid #fff

}

.wrapper .content .filter-a-coach .maingrid-filter .filter input:focus {

    outline: none

}

.wrapper .content .filter-a-coach .maingrid-filter .filter label {

    color: #999;

    font-size: 14px;

    font-weight: normal;

    position: absolute;

    pointer-events: none;

    left: 20px;

    color: #fff;

    font-weight: 200;

    top: 10px;

    transition: .2s ease all;

    -moz-transition: .2s ease all;

    -webkit-transition: .2s ease all

}

.wrapper .content .filter-a-coach .maingrid-filter .filter input:focus~label,

.wrapper .content .filter-a-coach .maingrid-filter .filter input:valid~label {

    top: -5px;

    font-size: 12px;

    color: #fff

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .bar {

    position: relative;

    display: block

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .bar:before,

.wrapper .content .filter-a-coach .maingrid-filter .filter .bar:after {

    content: '';

    height: 1px;

    width: 0;

    bottom: 1px;

    position: absolute;

    transition: .2s ease all;

    -moz-transition: .2s ease all;

    -webkit-transition: .2s ease all

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .bar:before {

    left: 50%

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .bar:after {

    right: 50%

}

.wrapper .content .filter-a-coach .maingrid-filter .filter input:focus~.bar:before,

.wrapper .content .filter-a-coach .maingrid-filter .filter input:focus~.bar:after {

    width: 50%

}

.wrapper .content .filter-a-coach .maingrid-filter .filter .highlight {

    position: absolute;

    height: 60%;

    width: 100px;

    top: 25%;

    left: 0;

    pointer-events: none;

    opacity: .5

}

.wrapper .content .filter-a-coach .maingrid-filter .filter input:focus~.highlight {

    -webkit-animation: inputHighlighter .3s ease;

    -moz-animation: inputHighlighter .3s ease;

    animation: inputHighlighter .3s ease

}

@-webkit-keyframes inputHighlighter {

    from {

        background: #fff

    }

    to {

        width: 0;

        background: transparent

    }

}

@-moz-keyframes inputHighlighter {

    from {

        background: #fff

    }

    to {

        width: 0;

        background: transparent

    }

}

@keyframes inputHighlighter {

    from {

        background: #fff

    }

    to {

        width: 0;

        background: transparent

    }

}

.wrapper .content #blog-page .maingrid,

.wrapper .content #find-a-coach-page .maingrid {

    width: 940px;

    margin: 0 auto;

    text-align: center

}

@media(max-width: 640px){

    .wrapper .content #blog-page .maingrid,

    .wrapper .content #find-a-coach-page .maingrid {

        width: 100%;

    }

}

.wrapper .content #blog-page .maingrid h3,

.wrapper .content #find-a-coach-page .maingrid h3 {

    font-size: 1.2em;

    color: #FFC722;

    margin-top: 0

}

.wrapper .content #blog-page .maingrid .blog-image,

.wrapper .content #find-a-coach-page .maingrid .blog-image {

    margin-bottom: 10px;

    max-height: 250px

}

.wrapper .content #blog-page .maingrid p,

.wrapper .content #find-a-coach-page .maingrid p {

    color: #000;

    font-weight: 200;

    margin-bottom: 0

}

.wrapper .content #blog-page .maingrid .grid,

.wrapper .content #find-a-coach-page .maingrid .grid {

    width: 23%;

    border: 1px solid #ccc;

    padding: 5px;

    margin: 5px;

    vertical-align: top;

    display: inline-block

}

.wrapper .content #blog-page .maingrid .grid img,

.wrapper .content #find-a-coach-page .maingrid .grid img {

    width: 150px;

    height: 150px;

    overflow: hidden;

    border-radius: 50%

}

.wrapper .content #blog-page .maingrid .grid .date,

.wrapper .content #find-a-coach-page .maingrid .grid .date {

    font-size: .8em;

    padding: 5px 0

}

.wrapper .content #blog-page .maingrid .grid .blog-desc,

.wrapper .content #find-a-coach-page .maingrid .grid .blog-desc {

    height: 100px;

    overflow: hidden;

    margin: 10px 0;

    font-size: .8em

}

.wrapper .content #blog-page .maingrid .grid:hover,

.wrapper .content #find-a-coach-page .maingrid .grid:hover {

    border: 1px solid transparent;

    -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);

    -webkit-transition: all .1s ease-in-out;

    -moz-transition: all .1s ease-in-out;

    -ms-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out;

    transform: translateY(-5px)

}

.wrapper .content #blog-page .maingrid .grid:hover img,

.wrapper .content #find-a-coach-page .maingrid .grid:hover img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    -webkit-transition: all .1s ease-in-out;

    -moz-transition: all .1s ease-in-out;

    -ms-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out

}

.wrapper .content #blog-page .pagination li a,

.wrapper .content #find-a-coach-page .pagination li a {

    border: transparent;

    color: #000;

    margin: 1px

}

.wrapper .content #blog-page .pagination li a:hover,

.wrapper .content #find-a-coach-page .pagination li a:hover {

    border-radius: 50%;

    background-color: #FFC722;

    color: #fff

}

.wrapper .content #blog-page .pagination li .active,

.wrapper .content #find-a-coach-page .pagination li .active {

    background-color: #FFC722;

    color: #fff;

    border-radius: 50%

}

.wrapper .content #blog-page .maingrid {

    width: 1190px;

    margin: 0 auto;

    text-align: center

}

.wrapper .content #blog-page .maingrid .left-grid {

    width: 24%;

    display: inline-block;

    vertical-align: top

}

.wrapper .content #blog-page .maingrid .left-grid h2 {

    display: block;

    position: relative;

    text-align: left;

    width: 140px

}

.wrapper .content #blog-page .maingrid .left-grid h2:after {

    content: '';

    position: absolute;

    height: 1px;

    background: #ffc722;

    top: 50%;

    right: -1000%;

    width: 1000%

}

.wrapper .content #blog-page .maingrid .left-grid .categories {

    overflow: hidden;

    padding: 5px 10px

}

.wrapper .content #blog-page .maingrid .left-grid .categories ul li {

    list-style: none;

    margin-bottom: 10px;

    font-size: 16px;

    text-transform: uppercase;

    text-align: left;

    padding-left: 10px

}

.wrapper .content #blog-page .maingrid .left-grid .categories ul li span {

    color: #363533

}

.wrapper .content #blog-page .maingrid .left-grid .categories ul li a {

    color: #363533;

    text-decoration: none

}

.wrapper .content #blog-page .maingrid .left-grid .categories ul li a:hover {

    color: #FFC722

}

.wrapper .content #blog-page .maingrid .left-grid ul {

    padding-left: 0

}

.wrapper .content #blog-page .maingrid .left-grid .news {

    background: #363533;

    padding: 5px 10px;

    color: #fff;

    overflow: hidden

}

.wrapper .content #blog-page .maingrid .left-grid .news p {

    color: #fff

}

.wrapper .content #blog-page .maingrid .left-grid .news li {

    list-style: none

}

.wrapper .content #blog-page .maingrid .left-grid .news .main-grid .left-grid {

    width: 22%;

    display: inline-block;

    vertical-align: top

}

.wrapper .content #blog-page .maingrid .left-grid .news .main-grid .right-grid {

    width: 70%;

    display: inline-block;

    vertical-align: top;

    text-align: left

}

.wrapper .content #blog-page .maingrid .left-grid .news .main-grid .right-grid .desc {

    height: 43px;

    overflow: hidden

}

.wrapper .content #blog-page .maingrid .left-grid .tags {

    overflow: hidden

}

.wrapper .content #blog-page .maingrid .left-grid .tags ul {

    padding-left: 0

}

.wrapper .content #blog-page .maingrid .left-grid .tags ul li {

    color: #31302B;

    background: #FFF;

    padding: 0 5px;

    margin: 2px;

    font-family: 'OpenSansBold', sans-serif;

    border: 2px solid #31302B;

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 1px;

    text-transform: uppercase;

    border-radius: 2px;

    display: inline-block;

    text-align: center;

    cursor: pointer;

    box-shadow: inset 0 0 0 0 #FFC722;

    -webkit-transition: all ease .8s;

    -moz-transition: all ease .8s;

    transition: all ease .8s

}

.wrapper .content #blog-page .maingrid .left-grid .tags ul li:hover {

    box-shadow: inset 100px 0 0 0 #FFC722;

    color: #fff

}

.wrapper .content #blog-page .maingrid .right-grid {

    width: 74%;

    display: inline-block;

    vertical-align: top

}

.wrapper .content #blog-page .maingrid .right-grid .grid {

    width: 23%;

    border: 1px solid #ccc;

    padding: 5px;

    margin: 5px;

    vertical-align: top;

    display: inline-block

}

.wrapper .content #blog-page .maingrid .right-grid .grid img {

    border-radius: 50%

}

.wrapper .content #blog-page .maingrid .right-grid .grid .date {

    font-size: .8em;

    padding: 5px 0

}

.wrapper .content #blog-page .maingrid .right-grid .grid .blog-desc {

    height: 100px;

    overflow: hidden;

    margin: 10px 0;

    font-size: .8em

}

.wrapper .content #blog-page .maingrid .right-grid .grid:hover {

    border: 1px solid transparent;

    -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);

    -webkit-transition: all .1s ease-in-out;

    -moz-transition: all .1s ease-in-out;

    -ms-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out;

    transform: translateY(-5px)

}

.wrapper .content #blog-page .maingrid .right-grid .grid:hover img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    -webkit-transition: all .1s ease-in-out;

    -moz-transition: all .1s ease-in-out;

    -ms-transition: all .1s ease-in-out;

    -o-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out

}

.wrapper .content #faq-page {

    padding: 0 40px

}

.wrapper .content #faq-page .question {

    font-size: 1.1em;

    font-weight: bold;

    list-style: square

}

.wrapper .content #faq-page .answers {

    font-weight: 200

}

.wrapper .content #faq-page li {

    padding: 10px 0

}

.wrapper .content #initiative-page {

    margin: 20px 40px

}

.wrapper .content #initiative-page .join-us {

    text-align: center

}

.wrapper .content #initiative-page .join-btn {

    margin-top: 17px;

    margin-bottom: 17px;

    padding: 0 10px;

    background: #ffc722;

    position: relative;

    display: inline-block;

    line-height: 38px;

    font-size: 12px;

    color: #363533;

    border: none;

    text-transform: uppercase;

    -webkit-transition: .4s all

}

.wrapper .content #initiative-page .join-btn:hover {

    background: #363533;

    cursor: pointer;

    -webkit-transition: background .5s ease-in-out;

    -moz-transition: background .5s ease-in-out;

    -ms-transition: background .5s ease-in-out;

    -o-transition: background .5s ease-in-out;

    transition: background .5s ease-in-out;

    color: #FDBD00

}

.wrapper .content #initiative-page .small {

    font-size: 1em;

    font-weight: 200;

    padding-left: 20px

}

.wrapper .content #initiative-page .belief {

    text-align: center;

    font-size: 1.2em;

    margin: 40px 0;

    font-weight: 200

}

.wrapper .content #initiative-page .title {

    font-size: 1.1em;

    margin-top: 30px

}

.wrapper .content .mission {

    background: url(../images/mission-image.jpg) 50% 50% no-repeat;

    background-size: cover;

    padding: 80px

}

.wrapper .content .mission h2,

.wrapper .content .mission h5 {

    text-align: center

}

.wrapper .content .mission p {

    padding: 25px;

    font-weight: 200;

    letter-spacing: 1.2;

    border: 1px solid #e7e7e7;

    background: #fff;

    margin-bottom: 20px

}

.wrapper .content .mission h5 {

    margin-bottom: 5px

}

.wrapper .content .breadcrumb {

    padding: 6px 15px;

    background: #ffc722;

    position: relative;

    top: 51px;

    margin-left: 10%;

    margin-bottom: 100px;

    border-radius: 0;

    color: #000;

    height: 36px;

}

.wrapper .content .breadcrumb li a {

    color: #000

}

.wrapper .content .active {

    color: #fff

}

.wrapper .content .breadcrumb:before {

    content: "";

    background: rgba(0, 0, 0, 0.2);

    left: -1000%;

    right: 100%

}

.wrapper .content .sidedesign {

    width: 75%;

    height: 36px;

    position: absolute;

    background: #ffc722;

    top: 254px;

    z-index: -1;

    left: 9%;

    transform: skewX(-33deg);

    -webkit-transform: skewX(-33deg);

    -moz-transform: skewX(-33deg)

}

.wrapper .content .about-title {

    text-align: center;

    margin-top: 40px;

    color: #fff;

    text-transform: uppercase

}

.wrapper .content #contact-page #map {

    width: 100%;

    height: 400px

}

.wrapper .content #contact-page .maingrid {

    margin: 20px 40px

}

.wrapper .content #contact-page .maingrid .grid-left {

    width: 70%;

    display: inline-block;

    position: relative;

    vertical-align: top

}

.wrapper .content #contact-page .maingrid .grid-right {

    width: 28%;

    display: inline-block;

    vertical-align: bottom;

    z-index: 9;

    position: relative

}

.wrapper .content #contact-page .maingrid .grid-right .phone {

    height: 30px;

    position: relative;

    padding: 5px

}

.wrapper .content #contact-page .maingrid .grid-right .phone p {

    padding-left: 50px;

    margin: 0;

    padding-top: 3px

}

.wrapper .content #contact-page .maingrid .grid-right .phone .phone-bg {

    background: #000;

    position: absolute;

    width: 40px;

    height: 30px

}

.wrapper .content #contact-page .maingrid .grid-right .phone img {

    width: 13px;

    height: 15px;

    position: absolute;

    top: 11px;

    left: 20px

}

.wrapper .content #contact-page .maingrid .grid-right .mail {

    position: relative;

    height: 30px;

    padding: 5px

}

.wrapper .content #contact-page .maingrid .grid-right .mail p {

    padding-left: 50px;

    margin: 0;

    padding-top: 3px

}

.wrapper .content #contact-page .maingrid .grid-right .mail .mail-bg {

    background: #000;

    position: absolute;

    width: 40px;

    height: 30px;

    border-top: 1px solid #ffc722;

    border-bottom: 1px solid #ffc722

}

.wrapper .content #contact-page .maingrid .grid-right .mail img {

    width: 14px;

    height: 9px;

    position: absolute;

    top: 15px;

    left: 20px

}

.wrapper .content #contact-page .maingrid .grid-right .location {

    position: relative;

    height: 30px;

    padding: 5px

}

.wrapper .content #contact-page .maingrid .grid-right .location p {

    padding-left: 50px;

    margin: 0;

    padding-top: 3px

}

.wrapper .content #contact-page .maingrid .grid-right .location .location-bg {

    background: #000;

    position: absolute;

    width: 40px;

    height: 28px

}

.wrapper .content #contact-page .maingrid .grid-right .location img {

    width: 10px;

    height: 14px;

    position: absolute;

    top: 10px;

    left: 22px

}

.wrapper .content #contact-page .maingrid .slant-background {

    width: 40%;

    transform: skew(-33deg);

    -webkit-transform: skew(-33deg);

    position: absolute;

    z-index: 9;

    right: -20%;

    height: 400px;

    bottom: 0;

    background-color: #fff

}

.wrapper .content #contact-page .contact-form input,

.wrapper .content #contact-page .contact-form button,

.wrapper .content #contact-page .contact-form select,

.wrapper .content #contact-page .contact-form textarea {

    border: transparent;

    border-left: transparent;

    border-right: transparent;

    border-top: solid #d9d9d9;

    border-bottom: solid #d9d9d9;

    border-width: 1px 0 1px 1px;

    outline: none;

    width: 100%;

    line-height: 2em

}

.wrapper .content #contact-page .contact-form .name {

    position: relative;

    margin: 10px 0

}

.wrapper .content #contact-page .contact-form .name:before {

    content: '';

    background: #fff;

    width: 100%;

    z-index: -1;

    position: absolute;

    top: 0;

    bottom: 0;

    left: -10%;

    border: solid #d9d9d9;

    border-width: 1px 0 1px 1px;

    transform: skew(-33deg);

    -webkit-transform: skew(-33deg);

    transition: .4s border-color;

    -webkit-transition: .4s border-color

}

.wrapper .content #contact-page .contact-form .email {

    position: relative;

    margin: 10px 0

}

.wrapper .content #contact-page .contact-form .email:before {

    content: '';

    background: #fff;

    width: 100%;

    z-index: -1;

    position: absolute;

    top: 0;

    bottom: 0;

    left: -23%;

    border: solid #d9d9d9;

    border-width: 1px 0 1px 1px;

    transform: skew(-33deg);

    -webkit-transform: skew(-33deg);

    transition: .4s border-color;

    -webkit-transition: .4s border-color

}

.wrapper .content #contact-page .contact-form .mobile {

    position: relative;

    margin: 10px 0

}

.wrapper .content #contact-page .contact-form .mobile:before {

    content: '';

    background: #fff;

    width: 100%;

    z-index: -1;

    position: absolute;

    top: 0;

    bottom: 0;

    left: -17%;

    border: solid #d9d9d9;

    border-width: 1px 0 1px 1px;

    transform: skew(-33deg);

    -webkit-transform: skew(-33deg);

    transition: .4s border-color;

    -webkit-transition: .4s border-color

}

.wrapper .content #contact-page .contact-form .message {

    position: relative;

    margin: 10px 0;

    height: 120px

}

.wrapper .content #contact-page .contact-form .message textarea {

    height: 120px

}

.wrapper .content #contact-page .contact-form .message:before {

    content: '';

    background: #fff;

    width: 100%;

    z-index: -1;

    position: absolute;

    top: 0;

    bottom: 0;

    left: -38%;

    border: solid #d9d9d9;

    border-width: 1px 0 1px 1px;

    transform: skew(-33deg);

    -webkit-transform: skew(-33deg);

    transition: .4s border-color;

    -webkit-transition: .4s border-color

}

.wrapper #footer .bottom-wrapper {

    padding: 60px 0 0;

    background: url(../images/bottom-wrapper-bg.jpg) 50% 50%;

    background-size: cover

}

.wrapper #footer .bottom-wrapper .maingrid {

    border-bottom: 1px solid #363533

}

.wrapper #footer .bottom-wrapper .maingrid {

    width: 100%

}

.wrapper #footer .bottom-wrapper .maingrid .grid {

    width: 49%;

    display: inline-block;

    padding: 0 5%;

    vertical-align: top

}

.wrapper #footer .bottom-wrapper .maingrid .grid .footer-logo-wrapper .footer-coach-left-text {

    padding-left: 17px;

    color: #ffc722;

    font-weight: 800

}

.wrapper #footer .bottom-wrapper .maingrid .grid .footer-logo-wrapper .footer-coach-left-text:hover {

    color: #fff

}

.wrapper #footer .bottom-wrapper .maingrid .grid .footer-logo-wrapper .footer-coach-right-text {

    color: #fff

}

.wrapper #footer .bottom-wrapper .maingrid .grid .footer-logo-wrapper .footer-coach-right-text:hover {

    color: #FFC722

}

.wrapper #footer .bottom-wrapper .maingrid .grid .footer-logo-wrapper .footer-coach-left-text,

.wrapper #footer .bottom-wrapper .maingrid .grid .footer-logo-wrapper .footer-coach-right-text {

    display: inline-block;

    font-size: 38px;

    line-height: 70px;

    text-transform: uppercase;

    text-decoration: none;

    transition: 400ms all;

    -webkit-transition: 400ms all

}

.wrapper #footer .bottom-wrapper .maingrid .grid h3 {

    font-size: 30px;

    color: #fff;

    float: left

}

.wrapper #footer .bottom-wrapper .maingrid .grid p {

    padding-bottom: 20px;

    font-size: 14px;

    color: rgba(245, 245, 245, 0.69); /* #787878 */

}

.wrapper #footer .bottom-wrapper .maingrid .grid .logo-wrapper .footer-coach-left-text {

    padding-left: 17px;

    color: #ffc722

}

.wrapper #footer .bottom-wrapper .maingrid .grid .logo-wrapper .footer-coach-left-text:hover {

    color: #fff

}

.wrapper #footer .bottom-wrapper .maingrid .grid .logo-wrapper .footer-coach-right-text {

    color: #fff

}

.wrapper #footer .bottom-wrapper .maingrid .grid .logo-wrapper .footer-coach-right-text:hover {

    color: #343025

}

.wrapper #footer .bottom-wrapper .maingrid .grid .logo-wrapper .footer-coach-left-text,

.wrapper #footer .bottom-wrapper .maingrid .grid .logo-wrapper .footer-coach-right-text {

    display: inline-block;

    font-size: 38px;

    line-height: 70px;

    text-transform: uppercase;

    text-decoration: none;

    transition: 400ms all;

    -webkit-transition: 400ms all

}





@media (max-width: 640px){

    .wrapper #footer .bottom-wrapper .maingrid .grid {

        width: 100%;

    }

}





.wrapper #footer .bottom-wrapper .acymailing_form {

    overflow: hidden;

    width: 100%

}

.wrapper #footer .bottom-wrapper .acymailing_form tbody tr {

    width: 30%;

    float: right

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td {

    width: 100%;

    display: block;

    float: left;

    padding: 0

}

.wrapper #footer .bottom-wrapper .acymailing_form tbody tr:first-child {

    width: 63%;

    float: left

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td input[type=text] {

    padding-left: 15px;

    margin: 0 0 0 -2px;

    width: 100% !important;

    line-height: 35px;

    border: 1px solid #646464;

    border-width: 0 0 0 3px;

    background: 0 0;

    position: relative;

    z-index: 1;

    font-size: 14px;

    color: #a6a6a6;

    font-family: 'Work Sans'

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td .mail-wrap:hover input[type=text],

.wrapper #footer .bottom-wrapper .acymailing_form tr td .mail-wrap:hover:before {

    border-color: #ffc722

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td .mail-wrap {

    position: relative;

    display: block

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td .mail-wrap:before {

    content: '';

    position: absolute;

    top: 0;

    right: -15px;

    bottom: 0;

    transition: .4s all;

    -webkit-transition: .4s all;

    left: -15px;

    background: rgba(255, 255, 255, 0.05);

    border: 1px solid #646464;

    transform: skew(-33deg);

    -webkit-transform: skew(-33deg)

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td input[type=submit] {

    height: 33px;

    width: 100%;

    background: #ffc722;

    transition: .4s all;

    -webkit-transition: .4s all;

    font-size: 12px;

    color: #363533;

    font-weight: 700;

    font-family: 'Work Sans';

    text-transform: uppercase;

    outline: 0;

    position: relative;

    z-index: 1;

    border: none;

    cursor: pointer

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td .submit-wrap {

    padding: 2px 1px 2px 0;

    position: relative;

    border-right: 1px solid #ffc722;

    display: block

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td .submit-wrapper {

    position: relative;

    display: block

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td .submit-wrap:before {

    content: '';

    position: absolute;

    border: 1px solid #ffc722;

    transform: skew(-33deg);

    -webkit-transform: skew(-33deg);

    top: 0;

    bottom: 0;

    left: -17px;

    right: -20px

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td .submit-wrapper:before {

    content: '';

    position: absolute;

    left: -15px;

    top: 0;

    bottom: 0;

    width: 100%;

    transition: .4s all;

    -webkit-transition: .4s all;

    background: #ffc722;

    transform: skew(-33deg);

    -webkit-transform: skew(-33deg)

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td .submit-wrapper:hover:before {

    background: #363533

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td .submit-wrapper:hover input[type=submit] {

    background: #363533;

    color: #fff

}

.wrapper #footer .bottom-wrapper .no-marg {

    margin: 0

}

.wrapper #footer .bottom-wrapper .match-view-wrap {

    padding: 0;

    margin: 0 auto;

    overflow: hidden;

    background: url(../images/match-view-count.jpg) 50% 50%;

    background-size: cover;

    border-color: #ffc722

}

.wrapper #footer .bottom-wrapper .head-news-title {

    text-align: center;

    top: 26%

}

.wrapper #footer .bottom-wrapper .head-news-title h1 {

    padding-bottom: 33px;

    font-size: 38px;

    color: #fff;

    text-transform: uppercase

}

.wrapper #footer .bottom-wrapper .match-view-wrap .match-list-item .count {

    margin-top: 25px;

    margin-bottom: 29px;

    background: rgba(255, 255, 255, 0.1);

    border: none

}

.wrapper #footer .bottom-wrapper .match-view-wrap .match-list-item .count .countdown_number {

    color: #ffc722

}

.wrapper #footer .bottom-wrapper .match-view-wrap .match-list-item .count .countdown_word {

    color: #fff

}

.wrapper #footer .bottom-wrapper .match-view-wrap .match-list-item .count .countdown_separator {

    color: #b5b5b5

}

.wrapper #footer .bottom-wrapper .match-view-wrap .match-list-item .team-name {

    color: #fff;

    vertical-align: middle

}

.wrapper #footer .bottom-wrapper .match-view-wrap .match-list-item .date {

    padding-top: 22px;

    color: #fff

}

.wrapper #footer .bottom-wrapper .match-view-wrap .match-list-item .location {

    padding-top: 8px;

    color: #fff

}

.wrapper #footer .bottom-wrapper .match-view-wrap .match-list-item .location address {

    margin: 0;

    display: inline

}

.wrapper #footer .bottom-wrapper .match-view-wrap .match-list-item .date [class*=uk-icon-],

.wrapper #footer .bottom-wrapper .match-view-wrap .match-list-item .location [class*=uk-icon-] {

    margin-right: 4px;

    color: #ffc722

}

.wrapper #footer .bottom-wrapper .match-view-wrap .half {

    width: 47%

}

.wrapper #footer .bottom-wrapper .match-view-wrap .half div {

    display: inline-block

}

.wrapper #footer .bottom-wrapper .match-view-wrap .half.right {

    text-align: right

}

.wrapper #footer .bottom-wrapper .match-view-wrap .half.right .va-wrap {

    padding-left: 18px;

    position: relative

}

.wrapper #footer .bottom-wrapper .match-view-wrap .half.left .va-wrap {

    padding-right: 18px;

    position: relative

}

.wrapper #footer .bottom-wrapper .match-view-wrap .half.left .va-wrap:before,

.wrapper #footer .bottom-wrapper .match-view-wrap .half.right .va-wrap:before {

    position: absolute;

    background: rgba(255, 255, 255, 0.5);

    content: '';

    top: 50%;

    height: 1px;

    width: 1000%

}

.wrapper #footer .bottom-wrapper .match-view-wrap .half.right .va-wrap:before {

    left: -1000%

}

.wrapper #footer .bottom-wrapper .match-view-wrap .half.left .va-wrap:before {

    right: -1000%

}

.wrapper #footer .bottom-wrapper .match-view-wrap .half.left {

    text-align: left

}

.wrapper #footer .bottom-wrapper .categories-sidebar {

    padding: 30px 0 0 30px;

    background: #363533;

    overflow: hidden

}

.wrapper #footer .bottom-wrapper .categories-sidebar .uk-panel-title {

    padding: 0 19px 0 0;

    color: #fff;

    font-size: 28px;

    text-transform: uppercase;

    display: inline-block;

    position: relative

}

.wrapper #footer .bottom-wrapper .categories-sidebar .uk-panel-title:after {

    content: '';

    position: absolute;

    height: 1px;

    background: #ffc722;

    top: 50%;

    right: -1000%;

    width: 1000%

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu {

    padding: 6px 0 0

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li {

    padding: 0 30px 0 15px;

    position: relative;

    color: #787774

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li:before {

    content: '\f105';

    font-family: FontAwesome;

    position: absolute;

    left: 0;

    top: 0

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li a {

    margin-bottom: 10px;

    font-size: 14px;

    text-transform: uppercase;

    color: #fff;

    font-family: 'Work Sans'

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li a:hover,

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li.active a {

    background: 0 0;

    color: #ffc722

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li a:hover .label {

    color: #fff

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li a:active,

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li a:focus {

    background: 0 0;

    color: #ffc722

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li a .label {

    background: 0 0;

    font-weight: 400;

    color: #787774;

    transition: .4s all;

    -webkit-transition: .4s all

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li ul {

    list-style: none;

    padding-left: 2px

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li ul li a {

    display: block;

    margin-bottom: 10px

}

.wrapper #footer .bottom-wrapper .categories-sidebar .menu li ul li a:hover {

    text-decoration: none

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar {

    padding: 30px 29px 0;

    background: #f2f2f2;

    border: 1px solid #e9e9e9;

    overflow: hidden

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .uk-panel-title {

    padding: 0 19px 0 0;

    color: #363533;

    font-size: 28px;

    text-transform: uppercase;

    display: inline-block;

    position: relative

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .mail-title,

.wrapper #footer .bottom-wrapper .newsletter-sidebar .mail-wrap:before,

.wrapper #footer .bottom-wrapper .newsletter-sidebar .submit-wrap:before,

.wrapper #footer .bottom-wrapper .newsletter-sidebar .submit-wrapper:before {

    display: none

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .uk-panel-title:after {

    content: '';

    position: absolute;

    height: 1px;

    background: #ffc722;

    top: 50%;

    right: -1000%;

    width: 1000%

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .acymailing_module_form .acymailing_introtext {

    width: 100%;

    padding: 12px 0 0 !important;

    float: none

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .submit-wrapper:after {

    content: "\f1d8";

    margin: -10px 0 0 -7px;

    font-size: 12px;

    position: absolute;

    top: 50%;

    left: 50%;

    font-family: FontAwesome

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .submit-wrapper:hover:after {

    color: #fff

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .acymailing_form tr td .submit-wrapper {

    padding: 0;

    background: #ffc722

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .acymailing_form tr td .submit-wrap {

    padding: 2px;

    background: #fff;

    border: 1px solid #ffc722

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .mail-wrap input[type=text] {

    width: 100% !important;

    background: #fff;

    border: solid #cecece;

    border-width: 1px 0 1px 1px;

    height: 39px;

    line-height: 28px;

    box-sizing: border-box

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .acymailing_form tr td input[type=submit],

.wrapper #footer .bottom-wrapper .newsletter-sidebar .acymailing_form tr td input[type=submit]:hover {

    background: 0 0

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .acymailing_form tbody tr {

    width: 20%

}

.wrapper #footer .bottom-wrapper .newsletter-sidebar .acymailing_form tbody tr:first-child {

    width: 80%

}

.wrapper #footer .bottom-wrapper .news-sidebar {

    padding: 30px 0 10px 30px;

    background: #363533;

    overflow: hidden;

    font-size: 0

}

.wrapper #footer .bottom-wrapper .news-sidebar article {

    padding-bottom: 20px

}

.wrapper #footer .bottom-wrapper .news-sidebar .uk-panel-title {

    padding: 0 19px 0 0;

    color: #fff;

    font-size: 28px;

    text-transform: uppercase;

    display: inline-block;

    position: relative

}

.wrapper #footer .bottom-wrapper .news-sidebar .date,

.wrapper #footer .bottom-wrapper .news-sidebar h4 a {

    font-size: 14px;

    font-family: 'Work Sans'

}

.wrapper #footer .bottom-wrapper .footer-menu {

    margin: 25px 5%

}

.wrapper #footer .bottom-wrapper .footer-menu .grid {

    width: 13%;

    display: inline-block;

    vertical-align: top;

    padding: 0;

    text-align: center

}

.wrapper #footer .bottom-wrapper .footer-menu .grid a {

    color: #bababa

}

.wrapper #footer .bottom-wrapper .footer-menu .grid a:hover {

    background: 0 0;

    color: #ffc722;

    text-decoration: none

}

.wrapper #footer .bottom-wrapper .copyrights {

    margin: 25px 5%;

    text-align: center;

    font-weight: 100;

    color: #fff

}

.wrapper #footer .bottom-wrapper .copyrights p {

    margin: 0

}

.wrapper #footer .bottom-wrapper .footer-menu-lower {

    margin: 25px 5%;

    text-align: center

}

.wrapper #footer .bottom-wrapper .footer-menu-lower .grid {

    width: 49%

}

.wrapper #footer .bottom-wrapper .footer-menu-lower .grid a {

    color: #bababa

}

.wrapper #footer .bottom-wrapper .footer-menu-lower .grid a:hover {

    background: 0 0;

    color: #ffc722;

    text-decoration: none

}

.modal-dialog {

    width: 400px

}

.modal-dialog .modal-content {

    text-align: center;

    background-color: #000

}

.modal-dialog input[type="text"] {

    background: transparent;

    color: #fff;

    text-align: center

}

.modal-dialog input[type="password"] {

    background: transparent;

    color: #fff

}

.modal-dialog .modal-body .group {

    margin: 20px 0;

    color: #FFC722

}

.modal-dialog .modal-body .group input {

    width: 90%;

    display: inline-block

}

.modal-dialog button {

    background: transparent;

    border-bottom: 1px solid #FDBD00;

    color: #fff;

    border-top: transparent;

    border-left: transparent;

    border-right: transparent;

    font-weight: 200;

    outline: none

}

.modal-dialog button:hover {

    background: transparent;

    color: #fff

}

.modal-dialog button a {

    outline: none

}

.modal-dialog .btn-default:active,

.modal-dialog .btn-default.active,

.modal-dialog .open>.dropdown-toggle.btn-default {

    background: transparent;

    color: #fff

}

.modal-dialog .bootstrap-select.btn-group .dropdown-toggle .filter-option {

    text-align: center;

    color: #fff

}

.modal-dialog .btn-default {

    text-shadow: none;

    color: #FDBD00

}

.modal-dialog .btn-default span {

    color: #FDBD00

}

.modal-dialog * {

    box-sizing: border-box

}

.modal-dialog .container {

    font-family: 'Roboto';

    width: 600px;

    margin: 30px auto 0;

    display: block;

    background: #FFF;

    padding: 10px 50px 50px

}

.modal-dialog h2 {

    text-align: center;

    margin-bottom: 50px

}

.modal-dialog h2 small {

    font-weight: normal;

    color: #888;

    display: block

}

.modal-dialog .footer {

    text-align: center

}

.modal-dialog .footer a {

    color: #fff

}

.modal-dialog .group {

    position: relative

}

.modal-dialog .group .checkbox-grp {

    display: inline-block

}

.modal-dialog .group .checkbox-grp label {

    position: relative;

    top: 0;

    left: 0

}

.modal-dialog .group .checkbox-grp .checkbox-btn {

    width: 20px;

    padding: 0;

    margin: 0;

    display: inline-block

}

.modal-dialog .group .gender {

    display: inline-block;

    margin-left: 5%

}

.modal-dialog .group #find-btn {

    width: 120px;

    background: #fff;

    border: transparent;

    border-radius: 10px;

    color: #FDBD00;

    font-weight: 200;

    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);

    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2)

}

.modal-dialog .group #find-btn:hover {

    background-color: #FDBD00;

    border-color: #fff;

    color: #fff;

    cursor: pointer;

    -webkit-transition: background .5s ease-in-out;

    -moz-transition: background .5s ease-in-out;

    -ms-transition: background .5s ease-in-out;

    -o-transition: background .5s ease-in-out;

    transition: background .5s ease-in-out

}

.modal-dialog input {

    font-size: 14px;

    padding: 15px 10px 0 5px;

    display: block;

    border: none;

    width: 100%

}

.modal-dialog input:focus {

    outline: none

}

.modal-dialog label {

    color: #999;

    font-size: 14px;

    font-weight: normal;

    position: absolute;

    pointer-events: none;

    left: 40%;

    color: #ffc722;

    font-weight: 200;

    top: 10px;

    transition: .2s ease all;

    -moz-transition: .2s ease all;

    -webkit-transition: .2s ease all

}

.modal-dialog input:focus~label,

.modal-dialog input:valid~label {

    top: -15px;

    font-size: 12px;

    color: #ffc722;

    left: 40%

}

.modal-dialog .bar {

    position: relative;

    display: block

}

.modal-dialog .bar:before,

.modal-dialog .bar:after {

    content: '';

    height: 1px;

    width: 0;

    bottom: 1px;

    position: absolute;

    background: #fff;

    transition: .2s ease all;

    -moz-transition: .2s ease all;

    -webkit-transition: .2s ease all

}

.modal-dialog .bar:before {

    left: 50%

}

.modal-dialog .bar:after {

    right: 50%

}

.modal-dialog input:focus~.bar:before,

.modal-dialog input:focus~.bar:after {

    width: 50%

}

.modal-dialog .highlight {

    position: absolute;

    height: 60%;

    width: 100px;

    top: 25%;

    left: 0;

    pointer-events: none;

    opacity: .5

}

.modal-dialog input:focus~.highlight {

    -webkit-animation: inputHighlighter .3s ease;

    -moz-animation: inputHighlighter .3s ease;

    animation: inputHighlighter .3s ease

}

@-webkit-keyframes inputHighlighter {

    from {

        background: #fff

    }

    to {

        width: 0;

        background: transparent

    }

}

@-moz-keyframes inputHighlighter {

    from {

        background: #fff

    }

    to {

        width: 0;

        background: transparent

    }

}

@keyframes inputHighlighter {

    from {

        background: #fff

    }

    to {

        width: 0;

        background: transparent

    }

}

.wrapper #footer .bottom-wrapper .acymailing_form tr td input[type=text] {

    outline: none

}

@media (max-width: 750px) {

    .wrapper .content .slider .quote {

        display: none

    }

    .wrapper #header .navbar-nav {

        margin-top: 50px;

        margin-left: 0 !important;

        z-index: 999;

        background: #000;

    }

    .wrapper .content #page-title{

        margin: auto 10px;

    }

    .wrapper .content #page-title .maingrid .grid{

        width:100%;

    }

    .wrapper .content .mission {

        padding: 10px;

    }

    .navbar-toggle {

        margin-right: -5px;

        z-index: 100

    }

    .navbar-header {

        width: 100%

    }

    .wrapper .content #coaches .maingrid .grid{

        width: 100%;

    }

    .navbar-nav>li>a {

        line-height: 5px

    }

   .wrapper .content #find-a-coach-page .maingrid .grid {

        width: 100%;

   }

   .wrapper .content .filter-a-coach .maingrid-filter .grid{

    width: 100%;

   }

   .wrapper .content .filter-a-coach .maingrid-filter .filter{

    width: 100%;

   }

   .wrapper .content .filter-a-coach .maingrid-filter .filter .group #find-btn{

    width: 100%;

   }

    .wrapper .content #find-a-coach-page .maingrid .grid .blog-desc {

        height: 40px;

        overflow: hidden;   

    }

    .wrapper .content #coaches,

    #top-section {

        height: auto !important

    }

    .wrapper .content .slider {

        

        margin-top: 25px

    }

    .wrapper .content .category-sports .category-wrapper .category-filter {

        width: 100%

    }

    .wrapper .content .search-menu .bootstrap-select .btn-default {

        width: 100%;

        padding-left: 15px;

        padding-top: 5px;

        padding-bottom: 5px;



    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){

        width: 100%;

    }

    .wrapper .content .search-menu input[type="text"] {

        width: 100%;

        padding: 5px;

        margin-right: 0

    }

    .wrapper .content .search-menu .search-btn {

        width: 100%;

        padding-right: 0;

        margin-top: 10px;

        margin-bottom: 10px

    }

    .wrapper .content .category-sports .category-wrapper .logo-background-after {

        height: 65px

    }

    .wrapper .content .category-sports .category-wrapper .category-title {

        height: 65px

    }

    .wrapper .content #registeration {

        height: auto

    }

    .wrapper .content #registeration .reg-as-player {

        width: 100%

    }

    .wrapper .content #registeration .reg-as-coach {

        width: 100%

    }

    .wrapper .content .filter-a-coach .filter-bg {

        position: absolute;

        transform: none;

        -webkit-transform: none;

        -moz-transform: none

    }

    .wrapper .content #contact-page .maingrid .slant-background {

        display: none

    }

    .wrapper .content #contact-page .maingrid .grid-right {

        width: 100%

    }

    .wrapper .content #contact-page .maingrid .grid-left {

        width: 100%

    }

    .wrapper .content .sidedesign {

        display: none

    }

    .wrapper .content #contact-page .maingrid {

        margin: 40px

    }

    .wrapper .content #profile-page .maingrid .side-grid {

        width: 100%

    }

    .wrapper .content #profile-page .maingrid .description-tab {

        width: 100%

    }

    .wrapper .content #profile-page .maingrid .side-grid {

        margin: 0

    }

    .wrapper .content #profile-page .maingrid .description-tab .gallery {

        text-align: center

    }

    .wrapper .content #profile-page .maingrid .description-tab .gallery a img {

        margin-top: 10px

    }

}

#Container a {

    color: #343434;

    text-decoration: none;

}

/* .wrapper #header.login-wrapper {

    position: absolute;

    right: 20px;

    z-index: 999;

} */



.wrapper #header .login-wrapper {

    position: absolute;

    right: 10px;

    z-index: 900;

    top: 23px;

}



@media (max-width: 640px){

    .wrapper #header .login-wrapper{

        top: 108px;

        left: 5px;

        right: 0;

        z-index: -1;

    }

}

.wrapper #header .login-wrapper a {

    margin: 0 10px;

    border: 1px solid #ffc722;

    padding: 5px 10px;

    background: #ffc722;

    color: #fff;

    border-radius: 5px;

    padding-top: 8px;

}

.wrapper #header .login-wrapper .fa {

    vertical-align: initial;

    width: 40px;

}



.social-icons{

    position: fixed;

    left: 0;

    z-index: 9999;   

}



    .social {

      position: fixed;

      top: 30%;

    }

    .social ul {

      padding: 0px;

      -webkit-transform: translate(-270px, 0);

      -moz-transform: translate(-270px, 0);

      -ms-transform: translate(-270px, 0);

      -o-transform: translate(-270px, 0);

      transform: translate(-270px, 0);

    }

    .social ul li {

      display: block;

      margin: 5px;

      background: rgba(255, 199, 34, 0.66);

      width: 315px;

      text-align: right;

      padding: 14px;

      -webkit-border-radius: 0 30px 30px 0;

      -moz-border-radius: 0 30px 30px 0;

      border-radius: 0 30px 30px 0;

      -webkit-transition: all 1s;

      -moz-transition: all 1s;

      -ms-transition: all 1s;

      -o-transition: all 1s;

      transition: all 1s;

    }

    .social ul li a {

        text-decoration: none;

        color: #fff;

    }

    .social ul li:hover {

      -webkit-transform: translate(110px, 0);

      -moz-transform: translate(110px, 0);

      -ms-transform: translate(110px, 0);

      -o-transform: translate(110px, 0);

      transform: translate(110px, 0);

      background: rgba(255, 255, 255, 0.4);

    }

    .social ul li:hover a {

      color: #000;

    }

    .social ul li:hover i {

      color: #fff;

      background: rgba(0, 0, 0, 0.36);

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

      -webkit-transition: all 1s;

      -moz-transition: all 1s;

      -ms-transition: all 1s;

      -o-transition: all 1s;

      transition: all 1s;

    }

    .social ul li i {

      margin-left: 10px;

      color: #000;

      background: #fff;

      padding: 7px;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      border-radius: 50%;

      width: 30px;

      height: 30px;

      font-size: 20px;

      background: #ffffff;

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

    }

===================== Code edit start by sid =====================

.wrapper #header .main-menu { 

display: none !important;

}



======================Code edit end by sid =====================