/*-----------------------------------------------------------------------------------

    Template Name: Night Hall || Night Club Bootstrap4 Template
    Template URI: http://pluginspoint.com/demo/night-hall-preview/
    Description: This is html5 template
    Author: I-finger Studio
    Author URI: http://ifingerstudio.com/
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================
  
    Theme default CSS
    1. Home One
        Slider
        Our History
        Upcoming Event
        Gallery
        Team
        Video
        Reservation
        Testimonial
        Blog
        Footer
    2. Home Two
        H2 Slider
        H2 History
        H2 Event
        H2 Gallery
        H2 Testimonial
        H2 Video
        H2 Team
        H2 Reservation
        H2 Blog
        H2 Footer
    3. Home Three
        H3 Slider
        H3 History
        H3 Upcoming
        H3 Gallery
        H3 Team
        H3 Video
        H3 Testimonial
        H3 Reservation
        H3 Blog
        H3 Footer
    4. About
    5. Gallery
    6. Events
    7. Contact
    8. Page Blog
    9. Team Details
    10. Gallery Video Audio
    11. 404
    
-----------------------------------------------------------------------------------*/


/*----------------------------------------*/
/*  Theme default CSS
/*----------------------------------------*/

/*google-font*/

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700,800|Roboto:300,400,500,700');

.clear {
    clear: both
}
::-moz-selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #00b0ff;
    color: #fff;
    text-shadow: none;
}
.no-mar {
    margin: 0!important;
}
.no-pad {
    padding: 0!important;
}
.home1-header.navbar-fixed-top {
  animation-duration: 0.8s;
  animation-name: fadeInDown;
  animation-timing-function: ease-in-out;
  background: #1d252d none repeat scroll 0 0;
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.h3-header-bottom-area.navbar-fixed-top {
  animation-duration: 0.8s;
  animation-name: fadeInDown;
  animation-timing-function: ease-in-out;
  background: #1d252d none repeat scroll 0 0;
  box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);
  left: 0;
  padding: 8px 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}
.mar-bot-50 {
    margin-bottom: 50px;
}
.mar-bot-40 {
    margin-bottom: 40px;
}
.mar-bot-35 {
    margin-bottom: 35px;
}
.mar-bot-30 {
    margin-bottom: 30px;
}
.mar-top-30 {
    margin-top: 30px;
}
.mar-top-80 {
    margin-top: 80px;
}
.mar-top-80 {
    margin-top: 80px;
}
.mar-top-55 {
    margin-top: 55px;
}
.mar-top-108 {
    margin-top: 108px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*:focus {
    outline: 0;
}
html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
}
body {
  background: #222c35 none repeat scroll 0 0;
  color: #888;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 30px;
}
img {
    max-width: 100%;
    height: auto;
}
button,
input,
textarea {
    letter-spacing: 1px;
}

/* 
Table Of Contents
=========================
- Default Typography
- Custom Typography
=========================
*/


/* 
--------------------------
- Default Typography
--------------------------
*/

body {
    font-family: 'Roboto', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #000;
    letter-spacing: 1.5px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    font-family: 'Poppins', sans-serif;
}
h1 {
    font-size: 36px;
    line-height: 70px;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 0px;
}
h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0px;
}
h4 {
    font-size: 20px;
    line-height: 27px;
}
h5 {
    font-size: 16px;
    line-height: 24px;
}
h6 {
    font-size: 14px;
    line-height: 24px;
}
p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
}
p img {
    margin: 0;
}
span {
    font-family: 'Roboto', sans-serif;
}

/* em and strong */

em {
    font: 15px/30px;
}
strong,
b {
    font: 15px/30px;
}
small {
    font-size: 11px;
    line-height: inherit;
}

/*  blockquotes */

blockquote {
    border-left: 0 none;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0;
    padding-left: 40px;
    position: relative;
}
blockquote::before {
    color: #4e5665;
    content: "";
    font-family: FontAwesome;
    font-size: 36px;
    left: 20px;
    line-height: 0;
    margin: 0;
    opacity: 0.5;
    position: absolute;
    top: 20px;
}
blockquote p {
    font-style: italic;
    padding: 0;
    font-size: 18px;
    line-height: 36px;
}
blockquote cite {
    display: block;
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
}
blockquote cite:before {
    content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
    color: #8B9798;
    border: none
}
/* abbreviations */

abbr {
    color: #444;
    font-weight: 700;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: .6px;
}
abbr:hover {
    cursor: help;
}

/* links */

a,
a:visited {
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #111;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    outline: 0;
}
a:hover,
a:active {
    color: #00b0ff;
    text-decoration: none;
    outline: 0;
}
a:focus {
    text-decoration: none;
    outline: 0;
}
p a,
p a:visited {
    line-height: inherit;
    outline: 0;
}
a.active-page {
    color: #e6ae48!important;
}

/* list */

ul,
ol {
    margin-bottom: 0px;
    margin-top: 0px;
}
ul {
    margin: 0;
}
ol {
    list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
    margin-left: 0px;
}
ul.square {
    list-style: square outside;
}
ul.circle {
    list-style: circle outside;
}
ul.disc {
    list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin: 0;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
    margin-bottom: 0px;
}
li {
    line-height: 18px;
    margin-bottom: 0px;
}
ul.large li {}
li p {}

/* definition list */
dl {
    margin: 12px 0;
}
dt {
    margin: 0;
    color: #11ABB0;
}
dd {
    margin: 0 0 0 20px;
}
button {}

/* 
--------------------------
- Custom Typography
--------------------------
*/

/* Your Custom Typography. */

.bg-with-black {
    position: relative;
}
.bg-with-black::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-with-white {
    position: relative;
}
.bg-with-white::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-with-blue {
    position: relative;
}
.bg-with-blue::before {
    background: #00bff3 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.hvr-bs:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.overlay-bg {
  position: relative;
  z-index: 2;
}
.overlay-bg::before {
  background: #222c35 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 0;
}
.overlay-bg-2 {
  position: relative;
  z-index: 2;
}
.overlay-bg-2::before {
  background: #333333 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: -1;
}


/*----------------------------------------*/
/*  1. Home One
/*----------------------------------------*/

