@charset "UTF-8";

@import "../../../css2";

@import "../../../css2-1";

@import "../../../css2";

@import "../../../css2-1";

header,

nav,

section,

article,

aside,

footer {

    display: block

}



* {

    margin: 0;

    padding: 0

}



body {

    margin: 0;

    padding: 0;

    font-size: 15px;

    line-height: 1.5;

    font-family: poppins, sans-serif;

    overflow-x: hidden;

    font-weight: 300;

    color: #777;

    background: #f5066e;

    background-size: cover;

    background-attachment: fixed;

    background-repeat: no-repeat

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 700;

    font-family: lobster two, cursive;

    margin: 0 0 16px;

    color: #212121;

    text-transform: capitalize;

    line-height: 1.4

}



h1 {

    font-size: 52px

}



h2 {

    font-size: 32px

}



h3 {

    font-size: 22px

}



h4 {

    font-size: 18px

}



h5 {

    font-size: 16px

}



h6 {

    font-size: 14px

}



@media(max-width:991px) {

    h2 {

        font-size: 28px

    }

}



@media(max-width:735px) {

    h2 {

        font-size: 21px

    }

    h3 {

        font-size: 18px

    }

}



p {

    margin-bottom: .5rem

}



ul {

    margin: 0;

    padding: 0;

    list-style-type: none

}



ul li {

    margin-bottom: 0;

    line-height: 1.5;

    color: #777;

    position: relative;

    display: inline-block;

    padding: 0

}



ol {

    margin: 0;

    counter-reset: i;

    position: relative

}



ol li {

    font-size: 16px;

    margin-bottom: 10px;

    line-height: 1.5;

    color: #777;

    padding-left: 0;

    position: relative

}



a {

    color: #414141;

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

    cursor: pointer

}



a:hover,

a:focus {

    text-decoration: none;

    color: #f93a3a;

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

    outline: none;

    opacity: .8

}



a:not([href]):not([tabindex]):focus,

a:not([href]):not([tabindex]):hover {

    color: #f93a3a

}



form {

    position: relative;

    z-index: 1

}



img {

    max-width: 100%

}



.container {

    position: relative;

    z-index: 1

}



.index-2 {

    z-index: 2 !important

}



.white {

    color: #fff !important

}



.yellow {

    color: #f7a001 !important

}



.red {

    color: #f93a3a !important

}



.black {

    color: #000 !important

}



.green {

    color: #91c714 !important

}



.grey {

    color: #777 !important

}



.bg-grey {

    background: #fbfbfb !important

}



.bg-yellow {

    background: #f7a001 !important

}



.bg-red {

    background: #f93a3a !important

}



.bg-black {

    background: #212121 !important

}



.bg-green {

    background: #91c714 !important

}



.bg-white {

    background: #fff !important

}



.bg-navy {

    background: #1a1831 !important

}



.text-caps {

    text-transform: capitalize

}



.bordernone {

    border: none !important

}



.border-b {

    border-bottom: 1px dashed #f1f1f1

}



.border-all {

    border: 1px solid #f1f1f1 !important

}



.transparent {

    background: 0 0 !important

}



.border-radius-0 {

    border-radius: 0 !important

}



.top54 {

    top: 54% !important;

    transform: translateY(-52%) !important

}



.top0 {

    top: 0 !important

}



.rating span {

    color: #ffbc00;

    display: inline;

    font-size: 14px

}



.mt-1,

.my-1 {

    margin-top: .5rem !important

}



.mt-2,

.my-2 {

    margin-top: 1rem !important

}



.mt-3,

.my-3 {

    margin-top: 1.5rem !important

}



.mt-4,

.my-4 {

    margin-top: 2rem !important

}



.mt-5,

.my-5 {

    margin-top: 2.5rem !important

}



.mt-6,

.my-6 {

    margin-top: 3rem !important

}



.mt-7,

.my-7 {

    margin-top: 3.5rem !important

}



.mt-8,

.my-8 {

    margin-top: 4rem !important

}



.mt-9,

.my-9 {

    margin-top: 4.5rem !important

}



.mt-10,

.my-10 {

    margin-top: 5rem !important

}



.mt-80t {

    margin-top: -80px

}



.mb-1,

.my-1 {

    margin-bottom: .5rem !important

}



.mb-2,

.my-2 {

    margin-bottom: 1rem !important

}



.mb-3,

.my-3 {

    margin-bottom: 1.5rem !important

}



.mb-4,

.my-4 {

    margin-bottom: 2rem !important

}



.mb-5,

.my-5 {

    margin-bottom: 2.5rem !important

}



.mb-6,

.my-6 {

    margin-bottom: 3rem !important

}



.mb-7,

.my-7 {

    margin-bottom: 3.5rem !important

}



.mb-8,

.my-8 {

    margin-bottom: 4rem !important

}



.mb-9,

.my-9 {

    margin-bottom: 4.5rem !important

}



.mb-10,

.my-10 {

    margin-bottom: 5rem !important

}



.pt-1,

.py-1 {

    padding-top: .5rem !important

}



.pt-2,

.py-2 {

    padding-top: 1rem !important

}



.pt-3,

.py-3 {

    padding-top: 1.5rem !important

}



.pt-4,

.py-4 {

    padding-top: 2rem !important

}



.pt-5,

.py-5 {

    padding-top: 2.5rem !important

}



.pt-6,

.py-6 {

    padding-top: 3rem !important

}



.pt-7,

.my-7 {

    padding-top: 3.5rem !important

}



.pt-8,

.my-8 {

    padding-top: 4rem !important

}



.pt-9,

.my-9 {

    padding-top: 4.5rem !important

}



.pt-10,

.my-10 {

    padding-top: 5rem !important

}



.sec-pt {

    padding-top: 76px !important

}



.pb-1,

.py-1 {

    padding-bottom: .5rem !important

}



.pb-2,

.py-2 {

    padding-bottom: 1rem !important

}



.pb-3,

.py-3 {

    padding-bottom: 1.5rem !important

}



.pb-4,

.py-4 {

    padding-bottom: 2rem !important

}



.pb-5,

.py-5 {

    padding-bottom: 2.5rem !important

}



.pb-6,

.py-6 {

    padding-bottom: 3rem !important

}



.pb-7,

.my-7 {

    padding-bottom: 3.5rem !important

}



.pb-8,

.my-8 {

    padding-bottom: 4rem !important

}



.pb-9,

.my-9 {

    padding-bottom: 4.5rem !important

}



.pb-10,

.my-10 {

    padding-bottom: 5rem !important

}



.pb-14,

.my-14 {

    padding-bottom: 7rem !important

}



.pb-20,

.my-20 {

    padding-bottom: 10rem !important

}



.form-group {

    width: 100%;

    display: inline-block

}



.form-group select {

    padding: 10px 20px 10px 35px

}



input[type=text],

input[type=email],

input[type=number],

input[type=search],

input[type=password],

input[type=tel],

input[type=date],

input[type=time],

textarea,

select {

    font-size: 15px;

    font-weight: 400;

    background-color: #fff;

    border: 1px solid #f1f1f1;

    border-radius: 0;

    padding: 10px 20px;

    color: #777;

    margin-bottom: 1rem;

    height: 44px;

    box-shadow: none;

    margin-bottom: 0;

    width: 100%

}



input[type=text]:focus,

input[type=email]:focus,

input[type=number]:focus,

input[type=search]:focus,

input[type=password]:focus,

input[type=tel]:focus,

input[type=date]:focus,

input[type=time]:focus,

textarea:focus,

select:focus {

    outline: none;

    transition: all .5s ease;

    box-shadow: none

}



select {

    padding: 10px 20px;

    width: 100%

}



select option {

    color: #212121

}



textarea {

    border-radius: none;

    resize: vertical;

    height: 120px

}



label {

    display: inline-block;

    color: #777;

    margin-bottom: 8px;

    font-weight: 400;

    font-size: 15px

}



blockquote {

    font-size: 14px;

    font-weight: 400;

    background-color: #f93a3a;

    margin-bottom: 15px;

    border: 0;

    padding: 30px 70px;

    line-height: 1.5;

    color: #fff;

    margin: 20 0;

    font-style: italic;

    position: relative

}



blockquote :after {

    content: '';

    position: absolute;

    height: 60%;

    width: 2px;

    background: #fff;

    top: 20%;

    left: 35px

}



blockquote p {

    color: #fff;

    margin: 0

}



blockquote :before {

    content: '\f10d';

    font-family: fontawesome;

    font-size: 45px;

    position: absolute;

    bottom: 26px;

    right: 20px;

    color: #fff;

    transform: rotate(180deg)

}



blockquote span {

    position: relative;

    padding-left: 20px

}



blockquote span :before {

    content: '';

    width: 12px;

    height: 1px;

    background: #f93a3a;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -2px

}



table>tbody tr td,

table>tbody tr th,

table>tfoot tr td,

table>tfoot tr th,

table>thead tr td,

table>thead tr th {

    padding: 10px;

    vertical-align: sub !important;

    border: 1px solid #f1f1f1

}



table {

    width: 100%

}



table thead tr th {

    border-bottom: none !important

}



iframe {

    width: 100%

}



.overlay,

.dot-overlay,

.color-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgb(0 0 0 / 0%) url(../images/dot-overlay.png) repeat;

    transition: all ease-in-out .5s

}



.dot-overlay {

    background: transparent url(../images/dot-overlay.png) repeat

}



.color-overlay {

    top: inherit;

    bottom: 0;

    background: linear-gradient(to bottom, transparent, #000000d1)

}



.mid-overlay {

    background: linear-gradient(to left, #0f0c0c80, transparent);

    position: absolute;

    top: 0;

    right: 0;

    width: 50%;

    height: 100%

}



@media(min-width:1500px) {

    .side-overlay {

        width: 40%

    }

}



.border-bg {

    background: url(../images/border-bg.png) repeat-x;

    background-size: contain;

    background-position: center;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 10%;

    z-index: 1

}



section {

    padding: 5rem 0 4.75rem;

    position: relative;

    z-index: 1

}



.section-title {

    position: relative;

    z-index: 1

}



.section-title:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    border-bottom: 2px dashed #000000;

    width: 10%;

    right: 0;

    margin: 0 auto

}



.section-title h2 {

    position: relative

}



.section-title h2 span {

    /* background: linear-gradient(135deg, #f93a3a 0%, #f7a001 100%); */

    color: #fff;

    -webkit-background-clip: text

}



.section-title h5 {

    font-weight: 400;

    font-family: poppins, sans-serif

}



@media(max-width:767px) {

    .section-title {

        width: 100%;

        text-align: center !important

    }

}



.row.slick-slider {

    margin: 0 -15px

}



.grunch-top:before {

    content: '';

    background: url(../images/bottom-bg.png) repeat-x;

    position: absolute;

    top: -40px;

    left: 0;

    height: 10%;

    width: 100%;

    z-index: 2;

    background-size: contain

}



.grunch-bottom:after {

    content: '';

    background: url(../images/top-bg.png) repeat-x;

    position: absolute;

    bottom: -40px;

    left: 0;

    height: 10%;

    width: 100%;

    z-index: 2;

    background-size: contain

}



.pagination-main {

    line-height: .8

}



.pagination-main .pagination {

    margin-top: 0;

    margin-bottom: 0;

    display: inline-block

}



.pagination-main .pagination li {

    padding-left: 0;

    padding-bottom: 0;

    margin-bottom: 0

}



.pagination-main .pagination li:before,

.pagination-main .pagination li:after {

    display: none

}



.pagination-main .pagination li a {

    padding: 0;

    height: 40px;

    line-height: 38px;

    margin-right: 9px;

    text-align: center;

    width: 40px;

    color: #212121;

    font-size: 12px;

    border: 1px solid #f1f1f1;

    display: inline-block;

    background: #fbfbfb;

    border-radius: 0;

    background: #fff

}



.pagination-main .pagination li a:hover,

.pagination-main .pagination li a:focus {

    background-color: #f93a3a;

    color: #fff !important;

    border-color: #f93a3a

}



.pagination-main .pagination li:last-child>a,

.pagination-main .pagination li:last-child>span {

    border-radius: none;

    margin: 0

}



.pagination-main .pagination li .active a {

    background: #f93a3a !important;

    border-color: #f93a3a !important;

    color: #fff

}



.pagination-main .pagination .prev a,

.pagination-main .pagination .next a {

    border-radius: 0

}



@media(max-width:567px) {

    .pagination li a {

        height: 30px;

        width: 30px;

        line-height: 28px

    }

}



@media(max-width:359px) {

    .pagination li a {

        height: 28px;

        width: 28px;

        line-height: 28px

    }

}



.breadcrumb-main {

    background-repeat: no-repeat;

    background-position: top;

    background-size: cover;

    background-attachment: fixed

}



.breadcrumb-main .breadcrumb-outer {

    background: 0 0;

    position: relative;

    z-index: 1

}



.breadcrumb-main .breadcrumb-outer:before {

    display: none

}



.breadcrumb-main .breadcrumb-outer .breadcrumb-content {

    position: relative;

    z-index: 1

}



.breadcrumb-main .breadcrumb-outer .breadcrumb-content h2 {

    color: #fff;

    background: #f93a3a;

    border-radius: 0;

    padding: 5px 20px

}



.breadcrumb-main .breadcrumb-outer .breadcrumb-content nav {

    display: block

}



.breadcrumb {

    background: 0 0;

    margin: 0;

    padding: 0;

    display: inline-block

}



.breadcrumb li,

.breadcrumb li.active {

    margin-bottom: 0;

    color: #fff

}



.breadcrumb li a,

.breadcrumb li.active a {

    color: #f93a3a

}



.breadcrumb .breadcrumb-item+.breadcrumb-item:before {

    content: '|';

    color: #fff

}



@media(max-width:991px) {

    .breadcrumb-outer .breadcrumb-content {

        display: block !important;

        text-align: center !important

    }

    .breadcrumb-outer .breadcrumb-content h2 {

        margin: 0 0 16px !important

    }

}



@media(max-width:479px) {

    .breadcrumb-outer .breadcrumb-content {

        text-align: center

    }

    .breadcrumb-outer .breadcrumb-content h2 {

        margin: 0 0 1rem !important;

        display: block

    }

}



.nir-btn,

.nir-btn1,

.nir-btn-black {

    position: relative;

    z-index: 1;

    font-size: 14px;

    text-align: center;

    padding: 12px 30px;

    text-transform: capitalize;

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

    background: #000000;

    font-weight: 700;

    color: #f5066e;

    display: inline-block;

    box-shadow: 0 0 0 4px rgba(255, 255, 255, .1)

}



.nir-btn:before,

.nir-btn1:before,

.nir-btn-black:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

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

    transform: scale(0, 1);

    z-index: -1;

    border: 2px solid #f7a001;

    color: #f7a001;

    background: 0 0

}



.nir-btn:hover,

.nir-btn1:hover,

.nir-btn-black:hover {

    color: #f7a001;

    background: 0 0 !important;

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

    box-shadow: none

}



.nir-btn:hover:before,

.nir-btn1:hover:before,

.nir-btn-black:hover:before {

    transform: scale(1);

    transition: all ease-in-out .5s

}



.nir-btn-black {

    background: #212121

}



.nir-btn-black:before {

    border-color: #212121;

    color: #212121

}



.nir-btn-black:hover {

    border-color: #212121;

    color: #212121

}



.nir-btn-black:hover:before {

    color: #212121

}



.nir-btn1:before {

    border-color: #fff !important

}



.nir-btn1:hover {

    color: #fff !important

}



.nir-button {

    position: relative;

    background-color: #fff;

    font-size: 14px;

    color: #f7a001;

    font-weight: 700;

    padding: 10px 20px;

    display: inline-block;

    text-align: center;

    text-transform: uppercase;

    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3);

    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .3);

    box-shadow: 0 0 30px rgba(0, 0, 0, .3);

    border-radius: 0

}



.nir-button:hover {

    background: #f7a001;

    color: #fff

}



.nir-button:after {

    content: '';

    position: absolute;

    left: -5px;

    top: -5px;

    right: -5px;

    bottom: -5px;

    border: 1px solid #fff;

    opacity: 1;

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

    border-radius: 0

}



.nir-button:hover:after {

    opacity: 0;

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

    border-color: #f7a001

}



.main-btn {

    font-size: 16px;

    border-radius: 0;

    border: none;

    cursor: pointer;

    padding: 12px 30px;

    background-color: #f93a3a;

    color: #fff;

    -webkit-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

    position: relative;

    display: inline-block;

    z-index: 2

}



.main-btn::after {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    background: #b17405;

    -webkit-transition: all .3s ease-out 0s;

    transition: all .3s ease-out 0s;

    content: '';

    z-index: -1;

    width: 50%;

    border-radius: 0

}



.main-btn:hover::after {

    width: 100%;

    top: 0;

    bottom: 0;

    right: 0;

    background: #b17405

}



.main-btn:hover {

    color: #fff

}



input#submit {

    border: none

}



input#submit:hover {

    opacity: .8;

    background: #f93a3a !important;

    color: #fff

}



@media(max-width:811px) {

    .newsletter .newsletter-main .newsletter-form {

        width: 60% !important

    }

}



@media(max-width:767px) {

    .newsletter .newsletter-main .newsletter-form {

        width: 100% !important

    }

}



@media(max-width:567px) {

    .newsletter .newsletter-main .newsletter-form form {

        border: none !important;

        border-radius: 0 !important

    }

    .newsletter .newsletter-main .newsletter-form form input {

        border: 1px solid #f1f1f1 !important;

        padding-right: 20px !important

    }

    .newsletter .newsletter-main .newsletter-form form input.nir-btn {

        border: none !important;

        position: relative !important;

        margin-top: 1rem

    }

}



#preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    z-index: 999999

}



#preloader #status {

    position: fixed;

    content: '';

    display: block;

    top: 50%;

    left: 50%;

    width: 400px;

    height: 300px;

    margin: 0 auto;

    background: url(../images/loader.gif);

    background-size: cover;

    background-position: center;

    opacity: 1;

    transform: translate(-50%, -50%);

    visibility: visible;

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

    z-index: 9999999999

}



#back-to-top {

    position: fixed;

    z-index: 1000;

    bottom: 20px;

    right: 20px;

    display: none

}



#back-to-top a {

    display: block;

    width: 40px;

    height: 40px;

    background: #f93a3a;

    position: relative;

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

    text-align: center;

    border-radius: 0

}



#back-to-top a:after {

    position: absolute;

    content: '\f30c';

    font-family: "font awesome 5 free";

    font-size: 20px;

    color: #fff;

    top: 50%;

    left: 50%;

    z-index: 1;

    font-weight: 700;

    transform: translate(-50%, -50%)

}



.contactform-error-msg {

    margin-bottom: 10px;

    border-radius: 0;

    color: #e83737;

    padding: 0

}



.contactform-error-msg .alert-success {

    background: 0 0;

    border: transparent;

    border-radius: 0;

    padding: 15px;

    color: #3c763d

}



.contactform-error-msg .alert-success h4 {

    margin-bottom: 8px

}



.contactform-error-msg .alert-success p {

    color: #fff;

    margin-bottom: 0

}



.wickedpicker {

    width: 120px !important;

    height: auto !important;

    z-index: 9

}



.wickedpicker .wickedpicker__title {

    display: none !important

}



.wickedpicker__controls__control-up:before {

    content: "" !important;

    font-family: "font awesome 5 free" !important;

    font-weight: 900 !important;

    color: #909090 !important

}



.wickedpicker__controls__control-down:after {

    content: "" !important;

    font-family: "font awesome 5 free" !important;

    font-weight: 900 !important;

    color: #909090 !important

}



.accrodion-grp .accrodion+.accrodion {

    margin-top: 10px

}



.accrodion-grp .accrodion .accrodion-title {

    border: 1px solid #f1f1f1;

    background: #fff;

    padding: 14.5px 25px;

    cursor: pointer;

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

    border-radius: 0

}



.accrodion-grp .accrodion .accrodion-title h5 {

    margin: 0;

    position: relative;

    text-transform: capitalize

}



.accrodion-grp .accrodion .accrodion-title h5:before {

    content: '\f107';

    font-family: fontawesome;

    color: #222;

    font-size: 20px;

    position: absolute;

    top: 50%;

    right: 0;

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

    transform: translateY(-50%)

}



.accrodion-grp .accrodion .accrodion-content {

    padding-top: 10px

}



.accrodion-grp .accrodion .accrodion-content .inner {

    padding: 20px;

    background: #fbfbfb;

    border: 1px solid #f1f1f1;

    border-radius: 0

}



