@charset "UTF-8";

/* CSS Document */

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

Blair Atholl Tourism Association | Ali Penman | Web Smart Media

------------------------------------------------------------------
[CSS Table of contents]

1.  Body / Typography 
2.  Form Elements
3.  Buttons
4.  General / Elements
        4.1 Section space
        4.2 Margin space
        4.3 Padding space
        4.4 Background color
        4.5 Features
        4.7 Call to actions
        4.8 Img hover effect
        4.9 Icon
        -----------------------
5. Header / Navigations
        5.1 Header Regular
        5.2 Header Transparent
        5.3 Navigation Regular
        5.4 Page Header

        -----------------------
6. Slider
        6.1 Slider
        -----------------------
7. Content
8. Footers
9. Pages
    9.1  Service
    9.2  Service Single / sidebar with sidenav
    9.3  Testimonial
    9.4  Contact us
    9.5  Styleguide
    9.6  404 error
    ------------------------------------
10.Blog
    10.1 Blog Default
    10.2 Blog Single
    ------------------------------------
11.Sidebar
    11.1 Widget
    ------------------------------------

13. Media Queries

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


/*Preloader*/
#loading {
  background-color: #FFF;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999999;
  margin-top: 0px;
  top: 0px;
  left: 0;
}
#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 99;
}
#loading-center-absolute, .box svg.box__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -75px;
  margin-left: -75px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 9999;
  text-align: center;
}
/* Loading Logo */
#loading-center-absolute.logo-animated {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  margin: auto;
  resize: both;
}
.loader-logo {
  color: #fff;
  font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
  font-size: 1.3vw;
  margin: auto;
  letter-spacing: 0;
  font-weight: bold;
}
#ajax-loader .loader-logo {
  font-size: 1.8vw;
  letter-spacing: -4px;
}
.letter {
  position: relative;
  top: -webkit-calc(50% - 60px);
  top: calc(50% - 60px);
  /* text-shadow: 0px 0px 3px white; */
}
.letter:nth-child(1) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
.letter:nth-child(2) {
  -webkit-animation: fade 4s infinite 400ms;
  animation: fade 4s infinite 400ms;
}
.letter:nth-child(3) {
  -webkit-animation: fade 4s infinite 600ms;
  animation: fade 4s infinite 600ms;
}
.letter:nth-child(4) {
  -webkit-animation: fade 4s infinite 800ms;
  animation: fade 4s infinite 800ms;
}
.letter:nth-child(5) {
  -webkit-animation: fade 4s infinite 1000ms;
  animation: fade 4s infinite 1000ms;
}
.letter:nth-child(6) {
  -webkit-animation: fade 4s infinite 1000ms;
  animation: fade 4s infinite 1000ms;
}
.letter:nth-child(7) {
  -webkit-animation: fade 4s infinite 800ms;
  animation: fade 4s infinite 800ms;
}
.letter:nth-child(8) {
  -webkit-animation: fade 4s infinite 600ms;
  animation: fade 4s infinite 600ms;
}
.letter:nth-child(9) {
  -webkit-animation: fade 4s infinite 400ms;
  animation: fade 4s infinite 400ms;
}
.letter:nth-child(10) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
.letter:nth-child(11) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
.letter:nth-child(12) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
.letter:nth-child(13) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
.letter:nth-child(14) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
.letter:nth-child(15) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
.letter:nth-child(16) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
.letter:nth-child(17) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
.letter:nth-child(18) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
.letter:nth-child(19) {
  -webkit-animation: fade 4s infinite 200ms;
  animation: fade 4s infinite 200ms;
}
@-webkit-keyframes fade {
  50% {
    opacity: 0.02;
  }
}
@keyframes fade {
  50% {
    opacity: 0.02;
  }
}
.loader-logo {
  color: #111111;
  font-family: 'Libre Baskerville', serif;
  font-size: 1.3vw;
  margin: auto;
  letter-spacing: 0;
  font-weight: normal;
  text-align: right;
}
#loading-center-absolute.logo-animated img {
  max-width: 100%;
}