.section-title {
  text-align: center;
  margin: 0 0 44px;
}
.section-title .icon {
  margin: 0 0 8px;
}
.section-title .icon img {}
.section-title h2 {
  color: #fff;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 40px;
  text-transform: uppercase;
  margin: 0 0 17px;
}
.section-title h2 span {
  color: #f2455a;
  display: inline-block;
  font-family: "Poppins",sans-serif;
}
.section-title p {
  color: #fff;
  font-size: 18px;
  line-height: 32px;
}
header {
  padding: 13px 0;
}
.logo {}
.logo a {
    display: block;
}
.logo a img{}
.menu {
  padding: 9px 0;
  text-align: center;
}
.menu ul {
    list-style: outside none none;
    padding: 0;
    z-index: 99;
}
.menu ul li {
  display: inline-block;
  position: relative;
  text-align: left;
}
.menu ul li::before {}
.menu ul li:hover::before {}
.menu ul li::after {}
.menu ul li:hover::after {}
.menu ul li > a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    padding: 20px 16px;
}
.menu ul li:hover > a,
.menu ul li.active>a {
    color: #f2455a;
}
.menu ul li:last-child > a {
    padding-right: 0;
}
.menu ul li > a.disable {
    cursor: pointer;
    pointer-events: none;
}
.menu ul li .drop {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  display: block;
  left: 0;
  opacity: 0;
  padding: 8px 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 220px;
}
.menu ul li:hover .drop {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}
.menu ul li .drop li {
    display: block;
    position: relative;
}
.menu ul li .drop li:before,
.menu ul li .drop li:after {}
.menu ul li .drop li > a {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 10px 20px;
}
.menu ul li .drop li .third {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: block;
    left: 100%;
    opacity: 0;
    padding: 8px 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 220px;
}
.menu ul li .drop li:hover .third {
    opacity: 1;
    visibility: visible;
}
.menu ul li .drop li .third li {}
.menu ul li .drop li .third li > a {}
.menu ul li .mega-menu {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: auto;
    opacity: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
}
.menu ul li:hover .mega-menu {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
}
.menu ul li .mega-menu li {
    width: 200px;
}
.menu ul li .mega-menu li::before {}
.menu ul li .mega-menu li::after {}
.menu ul li .mega-menu li > a {
    cursor: default;
    pointer-events: none;
    text-decoration: underline;
}
.menu ul li .mega-menu li ul {}
.menu ul li .mega-menu li ul li {}
.menu ul li .mega-menu li ul li::before {}
.menu ul li .mega-menu li ul li::after {}
.menu ul li .mega-menu li ul li a {
    cursor: pointer;
    font-weight: 400;
    padding: 12px 16px;
    pointer-events: unset;
    text-decoration: none;
}
.mean-container .mean-bar {
  background: #000 none repeat scroll 0 0;
}
.register-login {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 0;
    text-align: right;
}
.register-login>div {
    flex: 1 1 auto;
}
.register-login .register {
    padding-right: 4px;
    position: relative;
}
.register-login .register::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 20px;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.register-login .register span {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.register-login .register:hover span {
    color: #f2455a;
}
.register-login .register span i {}
.register-login .register a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}
.register-login .register:hover a {
    color: #f2455a;
}
.register-login .login {
    padding: 0 6px;
}
.register-login .login a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}
.register-login .login a:hover {
    color: #f2455a;
}
.register-login .search {}
.register-login .search span {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px;
}
.register-login .search span i {}

/*Slider*/
.home1-slider-container {}
.home1-slider-container .nivo-caption {
  background: transparent none repeat scroll 0 0;
  left: 0;
  opacity: 1;
  right: 0;
  text-align: center;
  top: 32%;
}
.slide-middle-text {}
.slide-middle-text .cap-intro {
  margin: 0 0 16px;
}
.slide-middle-text .cap-intro h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 50px;
  text-transform: uppercase;
}
.slide-middle-text .cap-title {
  margin: 0 0 10px;
}
.slide-middle-text .cap-title h3 {
  color: #fff;
  font-size: 50px;
  letter-spacing: 0;
  line-height: 50px;
  text-transform: uppercase;
}
.slide-middle-text .cap-details {
  margin: 0 0 20px;
}
.slide-middle-text .cap-details p {
  color: #fff;
  font-size: 22px;
  line-height: 35px;
}
.slide-middle-text .cap-readmore {}
.slide-middle-text .cap-readmore a {
  border: 2px solid #fff;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  padding: 6px 18px;
}
.slide-middle-text .cap-readmore a:hover {
  background: #f2455a none repeat scroll 0 0;
  border-color: #f2455a;
}
.home1-slider-container .nivo-directionNav {}
.home1-slider-container .nivo-directionNav > a {
  border: 2px solid #fff;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 26px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  width: 68px;
}
.home1-slider-container .nivo-directionNav > a:hover {
  border-color: #f2455a;
  color: #f2455a;
}
.home1-slider-container .nivo-directionNav .nivo-prevNav {
  left: 50px;
}
.home1-slider-container .nivo-directionNav .nivo-nextNav {
  right: 50px;
}


/*Our History*/
.our-history-area {
  padding: 80px 0 10px;
}
.our-history-banner {
  margin: 0 0 30px;
}
.our-history-banner img {}
.our-history-content {}
.our-history-content .title {
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 35px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 39px;
  margin: 0 0 16px;
  text-transform: uppercase;
}
.our-history-content .title span {
  color: #f2455a;
}
.our-history-content .text {
  color: #fff;
  line-height: 25px;
  margin: 0 0 16px;
}
.our-history-content .list {
  list-style: outside none none;
  padding: 0;
}
.our-history-content .list li {
  color: #f2455a;
  display: block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 26px;
  padding-left: 28px;
  position: relative;
}
.our-history-content .list li span {
  color: #f2455a;
  left: 0;
  position: absolute;
  top: 2px;
}


/*Upcoming Event*/
.upcoming-event-area {
  padding: 40px 0 10px;
}
.single-upcoming-event {
  margin: 0 0 30px;
  position: relative;
}
.single-upcoming-event::before {
  background: #222c35 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 0;
}
.single-upcoming-event:hover::before {
  opacity: 0.7;
}
.single-upcoming-event .img {}
.single-upcoming-event .img img {}
.single-upcoming-event .price {
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 102px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
}
.single-upcoming-event:hover .price {
  opacity: 1;
  visibility: visible;
}
.single-upcoming-event .price p {
  background: #f2455a none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  height: 64px;
  line-height: 64px;
  width: 64px;
  font-size: 18px;
  font-weight: 900;
  position: relative;
  z-index: 5;
}
.single-upcoming-event .price p::before {
  border: 2px solid #fff;
  border-radius: 100%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0.87);
  -ms-transform: scale(0.87);
  -o-transform: scale(0.87);
  transform: scale(0.87);
  width: 100%;
}
.single-upcoming-event .content {
  bottom: 30px;
  left: 0;
  padding: 0 40px;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 5;
}
.single-upcoming-event .content .name {
  color: #fff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0 0 17px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-upcoming-event:hover .content .name {
  color: #f2455a;
}
.single-upcoming-event .content .date {
  color: #fff;
  font-weight: 700;
  line-height: 18px;
  margin: 0 0 28px;
}
.single-upcoming-event .content .buy {
  border: 2px solid #fff;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  padding: 6px 20px;
}
.single-upcoming-event .content .buy:hover {
  background: #f2455a none repeat scroll 0 0;
  border-color: #f2455a;
}