.accrodion-grp .accrodion .accrodion-content .inner p {

    margin: 0;

    font-size: 15px;

    line-height: 25px;

    letter-spacing: .01em;

    color: #74787d

}



.accrodion-grp .accrodion.active .accrodion-title {

    background: #f93a3a;

    border-color: #f93a3a

}



.accrodion-grp .accrodion.active .accrodion-title h5 {

    color: #fff

}



.accrodion-grp .accrodion.active .accrodion-title h5:before {

    content: '\f106';

    color: #fff

}



@media(max-width:567px) {

    .accrodion-grp .accrodion .accrodion-title h5 {

        font-size: 14px

    }

}



@-webkit-keyframes rotated {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes rotated {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@-webkit-keyframes scale-upOne {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        -webkit-transform: scale(.2);

        transform: scale(.2)

    }

}



@keyframes scale-upOne {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        -webkit-transform: scale(.2);

        transform: scale(.2)

    }

}



@-webkit-keyframes zoom-fade-two {

    0% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5)

    }

    50% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5)

    }

}



@keyframes zoom-fade-two {

    0% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5)

    }

    50% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5)

    }

}



@-webkit-keyframes zoom-fade {

    0% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2)

    }

    50% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2)

    }

}



@keyframes zoom-fade {

    0% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2)

    }

    50% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    100% {

        -webkit-transform: scale(1.2);

        transform: scale(1.2)

    }

}



@keyframes slide {

    from {

        background-position: 0 0

    }

    to {

        background-position: -111px 0

    }

}



@-webkit-keyframes slide {

    from {

        background-position: 0 0

    }

    to {

        background-position: -111px 0

    }

}



@-webkit-keyframes ripple {

    70% {

        box-shadow: 0 0 0 40px transparent

    }

    100% {

        box-shadow: 0 0 0 0 transparent

    }

}



@keyframes ripple {

    70% {

        box-shadow: 0 0 0 40px transparent

    }

    100% {

        box-shadow: 0 0 0 0 transparent

    }

}



@keyframes up-down {

    0% {

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px)

    }

    50% {

        -webkit-transform: translateY(-10px);

        transform: translateY(-10px)

    }

    100% {

        -webkit-transform: translateY(-20px);

        transform: translateY(-20px)

    }

}



@keyframes jackInTheBox {

    from {

        opacity: 0;

        transform: scale(.1) rotate(30deg);

        transform-origin: center bottom

    }

    50% {

        transform: rotate(-10deg)

    }

    70% {

        transform: rotate(3deg)

    }

    to {

        opacity: 1;

        transform: scale(1)

    }

}



.jackInTheBox {

    animation-name: jackInTheBox

}



.animated {

    animation-duration: 1s;

    animation-fill-mode: both

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        transform: translateY(20px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px);

        -ms-transform: translateY(20px);

        transform: translateY(20px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        transform: translateY(0)

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



@keyframes animationFramesOne {

    0% {

        -webkit-transform: translate(0px, 0px) rotate(0deg);

        transform: translate(0px, 0px) rotate(0deg)

    }

    20% {

        -webkit-transform: translate(73px, -1px) rotate(36deg);

        transform: translate(73px, -1px) rotate(36deg)

    }

    40% {

        -webkit-transform: translate(141px, 72px) rotate(72deg);

        transform: translate(141px, 72px) rotate(72deg)

    }

    60% {

        -webkit-transform: translate(83px, 122px) rotate(108deg);

        transform: translate(83px, 122px) rotate(108deg)

    }

    80% {

        -webkit-transform: translate(-40px, 72px) rotate(144deg);

        transform: translate(-40px, 72px) rotate(144deg)

    }

    100% {

        -webkit-transform: translate(0px, 0px) rotate(0deg);

        transform: translate(0px, 0px) rotate(0deg)

    }

}



@-webkit-keyframes animationFramesOne {

    0% {

        -webkit-transform: translate(0px, 0px) rotate(0deg)

    }

    20% {

        -webkit-transform: translate(73px, -1px) rotate(36deg)

    }

    40% {

        -webkit-transform: translate(141px, 72px) rotate(72deg)

    }

    60% {

        -webkit-transform: translate(83px, 122px) rotate(108deg)

    }

    80% {

        -webkit-transform: translate(-40px, 72px) rotate(144deg)

    }

    100% {

        -webkit-transform: translate(0px, 0px) rotate(0deg)

    }

}



@keyframes animationFramesTwo {

    0% {

        transform: translate(0, 0) rotate(0)

    }

    21% {

        transform: translate(40px, 50px) rotate(35deg)

    }

    41% {

        transform: translate(-20px, -75px) rotate(48deg)

    }

    60% {

        transform: translate(25px, 48px) rotate(125deg)

    }

    80% {

        transform: translate(16px, -15px) rotate(180deg)

    }

    100% {

        transform: translate(0, 0) rotate(0)

    }

}



@-webkit-keyframes animationFramesTwo {

    0% {

        -webkit-transform: translate(0, 0) rotate(0)

    }

    21% {

        -webkit-transform: translate(40px, 5px) rotate(35deg)

    }

    41% {

        -webkit-transform: translate(-20px, -75px) rotate(48deg)

    }

    60% {

        -webkit-transform: translate(25px, 48px) rotate(125deg)

    }

    80% {

        -webkit-transform: translate(16px, -15px) rotate(180deg)

    }

    100% {

        -webkit-transform: translate(0, 0) rotate(0)

    }

}



@keyframes animationFramesThree {

    0% {

        transform: translate(0, 0) rotate(0)

    }

    21% {

        transform: translate(4px, 10px) rotate(360deg)

    }

    41% {

        transform: translate(25px, 40px) rotate(360deg)

    }

    60% {

        transform: translate(35px, 22px) rotate(360deg)

    }

    80% {

        transform: translate(17px, 46px) rotate(360deg)

    }

    100% {

        transform: translate(0, 0) rotate(0)

    }

}



@-webkit-keyframes animationFramesThree {

    0% {

        -webkit-transform: translate(0, 0) rotate(0)

    }

    21% {

        -webkit-transform: translate(4px, -20px) rotate(360deg)

    }

    41% {

        -webkit-transform: translate(-50px, -80px) rotate(360deg)

    }

    60% {

        -webkit-transform: translate(-75px, -35px) rotate(360deg)

    }

    80% {

        -webkit-transform: translate(-20px, 20px) rotate(360deg)

    }

    100% {

        -webkit-transform: translate(0, 0) rotate(0)

    }

}



@-webkit-keyframes movebounce {

    0% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

    50% {

        -webkit-transform: translateY(20px);

        transform: translateY(20px)

    }

    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@keyframes movebounce {

    0% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

    50% {

        -webkit-transform: translateY(20px);

        transform: translateY(20px)

    }

    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px)

    }

}



@keyframes rotateme {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    to {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@-webkit-keyframes rotateme {

    from {

        -webkit-transform: rotate(0deg)

    }

    to {

        -webkit-transform: rotate(360deg)

    }

}



@keyframes move-forever {

    0% {

        transform: translate(-90px, 0%)

    }

    100% {

        transform: translate(85px, 0%)

    }

}



.reserved-form {

    z-index: 999 !important

}



.reserved-form.date-picker-wrapper.no-topbar {

    padding: 0;

    width: auto;

    background: 0 0;

    border: none;

    box-shadow: 0 0 10px #cccccc57

}



.reserved-form.date-picker-wrapper .month-wrapper table .day.real-today {

    background-color: transparent;

    color: #f93a3a;

    font-weight: 700;

    border: 1px solid #f93a3a;

    opacity: 1

}



.reserved-form.date-picker-wrapper .month-wrapper {

    box-shadow: 0 0 10px #cccccc57;

    border: none;

    padding: 15px;

    border-radius: 0

}



.reserved-form.date-picker-wrapper .month-wrapper table .day.has-tooltip {

    color: #ccc;

    text-decoration: line-through;

    background: #ebeff2

}



.reserved-form.date-picker-wrapper .month-wrapper table .day.checked {

    background: #f93a3a !important;

    color: #fff;

    border-color: #f93a3a

}



.reserved-form.date-picker-wrapper .month-wrapper table .day {

    padding: 5px 0;

    padding-left: 0;

    line-height: .9;

    font-size: 15px;

    color: #999;

    border: 1px solid #f1f1f1;

    text-align: center;

    width: 40px;

    margin: 5px 2px;

    line-height: 1.8

}



.reserved-form.date-picker-wrapper .month-wrapper table .day.toMonth.valid.checked {

    color: #fff

}



.reserved-form.date-picker-wrapper .month-wrapper table .week-name {

    height: 40px;

    color: #333

}



.reserved-form.date-picker-wrapper table .caption {

    background: #fbfbfb;

    color: #333

}



.reserved-form.date-picker-wrapper .footer {

    display: none

}



.reserved-form.date-picker-wrapper.single-date span {

    font-size: 14px

}



.reserved-form.date-picker-wrapper table .caption>th:first-of-type,

.reserved-form.date-picker-wrapper table .caption>th:last-of-type {

    padding: 10px

}



.reserved-form.date-picker-wrapper table .caption th {

    text-align: left

}



.reserved-form.date-picker-wrapper .month-wrapper table.month2 .caption th {

    text-align: right

}



.reserved-form.date-picker-wrapper .gap,

.reserved-form.date-picker-wrapper table .caption .next:hover,

.reserved-form.date-picker-wrapper table .caption .prev:hover {

    background: 0 0

}



.reserved-form.date-picker-wrapper .gap .gap-lines,

.reserved-form.date-picker-wrapper .gap .gap-top-mask,

.reserved-form.date-picker-wrapper .gap .gap-bottom-mask {

    display: none

}



.reserved-form.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {

    background: #999;

    color: #fff

}



.b-shape {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 1

}



@-webkit-keyframes kbrns_zoomOutIn {

    0% {

        -webkit-transform: scale(1.3)

    }

    100% {

        -webkit-transform: scale(1)

    }

}



@-moz-keyframes kbrns_zoomOutIn {

    0% {

        -moz-transform: scale(1.3)

    }

    100% {

        -moz-transform: scale(1)

    }

}



@-ms-keyframes kbrns_zoomOutIn {

    0% {

        -ms-transform: scale(1.3)

    }

    100% {

        -ms-transform: scale(1)

    }

}



@-o-keyframes kbrns_zoomOutIn {

    0% {

        -o-transform: scale(1.3)

    }

    100% {

        -o-transform: scale(1)

    }

}



@keyframes kbrns_zoomOutIn {

    0% {

        transform: scale(1.3)

    }

    100% {

        transform: scale(1)

    }

}



.navbar-default {

    background: #f5f5f5

}



.navbar {

    border-bottom: 0;

    padding: 0

}



.sidebar .navbar-nav {

    background: 0 0;

    margin: 0

}



.navbar.navbar-default {

    transition: none

}



header #navbar {

    width: 100%;

    background: #f49b00

}



.navbar-default a.navbar-brand {

    font-size: 24px;

    position: relative;

    color: #f49b00;

    letter-spacing: 2px;

    font-weight: 400;

    display: block;

    padding: 0;

    height: auto;

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

    transition: color .5s ease;

    -webkit-transition: color .5s ease;

    -moz-transition: color .5s ease;

    margin-right: 0;

    flex: 1

}



.navbar-default a.navbar-brand span {

    color: #fc883a

}



/* .navbar-default a.navbar-brand:hover {

    color: #d60d45

} */



.navbar-default .navbar-nav li,

.navbar-default .navbar-nav li.active {

    background: #f33807

}



.navbar-default .navbar-nav li a,

.navbar-default .navbar-nav li a:hover,

.navbar-default .navbar-nav li.active a,

.navbar-default .navbar-nav li.active a:hover {

    color: #fff;

    background: #f33807

}



.navbar-nav li {

    position: relative;

    text-align: left;

    margin-bottom: 0

}



.navbar-nav li ul {

    z-index: 9999;

    padding: 0;

    margin: 0;

    position: absolute;

    top: 50px;

    left: 0;

    width: 190px;

    display: none;

    border: 1px solid #f1f1f1;

    border-top: 2px solid #f33807;

    -webkit-box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4);

    -moz-box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4);

    box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4)

}



.navbar-nav li ul li {

    border-bottom: 1px solid #f1f1f1

}



.navbar-nav li ul li:last-child {

    border-bottom: none

}



.navbar-nav li ul li:hover a {

    padding-left: 20px;

    padding-right: 10px;

    text-decoration: none

}



.navbar-nav li ul li:hover ul li a {

    padding-left: 15px;

    padding-right: 15px

}



.navbar-nav li ul li a {

    display: block;

    padding: 7px 15px;

    font-size: 15px;

    font-weight: 500;

    color: #636363

}



.navbar-nav li ul li a:hover {

    color: #f33807

}



.navbar-nav li ul li ul {

    position: absolute;

    left: 188px;

    top: -2px

}



.navbar-nav li ul li ul li ul li:hover a {

    padding-left: 20px;

    padding-right: 10px

}



.navbar-nav li>ul>li:last-child>a {

    border-bottom: 0

}



.navbar-nav li>ul>li ul>li:last-child>a {

    border-bottom: 0

}



.main_header_area {

    position: relative;

    width: 100%;

    background: #f5066e;

}



.main_header_area .notify-bar {

    background: linear-gradient(to right, #e9595e 1%, #dcb86c 100%);

    position: relative;

    padding: 3px 0

}



.main_header_area .notify-bar .notify-in {

    position: relative

}



.main_header_area .notify-bar .notify-in a.shop-btn {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%)

}



.main_header_area .header-content {

    padding: 10px 0;

    position: relative;

    z-index: 1;

    background: #f93a3a

}



.main_header_area .header-content li {

    display: inline-block;

    padding: 0 20px;

    border-left: 1px solid #f1f1f163;

    margin: 0

}



.main_header_area .header-content li:first-child {

    border: none;

    padding-left: 0

}



.main_header_area .header-content li:last-child {

    padding-right: 0

}



.main_header_area .header-content a,

.main_header_area .header-content i {

    font-size: 14px;

    color: #fff

}



.main_header_area .header_menu.fixed-top {

    box-shadow: 0 0 15px #cccccc37;

    background: #fff

}



.main_header_area.headerstye-1 {

    position: absolute;

    background: 0 0

}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .navbar-header .navbar-brand {

    padding: 0;

    margin: 0

}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .navbar-header .navbar-brand img {

    display: block

}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .navbar-header .navbar-brand img+img {

    display: none

}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .nav.navbar-nav li a {

    color: #fff

}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .nav.navbar-nav li:hover>a {

    color: #f93a3a

}



.main_header_area.headerstye-1 .header_menu .navbar.navbar-default .nav.navbar-nav li.active>a {

    color: #f93a3a

}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar-header .navbar-brand {

    padding: 0;

    margin: 0

}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar-header .navbar-brand img {

    display: none !important

}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar-header .navbar-brand img+img {

    display: block !important

}



.main_header_area.headerstye-1 .reg-log a.nir-btn {

    color: #fff;

    padding: 10px 24px

}



.main_header_area.headerstye-1 .reg-log a.nir-btn:hover {

    color: #f93a3a !important

}



.headerstye-2 .navbar-header {

    display: none

}



.headerstye-2 .navbar-sticky-in .navbar-header {

    display: block

}



@media(max-width:991px) {

    .reg-log,

    .notify-bar {

        display: none !important

    }

    .headerstye-2 .header-content {

        display: none

    }

    .headerstye-2 .navbar-header {

        display: block

    }

}



@media(max-width:735px) {

    .main_header_area .header-content {

        display: none !important

    }

}



.header_menu .navbar.navbar-default {

    border-radius: 0;

    margin-bottom: 0;

    background: 0 0;

    border: none;

    width: 100%

}



.header_menu .navbar.navbar-default .navbar-collapse {

    text-align: right;

    padding: 0

}



.header_menu .navbar.navbar-default .nav.navbar-nav {

    float: none;

    text-align: right;

    display: inline-block;

    background: 0 0

}



.header_menu .navbar.navbar-default .nav.navbar-nav li {

    float: none;

    display: inline-block;

    margin-right: 0;

    background: 0 0

}



.header_menu .navbar.navbar-default .nav.navbar-nav li:last-child {

    margin: 0

}



.header_menu .navbar.navbar-default .nav.navbar-nav li a {

    background: 0 0;

    color: #000;

    font-size: 15px;

    font-weight: 500;

    text-transform: uppercase;

    padding: 0;

    letter-spacing: .45px;

    line-height: inherit;

    transition: all 150ms linear;

    border: none;

    padding: 0 8px

}



.header_menu .navbar.navbar-default .nav.navbar-nav li a i {

    font-size: 10px

}



.header_menu .navbar.navbar-default .nav.navbar-nav li a i.fa-angle-right {

    position: absolute;

    right: 15px;

    top: 12px

}



.header_menu .navbar.navbar-default .nav.navbar-nav li a:after {

    display: none

}



.header_menu .navbar.navbar-default .nav.navbar-nav li a.mt_search i {

    font-size: 15px

}



.header_menu .navbar.navbar-default .nav.navbar-nav li:hover a,

.header_menu .navbar.navbar-default .nav.navbar-nav li.active a {

    color: #000000;

    background: 0 0

}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu {

    position: relative

}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu {

    border: none;

    padding: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none

}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu:before {

    content: '';

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 10px 10px 0;

    border-color: #eee transparent transparent transparent;

    position: absolute;

    right: 24px;

    top: 45px;

    z-index: 3;

    opacity: 0;

    -webkit-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    transition: all 400ms linear

}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li {

    display: block;

    float: none;

    margin-right: 0;

    border-bottom: 1px dashed #f1f1f1

}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a {

    line-height: 2.7;

    color: #777;

    font-size: 15px;

    padding: 0 20px;

    font-weight: 400;

    letter-spacing: .3px;

    -webkit-transition: all 150ms linear;

    -o-transition: all 150ms linear;

    transition: all 150ms linear;

    display: block;

    text-transform: capitalize

}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a:hover {

    background: #f93a3a;

    color: #fff

}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:last-child {

    border-bottom: none

}



.header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li ul {

    overflow: visible

}



.header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child {

    margin-right: 0

}



.header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li:hover>a,

.header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li.active>a {

    color: #f93a3a

}



#search1 {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    z-index: 9999;

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

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

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

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

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

    -webkit-transform: translate(0px, -100%) scale(0, 0);

    -moz-transform: translate(0px, -100%) scale(0, 0);

    -o-transform: translate(0px, -100%) scale(0, 0);

    -ms-transform: translate(0px, -100%) scale(0, 0);

    transform: translate(0px, -100%) scale(0, 0);

    opacity: 0

}



#search1 form {

    position: revert

}



#search1 input[type=search] {

    position: absolute;

    top: 35%;

    width: 50%;

    color: #777;

    background: 0 0;

    font-size: 48px;

    font-weight: 400;

    text-align: center;

    border-width: 0 0 1px;

    margin: 0 auto;

    padding: 20px 30px;

    outline: none;

    margin-bottom: 30px;

    height: 82px;

    left: 0;

    right: 0;

    border-radius: 0;

    border-bottom: 1px solid #f1f1f1

}



#search1 .btn {

    position: absolute;

    top: 55%;

    left: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    background: #f93a3a;

    padding: 10px 30px;

    border: none;

    border-radius: 0;

    font-size: 18px

}



#search1 .close {

    position: fixed;

    top: 15px;

    right: 15px;

    color: #fff;

    background-color: #f93a3a;

    border-color: #f93a3a;

    opacity: 1;

    padding: 6px 12px;

    border-radius: 0;

    font-size: 27px

}



#search1.open {

    -webkit-transform: translate(0px, 0px) scale(1, 1);

    -moz-transform: translate(0px, 0px) scale(1, 1);

    -o-transform: translate(0px, 0px) scale(1, 1);

    -ms-transform: translate(0px, 0px) scale(1, 1);

    transform: translate(0px, 0px) scale(1, 1);

    opacity: 1

}



.head-sign button#dropdownMenuButton {

    background: 0 0;

    border: 0;

    padding: 0

}



.head-sign .dropdown-toggle::after {

    display: none

}



