/*

* Template Name: Rovers - Food & Restaurant Landing Page Template

* Author:  Gaintco

* Author URL: https://themeforest.net/user/gaintco

* Version: 1.0

*/



/* =============================================================================



[Table of contents]



0.0 Common CSS START

1.0 HEADER-TOP AREA START

2.0 HEADER AREA START 

3.0 BANNER AREA START

4.0 SERVICE AREA START

5.0 ABOUT AREA START

6.0 TABLE AREA START

7.0 TOP-RATED AREA START

8.0 FOOD-MENU AREA START

9.0 TEAM AREA START

10.0 COMMENT AREA START

11.0 BLOG AREA START 

12.0 FOOTER AREA START

13.0 COPY_RIGHT AREA START



/*===========================

0.0 *** Common CSS START ***

=============================*/

* {

    margin: 0;

    padding: 0;

    outline: 0;

}



a,

a:hover {

    text-decoration: none;

    cursor: pointer;

}



a:focus {

    outline: 0;

}



ol,

ul {

    list-style-type: none;

}



img {

    border: 0;

    vertical-align: middle;

}



.zindex {

    position: relative;

    z-index: 99;

}



/* === preloader css ==== */



@keyframes loader {



    0%,

    10%,

    100% {

        width: 80px;

        height: 80px;

    }



    65% {

        width: 150px;

        height: 150px;

    }

}



@-webkit-keyframes loader {



    0%,

    10%,

    100% {

        width: 80px;

        height: 80px;

    }



    65% {

        width: 150px;

        height: 150px;

    }

}



@keyframes loaderBlock {



    0%,

    30% {

        transform: rotate(0);

        -webkit-transform: rotate(0);

    }



    55% {

        background-color: #f5644b;

    }



    100% {

        transform: rotate(90deg);

        -webkit-transform: rotate(90deg);

    }

}



@-webkit-keyframes loaderBlock {



    0%,

    30% {

        transform: rotate(0);

        -webkit-transform: rotate(0);

    }



    55% {

        background-color: #f5644b;

    }



    100% {

        transform: rotate(90deg);

        -webkit-transform: rotate(90deg);

    }

}



@keyframes loaderBlockInverse {



    0%,

    20% {

        transform: rotate(0);

        -webkit-transform: rotate(0);

    }



    55% {

        background-color: #f5644b;

    }



    100% {

        transform: rotate(-90deg);

        -webkit-transform: rotate(-90deg);

    }

}



@-webkit-keyframes loaderBlockInverse {



    0%,

    20% {

        transform: rotate(0);

        -webkit-transform: rotate(0);

    }



    55% {

        background-color: #f5644b;

    }



    100% {

        transform: rotate(-90deg);

        -webkit-transform: rotate(-90deg);

    }

}



#preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #111;

    z-index: 9999999;

    height: 100%;

    margin: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}



@font-face {

    src: url(../fonts/Roboto-Bold.ttf);

    font-family: rb;

}



@font-face {

    src: url(../fonts/GreatVibes-Regular.ttf);

    font-family: ar;

}



@font-face {

    src: url(../fonts/Roboto-Regular.ttf);

    font-family: rr;

}



/* Version 2 */

.particles-js-canvas-el {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

}



/* Version 3 */

#index3 #banner {

    background: url(../images/b1.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



/*===========================

1.0 *** HEADER-TOP AREA START ***

=============================*/

#header-top {

    background: #21252e;

    padding: 12px 0;

    width: 100%;

}



.header-text a {

    color: white;

    font-family: rr;

}



.header-text a i {

    color: #e67e12e6;

    padding-right: 4px;

}



/*===========================

2.0 *** HEADER AREA START ***

=============================*/



.navbar {

    position: fixed;

    width: 100%;

    z-index: 999999;

    -weebkit-transition: all linear .3s;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

    padding-top: 15px;

    background: transparent !important;

    margin-top: 10px;

}



.new-nav {

    background: white;

    padding: 8px 20px;

    border-radius: 3px;

}



.menu-item {

    padding-right: 25px;

}



.navbar-light .navbar-nav .nav-link {

    color: white;

    font-family: rr;

    font-size: 16px;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

    position: relative;

    margin: 9px;

}