/*Gallery*/
.gallery-area {
  padding: 40px 0;
}
.gallery-menu {
  text-align: center;
  margin: 0 0 50px;
}
.gallery-menu .button {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  outline: medium none;
  padding: 6px 15px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gallery-menu .button.checked {
  background: #f2455a none repeat scroll 0 0;
}
.single-gallery {
  position: relative;
  margin: 0 -15px;
}
.single-gallery::before {
    background: #222c35 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}
.single-gallery:hover::before {
    opacity: 0.2
}
.single-gallery a {
    display: block;
    position: relative;
}
.single-gallery a i {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    color: #f2455a;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    left: 50%;
    line-height: 36px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 36px;
    z-index: 9;
}
.single-gallery:hover a i {
    opacity: 1;
    visibility: visible;
}
.single-gallery a img {}


/*Team*/
.team-area {
  padding: 40px 0 50px;
}
.single-team {
  border: 1px solid #222c35;
  margin: 0 0 30px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-team:hover {
  border-color: #f2455a;
}
.single-team .st-upper {
  background: #182027 none repeat scroll 0 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 97px;
  text-align: left;
}
.single-team .st-upper .type {
  background: #1d252d none repeat scroll 0 0;
  color: #fff;
  -webkit-flex: 1 1 50%;
  -moz-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  -o-flex: 1 1 50%;
  flex: 1 1 50%;
  font-weight: 700;
  line-height: 18px;
  padding: 7px 0 11px 19px;
  position: relative;
  z-index: 9;
}
.single-team .st-upper .type::before {
  border-color: #1d252d transparent transparent;
  border-style: solid;
  border-width: 36px 23px;
  content: "";
  position: absolute;
  right: -23px;
  top: 0;
  z-index: -1;
}
.single-team .st-upper .social {
  -webkit-flex: 1 1 50%;
  -moz-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  -o-flex: 1 1 50%;
  flex: 1 1 50%;
  list-style: outside none none;
  padding: 0 0 0 8px;
  position: relative;
  text-align: center;
  z-index: 5;
}
.single-team .st-upper .social li {
  display: inline-block;
}
.single-team .st-upper .social li a {
  color: #fff;
  display: block;
  font-size: 14px;
  margin: 0 2px;
}
.single-team .st-upper .social li a:hover {
  color: #f2455a;
}
.single-team .st-img {
  margin: 0 0 -30px;
  position: relative;
  top: -55px;
  z-index: 5;
}
.single-team .st-img img {
  height: 110px;
}
.single-team .st-content {
  padding: 0 16px 22px;
}
.single-team .st-content .name, .single-team .st-content .name a {
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: uppercase;
}
.single-team .st-content .name:hover, .single-team .st-content .name a:hover {
  color: #f2455a;
}
.single-team .st-content .name {
  margin: 0 0 7px;
}
.single-team .st-content .name a {
  display: block;
}
.single-team .st-content .text {
  color: #ffffff;
}


/*Video*/
.video-area {
  background: rgba(0, 0, 0, 0) url("../img/home1/video-banner.jpg") no-repeat scroll 0 0 / cover ;
  padding: 226px 0;
  text-align: center;
}
.video {}
.video a {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 110px;
  height: 150px;
  line-height: 150px;
  position: relative;
  text-align: center;
  width: 150px;
  z-index: 9;
}
.video a::before {
  -webkit-animation: blink .7s infinite;
  -o-animation: blink .7s infinite;
  animation: blink .7s infinite;
  border: 1px solid #fff;
  border-radius: 100%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}
@keyframes blink {
  0% {
    transform: scale(1);
  }
  25%{
    transform: scale(1.1);
  }
  50%{
    transform: scale(1.2);
  }
  75% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}

/*Reservation*/
.reservation-area {
  padding: 80px 0;
}
.reservation {
  background: #182027 none repeat scroll 0 0;
  padding: 80px 100px 70px;
}
.reservation-input-box {
  margin: 0 0 20px;
}
.reservation-input-box input[type="text"], .reservation-input-box input[type="email"] {
  background: #222c35 none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  height: 46px;
  letter-spacing: 0;
  padding: 0 10px;
  width: 100%;
}
.reservation-input-box input[type="text"] {}
.reservation-input-box input[type="email"] {}
.reservation-input-box textarea {
  background: #222c35 none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  height: 200px;
  letter-spacing: 0;
  padding: 0 10px;
  width: 100%;
}
.reservation-input-box.submit {
  text-align: center;
}
.reservation-input-box.submit button {
  background: #222c35 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  padding: 12px 20px;
  text-transform: uppercase;
}
/*mail*/
.cf-msg {
    padding: 10px;
    text-align: center;
    margin-bottom: 30px;
}
.cf-msg p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize;
}


/*Testimonial*/
.testimonial-area {
  background: rgba(0, 0, 0, 0) url("../img/home1/testimonial-bg.jpg") no-repeat fixed 0 0 / cover ;
  padding: 80px 0 70px;
}
.single-testimonial {
  overflow: hidden;
}
.single-testimonial .img {
  border: 2px solid #f2455a;
  float: left;
  margin-right: 10px;
  position: relative;
  width: 210px;
}
.single-testimonial .img::before {
  background: #f2455a none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 0;
}
.single-testimonial .img::after {
  background-image: url("../img/home1/testimonial-author-arrow.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 10px;
  position: absolute;
  right: -11px;
  top: 34%;
  width: 11px;
}
.single-testimonial .img img {}
.single-testimonial .content {
  overflow: hidden;
  padding-left: 80px;
}
.single-testimonial .content .name {
  color: #fff;
  font-style: italic;
  letter-spacing: 0;
  margin: 0 0 12px;
}
.single-testimonial .content .desg {
  color: #fff;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0 0 20px;
}
.single-testimonial .content .text {
  color: #fff;
  font-size: 24px;
  font-style: italic;
  line-height: 40px;
}
.testimonial-carousel .owl-dots {
  text-align: center;
  margin: 9px 0 0px;
}
.testimonial-carousel .owl-dots .owl-dot {
  background: #fff none repeat scroll 0 0;
  border-radius: 100px;
  display: inline-block;
  height: 7px;
  margin: 0 2px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 7px;
}
.testimonial-carousel .owl-dots .owl-dot.active {
  background: #f2455a none repeat scroll 0 0;
}


/*Blog*/
.blog-area {
  padding: 80px 0 50px;
}
.single-blog {
  margin: 0 0 30px;
}
.single-blog .img {}
.single-blog .img a {
  display: block;
}
.single-blog .img a img {
  border-radius: 15px 15px 0 0;
}
.single-blog .content {
  border-color: transparent #2b3641 #2b3641;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  padding: 30px;
}
.single-blog .content .title {
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 0 4px;
}
.single-blog .content .title:hover {
  color: #f2455a;
  text-decoration: underline;
}
.single-blog .content .meta {
  list-style: outside none none;
  margin: 0 0 13px;
  padding: 0;
}
.single-blog .content .meta li {
  display: inline-block;
  margin-right: 16px;
}
.single-blog .content .meta li a {
  color: #999999;
  display: block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
}
.single-blog .content .meta li a span {
  margin-right: 6px;
}
.single-blog .content .text {
  color: #fff;
  line-height: 24px;
  margin: 0 0 23px;
}
.single-blog .content .more {
  background: #2b3641 none repeat scroll 0 0;
  border: 2px solid #2b3641;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  padding: 11px 20px;
  text-transform: capitalize;
}
.single-blog .content .more:hover {
  background: #f2455a none repeat scroll 0 0;
  border-color: #f2455a;
}
.single-blog .content .more span {
  margin-left: 2px;
  transition: all 0.3s ease 0s;
}
.single-blog .content .more:hover span {
  margin-left: 6px;
}


/*Footer*/
footer {}
.map-area {}
.map-area .axgmap {
  height: 460px;
  width: 100%;
}
.gm-style-iw {
  text-align: center;
}
.gm-style-iw h4 {
  text-align: left;
}
.footer-bottom-area {
  padding: 16px 0;
}
.footer-bottom {
  text-align: center;
}
.footer-bottom p {
  color: #fff;
  font-weight: 700;
}
.footer-bottom p a {
  color: #f2455a;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 24px;
}
#scrollUp {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    border: 1px solid #f2455a;
    bottom: 20px;
    color: #f2455a;
    height: 40px;
    line-height: 40px;
    right: 20px;
    text-align: center;
    width: 40px;
}
#scrollUp:hover {
    background: #f2455a none repeat scroll 0 0;
    color: #fff;
}


/*----------------------------------------*/
/*  2. Home Two
/*----------------------------------------*/

/*home2-section-title*/
.h2-section-title {}
.h2-section-title .icon {}
.h2-section-title .icon img {}
.h2-section-title h2 {}
.h2-section-title h2 span {
  color: #eb4e2e;
}
.h2-section-title p {}
/*home2-section-title*/

.home-2 {
  background: #282828 none repeat scroll 0 0;
}
.home2-header {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: auto;
  left: 0;
  padding: 15px 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}
.h2-menu {
  text-align: right;
  padding: 8px 0 0;
}
.h2-menu ul {
    list-style: outside none none;
    padding: 0;
    z-index: 99;
}
.h2-menu ul li {
  display: inline-block;
  position: relative;
  text-align: left;
}
.h2-menu ul li::before {}
.h2-menu ul li:hover::before {}
.h2-menu ul li::after {}
.h2-menu ul li:hover::after {}
.h2-menu ul li > a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 20px;
    padding: 20px 16px;
}
.h2-menu ul li:hover > a,
.h2-menu ul li.active>a {
    color: #f2455a;
}
.h2-menu ul li:last-child > a {
    padding-right: 0;
}
.h2-menu ul li > a.disable {
    cursor: pointer;
    pointer-events: none;
}
.h2-menu ul li .drop {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: block;
    opacity: 0;
    padding: 8px 0;
    position: absolute;
    right: 0;
    top: 100%;
    transform: scale(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 220px;
}
.h2-menu ul li:hover .drop {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.h2-menu ul li .drop li {
    display: block;
    position: relative;
}
.h2-menu ul li .drop li:before,
.h2-menu ul li .drop li:after {}
.h2-menu ul li .drop li>a {
    display: block;
    padding: 10px 20px;
}
.h2-menu ul li .drop li .third {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: block;
    opacity: 0;
    padding: 8px 0;
    position: absolute;
    right: 100%;
    top: 0;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 220px;
}
.h2-menu ul li .drop li:hover .third {
    opacity: 1;
    visibility: visible;
}
.h2-menu ul li .drop li .third li {}
.h2-menu ul li .drop li .third li > a {}
.h2-menu ul li .mega-menu {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: auto;
    opacity: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
}
.h2-menu ul li:hover .mega-menu {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
}
.h2-menu ul li .mega-menu li {
    width: 200px;
}
.h2-menu ul li .mega-menu li::before {}
.h2-menu ul li .mega-menu li::after {}
.h2-menu ul li .mega-menu li > a {
    cursor: default;
    pointer-events: none;
    text-decoration: underline;
}
.h2-menu ul li .mega-menu li ul {}
.h2-menu ul li .mega-menu li ul li {}
.h2-menu ul li .mega-menu li ul li::before {}
.h2-menu ul li .mega-menu li ul li::after {}
.h2-menu ul li .mega-menu li ul li a {
    cursor: pointer;
    font-weight: 400;
    padding: 12px 16px;
    pointer-events: unset;
    text-decoration: none;
}
.h2-menu-show {
  color: #fff;
  font-size: 32px;
  line-height: 32px;
  margin: 22px 0 0;
  display: inline-block;
  cursor: pointer;
}


/*H2 Slider*/
.home2-slider-container {}
.slide-middle-text {}
.home2-slider-container .nivo-caption {
  background: transparent none repeat scroll 0 0;
  opacity: 1;
  text-align: center;
  top: 38%;
}
.h2-slide-middle-text {}
.h2-slide-middle-text.slide-middle-text .cap-intro h2 {
  text-transform: capitalize;
}
.slide-middle-text .cap-title h3 span {
  color: #eb4e2e;
  display: inline-block;
}
.h2-slide-middle-text.slide-middle-text .cap-readmore a:hover {
  background: #eb4e2e none repeat scroll 0 0;
  border-color: #eb4e2e;
}
.home2-slider-container .nivo-directionNav > a {
  border: 2px solid #fff;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 26px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  width: 68px;
}
.home2-slider-container .nivo-directionNav > a:hover {
  border-color: #eb4e2e;
  color: #eb4e2e;
}
.home2-slider-container .nivo-directionNav .nivo-prevNav {
  left: 50px;
}
.home2-slider-container .nivo-directionNav .nivo-nextNav {
  right: 50px;
}


/*H2 History*/
.h2-our-history-area {}
.h2-our-history-banner {}
.h2-our-history-banner img {}
.h2-our-history-content {}
.h2-our-history-content .title span {
  color: #eb4e2e;
}
.h2-our-history-content .list li {
  color: #eb4e2e;
}


/*H2 Event*/
.h2-upcoming-event-area {}
.h2-single-upcoming-event {}
.h2-single-upcoming-event .price p {
  background: #eb4e2e none repeat scroll 0 0;
}
.h2-single-upcoming-event:hover .content .name {
  color: #eb4e2e;
}
.h2-single-upcoming-event .content .buy:hover {
  background: #eb4e2e none repeat scroll 0 0;
}


/*H2 Gallery*/
.h2-gallery-area {}
.h2-gallery-menu {}
.h2-gallery-menu .button.checked {
  background: #eb4e2e none repeat scroll 0 0;
}
.h2-single-gallery {}
.h2-single-gallery::before {
  background: #eb4e2e none repeat scroll 0 0;
  opacity: 0;
}
.h2-single-gallery:hover::before {
  opacity: 0.8;
}
.h2-single-gallery a i {
  color: #eb4e2e;
}


/*H2 Testimonial*/
.h2-testimonial-area {
  background: #333333 none repeat scroll 0 0;
  padding: 73px 0 71px;
}
.h2-testimonial-carousel {}
.h2-testimonial-box {
  position: relative;
  text-align: center;
  padding: 50px 0 0;
}
.h2-testimonial-box::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}
.h2-testimonial-box .img {
  display: inline-block;
  margin: 0 0 27px;
  position: relative;
  z-index: 5;
}
.h2-testimonial-box .img::before {
  background-image: url("../img/home2/testimonial-author-border.png");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 71px;
  left: 0;
  position: absolute;
  width: 70px;
  z-index: -1;
}
.h2-testimonial-box .img::after {
  background: #eb4e2e none repeat scroll 0 0;
  border-radius: 100%;
  content: "";
  height: 100%;
  left: 5px;
  opacity: 0.9;
  position: absolute;
  top: 5px;
  width: 100%;
  z-index: 6;
}
.h2-testimonial-box .img img {
  border-radius: 100%;
  height: 62px;
  left: 5px;
  position: relative;
  top: 5px;
  z-index: 5;
  width: auto!important;
}
.h2-testimonial-box .name {
  color: #fff;
  letter-spacing: 0;
  text-transform: capitalize;
  margin: 0 0 13px;
}
.h2-testimonial-box .desg {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0 0 19px;
}
.h2-testimonial-box .text {
  color: #fff;
  font-size: 24px;
  line-height: 40px;
}
.h2-testimonial-carousel .owl-dots {
  text-align: center;
  margin: 26px 0 0;
}
.h2-testimonial-carousel .owl-dots .owl-dot {
  background: #fff none repeat scroll 0 0;
  border-radius: 100px;
  display: inline-block;
  height: 7px;
  margin: 0 3px;
  transition: all 0.3s ease 0s;
  width: 7px;
}
.h2-testimonial-carousel .owl-dots .owl-dot.active {
  background: #eb4e2e none repeat scroll 0 0;
}


/*H2 Video*/
.h2-video-area {
  padding: 80px 0 0;
}
.h2-video {
  background: rgba(0, 0, 0, 0) url("../img/home2/video-banner.jpg") no-repeat scroll 0 0 / cover ;
  text-align: center;
  padding: 224px 0;
}


/*H2 Team*/
.h2-single-team {
  background: #333333 none repeat scroll 0 0;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.h2-single-team:hover {
  background: #eb4e2e none repeat scroll 0 0;
  border-color: #eb4e2e;
}
.single-team .team-bg-img {
  display: none;
}
.h2-single-team.single-team .team-bg-img {
  display: block;
}
.h2-single-team .team-bg-img {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.h2-single-team .team-bg-img::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.h2-single-team:hover .team-bg-img::before {
  background: #eb4e2e none repeat scroll 0 0;
  opacity: 0.8;
}
.h2-single-team .st-upper .type {
  background: #333333 none repeat scroll 0 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.h2-single-team:hover .st-upper .type {
  background: #eb4e2e none repeat scroll 0 0;
}
.h2-single-team .st-upper .type::before {
  border-color: #333333 transparent transparent;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.h2-single-team:hover .st-upper .type::before {
  border-color: #eb4e2e transparent transparent;
}
.team-bg-img::before {
  background: #eb4e2e none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
}
.h2-single-team .st-upper {}
.h2-single-team .st-content .name:hover, .h2-single-team .st-content .name a:hover {
  color: #fff;
}


/*H2 Reservation*/
.h2-reservation-area {}
.h2-reservation-area .reservation-input-box input[type="text"], .h2-reservation-area .reservation-input-box input[type="email"] {
  background: #333333 none repeat scroll 0 0;
}
.h2-reservation-area .reservation-input-box textarea {
  background: #333333 none repeat scroll 0 0;
}
.h2-reservation-area .reservation-input-box.submit button {
  background: #333333 none repeat scroll 0 0;
}


/*H2 Blog*/
.h2-blog-area {}
.h2-single-blog {}
.h2-single-blog .content .title:hover {
  color: #eb4e2e;
}
.h2-single-blog .content {
  background: #333333 none repeat scroll 0 0;
}
.h2-single-blog .content .more {
  background: #282828 none repeat scroll 0 0;
  border-color: #282828;
}
.h2-single-blog .content .more:hover {
  background: transparent none repeat scroll 0 0;
  border-color: #eb4e2e;
  color: #eb4e2e;
}


/*H2 Footer*/
footer.h2-footer {}
.h2-footer-top-ara {
  background: rgba(0, 0, 0, 0) url("../img/home2/footer-bg.jpg") no-repeat scroll 0 0 / cover ;
  padding: 50px 0 20px;
}
.h2footer-widget {
  margin: 0 0 30px;
}
.h2footer-widget .widget-title {
  color: #fff;
  font-size: 18px;
  letter-spacing: 0;
  margin: 0 0 24px;
  text-transform: uppercase;
}
.h2fw-info {}
.h2fw-logo {}
.h2fw-logo img {}
.h2fw-text {
  color: #fff;
  line-height: 24px;
}
.footer-address {
  list-style: outside none none;
  padding: 0;
}
.footer-address li {
  color: #fff;
  display: block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 19px;
  padding-left: 54px;
  position: relative;
  margin: 0 0 26px;
}
.footer-address li span {
  background: #282828 none repeat scroll 0 0;
  border-radius: 100px;
  height: 35px;
  left: 0;
  line-height: 35px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 35px;
}
.working-days {
  list-style: outside none none;
  padding: 0 24px 0 0;
}
.working-days li {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 35px;
  overflow: hidden;
}
.working-days li span {
  float: right;
}
.footer-social {
  list-style: outside none none;
  padding: 0;
}
.footer-social li {
  display: block;
  margin: 0 0 20px;
}
.footer-social li a {
  background: #282828 none repeat scroll 0 0;
  border-radius: 25px;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 35px;
  margin-left: 22px;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.footer-social li a:hover {
  background: #eb4e2e none repeat scroll 0 0;
}
.footer-social li a span {
  background: #282828 none repeat scroll 0 0;
  border-radius: 100%;
  display: inline-block;
  height: 35px;
  left: -22px;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 35px;
}
.footer-social li a:hover span {
  background: #eb4e2e none repeat scroll 0 0;
}
.h2fw-map {}
.h2fw-map .axgmap {
  height: 330px;
  width: 100%;
}


/*scrollup*/
.home-2 #scrollUp {
  border-color: #eb4e2e;
  color: #eb4e2e;
}
.home-2 #scrollUp:hover {
  background: #eb4e2e none repeat scroll 0 0;
  color: #fff;
}




/*----------------------------------------*/
/*  3. Home Three
/*----------------------------------------*/

.h3-section-title {}
.h3-section-title .icon {}
.h3-section-title .icon img {}
.h3-section-title h2 {
  color: #333333;
}
.h3-section-title h2 span {
  color: #e00231;
}
.h3-section-title p {
  color: #333333;
}

.home-3 {
  background: #fff none repeat scroll 0 0;
}
.h3-header {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  left: 0;
  padding: 10px 0 13px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}
.h3-header-top-area {}
.h3hta-social {}
.h3hta-social ul {
  list-style: outside none none;
  padding: 0;
}
.h3hta-social ul li {
  display: inline-block;
}
.h3hta-social ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin-right: 7px;
}
.h3hta-social ul li a:hover {
  color: #e00231;
}
.h3hta-opening {
  text-align: center;
}
.h3hta-opening p {
  color: #fff;
  line-height: 18px;
}
.h3hta-opening p span {}
.h3hta-buy {
  text-align: right;
}
.h3hta-buy a {
  background: #e00231 none repeat scroll 0 0;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  padding: 7px 20px;
  text-transform: capitalize;
}
.h3-header-bottom-area {
  padding: 23px 0 0;
}
.h3-header-bottom-area .menu {
  text-align: right;
}
.h3-header-bottom-area .menu ul li:hover > a, .h3-header-bottom-area .menu ul li.active > a {
  color: #e00231;
}
.h3-header-bottom-area .menu ul li .drop {
  left: auto;
  right: 0;
}
.h3-header-bottom-area .menu ul li .drop li .third {
  left: auto;
  right: 100%;
}