@media(min-width:992px) {

    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu {

        position: absolute;

        top: 40px;

        left: 0;

        min-width: 220px;

        background: #fff;

        box-shadow: 0 0 15px #cccccc57;

        text-align: left;

        opacity: 0;

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

        visibility: hidden;

        display: block;

        border: none;

        padding: 0;

        border-radius: 0

    }

    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu {

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        -webkit-transform: scaleY(0);

        -ms-transform: scaleY(0);

        transform: scaleY(0);

        -webkit-transform-origin: 0 50%;

        -ms-transform-origin: 0 50%;

        transform-origin: 0 50%;

        position: absolute;

        left: 100%;

        right: auto;

        width: auto;

        top: 0

    }

    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li a {

        line-height: 2.7;

        color: #777;

        font-size: 15px;

        padding: 0 20px;

        letter-spacing: .3px;

        transition: all 150ms linear;

        display: block

    }

    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li:hover a {

        background: #f93a3a;

        color: #fff

    }

    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu:hover .dropdown-menu {

        transform: scale(1, 1)

    }

    .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul {

        left: 0;

        visibility: visible;

        opacity: 1

    }

}



header {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 22

}



.logo a {

    font-size: 28px;

    color: #fff

}



.logo a [class^=flaticon-]:before {

    font-size: 28px;

    color: #fff

}



nav.navbar.navbar-default .logo-white {

    display: block

}



nav.navbar.navbar-default .logo-black {

    display: none

}



nav.navbar.navbar-default.navbar-sticky-in .logo-white {

    display: none

}



nav.navbar.navbar-default.navbar-sticky-in .logo-black {

    display: block

}



.nav-btn {

    display: inline-block

}



.navbar-sticky-in .nir-btn:hover {

    color: #f93a3a

}



.search-wrapper {

    position: relative;

    min-width: 250px;

    display: inline-block

}



.search-wrapper .search_module {

    position: relative

}



.search-wrapper .search_module .icon-left {

    position: absolute;

    left: 10px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 16px;

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

    z-index: 10;

    color: #fff

}



.search-wrapper .search_module .search_area form .input-group {

    margin: 0

}



.search-wrapper .search_module .search_area form .input-group .form-control {

    background: 0 0;

    padding-left: 40px;

    border: 1px solid #ffffff23;

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

    font-weight: 400;

    width: 100%;

    color: #fff

}



.search-wrapper .search_module .search_area form .input-group .form-control::placeholder {

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

    color: #fbfbfb

}



.search-wrapper .search_module .search_area form .input-group .form-control:focus {

    outline: 0;

    box-shadow: none

}



.search-wrapper .search_module.active+.search-categories {

    visibility: visible;

    opacity: 1

}



.search-wrapper .search_module.active .search_area form .input-group .form-control {

    border: none;

    padding-left: 2.66667rem;

    border: 1px solid #ffffff23;

    font-weight: 400

}



.search-wrapper .search_module.active .search_area form .input-group .form-control:focus {

    border: none

}



.reg-log .header_sidemenu .menu {

    width: 400px;

    height: 100%;

    position: fixed;

    right: -500px;

    top: 0;

    z-index: 9999;

    background-color: #212121;

    box-shadow: 0 0 15px #cccccc37;

    -webkit-transition: all ease 1s;

    -moz-transition: all ease 1s;

    -ms-transition: all ease 1s;

    -o-transition: all ease 1s;

    transition: all ease 1s;

    box-shadow: 0 0 15px #cccccc37

}



.reg-log .header_sidemenu .menu .close-menu {

    float: right;

    font-size: 21px;

    cursor: pointer;

    position: absolute;

    z-index: 1;

    top: 10px;

    right: 15px

}



.reg-log .header_sidemenu .menu .m-contentmain {

    text-align: left;

    background: #212121

}



.reg-log .header_sidemenu .menu-ham {

    cursor: pointer

}



@media(max-width:811px) {

    .reg-log {

        display: none !important

    }

}



.main_header_area.headerstye-1 .header_menu.fixed-top {

    background: #fff;

    box-shadow: 0 0 15px #cccccc57

}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar.navbar-default .navbar-header .navbar-brand img+img {

    display: block

}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar.navbar-default .nav.navbar-nav li>a {

    color: #777

}



.main_header_area.headerstye-1 .header_menu.fixed-top .navbar.navbar-default .nav.navbar-nav li.active>a {

    color: #f93a3a

}



.main_header_area.headerstye-1 .header_menu.fixed-top .search-wrapper .search_module .search_area form .input-group .form-control {

    border-color: #f1f1f1;

    color: #777

}



.main_header_area.headerstye-1 .header_menu.fixed-top .search-wrapper .search_module .search_area form .input-group .form-control::placeholder {

    color: #777

}



.main_header_area.headerstye-1 .header_menu.fixed-top .search-wrapper .search_module .icon-left {

    color: #777

}



.main_header_area.headerstye-1 .header_menu.fixed-top .reg-log a.nir-btn-black:hover {

    color: #212121

}



.fade.in {

    opacity: 1

}



.modal__overlay {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .5);

    display: flex;

    justify-content: center;

    align-items: center

}



.modal-backdrop {

    background: 0 0

}



.modal__container {

    overflow-x: hidden;

    overflow-y: auto

}



.modal__container .modal__content {

    background-color: #fff;

    width: 450px;

    border-radius: 0;

    position: relative;

    overflow: hidden

}



.modal__container .modal__content .login-content {

    background: #fff;

    text-align: center;

    position: relative

}



.modal__container .modal__content .login-content .section-border {

    padding: 20px 30px;

    border-top: 1px dashed #f1f1f1

}



.modal__container .modal__content .login-content .form-checkbox {

    text-align: left

}



.modal__container .modal__content .login-content a.btn-facebook,

.modal__container .modal__content .login-content a.btn-twitter {

    padding: 8px 20px;

    color: #fff;

    background: #ccc;

    border-radius: 0;

    display: inline-block;

    border: 1px solid #395899

}



.modal__container .modal__content .login-content a.btn-facebook {

    background: #395899

}



.modal__container .modal__content .login-content a.btn-twitter {

    background: #04a9e1;

    border-color: #04a9e1

}



.modal__container .modal__content .login-content .sign-up {

    padding: 20px 0;

    border-top: 1px dashed #f1f1f1

}



.modal__container .modal__content button.close {

    background: #f93a3a;

    color: #fff;

    position: absolute;

    top: 15px;

    right: 15px;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    opacity: 1;

    text-align: center;

    line-height: 1.6;

    font-size: 20px;

    z-index: 9;

    transition: all ease-in-out .5s

}



.modal__container .modal__content button.close:focus {

    border: none;

    outline: none

}



.modal-open .modal {

    background: #00000052

}



.modal-open .modal .modal-dialog {

    max-width: 750px

}



.modal-open .modal .modal-dialog .modal-content {

    border: none;

    position: relative;

    border-radius: 0

}



.modal-open .modal .modal-dialog .modal-content button.close {

    background: #f93a3a;

    color: #fff;

    position: absolute;

    top: 15px;

    right: 15px;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    opacity: 1;

    text-align: center;

    line-height: 1.6;

    font-size: 20px;

    z-index: 9;

    transition: all ease-in-out .5s

}



.modal-open .modal .modal-dialog .modal-content button.close:focus {

    border: none;

    outline: none

}



@media(max-width:1100px) {

    .search-wrapper {

        width: 200px

    }

    .head-btn,

    .head-sign {

        display: none

    }

}



@media(max-width:911px) {

    .slicknav_btn.slicknav_open:before,

    .slicknav_btn.slicknav_collapsed:before,

    .headerstye-1 .navbar-sticky-in .slicknav_btn.slicknav_open:before,

    .headerstye-1 .navbar-sticky-in .slicknav_btn.slicknav_collapsed:before {

        color: #444 !important

    }

    .headerstye-1 .slicknav_btn.slicknav_open:before,

    .headerstye-1 .slicknav_btn.slicknav_collapsed:before {

        color: #fff !important

    }

    .dropdown-toggle::after,

    .search-wrapper {

        display: none

    }

}



.cats-search {

    background: #f7c252

}



.cats-search .search-header {

    position: relative;

    background: #fff;

    padding: 2px

}



.cats-search .search-header input[type=text] {

    border: none;

    border-right: 1px solid #f1f1f1;

    height: 40px

}



.cats-search .search-header .dropdown {

    display: inline-block;

    padding-left: 1rem

}



.cats-search .search-header .dropdown button {

    border: none;

    background: 0 0;

    color: #777

}



.cats-search .search-header .dropdown button:focus {

    outline: none;

    border: none

}



.cats-search .search-header .dropdown.open .dropdown-menu {

    display: block;

    border-radius: 0;

    border: none;

    padding: 0

}



.cats-search .search-header .dropdown.open .dropdown-menu a {

    border-bottom: 1px dashed #f1f1f1

}



.cats-search .search-header .dropdown.open .dropdown-menu a:last-child {

    border: none

}



.cats-search .search-header button.nir-btn {

    border: none

}



.banner {

    padding: 0

}



.banner #particles-js {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2

}



.banner .slider {

    height: 620px;

    position: relative

}



.banner .slider .slider-content .slider-form {

    background: #fff;

    position: relative;

    overflow: hidden;

    height: 58px

}



.banner .slider .slider-content .slider-form input {

    height: 58px

}



.banner .slider .slider-content .slider-form button.nir-btn {

    position: absolute;

    right: 0;

    top: 0;

    border: none;

    box-shadow: none;

    padding: 19px 32px 18px

}



.banner .slider .slider-content .swi-image {

    animation: up-down 5s infinite

}



.banner .slider .slider-content .food-list {

    position: relative;

    overflow: hidden

}



.banner .slider .slider-content .food-list h5 {

    position: absolute;

    bottom: 5%;

    left: 0;

    right: 0;

    text-align: center;

    background: #fff;

    padding: 5px;

    width: 90%;

    margin: 0 auto

}



.banner .slider .slider-content .team-slider .slick-prev,

.banner .slider .slider-content .team-slider .slick-next {

    display: none !important

}



.banner .slider .swiper-container {

    width: 100%;

    height: 100%

}



.banner .slider .swiper-container .swiper-slide {

    overflow: hidden

}



.banner .slider .swiper-container .swiper-slide .slide-inner {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-size: cover;

    background-position: center

}



.banner .slider .swiper-container .swiper-slide .slide-inner .slide-image {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-size: cover;

    background-position: center;

    -webkit-transform-origin: 0;

    -moz-transform-origin: 0;

    -ms-transform-origin: 0;

    -o-transform-origin: 0;

    transform-origin: 0;

    -webkit-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    -moz-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    -o-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    -ms-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    animation: kbrns_zoomOutIn 35s linear 0s infinite alternate

}



.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content,

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1,

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 {

    top: 49%;

    transform: translateY(-49%);

    left: 8%;

    width: 55%;

    right: auto;

    text-align: left;

    position: absolute;

    z-index: 3

}



.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content h1,

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1 h1,

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 h1 {

    font-size: 62px;

    letter-spacing: 1px;

    margin-bottom: 0

}



.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content p,

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1 p,

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 p {

    font-size: 18px

}



.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .swi-image,

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1 .swi-image,

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 .swi-image {

    position: relative;

    text-align: center

}



.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .swi-image:before,

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1 .swi-image:before,

.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 .swi-image:before {

    content: '';

    position: absolute;

    top: 0;

    width: 400px;

    height: 400px;

    background: #fff;

    border-radius: 50%;

    z-index: -1;

    animation: zoom-fade 5s infinite;

    opacity: .2;

    left: 0;

    margin: 0 auto;

    right: 0;

    text-align: center

}



.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1 {

    left: 0;

    width: 60%;

    right: 0;

    text-align: center;

    margin: 0 auto

}



.banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 {

    right: 8%;

    left: auto;

    text-align: right

}



.banner .slider .swiper-container-horizontal>.swiper-pagination-bullets {

    bottom: 40px

}



.banner .slider .swiper-pagination-custom .swiper-pagination-fraction {

    bottom: 40px

}



.banner .slider .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    background: #fff;

    opacity: 1

}



.banner .slider .swiper-pagination-bullet-active {

    background: #ffa801

}



.banner .slider .swiper-container-vertical>.swiper-pagination-bullets {

    right: 50px

}



.banner .slider .swiper-button-next:after,

.banner .slider .swiper-button-prev:after {

    background: #fff;

    font-size: 21px;

    padding: 8px 20px;

    color: #212121;

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

    border-radius: 0

}



.banner .slider .swiper-button-next:hover:after,

.banner .slider .swiper-button-prev:hover:after {

    background: #f93a3a;

    color: #fff;

    transition: all ease-in-out .5s

}



.banner .center-slider .slide-image {

    animation: none

}



.banner .center-slider .swiper-container .swiper-slide .slide-inner .swiper-content {

    left: 0 !important;

    right: 0 !important;

    text-align: center !important;

    margin: 0 auto;

    width: 80% !important

}



.banner .center-slider .swiper-container .swiper-slide .slide-inner .swiper-content h1 {

    font-size: 48px

}



@media(min-width:1500px) {

    .banner .slider .swiper-container .swiper-slide .slide-inner .side-overlay {

        width: 40%

    }

}



@media(max-width:991px) {

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 {

        width: 90% !important;

        text-align: center;

        left: 0;

        display: none;

        right: 0

    }

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content .swi-image,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1 .swi-image,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 .swi-image {

        display: none

    }

    .banner .slider .slider-content {

        text-align: center

    }

    .banner .slider .slider-content .swi-image {

        display: none

    }

}



@media(max-width:767px) {

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 {

        width: 100% !important

    }

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content h1,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1 h1,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 h1 {

        font-size: 45px

    }

    .banner .slider .swiper-button-prev,

    .banner .slider .swiper-button-next {

        display: none

    }

}



@media(max-width:639px) {

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content h1,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content1 h1,

    .banner .slider .swiper-container .swiper-slide .slide-inner .swiper-content2 h1 {

        font-size: 32px

    }

    .banner .slider .swiper-container-vertical>.swiper-pagination-bullets {

        display: none

    }

    .banner .slider .slider-content .slider-form {

        overflow: visible

    }

    .banner .slider .slider-content .slider-form button.nir-btn {

        position: relative;

        margin-top: 16px

    }

    .banner .slider .slider-content .slider-food {

        display: none

    }

}



.bubbles {

    position: relative

}



.bubbles .individual-bubble {

    position: absolute;

    border-radius: 100%;

    bottom: 0;

    background: #fff;

    z-index: 1

}



.banner-style .row.banner-slider {

    margin: 0 -7.5px

}



.banner-style .col-md-3 {

    padding: 0 7.5px

}



.banner-style .popular-item-wp {

    border-radius: 0;

    overflow: hidden

}



.banner-style .popular-item-wp .pp-item-detail {

    position: relative;

    width: 96%;

    top: -2rem;

    z-index: 1;

    border-radius: 0;

    background: #fff

}



.banner-style .slick-prev {

    left: -10px

}



.banner-style .slick-next {

    right: -10px

}



.banner-style .slick-prev,

.banner-style .slick-next {

    background: #fff;

    width: 50px;

    height: 44px;

    border-radius: 0

}



.banner-style .slick-prev:before,

.banner-style .slick-next:before {

    color: #212121;

    font-size: 22px

}



.banner-style .slick-prev:hover:before,

.banner-style .slick-next:hover:before {

    color: #f93a3a;

    opacity: 1

}



.banner-style .slick-dots {

    display: none

}



.featured-banner .featured-banner-main {

    position: relative;

    overflow: hidden

}



.featured-banner .featured-banner-main .featured-banner-image {

    position: relative;

    overflow: hidden;

    transition: all ease-in-out .5s

}



.featured-banner .featured-banner-main .featured-banner-image a {

    background-size: cover;

    height: 100%;

    width: 100%;

    background-position: center;

    display: inline-block;

    transition: all ease-in-out .5s

}



.featured-banner .featured-banner-main .featured-banner-image:hover img {

    transform: scale(1.1);

    transition: all ease-in-out .5s

}



.featured-banner .featured-banner-main .featured-banner-content {

    position: absolute;

    bottom: 30px;

    text-align: right;

    right: 30px;

    z-index: 1

}



.featured-banner .featured-banner-main .featured-banner-content span {

    padding: 8px 12px;

    background: #f93a3a;

    font-weight: 700

}



.featured-banner .featured-banner-main .featured-banner-content h2 {

    font-size: 42px;

    font-weight: 700

}



.featured-banner .featured-banner-main img {

    width: 100%;

    transition: all ease-in-out .5s

}



.featured-banner .featured-banner-main:hover .featured-banner-image a,

.featured-banner .featured-banner-main:hover img {

    transform: scale(1.1);

    transition: all ease-in-out .5s

}



.featured-banner .featured-banner-main .color-overlay {

    background: linear-gradient(to bottom, transparent, #ffffff)

}



.featured-banner-image::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .5);

    -webkit-transition: -webkit-transform 1.8s;

    transition: -webkit-transform 1.8s;

    transition: transform 1.8s;

    transition: transform 1.8s, -webkit-transform 1.8s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    z-index: 1

}



.featured-banner-image:hover:before {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)

}



@media(max-width:1100px) and (min-width:1024px) {

    .featured-banner .featured-banner-main .featured-banner-content {

        bottom: 15px

    }

}



@media(max-width:991px) {

    .featured-banner .col-lg-6,

    .featured-banner .col-lg-3 {

        padding: 0 15px !important

    }

}



@media(max-width:767px) {

    .featured-banner .featured-banner-main .featured-banner-image {

        height: auto

    }

    .featured-banner .featured-banner-main .featured-banner-content {

        position: relative;

        top: 10px;

        transform: none;

        padding: 30px 20px;

        background: #f1f0ec;

        width: 100%;

        text-align: center;

        right: 0;

        border-radius: 0

    }

    .featured-banner .featured-banner-main .featured-banner-content h2 {

        font-size: 26px

    }

    .featured-banner .featured-banner-main .color-overlay {

        display: none

    }

    .featured-banner4 .col-lg-6 {

        padding: 0 15px !important

    }

    .featured-banner4 .featured-banner-image .featured-banner-content {

        position: relative;

        top: 0;

        transform: none;

        padding: 30px 20px;

        background: #f1f0ec;

        width: 100%;

        text-align: center;

        right: 0

    }

    .featured-banner1 .featured-banner-image .featured-banner-content {

        position: relative;

        text-align: center;

        background: #fbfbfb;

        padding: 30px 20px

    }

}



@media(max-width:400px) {

    .featured-banner .featured-banner-main .featured-banner-content .button a {

        width: 100%;

        margin: 10px 0 0 !important

    }

}



section.featured .featured-list {

    border-radius: 0;

    position: relative;

    transition: all ease-in-out .5s

}



section.featured .featured-list:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .5);

    -webkit-transition: -webkit-transform 1.8s;

    transition: -webkit-transform 1.8s;

    transition: transform 1.8s;

    transition: transform 1.8s, -webkit-transform 1.8s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    z-index: 1

}



section.featured .featured-list:hover:before {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)

}



section.featured .featured-list img {

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

    width: 100%

}



section.featured .featured-list .featured-detail {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 2;

    padding: 20px 30px 30px;

    height: 100%;

    cursor: pointer;

    transition: all ease-in-out .5s

}



section.featured .featured-list .featured-detail:hover h5 {

    background: #f93a3a;

    color: #fff;

    transition: all ease-in-out .5s

}



section.featured .featured-list .featured-detail .featured-detail-title {

    position: absolute;

    bottom: 30px

}



section.featured .featured-list .featured-detail h5 {

    background: #fff;

    border-radius: 0;

    padding: 8px 20px;

    display: inline-block;

    font-weight: 400;

    transition: all ease-in-out .5s

}