.navbar-light .navbar-nav .nav-link::after {

    position: absolute;

    content: '';

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 0;

    height: 2px;

    background: #c6003d;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.navbar-light .navbar-nav .nav-link:hover {

    color: #c6003d;

}



.navbar-light .navbar-nav .nav-link:hover:after,

.navbar-light .navbar-nav .nav-link:focus:after {

    width: 50px;

}



.navbar-light .navbar-nav .nav-link.active {

    color: #c6003d;

}



.navbar-light .navbar-brand {

    color: #131313;

    font-family: rb;

    font-size: 28px;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;



}



.navbar-light .navbar-brand:hover {

    color: #131313;

}



.navbar-light .navbar-brand {

    color: #292929;

}

.navbar-light .navbar-brand span{

    color: #fa573a;

}

.nav-bg {

    background: #fff !important;

    -webkit-box-shadow: 0 6px 30px -18px;

    box-shadow: 0 6px 30px -18px;

    margin-top: 0;

    -webkit-transition: all linear .4s;

    -o-transition: all linear .4s;

    transition: all linear .4s;



}





.nav-bg .navbar-brand {

    color: #131313;

}



.nav-bg .navbar-nav .nav-link {

    color: #131313;

}

.responsive-show{

   display: none; 

}

/*===========================

3.0 *** BANNER AREA START ***

=============================*/

.slide-banner {

    height: 100vh;

    background-repeat: no-repeat !important;

    background-position: center center !important;

    background-size: cover !important;

    position: relative;

}



.overly {

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

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

}



.banner-content {

    height: 100%;

}



.banner-content .container {

    height: 100%;

}



.banner-text {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 1;

}



.banner-text h2 {

    font-size: 35px;

    color: #fff;

    font-family: sans-serif;

    margin-bottom: 14px;

}



.banner-text h4 {

    font-size: 27px;

    color: #fa573a;

    font-family: rr;

    margin-top: 0;

    padding-bottom: 6px;

    padding-top: 1px;

}



.banner-text p {

    font-family: rr;

    font-size: 16px;

    color: #fff;

    padding-bottom: 3px;



}



.banner-text span {

    color: white;

    padding-right: 30px;

    display: block;

}



.ban-btn {

    padding: 15px 0;

}



.ban-btn a i {

    font-size: 17px;

    padding-left: 4px;

}



.ban-btn a {

    border: 1px solid #fa573a;

    padding: 14px 20px;

    color: white;

    background: #fa573a;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

    font-family: rb;

}



.ban-btn a:hover {

    background: none;

    color: #fa573a;

}



.social-icon {

    padding-top: 25px;

}



.social-icon i {

    font-size: 19px;

    color: white;

    padding-right: 19px;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.social-icon i:hover {

    color: #fa573a;

}



/*===========================

4.0 *** SERVICE AREA START ***

=============================*/

#service {

    padding: 25px 0;

}



.service-head h3 {

    color: #151515;

    font-family: sans-serif;

    font-size: 41px;

    position: relative;

    display: inline-block;

    padding-bottom: 16px;

}



.service-head h3 span {

    color: #c6003d;

}



.service-head h3::after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    background: #c6003d;

    width: 80px;

    height: 2px;

}



.service-head h3::before {

    position: absolute;

    content: '';

    bottom: -7px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    background: #c6003d;

    width: 16px;

    height: 16px;

    -webkit-clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);

    clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);

}



.si-r{

    border-left: 1px solid #cecbcb;

}



.service-main {

    padding-top: 65px;

}