/*H3 Slider*/
.home3-slider-container {}
.home3-slider-container .slide-middle-text .cap-title h3 span {
  color: #e00231;
}
.home3-slider-container .slide-middle-text .cap-readmore a:hover {
  background: #e00231 none repeat scroll 0 0;
  border-color: #e00231;
}
.home3-slider-container .nivo-caption {
  background: transparent none repeat scroll 0 0;
  opacity: 1;
  top: 42%;
}
.home3-slider-container .nivo-directionNav > a {
  border: 2px solid #fff;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 26px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  top: 52%;
  width: 68px;
}
.home3-slider-container .nivo-directionNav > a:hover {
  border-color: #e00231;
  color: #e00231;
}
.home3-slider-container .nivo-directionNav .nivo-prevNav {
  left: 50px;
}
.home3-slider-container .nivo-directionNav .nivo-nextNav {
  right: 50px;
}
.hero-login-register {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
  border-radius: 15px;
  position: absolute;
  right: 20%;
  top: 42%;
  width: 300px;
  z-index: 91;
}
.hlr-tab-menu {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  border-radius: 15px 15px 0 0;
}
.hlr-tab-menu .nav-item {
  flex: 1 1 50%;
}
.hlr-tab-menu .nav-item .nav-link {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  color: #333333;
  font-size: 14px;
  font-weight: 900;
  line-height: 18px;
  padding: 11px 0;
  text-align: center;
  text-transform: uppercase;
}
.hlr-tab-menu .nav-item:first-child .nav-link {
  border-radius: 15px 0 0;
}
.hlr-tab-menu .nav-item:last-child .nav-link {
  border-radius: 0 15px 0 0;
}
.hlr-tab-menu .nav-item .nav-link.active {
  background: #e00231 none repeat scroll 0 0;
  color: #fff;
}
.hlr-tab-content {}
.hlr-box {
  padding: 30px 0 50px;
}
.hlr-input-box {
  margin: 20px 0 0;
  padding: 0 30px;
}
.hlr-input-box input[type="text"], .hlr-input-box input[type="email"], .hlr-input-box input[type="password"] {
  background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-size: 14px;
  font-style: italic;
  height: 40px;
  letter-spacing: 0;
  padding: 0 20px;
  width: 100%;
}
.hlr-input-box input[type="text"] {}
.hlr-input-box input[type="email"] {}
.hlr-input-box input[type="password"] {}
.hlr-input-box input[type="submit"] {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #fff;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 18px;
  padding: 7px 15px;
  text-transform: capitalize;
}