section.featured .featured-list .featured-detail:before {

    content: '';

    background: linear-gradient(to bottom, rgba(6, 27, 65, 0) 0%, #00000059 100%);

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 100%;

    left: 0

}



section.featured .featured-list:hover img {

    transform: scale(1.1);

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

    cursor: pointer

}



section.featured .featured-discount h6 {

    padding: 20px 0;

    background: #212121;

    text-transform: uppercase;

    font-weight: 400

}



@media(max-width:767px) {

    section.featured .featured-discount h6 {

        padding: 20px 10px

    }

    section.featured .featured-list .featured-detail .featured-detail-title {

        left: 0;

        right: 0;

        margin: 0 auto;

        text-align: center

    }

}



.content-listing {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    position: relative

}



.content-listing .content_single {

    position: relative;

    display: block;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    overflow: hidden;

    border: 5px solid #fff;

    box-shadow: 0 0 15px #cccccc37

}



.content-listing .content_single .content_single_image {

    position: relative;

    display: block;

    width: 100%

}



.content-listing .content_single .content_single_image .content_single_text {

    position: absolute;

    bottom: 45px;

    left: 50%;

    text-align: center;

    transform: translateX(-50%) rotate(0);

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 1

}



.content-listing .content_single .content_single_image .content_single_text p {

    font-family: sacramento, cursive;

    font-size: 34px

}



.content-listing .content_single .content_single_image .content_single_text h3 {

    font-size: 36px;

    line-height: 36px

}



.content-listing .content_single:hover .content_single_text {

    transform: rotate(90deg);

    bottom: -50px

}



.content-listing .content_single .content_single_hover {

    background: #fff;

    text-align: center;

    padding: 30px;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    transform: scaleX(0);

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    z-index: 1

}



.content-listing .content_single .content_single_hover .content_single_hover_circle {

    position: absolute;

    bottom: 170px;

    right: 50px;

    height: 45px;

    width: 45px;

    background: #f93a3a;

    border-radius: 50%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease

}



.content-listing .content_single .content_single_hover p {

    font-family: sacramento, cursive;

    font-size: 34px

}



.content-listing .content_single .content_single_hover h3 {

    font-size: 36px;

    line-height: 36px

}



.content-listing .content_single:hover .content_single_hover {

    transform: scaleX(1)

}



@media(max-width:767px) {

    .content-listing {

        padding-bottom: 3rem !important

    }

}



.services {

    padding: 4.8rem 0 5rem

}



.services .wrap-customize .customize-item {

    padding: 30px 20px 28px;

    border: 4px solid #fbfbfb;

    transition: all ease-in-out .5s

}



.services .wrap-customize .customize-item i {

    font-size: 38px;

    color: #f93a3a;

    margin-bottom: 22px !important

}



.services .wrap-customize .customize-item h3 {

    position: relative;

    padding-bottom: 30px !important

}



.services .wrap-customize .customize-item h3:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    border-bottom: 2px dashed #f93a3a;

    width: 30%;

    margin: 0 auto

}



.services .wrap-customize .customize-item:hover {

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

    border-color: #f7a001

}



.services .wrap-customize .customize-item:hover i {

    color: #f7a001

}



.services .wrap-customize .customize-item:hover h3:before {

    border-bottom: 2px dashed #f7a001

}



.services .wrap-customize .customize-item:hover h3 a {

    color: #f7a001;

    transition: all ease-in-out .5s

}



.services .wrap-customize .light-custom {

    border: 4px solid #f1f1f1 !important

}



.services .about-icon {

    position: relative;

    z-index: 1

}



.services .about-icon:before {

    content: '';

    background: #fff;

    box-shadow: 0 0 15px #cccccc37;

    position: absolute;

    top: -5px;

    left: 0;

    height: 100px;

    width: 100px;

    border-radius: 50%;

    margin: 0 auto;

    z-index: -1;

    right: 0

}



.services .about-icon i {

    font-size: 32px;

    background: #f93a3a;

    border-radius: 50%;

    height: 90px;

    width: 90px;

    line-height: 2.8;

    color: #fff

}



.services .about-content h4 a span {

    font-size: 42px;

    font-weight: 700;

    color: #f93a3a;

    padding-right: 10px

}



.services .about-listing {

    position: relative

}



.services .about-listing .about-item {

    margin-top: 5px

}



.services .about-listing:after {

    content: '';

    width: 67%;

    position: absolute;

    left: 0;

    top: 15%;

    z-index: 0;

    border: 1px dashed #f1f1f1;

    right: 0;

    margin: 0 auto

}



.services-center .wrap-customize .customize-item h3 {

    position: relative

}



.services-center .wrap-customize .customize-item h3:before {

    content: '';

    right: 0

}



.services1 .wrap-customize .customize-item {

    padding: 0 !important;

    border: none !important;

    border-radius: 0 !important

}



.services2 {

    position: relative;

    z-index: 1

}



.services2:before {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    background: #fff url(../images/testimonial.png);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: cover;

    background-attachment: fixed;

    content: "";

    width: 100%;

    left: 0;

    margin: 0 auto

}



.services2 .service-main {

    position: relative;

    display: block

}



.services2 .service-main .box-title {

    border: 1px solid #f1f1f1;

    padding: 20px 20px 22px

}



.services2 .service-main .box-title i {

    font-size: 38px;

    color: #f93a3a

}



section.about-detail {

    background-size: contain;

    background-position: right;

    background-repeat: no-repeat;

    background-attachment: fixed

}



section.about-detail .about-image {

    border-radius: 0;

    overflow: hidden

}



section.about-detail .about-image img {

    border-radius: 0

}



section.about-detail .p-about-us .p-call-action li {

    display: inline-block;

    padding: 5px;

    width: 49%

}



section.about-detail .about-detail-content {

    border-radius: 0

}



.about-banner {

    border-bottom: 1px dashed #f1f1f1

}



@media(min-width:1500px) {

    .ser-before:before,

    .abt-before:before {

        width: 28%

    }

}



@media(max-width:991px) {

    .about-us .wrap-customize .d-line {

        display: none

    }

    .left-side-content {

        text-align: center

    }

}



@media(max-width:811px) {

    section.about-detail {

        background-size: cover

    }

}



@media(max-width:767px) {

    section.about-us {

        padding-bottom: 3rem;

        margin-top:-70px;

    }

    section.about-us .about-listing:after {

        display: none

    }

    section.about-us .counter .d-line {

        position: relative;

        border: none

    }

    .about-banner {

        text-align: center

    }

    .about-banner .about-banner-content {

        margin-bottom: 2rem

    }

    section.about-detail:before {

        display: none

    }

    .services .wrap-customize {

        width: 100% !important

    }

    section.about-detail .about-detail-content {

        width: 100% !important

    }

    section.about-detail .about-detail-content h1 {

        font-size: 42px

    }

}



.quick-service {

    position: relative

}



.quick-service .card-box {

    position: relative;

    width: 320px;

    height: 320px;

    transform-style: preserve-3d;

    perspective: 1000px;

    border-radius: 0;

    margin: 0 auto

}



.quick-service .card-box .box-inner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    transform-style: preserve-3d;

    transition: 1s cubic-bezier(.15, .15, .3, 1.3)

}



.quick-service .card-box .box-inner .box-image {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.quick-service .card-box .box-inner .box-image img {

    /* position: absolute; */

    top: 0;

    left: 0;

    /* width: 100%;

    height: 100%; */

    object-fit: cover

}
.quick-service .card-box .box-inner .box-image .box-title .img, .top-service .service-inner .img{
    width: 60px;
    height: 60px;
    margin: auto;
    background: #fff;
    border-radius: 50%;
    padding: 9px;
}



.quick-service .card-box .box-inner .box-image .box-title {

    position: absolute;

    top: 52%;

    left: 0;

    right: 0;

    text-align: center;

    z-index: 2;

    background: #000000;

    padding: 15px 10px

}



.quick-service .card-box .box-inner .box-image .box-title i {

    font-size: 32px;

    height: 80px;

    width: 80px;

    border-radius: 50%;

    background: #fff;

    color: #f93a3a;

    line-height: 2.4

}



.quick-service .card-box .box-inner .top-service {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    justify-content: center;

    transform-style: preserve-3d;

    padding: 0;

    transform: rotateY(180deg);

    border-radius: 0

}



.quick-service .card-box .box-inner .top-service .service-inner {

    transform-style: preserve-3d;

    padding: 20px;

    background: #000000;

    transform: translateZ(100px)

}



.quick-service .card-box .box-inner .top-service .service-inner i {

    font-size: 38px;

    height: 90px;

    width: 90px;

    border-radius: 50%;

    background: #fff;

    color: #f7a001;

    line-height: 2.4

}



.quick-service .card-box:hover .box-inner {

    transform: rotateY(180deg)

}



.quick-service .top-service {

    display: flex;

    flex-direction: column;

    text-align: center;

    padding: 45px 25px;

    border-radius: 0

}



.quick-service .top-service i {

    font-size: 3rem;

    margin-bottom: 15px

}



.quick-service .top-service p {

    color: #f1f1f1;

    font-size: 13px;
    margin-top: 10px;

}

.quick-service .top-service p a{
    color: #fff;
}


@media(max-width:359px) {

    .quick-service .card-box {

        height: 280px;

        width: 280px

    }

}



.about-us {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

    z-index: inherit;

    background-color:#f5066e;

}

.left-side-content p{
    color: #000;
}



.about-us .about-inner {

    position: relative;

    z-index: 1

}



.about-us .about-inner h2 {

        font-size: 48px;

    background: linear-gradient(135deg, #f93a3a 0%, #f7a001 100%);

    /* color: #130606e3 !important; */

    -webkit-background-clip: text;

}



.about-us .about-inner .about-image-box {

    border-radius: 0;

    overflow: hidden;

    position: relative

}



.about-us .about-inner .about-image-box img {

    width: 100%;

    border: 8px solid #ffffff29

}



.about-us .about-inner .about-image-box::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 150%;

    height: 100%;

    background: rgba(255, 255, 255, .5);

    -webkit-transition: -webkit-transform 1.8s;

    transition: -webkit-transform 1.8s;

    transition: transform 1.8s;

    transition: transform 1.8s, -webkit-transform 1.8s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    z-index: 1

}



.about-us .about-inner .about-image-box:hover:before {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)

}



.about-us .about-inner p {

    font-size: 16px

}



.about-us .about-inner .left-side-content {

    padding-top: 11px

}



.about-us .box-title i {

    font-size: 38px;

    color: #f93a3a

}



.about-us .about-left {

    position: absolute;

    top: 50%;

    right: -50px;

    background: #fff;

    width: 100%;

    z-index: 1;

    transform: translateY(-50%);

    border-radius: 0;

    padding: 30px 30px 30px 0

}



span.discount-price {

    font-size: 90px

}



.about-us.about-home {

    padding-top: 94px

}



.pizza-image {

    position: absolute;

    top: -10%;

    right: -2%;

    width: 36%;

    opacity: .6;

    z-index: -1

}



.pizza-image1 {

    position: absolute;

    right: 0;

    bottom: -18%;

    width: 40%;

    opacity: .6

}



.about-us1:before {

    content: '';

   /* background: url(../images/bottom-bg.png) repeat-x;*/

    position: absolute;

    top: -20px;

    left: 0;

    height: 5%;

    width: 100%;

    z-index: 2;

    background-size: contain

}



.about-us1:after {

    content: '';

/*    background: url(../images/top-bg.png) repeat-x;*/

    position: absolute;

    bottom: -34px;

    left: 0;

    height: 5%;

    width: 100%;

    z-index: 2;

    background-size: contain

}



@media(max-width:991px) {

    .about-us .about-inner .about-image-box {

        margin-top: 2rem

    }

    .about-us .about-left {

        position: relative;

        right: 0;

        top: 0;

        transform: none;

        padding: 0

    }

    .about-us1:before {

        top: -40px

    }

    .about-us1:after {

        bottom: -48px

    }

}



@media(max-width:767px) {

    .pizza-image1 {

        bottom: -5%;

        right: 0;

        width: 100%

    }

}



@media(max-width:639px) {

    .about-us1:before {

        top: -40px

        display:none;

    }

    .about-us1:after {

        bottom: -72px

    }

}



@media(max-width:567px) {

    .pizza-image1 {

        bottom: -3%

    }

}



.main-offer-list {

    background-color: #1e2327;

    border-radius: 0;

    overflow: hidden

}



.main-offer-list .menu-list-wrap {

    height: 100%;

    padding: 30px 0

}



.ofr-list-img {

    position: relative;

    overflow: hidden;

    height: 100%

}



.ofr-list-img span {

    background-size: cover;

    height: 100%;

    width: 100%;

    background-position: center;

    display: inline-block;

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

    -webkit-transform-origin: 0;

    -moz-transform-origin: 0;

    -ms-transform-origin: 0;

    -o-transform-origin: 0;

    transform-origin: 0;

    -webkit-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    -moz-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    -o-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    -ms-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    animation: kbrns_zoomOutIn 35s linear 0s infinite alternate

}



.ofr-list-img img {

    -webkit-transform-origin: 0;

    -moz-transform-origin: 0;

    -ms-transform-origin: 0;

    -o-transform-origin: 0;

    transform-origin: 0;

    -webkit-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    -moz-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    -o-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    -ms-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;

    animation: kbrns_zoomOutIn 35s linear 0s infinite alternate

}



.menu-list-db .item-lists-p {

    position: relative;

    padding: 20px;

    background: #30383e;

    border-radius: 0;

    overflow: hidden

}



.menu-list-db .item-lists-p h5 {

    position: relative

}



.menu-list-db .item-lists-p h5 a {

    background: #1e2327

}



@media(max-width:767px) {

    .main-offer-list {

        padding: 2rem 2rem 0 !important

    }

    .main-offer-list .menu-list-wrap {

        padding: 0

    }

    .main-offer-list .menu-list-wrap .menu-list-db .item-lists-p {

        margin-bottom: 2rem

    }

    .ofr-list-img {

        height: 250px;

        border-radius: 0;

        margin-bottom: 2rem

    }

}



.dishes {

    padding-bottom: 6.5rem

}



.dishes .popular-item-wp {

    border: 1px dashed #ffffff4d;

    padding: 30px 15px 25px;

    border-radius: 0;

    background: #00000099

}



.dishes .popular-item-wp .pp-item-detail {

    margin-top: 13px !important

}



.dishes .popular-item-wp .pp-item-detail h3 {

    position: relative;

    margin-bottom: 18px !important

}



.dishes .popular-item-wp .pp-item-detail h3:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    border-bottom: 2px dashed #e29405;

    width: 15%;

    right: 0;

    margin: 0 auto

}



.dishes .popular-item-wp .pp-item-detail h3 .lower-item-dt p {

    margin-bottom: 14px

}



.dishes .popular-item-wp .pp-item-detail .price-ft {

    font-size: 18px

}



.dishes .popular-item-wp .pp-item-detail .cart-btn {

    position: absolute;

    bottom: -18px;

    left: 0;

    right: 0;

    transition: all .5s

}



.dishes .team-slider .slick-prev,

.dishes .team-slider .slick-next {

    display: none !important

}



.team-slider .slick-prev,

.team-slider .slick-next {

    bottom: -30px;

    top: inherit;

    border-radius: 0

}



.team-slider .slick-prev {

    left: 46.5%

}



.team-slider .slick-next {

    right: 46.5%

}



@media(max-width:991px) {

    .team-slider .slick-prev {

        left: 43%

    }

    .team-slider .slick-next {

        right: 43%

    }

}



@media(max-width:767px) {

    .dishes {

        padding-bottom: 3rem

    }

    .team-slider .slick-prev,

    .team-slider .slick-next {

        display: none !important

    }

}



.order-main .order-tabmain {

    position: relative;

    z-index: 1

}



.order-main .order-tabmain ul.nav.nav-tabs {

    border-radius: 0;

    overflow: hidden;

    display: inline-block;

    border: none

}



.order-main .order-tabmain ul.nav.nav-tabs li {

    margin: 0;

    border: none

}



.order-main .order-tabmain ul.nav.nav-tabs li a {

    border: none;

    border-radius: 0;

    display: inline-block;

    margin-right: 0;

    padding: 40px;

    font-size: 16px;

    font-weight: 700;

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

    border: 3px solid #fbfbfb;

    background: #fff;

    width: 180px

}



.order-main .order-tabmain ul.nav.nav-tabs li i {

    font-size: 40px;

    display: block;

    color: #f93a3a

}



.order-main .order-tabmain ul.nav.nav-tabs li:focus a,

.order-main .order-tabmain ul.nav.nav-tabs li:hover a {

    color: #fff;

    background-color: #f93a3a;

    border: none;

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

    border: 3px solid #f93a3a

}



.order-main .order-tabmain ul.nav.nav-tabs li:focus a i,

.order-main .order-tabmain ul.nav.nav-tabs li:hover a i {

    color: #fff

}



.order-main .order-tabmain ul.nav.nav-tabs li.active a {

    color: #fff;

    background-color: #f93a3a;

    border: none;

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

    border: 3px solid #f93a3a;

    opacity: 1

}



.order-main .order-tabmain ul.nav.nav-tabs li.active a i {

    color: #fff

}



.order-main .order-bar {

    border: 2px dashed #d2d2d2;

    border-radius: 0

}



.order-main .order-bar .order-list-content {

    padding: 20px 25px

}



.order-main .order-bar .order-list-content:nth-child(even) {

    background: #00000073

}



.order-main .order-bar .order-list-content h3 {

    position: relative

}



.order-main .order-bar .order-list-content h3 span {

    position: absolute;

    right: 0;

    font-size: 24px

}



.order-main .light-bar {

    border: 2px dashed #f1f1f1 !important

}



.order-main .light-bar .order-list-content:nth-child(even) {

    background: #fbfbfb !important

}



.order-main.pb-6 {

    padding-bottom: 43px !important

}



@media(max-width:991px) {

    .order-main .order-tabmain ul.nav.nav-tabs li a {

        margin-bottom: 3px

    }

}



@media(max-width:567px) {

    .order-main .order-bar .order-list-content {

        display: block !important;

        text-align: center

    }

    .order-main .order-bar .order-list-content h3 span {

        display: block;

        position: relative

    }

    .order-main .order-bar .order-list-content .order-image {

        margin: 0 auto 20px !important

    }

}



.call-to-action {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    position: relative

}



.call-to-action .call-content {

    position: relative;

    z-index: 1

}



.call-to-action .call-content h2 {

    font-weight: 700;

    font-size: 42px;

    display: inline-block;

    border: 1px solid #ffffff40;

    padding: 10px 20px;

    background: #ffffff14;

    margin-bottom: 14px !important;

    border-radius: 0;

    margin-bottom: 17px !important

}



.call-to-action .call-content h2 span {

    color: #f93a3a

}



.call-to-action .call-content p {

    font-size: 18px;

    font-weight: 700

}



.border-t {

    border-top: 2px dashed #cccccc5e

}



.counter {

    border-top: 2px dashed #ccc;

    padding-top: 44px;

    margin-top: 40px;

    position: relative;

    z-index: 1

}



.counter .counter-item {

    text-align: center;

    width: 100%

}



.counter .counter-item h3 {

    font-size: 42px;

    background: linear-gradient(135deg, #f93a3a 0%, #f7a001 100%);

    color: transparent;

    -webkit-background-clip: text

}



.counter .counter-item i {

    font-size: 21px

}



.d-line {

    border-right: 1px dashed #ccc;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%

}



.counter_one:before {

    position: absolute;

    top: 10px;

    left: 0;

    bottom: 0;

    background: #fff;

    content: "";

    z-index: -1;

    border-top: 10px solid #f93a3a;

    width: 91.3%

}



.counter_one .counter1 {

    position: relative;

    display: block;

    margin-top: -120px;

    z-index: 10

}



.counter_one .counter1 .counter-item {

    text-align: center;

    width: 100%

}



.counter_one .counter1 .counter-item h3 {

    font-size: 54px

}



.counter_one .counter1 .counter-item i {

    font-size: 21px

}



.counter_one .counter1 .d-line {

    border-right: 1px solid #ccc;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%

}



section.call-to-action1 {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed

}



section.call-to-action1 .call-inner {

    position: relative;

    z-index: 1

}



section.call-to-action1 .call-inner .call-content {

    position: relative;

    z-index: 1

}



section.call-to-action1 .call-inner .call-content h2 {

    font-weight: 700;

    font-size: 42px;

    text-transform: uppercase;

    display: inline-block;

    border: 1px solid #ffffff40;

    padding: 10px 20px;

    background: #ffffff14

}



section.call-to-action1 .call-inner .call-content h2 span {

    color: #f93a3a

}



section.call-to-action1 .call-inner .call-content p {

    font-size: 18px

}



section.call-to-action1:before,

section.call-to-action1:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(47, 38, 57, .43)

}



section.call-to-action1:after {

    background: #fff;

    width: 33%;

    transform: skew(30deg);

    right: -196px;

    left: inherit

}



