/*---------------------------------------->> Variables Declaration <<----------------------------------------*/
/*$primary-color:#8EB2C5;*/
/*$secondary-color: #54b3d7;*/
/*$secondary-color: #ffcd48;*/
/*$secondary-color: #ffd76c;
$primary-color:#8EB2C5;  */
/*$secondary-color: #ff9900;*/
/*---------------------------------------->> Mixin CSS <<----------------------------------------*/
/*---------------------------------------->> Typography <<----------------------------------------*/
body {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #666666; /*font-size:16px;*/ /*        user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-drag:none; -webkit-user-drag:none; -ms-user-drag:none; -moz-user-drag:none;*/
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    letter-spacing: 0.25px;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

p { /*font-size: 13px;*/
}

main section {
    padding: 60px 0;
}

figure {
    overflow: hidden;
}

figure img { /*width: 100%;*/
}

a:hover, a:focus, a {
    text-decoration: none;
    color: inherit;
    outline: none;
}

.row.cstm-col {
    margin: 0 -5px;
}

.row.cstm-col > div[class*='col-'] {
    padding: 0 5px;
}

.bx-wrapper {
    box-shadow: none;
    margin: 0;
    border: none;
}

.bx-wrapper li img {
    width: 100%;
}

.bx-wrapper .bx-caption {
    background: transparent;
    width: 30%;
    left: 60%;
    bottom: auto;
    top: 45%;
    z-index: 15;
}

.bx-wrapper .bx-caption h2 {
    font-size: 45px;
    color: #fff;
}

.input-group-addon, .btn {
    border-radius: 0;
}

.fi:before {
    margin-left: 0;
}

.cstm-hr {
    margin: 10px 0;
}

.slick-slide {
    height: auto !important;
}

/*---------------------------------------->> Buttons CSS <<----------------------------------------*/
.btn {
    font-size: 14px;
    font-weight: 400;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.25px;
    border: none;
}

.btn:hover, .btn:focus {
    outline: none;
}

.btn-custom {
    min-width: 150px;
    height: 45px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #333333;
    padding: 16px 12px;
    border-bottom: 3px solid #3299bb;
    color: #fff;
    text-transform: uppercase;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.btn-custom:hover, .btn-custom:focus {
    background: #1a1a1a;
    color: #fff;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.btn-small-custom {
    min-width: 130px;
    height: 40px;
    padding: 10px 25px;
    font-size: 14px;
    background: #000;
    color: #fff;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.btn-small-custom:hover, .btn-small-custom:focus {
    background: #000;
    color: #fff;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.btn-block {
    width: 100%;
    height: 50px;
    height: 45px;
    background: #333333;
    padding: 12px 12px;
    border-bottom: 3px solid #3299bb;
    color: #fff;
    text-transform: uppercase;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.btn-block:hover, .btn-block:focus {
    background: #1a1a1a;
    color: #fff;
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.inr-wpr .btn {
    font-size: 14px;
}

.inr-wpr .btn-custom, .inr-wpr .btn-block {
    height: 45px;
    padding: 12px 35px;
    bottom: 0;
}

.hvr-bounce-to-right:before {
    background: black;
    color: #e9e9e9;
}

.hvr-bounce-to-bottom:before {
    background: black;
    color: #e9e9e9;
}

.user-login .hvr-bounce-to-bottom:before {
    background: black;
    color: #e9e9e9;
}

.col-two {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.col-three {
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
}

h3.fp-title {
    margin-bottom: 15px;
    color: #333333;
}

.fp-title h2 {
    color: #000;
    margin-bottom: 30px;
    color: #4d4d4d;
}

.fp-title h2 span {
    text-transform: uppercase;
    color: #3299bb;
    font-weight: 500;
    text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.25);
}

.fp-title h3 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
    color: #4d4d4d;
}

.fp-title h4 { /*text-transform: uppercase;*/
    margin-bottom: 15px;
    letter-spacing: 0.5px;
    color: #333333;
}

.col-two {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.col-three {
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
}

/*--------------------------------- Login Template CSS -------------------------------------*/
.temp-login > .row > div[class*='col-'] {
    margin: 0 auto;
    float: none;
}

.cstm-modal .modal-body {
    padding: 0;
}

.cstm-modal .close {
    color: #f0f0f0;
    z-index: 999;
    position: relative;
    right: 0;
    width: 59px;
    height: 59px;
    background: #000;
    opacity: 0.6;
}

.cstm-modal .close:hover {
    opacity: 0.8;
}

.cstm-modal form > p > strong {
    font-weight: 400;
}

.cstm-modal .modal-dialog {
    width: 460px;
}

.inr-form legend {
    color: #4a4a4a;
    border-bottom: 1px solid #3299bb;
}

.inr-form {
    width: 100%;
    min-height: 50px;
    padding: 15px;
    margin-top: 30px;
    border-radius: 0;
    color: #999999;
    background: rgba(224, 226, 225, 0.3);
    border: 1px solid #eee;
}

#amount h2 {
    color: #3ba1bf;
    font-weight: 600;
}

.inr-form h3 {
    margin-bottom: 20px;
    color: #333333;
}

.inr-form form {
    margin-bottom: 0;
}

.inr-form form input[type=file] {
    display: block;
    font-weight: 300;
    font-size: 14px;
}

.inr-form form input[type=file]:focus {
    outline: none;
}

.inr-form input::-webkit-input-placeholder {
    color: #b3b3b3;
}

.inr-form input:-moz-placeholder {
    color: #b3b3b3;
}

.inr-form input::-moz-placeholder {
    color: #b3b3b3;
}

.inr-form input:-ms-input-placeholder {
    color: #b3b3b3;
}

.inr-form textarea::-webkit-input-placeholder {
    color: #b3b3b3;
}

.inr-form textarea:-moz-placeholder {
    color: #b3b3b3;
}

.inr-form textarea::-moz-placeholder {
    color: #b3b3b3;
}

.inr-form textarea:-ms-input-placeholder {
    color: #b3b3b3;
}

.inr-form label { /*color:lighten($black, 35%);*/
    color: #777;
    text-align: left;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.inr-form fieldset {
    margin-bottom: 20px;
}

.inr-form .form-control {
    /* width: 100%; */
    height: 40px;
    background: #ffffff;
    border: none;
    color: #333333;
    border-radius: 0;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 300;
    border: 1px solid #ddd;
    box-shadow: none;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.inr-form .form-control:focus {
    box-shadow: none;
    border: 1px solid #3299bb;
    outline: none;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.inr-form .form-group {
    margin-bottom: 10px;
}

.inr-form textarea.form-control {
    height: auto;
}

.inr-form input {
    font-weight: 300;
}

.inr-form .input-group {
    width: 100%;
}

.inr-form .input-group .input-group-addon {
    height: 45px;
    color: #e9e9e9;
    background: #1c1c1c;
    border-color: #1c1c1c;
}

.inr-wpr .fp-why {
    border-bottom: none;
}

.inr-wpr .cstm-chkbx label {
    font-size: 14px;
}

.inr-wpr .cstm-chkbx label a {
    color: #000;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.inr-wpr .cstm-chkbx label a:hover {
    text-decoration: underline;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.inr-wpr .cstm-chkbx label a span {
    font-weight: 400;
}

.inr-wpr .cstm-rad ul li label {
    font-size: 14px;
}

.inr-wpr input[type=radio] {
    margin-top: 2px;
    vertical-align: top;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    outline: none;
}

.inr-wpr input[type=radio]:before {
    content: "\f10c";
    font-family: fontawesome !important;
    font-size: 16px;
    color: #0d0d0d;
    display: inline-block;
    margin-right: 2px;
}

.inr-wpr input[type=radio]:checked:before {
    content: "\f192";
    font-size: 16px;
    color: #000;
}

.inr-wpr input[type=checkbox] {
    vertical-align: top;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    outline: none;
}

.inr-wpr input[type=checkbox]:before {
    content: "\f096";
    font-family: fontawesome !important;
    font-size: 16px;
    color: #0d0d0d;
    display: inline-block;
    margin-right: 2px;
    width: 15px;
}

.inr-wpr input[type=checkbox]:checked:before {
    content: "\f046";
    font-size: 16px;
    color: #000;
}

a.link-rm {
    font-size: 13px;
    color: black;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    margin: 8px 0;
    font-weight: 500;
    font-family: "Oswald", sans-serif;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

a.link-rm:hover span, a.link-rm:focus span {
    text-decoration: underline;
    color: #4d4d4d;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

a.link-rm i.fa {
    margin-left: 2px;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

a.link-rm:hover i.fa {
    color: #000;
    margin-left: 4px;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.section-title {
    text-align: center;
    margin-bottom: 60px;
}

.section-title h2 {
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: 1px;
    font-weight: 500;
    color: #4d4d4d;
}

.section-title h2 span {
    display: block;
    font-size: 24px;
    color: #333333;
    font-weight: 500;
}

.section-title h2:after {
    content: '';
    width: 80px;
    height: 3px;
    background: #3299bb;
    margin: 20px auto 0;
    display: block;
}

.section-title p {
    width: 970px;
    font-size: 15px;
    margin: 30px auto 0;
    color: #4d4d4d;
    letter-spacing: 0.25px;
    line-height: 22px;
}

.fp-para p span, .temp-voucher-info li span, .temp-terms-head li span, .temp-area-info li span {
    font-weight: 700;
}

.fp-para p a > span, .temp-voucher-info li a > span, .temp-terms-head li a > span, .temp-area-info li a > span {
    color: #2d89a7;
}

.fp-para p a:hover, .temp-voucher-info li a:hover, .temp-terms-head li a:hover, .temp-area-info li a:hover {
    text-decoration: underline;
    color: #2d89a7;
}

/*---------------------------------------->> Header CSS <<----------------------------------------*/
.top-bar {
    background: #f7f7f7;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: right;
    padding: 5px 0;
}

.top-bar .container > ul {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-bar .container > ul > li {
    padding: 0 25px;
    font-weight: 600;
    color: #555;
    letter-spacing: 0.2px;
    font-size: 15px;
}

.top-bar ul li:last-child {
    padding-right: 0;
}

.top-bar ul li .btn-custom {
    padding: 8px;
    border-bottom: none;
    height: 35px;
}

.hdr-bdr {
    width: 100%;
    height: 5px;
    background: #3299bb;
}

header {
    width: 100%;
    border-top: 3px solid #3299bb;
    min-height: 80px;
    background: #fff;
    z-index: 9;
    position: relative;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

header .row {
    width: 100%;
    height: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin: 0;
}

header .biz-logo figure {
    overflow: visible;
}

header .biz-logo figure img {
    width: 100%;
    paddshering: 10px;
}

.navigation { /*display: inline-block;*/
}

.navigation .navbar-default {
    background: transparent;
    margin-bottom: 0;
    padding: 0;
    border: none;
    border-radius: 0;
}

.navigation .navbar-default .container-fluid, .navigation .navbar-default .navbar-collapse {
    padding: 0;
    text-align: center;
}

.navigation .navbar-default .navbar-nav {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.navigation .navbar-default .navbar-nav > li {
    outline: none;
}

.navigation .navbar-default .navbar-nav > li > a {
    font-size: 14px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.25px;
    color: #666666;
    text-transform: uppercase;
    padding: 55px 11px; /*overflow: hidden;*/
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.navigation .navbar-default .navbar-nav > li:hover > a, .navigation .navbar-default .navbar-nav > li:focus > a {
    color: #010101;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.navigation .navbar-default .navbar-nav > .active a {
    position: relative;
}

.navigation .navbar-default .navbar-nav > .active a:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: transparent;
}

.navigation .navbar-default .navbar-nav > .active a:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: #3299bb;
}

.navigation .navbar-default .navbar-nav > .active > a, .navigation .navbar-default .navbar-nav > .active > a:focus, .navigation .navbar-default .navbar-nav > .active > a:hover {
    background: transparent;
    color: #010101;
}

header .hdr-btn {
    text-align: right; /*margin: 10px 0;*/
}

header .hdr-btn a {
    font-size: 13px;
    text-decoration: uppercase;
}

header .hdr-btn a.btn-custom {
    height: 40px;
    padding: 10px 12px;
}

.top-bar .btn-info {
    padding: 7px 25px;
    text-transform: uppercase;
    background: #3299BB;
    transition: 0.3s linear;
}

.top-bar .btn-info:hover {
    background: #26819f;
    transition: 0.3s linear;
}

.banner {
    position: relative;
    height: 510px;
    overflow: hidden;
}

.banner .bg-overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.banner .banner-txt {
    text-align: center;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    z-index: 9;
    text-shadow: -2px 1px 3px rgba(0, 0, 0, 0.25);
}

.banner .banner-txt h1 {
    color: #f8f8f8;
    font-size: 50px;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0.25px;
    font-weight: 500;
    margin-bottom: 30px;
    display: inline-block;
}

.banner .banner-txt h1 span {
    font-size: 55px;
    display: block; /*color: $primary-color;*/
}

.banner .banner-txt article h2 {
    color: #f8f8f8;
    line-height: 1.2;
    font-size: 30px;
    display: inline-block;
}

.banner .banner-txt article h2 span {
    display: block;
    font-size: 22px;
}

.banner .banner-txt article h2 span .fa {
    color: #3299bb;
    font-size: 30px;
    letter-spacing: 0;
}

.banner .banner-txt article h2 span:last-child {
    font-size: 36px;
    font-weight: 500;
}

.banner .banner-txt article h2 a {
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.banner .banner-txt article h2 a:hover span {
    text-decoration: none;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.banner .banner-txt article h2 a:hover span:last-child {
    color: #f0f0f0;
    text-decoration: underline;
}

.slick-banner {
    margin-bottom: 0;
}

.slick-banner li figure {
    position: relative;
}

.slick-banner li figure:before {
    content: '';
    position: absolute;
    background: url(../images/pattern-img.png) repeat top;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.slick-banner li.slick-slide:focus {
    outline: none;
}

.fp-why {
    width: 100%;
    height: 180px;
    text-align: center;
}

.fp-why ul.fp-title > ul {
    list-style: none;
    position: relative;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    padding: 0;
}

.fp-why ul.list-inline > li {
    padding: 0;
}

.fp-why ul li.fp-why-list {
    width: 295px;
    min-height: 280px;
    margin-top: -83px;
    z-index: 9;
    position: relative;
}

.fp-why ul li.fp-why-list:nth-child(1) {
    background: #3299bb;
}

.fp-why ul li.fp-why-list:nth-child(1) .fp-why-icn {
    background: #3299bb;
}

.fp-why ul li.fp-why-list:nth-child(2) {
    background: #2f8faf;
}

.fp-why ul li.fp-why-list:nth-child(2) .fp-why-icn {
    background: #2f8faf;
}

.fp-why ul li.fp-why-list:nth-child(2) .fp-why-icn .fi:before {
    font-size: 65px;
}

.fp-why ul li.fp-why-list:nth-child(3) {
    background: #2c85a3;
}

.fp-why ul li.fp-why-list:nth-child(3) .fp-why-icn {
    background: #2c85a3;
}

.fp-why ul li.fp-why-list .fp-why-icn {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    position: absolute;
    top: -65px;
    left: 71px;
}

.fp-why ul li.fp-why-list .fp-why-icn .fi:before {
    font-size: 63px;
    color: #fff;
}

.fp-why ul li.fp-why-list .fp-why-txt {
    position: absolute;
    left: 0;
    right: 0;
    padding: 45px 20px;
}

.fp-why ul li.fp-why-list .fp-why-txt a {
    position: absolute;
    left: 36%;
}

.fp-why ul li.fp-why-list .fp-why-txt h3 {
    color: #0c262e;
}

.fp-why ul li.fp-why-list .fp-why-txt p {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    letter-spacing: 0.25px;
    margin-bottom: 20px;
}

.fp-benefit-item {
    text-align: center;
}

.fp-benefit-item figure {
    height: 100px;
    margin-bottom: 25px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fp-benefit-item figure:after {
    position: absolute;
    bottom: 0;
    content: '';
    display: block;
    width: 170px;
    height: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #3299bb;
}

.fp-benefit-item figure img {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
    -ms-user-drag: none;
    -moz-user-drag: none;
}

.fp-benefit-item h3 {
    margin-bottom: 15px;
    font-size: 18px;
}

/*custom css change*/
.fp-training {
    width: 100%;
    height: 250px;
    padding: 45px 0;
    text-shadow: -2px 1px 3px rgba(0, 0, 0, 0.25);
    color: #f8f8f8;
    text-align: center;
    background: url(../images/driving-lesson.jpg) no-repeat top;
    background-attachment: fixed;
    position: relative;
    background-size: cover;
}

.ban-img {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.ban-img img {
    width: 100%;
}

.fp-training:after {
    content: '';
    position: absolute;
    background: url(../images/pattern-img.png) repeat top;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.fp-training .fa {
    font-size: 70px;
    color: #3299bb;
}

.fp-training .btn-custom {
    border-bottom: 3px solid #3299bb;
}

.fp-training a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.fp-training a article {
    text-shadow: -2px 1px 3px rgba(0, 0, 0, 0.25);
}

.fp-training a article p {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 0;
    font-family: "Oswald", sans-serif;
    line-height: 1.3;
}

.fp-training a article h2 {
    font-weight: 500;
    display: inline-block;
}

.fp-training a:hover article {
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.fp-training a:hover article h2 {
    text-decoration: underline;
}

.fp-training .fp-training-phone, .fp-training .fp-training-email {
    width: 49.5%;
    display: inline-block;
    position: relative;
    z-index: 9;
}

.fp-training .fp-training-phone {
    text-align: right;
}

.fp-training .fp-training-phone a {
    position: absolute;
    right: 10px;
}

.fp-training .fp-training-phone a .fa {
    margin-left: 15px;
    float: right;
}

.fp-training .fp-training-email {
    text-align: left;
}

.fp-training .fp-training-email a {
    position: absolute;
    left: 10px;
}

.fp-training .fp-training-email a .fa {
    margin-right: 15px;
    float: left;
}

.fp-training .training-btn {
    display: inline-block;
    z-index: 99;
    position: relative;
    margin-top: 90px;
}

.fp-training .training-btn a {
    font-size: 13px;
    text-decoration: uppercase;
    text-align: center;
    display: inline-block;
}

.fp-training .training-btn a.btn-custom {
    height: 40px;
    padding: 10px 12px;
}

.fp-testimonial .slick-testimonial li { /*width: 460px;*/
    border-top: 3px solid #3299bb;
}

.fp-testimonial .slick-testimonial li.slick-slide {
    margin: 0 15px;
}

.fp-testimonial .slick-testimonial li.slick-slide:last-child {
    margin-right: 0;
}

.fp-testimonial .slick-testimonial li.slick-slide:focus {
    outline: none;
}

.fp-testimonial .slick-testimonial li .fp-testi-img-name {
    padding: 15px 0 0;
}

.fp-testimonial .slick-testimonial li .fp-testi-img-name figure {
    width: 115px;
    height: 115px;
    background: #e6e6e6;
    border: 1px solid #e9e9e9;
    border-radius: 100%;
    -webkit-box-shadow: -1px 2px 2px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -1px 2px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 2px 2px 0px rgba(0, 0, 0, 0.15);
    display: inline-block;
    float: left;
    margin-right: 50px;
}

.fp-testimonial .slick-testimonial li .fp-testi-img-name aside {
    height: 115px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fp-testimonial .slick-testimonial li .fp-testi-img-name aside .fa {
    font-size: 40px;
    color: #3299bb;
    margin-bottom: 10px;
}

.fp-testimonial .slick-testimonial li .fp-testi-img-name aside h4 {
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 500;
}

.fp-testimonial .slick-testimonial li .fp-testi-img-name p {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.25px;
}

footer {
    width: 100%;
    min-height: 50px;
    background: #333333;
    position: relative;
}

footer a:hover, footer li:hover {
    text-decoration: none !important;
}

footer:before {
    content: '';
    position: absolute;
    background: url(../images/pattern-img.png) repeat top;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

footer .ft-main {
    color: #f8f8f8;
}

footer .ft-main h4 {
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: 1px;
    font-weight: 400;
    color: #3299bb;
    margin-left: -15px;
}

footer .ft-main h4:after {
    content: '';
    width: 180px;
    height: 1px;
    background: #fff;
    margin: 10px 0 15px;
    display: block;
}

footer .ft-main ul li {
    letter-spacing: 0.25px;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

footer .ft-main ul li:hover {
    color: #fff;
    text-decoration: underline;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

footer .ft-main .ft-navigate ul li:before, footer .ft-main .ft-area ul li:before, footer .ft-main .ft-legal ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -15px;
    width: 15px;
    color: #3299bb;
}

footer .ft-main .ft-contact {
    margin-bottom: 20px;
}

footer .ft-main .ft-contact ul li .fa {
    margin-right: 5px;
    margin-left: -15px;
    width: 15px;
    color: #3299bb;
}

/*footer .ft-main .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; }*/
/*footer .ft-main .row div[class*='col-'] { width: auto; }*/
/*footer .ft-main .row div[class*='col-']:last-child { width: 23%; }*/
footer .ft-main .ft-social {
    margin-left: -15px;
}

footer .ft-main .ft-social li {
    width: auto;
    color: #f8f8f8;
}

footer .ft-main .ft-social li .fa {
    font-size: 30px;
    color: #f8f8f8;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

footer .ft-main .ft-social li:hover a .fa {
    color: #3299bb;
    text-decoration: none;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

footer .ft-copy {
    width: 100%;
    min-height: 50px;
    color: #f8f8f8;
    background: rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .ft-copy p {
    margin-bottom: 0;
    letter-spacing: 0.25px;
}

/*---------------------------------------->> Inner Banner CSS <<----------------------------------------*/
/*.inr-banner { width: 100%; min-height: 120px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; background-size: contain; position: relative; }*/
.inr-banner:before {
    content: '';
    position: absolute;
    background: url(../images/pattern-img.png) repeat top;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.inr-banner .inr-banner-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #f8f8f8;
    position: absolute;
    left: 0;
    right: 0;
    top: 34%;
}

.inr-banner .inr-banner-title h1 {
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-shadow: -2px 1px 3px rgba(0, 0, 0, 0.25);
}

.inr-banner .inr-banner-title .breadcrumb {
    padding: 8px 20px;
    margin-bottom: 0;
    list-style: none;
    letter-spacing: 0.25px;
    background-color: #333333;
    border-radius: 2px;
    display: inline-block;
}

.inr-banner .inr-banner-title .breadcrumb > li + li:before {
    padding: 0 1px;
    color: #f8f8f8;
    content: "/\00a0";
}

.inr-banner .inr-banner-title .breadcrumb > .active {
    color: #3299bb;
}

.inr-banner .inr-banner-title .breadcrumb li {
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.inr-banner .inr-banner-title .breadcrumb li:hover {
    color: #3299bb;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

/*---------------------------------------->> Template Pricing CSS <<----------------------------------------*/
.temp-pricing-item .row.cstm-col {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}

.temp-pricing-item .row.cstm-col > div[class*='col-'] {
    padding: 0 10px;
}

.temp-pricing-item .row > div[class*='col-'] {
    margin-bottom: 30px;
}

/*.temp-pricing-item .row > div[class*='col-']:last-child { margin-bottom: 0; }*/
.temp-pricing-item .row > div[class*='col-']:nth-child(3n+1) .temp-pl-head {
    background: rgba(50, 153, 187, 0.7);
}

.temp-pricing-item .row > div[class*='col-']:nth-child(3n+1) .temp-pricing-list:hover .temp-pl-head {
    background: #3299bb;
}

.temp-pricing-item .row > div[class*='col-']:nth-child(3n+2) .temp-pl-head {
    background: rgba(50, 153, 187, 0.8);
}

.temp-pricing-item .row > div[class*='col-']:nth-child(3n+2) .temp-pricing-list:hover .temp-pl-head {
    background: #3299bb;
}

.temp-pricing-item .row > div[class*='col-']:nth-child(3n+3) .temp-pl-head {
    background: rgba(50, 153, 187, 0.9);
}

.temp-pricing-item .row > div[class*='col-']:nth-child(3n+3) .temp-pricing-list:hover .temp-pl-head {
    background: #3299bb;
}

.temp-pricing-item .temp-pi-note {
    margin-bottom: 30px;
}

.temp-pricing-head {
    margin-bottom: 30px;
}

.temp-pricing-head h2 {
    margin-bottom: 30px;
}

.temp-pricing-list {
    width: 100%;
    height: 100%;
    border-top: none;
    border: 1px solid #ccc;
    position: relative;
    margin-bottom: 40px;
    min-height: 500px;
}

.temp-pricing-list .btn-block {
    border-bottom: 3px solid #3299bb;
    border-bottom: 3px solid #3299bb;
    position: absolute;
    bottom: 0;
}

/*.temp-pricing-list > span { position: absolute; bottom: 20px; left: 15px; right: 15px; }*/
.temp-pricing-list h4 {
    font-size: 36px;
    text-align: center; /*color: lighten($primary-color, 10%);*/
    color: #3299bb;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1.2;
    text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-pricing-list h4 aside {
    font-size: 30px;
    display: inline-block;
    text-decoration: line-through;
}

.temp-pricing-list h4 span {
    font-size: 25px;
    display: block;
    letter-spacing: 0; /*                > span{ }*/
}

.temp-pricing-list .temp-pl-head {
    width: 100%;
    min-height: 55px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: -1px 0 2px rgba(0, 0, 0, 0.25);
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
    text-align: center;
}

.temp-pricing-list .temp-pl-content {
    text-align: center;
    padding: 20px 15px;
}

.temp-pricing-list .temp-pl-content ul li {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.25px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;

}

.temp-pricing-list .temp-pl-content ul li a {
    font-weight: 700;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-pricing-list .temp-pl-content ul li a:hover {
    text-decoration: underline;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

/*---------------------------------------->> Template Lesson CSS <<----------------------------------------*/
.temp-lesson-item .row.cstm-col {
    margin: 0 -10px;
}

.temp-lesson-item .row.cstm-col > div[class*='col-'] {
    padding: 0 10px;
    margin-bottom: 20px;
}

.temp-lesson-item .temp-lesson-list {
    width: 100%;
    min-height: 55px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: -1px 0 2px rgba(0, 0, 0, 0.25);
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
    background: #333333;
}

.temp-lesson-item .temp-lesson-list h3 {
    text-transform: capitalize;
}

.temp-lesson-item .temp-lesson-list:hover {
    background: #1a1a1a;
}

.temp-lesson-list { /*    &:hover{ >span{ h4{ color: lighten($primary-color, 10%); text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.25); @include transition(ease 0.3s); } } }*/
}

/*---------------------------------------->> Template Sidebar CSS <<----------------------------------------*/
.temp-lesson .temp-sidebar .temp-sidebar-contact-detail, .temp-voucher .temp-sidebar .temp-sidebar-contact-detail, .temp-pricing .temp-sidebar .temp-sidebar-contact-detail, .temp-area .temp-sidebar .temp-sidebar-contact-detail, .temp-instructor .temp-sidebar .temp-sidebar-contact-detail, .temp-terms .temp-sidebar .temp-sidebar-contact-detail, .temp-default .temp-sidebar .temp-sidebar-contact-detail, .temp-old-driver .temp-sidebar .temp-sidebar-contact-detail {
    display: none;
}

.temp-contact .temp-sidebar .temp-sidebar-adv, .temp-contact .temp-sidebar .temp-sidebar-form {
    display: none;
}

.temp-thank-you .temp-sidebar .temp-sidebar-contact-detail, .temp-thank-you .temp-sidebar .temp-sidebar-form, .temp-booking .temp-sidebar .temp-sidebar-contact-detail, .temp-booking .temp-sidebar .temp-sidebar-form {
    display: none;
}

.temp-booking-head .btn-info {
    background: #3299bb;
    transition: 0.3s linear;
}

.temp-booking-head .btn-info:hover {
    background: #2684a3;
    transition: 0.3s linear;
}

.temp-sidebar .temp-sidebar-adv {
    margin-bottom: 30px;
}

.temp-sidebar .temp-sidebar-adv li {
    width: 100%;
    min-height: 40px;
    border-radius: 2px;
    color: #f8f8f8;
    padding: 15px 25px;
    margin-bottom: 5px; /*            background: rgb(104,104,104);  background: -moz-linear-gradient(top, rgba(104,104,104,1) 0%, rgba(51,51,51,1) 50%, rgba(37,37,37,1) 100%);  background: -webkit-linear-gradient(top, rgba(104,104,104,1) 0%,rgba(51,51,51,1) 50%,rgba(37,37,37,1) 100%); background: linear-gradient(to bottom, rgba(104,104,104,1) 0%,rgba(51,51,51,1) 50%,rgba(37,37,37,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#252525',GradientType=0 );*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.temp-sidebar .temp-sidebar-adv li.temp-sa-guarante {
    background: #8ec600; /* Old browsers */
    background: -moz-linear-gradient(top, #8ec600 0%, #80b700 50%, #689900 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8ec600 0%, #80b700 50%, #689900 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8ec600 0%, #80b700 50%, #689900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.temp-sidebar .temp-sidebar-adv li.temp-sa-call {
    background-color: #c33219;
    background: -moz-linear-gradient(top, #e64522, #c33219);
    background: -ms-linear-gradient(top, #e64522, #c33219);
    background: -webkit-linear-gradient(top, #e64522, #c33219);
}

.temp-sidebar .temp-sidebar-adv li.temp-sa-facebook {
    background: -moz-linear-gradient(top, #3b5998, #2b4170);
    background: -ms-linear-gradient(top, #3b5998, #2b4170);
    background: -webkit-linear-gradient(top, #3b5998, #2b4170);
}

.temp-sidebar .temp-sidebar-adv li.temp-sa-twitter {
    background-color: #0081ce; /* fallback color */
    background: -moz-linear-gradient(top, #00aced, #0081ce);
    background: -ms-linear-gradient(top, #00aced, #0081ce);
    background: -webkit-linear-gradient(top, #00aced, #0081ce);
}

.temp-sidebar .temp-sidebar-adv li:last-child {
    margin-bottom: 0;
}

.temp-sidebar .temp-sidebar-adv li:hover {
    text-shadow: -2px 1px 3px rgba(0, 0, 0, 0.25);
}

.temp-sidebar .temp-sidebar-adv li.s-adv-social .fa {
    width: 25px;
    font-size: 25px;
    font-weight: 300;
    margin-right: 5px;
    text-align: center;
}

.temp-sidebar .temp-sidebar-adv li.s-adv-social h3 {
    display: inline-block;
    font-size: 18px;
}

.temp-sidebar .temp-sidebar-adv li .fa {
    width: 45px;
    font-size: 45px;
    font-weight: 300;
    margin-right: 15px;
    text-align: center;
}

.temp-sidebar .temp-sidebar-adv li h3 {
    display: inline-block;
    font-size: 23px;
}

.temp-sidebar .temp-sidebar-adv li h3 span {
    font-size: 16px;
    display: block;
    text-transform: uppercase;
}

.temp-sidebar .temp-sidebar-form.inr-form {
    padding: 0;
    background: transparent;
}

.temp-sidebar .temp-sidebar-form.inr-form .form-control {
    background: #f9f9f9;
}

.temp-sidebar .temp-sidebar-contact-detail h3 {
    margin-bottom: 20px;
    color: #333333;
}

.temp-sidebar .temp-sidebar-contact-detail ul li {
    margin-top: 8px;
    line-height: 1.4;
}

.temp-sidebar .temp-sidebar-contact-detail ul li:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    margin: 8px auto 0;
    display: block;
}

.temp-sidebar .temp-sidebar-contact-detail ul li:first-child {
    margin-top: 0;
}

.temp-sidebar .temp-sidebar-contact-detail ul li:hover label {
    cursor: pointer;
}

.temp-sidebar .temp-sidebar-contact-detail ul li:hover label span {
    text-decoration: underline;
    color: #2f8faf;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-sidebar .temp-sidebar-contact-detail ul li:hover i.fa {
    color: #2f8faf;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-sidebar .temp-sidebar-contact-detail ul li:hover span {
    color: #333333;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-sidebar .temp-sidebar-contact-detail ul li i.fa {
    width: 20px;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-sidebar .temp-sidebar-contact-detail ul li span {
    display: block;
    color: #777777;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-sidebar .temp-sidebar-contact-detail ul li label {
    color: #2f8faf;
    font-weight: 700;
    margin-bottom: 0;
}

.temp-sidebar .temp-sidebar-contact-detail ul li label span {
    display: inline-block;
    color: #2f8faf;
}

/*---------------------------------------->> Template Gift Voucher CSS <<----------------------------------------*/
.temp-voucher-item .row.cstm-col {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}

.temp-voucher-item .row.cstm-col > div[class*='col-'] {
    padding: 0 10px;
}

.temp-voucher-item .row > div[class*='col-'] {
    margin-bottom: 30px;
}

/*.temp-voucher-item .row > div[class*='col-']:last-child { margin-bottom: 0; }*/
.temp-voucher-item .row > div[class*='col-']:nth-child(3n+1) .temp-vl-head {
    background: #3299bb;
}

.temp-voucher-item .row > div[class*='col-']:nth-child(3n+1) .temp-voucher-list:hover .temp-vl-head {
    background: rgba(50, 153, 187, 0.8);
}

.temp-voucher-item .row > div[class*='col-']:nth-child(3n+2) .temp-vl-head {
    background: #2f8faf;
}

.temp-voucher-item .row > div[class*='col-']:nth-child(3n+2) .temp-voucher-list:hover .temp-vl-head {
    background: #3299bb;
}

.temp-voucher-item .row > div[class*='col-']:nth-child(3n+3) .temp-vl-head {
    background: #2c85a3;
}

.temp-voucher-item .row > div[class*='col-']:nth-child(3n+3) .temp-voucher-list:hover .temp-vl-head {
    background: #3299bb;
}

.temp-voucher-item .temp-vi-note {
    margin-bottom: 30px;
}

.temp-voucher-info ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -15px;
    width: 15px;
    color: #f7dd00;
}

.temp-voucher-head {
    margin-bottom: 30px;
}

.temp-voucher-head h2 {
    margin-bottom: 30px;
}

.temp-voucher-list {
    width: 100%;
    min-height: 220px;
    border-top: none;
    border: 1px solid #ccc;
    position: relative;
    height: 100%;
}

.temp-voucher-list:hover h4 {
    color: #3299bb;
    text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.25);
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

/*.temp-voucher-list > span { position: absolute; bottom: 20px; left: 15px; right: 15px; }*/
.temp-voucher-list h4 {
    font-size: 36px;
    text-align: center;
    color: #50b0d0;
    font-weight: 700;
    margin: 22px 0 20px;
    line-height: 1.2;
    text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.pr-wrap {
    display: flex;
    justify-content: center;
}

.pr-wrap aside {
    font-size: 30px;
    display: inline-block;
    text-decoration: line-through;
}

.pr-wrap > span {
    font-size: 36px;
    text-align: center; /*color: lighten($primary-color, 10%);*/
    color: #3299bb;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1.2;
    text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.pr-wrap aside span {
    font-size: 25px;
    display: block;
    letter-spacing: 0;
}

.temp-voucher-list span,
.temp-voucher-list aside {
    font-size: 30px;
    display: inline-block;
    text-decoration: line-through;
    text-align: center;
    color: #3299bb;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1.2;
    text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
    padding-right: 5px;
}

.temp-voucher-list span {
    font-size: 25px;
    display: block;
    letter-spacing: 0;
    text-decoration: none;
}

.temp-voucher-list .temp-vl-head {
    width: 100%;
    min-height: 80px;
    padding: 0 10px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: -1px 0 2px rgba(0, 0, 0, 0.25);
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-voucher-list .temp-vl-head h3 {
    text-align: center;
}

/*---------------------------------------->> Template Contact CSS <<----------------------------------------*/
.temp-area-head {
    margin-bottom: 30px;
}

.temp-area-head h2 {
    margin-bottom: 30px;
}

.temp-area-info ul {
    margin-bottom: 30px;
}

.temp-area-info ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -15px;
    width: 15px;
    color: #f7dd00;
}

/*---------------------------------------->> Template Old Drivers CSS <<----------------------------------------*/
.temp-od-item .row.cstm-col {
    margin: 0 -10px;
    display: flex;
    align-items: center;
}

.temp-od-item .row.cstm-col > div[class*='col-'] {
    padding: 0 10px;
}

.temp-od-item .row > div[class*='col-'] {
    margin-bottom: 30px;
}

/*.temp-od-item .row > div[class*='col-']:last-child { margin-bottom: 0; }*/
.temp-od-item .row > div[class*='col-']:nth-child(3n+1) .temp-odl-head {
    background: #3299bb;
}

.temp-od-item .row > div[class*='col-']:nth-child(3n+1) .temp-od-list:hover .temp-odl-head {
    background: #2f8faf;
}

.temp-od-item .row > div[class*='col-']:nth-child(3n+2) .temp-odl-head {
    background: rgba(50, 153, 187, 0.8);
}

.temp-od-item .row > div[class*='col-']:nth-child(3n+2) .temp-od-list:hover .temp-odl-head {
    background: #2c85a3;
}

.temp-od-item .row > div[class*='col-']:nth-child(3n+3) .temp-odl-head {
    background: rgba(50, 153, 187, 0.8);
}

.temp-od-item .row > div[class*='col-']:nth-child(3n+3) .temp-od-list:hover .temp-odl-head {
    background: #287b97;
}

.temp-od-item .temp-odi-note {
    margin-bottom: 30px;
}

.temp-od-head {
    margin-bottom: 30px;
}

.temp-od-head h2 {
    margin-bottom: 30px;
}

.temp-od-list {
    margin-bottom: 40px;
    width: 100%;
    border-top: none;
    border: 1px solid #ccc;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    min-height: 490px;
}

.temp-od-list:hover h4 {
    color: #3299bb;
    text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.25);
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

/*.temp-od-list { position: absolute; bottom: 20px; left: 15px; right: 15px; }*/
.temp-od-list h4 {
    font-size: 36px;
    text-align: center;
    color: #3299bb;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1.2;
    text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.15);
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-od-list h4 aside {
    font-size: 30px;
    display: inline-block;
    text-decoration: line-through;
}

/*.temp-od-list h4 span { font-size: 25px; display: block; letter-spacing: 0;                 > span{ } }*/
.temp-od-list .temp-odl-head {
    width: 100%;
    min-height: 80px;
    padding: 0 10px;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: -1px 0 2px rgba(0, 0, 0, 0.25);
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-od-list .temp-odl-head h3 {
    text-align: center;
}

.temp-od-list .temp-odl-content {
    text-align: center;
    padding: 20px 15px;
    /*min-height: 350px;*/
}

.temp-od-list .temp-odl-content ul li {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.25px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.temp-od-list .temp-odl-content ul li a {
    font-weight: 700;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

.temp-od-list .temp-odl-content ul li a:hover {
    text-decoration: underline;
    -moz-transition: linear 0.3s;
    -o-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    transition: linear 0.3s;
}

/*---------------------------------------->> Template Instructors CSS <<----------------------------------------*/
.temp-default-head, .temp-instructor-head { /*margin-bottom: 30px;*/
}

.temp-default-head h2, .temp-instructor-head h2 {
    margin-bottom: 30px;
}

.temp-default-item .temp-default-list, .temp-default-item .temp-instructor-list, .temp-instructor-item .temp-default-list, .temp-instructor-item .temp-instructor-list {
    padding-bottom: 15px;
    border-bottom: 1px dotted #d9d9d9;
    margin-bottom: 30px;
}

.temp-default-item .temp-default-list:last-child, .temp-default-item .temp-instructor-list:last-child, .temp-instructor-item .temp-default-list:last-child, .temp-instructor-item .temp-instructor-list:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.temp-default-item .temp-default-list h3, .temp-default-item .temp-instructor-list h3, .temp-instructor-item .temp-default-list h3, .temp-instructor-item .temp-instructor-list h3 {
    font-weight: 500;
    text-align: left;
}

.temp-default-item .temp-default-list figure, .temp-default-item .temp-instructor-list figure, .temp-instructor-item .temp-default-list figure, .temp-instructor-item .temp-instructor-list figure {
    width: 200px;
    height: 250px;
    background: #e6e6e6;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: -1px 2px 2px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -1px 2px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 2px 2px 0px rgba(0, 0, 0, 0.15);
    display: inline-block;
    float: left;
    margin: 0 20px 5px 0;
}

.temp-default-item .temp-default-list .temp-dl-txt, .temp-default-item .temp-default-list .temp-il-txt, .temp-default-item .temp-instructor-list .temp-dl-txt, .temp-default-item .temp-instructor-list .temp-il-txt, .temp-instructor-item .temp-default-list .temp-dl-txt, .temp-instructor-item .temp-default-list .temp-il-txt, .temp-instructor-item .temp-instructor-list .temp-dl-txt, .temp-instructor-item .temp-instructor-list .temp-il-txt {
    padding-top: 15px;
}

/*---------------------------------------->> Template Thank You CSS <<----------------------------------------*/
.temp-thank-you .temp-ty-txt {
    text-align: center;
    margin-bottom: 30px;
}

.temp-thank-you .temp-ty-txt h2 {
    margin: 15px 0 30px;
}

.temp-thank-you .temp-ty-txt p {
    color: #666666;
}

.temp-thank-you .temp-ty-txt h6 {
    color: #666666;
    margin-top: 30px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.temp-thank-you .temp-ty-txt hr {
    border-color: #e0e0e0;
}

/*---------------------------------------->> Template Terms CSS <<----------------------------------------*/
.temp-terms .temp-terms-head ol {
    padding-left: 10px;
}

.temp-terms .temp-terms-head ol li {
    line-height: 1.8;
}

/*---------------------------------------->> Template Error 404 CSS <<----------------------------------------*/
.inr-error {
    text-align: center;
}

.inr-error h2 {
    margin: 35px 0;
}

.inr-error article {
    margin-bottom: 30px;
}

label.error {
    display: none !important;
}

input.error, textarea.error, select.error {
    border-color: red !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #f2dede !important;
}

input.error[type="checkbox"], input.error[type="radio"] {
    -webkit-box-shadow: inset 12px 2px 2px rgba(255, 0, 0, 0.25);
    box-shadow: inset 12px 2px 2px rgba(255, 0, 0, 0.25);
}

.error {
    color: red;
    font-style: italic;
}

.ui-state-disabled.undefined {
    opacity: 0.75;
}

.ui-state-disabled.undefined span {
    background: #d43b1d;
    color: #fff;
    text-align: center;
}

.new-modal .btn-success {
    padding: 8px 32px;
    font-weight: 400;
    letter-spacing: 0.5px;
    background: #16a76b;
    color: #fff;
    transition: 0.3s linear;
}

.new-modal .btn-success:hover, .new-modal .btn-success:focus {
    background: #16c57d;
    transition: 0.3s linear;
}

.new-modal .modal-content {
    border-radius: 0;
}

.new-modal .modal-content .form-control {
    height: 36px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd;
}

.new-modal .modal-content .form-control:focus {
    box-shadow: none;
    outline: none;
    border: 1px solid #eaa353;
}

.new-modal .modal-header {
    background: #333;
    color: #fff;
    border-bottom: 1px solid #f1f1f1;
}

.new-modal .modal-header .close {
    color: #fff;
    opacity: 0.85;
    font-size: 30px;
    text-shadow: none;
}

/*.new-modal .modal-header, .new-modal .btn-success .modal-body { padding: 30px 15px 45px; background: #f5f5f5; }*/

.dashboard-wrapper {
    padding: 70px 0;
    background: #efefef;
}

.dashboard-wrapper h1 {
    margin-bottom: 30px;
}

.dashboard-wrapper .nav-sidebar .nav {
    background: #fff;
    border-radius: 0;
    min-height: 450px;
}

.dashboard-wrapper .nav-sidebar .nav > li {
    width: 100%;
}

.dashboard-wrapper .nav-sidebar .nav > li a {
    color: #333;
    padding: 22px 30px;
    border-bottom: 1px solid #ddd;
    transition: 0.3s ease;
    text-align: left;
}

.dashboard-wrapper .nav-sidebar .nav > li a:hover, .dashboard-wrapper .nav-sidebar .nav > li a:visited, .dashboard-wrapper .nav-sidebar .nav > li a:focus {
    background: #333333;
    transition: 0.3s ease;
}

.dashboard-wrapper .nav-sidebar .nav > li a:hover .fa, .dashboard-wrapper .nav-sidebar .nav > li a:visited .fa, .dashboard-wrapper .nav-sidebar .nav > li a:focus .fa {
    color: #fff;
}
.dashboard-wrapper .nav-sidebar .nav > li a:focus,
.dashboard-wrapper .nav-sidebar .nav > li a:hover{
    color: #fff;
}
.log-dshbd {
    background: #fff;
    position: relative;
    box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
}

.log-dshbd > .row {
    display: flex;
}

.log-dshbd > .row > .col-md-3 {
    border-right: 1px solid #ddd;
    padding-right: 0;
}

.log-dshbd dashboard-content {
    padding: 50px 30px;
}
.dashboard-content{
    padding-top: 30px;
}

.log-dshbd .nav-sidebar .nav > li .fa {
    width: 30px;
    color: #777;
    font-size: 20px;
}

.log-dshbd .table > tbody > tr > td, .log-dshbd .table > tbody > tr > th, .log-dshbd .table > tfoot > tr > td, .log-dshbd .table > tfoot > tr > th, .log-dshbd .table > thead > tr > td, .log-dshbd .table > thead > tr > th {
    padding: 5px !important; /*border: none;*/
    vertical-align: middle;
    text-align: left;
}

.log-dshbd .table > tbody > tr > td {
    padding-left: 20px;
}

.mob-toggle {
    width: 60px;
    height: 60px;
    background: #16bae1;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding-top: 10px;
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 999999999;
    border-radius: 50%;
}

.mob-nav {
    width: 60px;
    position: fixed;
    background: #efefef;
    border-radius: 50px;
    bottom: 70px;
    right: 20px;
    overflow: hidden;
    z-index: 999999999;
    padding: 20px 0;
}

.mob-nav .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
}

#ajax-table {
    margin: 30px 0px;
}

#ajax-table > .btn-success {
    margin-bottom: 15px;
}

/*# sourceMappingURL=master.css.map */

textarea {
    height: auto !important;
}

.voucher-con .control-label {
    text-align: left !important;
}

.voucher-con .btn-custom {
    position: static;
}

.voucher-con .form-group {
    margin-bottom: 0;
}

.spin-wrap {
    position: relative;
}

#spinner {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.facebook a {
    font-weight: 300;
    font-size: 13px;
}

.facebook a i {
    font-size: 30px !important;
    color: #3e3e3e;
}

.check-boxes .boxes {
    display: inline-block;
    height: 85px;
}
.check-boxes .custom-rads{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 25px;
}

.check-boxes input[type="checkbox"]:checked,
.check-boxes input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.check-boxes input[type="checkbox"]:checked + label,
.check-boxes input[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 0;
    cursor: pointer;
    line-height: 0;
    display: block;
    color: #464646;
    font-size: 14px;
    font-weight: 600;
}

.check-boxes input[type="checkbox"]:checked + label:before,
.check-boxes input[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 20px;
    width: 20px;
    height: 20px;
    border: 1px solid #9a9a9a;
    background: #fff;
}

.check-boxes input[type="checkbox"]:checked + label:after,
.check-boxes input[type="checkbox"]:not(:checked) + label:after {
    width: 10px;
    height: 10px;
    font-size: 22px;
    position: absolute;
    top: 30px;
    font-weight: 300;
    font-family: FontAwesome;
    left: 1px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.check-boxes .boxes.tick  input[type="checkbox"]:checked + label:after{
    content: '\f00c';
    color: #2db564;

}
.check-boxes .boxes.cross  input[type="checkbox"]:checked + label:after{
    content: '\f00d';
    left: 4px;
    color: #e26c03;
    top: 29px;
}

.check-boxes input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.check-boxes input[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.custom-radios .rads {
    padding: 6px 0px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    width: 70px;
    color: #2f2f2f;
    margin: 2px -2px;
    cursor: pointer;
    border-radius: 0;
    border: 1px solid #9a9a9a;
    background-color: transparent;
    transition: 0.3s ease;
    position: relative;
    display: inline-block;
}
.custom-radios label input[type=checkbox]:checked ~ span.rads {
    border: 1px solid #3299bb;
    background: #3299bb;
    transition: 0.3s ease;
    color: #fff;
}
.custom-radios {
    margin-bottom: 10px;
    float: left;
}
.custom-radios em {
    font-weight: 600;
    color: #062631;
    width: 85px;
    display: inline-block;
    text-transform: capitalize;
    float: left;
    height: 70px;
}
.custom-radios > div label:first-child .rads{
    border-left: 1px solid #9a9a9a !important;
}
.custom-radios > label:first-child {
    position: relative;
}
.custom-radios label input[type=checkbox] {
    visibility: hidden;
    margin: -8px;
}
.sidebar-info{
    background: #f6f6f6;
    padding: 12px 12px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.12);
    border: 1px solid #e6e6e6;
}
.sidebar-info h3.title{
    color: #ffffff;
    margin-bottom: 30px;
    background: #3299bb;
    padding: 10px 15px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}
.sidebar-info ul li {
    font-size: 18px;
    margin-bottom: 20px;
}
.sidebar-info ul li .fi{
    width: 30px;
    display: inline-block;
}
.sidebar-info ul li .fi:before{
    color: #3299bb;
}
.sidebar-info ul li p{
    font-weight: 600;
    font-size: 14px;
    color: #3b3a3a;
    margin-bottom: 0;
}
.sidebar-info h4.price{
    padding: 15px 0;
    border-top: 1px solid #ddd;
    color: #333;
}
.sidebar-info h4.price span{
    color: #3299bb;
    font-weight: 500;
}
.temp-booking .affix {
    position: fixed !important;
    width: 262px;
    margin-top: -70px;
}