/*H3 History*/
.h3-our-history-area {}
.h3-our-history-content {}
.h3-our-history-content .title {
  color: #333333;
}
.h3-our-history-content .title span {
  color: #e00231;
}
.h3-our-history-content .text {
  color: #333333;
}
.h3-our-history-content .list li {
  color: #e00231;
}
.h3-our-history-content .list li span {
  color: #e00231;
}


/*H3 Upcoming*/
.h3-upcoming-event-area {}
.h3-single-upcoming-event {}
.h3-single-upcoming-event:hover::before {
  background: #e00231 none repeat scroll 0 0;
}
.h3-single-upcoming-event .price p {
  background: #e00231 none repeat scroll 0 0;
}
.h3-single-upcoming-event .content {
  background: #fff none repeat scroll 0 0;
  border-color: transparent #e8e8e8 #e8e8e8;
  border-style: solid;
  border-width: 1px;
  padding: 24px;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 5;
}
.h3-single-upcoming-event:hover .content {
  margin: -58px 0 0;
}
.h3-single-upcoming-event .content .name {
  color: #333;
}
.h3-single-upcoming-event .content .date {
  color: #333;
  margin: 0 0 -30px;
  -webkit-transition: all 0.3s ease 0s;;
  -o-transition: all 0.3s ease 0s;;
  transition: all 0.3s ease 0s;;
}
.h3-single-upcoming-event:hover .content .date {
  margin: 0 0 28px;
}
.h3-single-upcoming-event .content .buy {
  border: 2px solid #333;
  color: #333;
  opacity: 0;
  visibility: hidden;
}
.h3-single-upcoming-event:hover .content .buy {
  opacity: 1;
  visibility: visible;
}
.h3-single-upcoming-event .content .buy:hover {
  background: #e00231 none repeat scroll 0 0;
  border-color: #e00231;
  color: #fff;
}