section.call-to-action.maincounter {

    background-image: url(../images/calltoaction3.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    padding-top: 70px;

    padding-bottom: 75px

}



section.call-to-action.maincounter .counter {

    border: none

}



@media(max-width:991px) {

    section.call-to-action {

        padding-bottom: 3rem

    }

    section.call-to-action .call-content {

        width: 100% !important;

        text-align: center !important

    }

    section.call-to-action .section-title,

    section.call-to-action .reservation-main {

        width: 100% !important

    }

    section.call-to-action1:after {

        display: none

    }

    section.call-to-action1 .call-inner {

        text-align: center

    }

    section.call-to-action1 .call-inner .call-content {

        text-align: center !important;

        padding: 0 0 2rem !important

    }

}



@media(max-width:911px) and (min-width:768px) {

    .counter_one .counter1 .counter-item h3 {

        font-size: 32px

    }

}



@media(max-width:811px) {

    section.call-to-action .counter .counter-item h3 {

        font-size: 32px

    }

}



@media(max-width:767px) {

    section.call-to-action {

        padding-bottom: 3rem

    }

    section.call-to-action .call-content-inner {

        margin-top: 2rem;

        text-align: center

    }

    section.call-to-action .counter .d-line {

        position: relative;

        border: none;

        margin-bottom: 2rem

    }

    section.call-to-action .reservation-main {

        padding: 0 !important

    }

    .call-to-main .call-to-action .call-content {

        width: 100% !important;

        text-align: center !important

    }

    .counter_one .counter1 .d-line {

        position: relative;

        border: none

    }

}



@media(max-width:639px) {

    .call-to-action .call-content h2 {

        font-size: 24px

    }

    .call-to-main .call-to-action {

        padding: 20px !important

    }

}



.reserved {

    position: relative;

    top: -64px;

    background: #fff;

    padding: 40px 30px 25px;

    box-shadow: 0 0 30px #cccccc7a;

    margin: 0 auto;

    width: 85%

}



.reserved.call-reserved {

    padding: 0 30px 1rem

}



.reserved.call-reserved .call-title {

    display: inline-block;

    background: #f93a3a;

    margin-top: -40px;

    padding: 8px 25px

}



@media(max-width:991px) {

    .reserved.call-reserved {

        padding: 40px 30px

    }

    .reserved.call-reserved:before {

        width: 50%

    }

    .reserved.call-reserved .call-title {

        margin: 0 !important

    }

    .reserved.call-reserved .call-title h2 {

        margin: 0 0 16px !important

    }

    .about-home {

        padding-top: 70px !important

    }

    .about-home .reserved.call-reserved {

        top: 2rem !important

    }

    .about-home .counter {

        margin-top: 6rem !important

    }

    .about-home .d-line {

        position: relative;

        border: none

    }

}



@media(max-width:767px) {

    .about-home .reserved.call-reserved {

        width: 100%

    }

}



@media(max-width:567px) {

    .reserved.call-reserved {

        text-align: center

    }

    .reserved.call-reserved:before {

        width: 0%

    }

    .reserved.call-reserved h2 {

        color: #f93a3a !important

    }

}



.our-team {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-attachment: fixed;

    padding-top: 4.65rem

}



.our-team .team-image {

    overflow: hidden;

    transition: all ease-in-out .5s

}



.our-team .team-image img {

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

    width: 100%

}



.our-team .team-image:hover img {

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

    transform: scale(1.1)

}



.our-team .team-list {

    border-radius: 0;

    overflow: hidden

}



.our-team .team-list .team-content {

    transition: all .5s;

    position: relative;

    z-index: 1

}



.our-team .team-list .team-content1 {

    background: #fff;

    top: -2rem;

    transition: all .5s;

    position: relative;

    z-index: 1;

    width: 96%;

    padding-top: 20px;

    border-radius: 0

}



.our-team .team-list:hover .team-content {

    margin-top: -15px;

    transition: all .5s

}



section.staff .staff-main {

    position: relative;

    display: inline-block;

    padding: 12px;

    border: 1px solid #f1f1f1;

    width: 100%

}



section.staff .staff-main .row {

    margin: 0

}



section.staff .staff-main .staff-list {

    position: relative;

    overflow: hidden

}



section.staff .staff-main .staff-list .s-position {

    position: absolute;

    background: #fff;

    top: 5px;

    left: 10px;

    text-align: center;

    font-size: 14px;

    font-weight: 600;

    color: #f93a3a;

    text-transform: uppercase;

    z-index: 2;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    padding: 5px 15px;

    letter-spacing: 1px;

    -webkit-transform: rotate(270deg) translateX(-100%);

    transform: rotate(270deg) translateX(-100%)

}



section.staff .staff-main .staff-list .staff-details {

    background: #ffffffd1;

    padding: 12px 0;

    position: absolute;

    bottom: 0;

    text-align: center;

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

    left: -100%;

    border-right: 5px solid #f93a3a;

    width: 100%

}



section.staff .staff-main .staff-list .staff-details ul.social-icon li {

    display: inline-block;

    margin-right: 10px

}



section.staff .staff-main .staff-list .staff-details ul.social-icon li:last-child {

    margin-right: 0

}



section.staff .staff-main .staff-list:hover .staff-details {

    left: 0;

    transition: all ease-in-out .5s

}



section.pricing-tab {

    padding-top: 80px

}



section.pricing-tab .price-tabmain .section-title span {

    background: #f1f1f1;

    border-radius: 0;

    padding: 5px 16px;

    display: inline-block;

    font-weight: 400

}



section.pricing-tab .price-tabmain .price-list .section-title:before {

    display: none

}



section.pricing-tab .price-tabmain .price-list .price-box {

    background: #fff;

    border-radius: 0;

    overflow: hidden;

    border: 5px solid #fff;

    transition: all ease-in-out .5s

}



section.pricing-tab .price-tabmain .price-list .price-box .price-header {

    position: relative;

    margin-bottom: 25px;

    border-bottom: 1px dashed #f6f2fe;

    padding: 30px 0 20px;

    margin-bottom: 0

}



section.pricing-tab .price-tabmain .price-list .price-box .price-header i {

    border-radius: 50%;

    height: 80px;

    width: 80px;

    line-height: 2.5;

    font-size: 32px

}



section.pricing-tab .price-tabmain .price-list .price-box .price-header h2 {

    font-size: 50px;

    margin-bottom: 0;

    font-weight: 700

}



section.pricing-tab .price-tabmain .price-list .price-box .price-header h2 sup {

    font-weight: 400

}



section.pricing-tab .price-tabmain .price-list .price-box h2,

section.pricing-tab .price-tabmain .price-list .price-box h4 {

    font-size: 45px;

    margin-bottom: 0;

    font-weight: 700

}



section.pricing-tab .price-tabmain .price-list .price-box h2 sup,

section.pricing-tab .price-tabmain .price-list .price-box h4 sup {

    font-weight: 400

}



section.pricing-tab .price-tabmain .price-list .price-box .price-item-list ul li {

    line-height: 3;

    display: inline-block;

    font-weight: 500;

    width: 100%

}



section.pricing-tab .price-tabmain .price-list .price-box .price-item-list ul li:nth-child(odd) {

    background: #fbfbfb

}



section.pricing-tab .price-tabmain .price-list .price-box .price-link {

    padding: 20px;

    border-top: 1px dashed #f1f1f1

}



section.pricing-tab .price-tabmain .price-list .price-box:hover {

    box-shadow: 0 0 15px #cccccc37;

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

    transform: translateY(-10px)

}



section.pricing-tab .price-tabmain .price-list .price-box:hover .price-header {

    background: #f93a3a;

    transition: all ease-in-out .5s

}



section.pricing-tab .price-tabmain .price-list .price-box:hover .price-header i {

    background: #fff !important;

    color: #f93a3a !important

}



section.pricing-tab .price-tabmain .price-list .price-box:hover h3,

section.pricing-tab .price-tabmain .price-list .price-box:hover h4 {

    color: #fff !important

}



section.pricing-tab .price-tabmain .price-list .price-box.price-recommended {

    z-index: 1;

    position: relative;

    margin-top: 0

}



section.pricing-tab .price-tabmain .price-list .price-box.price-recommended:hover .price-header {

    background: #212121;

    transition: all ease-in-out .5s

}



section.pricing-tab .price-tabmain .price-list .price-box.price-recommended:hover .price-header i {

    color: #212121 !important

}



.booking.pricing-tab .price-list {

    width: 90%;

    margin: 0 auto

}



.booking.pricing-tab .price-list .price-header {

    padding-bottom: 0;

    border: none

}



@media(max-width:991px) {

    section.pricing-tab .price-tabmain .price-list .price-box.price-recommended {

        margin-top: 2rem

    }

}



.testimonial {

    background: url(../images/bg/rev-bg.png) no-repeat;

    background-position: bottom;

    background-size: cover;

    background-attachment: fixed

}



.testimonial .section-title:before {

    left: 0;

    right: auto

}



.testimonial .section-title.title-center:before {

    left: 0;

    right: 0

}



.testimonial .testimonial-item .author-info a,

.testimonial .testimonial-item1 .author-info a {

    display: inline-block;

    position: relative;

    overflow: hidden

}



.testimonial .testimonial-item .author-info a img,

.testimonial .testimonial-item1 .author-info a img {

    height: 80px;

    width: 80px;

    border-radius: 50%

}



.testimonial .testimonial-item .author-info .author-title span,

.testimonial .testimonial-item1 .author-info .author-title span {

    font-size: 14px

}



.testimonial .testimonial-item .details,

.testimonial .testimonial-item1 .details {

    position: relative

}



.testimonial .testimonial-item .details i,

.testimonial .testimonial-item1 .details i {

    font-size: 40px;

    color: #f93a3a;

    margin-bottom: 13px !important

}



.testimonial .testimonial-item .details p,

.testimonial .testimonial-item1 .details p {

    font-size: 18px

}



.testimonial .testimonial-item .testi-image,

.testimonial .testimonial-item1 .testi-image {

    position: relative

}



.testimonial .testimonial-item .testi-image :before,

.testimonial .testimonial-item1 .testi-image :before {

    content: '';

    border: 5px solid #fbfbfbc2;

    position: absolute;

    top: 2%;

    width: 96%;

    height: 96%;

    left: 2%

}



.testimonial .testimonial-item1 {

    padding: 30px 20px;

    border: 2px dashed #f1f1f129;

    border-radius: 0

}



.testimonial .slick-prev,

.testimonial .slick-next {

    background: 0 0;

    border-radius: 50%;

    border: 2px solid #f93a3a;

    transition: all ease-in-out .5s

}



.testimonial .slick-prev:before,

.testimonial .slick-next:before {

    color: #f93a3a;

    line-height: 1.7

}



.testimonial .slick-prev:hover,

.testimonial .slick-next:hover {

    background: #f93a3a;

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

    border-color: #f93a3a

}



.testimonial .abt-short .short-p {

    position: relative;

    letter-spacing: 2px;

    transition: all .5s

}



.testimonial .abt-short .short-p::before {

    content: "";

    position: absolute;

    left: 0;

    bottom: -30px;

    height: 2px;

    width: 30%;

    background: #f93a3a

}



.testimonial .tst-slide p {

    padding: 30px;

    border: 2px dashed #f1f1f129;

    border-radius: 0;

    margin-bottom: 25px;

    transition: all .5s

}



.testimonial .tst-slide p i {

    font-size: 40px;

    color: #f93a3a;

    margin-bottom: 13px !important

}



.testimonial .tst-slide:hover p {

    border-color: #f93a3a

}



.testimonial .tst-info {

    position: relative

}



.testimonial .tst-info img {

    width: 10%;

    border-radius: 50px

}



.testimonial .testimonials_one_single {

    position: relative;

    display: block;

    padding-top: 50px;

    padding-bottom: 50px;

    padding-left: 165px;

    padding-right: 50px;

    z-index: 10

}



.testimonial .testimonials_one_single:before {

    position: absolute;

    bottom: -40px;

    left: 130px;

    width: 91px;

    height: 40px;

    background-image: url(../images/testi-shape.png);

    background-repeat: no-repeat;

    content: ""

}



.testimonial .testimonials_one_single .shadow-box {

    position: absolute;

    top: 0;

    left: 65px;

    bottom: 0;

    right: 0;

    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .07);

    z-index: -1

}



.testimonial .testimonials_one_single .testimonials_one_image {

    position: absolute;

    top: 80px;

    left: 20px

}



.testimonial .testimonials_one_single .testimonials_one_image img {

    border-radius: 50%;

    height: 110px;

    width: 110px

}



.testimonial .testimonials_one_single .testimonials_one_image:before {

    position: absolute;

    top: -15px;

    left: -20px;

    right: -20px;

    bottom: 0;

    content: "";

    border: 10px solid #fff;

    border-radius: 50%;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    height: 140px;

    width: 140px

}



.testimonial .testimonials_one_single:hover .testimonials_one_image:before {

    border: 10px solid #f93a3a

}



.testimonial .testimonials_one_single .testimonials_one_text {

    position: relative;

    display: block

}



.testimonial .testimonials_one_single .testimonials_one_text .testimonials_one_rating_box {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center

}



.testimonial .testimonials_one_single .testimonials_one_text .testimonials_one_rating_box a {

    color: #f93a3a

}



.testimonial .testimonials_one_single .testimonials_one_text .testimonials_quote_icon {

    position: absolute;

    bottom: -4px;

    right: 10px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease

}



.testimonial .testimonials_one_single .testimonials_one_text .testimonials_quote_icon span {

    font-size: 36px;

    color: #f93a3a

}



.testimonial .testimonials_one_single .testimonials_one_text .customer_info h3 {

    font-size: 20px;

    font-weight: 600;

    line-height: 30px

}



.testimonial .testimonials_one_single .testimonials_one_text .customer_info span {

    font-size: 14px;

    color: #777;

    margin-left: 5px

}



.testimonial .testimonials_one_single:after {

    position: absolute;

    top: 0;

    left: 65px;

    bottom: 0;

    right: 0;

    background-color: #fff;

    content: "";

    z-index: -1;

    border-radius: 4px

}



.testimonial1 {

    background: #ff71af url(../images/testimonial.png) no-repeat;

    background-position: bottom;

    background-size: cover;

    background-attachment: fixed

}



.testimonial1 .slick-list {

    padding-bottom: 50px

}



.testimonial1 .testimonials_one_single {

    position: relative;

    display: block;

    padding-top: 50px;

    padding-bottom: 50px;

    padding-left: 165px;

    padding-right: 50px;

    z-index: 10

}



.testimonial1 .testimonials_one_single:before {

    position: absolute;

    bottom: -40px;

    left: 130px;

    width: 91px;

    height: 40px;

    background-image: url(../images/testi-shape.png);

    background-repeat: no-repeat;

    content: ""

}



.testimonial1 .testimonials_one_single .shadow-box {

    position: absolute;

    top: 0;

    left: 65px;

    bottom: 0;

    right: 0;

    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .07);

    z-index: -1

}



.testimonial1 .testimonials_one_single .testimonials_one_image {

    position: absolute;

    top: 80px;

    left: 20px

}



.testimonial1 .testimonials_one_single .testimonials_one_image img {

    border-radius: 50%;

    height: 100px;

    width: 100px

}



.testimonial1 .testimonials_one_single .testimonials_one_image:before {

    position: absolute;

    top: -20px;

    left: -20px;

    right: -20px;

    bottom: 0;

    content: "";

    border: 10px solid #fff;

    border-radius: 50%;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    height: 140px;

    width: 140px

}



.testimonial1 .testimonials_one_single:hover .testimonials_one_image:before {

    border: 10px solid #f7a001

}



.testimonial1 .testimonials_one_single .testimonials_one_text {

    position: relative;

    display: block

}



.testimonial1 .testimonials_one_single .testimonials_one_text .testimonials_one_rating_box {

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center

}



.testimonial1 .testimonials_one_single .testimonials_one_text .testimonials_one_rating_box a {

    color: #f7a001

}



.testimonial1 .testimonials_one_single .testimonials_one_text .testimonials_quote_icon {

    position: absolute;

    bottom: -4px;

    right: 10px;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease

}



.testimonial1 .testimonials_one_single .testimonials_one_text .testimonials_quote_icon span {

    font-size: 36px;

    color: #f93a3a

}



.testimonial1 .testimonials_one_single .testimonials_one_text .customer_info h3 {

    font-size: 20px;

    font-weight: 600;

    line-height: 30px

}



.testimonial1 .testimonials_one_single .testimonials_one_text .customer_info span {

    font-size: 14px;

    color: #777;

    margin-left: 5px

}



.testimonial1 .testimonials_one_single:after {

    position: absolute;

    top: 0;

    left: 65px;

    bottom: 0;

    right: 0;

    background-color: #fff;

    content: "";

    z-index: -1;

    border-radius: 4px

}



@media(max-width:991px) {

    .testimonial .section-title {

        text-align: center !important;

        margin-bottom: 2.5rem

    }

    .testimonial .section-title:before {

        left: 0;

        right: 0

    }

    .testimonial .col-lg-8.col-md-12.pr-4.mb-4 {

        padding-right: 15px !important

    }

    .testimonial .about-slider {

        width: 100% !important;

        margin: 0 !important

    }

}



@media(max-width:767px) {

    .testimonial .testimonial-item {

        text-align: center

    }

    .testimonial .testimonial-item .author-title {

        margin-left: 0 !important

    }

}



@media(max-width:567px) {

    .testimonial1 .testimonials_one_single {

        padding: 20px;

        text-align: center;

        background: #fff

    }

    .testimonial1 .testimonials_one_single .testimonials_one_image {

        position: relative;

        top: inherit;

        left: inherit;

        margin-bottom: 1rem

    }

    .testimonial1 .testimonials_one_single .testimonials_one_image img {

        margin: 0 auto

    }

    .testimonial1 .testimonials_one_single .testimonials_one_image:before {

        display: none

    }

    .testimonial1 .testimonials_one_single .testimonials_one_text .testimonials_one_rating_box {

        display: inline-block

    }

    .testimonial1 .testimonials_one_single .testimonials_one_text .testimonials_quote_icon {

        position: relative;

        bottom: 0;

        right: 0

    }

    .testimonial1 .testimonials_one_single:after {

        display: none

    }

}



.news {

    padding-bottom: 6rem;

    z-index: inherit

}



.news .news-item {

    border-radius: 0

}



.news .news-item .news-image {

    position: relative;

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

    overflow: hidden;

    border-radius: 0

}



.news .news-item .news-image::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .5);

    -webkit-transition: -webkit-transform 1.8s;

    transition: -webkit-transform 1.8s;

    transition: transform 1.8s;

    transition: transform 1.8s, -webkit-transform 1.8s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    z-index: 1

}



.news .news-item .news-image:hover:before {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)

}



.news .news-item .news-image .news-cats a {

    background: #fff;

    padding: 8px 16px 7px;

    position: absolute;

    font-weight: 700;

    left: 15px;

    bottom: 15px;

    text-transform: uppercase;

    font-size: 14px;

    border-radius: 0;

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

    z-index: 2

}



.news .news-item .news-image .news-cats a:hover {

    background: #f93a3a;

    color: #fff;

    transition: all ease-in-out .5s

}



.news .news-item .news-image .news-date1 {

    position: absolute;

    top: 10px;

    left: 10px;

    background: #ffffffe3;

    padding: 10px 15px;

    z-index: 2

}



.news .news-item .news-image .news-date1 span {

    font-size: 28px;

    font-weight: 700;

    line-height: 1

}



.news .news-item .news-image .news-content1 {

    padding: 20px;

    position: absolute;

    bottom: 0;

    z-index: 2

}



.news .news-item .news-image .news-content1 .news-list {

    border-top: 1px dashed #f1f1f1;

    padding-top: 15px

}



.news .news-item .news-image .news-content1 .news-list li a {

    font-size: 14px;

    color: #999

}



.news .news-item .news-image .news-content1 .news-list li a:hover {

    color: #f93a3a

}



.news .news-item .news-image img {

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

    width: 100%

}



.news .news-item .news-image:hover img {

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

    transform: scale(1.2)

}



.news .news-item .news-content .news-list li a {

    font-size: 14px;

    color: #999

}



.news .news-item .news-content .news-list li a:hover {

    color: #f93a3a

}



.news .news-item .news-cont {

    background: #fff;

    border-radius: 0;

    padding: 20px 20px 22px;

    position: relative;

    z-index: 1;

    width: 96%;

    margin-top: -24px

}



.news .news-item .news-cont .news-list li a {

    font-size: 14px;

    color: #999

}



.news .news-item .news-cont .news-list li a:hover {

    color: #f93a3a

}



.news .news-item .blog-one__content {

    padding: 24px 24px 20px;

    background: #fff;

    margin-right: 30px;

    margin-top: -70px;

    position: relative;

    transition: all 700ms ease;

    z-index: 1

}



.news .news-item .blog-one__content .blog-one__meta {

    margin: 0;

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center

}



.news .news-item .blog-one__content .blog-one__meta li a {

    font-size: 14px;

    color: #777;

    transition: all 500ms ease

}



.news .news-item .blog-one__content .blog_one_text {

    width: 83%

}



