/*********************************************************************************

  Template Name: Azan - Islamic HTML Template  
  Template URI: https://themeforest.net/user/hastech
  Description: Azan is a beautiful and creative islamic  html template
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech
  Version: 1.0.5

  Note: This is style css.

**********************************************************************************/
/* [[ INDEX ]]

  Reset
  Typography
  Helper Class
  Section Title Styles
  Button Styles
  Social Icons Styles
  Slider Element Styles
  Extra Elements Styles
  Header Styles
  Navigation Styles
  Banner Styles
  About Styles
  Islams Pillar
  Event Styles
  Activity Styles
  Salat Times
  Team Styles
  Small Layouts
  Blog Styles
  Accountbox Styles
  Product Styles
  Widget Styles
  CommentBox Styles
  Event Details Styles
  Activity Details
  Donation Page Styles
  Contact Styles
  Product Details
  Cartbox Styles
  Cart Styles
  Checkout Styles
  Blog Details Styles
  Footer Styles

[[ END INDEX]] */
/*Basic styles*/
/*======= Reset =======*/
* {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

*,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
a {
  margin: 0;
  padding: 0;
}

html {
  color: #747474;
  font-size: 15px;
  line-height: 26px;
  font-size: 87.5%;
}

::-moz-selection {
  background: #548d27;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #548d27;
  color: #ffffff;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e1e1e1;
  margin: 26px 0;
  padding: 0;
}

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

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

@media print {
  *,
*:before,
*:after,
*:first-letter,
*:first-line {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }
  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
}
/*======= Typography =======*/
body {
  font-size: 15px;
  line-height: 26px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Hind", sans-serif;
  color: #747474;
  font-weight: 400;
  overflow-x: hidden;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #8e8e8e;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #8e8e8e;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #8e8e8e;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #8e8e8e;
}

input::placeholder, textarea::placeholder {
  color: #8e8e8e;
}

button {
  border: none;
}
button:hover, button:focus, button:active {
  outline: none;
}
button:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
a:focus, a:active, a:visited {
  outline: none;
}

input[type=radio] {
  visibility: hidden;
  display: none;
}

input[type=radio] + label {
  padding-left: 25px;
  position: relative;
  color: #a4a4a4;
}
input[type=radio] + label:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  display: inline-block;
  background: transparent;
  border: 2px solid #ebebeb;
  border-radius: 100%;
  left: 0;
  top: 3px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

input[type=radio]:checked + label:before {
  border-color: #606060;
  border-width: 5px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Raleway";
  font-style: italic;
  margin-bottom: 15px;
  color: #303030;
}
@media only screen and (max-width: 767px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: 87.5%;
  }
}

h1,
.h1 {
  font-size: 42px;
  line-height: 58px;
}

h2,
.h2 {
  font-size: 36px;
  line-height: 46px;
}

h3,
.h3 {
  font-size: 28px;
  line-height: 36px;
}

h4,
.h4 {
  font-size: 20px;
  line-height: 24px;
}

h5,
.h5 {
  font-size: 17px;
  line-height: 24px;
}

h6,
.h6 {
  font-size: 14px;
  line-height: 20px;
}

p,
pre,
table,
blockquote {
  margin-bottom: 15px;
}

ul {
  list-style: inside;
  list-style-type: square;
  padding-left: 40px;
}

ul.reset {
  list-style: none;
  padding-left: 0;
}

ol {
  list-style-type: decimal;
  list-style-position: inside;
  padding-left: 40px;
}

blockquote {
  font-size: 17px;
  line-height: 30px;
  color: #747474;
  font-weight: 400;
  font-style: italic;
  font-family: "Hind", sans-serif;
  padding: 30px 20px;
}
blockquote:before {
  content: '"';
  font-size: 48px;
  color: #000;
  font-family: "Hind", sans-serif;
  font-style: italic;
}

