.o-button,
.o-hsub.-h,
.o-hsub::before,
.o-loader:before,
.o-loader>*,
audio,
button,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

.o-button,
button,
select {
    text-transform: none
}

.o-button,
.slick-slider,
button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}



.o-button,
button,
hr,
input,
select {
    overflow: visible
}

.o-button::after,
.o-button:before,
.o-button_line::after,
.o-button_line::before,

a.-hover::after {
    content: ""
}

.o-button,
.o-button:hover,
button,
button:hover {
    text-decoration: none
}

.o-button,
button {
    outline: 0
}

.o-button,
button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    color: inherit;
    text-align: center;
    font: inherit;
    line-height: normal;
    cursor: pointer;
    user-select: none
}

.o-button_label,
.o-label {
    letter-spacing: 0em;
    text-transform: uppercase
}


.o-button,
.o-textarea-wrap {
    position: relative
}

.o-textarea {
    min-height: 9.375rem
}

.o-button {
    display: inline-block;
    text-align: center;
    border : 1px solid #F03D06;
    /*border: 1px solid #1e1e22;*/
    font-size: 0;
    white-space: nowrap;
    -webkit-transition: background-color .3s cubic-bezier(.4, 0, .2, 1), color .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: background-color .3s cubic-bezier(.4, 0, .2, 1), color .45s cubic-bezier(.4, 0, .2, 1) 75ms
}

.o-button:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.o-button>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    white-space: normal
}

.o-button::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #F03D06 ;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1) 75ms, -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms
}
.o-button.club-btn-01::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #13097C ;
    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1) 75ms, -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms
}
.o-button.club-btn-02::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #F03D06 ;
    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1) 75ms, -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms
}

.o-button_label,
.o-button_line::after {
    -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);

}

.o-button:hover {
    color: #fff;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.o-button:hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (min-width:1200px) {
    .o-button.-anim {
        /*border-color: transparent*/
    }
    .o-button.-anim.club-btn{
        border-color: transparent 
    } 
}