.news .news-item .blog-one__content .blog_one_date {

    height: 70px;

    width: 70px;

    background: #f93a3a;

    padding-top: 15px;

    position: absolute;

    top: 0;

    right: 0;

    font-weight: 700;

    line-height: 1.2

}



.news .news-style4 .news-item .news-image {

    position: relative;

    overflow: hidden

}



.news .news-style4 .news-item .news-image .news-cats a {

    bottom: inherit;

    top: 15px

}



.news .news-style4 .news-item .news-image .news-cats a:after {

    width: 0;

    height: 0;

    border-top: 5px solid transparent;

    border-left: 10px solid #fff;

    border-bottom: 5px solid transparent;

    position: absolute;

    content: '';

    right: -10px;

    top: 50%;

    transform: translateY(-50%)

}



.news .news-style4 .news-item .news-image .news-cont {

    background: 0 0;

    margin: 0;

    bottom: 0;

    width: 100%;

    position: absolute

}



@media(max-width:1100px) and (min-width:1024px) {

    .news .news-item .blog-one__content {

        margin-right: 0

    }

    .news .news-item .blog-one__content .blog-one__meta li a {

        font-size: 12px

    }

}



@media(max-width:991px) {

    .testi-news .section-title {

        text-align: center !important

    }

    .news .news-item .blog-one__content .blog-one__meta li a {

        font-size: 13px

    }

}



.partners {

    border-top: 1px dashed #f1f1f1;

    border-bottom: 1px dashed #f1f1f1

}



.partners img {

    padding: 10px;

    background: #fff;

    border: 1px solid #f1f1f1;

    border-radius: 0

}



.newsletter-area {

    margin-bottom: -80px;

    position: relative;

    z-index: 2;

    background: 0 0;

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    background-repeat: no-repeat

}



.newsletter-area .newsletter-wrapper {

    padding: 30px 50px;

    box-shadow: 0 3px 57px 0 rgba(0, 0, 0, .12);

    background-color: #f93a3a;

    border-radius: 0;

    overflow: hidden

}



.newsletter-area .newsletter-wrapper .newsletter-icon i {

    font-size: 70px;

    line-height: 80px

}



.newsletter-area .newsletter-wrapper .newsletter-content .title span {

    color: #212121

}



.newsletter-area .newsletter-form {

    position: relative

}



.newsletter-area .newsletter-form input {

    width: 100%;

    height: 70px;

    padding: 0 30px;

    border: 0;

    background-color: #f6f6f6;

    color: #222;

    font-size: 16px;

    border-radius: 0

}



.newsletter-area .newsletter-form .nir-btn-black {

    height: 70px;

    position: absolute;

    top: 0;

    right: 0;

    letter-spacing: 2px;

    border: none;

    text-transform: uppercase

}



.newsletter-area .newsletter-main .newsletter-wrapper {

    padding: 0;

    box-shadow: none;

    background-color: transparent

}



.newsletter {

    background: #101010;

    border-top: 1px solid rgba(222, 227, 225, .1);

    border-bottom: 1px solid rgba(222, 227, 225, .1)

}



.newsletter .newsletter-main {

    position: relative

}



.newsletter .newsletter-main .newsletter-form {

    position: relative;

    width: 50%

}



.newsletter .newsletter-main .newsletter-form form {

    border-radius: 0;

    overflow: hidden;

    position: relative;

    border: 1px solid #f1f1f1

}



.newsletter .newsletter-main .newsletter-form form input {

    padding-right: 65px;

    border: none;

    height: 50px;

    outline: none

}



.newsletter .newsletter-main .newsletter-form form input.nir-btn {

    position: absolute;

    right: 0;

    top: 0;

    text-align: center;

    border-radius: 0;

    padding: 12px 20px;

    transition: all ease-in-out .5s

}



.newsletter .newsletter-main .newsletter-form form input.nir-btn:hover {

    background: #2a92d6 !important;

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

    color: #fff

}



.newsletter.newsletter1 {

    background: 0 0

}



.newsletter.newsletter1 .section-title h2 {

    padding-bottom: 0

}



.newsletter.newsletter1 .section-title h2:before {

    display: none

}



.newsletter.newsletter1 form {

    border: none !important

}



@media(max-width:991px) {

    .newsletter-area .newsletter-wrapper {

        padding: 40px 30px

    }

    .newsletter-area .newsletter-wrapper .newsletter-form {

        margin-top: 2rem

    }

}



@media(max-width:639px) {

    .newsletter-area .newsletter-wrapper .newsletter-content-wrapper {

        text-align: center

    }

    .newsletter-area .newsletter-wrapper .newsletter-content-wrapper .newsletter-icon {

        margin-bottom: 16px

    }

    .newsletter-area .newsletter-wrapper .newsletter-content-wrapper .newsletter-content {

        margin-left: 0 !important

    }

    .newsletter-area .newsletter-wrapper .newsletter-form .nir-btn-black {

        position: relative;

        width: 100%

    }

}



.contact-main .contact-info .info-item {

    position: relative;

    padding: 20px;

    box-shadow: 0 0 15px #cccccc37;

    border-radius: 0

}



.contact-main .contact-info .info-item .box-table li {

    font-size: 16px;

    font-weight: 500;

    list-style-type: none;

    margin-bottom: 20px;

    position: relative;

    width: 100%

}



.contact-main .contact-info .info-item .box-table li span {

    color: #f93a3a;

    float: right

}



.contact-main .contact-info .info-item .box-table li::before {

    content: "";

    position: absolute;

    height: 1px;

    width: 50px;

    border: 1px dashed #737373;

    top: 12px;

    left: 0;

    right: 0;

    margin: auto

}



.contact-main .contact-info .info-item .box-table li:last-child {

    margin-bottom: 0

}



.contact-main .contact-info .info-item .info-icon i {

    font-size: 32px;

    color: #fff;

    border-radius: 50%;

    background: #f93a3a;

    height: 70px;

    width: 70px;

    text-align: center;

    line-height: 2.2

}



.contact-main .contact-map .map-main {

    border-radius: 0;

    overflow: hidden

}



.contact-main .contact-map .contact-form {

    background: #212121;

    padding: 30px;

    border-radius: 0

}



@media(max-width:767px) {

    .contact-main .contact-map .contact-form {

        margin-top: 2rem

    }

}



section.events .events-image {

    position: relative;

    border-radius: 0;

    overflow: hidden

}



section.events .events-image img {

    width: 100%;

    border-radius: 0

}



section.events .news-content {

    margin-top: 20px;

    width: 94%;

    box-shadow: 0 0 15px #cccccc37;

    padding: 25px 30px 30px;

    margin: -30px auto 0;

    position: relative;

    background: #fff;

    border-radius: 0

}



section.events .news-content h4 {

    border-bottom: 1px dashed #ccc;

    padding-bottom: 15px

}



section.events .news-content .meta span {

    color: #999;

    font-size: 14px

}



section.events p.dates {

    background: #000000c7;

    text-align: center;

    font-weight: 700;

    padding: 9px 15px 8px;

    font-size: 16px;

    text-transform: uppercase;

    display: inline-block;

    margin-bottom: 0;

    position: absolute;

    top: 20px;

    left: 0;

    border-radius: 0 10px 10px 0

}



section.events p.dates p.dates span {

    font-size: 24px;

    display: block

}



.events-main {

    width: 80%;

    margin: 0 auto

}



.events-main .events-list {

    background: #fff;

    padding: 20px;

    border-radius: 0

}



.events-main .events-list .time-from {

    border: 1px solid #f1f1f1;

    background: #fbfbfb;

    padding: 15px;

    border-radius: 0

}



.events-main .events-list .time-from .date {

    font-size: 72px;

    font-weight: 700;

    line-height: 73px;

    margin-top: 0;

    display: block

}



.events-main .events-list .time-from .maina {

    font-size: 13px;

    text-transform: capitalize;

    font-weight: 700;

    line-height: 25px;

    display: block

}



.events-detail-lists {

    border-radius: 0;

    background: #fff;

    padding: 20px

}



.events-detail-lists ul.event-list-content {

    list-style-type: disc

}



.events-detail-lists ul.event-list-content li {

    line-height: 2.4

}



.events-sidebar {

    position: sticky;

    top: 0

}



.blog-search {

    position: relative

}



.blog-search input {

    padding-right: 70px

}



.blog-search a {

    position: absolute;

    right: 0;

    height: 43px;

    line-height: 1.7;

    border-radius: 0;

    background: #f93a3a;

    text-align: center;

    padding: 10px 15px

}



.sidebar-info .info {

    background: #fff;

    border-radius: 0;

    overflow: hidden

}



.sidebar-info .info ul li.title {

    background: #3f3d56;

    color: #fff;

    border: none

}



.sidebar-info .info ul li {

    padding: 10px 15px;

    margin: 0;

    display: block

}



.sidebar-book-event {

    overflow: hidden;

    border-radius: 0;

    background: #fff

}



.sidebar-book-event h4 {

    background: #5585a5;

    padding: 12px 0;

    text-align: center;

    color: #fff;

    margin: 0

}



.sidebar-book-event form li {

    text-align: left;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 15px;

    font-weight: 500;

    margin: 0;

    list-style: none;

    border-bottom: 1px dashed #f1f1f1

}



.sidebar-book-event form li .label {

    font-weight: 400;

    font-size: 16px

}



.sidebar-book-event form li .value {

    font-weight: 700

}



@media(max-width:991px) {

    .events-main {

        width: 100%

    }

    .events-main .events-list .time-from .date {

        font-size: 28px

    }

    .events-sidebar {

        margin-top: 2rem

    }

}



@media(max-width:767px) {

    .events-content {

        padding: 2rem 0

    }

}



.gallery .gallery-item {

    position: relative;

    overflow: hidden;

    border-radius: 0

}



.gallery .gallery-item .g-dollar {

    text-align: center;

    position: absolute;

    top: 20px;

    right: 20px;

    padding: 12px 20px;

    border-radius: 0;

    z-index: 1

}



.gallery .gallery-item .gallery-image img {

    width: 100%

}



.gallery .gallery-item .gallery-image .g-content {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    padding: 40px;

    -webkit-transition: .5s;

    transition: .5s;

    z-index: 5

}



.gallery .gallery-item .gallery-image .g-content strong {

    font-size: 21px

}



.gallery .gallery-item .gallery-content {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 100%;

    left: 0;

    background: rgba(0, 0, 0, .6);

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

    z-index: 2

}



.gallery .gallery-item .gallery-content ul {

    position: absolute;

    z-index: 1;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.gallery .gallery-item .gallery-content ul li {

    border: 1px solid #ffffff26;

    color: #fff;

    height: 40px;

    width: 40px;

    text-align: center;

    font-size: 20px;

    line-height: 2;

    display: inline-block;

    border-radius: 50%;

    margin: 0;

    transition: all ease-in-out .5s

}



.gallery .gallery-item .gallery-content ul li a {

    color: #fff

}



.gallery .gallery-item .gallery-content ul li:hover {

    background: #f93a3a;

    transition: all ease-in-out .5s

}



.gallery .gallery-item:hover .gallery-content {

    top: 0;

    transition: all ease-in-out .5s

}



.gallery .gallery-item:hover .g-content {

    left: -100%;

    transition: all ease-in-out .5s

}



.gallery .overlay {

    background: rgba(0, 0, 0, .4)

}



a.lb-close {

    position: absolute;

    top: -30px;

    right: 30px

}



section.booking .price-tabmain ul.nav.nav-tabs {

    border-radius: 0;

    overflow: hidden;

    display: inline-block;

    box-shadow: 0 0 15px #cccccc37;

    border: none;

    background: #f93a3a;

    padding: 10px

}



section.booking .price-tabmain ul.nav.nav-tabs li {

    margin: 0;

    border: none

}



section.booking .price-tabmain ul.nav.nav-tabs li a {

    border: none;

    border-radius: 0;

    display: inline-block;

    margin-right: 0;

    padding: 10px 20px;

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

    color: #fff

}



section.booking .price-tabmain ul.nav.nav-tabs li a:hover {

    color: #fff;

    background-color: #f93a3a;

    border: none;

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

    border: 3px solid #f93a3a

}



section.booking .price-tabmain ul.nav.nav-tabs li.active a {

    color: #fff;

    background-color: #f93a3a;

    border: none;

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

    border: 3px solid #f93a3a;

    border-radius: 0

}



section.booking .price-tabmain ul.nav.nav-tabs li.active a:focus,

section.booking .price-tabmain ul.nav.nav-tabs li.active a:hover {

    color: #fff;

    background-color: #f93a3a;

    border: none;

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

    border: 3px solid #f93a3a;

    border-radius: 0

}



section.booking .booking-box {

    background: #fff;

    box-shadow: 0 0 15px #cccccc37;

    padding: 30px;

    border-radius: 0

}



section.booking .booking-box .booking-box-title span {

    display: inline-block;

    height: 50px;

    width: 50px;

    border-radius: 50%;

    border: 1px dashed #f1f1f1;

    line-height: 3;

    margin-bottom: 15px

}



section.booking .booking-box .booking-box-title li.active span {

    background: #0059ff;

    color: #fff

}



section.booking .booking-box .booking-box-title li.active p {

    color: #0059ff

}



section.booking .booking-box .booking-box-title i {

    float: left;

    width: 50px;

    height: 50px;

    text-align: center;

    background: #77c364;

    color: #fff;

    font-size: 25px;

    line-height: 2;

    border-radius: 50%

}



section.booking .booking-box .booking-box-title .title-content {

    padding-left: 70px

}



section.booking .booking-box .booking-border {

    padding: 1.5rem 0;

    border-bottom: 1px dashed #f1f1f1

}



section.booking .booking-box .booking-border:last-child {

    border: none;

    padding-bottom: 0

}



section.booking .booking-box .fl-wrap {

    float: left;

    width: 100%;

    position: relative

}



section.booking .booking-box .log-separator:before {

    content: '';

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    height: 1px;

    background: #f1f1f1;

    z-index: 1

}



section.booking .booking-box .log-separator span {

    position: relative;

    width: 90px;

    display: inline-block;

    background: #fff;

    z-index: 2

}



section.booking .booking-box .soc-log a.facebook-log {

    background: #2a92d6;

    color: #fff;

    border-radius: 0;

    padding: 10px 20px;

    transition: all ease-in-out .5s

}



section.booking .booking-box .soc-log a.facebook-log:hover {

    background: #f93a3a;

    transition: all ease-in-out .5s

}



@media(max-width:567px) {

    section.booking .booking-box .booking-box-title {

        text-align: center

    }

    section.booking .booking-box .booking-box-title i {

        float: none

    }

    section.booking .booking-box .booking-box-title .title-content {

        padding: 16px 0 0

    }

}



.error {

    background: #fff;

    border-top: 1px solid #f1f1f1

}



.error .error-content {

    width: 60%;

    margin: 0 auto;

    position: relative;

    z-index: 1

}



.error .error-content i {

    color: #f93a3a

}



.error .error-content h1 {

    font-size: 252px;

    margin: 0;

    color: #fff;

    line-height: 1

}



.error .error-content h1 span {

    text-shadow: -8px 0 0 #fff;

    color: #f93a3a

}



.error .bubbles .individual-bubble {

    background: #f93a3a

}



.error .newsletter-form {

    position: relative

}



.error .newsletter-form form {

    border-radius: 0;

    overflow: hidden;

    position: relative

}



.error .newsletter-form form input {

    padding-right: 65px;

    height: 50px;

    outline: none

}



.error .newsletter-form form input.nir-btn {

    position: absolute;

    right: 0;

    top: 0;

    border: none;

    text-align: center;

    border-radius: 0;

    padding: 14px 20px 12px;

    transition: all ease-in-out .5s

}



.error .newsletter-form form input.nir-btn:hover {

    background: #f7a001 !important;

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

    color: #fff

}



.error.error1:before {

    content: '';

    background: url(../images/trending-bg.jpg) no-repeat;

    background-size: cover;

    background-attachment: fixed;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: .2

}



@media(max-width:911px) {

    .error .error-content {

        width: 100%

    }

}



@media(max-width:811px) {

    .error .error-content {

        width: 100%

    }

}



@media(max-width:567px) {

    .error .error-content h1 {

        font-size: 140px;

        letter-spacing: -20px

    }

    .error .error-content .nir-btn {

        margin: 0 0 1rem

    }

    .error .newsletter-form form {

        border-radius: 0

    }

    .error .newsletter-form form input[type=email] {

        padding-right: 20px

    }

    .error .newsletter-form form input.nir-btn {

        position: relative;

        border-radius: 0;

        margin: 1rem 0 0

    }

}



section.comingsoon {

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    min-height: 100vh

}



section.comingsoon .comingsoon-content {

    position: relative;

    z-index: 1

}



section.comingsoon .comingsoon-content .coming-title span {

    color: #f93a3a;

    font-size: 60px

}



section.comingsoon .comingsoon-content .counter-box {

    text-align: center;

    display: inline-block;

    color: #fff;

    padding: 0 30px;

    text-transform: capitalize;

    font-size: 21px

}



section.comingsoon .comingsoon-content .counter-box span {

    font-size: 80px;

    color: #fff;

    display: block;

    font-weight: 700;

    line-height: 1.5

}



section.comingsoon .comingsoon-content .newsletter-form {

    position: relative;

    width: 50%

}



section.comingsoon .comingsoon-content .newsletter-form form {

    border-radius: 0;

    overflow: hidden;

    position: relative;

    border: 1px solid #f1f1f1

}



section.comingsoon .comingsoon-content .newsletter-form form input {

    padding-right: 65px;

    border: none;

    height: 50px;

    outline: none

}



section.comingsoon .comingsoon-content .newsletter-form form input.nir-btn {

    position: absolute;

    right: 0;

    top: 0;

    text-align: center;

    border-radius: 0;

    padding: 12px 20px;

    transition: all ease-in-out .5s

}



section.comingsoon .comingsoon-content .newsletter-form form input.nir-btn:hover {

    background: #2a92d6 !important;

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

    color: #fff

}



section.comingsoon .comingsoon-content .newsletter-form {

    width: 70%;

    border-radius: 0;

    overflow: hidden

}



section.comingsoon .comingsoon-content .newsletter-form form {

    border: none

}



section.comingsoon .comingsoon-content .social-links a i {

    color: #fff;

    font-size: 18px

}



section.comingsoon canvas.pg-canvas {

    position: absolute;

    top: 0;

    left: 0;

    height: 100% !important;

    width: 100% !important;

    opacity: .6

}



section.comingsoon .coming-image {

    position: relative;

    z-index: 1

}



@media(max-width:991px) and (min-width:812px) {

    section.comingsoon {

        height: 200vh

    }

}



@media(max-width:911px) {

    section.comingsoon .comingsoon-content .newsletter-form {

        width: 100%

    }

}



@media(max-width:767px) {

    section.comingsoon .comingsoon-content .coming-title span {

        font-size: 40px

    }

    section.comingsoon .comingsoon-content .counter-box span {

        font-size: 54px

    }

    section.comingsoon .coming-image {

        margin-top: 2rem

    }

    section.comingsoon .comingsoon-content {

        left: 0;

        right: 0;

        text-align: center;

        padding: 0 15px

    }

    section.comingsoon .comingsoon-content .coming-title-main,

    section.comingsoon .comingsoon-content .coming-title {

        width: 80% !important;

        margin: 0 auto

    }

    section.comingsoon .comingsoon-content .counter-box {

        padding: 0 10px

    }

}



@media(max-width:639px) {

    section.comingsoon .comingsoon-content .coming-title span,

    section.comingsoon.comingsoon1 .comingsoon-content .coming-title span {

        font-size: 30px

    }

    section.comingsoon .comingsoon-content .counter-box,

    section.comingsoon.comingsoon1 .comingsoon-content .counter-box {

        width: 100%

    }

    section.comingsoon .comingsoon-content .counter-box span,

    section.comingsoon.comingsoon1 .comingsoon-content .counter-box span {

        font-size: 42px

    }

}



@media(max-width:567px) {

    section.comingsoon .comingsoon-content .coming-title-main,

    section.comingsoon.comingsoon1 .comingsoon-content .coming-title-main {

        width: 100% !important

    }

    section.comingsoon .comingsoon-content .newsletter-form form,

    section.comingsoon.comingsoon1 .comingsoon-content .newsletter-form form {

        border-radius: 0

    }

    section.comingsoon .comingsoon-content .newsletter-form form input[type=email],

    section.comingsoon.comingsoon1 .comingsoon-content .newsletter-form form input[type=email] {

        padding-right: 20px

    }

    section.comingsoon .comingsoon-content .newsletter-form form input.nir-btn,

    section.comingsoon.comingsoon1 .comingsoon-content .newsletter-form form input.nir-btn {

        position: relative;

        border-radius: 0;

        margin: 1rem 0 0

    }

}



.banner.shop-banner .slider {

    height: 500px

}



.banner_thumb {

    position: relative;

    border-radius: 0;

    overflow: hidden

}



.banner_thumb .banner_thumb img {

    width: 100%

}



.banner_thumb .banner_text {

    position: absolute;

    top: 50%;

    left: 40px;

    transform: translateY(-50%)

}



@media(max-width:1100px) and (min-width:1024px) {

    .banner_thumb .banner_text h3 {

        font-size: 18px

    }

}



@media(max-width:991px) {

    .banner_thumb .banner_text {

        position: relative;

        top: 0;

        left: 0;

        transform: none;

        background: #ccc;

        width: 100%;

        text-align: center;

        padding: 20px

    }

}



@media(max-width:767px) {

    .banner_area {

        padding-bottom: 3rem !important

    }

    .banner_area.banner_area1 {

        padding-bottom: 0 !important

    }

    .banner_thumb {

        margin-bottom: 2rem

    }

}



.shop-item {

    background: #fff;

    border-radius: 0;

    overflow: hidden

}



.shop-item .shop-image {

    position: relative;

    text-align: center;

    padding: 20px

}



.shop-item .shop-image img {

    width: 60%;

    display: inline-block

}



.shop-item .shop-content {

    text-align: center;

    padding: 0 0 20px

}



form.cart {

    border-top: 1px dashed #f1f1f161;

    border-bottom: 1px dashed #f1f1f161

}



.shop-price span {

    color: #f93a3a

}



.shop-price del {

    opacity: .7;

    font-size: 14px

}



.shop-price ins {

    font-weight: 700;

    text-decoration: none;

    font-size: 14px

}



.sidebar {

    position: sticky;

    top: 0

}



.sidebar .sidebar-box .recent-item {

    margin-bottom: 15px;

    background: #fff;

    padding: 10px 15px;

    width: 100%

}



.sidebar .sidebar-box .recent-item .recent-image {

    width: 30%;

    overflow: hidden

}



.sidebar .sidebar-box .sidebar-content ul li,

.sidebar .sidebar-box .sidebar-size ul li {

    display: inline-block;

    width: 100%;

    margin: 0;

    transition: all ease-in-out .5s

}



.sidebar .sidebar-box .sidebar-content ul li a,

.sidebar .sidebar-box .sidebar-size ul li a {

    margin-bottom: 15px;

    background: #fff;

    padding: 10px 15px;

    width: 100%;

    display: inline-block;

    border-radius: 0

}



.sidebar .sidebar-box .sidebar-content ul li:last-child,

.sidebar .sidebar-box .sidebar-size ul li:last-child {

    margin-bottom: 0

}



.sidebar .sidebar-box .sidebar-size li a {

    width: auto !important;

    margin-bottom: 0 !important

}



.sidebar .sidebar-box .range-slider {

    padding: 20px 10px 15px;

    margin: 0;

    background: #fff;

    border-radius: 0

}



.sidebar .sidebar-box .range-slider .ui-slider .ui-slider-range {

    background: #f93a3a

}



.sidebar .sidebar-box .range-slider p {

    font-size: 13px

}



.sidebar .sidebar-box .latest-tweets ul>li {

    position: relative;

    padding-left: 28px;

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px dashed #f1f1f1

}



.sidebar .sidebar-box .latest-tweets ul>li:last-child {

    border: none;

    padding-bottom: 0;

    margin: 0

}



.sidebar .sidebar-box .latest-tweets p.tweet-text:before {

    content: "\f099";

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-size: 20px;

    position: absolute;

    left: 0;

    padding-top: 5px;

    color: #01d6a3

}



.sidebar .sidebar-box .tagcloud a {

    border: 1px solid #f1f1f1;

    padding: 8px 10px;

    display: inline-block;

    margin-bottom: 3px;

    color: #fff

}



.sidebar .sidebar-ad {

    position: relative;

    padding: 40px 20px;

    background: linear-gradient(to bottom, #4db7fe 0%, #155986 100%);

    overflow: hidden;

    border-radius: 0

}



section.shop-main .shop-detail .quantity-buttons {

    display: inline-block

}



section.shop-main .shop-detail .slick-list {

    padding: 0 !important

}



section.shop-main .shop-detail .slider-thumbs .slick-slide {

    opacity: .5

}



section.shop-main .shop-detail .slider-thumbs .slick-slide.slick-active {

    opacity: 1

}



section.shop-main .shop-detail .thumbnail-images {

    border: 5px solid #ffffff40;

    border-radius: 0;

    overflow: hidden

}



#store-tab-main .nav-tabs {

    border-bottom: none

}



#store-tab-main .nav-tabs>li> {

    margin: 0

}