/*-----------------------------------
    1. Body / Typography 
-----------------------------------*/

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: 'Noto Sans', sans-serif; font-size: 16px; letter-spacing: 0px; color: #676462; font-weight: 300; line-height: 34px; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #272625; font-family: 'Libre Baskerville', serif;margin: 0px 0px 15px 0px; letter-spacing: 0px; }
h1 { font-size: 30px; line-height: 42px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 22px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
p { margin: 0 0 24px; line-height: 1.8; }
p:last-child { margin: 0px; }
ul, ol { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #272625; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:focus, a:hover { text-decoration: none; color: #eb3625; }
.lead { font-size: 21px; font-weight: 500; line-height: 1.6; font-family: 'Poppins', sans-serif; color: #272625; margin-bottom: 30px; }
.blockquote { padding: 40px; border-radius: 5px; border: 0px; font-size: 21px; color: #676462; background-color: #f1f4f3; }
.blockquote-content p { font-style: italic; font-family: 'Poppins', sans-serif; color: #676462; margin-bottom: 30px; line-height: 1.8; font-weight: 400; }
.blocquote-author { font-weight: 500; font-size: 14px; text-transform: uppercase; font-style: normal; color: #302e2e; letter-spacing: 1px; }
strong { color: #333333; font-weight: 600; margin-right: 8px; }
hr { border-bottom: 1px solid #dfdfdf; margin-bottom: 40px; margin-top: 40px; }
.w-100 { width: 100%; }

/*----------------------- 
    2 Form Elements:
-------------------------*/
label { }
.control-label { font-size: 13px; text-transform: capitalize; color: #272625; margin-bottom: 10px; }
.form-control:focus { }
.textarea.form-control { }
.required { }
.form-group { margin-bottom: :5px; }
.form-control { border-radius: 10px; text-transform: capitalize; color: #141313; font-size: 12px; font-weight: 500; width: 100%; height: 50px; padding: 14px; line-height: 1.42857143; background-image: none; border: 2px solid #dce0df; background-color: #fff; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); }
.input-group { position: relative; display: table; border-collapse: separate; }
input[type=checkbox], input[type=radio] { margin: 8px 0 0; margin-top: 1px\9; line-height: normal; }
input::-webkit-input-placeholder { color: #595857 !important; }
textarea::-webkit-input-placeholder { color: #595857 !important; }
.input-group-addon { border-radius: 0px; }
#datepicker.form-control { border-right: transparent !important; }
.default-skin .ui-widget-header { border: 1px solid #ecaa30; background: #ecaa30; color: #fff; font-weight: bold; }
.default-skin .ui-state-highlight, .default-skin .ui-widget-content .ui-state-highlight, .default-skin .ui-widget-header .ui-state-highlight { border: 1px solid #ecaa30; background: #ecaa30; color: #fff; }

/*-------------- align ------------*/



/* =WordPress Core
-------------------------------------------------------------- */

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 0px 0 30px 30px; }
.alignleft { float: left; margin: 0px 30px 0px 0; }
a img.alignright { float: right; margin: 0px 0 30px 30px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%;    /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/*-----------------------------------
    3. Buttons 
-----------------------------------*/
.btn { font-family: 'Poppins', sans-serif; font-size: 13px; text-transform: uppercase; font-weight: 700; padding: 14px 24px; margin-bottom: 4px; letter-spacing: 1.4px; border-radius: 50px; line-height: 1.6; border: transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; word-wrap: break-word; white-space: normal !important; }
.btn-primary { background-color: #eb3625; color: #fff; }
.btn-primary:hover { background-color: #800f06; color: #fff; }
.btn-primary.focus, .btn-primary:focus { background-color: #800f06; color: #fff; }
.btn-default { background-color: #32c083; color: #fff; }
.btn-default:hover { background-color: #1c9e66; color: #fff; }
.btn-default.focus, .btn-default:focus { background-color: #1c9e66; color: #fff; }
.btn-lg { padding: 15px 34px; font-size: 14px; }
.btn-sm { padding: 12px 22px; font-size: 12px; }
.btn-xs { padding: 10px 24px; font-size: 11px; }
.btn-link { color: #eb3625; border-bottom: 2px solid #eb3625; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn-link:hover { color: #303743; border-bottom: 2px solid #303743; text-decoration: none; }
button.btn { margin-right: -1px; }

/*-----------------------------------
    4. General / Elements 
-----------------------------------*/

/*----------------------- 
    4.1 Section space :
-------------------------*/

/*Note: Section space help to create top bottom space;*/
.space-small-xs { padding-top: 40px; padding-bottom: 20px; }
.space-small { padding-top: 40px; padding-bottom: 40px; }
.space-medium { padding-top: 80px; padding-bottom: 80px; }
.space-large { padding-top: 120px; padding-bottom: 120px; }
.space-ex-large { padding-top: 140px; padding-bottom: 140px; }

/*----------------------
   4.2 Margin Space
-----------------------*/
.ml30 { margin-left: 30px; }
.mb0 { margin-bottom: 0px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mb130 { margin-bottom: 130px; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }

/*----- less margin space from top --*/
.mt-20 { margin-top: -20px; }
.mt-40 { margin-top: -40px; }
.mt-60 { margin-top: -60px; }
.mt-80 { margin-top: -80px; }

/*-----------------------
   4.3 Padding space
-------------------------*/
.nopadding { padding: 0px; }
.nopr { padding-right: 0px; }
.nopl { padding-left: 0px; }
.pinside10 { padding: 10px; }
.pinside20 { padding: 20px; }
.pinside30 { padding: 30px; }
.pinside40 { padding: 40px; }
.pinside50 { padding: 50px; }
.pinside60 { padding: 60px; }
.pinside80 { padding: 80px; }
.pinside130 { padding: 130px; }
.pdt10 { padding-top: 10px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdt60 { padding-top: 60px; }
.pdt80 { padding-top: 80px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb40 { padding-bottom: 40px; }
.pdb60 { padding-bottom: 60px; }
.pdb80 { padding-bottom: 80px; }
.pdb150 { padding-bottom: 150px; }
.pdl10 { padding-left: 10px; }
.pdl20 { padding-left: 20px; }
.pdl30 { padding-left: 30px; }
.pdl40 { padding-left: 40px; }
.pdl60 { padding-left: 60px; }
.pdl80 { padding-left: 80px; }
.pdr10 { padding-right: 10px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }
.pdr40 { padding-right: 40px; }
.pdr60 { padding-right: 60px; }
.pdr80 { padding-right: 80px; }
.pdtb40 { padding-bottom: 40px; padding-top: 40px; }

/*--------------------------------
4.4 Background & Block color 
----------------------------------*/
.content { padding-top: 100px; padding-bottom: 100px; }
.bg-light { background-color: #f4f7f6; }
.bg-donald { background-color: #f4f7f6; background-image: url('../images/donald.png'); background-repeat: no-repeat; background-position: bottom right;}
.bg-castle { background-color: #fff; background-image: url('../images/castlea9.png'); background-repeat:no-repeat;
background-size:contain;
background-position:center bottom; padding-bottom:230px;}
@media only screen and (min-width:1920px) {

    .bg-castle{padding-bottom:330px;}
}
.bg-primary { background-color: #eb3625; color: #fff; }
.bg-default { background: -webkit-linear-gradient(113deg, rgb(235, 54, 37), rgb(128, 15, 6));
  background: linear-gradient(113deg, rgb(235, 54, 37), rgb(128, 15, 6)); color: #fff; }
.bg-white { background-color: #fff; }
.outline { }
.section-title { margin-bottom: 30px; text-align: center; }
.section-title h2 { font-size: 30px; line-height: 36px; }
.title { color: #333333; }
.small-title { margin-bottom: 10px; font-size: 12px; font-weight: 900; color: #ec1010; text-transform: uppercase; letter-spacing: 1px; display: inline-block; }
.text-white { color: #fff; }
.text-primary { color: #eb3625; }
.text-black { }
.primary-sidebar { }
.secondary-sidebar { }
.well-block { }
.divider-line { border-bottom: 1px solid #1d4293; margin-top: 40px; margin-bottom: 40px; }

/*--------------------------------
4.5 Features Block 
----------------------------------*/
.about-bg-block { }
.feature-block { }
.feature-text { color: #fff; }
.feature-title { color: #fff; }
.feature-content { padding-left: 40px; padding-top: 8px; }
.feature-content:last-child { margin-bottom: 0px; }
.feature-section { }
.feature-icon { color: #eb3625; font-size: 28px; float: left; }

figure.snip1218 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  background: #303743;
  color: #333;
  text-align: center;
  -webkit-box-shadow: 0px 0px 15px 1px rgba(117,10,0,1);
-moz-box-shadow: 0px 0px 15px 1px rgba(117,10,0,1);
box-shadow: 0px 0px 15px 1px rgba(117,10,0,1);
  font-size: 16px;
}
figure.snip1218 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip1218 img {
  max-width: 100%;
  vertical-align: top;
}
figure.snip1218 .image {
  position: relative;
  border-bottom: 4px solid #34495e;
  z-index: 1;
}
figure.snip1218 .image:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #34495e transparent transparent transparent;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -15px);
  transform: translate(-50%, -15px);
  z-index: -1;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip1218 .image p {
  font-weight: 500;
  margin: 0;
  padding: 0 30px;
  line-height: 1.6em;
  position: absolute;
  top: 50%;
  width: 100%;
  color: #ffffff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  font-style: italic;
}
figure.snip1218 figcaption {
  background-color: #ffffff;
  padding: 25px;
}
figure.snip1218 h3 {
  margin: 0 0 5px;
  text-transform: uppercase;
  font-weight: 400;
}
figure.snip1218 h3 span {
  font-weight: 800;
}
figure.snip1218 h5 {
  margin: 0 0 15px;
  font-weight: 400;
}

figure.snip1218:hover .image:before,
figure.snip1218.hover .image:before {
  border-color: #34495e transparent transparent transparent;
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}
figure.snip1218:hover .image p,
figure.snip1218.hover .image p {
  opacity: 1;
}
figure.snip1218:hover img,
figure.snip1218.hover img {
  opacity: 0.2;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/*--------------------------------
4.6 Bullet/arrow
----------------------------------*/
.angle { position: relative; }
.angle-right li:before { font-family: FontAwesome; display: block; position: absolute; left: 0; font-size: 16px; color: #9ca3af; content: "\f101"; }

/*--------------------------------
4.7 Call to actions 
----------------------------------*/
.cta-section { background-color: #eb3625; padding-top: 18px; padding-bottom: 0px; text-align: center; color: #fff; font-size: 32px; }
.cta-section h1 { color: #fff; font-size: 28px; }
.cta-section .heading{ color: #fff; font-size: 28px;}
.cta-block { }
.cta-text { }
.cta-title { }
.cta-btn { margin-top: 16px; }
.widget-cta { padding: 30px; border-radius: 5px; background-color: #eb3625; margin-bottom: 30px; }
.widget-cta-block { color: #fff; }
.widget-cta-icon { font-size: 45px; color: #fff; margin-bottom: 30px; }
.widget-cta-content { font-size: 24px; font-weight: 600; color: #fff; }
.widget-testimonial { font-size: 19px; line-height: 32px; font-style: italic; font-weight: 400; }
.widget-cta-text { color: #fff; }

/*--------------------------------
 4.8 Image Hover Effect 
----------------------------------*/
img { width: auto; max-width: 100%; height: auto; margin: 0; padding: 0; border: none; line-height: normal; vertical-align: middle; }
.imghover { display: block; position: relative; max-width: 100%; }
.imghover::before, .imghover::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0; border-radius: 5px; }
.imghover::before { top: 0; right: 0; bottom: 0; left: 0; }
.imghover::after { top: 55%; left: 50%; padding: 10px; line-height: 10px; margin: -25px 0 0 -25px; content: "\f0a9"; font-family: "FontAwesome"; font-size: 48px; }
.imghover:hover::before, .imghover:hover::after { opacity: 1; }
.imghover:hover::before { background: rgba(48, 55, 67, .80); }
.imghover:hover::after { color: #fff; }

/*--------------------------------
4.9 Icon 
----------------------------------*/
.icon { }
.icon-1x { font-size: 18px; }

/* default icon size of font*/
.icon-2x { font-size: 38px; }
.icon-4x { font-size: 65px; }
.icon-6x { font-size: 88px; }
.icon-8x { font-size: 108px; }
.icon-default { color: #aa9144; }
.icon-primary { color: #474954; }
.icon-secondary { color: #fff; }
.icon-white { color: #fff; }

/*--------------------------------
5 Header / Navigations 
----------------------------------*/

/*--------------------
    5.1 Header Regular 
   ----------------------*/

.logo { padding-top: 5px; }
.top-bar { background-color: #eb3625; border-bottom: #eb3625 1px solid; padding-top: 0px; padding-bottom: 5px; }
.call-info { margin-top: 5px; }
.call-text { font-size: 14px; color: #fff; }
.call-text strong { margin-left: 10px; color: #fff; font-weight: 400; }
.social { }
.social ul { }
.social ul li { float: left; }
.social ul li a { font-size: 13px; padding: 12px 10px; color: #302e2d; }
.social ul li a:hover { color: #eb3625; }
.header { }
.header-wrapper { z-index: 9; position: relative; padding-top: 10px; padding-bottom: 10px; background-color: #fff; border-bottom: 1px solid #ededed; }
.is-sticky .header-wrapper { }

/*--------------------------
    5.2 Navigations Regular
   ----------------------------*/
#navigation { float: right; }
#navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navigation:after, #navigation>ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#navigation #menu-button { display: none; }
#navigation { padding-top: 14px; font-family: 'Noto Sans', sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
#navigation>ul>li { float: left; }
#navigation.align-center>ul { font-size: 0; text-align: center; }
#navigation.align-center>ul>li { display: inline-block; float: none; }
#navigation.align-center ul ul { text-align: left; }
#navigation.align-right>ul>li { float: right; }
#navigation>ul>li>a { padding: 15px 9px; font-size: 13px; color: #303743; text-decoration: none; font-weight: 600; text-transform: uppercase; }
#navigation>ul>li:hover>a { color: #fff; background-color: #eb3625; border-radius: 5px; }
#navigation>ul>li.has-sub>a { padding-right: 18px; }

/*#navigation>ul>li>a:after {
    position: absolute;
    top: 16px;
    right: -3px;
    height: 2px;
    display: block;
    content: '/';
}*/
#navigation>ul>li.has-sub>a:before { position: absolute; right: 5px; font-family: FontAwesome; content: "\f107"; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }

/*#navigation > ul > li.has-sub:hover > a:before {
 top: 23px;
 height: 0;
}*/
#navigation ul ul { position: absolute; left: -9999px; }
#navigation.align-right ul ul { text-align: right; }
#navigation ul ul li { top: 0px; height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation li:hover>ul { left: auto; }
#navigation.align-right li:hover>ul { left: auto; right: 0; }
#navigation li:hover>ul>li { height: 46px; }
#navigation ul ul ul { margin-left: 100%; top: 0; }
#navigation.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#navigation ul ul li a { background-color: #eb3625; padding: 16px 22px; width: 255px; font-size: 13px; text-decoration: none; color: #fff; font-weight: 600; text-transform: uppercase; border-bottom: #c02d20 1px solid; letter-spacing: 1px; margin-top: -3px; }
#navigation ul ul li:first-child>a { border-top-right-radius: 5px; }
#navigation ul ul li:last-child>a { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#navigation ul ul li:last-child>a, #navigation ul ul li.last-item>a { border-bottom: 0; }
#navigation ul ul li:hover>a, #navigation ul ul li a:hover { color: #fff; background-color: #c02d20; }
#navigation ul ul li.has-sub>a:after { position: absolute; top: 14px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
#navigation.align-right ul ul li.has-sub>a:after { right: auto; left: 11px; }
#navigation ul ul li.has-sub>a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation.align-right ul ul li.has-sub>a:before { right: auto; left: 14px; }
#navigation ul ul>li.has-sub:hover>a:before { top: 17px; height: 0; }
#navigation.small-screen { width: 100%; }
#navigation.small-screen ul { width: 100%; display: none; }
#navigation.small-screen.align-center>ul { text-align: left; }
#navigation.small-screen ul li { width: 100%; border-top: 1px solid #c02d20; top: auto; background-color: #eb3625; }
#navigation.small-screen ul ul li, #navigation.small-screen li:hover>ul>li { height: auto; }
#navigation.small-screen ul li a, #navigation.small-screen ul ul li a { width: 100%; border-bottom: 0; padding: 20px 15px; color: #fff; }
#navigation.small-screen>ul>li>a:after { position: absolute; top: 16px; right: -3px; height: 2px; display: block; content: ''; }
#navigation.small-screen>ul>li { float: none; }
#navigation.small-screen ul ul li a { padding-left: 25px; }
#navigation.small-screen ul ul ul li a { padding-left: 35px; }
#navigation.small-screen ul ul li a { color: #fff; background: #eb3625; }
#navigation.small-screen ul ul li:hover>a, #navigation.small-screen ul ul li.active>a { color: #fff; background-color: #c02d20; }
#navigation.small-screen ul ul, #navigation.small-screen ul ul ul, #navigation.small-screen.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
#navigation.small-screen>ul>li.has-sub>a:after, #navigation.small-screen>ul>li.has-sub>a:before, #navigation.small-screen ul ul>li.has-sub>a:after, #navigation.small-screen ul ul>li.has-sub>a:before { display: none; }
#navigation.small-screen #menu-button { display: block; padding: 18px; color: #fff; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 600; background-color: #eb3625; margin-top: 15px; }
#navigation.small-screen #menu-button:after { position: absolute; top: 16px; right: 17px; display: block; height: 12px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ''; }
#navigation.small-screen #menu-button:before { position: absolute; top: 21px; right: 17px; display: block; height: 2px; width: 20px; background: #fff; content: ''; }
#navigation.small-screen #menu-button.menu-opened:after { top: 20px; border: 0; height: 2px; width: 15px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#navigation.small-screen #menu-button.menu-opened:before { top: 20px; background: #fff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#navigation.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #d35320; height: 54px; width: 53px; cursor: pointer; }
#navigation.small-screen .submenu-button.submenu-opened { }
#navigation.small-screen ul ul .submenu-button { height: 34px; width: 34px; }
#navigation.small-screen .submenu-button:after { position: absolute; top: 25px; right: 20px; width: 8px; height: 2px; display: block; background: #fff; content: ''; }
#navigation.small-screen ul ul .submenu-button:after { top: 15px; right: 13px; }
#navigation.small-screen .submenu-button.submenu-opened:after { background:; }
#navigation.small-screen .submenu-button:before { position: absolute; top: 22px; right: 23px; display: block; width: 2px; height: 8px; background: #fff; content: ''; }
#navigation.small-screen ul ul .submenu-button:before { top: 12px; right: 16px; }
#navigation.small-screen .submenu-button.submenu-opened:before { display: none; }
#navigation.small-screen.select-list { padding: 5px; }

/*----------------------------------------------
    5.4 Page Header
----------------------------------------------*/
.page-header { text-align: left; background-image: url(../images/page-header.jpg); background-size: cover; margin: 0px; padding: 0px; border: 0px; }
.page-section { padding-top: 40px; padding-bottom: 40px; }
.page-description { }
.page-description p { }
.page-title { font-size: 40px; font-weight: 500; margin-bottom: 10px; color: #fff; }
.page-text { color: #fff; font-weight: 500; }

.inside-header { text-align: left; background-image: url(../images/inside-header.jpg); background-size: cover; margin: 0px; padding: 0px; border: 0px; }

/*-----------------------------------
    6. Slider 
-------------------------------------*/
.slider { margin-bottom: -40px; }
.slider-img { /*background: -moz-linear-gradient(top, rgba(13, 15, 13, 0.2) 0%, rgba(13, 15, 13, 0.2) 100%); background: -webkit-linear-gradient(top, rgba(13, 15, 13, 0.2) 0%, rgba(13, 15, 13, 0.2) 100%); background: linear-gradient(to bottom, rgba(13, 15, 13, 0.2) 0%, rgba(13, 15, 13, 0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc1b2429', endColorstr='#cc1b2429', GradientType=0);*/ position: relative; width: 100% }
.slider-img img { position: relative; z-index: -1; }
.slider-captions { position: absolute; bottom: 110px; width: 100%; color: #fff; left:110px;}
.slider-title { color: #fff; font-size: 36px; font-weight: 500; line-height: 48px; text-shadow: 2px 2px #000;}
.slider-text { color: #fff; }
.slider .owl-dots { text-align: center !important; position: relative; bottom: 50px; }
.slider .owl-nav { line-height: 1.8; text-align: center; -webkit-tap-highlight-color: transparent; }
.slider .owl-nav .owl-prev { position: absolute; top: 43%; left: 0px; color: #eb3625; font-size: 18px; margin: 8px; padding: 0px; background: #ffffff; display: inline-block; cursor: pointer; border-radius: 50px; height: 35px; width: 35px; border: 2px solid #ffffff; }
.slider .owl-nav .owl-next { position: absolute; top: 43%; right: 0px; color: #eb3625; font-size: 18px; margin: 8px; padding: 0px; background: #ffffff; display: inline-block; cursor: pointer; border-radius: 50px; height: 35px; width: 35px; border: 2px solid #ffffff; }
.slider .owl-nav .owl-prev:hover { background-color: #eb3625; border: 2px solid #eb3625; text-decoration: none; color: #fff; }
.slider .owl-nav .owl-next:hover { background-color: #eb3625; border: 2px solid #eb3625; text-decoration: none; color: #fff; }
.slider .owl-dots .owl-dot { display: inline-block; zoom: 1; }
.slider .owl-dots .owl-dot span { width: 11px; height: 11px; margin: 5px 4px; background: #fff; border-radius: 5px; border: 2px solid #fff; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; }
.slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #eb3625; border: 2px solid #eb3625; }
.slider .owl-carousel .owl-item img { width: 100%; }

/*-----------------------------------
7. before after gallery
-------------------------------------*/

/*-----------------------------------
8. Footer 
-------------------------------------*/

.footer { background-color: #303743; padding-top: 50px; padding-bottom: 30px; color: #908e8d; font-weight: 400; }
.footer-title { margin-bottom: 40px; color: #fff; line-height: 1.5em; }
.footer-title-small { margin-bottom: 7px; color: #fff; line-height: 1.3em; }
.footer-widget { margin-bottom: 30px; }
.footer-widget ul { margin-bottom: 25px; }
.footer-widget ul li { line-height: 1; margin-bottom: 18px; }
.footer-widget ul li a { font-size: 14px; color: #908e8d; text-transform: capitalize; letter-spacing: .75px; font-weight: 400; }
.footer-address { padding-left: 30px; }
.footer-widget ul li a:hover { color: #eb3625; }
.footer-widget ul li i { color: #eb3625;  }
.footer-social { }
.footer-social a span { font-size: 16px; padding-right: 10px; color: #58595a; }
.footer-line { border-bottom: #222222 1px solid; margin-bottom: 20px; margin-top: 40px; }
.footer-social a span:hover { color: #fff; }

/*-------------- tiny footer ------------*/
.tiny-footer { background-color: #242323; padding-top: 10px; padding-bottom: 10px; font-size: 14px; color: #908e8d; text-align: center; }
.tiny-footer a{color: #fff;}

/*-----------------------------------
9. Pages 
-------------------------------------*/

/*-------------------------
 9.1 About us
---------------------------*/

.about-section { padding: 30px; }
.about-title { margin-bottom: 30px; color: #fff; }
.about-img img { border-radius: 4px; position: relative; }
.about-icon { position: absolute; bottom: 38%; left: 47%; text-align: center; }

/*-------------------------
 9.2  Service / single / sidebar
--------------------------*/
.service-block { margin-bottom: 30px; }
.service-icon { }
.service-img img { margin-bottom: 30px; border-radius: 5px; }

.service-content2 a{ color: #fff;}
.service-content2 a:hover{ color: #9ca3af;}
.service-content2 ul { margin-bottom: 20px; }
.service-content2 ul li { padding-left: 20px; color: #fff;}
.service-content ul { margin-bottom: 20px; }
.service-content ul li { padding-left: 20px; color: #fff;}
.service-btn-link { margin-bottom: 8px; }
.unordered i { margin-right: 10px; color: #ff8119; font-size: 16px; }

/*-----------------------------------------
  service side-nav
 ------------------------------------------*/
.sidenav { margin-bottom: 30px; }
.sidenav ul li { position: relative; font-weight: 600; margin-bottom: 2px; }
.sidenav ul li a { padding: 13px 0px 14px 20px; display: block; color: #272625; font-size: 14px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; background-color: #f1f4f3; border-radius: 5px; }
.sidenav ul li a:hover { color: #fff; background-color: #eb3625; }
.sidenav ul li.active a { color: #fff; background-color: #eb3625; }
.sidenav ul li.active a:before { color: #fff; background-color: #eb3625; }
.service-sidenav-icon { font-size: 16px; color: #8e1e1a; padding-top: 5px; float: left; padding-right: 10px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.sidenav a:focus, a:active { background-color: transparent; border: 0px; }

/*--------------------------
 9.5  Pricing
---------------------------*/
.price-block { border: 1px solid #e5eae8; background-color: #fff; padding: 40px; margin-bottom: 30px; border-radius: 0px 0px 5px 5px; margin-top: -1px; }
.price-head { background-color: #f0f4f2; padding: 23px 0px 4px 30px; border-radius: 5px 5px 0px 0px; border: 1px solid #e5eae8; }
.price-block ul { border-bottom: 1px #d7dcda dashed; margin-bottom: 16px; margin-top: 15px; padding-bottom: 16px; }
.price-block ul li { color: #676462; line-height: 24px; font-size: 13px; font-weight: 500; }
.price-content { position: relative; }
.price-text { color: #272625; position: absolute; font-weight: 500; top: -2px; right: 0px; }

/*--------------------------
 9.5  Testimonial
---------------------------*/
.testimonial-block { }
.testimonial-content { background-color: #fff; border-radius: 5px; padding: 40px; font-size: 19px; line-height: 32px; font-style: italic; font-weight: 400; margin-bottom: 30px; color: #413e3d; }
.testimonial-meta { margin-bottom: 20px; line-height: 1; font-size: 12px; text-transform: uppercase; color: #eb3625; letter-spacing: 1.2px; font-weight: 500; margin-top: 0px; display: block; }
.testimonial-meta span { line-height: 1; font-size: 12px; text-transform: uppercase; color: #676462; letter-spacing: 1.2px; font-weight: 500; }

/*--------------------------
 9.6  team
 ----------------------------*/
.team-block { margin-bottom: 20px; }
.team-img img { margin-bottom: 20px; border-radius: 5px; }
.team-content { text-align: center; }
.team-title { margin-bottom: 0px; }

/*-------------------------
 9.8 Contact us
---------------------------*/
.contact-block { margin-bottom: 30px; padding: 30px; border-radius: 5px; background-color: #f4f7f6; text-align: center; }
.contact-info { }
.contact-info-title { font-size: 18px; margin-bottom: 10px; }
.contact-info ul { }
.contact-info ul li { line-height: 40px; }
.contact-info i { font-size: 45px; color: #eb3625; margin-bottom: 30px; }

/*------------------------
10. Blog pages
--------------------------*/

/*----- post-----*/

.post-holder { border-bottom: 1px solid #dfdfdf; margin-bottom: 30px; }
.post-block { position: relative; }
.post-img img { border-radius: 5px; margin-bottom: 30px; }
.post-content { margin-top: 20px; margin-bottom: 30px; }

/*----- meta -----*/
.meta { margin-bottom: 20px; text-align: left; padding-right: 3px; font-weight: 500; line-height: 1; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }
.meta-icon { }
.meta-date { color: #fff; position: absolute; background-color: #eb3625; border-radius: 5px; padding: 8px 12px 8px 12px; top: 0px; font-weight: 500; margin: 0px; font-family: 'Libre Baskerville', serif;}
.meta-date span { letter-spacing: 1px; display: flex; }
.meta-date-text { margin-top: -12px; margin-bottom: -8px; font-size: 12px; }
.meta-date-number { font-size: 16px; }
.meta-author, .meta-comments, .meta-categories { color: #a9b0ad; }
.meta-date, .meta-author { margin-right: 15px; }

/*----- pagination -----*/
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; }
.st-pagination { text-align: center; margin-top: 30px; }
.st-pagination .pagination>li>a, .pagination>li>span { position: relative; float: left; line-height: 1.6; color: #fff; letter-spacing: 2px; text-decoration: none; font-size: 13px; border-radius: 50px; border: 1px solid #7c7a79; background-color: #7c7a79; font-weight: 700; text-transform: uppercase; margin-right: 8px; margin-bottom: 5px; }
.st-pagination .pagination>li>a:focus, .st-pagination .pagination>li>a:hover, .st-pagination .pagination>li>span:focus, .st-pagination .pagination>li>span:hover { z-index: 2; color: #fff; background-color: #eb3625; border: #eb3625 1px solid; }
.st-pagination .pagination>li:first-child>a, .st-pagination .pagination>li:first-child>span { margin-left: 0; border-radius: 50px; }
.st-pagination .pagination>li:last-child>a, .st-pagination .pagination>li:last-child>span { border-radius: 50px; }
.st-pagination .pagination>.active>a, .st-pagination .pagination>.active>a:focus, .st-pagination .pagination>.active>a:hover, .st-pagination .pagination>.active>span, .st-pagination .pagination>.active>span:focus, .st-pagination .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #eb3625; border: 1px solid #eb3625; }
.related-post-block { border-top: 1px solid #e6e7e9; margin-bottom: 30px; }
.related-post-title { margin-top: 30px; }
.related-post { }
.related-img img { margin-bottom: 30px; }
.related-post-content { }
.post-meta { margin-right: 20px; line-height: 0px; }

/*----- prev-next-----*/
.post-navigation { border-top: 1px solid #e6e7e9; border-bottom: 1px solid #e6e7e9; padding: 20px 0px 20px 0px; }
.nav-links { text-decoration: none; }
.nav-previous { }
.prev-link, .next-link { color: #6b6d6a; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 24px; margin-bottom: 20px; letter-spacing: 1px; }
.prev-link i { margin-right: 5px; }
.next-link i { margin-left: 5px; }
.nav-next { }
.next-link { }
.previous-next-title { font-size: 18px; line-height: 22px; margin-top: 20px; color: #333333; font-weight: 700; }

/*----- Author-post -----*/
.author-block { margin-top: 40px; margin-bottom: 30px; border-bottom: 1px solid #bcbcbc; background-color: #e6e7e9; padding: 20px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
.author-post { }
.author-img { }
.author-title { font-size: 22px; line-height: 22px; color: #fff; }
.author-post-content { margin-bottom: 40px; }
.author-text { margin-top: 15px; }
.author-meta { padding-left: 0px; color: #eb3625; font-style: italic; }

/*----- Comments -----*/
.comment-area { margin-top: 40px; margin-bottom: 30px; border-bottom: 1px solid #ebecee; }
.comment-title { font-size: 22px; line-height: 22px; margin-bottom: 30px; }
.comment-list { margin-top: 40px; }
.comment { }
.comment-body { }
.comment-header { margin-right: 10px; }
.comment-author { }
.comment-author img { float: left; }
.comment-info { padding-left: 100px; }
.user-title { font-size: 18px; float: left; margin-bottom: 0px; margin-right: 30px; }
.comment-meta-date { padding-bottom: 10px; color: #9a9fa4; font-size: 12px; font-weight: 700; letter-spacing: .75px; text-transform: uppercase; }
.comment-content { margin-bottom: 10px; font-size: 16px; }
.reply-link { }
.childern { padding: 50px; background-color: transparent; border-bottom: 1px solid #e6e7e9; border-top: 1px solid #e6e7e9; }

/*----- leave-Comments -----*/
.leave-comments { margin-bottom: 30px; }

/*------------------------
 12. Counter block 
--------------------------*/
.counter-block { padding-bottom: 20px; padding-top: 20px; }
.counter-section { }
.counter-content { text-align: center; }
.counter-title { font-size: 45px; color: #fff; font-weight: 600; }
.counter-text { font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 500; letter-spacing: 1.5px; }

/*------------------------
 12. Sidebar / Widgets
--------------------------*/

/*----- widget -----*/

.widget { margin-bottom: 30px; padding: 30px; border-radius: 5px; background-color: #f4f7f6;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
.widget-title { color: #272625; font-size: 20px; font-weight: 500; }
.widget ul { }
.widget ul li {font-size: 16px; color: #626060;}
.widget ul li a { }
.widget-categories, .widget-archives ul li a:hover { color: #f47e5e; }
.widget-categories, .widget-archives { }
.widget-categories ul li, .widget-archives ul li { position: relative; font-weight: 500; margin-bottom: 8px; }
.widget-categories ul li a, .widget-archives ul li a { padding: 0px 0px 0px 0px; font-size: 14px; font-weight: 500; color: #eb3625; }
.widget-archives { }
.recent-post { position: relative; margin-bottom: 30px; }
.recent-img img { margin-bottom: 20px; border-radius: 5px; }
.recent-title { }
.widget-tags { }
.widget-tags a { color: #fff; padding: 6px 18px; background-color: #a1a5a4; display: inline-block; margin-bottom: 5px; border-radius: 5px; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; margin-right: 5px; border: 0px; }
.widget-tags a:hover { background-color: #eb3625; color: #fff; border: 0px; }
.widget-search { }
.widget-search button { background-color: transparent; border: transparent; color: #eb3625; font-size: 12px; position: absolute; right: 0px; padding: 8px 20px; position: absolute; bottom: 0; }
.widget-search .form-control { height: 49px; margin-bottom: 0px; }
.search-form { position: relative; }

/*-------------styleguide-------------*/
.box-info { font-size: 16px; line-height: 1.6; }
.circle-default-color { background-color: #eb3625; height: 162px; width: 162px; border-radius: 50%; border: 5px solid #65e5ae; }
.circle-primary-color { background-color: #eb3625; height: 162px; width: 162px; border-radius: 50%; border: 5px solid #ffcab5; }
.circle-heading-color { background-color: #272625; height: 162px; width: 162px; border-radius: 50%; border: 5px solid #92908e; }
.circle-secondary-color { background-color: #676462; height: 162px; width: 162px; border-radius: 50%; border: 5px solid #b6b3b2; }
.box-bg-color { }
.unordered ul { list-style: none; padding-left: 16px; }
.unordered ul li { line-height: 2; }
.ordered ol { list-style: decimal; margin-left: 20px; }
.ordered ol li { line-height: 2; }
.altenate { }
.altenate ul { list-style: none; }
.altenate ul li { border-bottom: 1px solid #e1e0dd; line-height: 2.5; }
.box-table { padding: 16px 30px; margin: 0 -15px 15px; border-color:; border: 1px solid #dbdad8; }

/*-------------404 error-------------*/
.error { padding-top: 120px; }
.error-icon { float: left; font-size: 150px; color: #e56f4f; }
.error h1 { font-size: 180px; font-weight: 700; margin-bottom: 100px; color: #eb3625; }

/*-------------map-------------*/
#map { }
#contact-map { width: 100%; height: 500px; }
#entry-map { width: 100%; height: 380px; }
/*
  Docs at http://http://simpleweatherjs.com
  Look inspired by http://www.degreees.com/
  Used for demo purposes.
  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons
  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/

@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#weather {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    text-transform: uppercase;
}

#weather i {
    color: #fff;
    font-family: 'weather';
    font-size: 100px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
}

.icon-0:before {
    content: ":";
}

.icon-1:before {
    content: "p";
}

.icon-2:before {
    content: "S";
}

.icon-3:before {
    content: "Q";
}

.icon-4:before {
    content: "S";
}

.icon-5:before {
    content: "W";
}

.icon-6:before {
    content: "W";
}

.icon-7:before {
    content: "W";
}

.icon-8:before {
    content: "W";
}

.icon-9:before {
    content: "I";
}

.icon-10:before {
    content: "W";
}

.icon-11:before {
    content: "I";
}

.icon-12:before {
    content: "I";
}

.icon-13:before {
    content: "I";
}

.icon-14:before {
    content: "I";
}

.icon-15:before {
    content: "W";
}

.icon-16:before {
    content: "I";
}

.icon-17:before {
    content: "W";
}

.icon-18:before {
    content: "U";
}

.icon-19:before {
    content: "Z";
}

.icon-20:before {
    content: "Z";
}

.icon-21:before {
    content: "Z";
}

.icon-22:before {
    content: "Z";
}

.icon-23:before {
    content: "Z";
}

.icon-24:before {
    content: "E";
}

.icon-25:before {
    content: "E";
}

.icon-26:before {
    content: "3";
}

.icon-27:before {
    content: "a";
}

.icon-28:before {
    content: "A";
}

.icon-29:before {
    content: "a";
}

.icon-30:before {
    content: "A";
}

.icon-31:before {
    content: "6";
}

.icon-32:before {
    content: "1";
}

.icon-33:before {
    content: "6";
}

.icon-34:before {
    content: "1";
}

.icon-35:before {
    content: "W";
}

.icon-36:before {
    content: "1";
}

.icon-37:before {
    content: "S";
}

.icon-38:before {
    content: "S";
}

.icon-39:before {
    content: "S";
}

.icon-40:before {
    content: "M";
}

.icon-41:before {
    content: "W";
}

.icon-42:before {
    content: "I";
}

.icon-43:before {
    content: "W";
}

.icon-44:before {
    content: "a";
}

.icon-45:before {
    content: "S";
}

.icon-46:before {
    content: "U";
}

.icon-47:before {
    content: "S";
}

#weather h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    text-align: center;
}

#weather ul {
    margin: 0;
    padding: 0;
}

#weather li {
    color: #fff;
    display: inline-block;
}

#weather p {
    color: #fff;
    letter-spacing: 1px;
}

#weather .currently {
    margin: 0;
}

/*--------------------------------
14. Accodrion 
----------------------------------*/
.st-accordion { }
.st-accordion .panel { box-shadow: none; }
.st-accordion .sign { color: #a0729a; padding: 0 2px; position: absolute; left: -30px; top: 2px; }
.st-accordion .accordion .panel-heading.active .sign { color: #a0729a; }
.st-accordion .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: #393538; position: relative; font-weight: 500; }
.sign { color: #a0729a; padding: 0 2px; top: 6px; }
.st-accordion .panel-heading.active .sign { color: #a0729a; }
.st-accordion .panel { margin-bottom: 20px; background-color: transparent; border: 1px solid #e4e9ea; border-radius: 0px; }
.st-accordion .panel-default {
    border-color: transparent;
}

.st-accordion .panel-group .panel {
    margin-bottom: 10px;
    border-radius: 0px;
    border: 1px solid #ededed;
    background-color: #f4f7f6;
    border-radius: 5px;
}

.st-accordion .panel-default>.panel-heading {
    color: #323734;
    background-color: transparent;
    padding: 30px 30px;
}

.st-accordion .panel-group .panel-heading+.panel-collapse>.list-group,
.st-accordion .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-bottom: 1px solid #e5e5e5;
    padding-left: 30px;
    padding-right: 30px;
}

.st-accordion .panel-body {
    padding: 30px 0px;
}

.st-accordion .panel-body p:last-child {
    margin-bottom: 0px;
}

.st-accordion .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-bottom: 1px solid #e5e5e5;
}

.mapid{
  width: 100%;
    height: 380px;
}

.mapidhome{
  width: 100%;
  height: 450px;
}

/*-------------FAQ-------------*/


/*==========  Non-Mobile First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (max-width:1440px) {
    .slider-captions {
        position: absolute;
        bottom: 80px;
    }
    .slider-title {}
}

@media only screen and (max-width:1200px) {
    .slider-captions {
        position: absolute;
        bottom: 40px;
        margin-left: 40px;
    }
    .slider-title {
        font-size: 24px;
        margin-bottom: 0px;
        line-height: 38px;
    }

    .slider .owl-dots {
        min-width: 28%;
        position: absolute;
        bottom: -10px;
        text-align: center !important;
    }

    .call-info {
        margin-top: 9px;
    }
    .call-text {
        font-size: 11px;
    }
    .page-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .page-title {
        font-size: 30px;
    }
}

@media only screen and (max-width:1199px) {
  .footer-widget img{
    margin:0 auto;
  }
  .page-section {
    padding-top: 145px;
    padding-bottom: 30px;
  }
  .area .bg-castle{
    padding-top: 145px;
  }
  .loader-logo {
    font-size: 2.2vw !important;
  }
}

/* Medium Devices, Desktops */

@media only screen and (max-width:992px) {}



/* Small Devices, Tablets */

@media only screen and (max-width:768px) {
    .slider-captions {
        position: absolute;
        bottom: 40px;
    }
    .slider-title {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .slider .owl-nav {
        display: none;
    }
    .slider .owl-dots {
        min-width: 100%;
        position: absolute;
        bottom: 0px;
        text-align: center !important;
    }
    .header {
        background-color: #333333;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .page-title {
        font-size: 30px;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
        position: relative;
    }
    .header {
        background-color: #333333;
    }
    .space-medium {
        padding-top: 50px;
        padding-bottom: 35px;
    }
}

@media only screen and (max-width:767px) {
  .home .post-block {
    max-width: 360px;
    margin: 0 auto;
  }
  .author-post-content .author-header{
    margin-top: 15px;
  }
  .page-section {
    padding-top: 100px;
    padding-bottom: 50px;
  }
  .area .bg-castle{
    padding-top: 85px;
  }
  .cta-section .heading {
    font-size: 24px;
    line-height: 1.2;
  }
  .cta-section .heading img{
    display: block;
    margin: 15px auto;
  }
  .footer-widget {
    text-align: center;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width:480px) {
    .slider-captions {
        bottom: 30px;
    }

    .slider-title {
        font-size: 14px;
        line-height: 32px;
    }

    .slider .owl-nav {
        display: none;
    }

    .slider .owl-dots {
        min-width: 100%;
        position: absolute;
        bottom: 0px;
        text-align: center !important;
    }

    .header {
        background-color: #333333;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .page-section {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .page-title {
        font-size: 30px;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
        position: relative;
    }

    .header {
        background-color: #333333;
    }

    .price-text {
        position: inherit;
        margin-bottom: 20px;
    }

    .space-medium {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}



/* Custom, iPhone Retina */
@media only screen and (max-width:320px) {
    .slider-captions {
        bottom: 30px;
    }

    .slider-title {
        font-size: 14px;
        line-height: 32px;
    }

    .slider .owl-nav {
        display: none;
    }

    .slider .owl-dots {
        min-width: 100%;
        position: absolute;
        bottom: 0px;
        text-align: center !important;
    }

    .header {
        background-color: #333333;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .page-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .page-title {
        font-size: 30px;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
        position: relative;
    }

    .price-text {
        position: inherit;
        margin-bottom: 20px;
    }


    .space-medium {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

.page-404 {
  text-align: center;
}

.page-404 h1.page-title {
  font-size: 60px;
}