/*H3 Gallery*/
.h3-gallery-area {}
.h3-single-gallery {}
.h3-single-gallery::before {
  background: #e00231 none repeat scroll 0 0;
  opacity: 0;
}
.h3-single-gallery:hover::before {
  opacity: 0.5;
}
.h3-single-gallery a i {
  background: #e00231 none repeat scroll 0 0;
  border: 3px solid #be0c3e;
  color: #fff;
  line-height: 32px;
}


/*H3 Team*/
.h3-single-team {
  border-color: #e8e8e8;
}
.h3-single-team:hover {
  border-color: #e00231;
}
.h3-single-team .team-bg-img {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.h3-single-team .team-bg-img::before {
  background: #000 none repeat scroll 0 0;
  opacity: 0.5;
  transition: all 0.3s ease 0s;
}
.h3-single-team:hover .team-bg-img::before {
  background: #e00231 none repeat scroll 0 0;
  opacity: 0.7;
}
.h3-single-team .team-bg-img img {
  width: 100%;
}
.h3-single-team .st-upper {}
.h3-single-team .st-upper .type {
  background: #fff none repeat scroll 0 0;
  color: #333333;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.h3-single-team:hover .st-upper .type {
  color: #e00231;
}
.h3-single-team .st-upper .type::before {
  border-color: #fff transparent transparent;
}
.h3-single-team .st-upper .social li a:hover {
  color: #fff;
}
.h3-single-team .st-content .name, .h3-single-team .st-content .name a {
  color: #333;
}
.h3-single-team .st-content .name:hover, .h3-single-team .st-content .name a:hover {
  color: #333;
}
.h3-single-team .st-content .text {
  color: #333;
}


/*H3 Video*/
.h3-videos-area {
  padding: 0 0 49px;
}
.h3-video {
  margin: 0 0 30px;
  position: relative;
}
.h3-video::before {
  opacity: 0;
}
.h3-video:hover::before {
  opacity: 0.8;
}
.h3-video .img {}
.h3-video .img img {}
.h3-video .popup-youtube {
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 80px;
  height: 150px;
  left: 50%;
  line-height: 150px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  visibility: hidden;
  width: 150px;
  z-index: 3;
}
.h3-video:hover .popup-youtube {
  opacity: 1;
  visibility: visible;
}


/*H3 Testimonial*/
.h3-testimonial-area {
  background: rgba(0, 0, 0, 0) url("../img/home3/testimonial-bg.jpg") no-repeat fixed 0 0 / cover ;
  padding: 74px 0 70px;
}
.h3-testimonial-area::before {
  background: #0a1116 none repeat scroll 0 0;
}
.h3-testimonial-area .h3-section-title h2 {
  color: #fff;
}
.h3-testimonial-box .img::before {
  background-image: url("../img/home3/testimonial-author-border.png");
}
.h3-testimonial-box .img::after {
  background: #e00231 none repeat scroll 0 0;
}
.h3-testimonial-carousel .owl-dots {
  margin: 26px 0 0;
  text-align: center;
}
.h3-testimonial-carousel .owl-dots .owl-dot {
  background: #fff none repeat scroll 0 0;
  border-radius: 100px;
  display: inline-block;
  height: 7px;
  margin: 0 3px;
  transition: all 0.3s ease 0s;
  width: 7px;
}
.h3-testimonial-carousel .owl-dots .owl-dot.active {
  background: #e00231 none repeat scroll 0 0;
}


/*H3 Reservation*/
.h3-reservation-area {
  padding: 80px 0 0;
}
.h3-reservation-area .reservation-input-box input[type="text"], .h3-reservation-area .reservation-input-box input[type="email"] {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e8e8e8;
  color: #999999;
}
.h3-reservation-area .reservation-input-box textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e8e8e8;
  color: #999999;
}


/*H3 Blog*/
.h3-blog-area {}
.h3-single-blog {}
.h3-single-blog .content .title {
  color: #333333;
}
.h3-single-blog .content .title:hover {
  color: #e00231;
}
.h3-single-blog .content .text {
  color: #333333;
  font-weight: 500;
}
.h3-single-blog .content .more:hover {
  background: #e00231 none repeat scroll 0 0;
  border-color: #e00231;
}



/*H3 Footer*/
.h3-footer {
  background: #0a1116 none repeat scroll 0 0;
}
.h3-footer-top-area {
  padding: 50px 0 0;
}
.h3fw-info {
  text-align: center;
}
.h3-footer-logo {
  margin: 0 0 20px;
}
.h3-footer-logo img {}
.h3fi-text {
  color: #fff;
  margin: 0 0 22px;
}
.h3fi-contact {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  list-style: outside none none;
  padding: 0;
  text-align: center;
}
.h3fi-contact li {
  color: #fff;
  flex: 1 1 50%;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 34px;
  margin: 0 0 26px;
  padding-left: 54px;
  position: relative;
  text-align: left;
}
.h3fi-contact li span {
  background: #282828 none repeat scroll 0 0;
  border-radius: 100px;
  height: 35px;
  left: 0;
  line-height: 35px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 35px;
}
.h3-footer-top-area .footer-social li a:hover {
  background: #e00231 none repeat scroll 0 0;
}
.h3-footer-top-area .footer-social li a:hover span {
  background: #e00231 none repeat scroll 0 0;
}
.h3-footer-bottom-area {
  background: #060b0f none repeat scroll 0 0;
  padding: 19px 0;
}


/*----------------------------------------*/
/*  4. About
/*----------------------------------------*/
.breadcumb-area {
  background: rgba(0, 0, 0, 0) url("../img/about/breadcumb-bg.jpg") no-repeat scroll left top / cover ;
  padding: 111px 0;
}
.op-breadcumb {}
.op-breadcumb ul {
  list-style: outside none none;
  padding: 0;
}
.op-breadcumb ul li {
  display: inline-block;
}
.op-breadcumb ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 12px;
  padding-right: 5px;
  position: relative;
}
.op-breadcumb ul li a::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: -5px;
  top: 1px;
}
.op-breadcumb ul li:last-child a::after {
  display: none;
}
.op-breadcumb ul li a span {
  margin-right: 3px;
}
.op-breadcumb ul li:last-child a {
  color: #ff1744;
}
.op-back {
  text-align: right;
}
.op-back > a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  padding-right: 14px;
  position: relative;
}
.op-back > a::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: -5px;
  top: 1px;
}
.other-page-testimonial {
  background: #1d252d none repeat scroll 0 0;
}