#store-tab-main .nav-tabs>li>a {

    position: relative;

    display: inline-block;

    vertical-align: top;

    padding: 14px 17px;

    font-size: 18px;

    text-align: center;

    background: #fff;

    margin: 0 5px 0 0;

    line-height: inherit;

    border: none;

    border-radius: 0

}



#store-tab-main .nav-tabs>li>a:hover {

    color: #fff !important;

    border: none;

    background: #f93a3a

}



#store-tab-main .nav-tabs li.active>a {

    color: #fff !important;

    border: none;

    background: #f93a3a

}



#store-tab-main .nav-tabs li.active>a:focus {

    color: #fff !important;

    border: none;

    background: #f93a3a

}



#store-tab-main .tab-content {

    border: none;

    background: #fff;

    padding: 30px;

    border-radius: 0

}



#store-tab-main .tab-content ul.product-tab-list {

    padding-left: 20px

}



#store-tab-main .tab-content ul.product-tab-list li {

    display: block;

    line-height: 1.8;

    position: relative

}



#store-tab-main .tab-content ul.product-tab-list li:before {

    content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 1px solid #222;

    left: -20px;

    top: 7px

}



.related-store .team-slider .slick-prev,

.related-store .team-slider .slick-next {

    display: none !important

}



.cart-inner .cart-table-list table thead {

    width: 100%

}



.cart-inner .cart-table-list table th,

.cart-inner .cart-table-list table td {

    text-align: center

}



.cart-inner .cart-table-list .product-thumbnail img {

    width: 30%;

    margin-right: 15px

}



.checkout-coupon {

    padding: 15px 30px;

    border-radius: 0;

    display: inline-block;

    width: 100%

}



.payment-card li i {

    font-size: 36px;

    transition: all ease-in-out .5s

}



.payment-card li i:hover {

    color: #f93a3a;

    transition: all ease-in-out .5s

}



.login-social a.btn-facebook,

.login-social a.btn-twitter {

    padding: 6px 20px;

    color: #fff;

    background: #ccc;

    border-radius: 0;

    display: inline-block;

    border: 1px solid #395899

}



.login-social a.btn-facebook i,

.login-social a.btn-twitter i {

    color: #fff

}



.login-social a.btn-facebook {

    background: #395899

}



.login-social a.btn-facebook:hover {

    background: 0 0;

    color: #395899

}



.login-social a.btn-twitter {

    background: #04a9e1;

    border-color: #04a9e1

}



.login-social a.btn-twitter:hover {

    background: 0 0;

    color: #04a9e1

}



table.shop_table.rt-checkout-review-order-table {

    width: 100%;

    border-radius: 0;

    overflow: hidden

}



table.shop_table.rt-checkout-review-order-table thead,

table.shop_table.rt-checkout-review-order-table tr.order-total {

    background: #fbfbfb

}



table.shop_table.rt-checkout-review-order-table tr {

    border: 1px solid #f1f1f1

}



table.shop_table.rt-checkout-review-order-table tr span.rt-Price-amount {

    color: #f93a3a;

    font-weight: 500

}



table.shop_table.rt-checkout-review-order-table tr th,

table.shop_table.rt-checkout-review-order-table tr td {

    padding: 10px 15px;

    font-size: 15px;

    border: 1px solid #f1f1f1

}



@media(max-width:991px) {

    .shop-sidebar {

        margin-top: 2rem

    }

}



@media(max-width:767px) {

    .fp-content {

        width: 100% !important

    }

    section.shop-main .shop-detail .blog-content {

        text-align: left !important

    }

    section.shop-main .shop-detail .thumbnail-images {

        margin-bottom: 2rem

    }

}



@media(max-width:639px) {

    #store-tab-main .nav-tabs li {

        width: 100%

    }

    #store-tab-main .nav-tabs li a {

        width: 100%;

        border-radius: 0;

        margin: 0 0 1px

    }

    #store-tab-main .tab-content {

        border-radius: 0

    }

    .cart-inner .cart-table-list table td.actions .coupon button.update_cart {

        margin-top: 10px

    }

    .order-list {

        overflow-x: scroll

    }

}



@media(max-width:567px) {

    .order-list {

        overflow: scroll

    }

    .cart-inner .cart-table-list table td.actions .coupon button {

        margin-top: 10px

    }

    .card-info .input-group label,

    .card-info .input-group input {

        width: 100% !important

    }

}



.insta-main {

    overflow: hidden;

    background: #f93a3a

}



.insta-main .insta-inner .col-md-3 {

    padding: 0;

    overflow: hidden

}



.insta-main .insta-inner .follow-button {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 1

}



.insta-main .insta-inner .follow-button a {

    position: relative;

    background-color: #fff;

    font-size: 16px;

    color: #1a1a1a;

    display: block;

    padding: 12px 15px 13px;

    text-align: center;

    font-weight: 400;

    width: 250px;

    border-radius: 0;

    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, .5);

    box-shadow: 0 0 50px rgba(0, 0, 0, .5)

}



.insta-main .insta-inner .follow-button a:before {

    content: '\f16d';

    font-family: fontawesome;

    margin-right: 5px;

    display: inline-block;

    vertical-align: top

}



.insta-main .insta-inner .follow-button a:after {

    content: '';

    position: absolute;

    left: -5px;

    top: -5px;

    right: -5px;

    bottom: -5px;

    border: 1px solid #fff;

    border-radius: 0

}



.insta-main .insta-inner .insta-image,

.insta-main .insta-inner .insta-image a img {

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

    overflow: hidden

}



.insta-main .insta-inner .insta-image:hover img {

    transform: scale(1.1);

    transition: all ease-in-out .5s

}



@media(max-width:479px) {

    .insta-main .insta-inner .follow-button h5 a {

        font-size: 13px

    }

}



.slider-area-wc {

    height: auto;

    position: relative;

    z-index: 1

}

.footer-links p, .footer-links h4{
    color: #000;
}

footer {

    width: 100%;

    background-color: #f5066e;

    overflow: hidden;

    padding: 50px 0;

    border-top: 1px solid #fff;

    position: relative;

    background-size: cover;

    background-position: center;

    background-attachment: fixed

}



footer a,

footer p,

footer li {

    color: #000000;

    font-size: 15px;

    font-weight: 400

}



footer h4 {

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 30px

}



footer h4:after {

    position: absolute;

    content: '';

    height: 2px;

    width: 50px;

    background: #f93a3a;

    left: 0;

    bottom: 0

}



footer .footer-upper.pb-4 {

    padding-bottom: 36px !important

}



footer .footer-upper {

    position: relative;

    z-index: 999;

}



footer .footer-upper .footer-links ul.list li {

    display: inline-block;

    padding: 0 10px

}



footer .footer-upper .footer-links ul li {

    margin-bottom: 0;

    line-height: 2.8;

    display: inline-block;

    color: #000;

}



footer .footer-upper .footer-links ul p span {

    color: #f93a3a

}



footer .footer-upper .footer-links p.f-para {

    border-bottom: 1px dashed #666

}



footer .footer-upper .footer-links input.nir-btn {

    border: none

}



footer .footer-upper .footer-links input.nir-btn:hover {

    opacity: .8;

    background: #f93a3a !important;

    color: #fff

}



footer .footer-upper .footer-links .post-list {

    border-bottom: 1px dashed #ffffff30;

    padding-bottom: 10px;

    margin-bottom: 10px

}



footer .footer-upper .footer-links .post-list:last-child {

    border: none;

    margin: 0;

    padding: 0

}



footer .footer-upper .footer-links .post-list .post-image {

    width: 30%;

    border-radius: 0;

    overflow: hidden

}



footer .footer-upper .footer-links .post-list span {

    font-size: 12px

}



footer .footer-middle {

    border-top: 1px dashed #f1f1f1

}



footer .footer-middle .footer-nav ul li a {

    display: inline-block;

    margin: 0 5px;

    font-weight: 700

}



footer .footer-copyright {

    padding: 12px 0;

    background: #fbfbfb12

}



footer .newsletter-main .section-title h2 {

    font-size: 24px

}



footer.pt-10 {

    padding-top: 78px !important

}



.social-links {

    display: inline-block

}



.social-links ul li {

    display: inline-block

}



.social-links ul li a {

    background: #ffffff26;

    color:#000;

    width: 40px;

    height: 40px;

    display: inline-block;

    text-align: center;

    font-size: 17px;

    line-height: 2.4;

    border-radius: 0

}



.social-links ul li a:hover {

    color: #fff;

    background: #f93a3a

}



footer.footer1 {

    background: #fff

}



footer.footer1:before {

    display: none

}



footer.footer1 a,

footer.footer1 p,

footer.footer1 li {

    color: #777

}



footer.footer1 h4 {

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 30px

}



footer.footer1 h4:after {

    position: absolute;

    content: '';

    height: 2px;

    width: 50px;

    background: #f93a3a;

    left: 0;

    bottom: 0

}



footer.footer1 .footer-upper .footer-links ul li {

    margin-bottom: 0;

    line-height: 2.5;

    display: block;

    color: #777

}



footer.footer1 .footer-upper .footer-links ul p span {

    color: #f93a3a

}



footer.footer1 .footer-upper .footer-links input.nir-btn {

    border: none

}



footer.footer1 .footer-upper .footer-links input.nir-btn:hover {

    opacity: .8;

    background: #f93a3a !important;

    color: #fff

}



footer.footer1 .footer-upper .footer-links .post-list {

    border-bottom: 1px dashed #ffffff30;

    padding-bottom: 10px;

    margin-bottom: 10px

}



footer.footer1 .footer-upper .footer-links .post-list:last-child {

    border: none;

    margin: 0;

    padding: 0

}



footer.footer1 .footer-upper .footer-links .post-list .post-image {

    width: 30%;

    border-radius: 0;

    overflow: hidden

}



footer.footer1 .footer-upper .footer-links .post-list span {

    font-size: 12px

}



footer.footer1 .footer-copyright {

    padding: 10px 0;

    border-top: 1px solid #f1f1f1

}



footer.footer1 .footer-copyright .social-links ul li {

    display: inline-block

}



footer.footer1 .footer-copyright .social-links ul li a {

    background: #f1f1f1;

    color: #777;

    width: 40px;

    height: 40px;

    display: inline-block;

    text-align: center;

    font-size: 17px;

    line-height: 2.5;

    border-radius: 0

}



footer.footer1 .footer-copyright .social-links ul li a:hover {

    color: #fff;

    background: #f93a3a

}



@media(max-width:991px) {

    footer .footer-upper {

        padding-bottom: 3rem

    }

    footer .footer-upper .footer-links {

        width: 100% !important

    }

    footer .newsletter .newsletter-main {

        text-align: center

    }

    footer .newsletter .newsletter-main .section-title {

        margin-bottom: 1rem

    }

    footer .newsletter .newsletter-main .newsletter-form {

        margin: 0 auto !important

    }

    footer .f-payment {

        margin-top: 1rem;

        text-align: center

    }

    footer.footer1 .section-title {

        width: 100%;

        text-align: center;

        margin-bottom: 2rem

    }

    footer.footer1 .newsletter .newsletter-main {

        text-align: center

    }

    footer.footer1 .newsletter .newsletter-main .newsletter-form {

        width: 80%;

        margin: 0 auto

    }

}



@media(max-width:767px) {

    footer .footer-copyright .copyright-inner {

        text-align: center

    }

    footer .footer-copyright .copyright-inner .copyright-text {

        margin-bottom: 15px

    }

    footer .footer-middle {

        padding-top: 0 !important

    }

    footer .footer-middle .footer-nav {

        width: 100% !important

    }

}



@media(max-width:639px) {

    footer .footer-upper .footer-links .post-list {

        justify-content: normal !important

    }

    footer .footer-upper .footer-links .post-list .post-content {

        padding-left: 1rem

    }

}



.listing-main.mt-map {

    margin-top: -80px;

    position: relative

}



.list-results {

    position: relative;

    margin-bottom: 2rem;

    width: 100%

}



.list-results label {

    margin: 0

}



.list-results .nice-select {

    border: 1px solid #f1f1f1;

    background: #fff;

    width: 150px;

    padding-left: 20px;

    border-radius: 0

}



.list-results .change-grid,

.list-results .change-list {

    display: inline-block

}



.list-results .change-grid i,

.list-results .change-list i {

    line-height: 2.8;

    text-align: center;

    display: inline-block;

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

    height: 40px;

    width: 40px;

    border-radius: 0;

    background: #fff

}



.list-results .change-list.f-active i,

.list-results .change-grid.f-active i {

    background: #f93a3a;

    color: #fff;

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

    border-color: #f93a3a

}



.blog-full {

    overflow: hidden;

    padding: 20px;

    background: #00000090;

    border-radius: 0;

    border: 1px dashed #ffffff4d

}



.blog-full .blog-height {

    height: 100%

}



.blog-full .blog-image {

    position: relative;

    height: 100%;

    overflow: hidden;

    border-radius: 0;

    transition: all ease-in-out .5s

}



.blog-full .blog-image .h-date {

    text-align: center;

    position: absolute;

    top: 20px;

    right: 20px;

    padding: 12px 20px;

    border-radius: 0;

    z-index: 1

}



.blog-full .blog-image>a {

    background-size: cover;

    height: 100%;

    width: 100%;

    background-position: center;

    display: inline-block;

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

    border-radius: 0

}



.blog-content {

    padding: 20px 0;

    display: inline-block;

    width: 100%

}



.blog-content .listing-price {

    font-weight: 700;

    color: #f93a3a;

    display: inline-block

}



.blog-content .listing-price span.regular-price {

    text-decoration: line-through;

    color: #999;

    font-weight: 400;

    font-style: italic

}



.blog-content .listing-actions .add-to-links a {

    display: inline-block;

    transition: all ease-in-out .5s

}



.blog-content .listing-actions .add-to-links .btn-cart {

    line-height: 42px;

    height: 40px;

    width: 40px;

    padding: 0;

    position: relative;

    text-align: center;

    display: inline-block;

    background: #fff;

    cursor: pointer;

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

    border: 1px solid #f1f1f1

}



.blog-content .listing-actions .add-to-links .btn-cart:hover,

.blog-content .listing-actions .add-to-links .btn-cart:focus {

    background: #f93a3a;

    color: #fff;

    outline: none;

    border-color: #f93a3a

}



.blog-content .listing-actions .add-to-links .nir-btn {

    padding: 10px 20px

}



.blog-content .rating span {

    color: #ffbc00

}



.add-listing .addlist-inner .addlist-title {

    margin-bottom: 1rem;

    padding: 15px;

    background: #fff;

    width: 100%;

    border-radius: 0

}



.add-listing .addlist-inner .addlist-content {

    padding: 20px;

    border-radius: 0

}



.add-listing .addlist-inner .addlist-content .niceSelect {

    padding: 10px 20px

}



.add-listing .addlist-inner .upload-file {

    width: 100%;

    background: #fbfbfb;

    border: 2px dashed #f1f1f1;

    border-radius: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    flex-direction: column;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

    cursor: pointer;

    padding: 50px 0

}



.add-listing .addlist-inner .upload-file input {

    display: none

}



.add-listing .addlist-inner .upload-file i {

    font-size: 3.6rem

}



.add-listing .addlist-inner .listing-btn a {

    padding: 8px 15px 6px

}



@media(max-width:767px) {

    .add-listing .addlist-inner .addlist-content {

        overflow-x: scroll;

        width: 100%

    }

    .add-listing .addlist-inner .addlist-content .listing-btn {

        text-align: center;

        margin-top: 1rem

    }

}



.detail-title .detail-title-inner .listing-rating i {

    color: #fff

}



.detail-title .detail-title-inner .list-single-contacts li {

    font-size: 13px;

    padding-right: 10px

}



.detail-title .detail-title-inner .list-single-details .list-single-rating {

    position: relative;

    z-index: 1;

    display: inline-block

}