.ser-i i {

    color: #fa573a;

    font-size: 26px;

    width: 55px;

    height: 55px;

    line-height: 55px;

    border: 3px solid #fa573a;

    text-align: center;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.service-item:hover .ser-i i {

    background: #fa573a;

    color: #fff;

}



.service-item h3 {

    font-family: rb;

    padding-top: 20px;

    font-size: 23px;

}



.service-item p {

    color: #666;

    line-height: 27px;

}



.service-item a {

    color: #fa573a;

    font-family: rb;

    font-size: 16px;

}



.service-item a i {

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.service-item a:hover i {

    padding-left: 15px;

}

.service-item{

   padding-left: 30px; 

}

/*===========================

5.0 *** ABOUT AREA START ***

=============================*/

#about {

    padding: 80px 0;

}



.pa-top {

    padding-top: 60px;

}



.new-pa-top{

  padding: 65px 0;  

}

.about-text {

    padding-left: 48px;

}



.about-text h2 {

    font-size: 27px;

    font-family: rb;

}



.about-text h3 {

    font-size: 22px;

    font-family: rr;

    color: #fa573a;

    padding-bottom: 6px;

}



.about-text p {

    color: #666;

    line-height: 26px;

}



.about-text a {

    background: #fa573a;

    padding: 14px 20px;

    color: white;

    font-size: 16px;

    font-family: rb;

    border: 1px solid #fa573a;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.about-text a:hover {

    background: white;

    color: #fa573a;



}



.pa-bot {

    padding-bottom: 25px;

}



.about-img {

    position: relative;

}



.about-img::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: rotate(8deg);

    -ms-transform: rotate(8deg);

    transform: rotate(8deg);

    z-index: -1;

    border: 3px solid #fa573a;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.about-img::before {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 3px solid #fa573a;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

    opacity: 0;

}



.about-hover:hover .about-img::after {

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

}



.about-hover:hover .about-img::before {

    opacity: 1;

}



.backtotop {

    position: fixed;

    right: 15px;

    bottom: 15px;

    z-index: 9999;

    display: none;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.backtotop i {

    color: #fff;

    text-align: center;

    font-size: 20px;

    line-height: 45px;

    width: 45px;

    height: 45px;

    background: #c6003d;

    border: 1px solid #c6003d;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

    border-radius: 3px;

    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);

    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);

}



.backtotop:hover i {

    cursor: pointer;

}



/*===========================

6.0 *** TABLE AREA START ***

=============================*/

#table {

    padding: 80px 0;

    background: #1c1c1c;

}



.wh-bg h3 {

    color: #fff;

}



.custom-select {

    height: 55px;

}



.mix input {

    height: 55px;

}



.data-btn {

    height: 55px;

    width: 100%;

    background: #fa573a;

    border: 1px solid #fa573a;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

    font-family: rb;

    font-size: 16px;

}



.data-btn:hover,

.data-btn:focus {

    background: transparent;

    color: #fa573a;

    border: 1px solid #fa573a;

}



.form-control:focus {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}



.count-text {

    color: white;

}



.count-text .counter {

    font-family: rb;

    font-size: 27px;

}



.count-text span {

    color: #fa573a;

    font-size: 19px;

}



/*===========================

7.0 *** TOP-RATED AREA START ***

=============================*/

#top-rated {

    padding: 30px 0;

}



.top-r-text h3 {

    font-size: 24px;

    font-family: rb;

    padding-top: 10px;

}



.top-r-text span {

    font-size: 16px;

    font-family: rr;

    color: #fa573a;

}



.star {

    padding-top: 8px;

}



.star i {

    color: #f3ae4b;

}



.star span {

    color: #666;

}



.top-r-text a i {

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.top-r-text a {

    color: #fa573a;

    font-size: 16px;

    font-family: rb;



}



.top-r-text a:hover i {

    padding-left: 15px;

}



.top-btn {

    padding-top: 9px;

}



.top-item {

    -webkit-clip-path: polygon(0 0, 100% 0, 90% 49%, 100% 100%, 0 100%, 10% 50%);

    clip-path: polygon(0 0, 100% 0, 90% 49%, 100% 100%, 0 100%, 10% 50%);

    color: white !important;

    background: #fa573a;

    padding: 2px 20px;

}



.tr-item {

    border-right: 1px solid #e5e5e5;

}



/*===========================

8.0 *** FOOD-MENU AREA START ***

=============================*/

#food-menu {

    padding: 30px 0;

    /*background: #1c1c1c;*/

}



.nav-pills .nav-link.active,

.nav-pills .show > .nav-link {

    background: #fa573a;

}



.ver-a {

    color: white;

    font-family: rr;

    font-size: 16px;

}



.ver-a:hover {

    color: white;

}



.ver-text h3 {

    color: white;

    font-size: 21px;

    font-family: rb;

}



.ver-text h3 b {

    color: #fa573a;

    padding-right: 15px;

    font-size: 20px;

    font-family: rr;

    padding-left: 20px;

}



.ver-text p {

    font-size: 16px;

    color: #c7c6c6;

}