/*----------------------------------------*/
/*  5. Gallery
/*----------------------------------------*/
.page-gallery-area {
  padding: 80px 0 50px;
}
.pagination-area {
  margin: 0 0 30px;
}
.pagination-number {}
.pagination-number .pagination {}
.pagination-number .pagination .page-item {}
.pagination-number .pagination .page-item .page-link {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #2b3641;
  border-radius: 5px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  margin-right: 7px;
  padding: 0 10px;
  text-align: center;
}
.pagination-number .pagination .page-item.active .page-link {
  border-color: #f2455a;
  color: #f2455a;
}
.pagination-np {
  overflow: hidden;
}
.pagination-np .pagination {
  float: right;
}
.pagination-np .pagination .page-item {}
.pagination-np .pagination .page-item .page-link {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #2b3641;
  border-radius: 5px;
  color: #fff;
  height: 30px;
  line-height: 30px;
  margin-right: 7px;
  padding: 0 10px;
  text-align: center;
}
.pagination-np .pagination .page-item .page-link:hover {
  border-color: #f2455a;
  color: #f2455a;
}
.page-single-gallery {
  margin: 0 0 30px;
}
.page-single-gallery::before {
  background: #f2455a none repeat scroll 0 0;
  opacity: 0;
}
.page-single-gallery:hover::before {
  background: #f2455a none repeat scroll 0 0;
  opacity: 0;
}
.page-single-gallery:hover::before {
  opacity: 0.7;
}
.page-single-gallery a i {
  color: #f2455a;
}

/*----------------------------------------*/
/*  6. Events
/*----------------------------------------*/
.event-banner-area {
  padding: 80px 0;
}
.event-banner {
  background: rgba(0, 0, 0, 0) url("../img/event/banner-bg.jpg") no-repeat scroll left top / cover ;
  padding: 54px 44px 58px;
}
.event-banner::before {
  z-index: -1;
}
.event-banner .title {
  color: #fff;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 40px;
  margin: 0 0 16px;
}
.event-banner .text {
  color: #fff;
  line-height: 24px;
  margin: 0 0 26px;
}
.event-banner .shop {
  border: 2px solid #fff;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  padding: 5px 21px;
}
.page-events-area {
  padding: 0 0 50px;
}
.grid-menu {
  background: #182027 none repeat scroll 0 0;
  border-radius: 5px;
  margin: 0 0 30px;
  padding: 20px 28px;
  position: relative;
}
.grid-menu>div {
    display: inline-block;
}
.grid-menu nav {}
.grid-menu nav .nav-tabs {
    border: 0 none;
    margin-right: 5px;
}
.grid-menu nav .nav-tabs .nav-link {
  background: #222c35 none repeat scroll 0 0;
  border: 1px solid #222c35;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  padding: 0;
  text-align: center;
  width: 30px;
}
.grid-menu nav .nav-tabs .nav-link.active {
  background: #f2455a none repeat scroll 0 0;
  border-color: #f2455a;
  color: #fff;
}
.grid-menu nav .nav-tabs .nav-link:last-chlid {
    margin-right: 0;
}
.grid-menu .sort-show {}
.grid-menu .sort-show select {
  background: #222c35 none repeat scroll 0 0;
  border: 1px solid #222c35;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  letter-spacing: 0;
  padding: 4px 14px;
}
.grid-menu .sort-show select option {}
.grid-menu .sort-show p {
  color: #fff;
  display: inline-block;
  line-height: 24px;
  margin: 0 8px;
}
.grid-menu .sort-show p a {}
.grid-menu .pages {}
.grid-menu .pages ul {
    list-style: outside none none;
    padding: 0;
}
.grid-menu .pages ul li {
    display: inline-block;
    margin-left: 3px;
}
.grid-menu .pages ul li a {
  background: #222c35 none repeat scroll 0 0;
  border: 1px solid #222c35;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.grid-menu .pages ul li:first-child a, .grid-menu .pages ul li:last-child a {
  background: #222c35 none repeat scroll 0 0;
  border-color: #222c35;
  color: #fff;
}
.grid-menu .pages ul li:first-child a {}
.grid-menu .pages ul li:last-child a {}
.grid-menu .pages ul li a:hover, .grid-menu .pages ul li a.active {
  background: #f2455a none repeat scroll 0 0;
  border-color: #f2455a;
  color: #fff;
}

/*details*/
.event-details-area {
    padding: 70px 0 50px;
}
.event-details {}
.event-details .img {
    margin: 0 0 25px;
}
.event-details .img img {}
.event-details .title {
    color: #ffffff;
    font-size: 25px;
    letter-spacing: 0;
    line-height: 29px;
    margin: 0 0 17px;
}
.event-details .text {
    color: #ffffff;
    line-height: 24px;
    margin: 0 0 24px;
}
.event-details-title {
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 29px;
    text-decoration: underline;
}
.comments {
    margin: 0 0 19px;
}
.all-comments {
    list-style: outside none none;
    padding-left: 40px;
}
.all-comments li {
    display: block;
}
.all-comments li article {
  background: #182027 none repeat scroll 0 0;
  border: 1px solid #182027;
  border-radius: 5px;
  display: block;
  margin: 0 0 28px;
  padding: 24px 20px 24px 64px;
  position: relative;
}
.all-comments li article .img {
    left: -40px;
    margin: 0;
    position: absolute;
    top: 32px;
    width: 80px;
}
.all-comments li article .img img {}
.all-comments li article .content {
    overflow: hidden;
}
.all-comments li article .content .name {
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 19px;
    margin: 0 0 8px;
}
.all-comments li article .content .text {
    color: #ffffff;
    line-height: 24px;
    margin: 0 0 10px;
}
.all-comments li article .content .meta {
    list-style: outside none none;
    padding: 0;
}
.all-comments li article .content .meta li {
    display: inline-block;
    margin-right: 16px;
}
.all-comments li article .content .meta li a {
    color: #999999;
    display: block;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
}
.all-comments li article .content .meta li a span {
    margin-right: 2px;
}
.all-comments li ul {
    padding-left: 100px;
}
.leave-reply {}
.leave-reply-input-box {
    margin: 0 0 16px;
}
.leave-reply-input-box label {
    color: #ffffff;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 11px;
}
.leave-reply-input-box input[type="text"], .leave-reply-input-box input[type="email"] {
  background: #182027 none repeat scroll 0 0;
  border: 1px solid #182027;
  border-radius: 5px;
  height: 35px;
  width: 100%;
}
.leave-reply-input-box input[type="text"] {}
.leave-reply-input-box input[type="email"] {}
.leave-reply-input-box textarea {
  background: #182027 none repeat scroll 0 0;
  border: 1px solid #182027;
  border-radius: 5px;
  height: 200px;
  width: 100%;
}
.leave-reply-input-box input[type="submit"] {
  background: #f2455a none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19px;
  padding: 7px 23px;
  text-transform: uppercase;
}