.detail-title .detail-title-inner .list-single-details .list-single-rating .rating-score span {

    background: #fff;

    color: #f93a3a;

    float: left;

    font-weight: 700;

    border-radius: 0;

    padding: 16px 18px;

    font-size: 24px

}



.detail-listing-inner {

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 15px #cccccc37;

    padding: 20px;

    border-radius: 0

}



.detail-listing-inner>div {

    border-bottom: 1px dashed #f1f1f1;

    padding-bottom: 2rem;

    margin-bottom: 1.5rem

}



.detail-listing-inner>div .detail-amenities li {

    width: 32.9%;

    margin-bottom: .5%;

    border: 1px dashed #f1f1f1;

    padding: 10px;

    color: #777;

    border-radius: 0

}



.detail-listing-inner>div .detail-amenities li i {

    margin-right: 5px

}



.detail-listing-inner>div:last-child {

    border: none;

    padding: 0;

    margin: 0

}



.detail-listing-inner .detail-recentlist .blog-full {

    box-shadow: none

}



.detail-comments .comment-box,

.single-comments .comment-box {

    display: flex;

    margin-bottom: 30px

}



.detail-comments .comment-box:last-child,

.single-comments .comment-box:last-child {

    margin-bottom: 0

}



.detail-comments .comment-box .comment-image,

.single-comments .comment-box .comment-image {

    text-align: center

}



.detail-comments .comment-box .comment-image img,

.single-comments .comment-box .comment-image img {

    border-radius: 10px

}



.detail-comments .comment-box .comment-content,

.single-comments .comment-box .comment-content {

    border-bottom: 1px dashed #f1f1f1;

    position: relative;

    background: #fff;

    border-radius: 0;

    padding: 20px;

    margin-left: 30px

}



.detail-comments .comment-box .comment-content:before,

.single-comments .comment-box .comment-content:before {

    content: '';

    position: absolute;

    left: -20px;

    top: 25px;

    width: 0;

    height: 0;

    border-top: 20px solid transparent;

    border-bottom: 20px solid transparent;

    border-right: 20px solid #fff

}



.detail-comments .comment-box .comment-content:last-child,

.single-comments .comment-box .comment-content:last-child {

    border: 0

}



.detail-comments .comment-box .comment-content p.comment-date,

.single-comments .comment-box .comment-content p.comment-date {

    position: absolute;

    right: 20px;

    top: 20px;

    font-size: 14px;

    margin: 0

}



.detail-comments .comment-box .comment-content .comment-rate span.comment-title,

.single-comments .comment-box .comment-content .comment-rate span.comment-title {

    font-weight: 500;

    font-style: italic

}



.detail-comments .comment-box .comment-content p.comment,

.single-comments .comment-box .comment-content p.comment {

    margin: .5rem 0

}



.detail-comments .comment-box .comment-content .comment-like,

.single-comments .comment-box .comment-content .comment-like {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 1rem

}



.detail-comments .comment-box .comment-content .comment-like a,

.single-comments .comment-box .comment-content .comment-like a {

    padding: 6px 12px

}



.detail-comments .comment-box .comment-content .comment-like .like-title,

.single-comments .comment-box .comment-content .comment-like .like-title {

    display: inline-block

}



.detail-comments .comment-box .comment-content .comment-like .like-btn a,

.single-comments .comment-box .comment-content .comment-like .like-btn a {

    margin-left: 10px

}



.detail-comments .comment-box .comment-content .comment-like .like-btn a.like,

.single-comments .comment-box .comment-content .comment-like .like-btn a.like {

    color: #292e8c

}



.detail-comments .comment-box .comment-content .comment-like .like-btn a.dislike,

.single-comments .comment-box .comment-content .comment-like .like-btn a.dislike {

    color: #a6aebb

}



.detail-comments .comment-box .comment-content .comment-like .like-btn a.love,

.single-comments .comment-box .comment-content .comment-like .like-btn a.love {

    color: #ff6f7e

}



.list-sidebar {

    border: 1px solid #f1f1f1;

    box-shadow: 0 0 15px #cccccc37;

    padding: 20px;

    border-radius: 0;

    background: #fff;

    position: sticky;

    top: 0;

    transition: all ease-in-out .5s

}



.list-sidebar .sidebar-item h4 {

    border-bottom: 1px dashed #f1f1f1;

    padding-bottom: 16px;

    margin-bottom: 18px

}



.list-sidebar .sidebar-item .filter-box {

    display: inline-block;

    width: 100%;

    background: #212121;

    padding: 20px;

    border-radius: 0

}



.list-sidebar .sidebar-item .filter-box .form-group {

    margin-bottom: 16px;

    display: inline-block;

    width: 100%

}



.list-sidebar .sidebar-item .filter-box .form-group .input-box {

    position: relative

}



.list-sidebar .sidebar-item .filter-box .form-group .input-box i {

    position: absolute;

    left: 12px;

    top: 15px;

    z-index: 1

}



.list-sidebar .sidebar-item .pretty {

    display: block;

    margin-bottom: 20px;

    margin-right: 0

}



.list-sidebar .sidebar-item .pretty .state label {

    text-indent: 1em;

    width: 100%;

    padding-left: 10px

}



.list-sidebar .sidebar-item .pretty .state label span.number {

    float: right

}



.list-sidebar .sidebar-item .pretty:last-child {

    margin: 0

}



.list-sidebar .sidebar-item .range-slider .ui-slider .ui-slider-range {

    background: #f93a3a

}



.list-sidebar .sidebar-item .star-rating span {

    color: #ffbc00;

    display: inline

}



.list-sidebar .categories-inner {

    position: relative;

    overflow: hidden

}



.list-sidebar .categories-inner .categories-content {

    position: absolute;

    bottom: 15px;

    border-radius: 0;

    background: #fbfbfb;

    width: 90%;

    padding: 10px 20px;

    margin: 0 auto;

    left: 0;

    right: 0

}



.list-sidebar .categories-inner .categories-content i {

    width: 40px;

    height: 40px;

    text-align: center;

    background: #f15c76;

    line-height: 2.5;

    color: #fff;

    border-radius: 50%

}



@media(max-width:991px) {

    .blog-full .blog-height {

        height: 250px

    }

    .list-sidebar {

        margin-top: 2rem

    }

}



@media(max-width:767px) {

    .detail-listing-inner>div .detail-amenities li {

        width: 49%

    }

    .blog-content {

        text-align: center !important

    }

    .product-color {

        margin-top: 1.5rem

    }

}



@media(max-width:639px) {

    .detail-comments .comment-box,

    .single-comments .comment-box {

        display: block !important;

        text-align: center

    }

    .detail-comments .comment-box .comment-image,

    .single-comments .comment-box .comment-image {

        display: inline-block

    }

    .detail-comments .comment-box .comment-content,

    .single-comments .comment-box .comment-content {

        margin-top: 1rem;

        margin-left: 0 !important;

        padding: 0

    }

    .detail-comments .comment-box .comment-content:before,

    .single-comments .comment-box .comment-content:before {

        display: none

    }

    .detail-comments .comment-box .comment-content p.comment-date,

    .single-comments .comment-box .comment-content p.comment-date {

        position: relative !important;

        top: 0;

        right: 0

    }

    .detail-comments .comment-box .comment-content .rating-comment,

    .single-comments .comment-box .comment-content .rating-comment {

        display: inline-block !important;

        width: 100%

    }

    .detail-comments .comment-box p.comment-date,

    .single-comments .comment-box p.comment-date {

        display: inline-block !important;

        margin-top: 2rem

    }

    .blog-imagelist {

        text-align: center

    }

    .blog-imagelist img {

        margin-bottom: 1rem

    }

}



@media(max-width:567px) {

    .list-results {

        display: inherit !important;

        text-align: center

    }

    .list-results .click-menu {

        justify-content: center !important;

        margin-top: 1rem

    }

    .list-results .click-menu .sortby {

        display: inline-block !important

    }

    .detail-listing-inner>div .detail-amenities li {

        width: 100%

    }

}



@media(max-width:400px) {

    .detail-comments .comment-box .comment-content .comment-like,

    .single-comments .comment-box .comment-content .comment-like {

        display: block !important

    }

    .detail-comments .comment-box .comment-content .comment-like .like-title,

    .single-comments .comment-box .comment-content .comment-like .like-title {

        float: none !important

    }

    .detail-comments .comment-box .comment-content .comment-like .like-btn,

    .single-comments .comment-box .comment-content .comment-like .like-btn {

        float: none !important;

        margin-top: .5rem

    }

    .detail-comments .comment-box .comment-content .comment-like .like-btn a,

    .single-comments .comment-box .comment-content .comment-like .like-btn a {

        padding: 0

    }

    .detail-title .detail-title-inner .list-single-contacts li {

        padding-right: 0

    }

}



.swiper-list li {

    display: inline-block;

    margin-bottom: 0;

    border: 1px solid #fff;

    padding: 5px 10px;

    text-align: center;

    border-radius: 0

}



section.blog .blog-full {

    box-shadow: none;

    border: none

}



section.blog .grid {

    position: relative;

    overflow: hidden;

    border-radius: 0

}



section.blog .grid .gridblog-content {

    padding: 20px 0 0

}



section.blog .grid .gridblog-content .date {

    border-bottom: 1px solid #f1f1f1;

    display: inline-block

}



section.blog .grid .gridblog-content .date a {

    color: #999;

    font-size: 14px

}



section.blog .grid .gridblog-content .date a:hover {

    color: #f93a3a

}



section.blog .grid .grid-image {

    position: relative;

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

    overflow: hidden

}



section.blog .grid .grid-image img {

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

    width: 100%

}



section.blog .grid .grid-image:hover img {

    transform: scale(1.1);

    transition: all ease-in-out .5s

}



section.blog .grid .grid-image:before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(255, 255, 255, .5);

    -webkit-transition: -webkit-transform 1.8s;

    transition: -webkit-transform 1.8s;

    transition: transform 1.8s;

    transition: transform 1.8s, -webkit-transform 1.8s;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -200%, 0);

    z-index: 1

}



section.blog .grid .grid-image:hover:before {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)

}



section.blog .grid .grid-image .overlay {

    background: linear-gradient(to top, #0000007d, transparent)

}



section.blog .grid .grid-item1 .gridblog-content {

    position: absolute;

    bottom: 0;

    width: 100%;

    z-index: 2;

    padding: 20px

}



section.blog .grid .grid-item1 .date {

    border-bottom: 1px solid #fff;

    display: inline-block

}



.blog-sidebar {

    position: sticky;

    top: 0;

    transition: all ease-in-out .5s

}



.author-news {

    position: relative;

    overflow: hidden;

    background: url(../images/bg/bg5.jpg) no-repeat;

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

    display: inline-block;

    width: 100%;

    border-radius: 0

}



.author-news .author-news-content {

    position: relative;

    z-index: 1

}



.author-news .author-news-content .author-thumb {

    width: 210px;

    height: 210px;

    margin: 30px auto 0;

    position: relative;

    overflow: hidden

}



.author-news .author-news-content .author-thumb img {

    width: 100%;

    border-radius: 50%;

    height: 100%

}



.author-news .author-news-content .author-thumb:before {

    position: absolute;

    content: '';

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 180px;

    width: 180px;

    border-radius: 50%;

    border: 2px dashed #fff

}



.author-news .author-news-content .author-content {

    padding: 30px

}



.author-news .author-news-content .author-content .title {

    color: #fff;

    font-size: 32px;

    line-height: 1.2;

    padding-top: 12px

}



.author-news .author-news-content .author-content p {

    font-size: 18px;

    color: #fff;

    padding-bottom: 18px

}



.author-news .author-news-content .author-content span {

    color: #f93a3a;

    font-size: 18px;

    font-weight: 700;

    position: relative

}



.author-news .author-news-content .author-content span:before {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 60px;

    height: 1px;

    background: #f93a3a

}



.header-social ul li {

    display: inline-block;

    margin: 0

}



.header-social ul li a i {

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px;

    background: #5e5eb7;

    color: #fff;

    margin-right: 2px;

    border-radius: 0

}



.header-social ul li a i:hover {

    opacity: .8

}



.header-social ul li a i:last-child {

    margin-right: 0

}



.header-social ul li:nth-child(2) a i {

    background: #c72026

}



.header-social ul li:nth-child(3) a i {

    background: #29a4dd

}



ul.sidebar-category li {

    position: relative;

    margin: 0 0 12px;

    background: #fff;

    padding: 10px 20px;

    border-radius: 0;

    border: 1px solid #f1f1f1;

    display: block

}



ul.sidebar-category li:last-child {

    margin: 0

}



.sidebar-products .s-content {

    border-bottom: 1px dashed #f1f1f1

}



.sidebar-products .s-content .products-price {

    color: #f93a3a

}



.sidebar-tabs .nav-tabs {

    border-bottom: none;

    background: #fff;

    border-radius: 0;

    overflow: hidden

}



.sidebar-tabs .nav-tabs>li {

    width: 50%

}



.sidebar-tabs .nav-tabs>li>a {

    border-radius: 0;

    padding: 15px;

    margin: 0;

    line-height: inherit;

    border: none;

    display: inline-block

}



.sidebar-tabs .nav-tabs>li>a:hover {

    color: #fff

}



.sidebar-tabs .nav-tabs>li:hover {

    color: #fff;

    background-color: #f93a3a;

    border: none

}



.sidebar-tabs .nav-tabs>li.active {

    color: #fff;

    background-color: #f93a3a;

    border: none

}



.sidebar-tabs .nav-tabs>li.active>a {

    color: #fff

}



.sidebar-tabs .sidebar-image {

    overflow: hidden;

    border-radius: 0

}



.sidebar-tabs .sidebar-image img {

    width: 100%

}



.sidebar-tabs .s-content {

    padding: 8px 15px 10px;

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

    border-radius: 0;

    border: 1px solid #f1f1f1;

    background: #fff

}



.sidebar-tabs .s-content .blog-no {

    font-size: 32px;

    color: #ccc;

    font-weight: 700

}



.sidebar-tabs .s-content .date {

    font-size: 14px;

    font-style: italic;

    padding-bottom: 4px

}



.sidebar-tabs .s-content h5 {

    text-transform: capitalize

}



.sidebar-tabs .s-content:hover {

    box-shadow: 0 0 15px #cccccc37;

    transition: all ease-in-out .5s

}



ul.sidebar-tags li {

    display: inline-block;

    margin-bottom: 0

}



ul.sidebar-tags li a {

    padding: 10px 15px;

    background: #fff;

    display: inline-block;

    margin-bottom: 3px;

    color: #444;

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

    border-radius: 0

}



ul.sidebar-tags li a:hover {

    background: #f93a3a;

    color: #fff;

    transition: all ease-in-out .5s

}



.sidebar-videos article.post {

    padding: 15px;

    background: #fff;

    border-radius: 0

}



.sidebar-videos button.slick-prev.slick-arrow,

.sidebar-videos button.slick-next.slick-arrow {

    display: none !important

}



@media(max-width:991px) {

    .sidebar-pomplet {

        text-align: center

    }

}



.blog-single .para-content {

    border-top: 1px dashed #f1f1f1;

    padding-top: 15px

}



.blog-single .para-content span a {

    font-size: 14px;

    font-style: italic

}



.blog-single .blog-quote {

    position: relative;

    text-align: center;

    z-index: 10;

    padding: 60px 40px 30px;

    border-radius: 0;

    overflow: hidden

}



.blog-single .blog-quote:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background: #f93a3a;

    z-index: -1;

    border-radius: 0

}



.blog-single .blog-quote p {

    font-size: 28px;

    line-height: 1.3;

    margin-top: 50px

}



.blog-single .blog-quote span {

    font-size: 18px;

    font-style: italic

}



.blog-single .blog-quote i {

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 30px;

    height: 75px;

    width: 75px;

    text-align: center;

    line-height: 75px;

    background: #fff;

    color: #f93a3a;

    border-radius: 50%;

    margin-bottom: 20px

}



.blog-single .blog-quote i:after {

    position: absolute;

    content: '';

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    height: 55px;

    width: 55px;

    border-radius: 50%;

    border: 1px dashed #fff

}



.blog-single .blog-imagelist img {

    border-radius: 0

}



.blog-single .blog-share {

    padding: 20px;

    background: #fff;

    border-radius: 0

}



.blog-single .blog-share .blog-share-tag ul li {

    display: inline-block;

    margin-bottom: 0

}



.blog-single .blog-next {

    display: inline-block;

    width: 100%;

    background: #fff;

    border-radius: 0;

    overflow: hidden

}



.blog-single .blog-next a {

    width: 50%;

    padding: 20px

}



.blog-single .blog-next a.float-left {

    background: #f93a3a

}



.blog-single .blog-next .prev,

.blog-single .blog-next .next {

    position: relative

}



.blog-single .blog-next .prev i,

.blog-single .blog-next .next i {

    position: absolute;

    left: 0;

    top: 6px

}



.blog-single .blog-next .next i {

    left: inherit;

    right: 0

}



.blog-single .blog-author {

    padding: 20px;

    border-radius: 0;

    background: #fff

}



.blog-single .blog-author .blog-author-item .title span {

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 400

}



.blog-single .blog-author .blog-author-item .blog-thumb img {

    border-radius: 50%;

    width: 150px;

    height: 150px

}



.blog-single .blog-author .blog-author-item .blog-thumb:before {

    position: absolute;

    content: '';

    left: 50%;

    top: 50%;

    height: 125px;

    width: 125px;

    transform: translate(-50%, -50%);

    z-index: 1;

    border: 2px dashed #fff;

    border-radius: 50%

}



@media(max-width:991px) {

    .blog-sidebar {

        margin-top: 2rem;

        position: relative

    }

    section.login {

        padding-bottom: 0 !important

    }

    section.login .login-content {

        margin-bottom: 2rem

    }

}



@media(max-width:767px) {

    .blog-single .blog-next a {

        width: 100%

    }

    .blog-single .blog-share {

        display: block !important;

        text-align: center

    }

    .blog-single .blog-share .header-social {

        margin-top: 1rem

    }

    .blog-single .blog-author {

        text-align: center

    }

    .blog-single .blog-author .blog-thumb {

        margin-bottom: 1rem

    }

    .detail-comments h4,

    .single-comments h4 {

        text-align: center

    }

}



@media(max-width:359px) {

    .sidebar-tabs .nav-tabs>li>a {

        padding: 15px 13px

    }

}





video {

  min-width: 100%;

  /*min-height: 100vh;*/

  z-index: 1;

}



.video-all {

  min-width: 100%;

  min-height: 37vh;

 

}





.bg-video-wrap {

  position: relative;

  overflow: hidden;

  width: 100%;

  height: 100vh;

  

}

video {

  min-width: 100%;

 /* min-height: 100vh;*/

  z-index: 1;

}

.overlay {

  width: 100%;

  height: 100vh;

  position: absolute;

  top: 0;

  left: 0;

  

  background-size: 3px 3px;

  z-index: 2;

}







@media(max-width:767px) {

.video-mobile {

  

  width: 100%!important;



  z-index: 1!important;

}



}
.tab-sec .container{
    padding-left: 0;
    padding-right: 0;
}
.tab-sec .tab-img{
    position: relative;
}
.tab-sec .tab-img .text{
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 20px;
}
.tab-sec .tab-img .text h3{
    color: #fff;
}
.tab-sec .tab-img .text p{
    color: #fff;
}
.tab-sec .tab-img .text a{
    background: #f5066e;
    color: #000;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: 600;
}

.tab-sec .row .col-md-6.col-sm-12.col-12{
    padding: 0 5px;
}
.estimate-form{
    width: 530px;
    margin: auto;
    text-align: center;
    background: #f45097;
    padding: 20px;
}
.estimate-form h3{
    color: #000;
    font-family: inherit;
    font-size: 40px;
    margin-bottom: 0;
}
.estimate-form p{
    color: #fff;
    margin: 10px ;
}
.estimate-form form input, .estimate-form form textarea{
    border-radius: 5px;
}
@media screen and (max-width:767px) {
    .estimate-form{
        width: 100%;
    }
    .tab-sec .container{
        padding-right: 15px;
        padding-left: 15px;
    }
    .tab-sec .row .col-md-6.col-sm-12.col-12{
        padding: 0 17px;
    }
    .tab-img{
        margin-bottom: 10px;
    }
    .tab-sec{
        padding: 50px 0 !important;
    }
    .banner .slider{
        height: 230px;
    }
}
.send-btn{
    background: #000;
    border: none;
    padding: 10px 20px;
    color: #fff;
}