.ver-text a i {

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.ver-text a {

    font-size: 16px;

    color: #fa573a;

    font-family: rb;

}



.ver-text a:hover i {

    padding-left: 15px;

}



.add-text {

    padding-top: 78px;

}



.add-text p {

    line-height: 26px;

    color: #c7c6c6;

    font-family: rr;

    font-size: 16px;

}



.add-text h3 {

    font-size: 19px;

    font-family: rb;

    color: white;

    position: relative;

    padding-bottom: 13px;

}

.add-text h3:after{

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    background: #fa573a;

    width: 50px;

    height: 2px;

}

/*===========================

9.0 *** TEAM AREA START ***

=============================*/

#team {

    padding: 80px 0;

}



.team-item {

    position: relative;

}



.overlay-text {

    position: relative;

    -webkit-transition: all linear .7s;

    -o-transition: all linear .7s;

    transition: all linear .7s;

}



.team-item:hover .overlay-text {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.team-overlay {

    position: absolute;

    width: 100%;

    height: 100px;

    bottom: 0;

    left: 0;

    content: '';

    background: rgba(28, 28, 28, 0.8);

    z-index: 99;

    -webkit-transition: all linear .5s;

    -o-transition: all linear .5s;

    transition: all linear .5s;

}



.team-item h3 {

    font-family: rb;

    font-size: 27px;

    color: #fff;

    padding-top: 15px;

    position: relative;

    display: inline-block;

    -webkit-transition: all linear .5s;

    -o-transition: all linear .5s;

    transition: all linear .5s;

}



.team-item h3::after {

    position: absolute;

    content: '';

    width: 30px;

    height: 1px;

    bottom: -6px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    background: #fa573a;

}



.team-item:hover .team-overlay {

    height: 100%;

}



.t-icon {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.team-item:hover .t-icon i {

    opacity: 1;

}



.t-icon i:hover {

    background: #fa573a;

    border: 1px solid #fa573a;

    color: #fff;

}



.t-icon i {

    margin: 0 6px;

    border-radius: 50%;

    border: 1px solid #fff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    color: #fff;

    font-size: 18px;

    opacity: 0;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.team-item p {

    font-family: rr;

    font-size: 16px;

    color: #fff;

}



/*===========================

10.0 *** COMMENT AREA START ***

=============================*/

#comment {

    padding: 30px 0;

    /*background: #1c1c1c;*/

}



.comment-text h3 {

    font-family: rb;

    font-size: 24px;

    padding-bottom: 10px;

    padding-top: 5px;

    color: white;

}



.comment-text p {

    font-family: rr;

    font-size: 16px;

    color: #c7c6c6;

    padding-bottom: 8px;

    padding-right: 58px;

    line-height: 26px;

}



.comment-text a {

    font-family: rb;

    font-size: 16px;

    color: #fa573a;

    padding-right: 15px;

}



.comment-text a i {

    background: white;

    width: 35px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    border-radius: 50%;

}



.comment-item {

    padding: 30px;

    padding-top: 0;

}



.comment-item p i {

    color: #fa573a;

    font-size: 22px;

    padding-right: 5px;

}



.comment-item p {

    font-size: 16px;

    line-height: 26px;

    font-family: rr;

    color: white;

}



.comment-item img {

    border: 2px solid #fa573a;

    border-radius: 50%;

    margin-top: 15px;

    text-align: center;

}



.comment-item h4 {

    font-size: 21px;

    font-family: rb;

    padding-top: 15px;

    color: white;

}



.comment-item span {

    font-size: 16px;

    font-family: rr;

    color: #fa573a;

}



.comment-main {

    border-radius: 4px;

}



.vbox-overlay {

    z-index: 999999;

}



/*===========================

11.0 *** BLOG AREA START ***

=============================*/

#blog {

    padding: 80px 0;

}



.news-text {

    padding: 5px 20px 35px;

}



.news-text h4 {

    font-family: rr;

    padding-top: 20px;

}



.news-text span {

    color: #fa573a;

    font-size: 16px;

    font-family: rb;

    padding-bottom: 5px;

}



.news-text p {

    color: #666;

    font-size: 16px;

    font-family: rr;

    padding-bottom: 4px;

    padding-top: 9px;

    line-height: 26px;

}



.news-text a {

    color: #fa573a;

    font-family: rb;

    font-size: 16px;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.news-text a i {

    padding-left: 6px;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.news-text a:hover i {

    padding-left: 15px;

}



.news-items {

    margin-bottom: 45px;

    position: relative;

}



.date-over {

    position: absolute;

    left: 0;

    top: 0;

}



.date-main {

    background: rgba(250, 87, 58, 0.8);

    width: 75px;

    height: 75px;

}



.date-over {

    color: white;

    font-size: 21px;

    font-family: rb;

}



.news-items {

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.news-items:hover {

    -webkit-box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);

}



.on-date {

    padding-top: 8px;

}



.slick-dots {

    text-align: center;

    padding-top: 8px;

    outline: 0;

}



.slick-dots li {

    display: inline-block !important;

    width: 50px;

    height: 8px;

    margin: 0 8px;

    background: none;

    border: 1px solid #fa573a;

    border-radius: 4px;

    outline: 0;

}



.slick-dots li button {

    width: 100%;

    height: 100%;

    color: transparent;

    background: none;

    border: none;

    border-radius: 4px;

    outline: 0;

}



.slick-dots li.slick-active button {

    background: #fa573a;

    outline: 0;



}



.slick-dots li.slick-active button:focus {

    outline: 0;



}



/*===========================

12.0 *** FOOTER AREA START ***

=============================*/



#footer {

    padding: 40px 0;

    background: #c6003d;

}



.footer-logo p {

    font-weight: 400;

    color: #fff;

    font-family: rr;

    padding-top: 13px;

    line-height: 24px;

    font-size: 15px;

}



.footer-social {

    padding-top: 19px;

}



.footer-social i {

    color: #c7c6c6;

    font-size: 19px;

    padding-right: 18px;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.footer-social i:hover {

    color: #fa573a;

}



.links h3 {

    font-size: 19px;

    font-family: rb;

    color: #fff;

    font-weight: 600;

    text-transform: capitalize;

    padding-bottom: 4px;

}



.links ul li a {

    color: #fff;

    text-transform: capitalize;

    line-height: 38px;

    font-size: 15px;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.links ul li a:hover {

    color: #fa573a;

    padding-left: 10px;

}



.location p {

    padding-bottom: 5px;

}



.location a {

    color: #fff;

    font-size: 15px;

    line-height: 25px;

}





.f-logo {

    font-size: 25px;

    color: #fff;

    font-family: rb;

}



.f-logo:hover {

    color: #fa573a;

}



.insta-item {

    color: white;

}



.insta-item p i {

    color: #fa573a;

}



.fg2 input {

    border-radius: 50px;

    background: none;

    color: #fff;

    border: 1px solid #ff416c;

}



.fg2 input:focus {

    background: none;

    border: 1px solid #ff416c;

    position: relative;

    right: 0;

}



.fg2 input:hover {

    border-radius: 50px;

    border: 1px solid #ff416c;

}



.fg2 button i {

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.fg2 button {

    border-radius: 50px;

    position: absolute;

    right: 16px;

    top: 65px;

    border: none;

    background: #ff416c;

    color: #fff;

}



.fg2 button:hover {

    border: none;

    background: #ff416c;

}



.fg2 button:hover i {

    padding-right: 8px;

}



.f-logo b span {

    color: #fa573a;

}



.pb-33 {

    padding-top: 15px;

}



.footer-new i {

    padding-right: 9px;

    color: white;

    font-size: 28px;

    -webkit-transition: all linear .3s;

    -o-transition: all linear .3s;

    transition: all linear .3s;

}



.footer-new i:hover {

    color: #fa573a;

}

.footer-logo h5{

    font-family: rb;

    font-size: 19px;

    color: white;

    padding-bottom: 3px;

    padding-top: 14px;

}

.open-time span{

    color: white;

    font-family: rr;

    font-size: 16px;

    padding-right: 24px;

}

.open-time span b{

    color: #f7583c;

}

/*===========================

13.0 *** COPY_RIGHT AREA START ***

=============================*/



#footer-btm {

    background: #e67e12e6;

    border-top: 1px solid white;

    padding: 10px 0;

}



.fop-btm h2 {

    color: #fff;

    padding: 35px 0 15px;

    font-size: 17px;

}



.fop-btm a {

    color: #fa573a;

    font-family: rb;

}