/*----------------------------------------*/
/*  7. Contact
/*----------------------------------------*/
.contact-title {
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  margin: 0 0 27px;
  padding: 0 0 10px;
  position: relative;
  text-transform: uppercase;
}
.contact-title::after {
  background: #ffffff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 108px;
}
.contact-area {
  padding: 75px 0 52px;
}
.ca-map-area {
  margin: 0 0 43px;
}
.ca-map-area .gmap {}
.ca-map-area .gmap #googleMap {
  border-radius: 10px;
  height: 500px;
  width: 100%;
}
.cf-msg {
  padding: 10px;
  text-align: center;
  margin-bottom: 30px;
}
.cf-msg p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  color: #fff;
  text-transform: capitalize;
}
.contact-us {}
.contact-us form {}
.contact-us form .cf-input-box {
  margin: 0 0 16px;
}
.contact-us form .cf-input-box label {
  color: #ffffff;
  display: block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  margin: 0 0 10px;
}
.contact-us form .cf-input-box input[type="text"], .contact-us form .cf-input-box input[type="email"] {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #182027;
  border-radius: 5px;
  height: 35px;
  width: 100%;
}
.contact-us form .cf-input-box input[type="text"] {}
.contact-us form .cf-input-box input[type="email"] {}
.contact-us form .cf-input-box textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #182027;
  border-radius: 5px;
  height: 200px;
  width: 100%;
}
.contact-us form .cf-input-box button {
  background: #f2455a none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20px;
  padding: 7px 22px;
  text-transform: uppercase;
}
.contact-info {}
.contact-info .text {
  color: #ffffff;
  line-height: 24px;
  margin: 0 0 24px;
}
.contact-info .info {
  list-style: outside none none;
  padding: 0;
}
.contact-info .info li {
  color: #ffffff;
  display: block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 0 14px;
}
.contact-info .info li:last-child {
  margin-bottom: 0;
}
.contact-info .info li span {
  border: 1px solid #ebebeb;
  border-radius: 100px;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  margin-right: 16px;
  text-align: center;
  width: 35px;
}



/*----------------------------------------*/
/*  8. Page Blog
/*----------------------------------------*/
.page-blog-area {
  padding: 80px 0 50px;
}


/*sidebar*/
.grid-sidebar {}
.gs-widget {
    border: 1px solid #2b3641;
    border-radius: 5px;
    margin: 0 0 50px;
    padding: 0 0 20px;
}
.gs-widget .title {
    background: #353d44 none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 11px 20px 11px 50px;
    position: relative;
}
.gs-widget .title::before {
    content: "";
    font-family: FontAwesome;
    left: 18px;
    position: absolute;
    top: 11px;
}
.gs-widget .title-2 {
    color: #ffffff;
    letter-spacing: 0;
    line-height: 18px;
    margin: 26px 0 21px;
    padding: 0 18px;
}
.gs-widget .title-3 {
    border-bottom: 1px solid #e8e8e8;
    color: #ffffff;
    letter-spacing: 0;
    margin: 0 18px 20px;
    padding: 34px 0 12px;
}
.all-cat-gsw {
    padding-bottom: 0;
}
.all-cat-gsw .cat {
    list-style: outside none none;
    padding: 0;
}
.all-cat-gsw .cat li {
    display: block;
}
.all-cat-gsw .cat li a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 50px;
    padding: 0 20px;
}
.all-cat-gsw .cat li a:hover, .all-cat-gsw .cat li a.active {
  color: #f2455a;
}
.all-cat-gsw .cat .more-cat {
    list-style: outside none none;
    padding: 0;
}
.all-cat-gsw .cat li .more {
  background: #353d44 none repeat scroll 0 0;
  border-radius: 0 0 5px 5px;
  position: relative;
}
.all-cat-gsw .cat li .more::before {
    color: #f2455a;
    content: "";
    font-family: FontAwesome;
    font-size: 10px;
    margin-right: 4px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.all-cat-gsw .cat li .more.collapsed {
    color: #ffffff;
}
.all-cat-gsw .cat li .more.collapsed::before {}
.blog-sidebar {}
.recent-blog-bsw {}
.recent-blog-bsw .recent-blog {
    list-style: outside none none;
    padding: 20px 18px 0;
}
.recent-blog-bsw .recent-blog li {
    display: block;
    margin: 0 0 20px;
}
.recent-blog-bsw .recent-blog li:last-child {
    margin-bottom: 0;
}
.recent-blog-bsw .recent-blog li a {
    display: block;
    overflow: hidden;
}
.recent-blog-bsw .recent-blog li a .img {
    display: inline-block;
    float: left;
    width: 60px;
}
.recent-blog-bsw .recent-blog li a .img img {}
.recent-blog-bsw .recent-blog li a .content {
    display: inline-block;
    overflow: hidden;
    padding-left: 16px;
}
.recent-blog-bsw .recent-blog li a .content .name {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 18px;
    margin: 0 0 5px;
}
.recent-blog-bsw .recent-blog li a .content .name:hover {
    color: #f6b364;
}
.recent-blog-bsw .recent-blog li a .content .date {
    color: #999999;
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 17px;
    margin: 0 0 5px;
}
.recent-blog-bsw .recent-blog li a .content .comment {
    color: #999999;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
}
.recent-blog-bsw .recent-blog li a .content .comment span {
    margin-right: 2px;
}



/*----------------------------------------*/
/*  9. Team Details
/*----------------------------------------*/
.team-details-area {
  padding: 80px 0 50px;
}
.teamd-img {
  margin: 0 0 30px;
}
.teamd-img img {}
.teamd-content {
  padding: 55px 0 0;
}
.teamd-content .name {
  color: #fff;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 26px;
  margin: 0 0 6px;
}
.teamd-content .desg {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 12px;
}
.teamd-content .cont-info {
  list-style: outside none none;
  margin: 0 0 11px;
  padding: 0;
}
.teamd-content .cont-info li, .teamd-content .cont-info li a {
  color: #fff;
  display: block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 28px;
}
.teamd-content .cont-info li {}
.teamd-content .cont-info li a {}
.teamd-content .info {
  color: #fff;
  margin: 0 0 38px;
}
.teamd-content .cont-social {
  overflow: hidden;
}
.teamd-content .cont-social .now {
  border: 2px solid #fff;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 18px;
  padding: 6px 16px;
  text-transform: capitalize;
}
.teamd-content .cont-social .social {
  display: inline-block;
  float: right;
  list-style: outside none none;
  padding: 0;
}
.teamd-content .cont-social .social li {
  display: inline-block;
}
.teamd-content .cont-social .social li a {
  background: #333333 none repeat scroll 0 0;
  border-radius: 100px;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  margin: 0 2px;
  text-align: center;
  width: 35px;
}


/*----------------------------------------*/
/*  10. Gallery Video Audio
/*----------------------------------------*/
.gallery-video-audio-area {
  padding: 80px 0 50px;
}
.gallery-video-audio-area .single-blog {}
.gallery-video-audio-area .single-blog .video-audio {}
.gallery-video-audio-area .single-blog .video-audio iframe {
  border: 0 none;
  height: 197px;
  width: 100%;
}


/*----------------------------------------*/
/*  11. 404
/*----------------------------------------*/
.error-area {
  background: rgba(0, 0, 0, 0) url("../img/error/bg.jpg") no-repeat fixed left top / cover ;
  padding: 29px 0 80px;
}
.error-area::before {
  opacity: 0.9;
}
.errors {
  text-align: center;
}
.errors h1 {
  color: #f6b364;
  font-size: 250px;
  letter-spacing: 34px;
  line-height: 282px;
  margin: 0 0 83px;
}
.errors h2 {
  color: #f6b364;
  font-size: 60px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 66px;
  margin: 0 0 70px;
  text-transform: capitalize;
}
.errors .back-home {
  border-top: 8px double #eeeeee;
  padding: 40px 0 0;
}
.errors .back-home a {
  background: #f6b364 none repeat scroll 0 0;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  padding: 11px 35px;
}



/*scrollup*/
.home-3 #scrollUp {
  border-color: #e00231;
  color: #e00231;
}
.home-3 #scrollUp:hover {
  background: #e00231 none repeat scroll 0 0;
  color: #fff;
}