@charset "UTF-8";
/* ===================================================
   IN-one Layout Stylesheet

   TOC:
    01. General & Global Styles
    02. Section´s Styles
    03. Header Styles
    04. Preloader Styles
    05. Footer Styles

====================================================== */
/* ---- Font's ---- */
/* ---- Color's ---- */
/* ====================================================
  01. General & Global Styles
=======================================================*/
* {
  margin: 0;
  padding: 0; }

button,
html,
input,
select,
textarea {
  color: #677180; }

body,
html {
  font-family: "Montserrat", sans-serif;
  color: #677180;
  font-size: 14px;
  line-height: 2; }

.montserrat {
  font-family: "Montserrat", sans-serif;
  font-weight: 300; }

/* Images */
img {
  max-width: 100%;
  border-radius: 0; }

/* links */
a,
a:active,
a:focus,
a:hover,
a:visited {
  color: #E22D3B;
  text-decoration: none; }

a {
  -webkit-transition: color 0.3s ease, opacity 0.3s ease;
  -o-transition: color 0.3s ease, opacity 0.3s ease;
  -moz-transition: color 0.3s ease, opacity 0.3s ease;
  transition: color 0.3s ease, opacity 0.3s ease; }

a.readmore {
  border-bottom: 1px solid #1C2025;
  padding: 15px 10px 0;
  text-transform: capitalize;
  display: inline-block;
  font-weight: 300;
  color: #1C2025;
  margin-top: 10px; }

a.readmore:hover {
  color: #E22D3B;
  border-bottom: 1px solid #E22D3B; }

/* Headings */
h1,
h2,
h3 {
  line-height: 1.7;
  margin: 0; }

h4,
h5,
h6 {
  line-height: 1.5;
  margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gentium Book Basic", serif;
  font-weight: 500;
  color: #1C2025;
  text-transform: capitalize;
  margin-bottom: 16px; }

.blockquote {
  padding: 0.5rem 1.5rem;
  margin-top: 30px;
  margin-bottom: 30px;
  border-left: 0.5rem solid rgba(226, 45, 59, 0.33); }

.blockquote p {
  font-size: 1rem;
  font-weight: 500; }

p {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 2;
  font-weight: 300;
  margin: 0 0 30px; }

.text-primary {
  color: #1C2025 !important;
  font-size: 18px; }

/* divider */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 14px 0;
  padding: 0; }

hr.left {
  margin-left: 0; }

audio,
canvas,
img,
video {
  vertical-align: middle; }

dt {
  font-weight: 400 !important; }

dd {
  font-weight: 300 !important; }

/* size icon */
.size-12 {
  font-size: 0.8571rem; }

.size-14 {
  font-size: 1rem; }

.size-16 {
  font-size: 1.143rem; }

.size-18 {
  font-size: 1.286rem; }

.size-20 {
  font-size: 1.429rem; }

.size-22 {
  font-size: 1.571rem; }

.size-24 {
  font-size: 1.714rem; }

.size-28 {
  font-size: 2rem; }

.size-32 {
  font-size: 2.286rem; }

.size-36 {
  font-size: 2.571rem; }

.size-40 {
  font-size: 2.857rem; }

.size-44 {
  font-size: 3.143rem; }

.size-48 {
  font-size: 3.429rem; }

.size-50 {
  font-size: 3.571rem; }

.size-52 {
  font-size: 3.714rem; }

.size-54 {
  font-size: 3.857rem; }

.size-56 {
  font-size: 4rem; }

.size-58 {
  font-size: 4.143rem; }

.size-60 {
  font-size: 4.286rem; }

/* Helper class */
.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.capitalize {
  text-transform: capitalize !important; }

.uppercase {
  text-transform: uppercase !important; }

.text-white {
  color: #ffffff !important; }

.text-white * {
  color: #ffffff !important; }

.text-dark {
  color: #1C2025 !important; }

/* shadow */
.shadow {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

/* ====================================================
   02. section´s Styles
=======================================================*/
#about.section-space,
#room.section-space {
  padding-top: 100px;
  padding-bottom: 70px; }

.section-space {
  padding-top: 93px;
  padding-bottom: 70px; }

.section-space-top {
  padding-top: 93px; }

.section-main,
section {
  position: relative;
  z-index: 2;
  overflow: hidden; }

.section-main#home {
  z-index: 1; }

.section-title {
  font-family: "Gentium Book Basic", serif;
  font-size: 46px;
  text-transform: capitalize;
  letter-spacing: normal;
  margin-bottom: 30px; }

.section-subtitle {
  font-family: "Gentium Book Basic", serif;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0; }

.section-heading {
  margin-bottom: 80px; }

.section-heading .section-title {
  margin-bottom: 0; }

.section-heading .section-subtitle {
  margin-bottom: 0; }

.section-heading .section-paragraph {
  margin-top: 32px;
  margin-bottom: 0; }

#welcome img {
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26); }

.our-about,
.our-welcome {
  margin-left: 40px;
  margin-bottom: 0; }

.our-about.text-center,
.our-welcome.text-center {
  margin-left: 0; }

/* ====================================================
   03. Background Styles
=======================================================*/
.bg-white {
  background-color: #ffffff; }

.bg-primary {
  background-color: #E22D3B; }

.bg-secondary {
  background-color: #1C2025; }

.bg-third {
  background-color: #677180; }

.bg-four {
  background-color: #9AA2AC; }

.bg-five {
  background-color: #E9E7E1; }

.bg-six {
  background-color: #fafafa;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06); }

/* ====================================================
   04. Overlayer Styles
=======================================================*/
.overlay {
  position: relative;
  z-index: 2; }

.overlay-primary {
  background-color: rgba(226, 45, 59, 0.66); }

.overlay-secondary {
  background-color: rgba(28, 32, 37, 0.66); }

.overlay-light {
  background-color: rgba(255, 255, 255, 0.86); }

.overlay-light * {
  color: #1C2025 !important; }

.overlay-light .phrase * {
  color: #1C2025 !important; }
  

/* ====================================================
   05. Background Image Styles
=======================================================*/
.section-main.bg-activies,
.section-main.bg-bar,
.section-main.bg-restaurant,
.section-main.bg-spa,
.bg-img-1,
.bg-img-10,
.bg-img-11,
.bg-img-12,
.bg-img-13,
.bg-img-14,
.bg-img-15,
.bg-img-16,
.bg-img-17,
.bg-img-18,
.bg-img-19,
.bg-img-2,
.bg-img-20,
.bg-img-3,
.bg-img-4,
.bg-img-5,
.bg-img-6,
.bg-img-7,
.bg-img-8,
.bg-img-9 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.section-main.bg-activies,
.section-main.bg-bar,
.section-main.bg-restaurant,
.section-main.bg-spa,
.bg-img-1,
.bg-img-10,
.bg-img-11,
.bg-img-12,
.bg-img-13,
.bg-img-14,
.bg-img-15,
.bg-img-16,
.bg-img-17,
.bg-img-18,
.bg-img-19,
.bg-img-2,
.bg-img-20,
.bg-img-4,
.bg-img-5,
.bg-img-6,
.bg-img-7,
.bg-img-8,
.bg-img-9 {
  background-attachment: fixed;
}

.bg-activies,
.bg-bar,
.bg-restaurant,
.bg-spa {
  background-size: cover;
  background-position: center 0;
  background-repeat: no-repeat; }

/* why choose us slider */
.bg-img-1 {
  background-image: url("../img/bg/bg-img-1.jpg"); }

.bg-img-2 {
  background-image: url("../img/bg/bg-img-2.jpg"); }

.bg-img-3 {
  background-image: url("../img/bg/bg-img-3.jpg"); }

.bg-img-4 {
  background-image: url("../img/bg/bg-img-4.jpg"); }

.bg-img-5 {
  background-image: url("../img/bg/bg-img-5.jpg"); }

.bg-img-6 {
  background-image: url("../img/bg/bg-img-6.jpg"); }

.bg-img-7 {
  background-image: url("../img/bg/bg-img-7.jpg"); }

.bg-img-8 {
  background-image: url("../img/bg/bg-img-8.jpg"); }

.bg-img-9 {
  background-image: url("../img/bg/bg-img-9.jpg"); }


.bg-img-10 {
  background-image: url("../img/bg/bg-img-10.jpg"); }

.bg-img-11 {
  background-image: url("../img/bg/bg-img-11.jpg"); }

.bg-img-12 {
  background-image: url("../img/bg/bg-img-12.jpg"); }

.bg-img-13 {
  background-image: url("../img/bg/bg-img-13.jpg"); }

.bg-img-14 {
  background-image: url("../img/bg/bg-img-14.jpg"); }

.bg-img-15 {
  background-image: url("../img/bg/bg-img-15.jpg"); }

.bg-img-16 {
  background-image: url("../img/bg/bg-img-16.jpg"); }

.bg-img-17 {
  background-image: url("../img/bg/bg-img-17.jpg"); }

.bg-img-18 {
  background-image: url("../img/bg/bg-img-18.jpg"); }

.bg-img-19 {
  background-image: url("../img/bg/bg-img-19.jpg"); }

.bg-img-20 {
  background-image: url("../img/bg/bg-img-20.jpg"); }

.bg-activies {
  background-image: url("../img/bg/Ammayar-Temple.jpg"); }

.bg-spa {
  background-image: url("../img/bg/Karaikal-Beach.jpg"); }

.bg-restaurant {
  background-image: url("../img/bg/Danish-fort.jpg"); }

.bg-pill {
  background-image: url("../img/bg/Dharbaranyeshwarar-temple.jpg"); }
  .bg-bar {
  background-image: url("../img/bg/st-mary-church.jpg"); }
  .bg-bar2 {
  background-image: url("../img/bg/karaikal-beach-viewpoint.jpg"); }
  
/* ====================================================
   06. Preloader Styles
=======================================================*/
.preloader-area {
  background: #e9e7e1;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999; }

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  background-color: #E22D3B;
  border-radius: 12.5%;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 60px;
  width: 60px;
  margin-left: -30px;
  margin-top: -30px;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out; }

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
/* ====================================================
   07. Footer Styles
=======================================================*/
.footer-bottom * {
  font-family: "Montserrat", sans-serif; }

.footer-bottom {
  background-color: #1C2025; }

.footer-bottom h2 {
  font-weight: 200;
  margin-bottom: 10px; }

.footer-bottom p {
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: 1rem; }

.footer-bottom a {
  color: #ffffff;
  margin: 0 0.5rem; }

.footer-bottom a:hover {
  color: #E22D3B;
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease; }

/* back to top */
.back-to-top-button {
  background-color: rgba(226, 45, 59, 0.66);
  border: none;
  border-radius: 12.5%;
  color: #fff;
  position: fixed;
  height: 56px;
  width: 56px;
  min-width: 56px;
  padding: 0;
  display: inline-block;
  font-size: 30px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  overflow: hidden;
  -webkit-transition: box-shadow 0.6s cubic-bezier(0.4, 0, 1, 1), background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1), color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.6s cubic-bezier(0.4, 0, 1, 1), background-color 0.6s cubic-bezier(0.4, 0, 0.2, 1), color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: normal;
  line-height: 36px;
  vertical-align: middle;
  margin: auto;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  right: 45px;
  bottom: 45px;
  z-index: 5; }

.back-to-top-button:hover {
  background-color: #E22D3B; }

/* ====================================================
   Margin Styles
=======================================================*/
/* margin */
.m-0 {
  margin: 0; }

/* margin 40px */
.m-40 {
  margin: 2.857rem !important; }

.mt-40 {
  margin-top: 2.857rem !important; }

.mr-40 {
  margin-right: 2.857rem !important; }

.ml-40 {
  margin-left: 2.857rem !important; }

.mb-40 {
  margin-bottom: 2.857rem !important; }

.my-40 {
  margin-top: 2.857rem !important;
  margin-bottom: 2.857rem !important; }

.mx-40 {
  margin-left: 2.857rem !important;
  margin-right: 2.857rem !important; }

/* margin 80px */
/* margin 60px */
.m-60 {
  margin: 4.286rem !important; }

.mt-60 {
  margin-top: 4.286rem !important; }

.mb-60 {
  margin-bottom: 4.286rem !important; }

.mr-60 {
  margin-right: 4.286rem !important; }

.ml-60 {
  margin-left: 4.286rem !important; }

.my-60 {
  margin-top: 4.286rem !important;
  margin-bottom: 4.286rem !important; }

.mx-60 {
  margin-left: 4.286rem !important;
  margin-right: 4.286rem !important; }

/* margin 80px */
.m-80 {
  margin: 5.714rem !important; }

.mt-80 {
  margin-top: 5.714rem !important; }

.mb-80 {
  margin-bottom: 5.714rem !important; }

.mr-80 {
  margin-right: 5.714rem !important; }

.ml-80 {
  margin-left: 5.714rem !important; }

.my-80 {
  margin-top: 5.714rem !important;
  margin-bottom: 5.714rem !important; }

.mx-80 {
  margin-left: 5.714rem !important;
  margin-right: 5.714rem !important; }

/* margin 100px */
.m-100 {
  margin: 7.143rem; }

.mt-100 {
  margin-top: 7.143rem; }

.mb-100 {
  margin-bottom: 7.143rem; }

.mr-100 {
  margin-right: 7.143rem; }

.ml-100 {
  margin-left: 7.143rem; }

.my-100 {
  margin-top: 7.143rem;
  margin-bottom: 7.143rem; }

.mx-100 {
  margin-left: 7.143rem;
  margin-right: 7.143rem; }

/* padding section */
.p-tb-section {
  padding-top: 7.143rem;
  padding-bottom: 7.143rem; }

/* padding */
.p-0 {
  padding: 0; }

/* 40px */
.pr-40 {
  padding-right: 2.857rem; }

.pl-40 {
  padding-left: 2.857rem; }

.p-40 {
  padding: 2.857rem; }

.pt-40 {
  padding-top: 2.857rem; }

.pt-40 {
  padding-bottom: 2.857rem; }

.py-40 {
  padding-top: 2.857rem;
  padding-bottom: 2.857rem; }

.px-40 {
  padding-left: 2.857rem;
  padding-right: 2.857rem; }

/* 60px */
.pr-60 {
  padding-right: 4.286rem; }

.pl-60 {
  padding-left: 4.286rem; }

.p-60 {
  padding: 4.286rem; }

.pt-60 {
  padding-top: 4.286rem; }

.pt-60 {
  padding-bottom: 4.286rem; }

.py-60 {
  padding-top: 4.286rem;
  padding-bottom: 4.286rem; }

.px-60 {
  padding-left: 4.286rem;
  padding-right: 4.286rem; }

/* 80px */
.p-80 {
  padding: 5.714rem; }

.pr-80 {
  padding-right: 5.714rem; }

.pl-80 {
  padding-left: 5.714rem; }

.pt-80 {
  padding-top: 5.714rem; }

.pb-80 {
  padding-bottom: 5.714rem; }

.py-80 {
  padding-top: 5.714rem;
  padding-bottom: 5.714rem; }

.px-80 {
  padding-left: 5.714rem;
  padding-right: 5.714rem; }

/*  100px */
.p-100 {
  padding: 7.143rem; }

.pr-100 {
  padding-right: 7.143rem; }

.pl-100 {
  padding-left: 7.143rem; }

.pt-100 {
  padding-top: 7.143rem; }

.pb-100 {
  padding-bottom: 7.143rem; }

.py-100 {
  padding-top: 7.143rem;
  padding-bottom: 7.143rem; }

.px-100 {
  padding-left: 7.143rem;
  padding-right: 7.143rem; }

/* ====================================================
   Form style
=======================================================*/
.md-form label {
  font-family: "Montserrat", sans-serif;
  font-weight: 400; }

.form-group {
  margin-bottom: 1.7rem; }

.form-control {
  font-family: "Montserrat", sans-serif !important;
  display: block;
  width: 100%;
  padding: 1rem 1.5rem;
  line-height: 1.25;
  color: #242424;
  background-color: transparent !important;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  letter-spacing: 1px; }

input[type=date],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=password],
input[type=search-md],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
textarea {
  padding: 1rem 1.5rem;
  color: #242424;
  border: 1px solid #1C2025 !important; }

input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
textarea:focus:not([readonly]) {
  border: 1px solid #1C2025;
  box-shadow: none;
  border-radius: 0;
  color: #1C2025;
  transition: All 0.6s ease;
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease; }

.text-muted {
  color: #E22D3B !important; }

.input-group .form-control {
  border-right: none !important; }

.input-group-addon {
  padding: 1rem 1.5rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  color: #E22D3B !important;
  text-align: center;
  background-color: transparent !important;
  border: 1px solid #1C2025;
  border-left: none !important;
  border-radius: 0 !important;
  border-radius: 0.25rem; }

.bg-third .form-control,
.bg-third .input-group-addon {
  border-color: #ffffff !important;
  color: #ffffff !important; }

/* ====================================================
   00. Buttom Styles
=======================================================*/
.btn {
  text-transform: uppercase;
  border: 2px solid transparent;
  padding: 1rem 1.5rem;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 300;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-top: 20px;
  margin-bottom: 30px; }

article .btn:first-child {
  margin-right: 15px !important; }

.btn i {
  padding-right: 10px; }

.btn:hover {
  cursor: pointer; }

.btn-primary,
a.btn-primary {
  background: #E22D3B;
  border: 2px solid #E22D3B;
  color: #ffffff !important; }

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  color: #fff !important;
  background-color: #E22D3B !important;
  border-color: #E22D3B !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-primary-outline {
  background: transparent !important;
  border: 1px solid #E22D3B;
  color: #E22D3B !important; }

.btn-primary-outline:hover {
  background: transparent !important;
  border: 1px solid #E22D3B !important;
  color: #E22D3B !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-secondary,
a.btn-secondary {
  color: #ffffff !important;
  background: #1C2025;
  border: 1px solid #1C2025; }

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
  color: #ffffff !important;
  background-color: #1C2025 !important;
  border-color: #1C2025 !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-secondary-outline {
  background: transparent !important;
  border: 1px solid #1C2025 !important;
  color: #1C2025 !important; }

.btn-secondary-outline:hover {
  background: transparent !important;
  border: 1px solid #1C2025 !important;
  color: #1C2025 !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-third,
a.btn-third {
  color: #1C2025;
  background: #E9E7E1;
  border: 1px solid #E9E7E1; }

.btn-third:active,
.btn-third:focus,
.btn-third:hover {
  color: #1C2025 !important;
  background-color: #E9E7E1 !important;
  border-color: #E9E7E1 !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-third-outline {
  background: transparent !important;
  border: 1px solid #e9e7e1 !important;
  color: #e9e7e1 !important; }

.btn-third-outline:hover {
  background: transparent !important;
  border: 1px solid #E9E7E1 !important;
  color: #E9E7E1 !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-four,
a.btn-four {
  color: #1C2025;
  background: #ffffff;
  border: 1px solid #ffffff; }

.btn-four:active,
.btn-four:focus,
.btn-four:hover {
  color: #1C2025 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-four-outline {
  background: transparent !important;
  border: 1px solid #ffffff !important;
  color: #e9e7e1 !important; }

.btn-four-outline:hover {
  background: transparent !important;
  border: 1px solid #ffffff !important;
  color: #e9e7e1 !important;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn-four-outline:hover,
.btn-four:hover,
.btn-primary-outline:hover,
.btn-primary:hover,
.btn-secondary-outline:hover,
.btn-secondary:hover,
.btn-third-outline:hover,
.btn-third:hover {
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  transition: All 0.3s ease; }

.flex-direction-nav a {
  background: #ffffff;
  padding-top: 2px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
  padding-right: 10px; }

.flex-direction-nav .flex-prev {
  left: -50px;
  padding-left: 10px; }

/* ====================================================
   00. List Styles
=======================================================*/
ul.list,
ul.list li {
  padding: 0;
  margin: 30px 0;
  list-style: none;
  font-family: "Montserrat", sans-serif !important;
  font-size: 1rem; }

ul.list ul {
  margin: 2em 0; }

ul.list li {
  margin: 6px 14px 4px 48px;
  font-weight: 300; }

ul.list li:before {
  content: '\f122';
  font-family: 'ionicons';
  float: left;
  margin-left: -2rem;
  color: #E22D3B; }

ul.list-inline {
  color: #242424;
  margin-left: 0;
  margin-bottom: 0;
  font-weight: 300;
  font-style: italic;
  display: inline-block; }

ul.list-inline li {
  position: relative;
  float: left;
  margin-right: 1rem; }

ul.list-inline li::before {
  font-family: "Ionicons";
  color: #E22D3B;
  content: '\f462';
  margin-right: 1rem; }

/* ====================================================
   Sidebar Styles
=======================================================*/
.sidebar-area {
  padding: 30px;
  border: 1px solid #e8e8e8;
  background-color: #ffffff; }

.widget {
  margin: 0 0 60px; }

.widget:last-child {
  margin-bottom: 0; }

.widget .title {
  margin-bottom: 40px;
  text-align: center;
  background-color: #242424;
  color: #ffffff;
  padding-top: 6px;
  padding-bottom: 8px; }

.widget ul li:first-child {
  padding-top: 0; }

.widget ul li:last-child {
  border-bottom: none; }

.widget ul li {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #e8e8e8;
  list-style: none; }

.widget ul li img {
  position: absolute;
  top: 14px;
  left: 0;
  max-width: 80px; }

.widget ul li:first-child img {
  top: 0; }

.widget ul li a {
  color: #616161; }

.widget ul li a:hover {
  color: #E22D3B;
  text-decoration: none; }

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table; }

.widget .tagcloud {
  text-align: center; }

.widget .tagcloud .btn {
  margin: 6px;
  text-transform: capitalize;
  font-size: 1rem; }

.widget .recent-posts li a {
  display: block;
  color: #7c7c7c;
  text-transform: capitalize;
  font-size: 12px;
  line-height: 16px;
  margin-top: 6px; }

.widget .recent-posts li.recent-item {
  min-height: 96px;
  padding-left: 100px; }

.widget .recent-posts li.recent-item:first-child {
  min-height: 80px; }

/* Anim shadow */
.anim-shadow {
  -webkit-transition: box-shadow 0.6s;
  -moz-transition: box-shadow 0.6s;
  -o-transition: box-shadow 0.6s;
  transition: box-shadow 0.6s;
  -webkit-box-shadow: none;
  box-shadow: none; }

.anim-shadow:hover {
  z-index: 2;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.shadow {
  -webkit-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important; }

.shadow-2dp {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26); }

.shadow:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
  -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important; }

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