.o-button.-left::after {
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.o-button.-white {
    border-color: #fff
}

.o-button.-white::after {
    background-color: #fff
}

.o-button.-white:hover {
    color: #000
}

@media (max-width:699px) {
    .o-button {
        height: 60px;
        padding: 0 20px
    }
    .o-button.-width {
        width: 100%
    }
}

@media (min-width:700px) {
    .o-button {
        height: 3.75rem;
        padding: 0 1.875rem
    }
    .o-button.-width {
        width: 15rem
    }
}

.o-button.-form {
    width: 11.25rem
}

.o-button.-form:focus {
    color: #fff;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.o-button.-form:focus::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.o-button.-square {
    padding: 0
}

.o-button-group .o-button+.o-button {
    border-left: none;
}
.c-header-home_buttons.o-button-group .o-button+.o-button{
    margin-left:5px;
}

@media (max-width:699px) {
    .o-button.-square {
        width: 60px
    }
    .o-button.-padding {
        padding: 1.25rem
    }
}

@media (min-width:700px) {
    .o-button.-square {
        width: 3.75rem
    }
    .o-button.-padding {
        padding: 1.25rem 2.5rem
    }
}

.o-button_label {
    display: inline-block;
    position: relative;
    transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
    transition: transform .45s cubic-bezier(.4, 0, .2, 1);
    transition: transform .45s cubic-bezier(.4, 0, .2, 1), -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    line-height: 1.4;
    z-index: 2;
    /*font-weight: 500;*/
    font-weight: 900;
    font-size: .75rem
}

.c-header-home_heading,
.c-nav_dropdown,
.c-nav_list,
.c-nav_social_link {
    line-height: 1
}

.o-button:hover .o-button_label {
    -webkit-transform: translateX(.5rem);
    -ms-transform: translateX(.5rem);
    transform: translateX(.5rem);
    -webkit-transition-delay: 75ms;
    transition-delay: 75ms
}

.o-button.-left:hover .o-button_label {
    -webkit-transform: translateX(-.5rem);
    -ms-transform: translateX(-.5rem);
    transform: translateX(-.5rem)
}

.o-button.-square:hover .o-button_label {
    -webkit-transform: translateX(.375rem);
    -ms-transform: translateX(.375rem);
    transform: translateX(.375rem)
}

.o-button.-left.-square:hover .o-button_label {
    -webkit-transform: translateX(-.375rem);
    -ms-transform: translateX(-.375rem);
    transform: translateX(-.375rem)
}

.o-button-group {
    margin-left: 0;
    letter-spacing: normal;
    font-size: 0
}

.o-button_icon {
    position: relative;
    width: 1.1875rem;
    height: 1.1875rem;
    fill: #1e1e22;
    -webkit-transition: fill .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: fill .45s cubic-bezier(.4, 0, .2, 1) 75ms
}

.o-button.-white .o-button_icon {
    fill: #fff
}

.o-button:hover .o-button_icon {
    fill: #f6f6f6;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.c-header_logo_image,
.o-button.-white:hover .o-button_icon {
    fill: #1e1e22
}

.o-button_line::after,
.o-button_line::before {
    position: absolute;
    background-color: #1e1e22
}

.is-mobile .o-button_line::after,
.is-mobile .o-button_line::before {
    display: none
}

.o-button_line::before {
    width: 1px;
    top: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1)
}

.o-button_line::after {
    height: 1px;
    right: 0;
    left: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
    transition: transform .45s cubic-bezier(.4, 0, .2, 1);
    transition: transform .45s cubic-bezier(.4, 0, .2, 1), -webkit-transform .45s cubic-bezier(.4, 0, .2, 1)
}

.o-button_line:first-of-type::before {
    left: 0;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.o-button_line:first-of-type::after {
    top: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left
}

.o-button_line:last-of-type::before {
    right: 0;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

.o-button_line:last-of-type::after {
    bottom: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.o-button.is-inview .o-button_line::before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.o-button.is-inview .o-button_line::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.o-button.is-inview .o-button_line:first-of-type::before {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}

.o-button.is-inview .o-button_line:first-of-type::after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.o-button.is-inview .o-button_line:last-of-type::before {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.o-button.is-inview .o-button_line:last-of-type::after {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}


.o-button.white_border{
    border: 2px solid #FFF !important;
}
.o-button_label.orange-color{
    color: #F03D06 !important;
}
.learn-more-btn:hover .o-button_label.orange-color{
    color: #FFF !important;
}

.o-button.home-btn .home-btn-label-white {
    color: #13097C;
}
.o-button.home-btn .home-btn-label-white {
    color: #13097C;
}

.dubai-three-colom .grid-three .o-button_label{
    color: #13097C !important;
    font-size: 32px; 
}



.club-btn.club-btn-no-link .o-button_label{
    line-height: 40px;
}




.o-button.club-btn-no-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent ;
    color: #c1c1c1;
    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1) 75ms;
    transition: transform .45s cubic-bezier(.4, 0, .2, 1) 75ms, -webkit-transform .45s cubic-bezier(.4, 0, .2, 1) 75ms
}

.recruitment-list .o-button_label, .o-label{
    letter-spacing: 0px !important;
}
.o-button.orange-btn::after, .o-button.blue-btn::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ebebeb;

}


.o-button_label {
    color: #FFFFFF;
    font-size: 32px;
}
.o-button_label::after{
    color: #140a7d !important;
}
.o-button_label:hover{
    color: #140a7d !important;
}

.orange-btn{
    background: #F03D06;
}
.home-btn.-width-height{
    width: 17rem;
    height: 17rem;
    font-family: Rajdhani-Light;
    z-index: 55555500;
    top: 28px;
    padding: 0px 2.875rem !important;
    border: transparent !important;
    text-align: left;
    padding: 5rem;
    background:#22A8B2;
        display: block;
    margin: auto;



}
@media (max-width: 1299px){
    .home-btn.-width-height{
        width: 15rem;
        height: 15rem;
    }
}
@media (max-width: 799px){
    .home-btn.-width-height{
        width: 100%;
        height: 25vh;
    }
}
.home-btn.-width-height{
    padding: 0px 1.875rem !important;
}
@media (max-width: 1099px){
    .home-btn.-width-height {
        width: 15rem;
        height: 15rem;
    }
}
@media (max-width: 799px){
    .home-btn.-width-height {
        width: 100%;
        height: 30vh;
        margin-bottom: 20px;
    }
}

.o-button_label::after{
    color: #22A8B2 !important;
}

.o-button.-width-height:hover .o-button_label{
    color: #22A8B2 !important;
} 

.grid-four{
    width:25%;
    margin-bottom: 20px;
    min-height: 100px;
}
@media (max-width: 1099px){
    .grid-four{
        width:33.33%;
        display: block;
        margin:auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 899px){
    .grid-four{
        width:50%;
        display: block;
        margin:auto;
        
    }
}

@media (max-width: 599px){
    .grid-four{
        width:100%;
    }
}

.grid-four img{
    width: 150px !important; 
    display: block;
    margin: auto;
}