strong {
  font-weight: 700;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

input:not([type=radio]), select {
  height: 50px;
  width: 100%;
  padding: 0 30px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
input:not([type=radio]):focus, input:not([type=radio]):active, select:focus, select:active {
  outline: none;
}

select:focus, select:active {
  outline: none;
}

/*======= Helper Class =======*/
.hidden {
  display: none;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

.mark {
  background: transparent;
  font-weight: 500;
  color: #414141;
  padding: 0;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.color--theme {
  color: #548d27;
}

.color--light {
  color: #999999;
}

.color--dark {
  color: #333333;
}

.color--black {
  color: #000000;
}

.color--white {
  color: #ffffff;
}

.bg--theme {
  background: #548d27;
}

.bg--light {
  background: #999999;
}

.bg--dark {
  background: #212121;
}

.bg--dark--light {
  background: #282828;
}

.bg--black {
  background: #000000;
}

.bg--white {
  background: #ffffff;
}

.bg--grey-light {
  background: #f3f3f3;
}

.bg--pattern {
  background-color: #ffffff;
  background: url(../images/bg/bg-pattern.jpg) repeat scroll;
  position: relative;
}
.bg--pattern:before {
  content: "";
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) {
  .container {
    --bs-gutter-x: 15px;
  }
  .container .row {
    --bs-gutter-x: 30px;
  }
}

.bg-image--1 {
  background-image: url(../images/bg/1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--2 {
  background-image: url(../images/bg/2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--3 {
  background-image: url(../images/bg/3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--4 {
  background-image: url(../images/bg/4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--5 {
  background-image: url(../images/bg/5.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--6 {
  background-image: url(../images/bg/6.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--7 {
  background-image: url(../images/bg/7.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--8 {
  background-image: url(../images/bg/8.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--9 {
  background-image: url(../images/bg/9.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--10 {
  background-image: url(../images/bg/10.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--11 {
  background-image: url(../images/bg/11.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--12 {
  background-image: url(../images/bg/12.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--13 {
  background-image: url(../images/bg/13.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--14 {
  background-image: url(../images/bg/14.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--15 {
  background-image: url(../images/bg/15.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--16 {
  background-image: url(../images/bg/16.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--17 {
  background-image: url(../images/bg/17.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--18 {
  background-image: url(../images/bg/18.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--19 {
  background-image: url(../images/bg/19.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--20 {
  background-image: url(../images/bg/20.html);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--21 {
  background-image: url(../images/other/banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg-image--22 {
  background-image: url(../images/other/s24.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}

.half--bg {
  position: relative;
  z-index: 1;
}
.half--bg:before {
  content: "";
  height: 50%;
  width: 100%;
  background: #000;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0.5;
}
.half--bg:after {
  content: "";
  height: 50%;
  width: 100%;
  background: #fff;
  left: 0;
  bottom: 0;
  position: absolute;
}
.half--bg > div {
  position: relative;
  z-index: 2;
}

.fw--900 {
  font-weight: 900;
}

.fw--700 {
  font-weight: 700;
}

.fw--600 {
  font-weight: 600;
}

.fw--500 {
  font-weight: 500;
}

.fw--400 {
  font-weight: 400;
}

.fw--300 {
  font-weight: 300;
}

.text--italic {
  font-style: italic;
}

.text--normal {
  font-style: normal;
}

.text--underline {
  font-style: underline;
}

.body--font {
  font-family: "Hind", sans-serif;
}

.heading--font {
  font-family: "times_new_romanregular";
}

.fullscreen {
  min-height: 100vh;
  width: 100%;
}

.w--100 {
  width: 100%;
}

.w--75 {
  width: 75%;
}

.w--50 {
  width: 50%;
}

.w--33 {
  width: 33.33%;
}

.w--25 {
  width: 25%;
}

.w--10 {
  width: 10%;
}

.h--100 {
  height: 100%;
}

.h--75 {
  height: 75%;
}

.h--50 {
  height: 50%;
}

.h--25 {
  height: 25%;
}

.h--33 {
  height: 33.33%;
}

.h--10 {
  height: 10%;
}

.cr-border {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}
.cr-border.cr-border--tb {
  border-width: 1px 0 1px 0;
}
.cr-border.cr-border--lr {
  border-width: 0 1px 0 1px;
}
.cr-border.cr-border--l {
  border-width: 0 0 0 1px;
}
.cr-border.cr-border--r {
  border-width: 0 1px 0 0;
}
.cr-border.cr-border--t {
  border-width: 1px 0 0 0;
}
.cr-border.cr-border--b {
  border-width: 0 0 1px 0;
}
.cr-border.cr-border--bold {
  border-width: 2px;
}
.cr-border.cr-border--bold.cr-border--tb {
  border-width: 2px 0 2px 0;
}
.cr-border.cr-border--bold.cr-border--lr {
  border-width: 0 2px 0 2px;
}
.cr-border.cr-border--bold.cr-border--l {
  border-width: 0 0 0 2px;
}
.cr-border.cr-border--bold.cr-border--r {
  border-width: 0 2px 0 0;
}
.cr-border.cr-border--bold.cr-border--t {
  border-width: 2px 0 0 0;
}
.cr-border.cr-border--bold.cr-border--b {
  border-width: 0 0 2px 0;
}
.cr-border.cr-border--light {
  border-color: #e1e1e1;
}
.cr-border.cr-border--dark {
  border-color: #464646;
}
.cr-border.cr-border--theme {
  border-color: #548d27;
}

.cr-round {
  border-radius: 3px;
}
.cr-round.cr-round--full {
  border-radius: 100%;
}
.cr-round.cr-round--lg {
  border-radius: 100px;
}
.cr-round.cr-round--md {
  border-radius: 7px;
}
.cr-round.cr-round--sm {
  border-radius: 5px;
}
.cr-round.cr-round--xs {
  border-radius: 3px;
}

.hidden {
  display: none;
}

@media only screen and (min-width: 1920px) {
  .hidden-sp {
    display: none;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .hidden-xx {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .hidden-xlg {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .hidden-sm {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .hidden-xs {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .text-sp-center {
    text-align: center;
  }
  .text-sp-left {
    text-align: left;
  }
  .text-sp-right {
    text-align: right;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .text-xx-center {
    text-align: center;
  }
  .text-xx-left {
    text-align: left;
  }
  .text-xx-right {
    text-align: right;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .text-xlg-center {
    text-align: center;
  }
  .text-xlg-left {
    text-align: left;
  }
  .text-xlg-right {
    text-align: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .text-lg-center {
    text-align: center;
  }
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .text-md-center {
    text-align: center;
  }
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .text-sm-center {
    text-align: center;
  }
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
}
@media only screen and (max-width: 576px) {
  .text-xs-center {
    text-align: center;
  }
  .text-xs-left {
    text-align: left;
  }
  .text-xs-right {
    text-align: right;
  }
}
a#scrollUp {
  background: #ffffff;
  color: #303030;
  bottom: 40px;
  right: 40px;
  border-radius: 100px;
  height: 45px;
  width: 45px;
  font-size: 25px;
  text-align: center;
  padding: 9px 0;
  -webkit-box-shadow: 0 0 15px 0px rgba(50, 50, 50, 0.2);
          box-shadow: 0 0 15px 0px rgba(50, 50, 50, 0.2);
}
a#scrollUp:hover {
  background: #548d27;
  color: #fff;
}

.form-message {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}
.form-message.error {
  color: red;
}
.form-message.success {
  color: green;
}

[data-overlay], [data-black-overlay] {
  position: relative;
}

[data-overlay] > div, [data-overlay] > *, [data-black-overlay] > div, [data-black-overlay] > * {
  position: relative;
  z-index: 2;
}

[data-overlay]:before, [data-black-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

[data-overlay]:before {
  background-color: #548d27;
}

[data-black-overlay]:before {
  background-color: #000000;
}

[data-overlay="1"]:before, [data-black-overlay="1"]:before {
  opacity: 0.1;
}

[data-overlay="2"]:before, [data-black-overlay="2"]:before {
  opacity: 0.2;
}

[data-overlay="3"]:before, [data-black-overlay="3"]:before {
  opacity: 0.3;
}

[data-overlay="4"]:before, [data-black-overlay="4"]:before {
  opacity: 0.4;
}

[data-overlay="5"]:before, [data-black-overlay="5"]:before {
  opacity: 0.5;
}

[data-overlay="6"]:before, [data-black-overlay="6"]:before {
  opacity: 0.6;
}

[data-overlay="7"]:before, [data-black-overlay="7"]:before {
  opacity: 0.7;
}

[data-overlay="8"]:before, [data-black-overlay="8"]:before {
  opacity: 0.8;
}

[data-overlay="9"]:before, [data-black-overlay="9"]:before {
  opacity: 0.9;
}

[data-overlay="10"]:before, [data-black-overlay="10"]:before {
  opacity: 1;
}

.flower--left-top {
  overflow: hidden;
  position: relative;
}
.flower--left-top:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 400px;
  width: 400px;
  background: url(../images/others-png/flower.png) no-repeat scroll center center;
  background-size: cover;
  z-index: 1;
  -webkit-transform: translate(-40%, -35%);
  transform: translate(-40%, -35%);
}
.flower--left-top > * {
  position: relative;
  z-index: 2;
}

.flower--right-bottom {
  overflow: hidden;
  position: relative;
}
.flower--right-bottom:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  height: 400px;
  width: 400px;
  background: url(../images/others-png/flower.png) no-repeat scroll center center;
  background-size: cover;
  z-index: 1;
  -webkit-transform: translate(40%, 35%);
  transform: translate(40%, 35%);
}
.flower--right-bottom > * {
  position: relative;
  z-index: 2;
}

.flower--left-bottom {
  overflow: hidden;
  position: relative;
}
.flower--left-bottom:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 400px;
  width: 400px;
  background: url(../images/others-png/flower.png) no-repeat scroll center center;
  background-size: cover;
  z-index: 1;
  -webkit-transform: translate(-40%, 35%);
  transform: translate(-40%, 35%);
}
.flower--left-bottom > * {
  position: relative;
  z-index: 2;
}

.flower--right-top {
  overflow: hidden;
  position: relative;
}
.flower--right-top:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 400px;
  width: 400px;
  background: url(../images/others-png/flower.png) no-repeat scroll center center;
  background-size: cover;
  z-index: 1;
  -webkit-transform: translate(40%, -35%);
  transform: translate(40%, -35%);
}
.flower--right-top > * {
  position: relative;
  z-index: 2;
}

.zig-zag--top {
  position: relative;
}
.zig-zag--top:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  height: 30px;
  width: 100%;
  background: url(../images/icons/zigzag-top.png) repeat-x scroll 0 0;
  z-index: 1;
}

.zig-zag--bottom {
  position: relative;
  overflow: hidden;
}
.zig-zag--bottom:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 30px;
  width: 100%;
  background: url(../images/icons/zigzag-bottom.png) repeat-x scroll 0 0;
  z-index: 1;
}

.slick-active:focus, .slick-active:active, .slick-current:focus, .slick-current:active, .slick-slide:focus, .slick-slide:active {
  outline: none !important;
}

.ptb--150 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.pt--150 {
  padding-top: 150px;
}

.pb--150 {
  padding-bottom: 150px;
}

.ptb--140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.pt--140 {
  padding: 140px;
}

.pb--140 {
  padding-bottom: 140px;
}

.ptb--130 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.pt--130 {
  padding-top: 130px;
}

.pb--130 {
  padding-bottom: 130px;
}

.ptb--120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pt--120 {
  padding-top: 120px;
}

.pb--120 {
  padding-bottom: 120px;
}

.ptb--100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt--100 {
  padding-top: 100px;
}

.pb--100 {
  padding-bottom: 100px;
}

.ptb--90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pt--90 {
  padding-top: 90px;
}

.pb--90 {
  padding-bottom: 90px;
}


.pb--60 {
  padding-bottom: 60px;
}
.ptb--20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ptb--70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.mt--40 {
  margin-top: 40px;
}

.pt--60 {
  padding-top: 60px;
}

.mb--20 {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ptb--150 {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .pt--150 {
    padding-top: 120px;
  }
  .pb--150 {
    padding-bottom: 120px;
  }
  .ptb--140 {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .pt--140 {
    padding: 110px;
  }
  .pb--140 {
    padding-bottom: 110px;
  }
  .ptb--130 {
    padding-top: 105px;
    padding-bottom: 105px;
  }
  .pt--130 {
    padding-top: 105px;
  }
  .pb--130 {
    padding-bottom: 105px;
  }
  .ptb--120 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .pt--120 {
    padding-top: 100px;
  }
  .pb--120 {
    padding-bottom: 100px;
  }
  .ptb--100 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pt--100 {
    padding-top: 85px;
  }
  .pb--100 {
    padding-bottom: 85px;
  }
  .ptb--90 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .pt--90 {
    padding-top: 80px;
  }
  .pb--90 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .ptb--150 {
    padding-top: 85px;
    padding-bottom: 85px;
  }
  .pt--150 {
    padding-top: 85px;
  }
  .pb--150 {
    padding-bottom: 85px;
  }
  .ptb--140 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .pt--140 {
    padding: 75px;
  }
  .pb--140 {
    padding-bottom: 75px;
  }
  .ptb--130 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .pt--130 {
    padding-top: 70px;
  }
  .pb--130 {
    padding-bottom: 70px;
  }
  .ptb--120 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pt--120 {
    padding-top: 60px;
  }
  .pb--120 {
    padding-bottom: 60px;
  }
  .ptb--100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt--100 {
    padding-top: 50px;
  }
  .pb--100 {
    padding-bottom: 50px;
  }
  .ptb--90 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt--90 {
    padding-top: 50px;
  }
  .pb--90 {
    padding-bottom: 50px;
  }
}
/* Boxed Layout */
.wrapper.boxed--layout {
  overflow-x: hidden;
  position: relative;
  margin-left: 100px;
  margin-right: 100px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .wrapper.boxed--layout {
    margin-left: 60px;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .wrapper.boxed--layout {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .wrapper.boxed--layout {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper.boxed--layout {
    margin-left: 15px;
    margin-right: 15px;
  }
}

/*Elements*/
/*======= Section Title Styles =======*/
.section-title {
  padding: 0 40px;
}
.section-title h4 {
  font-size: 22px;
  color: #585858;
  font-weight: 700;
  font-family: "times_new_romanbold_italic";
  margin-bottom: 5px;
  margin-top: -3px;
}
.section-title h2 {
  font-size: 36px;
  line-height: 40px;
  color: #303030;
  font-weight: 700;
  font-family: "times_new_romanbold_italic";
}
.section-title p {
  color: #747474;
  margin-bottom: 0;
  margin-bottom: 50px;
}
.section-title p span {
  font-weight: 500;
}
.section-title.section-title--white h4 {
  color: #fff;
}
.section-title.section-title--white h2 {
  color: #fff;
}
.section-title.section-title--white p {
  color: #fff;
}

.small-title h4 {
  margin-top: -4px;
  font-size: 26px;
  font-weight: 700;
  font-style: italic;
  color: #303030;
  font-family: "times_new_romanbold_italic";
}
.small-title p {
  color: #606060;
  font-size: 15px;
  line-height: 26px;
}

@media only screen and (max-width: 767px) {
  .section-title {
    padding: 0;
  }
  .section-title h2 {
    font-size: 32px;
    line-height: 36px;
  }
}
/*======= Button Styles =======*/
.cr-btn, a.cr-btn, button.cr-btn {
  outline: none;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  display: inline-block;
  background-color: #548d27;
  padding: 0 30px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 100px;
  border-color: #548d27;
  border-width: 1px;
  border-style: solid;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.cr-btn:before, a.cr-btn:before, button.cr-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 100px;
}
.cr-btn:hover, a.cr-btn:hover, button.cr-btn:hover {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.cr-btn:hover:before, a.cr-btn:hover:before, button.cr-btn:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.cr-btn span, a.cr-btn span, button.cr-btn span {
  position: relative;
}
.cr-btn.text-lowercase, a.cr-btn.text-lowercase, button.cr-btn.text-lowercase {
  text-transform: lowercase;
}
.cr-btn.text-capitalize, a.cr-btn.text-capitalize, button.cr-btn.text-capitalize {
  text-transform: lowercase;
}
.cr-btn.cr-btn--xlg, a.cr-btn.cr-btn--xlg, button.cr-btn.cr-btn--xlg {
  font-size: 19px;
  height: 55px;
  line-height: 55px;
  padding: 0 40px;
}
.cr-btn.cr-btn--lg, a.cr-btn.cr-btn--lg, button.cr-btn.cr-btn--lg {
  font-size: 17px;
  height: 50px;
  line-height: 50px;
  padding: 0 35px;
}
.cr-btn.cr-btn--sm, a.cr-btn.cr-btn--sm, button.cr-btn.cr-btn--sm {
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
}
.cr-btn.cr-btn--xs, a.cr-btn.cr-btn--xs, button.cr-btn.cr-btn--xs {
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
}
.cr-btn.cr-btn--white, a.cr-btn.cr-btn--white, button.cr-btn.cr-btn--white {
  background-color: #ffffff;
  color: #000000;
}
.cr-btn.cr-btn--white:hover, a.cr-btn.cr-btn--white:hover, button.cr-btn.cr-btn--white:hover {
  color: #ffffff;
  background-color: #548d27;
}
.cr-btn.cr-btn--black, a.cr-btn.cr-btn--black, button.cr-btn.cr-btn--black {
  background-color: #303030;
  border-color: #303030;
}
.cr-btn.cr-btn--black:hover, a.cr-btn.cr-btn--black:hover, button.cr-btn.cr-btn--black:hover {
  background-color: #548d27;
  border-color: #548d27;
}
.cr-btn.cr-btn--theme, a.cr-btn.cr-btn--theme, button.cr-btn.cr-btn--theme {
  color: #ffffff;
  background-color: #548d27;
  border-color: #548d27;
}
.cr-btn.cr-btn--theme:hover, a.cr-btn.cr-btn--theme:hover, button.cr-btn.cr-btn--theme:hover {
  background-color: #548d27;
}
.cr-btn.cr-btn--grey, a.cr-btn.cr-btn--grey, button.cr-btn.cr-btn--grey {
  border-color: #e1e1e1;
  color: #606060;
  background: transparent;
}
.cr-btn.cr-btn--grey:hover, a.cr-btn.cr-btn--grey:hover, button.cr-btn.cr-btn--grey:hover {
  background: #548d27;
  color: #fff;
}
.cr-btn.cr-btn--transparent, a.cr-btn.cr-btn--transparent, button.cr-btn.cr-btn--transparent {
  background: transparent;
  color: #303030;
  border: 1px solid #303030;
}
.cr-btn.cr-btn--transparent:hover, a.cr-btn.cr-btn--transparent:hover, button.cr-btn.cr-btn--transparent:hover {
  background: #548d27;
  border-color: #548d27;
  color: #ffffff;
}
.cr-btn.cr-btn--transparent.cr-btn--theme, a.cr-btn.cr-btn--transparent.cr-btn--theme, button.cr-btn.cr-btn--transparent.cr-btn--theme {
  color: #548d27;
  background: transparent;
  border-color: #548d27;
}
.cr-btn.cr-btn--transparent.cr-btn--theme:hover, a.cr-btn.cr-btn--transparent.cr-btn--theme:hover, button.cr-btn.cr-btn--transparent.cr-btn--theme:hover {
  background: #548d27;
  color: #fff;
}
.cr-btn.cr-btn--light, a.cr-btn.cr-btn--light, button.cr-btn.cr-btn--light {
  color: #ffffff;
  border-color: #ffffff;
}
.cr-btn.cr-btn--dark, a.cr-btn.cr-btn--dark, button.cr-btn.cr-btn--dark {
  color: #303030;
  border-color: #303030;
}
.cr-btn.cr-btn--icon span.btn-icon, a.cr-btn.cr-btn--icon span.btn-icon, button.cr-btn.cr-btn--icon span.btn-icon {
  padding-left: 5px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cr-btn.cr-btn--icon:hover span.btn-icon, a.cr-btn.cr-btn--icon:hover span.btn-icon, button.cr-btn.cr-btn--icon:hover span.btn-icon {
  padding-left: 12px;
}

a.cr-readmore {
  display: inline-block;
  font-weight: 700;
  color: #4f4f4f;
  text-transform: uppercase;
  font-size: 14px;
  font-family: "times_new_romanbold_italic";
  font-style: italic;
}
a.cr-readmore:hover {
  color: #548d27;
}

.video-play-button, a.video-play-button, button.video-play-button {
  display: inline-block;
  height: 55px;
  width: 55px;
  background: #548d27;
  line-height: 55px;
  text-align: center;
  position: relative;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.video-play-button img, a.video-play-button img, button.video-play-button img {
  padding-left: 5px;
  position: relative;
}
.video-play-button:before, .video-play-button:after, a.video-play-button:before, a.video-play-button:after, button.video-play-button:before, button.video-play-button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: transparent;
  border: 1px solid #ffffff;
  z-index: -1;
  border-radius: 100px;
  opacity: 0;
}
.video-play-button:before, a.video-play-button:before, button.video-play-button:before {
  z-index: 2;
  -webkit-animation: playbutton-effect 1s ease-in-out infinite;
  animation: playbutton-effect 1s ease-in-out infinite;
}
.video-play-button:after, a.video-play-button:after, button.video-play-button:after {
  z-index: 2;
  -webkit-animation: playbutton-effect 1s ease-in-out infinite;
  animation: playbutton-effect 1s ease-in-out infinite;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.video-play-button:hover, a.video-play-button:hover, button.video-play-button:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@-webkit-keyframes playbutton-effect {
  from {
    opacity: 1;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2.3);
    transform: scale(2.3);
  }
}
@keyframes playbutton-effect {
  from {
    opacity: 1;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2.3);
    transform: scale(2.3);
  }
}
/*======= Social Icons Styles =======*/
.social-icons ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.social-icons ul li {
  display: inline-block;
  padding: 0 12px;
}
.social-icons ul li a {
  color: #000;
  display: inline-block;
}
.social-icons ul li:hover a {
  color: #548d27;
}
.social-icons ul li:first-child {
  padding-left: 0;
}
.social-icons ul li:last-child {
  padding-right: 0;
}
.social-icons ul li.facebook:hover a {
  color: #3B5998;
}
.social-icons ul li.twitter:hover a {
  color: #00ACEE;
}
.social-icons ul li.google-plus:hover a {
  color: #DD4B39;
}
.social-icons ul li.pinterest:hover a {
  color: #C8232C;
}
.social-icons ul li.linkedin:hover a {
  color: #0E76A8;
}
.social-icons ul li.flickr:hover a {
  color: #FF0084;
}
.social-icons ul li.dribbble:hover a {
  color: #EA4C89;
}
.social-icons ul li.google:hover a {
  color: #DD4B39;
}
.social-icons ul li.skype:hover a {
  color: #00AFF0;
}
.social-icons ul li.youtube:hover a {
  color: #C4302B;
}
.social-icons ul li.vimeo:hover a {
  color: #86C9EF;
}
.social-icons ul li.yahoo:hover a {
  color: #720E9E;
}
.social-icons ul li.paypal:hover a {
  color: #00588B;
}
.social-icons.social-icons--white ul li a {
  color: #ffffff;
}
.social-icons.social-icons--rounded ul li {
  padding: 0 8px;
}
.social-icons.social-icons--rounded ul li:first-child {
  padding-left: 0;
}
.social-icons.social-icons--rounded ul li:last-child {
  padding-right: 0;
}
.social-icons.social-icons--rounded ul li a {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #6a6a6a;
  color: #6a6a6a;
  border-radius: 100%;
  font-size: 13px;
}
.social-icons.social-icons--rounded ul li:hover a {
  background: #548d27;
  color: #ffffff;
  border-color: #548d27;
}
.social-icons.social-icons--rounded ul li.facebook:hover a {
  background: #3B5998;
  border-color: #3B5998;
}
.social-icons.social-icons--rounded ul li.twitter:hover a {
  background: #00ACEE;
  border-color: #00ACEE;
}
.social-icons.social-icons--rounded ul li.google-plus:hover a {
  background: #DD4B39;
  border-color: #DD4B39;
}
.social-icons.social-icons--rounded ul li.pinterest:hover a {
  background: #C8232C;
  border-color: #C8232C;
}
.social-icons.social-icons--rounded ul li.linkedin:hover a {
  background: #0E76A8;
  border-color: #0E76A8;
}
.social-icons.social-icons--rounded ul li.flickr:hover a {
  background: #FF0084;
  border-color: #FF0084;
}
.social-icons.social-icons--rounded ul li.dribbble:hover a {
  background: #EA4C89;
  border-color: #EA4C89;
}
.social-icons.social-icons--rounded ul li.google:hover a {
  background: #DD4B39;
  border-color: #DD4B39;
}
.social-icons.social-icons--rounded ul li.skype:hover a {
  background: #00AFF0;
  border-color: #00AFF0;
}
.social-icons.social-icons--rounded ul li.youtube:hover a {
  background: #C4302B;
  border-color: #C4302B;
}
.social-icons.social-icons--rounded ul li.vimeo:hover a {
  background: #86C9EF;
  border-color: #86C9EF;
}
.social-icons.social-icons--rounded ul li.yahoo:hover a {
  background: #720E9E;
  border-color: #720E9E;
}
.social-icons.social-icons--rounded ul li.paypal:hover a {
  background: #00588B;
  border-color: #00588B;
}
.social-icons.social-icons--rounded ul li.instagram:hover a {
  background: #E23F5F;
  border-color: #E23F5F;
}
.social-icons.social-icons--rounded.social-icons--medium ul li a {
  height: 35px;
  width: 35px;
  line-height: 36px;
}

/*======= Extra Elements Styles =======*/
/* Breadcrumb Styles */
.breadcrumb-area {
  background: url(../images/bg/breadcrumb-area-bg.jpg);
  background-size: cover;
  background-position: center center;
}

.cr-breadcrumb {
  position: relative;
  padding: 100px 0;
}
.cr-breadcrumb h2 {
  color: #fff;
  font-size: 48px;
  font-style: italic;
  font-family: "times_new_romanbold_italic";
  font-weight: 700;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .cr-breadcrumb {
    padding: 70px 0;
  }
  .cr-breadcrumb h2 {
    font-size: 32px;
  }
}

.cr-breadcrumb__tree {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.cr-breadcrumb__tree ul {
  list-style: none;
  padding-left: 0;
  display: inline-block;
}
.cr-breadcrumb__tree ul li {
  padding: 10px 0;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.25px;
}
.cr-breadcrumb__tree ul li:after {
  content: "-";
  padding-left: 5px;
}
.cr-breadcrumb__tree ul li:last-child:after {
  display: none;
}
.cr-breadcrumb__tree ul li a {
  display: inline-block;
  color: #fff;
}
.cr-breadcrumb__tree ul li a:hover {
  color: #548d27;
}

/* Pagination Styles */
.cr-pagination {
  padding-top: 55px;
  margin-bottom: -10px;
}
.cr-pagination ul {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cr-pagination ul li {
  display: inline-block;
  margin: 0 8px;
}
.cr-pagination ul li:first-child {
  margin-left: 0;
}
.cr-pagination ul li:last-child {
  margin-right: 0;
}
.cr-pagination ul li a {
  font-size: 16px;
  font-family: "times_new_romanitalic";
  font-weight: 700;
  font-style: italic;
  color: #a1a1a1;
  position: relative;
}
.cr-pagination ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  height: 1px;
  background: #434343;
  width: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.cr-pagination ul li:hover a:before {
  width: 100%;
}
.cr-pagination ul li.active a {
  color: #434343;
}
.cr-pagination ul li.active a:before {
  width: 100%;
}

.cr-pagination2 ul {
  padding-top: 30px;
  padding-left: 0;
}
.cr-pagination2 ul li {
  margin: 0 8px;
  display: inline-block;
}
.cr-pagination2 ul li:first-child {
  margin-left: 0;
}
.cr-pagination2 ul li:last-child {
  margin-right: 0;
}
.cr-pagination2 ul li a {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 100px;
  border: 1px solid #606060;
  text-align: center;
  color: #606060;
  font-size: 15px;
  line-height: 30px;
}
.cr-pagination2 ul li:hover a {
  background: #548d27;
  color: #fff;
  border-color: #548d27;
}

.cr-pagination3 {
  padding-top: 30px;
}
.cr-pagination3 ul {
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.cr-pagination3 ul li {
  margin: 0 8px;
  display: inline-block;
}
.cr-pagination3 ul li:first-child {
  margin-left: 0;
}
.cr-pagination3 ul li:last-child {
  margin-right: 0;
}
.cr-pagination3 ul li a {
  display: inline-block;
  height: 35px;
  border-radius: 100px;
  border: 1px solid #cccccc;
  text-align: center;
  color: #606060;
  font-size: 16px;
  line-height: 37px;
  padding: 0 25px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.cr-pagination3 ul li:hover a {
  background: #548d27;
  color: #fff;
  border-color: #548d27;
}

.calltoaction {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fafafa;
  padding: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.calltoaction h3 {
  padding-right: 70px;
  margin-bottom: 0;
  font-size: 26px;
  font-style: italic;
  font-family: "times_new_romanbold_italic";
  font-weight: 700;
  color: #303030;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .calltoaction h3 {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .calltoaction {
    text-align: left;
  }
  .calltoaction h3 {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .calltoaction {
    text-align: left;
  }
  .calltoaction h3 {
    padding-right: 30px;
  }
  .calltoaction .cr-btn {
    margin-top: 30px;
  }
}

/*Blocks*/
/*======= Header Styles =======*/
.header {
  z-index: 20;
}

.fixed--header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 21;
}

.logo {
  padding: 5px 0;
}
.logo a {
  display: inline-block;
}
.logo img {
    width: 100px;
}
.mean-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header--style-1 {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

.header .header__right ul {
  padding-left: 0;
  list-style: none;
}
.header .header__right ul li {
  padding-bottom: 10px;
}
.header .header__right ul li:first-child {
  padding-left: 0;
}
.header .header__right ul li:last-child {
  padding-right: 0;
}
.header .header__right__times li {
  font-size: 14px;
  color: #d2d2d2;
  font-weight: 500;
  font-family: "Hind", sans-serif;
  padding: 0 25px;
  text-transform: uppercase;
}
.header .header__right__times li p {
  margin-bottom: 0;
}
.header .header__right__times li p i {
  font-size: 20px;
  padding-right: 7px;
}
.header .header__right__icons {
  margin-left: 65px;
}
.header .header__right__icons li {
  padding: 0 20px;
}
.header .header__right__icons li a {
  display: inline-block;
  font-size: 12px;
  color: #d2d2d2;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #d2d2d2;
  border-radius: 100%;
  position: relative;
}
.header .header__right__icons li a span {
  position: absolute;
  display: inline-block;
  right: -6px;
  top: -6px;
  line-height: 18px;
  height: 16px;
  width: 16px;
  text-align: center;
  border-radius: 100%;
  background: #d2d2d2;
  color: #000;
  font-size: 9px;
}
.header .header__right__icons li:hover a {
  color: #548d27;
  border-color: #548d27;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fixed--header {
    position: relative;
  }
  .header--style-1 {
    padding-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .header .header__right {
    width: 100%;
  }
  .header .header__right ul li {
    padding-bottom: 15px;
  }
  .header .header__right__icons {
    margin-left: 30px;
  }
  .header .header__right__icons li {
    padding: 0 10px;
  }
  .header .header__right__icons li a {
    color: #303030;
    border-color: #303030;
  }
  .header .header__right__times li {
    padding: 0 12px;
    color: #303030;
  }
}
@media only screen and (max-width: 767px) {
  .fixed--header {
    position: relative;
  }
  .header--style-1 {
    padding-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .header .header__right {
    width: 100%;
  }
  .header .header__right ul li {
    padding-bottom: 15px;
  }
  .header .header__right__icons {
    margin-left: 30px;
  }
  .header .header__right__icons li {
    padding: 0 10px;
  }
  .header .header__right__icons li a {
    color: #303030;
    border-color: #303030;
  }
  .header .header__right__times li {
    padding: 0 12px;
    color: #303030;
  }
}
@media only screen and (max-width: 576px) {
  .header .header__right__times li {
    padding: 0 5px;
    color: #303030;
  }
  .header .header__right__times li p i {
    padding-right: 5px;
  }
}
a.mobile-logo {
  position: absolute;
  top: 8px;
  left: 0;
  z-index: 999;
  height: 50px;
  width: auto;
  max-height: 100%;
  display: inline-block;
}

.mobile-logo img {
  height: 100%;
  max-height: 100%;
  width: auto;
}

/* Header Style 2 Styles */
.header.header--style-2 .header__top__inner {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}
.header.header--style-2 .header__right ul li {
  padding-top: 45px;
  padding-bottom: 45px;
}
.header.header--style-2 .header__right__times li {
  font-size: 16px;
  color: #4a4a4a;
  padding: 0 15px;
}
.header.header--style-2 .header__right__times li p i {
  font-size: 22px;
}
.header.header--style-2 .header__right__icons {
  margin-left: 60px;
}
.header.header--style-2 .header__right__icons li {
  padding: 0 20px;
}
.header.header--style-2 .header__right__icons li a {
  color: #4a4a4a;
  border: 1px solid #4a4a4a;
}
.header.header--style-2 .header__right__icons li a span {
  background: #548d27;
  color: #ffffff;
}
.header.header--style-2 .header__right__icons li:hover a {
  color: #548d27;
  border-color: #548d27;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header.header--style-2 {
    padding-top: 25px;
    padding-bottom: 0;
  }
  .header.header--style-2 .header__right ul li {
    padding-top: 0;
    padding-bottom: 15px;
  }
  .header.header--style-2 .header__bottom.bg--theme {
    background: #ffffff;
  }
  .header.header--style-2 .header__right__icons {
    margin-left: 30px;
  }
  .header.header--style-2 .header__right__icons li {
    padding: 0 10px;
  }
  .header.header--style-2 .header__right__icons li a {
    color: #303030;
    border-color: #303030;
    font-size: 14px;
  }
  .header.header--style-2 .header__right__times li {
    padding: 0 12px;
    color: #303030;
    font-size: 14px;
  }
  .header.header--style-2 .header__right__times li p i {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .header.header--style-2 {
    padding-top: 25px;
    padding-bottom: 0;
  }
  .header.header--style-2 .header__right ul li {
    padding-top: 0;
    padding-bottom: 15px;
  }
  .header.header--style-2 .header__bottom.bg--theme {
    background: #ffffff;
  }
  .header.header--style-2 .header__right__icons {
    margin-left: 30px;
  }
  .header.header--style-2 .header__right__icons li {
    padding: 0 10px;
  }
  .header.header--style-2 .header__right__icons li a {
    color: #303030;
    border-color: #303030;
    font-size: 14px;
  }
  .header.header--style-2 .header__right__times li {
    padding: 0 12px;
    color: #303030;
    font-size: 14px;
  }
  .header.header--style-2 .header__right__times li p i {
    font-size: 20px;
  }
}
.header2-responsive-menu .mean-container .mean-bar {
  background: inherit;
}

/* Sticky Header */
.sticky--header.is-sticky .header--style-2 .header__bottom {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 998;
  -webkit-animation: fadeInDown 0.4s ease-in-out both;
  animation: fadeInDown 0.4s ease-in-out both;
  -webkit-transition: box-shadow 0.5s ease-in-out 0s;
  -webkit-transition: -webkit-box-shadow 0.5s ease-in-out 0s;
  transition: -webkit-box-shadow 0.5s ease-in-out 0s;
  transition: box-shadow 0.5s ease-in-out 0s;
  transition: box-shadow 0.5s ease-in-out 0s, -webkit-box-shadow 0.5s ease-in-out 0s;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.sticky--header.is-sticky .header--style-1 .mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 0 30px;
  -webkit-animation: fadeInDown 0.4s ease-in-out both;
  animation: fadeInDown 0.4s ease-in-out both;
}
.sticky--header.is-sticky .header--style-1 .mobile-menu a.mobile-logo {
  left: 30px;
}

/*======= Navigation Styles =======*/
/* Heder Style 1 Nagivagion */
.header nav.menu {
  display: block;
  width: 100%;
}
.header nav.menu ul {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0;
}
.header nav.menu ul li {
  padding: 0 15px;
  display: inline-block;
  position: relative;
}
.header nav.menu ul li:first-child {
  padding-left: 0;
}
.header nav.menu ul li:last-child {
  padding-right: 0;
}
.header nav.menu ul li a {
  font-size: 16px;
  display: inline-block;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #fff;
  padding: 12px 0;
  font-family: "Hind", sans-serif;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
}
.homepage .header nav.menu ul li a {
  color: #000;
}
.header nav.menu ul li:hover a {
  color: #548d27;
}
.sticky--header.is-sticky {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 10px -5px #000;-webkit-animation: fadeInDown 0.4s ease-in-out both;
    animation: fadeInDown 0.4s ease-in-out both;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .header nav.menu ul li a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header nav.menu ul li {
    padding: 0 16px;
  }
  .header nav.menu ul li a {
    font-size: 16px;
  }
}

/* Header Style 2 navigation */
.header.header--style-2 nav.menu ul li a {
  padding: 25px 0;
  color: #fff;
  font-weight: 600;
}

/* Dropdown Style */
.header nav.menu ul > li.cr-dropdown > a:after {
  content: "\eb89";
  font-family: "IcoFont";
  font-size: 14px;
  padding-left: 5px;
}
.header nav.menu ul > li.cr-dropdown li.cr-sub--dropdown > a:after {
  content: "\f105";
  float: right;
}
.header nav.menu ul li ul.cr-dropdown-menu {
  position: absolute;
  width: 265px;
  background: #fafafa;
  height: auto;
  left: 0;
  top: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header nav.menu ul li ul.cr-dropdown-menu.right-side {
    left: auto;
    right: 0;
  }
}
.header nav.menu ul li ul.cr-dropdown-menu li {
  width: 100%;
  padding: 0 30px;
  display: block;
  position: relative;
}
.header nav.menu ul li ul.cr-dropdown-menu li a {
  display: block;
  padding: 9px 0;
  font-size: 14px;
  color: #303030;
  font-weight: 500;
  position: relative;
}
.header nav.menu ul li ul.cr-dropdown-menu li a:before {
  content: "";
  left: 0;
  top: 50%;
  height: 2px;
  width: 0;
  background: #548d27;
  position: absolute;
  margin-top: -3px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.header nav.menu ul li ul.cr-dropdown-menu li:hover > a {
  color: #548d27;
  padding-left: 15px;
}
.header nav.menu ul li ul.cr-dropdown-menu li:hover > a:before {
  width: 10px;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.header nav.menu ul li ul.cr-dropdown-menu li ul.cr-sub--dropdown-menu {
  left: 100%;
  top: 0;
  z-index: 99;
}
.header nav.menu ul li:hover > ul.cr-dropdown-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}