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

	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.1

	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 =======*/
@font-face {
  font-family: "Droid Arabic Kufi";
  src: url("./fonts/Droid.Arabic.Kufi.ttf");
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: "Droid Arabic Kufi" !important;
  font-size: 100%;
}

*,
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: #016241;
  color: #ffffff;
  text-shadow: none;
}

::selection {
  background: #016241;
  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;
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a {
  font-family: "Droid Arabic Kufi";
}
@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;
  }
  p {
    font-size: 13px !important;
    font-weight: 600 !important;
  }

  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: "Droid Arabic Kufi";
  color: #747474;
  font-weight: 400;
  overflow-x: hidden;
}

.timer {
  font-family: "Droid Arabic Kufi";
  font-size: 15px;
  font-weight: 400;
}

.banner-btn {
  border: 2px solid #016241 !important;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  background: #016241;
  padding: 10px 20px;
  border-radius: 15px;
  font-family: "Droid Arabic Kufi";
}

.banner-btn:hover {
  border: 2px solid #b18723 !important;
  background: none;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
 
  border-radius: 15px;
  font-family: "Droid Arabic Kufi";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-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 {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-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-right: 25px;
  position: relative;
  color: #747474;
}

input[type="radio"] + label:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  display: inline-block;
  background: transparent;
  border: 2px solid #ebebeb;
  border-radius: 100%;
  right: 0;
  top: 5px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

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

@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;
  font-size: 15px;
  font-weight: 500;
  text-align: justify;
  line-height: normal;
}

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: "Droid Arabic Kufi";
  padding: 30px 20px;
}

blockquote:before {
  content: '"';
  font-size: 48px;
  color: #000;
  font-family: "Droid Arabic Kufi";
  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;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-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: #016241;
}

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

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

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

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

.bg--theme {
  /* background: #016241;*/
  background: #016241;
}

.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%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bg-image--1 {
  background-image: url(images/bg/2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.bg-image--i {
  background-image: url(images/slider/7.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;
}

.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: "Droid Arabic Kufi";
}

.heading--font {
  font-family: "Droid Arabic Kufi";
}

.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: #016241;
}

.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: #016241;
  color: #fff;
}*/
a#scrollUp {
    background: #ffffff;
    color: #303030;
    bottom: 40px;
    left: 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: #016241;
    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: #016241;
}

[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/bg/flower.png) no-repeat scroll center center;
  background-size: cover;
  z-index: 1;
  -webkit-transform: translate(-40%, -35%);
  -moz-transform: translate(-40%, -35%);
  -ms-transform: translate(-40%, -35%);
  -o-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%);
  -moz-transform: translate(40%, 35%);
  -ms-transform: translate(40%, 35%);
  -o-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%);
  -moz-transform: translate(-40%, 35%);
  -ms-transform: translate(-40%, 35%);
  -o-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%);
  -moz-transform: translate(40%, -35%);
  -ms-transform: translate(40%, -35%);
  -o-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;
}

.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;
}

.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);
  -moz-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: "Droid Arabic Kufi";
  margin-bottom: 5px;
  margin-top: -3px;
}

.section-title h2 {
  font-size: 36px;
  line-height: 40px;
  color: #303030;
  font-weight: 700;
  font-family: "Droid Arabic Kufi";
}

.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: "Droid Arabic Kufi";
}

.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: #016241;
  padding: 0 30px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 100px;
  border-color: #016241;
  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);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-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);
  -moz-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);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-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;
  font-weight: 500;
}

.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: #016241;
}

.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: #016241;
  border-color: #016241;
}

.cr-btn.cr-btn--theme,
a.cr-btn.cr-btn--theme,
button.cr-btn.cr-btn--theme {
  color: #ffffff;
  background-color: #016241;
  border-color: #016241;
}

.cr-btn.cr-btn--theme:hover,
a.cr-btn.cr-btn--theme:hover,
button.cr-btn.cr-btn--theme:hover {
  background-color: #016241;
}

.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: #016241;
  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: #016241;
  border-color: #016241;
  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: #016241;
  background: transparent;
  border-color: #016241;
}

.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: #016241;
  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;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-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: "Droid Arabic Kufi";
  font-style: italic;
}

a.cr-readmore:hover {
  color: #016241;
}

.video-play-button,
a.video-play-button,
button.video-play-button {
  display: inline-block;
  height: 55px;
  width: 55px;
  background: #016241;
  line-height: 55px;
  text-align: center;
  position: relative;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-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;
  -moz-animation: playbutton-effect 1s ease-in-out infinite;
  -ms-animation: playbutton-effect 1s ease-in-out infinite;
  -o-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;
  -moz-animation: playbutton-effect 1s ease-in-out infinite;
  -ms-animation: playbutton-effect 1s ease-in-out infinite;
  -o-animation: playbutton-effect 1s ease-in-out infinite;
  animation: playbutton-effect 1s ease-in-out infinite;
  -webkit-animation-delay: 0.2s;
  -o-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);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

@-webkit-keyframes playbutton-effect {
  from {
    opacity: 1;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
    transform: scale(2.3);
  }
}

@-o-keyframes playbutton-effect {
  from {
    opacity: 1;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
    transform: scale(2.3);
  }
}

@-moz-keyframes playbutton-effect {
  from {
    opacity: 1;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-transform: scale(2.3);
    transform: scale(2.3);
  }
}

@keyframes playbutton-effect {
  from {
    opacity: 1;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(2.3);
    -moz-transform: scale(2.3);
    -ms-transform: scale(2.3);
    -o-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: #016241;
}

.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: #016241;
  color: #ffffff;
  border-color: #016241;
}

.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;
}

/*======= Slider Element Styles =======*/
/* Slider Dots Style 1 */
.slider-dots--style1 {
  position: relative;
  margin-bottom: 0 !important;
}

.slider-dots--style1 ul.slick-dots {
  position: absolute;
  left: -118px;
  bottom: -30px;
  text-align: left;
  display: inline-block;
  -webkit-transform: rotate(-90deg) translateX(50%);
  -moz-transform: rotate(-90deg) translateX(50%);
  -ms-transform: rotate(-90deg) translateX(50%);
  -o-transform: rotate(-90deg) translateX(50%);
  transform: rotate(-90deg) translateX(50%);
  z-index: 5;
  width: auto;
  counter-reset: li;
}

.slider-dots--style1 ul.slick-dots li {
  height: auto;
  width: auto;
  margin: 10px 8px !important;
  font-family: "Droid Arabic Kufi";
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.slider-dots--style1 ul.slick-dots li:first-child {
  margin-left: 0;
}

.slider-dots--style1 ul.slick-dots li:last-child {
  margin-right: 0;
}

.slider-dots--style1 ul.slick-dots li button {
  display: none;
}

.slider-dots--style1 ul.slick-dots li:before {
  content: "";
  height: 1px;
  width: 0;
  position: absolute;
  left: 0;
  top: 45%;
  background: #434343;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.slider-dots--style1 ul.slick-dots li:after {
  counter-increment: li;
  content: "0" counter(li);
}

.slider-dots--style1 ul.slick-dots li.slick-active {
  color: #434343;
}

.slider-dots--style1 ul.slick-dots li.slick-active:before {
  width: 100%;
}

/* Slider Arrow Style 1 */
.slider-arrow--style1 {
  position: relative;
}

.slider-arrow--style1 .slick-arrow {
  position: absolute;
  top: 50%;
  font-size: 26px;
  z-index: 1;
  line-height: 1;
  border-radius: 100%;
  height: 60px;
  width: 60px;
  display: inline-block;
  padding: 17px 0;
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
  margin-top: -30px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.slider-arrow--style1 .slick-arrow:hover {
  background: #016241;
}

.slider-arrow--style1 .slick-arrow.arrow-prev {
  left: 80px;
  -webkit-transform: translateX(-50px);
  -moz-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  transform: translateX(-50px);
  visibility: hidden;
  opacity: 0;
}

.slider-arrow--style1 .slick-arrow.arrow-next {
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
  right: 80px;
  visibility: hidden;
  opacity: 0;
}

.slider-arrow--style1:hover .slick-arrow.arrow-prev {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

.slider-arrow--style1:hover .slick-arrow.arrow-next {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

.slider-arrow--style1.arrow--dark .slick-arrow {
  background: rgba(0, 0, 0, 0.2);
}

.slider-arrow--style1.arrow--dark .slick-arrow:hover {
  background: #016241;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-arrow--style1 .slick-arrow {
    font-size: 22px;
    height: 45px;
    width: 45px;
    margin-top: -22px;
    padding: 12px 0;
  }

  .slider-arrow--style1 .slick-arrow.arrow-prev {
    left: 15px;
  }

  .slider-arrow--style1 .slick-arrow.arrow-next {
    right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-arrow--style1 .slick-arrow {
    font-size: 22px;
    height: 45px;
    width: 45px;
    margin-top: -22px;
    padding: 12px 0;
    top: auto;
    bottom: 30px;
  }

  .slider-arrow--style1 .slick-arrow.arrow-prev {
    left: auto;
    right: calc(50% + 10px);
  }

  .slider-arrow--style1 .slick-arrow.arrow-next {
    right: auto;
    left: calc(50% + 10px);
  }
}

@media only screen and (max-width: 767px) {
  .slider-arrow--style1 .slick-arrow {
    font-size: 18px;
    height: 38px;
    width: 38px;
    margin-top: -19px;
    padding: 10px 0;
    top: auto;
    bottom: 30px;
  }

  .slider-arrow--style1 .slick-arrow.arrow-prev {
    left: auto;
    right: calc(50% + 10px);
  }

  .slider-arrow--style1 .slick-arrow.arrow-next {
    right: auto;
    left: calc(50% + 10px);
  }
}

/* Slider Arrow Style 2 */
.slider-arrow--style2 {
  position: relative;
}

.slider-arrow--style2 .slick-arrow {
  position: absolute;
  top: 50%;
  font-size: 16px;
  z-index: 1;
  line-height: 1;
  border-radius: 100%;
  height: 50px;
  width: 50px;
  display: inline-block;
  background: #ffffff;
  color: #fff;
  margin-top: -25px;
  padding: 3px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.slider-arrow--style2 .slick-arrow span {
  height: 100%;
  width: 100%;
  padding: 14px 0;
  background: #016241;
  color: #fff;
  display: inline-block;
  border-radius: 100%;
}

.slider-arrow--style2 .slick-arrow.arrow-prev {
  left: -10px;
}

.slider-arrow--style2 .slick-arrow.arrow-next {
  right: -10px;
}

@media only screen and (max-width: 767px) {
  .slider-arrow--style2 .slick-arrow {
    top: 100%;
    margin-top: 0;
  }

  .slider-arrow--style2 .slick-arrow.arrow-prev {
    left: auto;
    right: calc(50% + 10px);
  }

  .slider-arrow--style2 .slick-arrow.arrow-next {
    right: auto;
    left: calc(50% + 10px);
  }
}

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

.cr-breadcrumb {
  position: relative;
  padding: 100px 0;
}

.cr-breadcrumb h2 {
  color: #fff;
  font-size: 40px;
  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: #016241;
}

/* 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: "Droid Arabic Kufi";
  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;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-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: #016241;
  color: #fff;
  border-color: #016241;
}

.cr-pagination3 {
  padding-top: 30px;
}

.cr-pagination3 ul {
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -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: #016241;
  color: #fff;
  border-color: #016241;
}

.calltoaction {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fafafa;
  padding: 30px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.calltoaction h3 {
  padding-right: 70px;
  margin-bottom: 0;
  font-size: 26px;
  font-style: italic;
  font-family: "Droid Arabic Kufi";
  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;
}

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

.header .header__right ul {
  padding-right: 0;
  list-style: none;
}

.header .header__right ul li {
  padding-bottom: 10px;
}

.header .header__right ul li:first-child {
  padding-right: 0;
}

.header .header__right ul li:last-child {
  padding-left: 0;
}

.header .header__right__times li {
  font-size: 14px;
  color: #d2d2d2;
  font-weight: 500;
  font-family: "Droid Arabic Kufi";
  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: #016241;
  border-color: #016241;
}

.banner__content .col-lg-6 {
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fixed--header {
    position: relative;
  }

  .header--style-1 {
    padding-top: 25px;
    padding-bottom: 0;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header .header__right {
    width: 100%;
    z-index: 1000;
  }

  .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;
  }

  .fixed--header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: #000;*/
    opacity: 0.6;
  }

  .header .header__right__icons {
    margin-left: 0;
  }

  .header .header__right__icons li {
    padding: 0 10px;
  }

  .header .header__right__icons li a {
    color: whitesmoke;
    border-color: whitesmoke;
  }

  .header .header__right__times li {
    padding: 0 12px;
    color: whitesmoke;
  }

  .header .header__right__times li {
    padding: 0 5px;
    color: whitesmoke;
  }

  .header .header__right__times li p i {
    padding-left: 5px;
    color: whitesmoke;
  }

  .mean-container .mean-bar {
    background: transparent;
  }

  .mean-container a.meanmenu-reveal span {
    background: whitesmoke;
  }

  .fixed--header.is-sticky .mean-container a.meanmenu-reveal span {
    background: #006341;
  }

  .mean-container a.meanmenu-reveal {
    color: whitesmoke;
  }

  .fixed--header.is-sticky .mean-container a.meanmenu-reveal {
    color: #006341;
  }
}

@media only screen and (max-width: 767px) {
  .fixed--header {
    position: relative;
  }

  .header--style-1 {
    padding-top: 25px;
    padding-bottom: 0;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header .header__right {
    width: 100%;
    z-index: 100;
    text-align: center;
  }

  .header .header__right ul {
    padding: 0 15px;
  }

  .header .header__right ul li {
    padding-bottom: 15px;
  }

  .header .header__right__icons {
    margin-left: 0;
  }

  .header .header__right__icons li {
    padding: 0 10px;
  }

  .header .header__right__icons li a {
    color: whitesmoke;
    border-color: whitesmoke;
  }

  .header .header__right__times li {
    padding: 0 12px;
    color: whitesmoke;
  }

  .fixed--header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: #000;*/
    opacity: 0.6;
  }
}

@media only screen and (max-width: 576px) {
  .header .header__right__times li {
    padding: 0 5px;
    color: whitesmoke;
  }

  .header .header__right__times li p i {
    padding-left: 5px;
    color: whitesmoke;
  }

  .mean-container .mean-bar {
    background: transparent;
  }

  .mean-container a.meanmenu-reveal span {
    height: 3px;
    background: whitesmoke;
  }

  .fixed--header.is-sticky .mean-container a.meanmenu-reveal span {
    background: #006341;
  }

  .mean-container a.meanmenu-reveal {
    color: whitesmoke;
  }

  .fixed--header.is-sticky .mean-container a.meanmenu-reveal {
    color: #006341;
  }

  .header__right__times {
    display: none !important;
  }
}

.account,
.account:hover {
  position: absolute;
  top: 27px;
  left: 25px;
  z-index: 999;
  color: #fff;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #fff;
}

/* Header Style 2 Styles */
.header.header--style-2 .header__top__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: 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: #016241;
  color: #ffffff;
}

.header.header--style-2 .header__right__icons li:hover a {
  color: #016241;
  border-color: #016241;
}

@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;
  -moz-animation: fadeInDown 0.4s ease-in-out both;
  -ms-animation: fadeInDown 0.4s ease-in-out both;
  -o-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;
  -moz-transition: box-shadow 0.5s ease-in-out 0s;
  -ms-transition: box-shadow 0.5s ease-in-out 0s;
  -o-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);
  -moz-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 .header__right__bottom {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 998;
  background: #016241;
  -webkit-animation: fadeInDown 0.4s ease-in-out both;
  -moz-animation: fadeInDown 0.4s ease-in-out both;
  -ms-animation: fadeInDown 0.4s ease-in-out both;
  -o-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;
  -moz-transition: box-shadow 0.5s ease-in-out 0s;
  -ms-transition: box-shadow 0.5s ease-in-out 0s;
  -o-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);
  -moz-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
  .header__right__bottom
  nav.menu
  > ul {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  -webkit-justify-content: center !important;
  -moz-justify-content: center !important;
  justify-content: center !important;
}

.sticky--header.is-sticky
  .header--style-1
  .header__right__bottom
  nav.menu
  > ul
  > li:hover
  > a {
  color: #dddddd;
}

.sticky--header.is-sticky .mean-container .mean-bar {
  border-top: 0px;
}

.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;
  -moz-animation: fadeInDown 0.4s ease-in-out both;
  -ms-animation: fadeInDown 0.4s ease-in-out both;
  -o-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: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0;
}

.header nav.menu ul li {
  padding: 0 25px;
  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: #ffffff;
  padding: 25px 0;
  font-family: "Hind", sans-serif;
  position: relative;
  text-transform: uppercase;
}

.header nav.menu ul li:hover a {
  color: #016241;
}

@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;
}

/* 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%;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
  -moz-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;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}

.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: #016241;
  position: absolute;
  margin-top: -3px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-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: #016241;
  padding-left: 15px;
}

.header nav.menu ul li ul.cr-dropdown-menu li:hover > a:before {
  width: 10px;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-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);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

/*======= Banner Styles =======*/
.right-side--bg {
  background-color: #f3f3f3;
  background: url(images/bg/banner2-bg.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}

.banner__single {
  position: relative;
}

.banner__side-photo {
  position: absolute;
  bottom: 0;
  left: 10%;
  max-width: 35%;
  margin-left: -50px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out 0.8s;
  -moz-transition: all 1s ease-in-out 0.8s;
  -ms-transition: all 1s ease-in-out 0.8s;
  -o-transition: all 1s ease-in-out 0.8s;
  transition: all 1s ease-in-out 0.8s;
}

.slick-current .banner__side-photo,
.slick-active .banner__side-photo {
  margin-left: 0;
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .banner__side-photo {
    left: 2%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__side-photo {
    left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__side-photo {
    left: 0;
  }

  .right-side--bg {
    background-position: 69% bottom;
  }
}

@media only screen and (max-width: 767px) {
  .banner__side-photo {
    left: 0;
    width: 100%;
    position: relative;
    max-width: 60%;
    text-align: center;
  }

  .banner__side-photo img {
    width: auto;
  }

  .right-side--bg {
    background-position: 69% bottom;
  }
}

@media only screen and (max-width: 576px) {
  .banner__side-photo {
    left: 0;
    width: 100%;
    position: relative;
    max-width: 80%;
    text-align: center;
  }

  .banner__side-photo img {
    width: auto;
  }

  .right-side--bg {
    background-position: 69% bottom;
  }
}

.banner__content {
  position: relative;
  z-index: 1;
  /*padding: 60px 0 100px;*/
}

.banner__content img {
  width: 247px;
  margin-bottom: 40px;
  display: inline-block;
}

.banner__content h1 {
  color: #ffffff;
  line-height: 52px;
  font-family: "Droid Arabic Kufi";
  font-size: 60px;
  font-weight: 700;
}

.banner__content h3 {
  color: #ffffff;
  font-family: "Droid Arabic Kufi";
  font-size: 30px;
  font-weight: 400;
}

.banner__content h3 strong {
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  font-size: 108%;
}

.banner__content a.cr-btn {
  margin-top: 27px;
}

.banner__content.color--theme h1 {
  color: #016241;
}

.banner__content.color--theme h3 {
  color: #016241;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__content img {
    margin-bottom: 30px;
  }

  .banner__content h1 {
    font-size: 48px;
    line-height: 42px;
  }

  .banner__content h3 {
    font-size: 30px;
    line-height: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__content img {
    margin-bottom: 15px;
  }

  .banner__content h1 {
    font-size: 48px;
    line-height: 42px;
  }

  .banner__content h3 {
    font-size: 30px;
    line-height: 36px;
  }

  .banner__content a.cr-btn {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .banner__content {
    padding: 50px 0 20px;
  }

  .banner__content img {
    margin-bottom: 15px;
  }

  .banner__content h1 {
    font-size: 44px;
    line-height: 42px;
  }

  .banner__content h3 {
    font-size: 30px;
    line-height: 36px;
  }

  .banner__content a.cr-btn {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 576px) {
  .banner__content img {
    margin-bottom: 5px;
    max-width: 70%;
  }

  .banner__content h1 {
    font-size: 28px;
    line-height: 32px;
  }

  .banner__content h3 {
    font-size: 24px;
    line-height: 28px;
  }

  .banner__content a.cr-btn {
    margin-top: 15px;
  }
}

/* Slider Banner */
.slide-animate-text .banner__content > * {
  opacity: 0;
}

.slide-animate-text .slick-current .banner__content > *,
.slide-animate-text .slick-active .banner__content > * {
  -webkit-animation: fadeInUp 0.8s ease-in-out 0.3s both;
  -moz-animation: fadeInUp 0.8s ease-in-out 0.3s both;
  -ms-animation: fadeInUp 0.8s ease-in-out 0.3s both;
  -o-animation: fadeInUp 0.8s ease-in-out 0.3s both;
  animation: fadeInUp 0.8s ease-in-out 0.3s both;
}

.slide-animate-text .slick-current .banner__content img,
.slide-animate-text .slick-active .banner__content img {
  -webkit-animation: fadeInDown 0.8s ease-in-out 0.3s both;
  -moz-animation: fadeInDown 0.8s ease-in-out 0.3s both;
  -ms-animation: fadeInDown 0.8s ease-in-out 0.3s both;
  -o-animation: fadeInDown 0.8s ease-in-out 0.3s both;
  animation: fadeInDown 0.8s ease-in-out 0.3s both;
}

.slide-animate-text .slick-current .banner__content h3,
.slide-animate-text .slick-active .banner__content h3 {
  -webkit-animation: fadeInUp 0.8s ease-in-out 0.5s both;
  -moz-animation: fadeInUp 0.8s ease-in-out 0.5s both;
  -ms-animation: fadeInUp 0.8s ease-in-out 0.5s both;
  -o-animation: fadeInUp 0.8s ease-in-out 0.5s both;
  animation: fadeInUp 0.8s ease-in-out 0.5s both;
}

.slide-animate-text .slick-current .banner__content h1,
.slide-animate-text .slick-active .banner__content h1 {
  -webkit-animation: fadeInRight 0.8s ease-in-out 0.5s both;
  -moz-animation: fadeInRight 0.8s ease-in-out 0.5s both;
  -ms-animation: fadeInRight 0.8s ease-in-out 0.5s both;
  -o-animation: fadeInRight 0.8s ease-in-out 0.5s both;
  animation: fadeInRight 0.8s ease-in-out 0.5s both;
}

.slide-animate-text .slick-current .banner__content .banner__content__button,
.slide-animate-text .slick-active .banner__content .banner__content__button {
  -webkit-animation: fadeInUp 0.8s ease-in-out 0.7s both;
  -moz-animation: fadeInUp 0.8s ease-in-out 0.7s both;
  -ms-animation: fadeInUp 0.8s ease-in-out 0.7s both;
  -o-animation: fadeInUp 0.8s ease-in-out 0.7s both;
  animation: fadeInUp 0.8s ease-in-out 0.7s both;
}

@-webkit-keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomInOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/*======= Accountbox Styles =======*/
.wrapper {
  position: relative;
}

.accountbox-wrapper {
  z-index: -9991;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
}

.accountbox-wrapper.is-visible {
  visibility: visible;
  opacity: 1;
  z-index: 9991;
}

.accountbox-wrapper .body-overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -21;
  height: 100%;
  width: 100%;
  background: #15181c;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  cursor: url(images/icons/cross-icon.png), crosshair;
}

.accountbox-wrapper.is-visible .accountbox {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.7;
  visibility: visible;
}

.accountbox-wrapper.is-visible .body-overlay {
  opacity: 0.9;
  visibility: visible;
  z-index: 21;
}

.accountbox__filters {
  padding-bottom: 7px;
}

.accountbox__filters li {
  padding: 0 10px;
  margin-bottom: 0;
  position: relative;
}

.accountbox__filters li:first-child {
  padding-left: 0;
}

.accountbox__filters li:last-child {
  padding-right: 0;
}

.accountbox__filters li:last-child:before {
  display: none;
}

.accountbox__filters li:before {
  content: "";
  height: 3px;
  width: 10px;
  background: #cdcdcd;
  position: absolute;
  right: 0;
  margin-right: -5px;
  top: 50%;
}

.accountbox__filters li a {
  font-size: 24px;
  font-weight: 700;
  font-family: "Droid Arabic Kufi";
  color: #cdcdcd;
  font-style: italic;
}

.accountbox__filters li a.active {
  color: #303030;
}

.accountbox {
  background: #fff;
  position: absolute;
  z-index: 23;
  left: 50%;
  top: 50%;
  width: 460px;
  opacity: 0;
  visibility: hidden;
  padding: 70px;
  -webkit-transform: translate(-50%, -120%);
  -moz-transform: translate(-50%, -120%);
  -ms-transform: translate(-50%, -120%);
  -o-transform: translate(-50%, -120%);
  transform: translate(-50%, -120%);
  -webkit-transition: transform 0.5s cubic-bezier(0.38, 0.7, 0.66, 0.82) 0.3s;
  -moz-transition: transform 0.5s cubic-bezier(0.38, 0.7, 0.66, 0.82) 0.3s;
  -ms-transition: transform 0.5s cubic-bezier(0.38, 0.7, 0.66, 0.82) 0.3s;
  -o-transition: transform 0.5s cubic-bezier(0.38, 0.7, 0.66, 0.82) 0.3s;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.38, 0.7, 0.66, 0.82)
    0.3s;
  transition: -webkit-transform 0.5s cubic-bezier(0.38, 0.7, 0.66, 0.82) 0.3s;
  transition: transform 0.5s cubic-bezier(0.38, 0.7, 0.66, 0.82) 0.3s;
  transition: transform 0.5s cubic-bezier(0.38, 0.7, 0.66, 0.82) 0.3s,
    -webkit-transform 0.5s cubic-bezier(0.38, 0.7, 0.66, 0.82) 0.3s;
}

.accountbox .single-input {
  margin-top: 25px;
}

.accountbox .single-input input {
  height: 40px;
  line-height: 42px;
  border: 1px solid #aaaaaa;
  background: transparent;
  font-size: 14px;
  color: #afacac;
  width: 100%;
  padding: 0 10px;
  border-radius: 5px;
}

.accountbox .single-input input:focus {
  border-color: #016241;
}

.accountbox .single-input input::-webkit-input-placeholder {
  color: #afacac;
}

.accountbox .single-input input:-ms-input-placeholder {
  color: #afacac;
}

.accountbox .single-input input::-ms-input-placeholder {
  color: #afacac;
}

.accountbox .single-input input::placeholder {
  color: #afacac;
}

.accountbox .single-input input::-moz-placeholder {
  color: #afacac;
}

.accountbox .single-input button {
  padding: 0 35px;
}

.accountbox-login__others {
  margin-top: 50px;
}

.accountbox-login__others h6 {
  font-family: "Droid Arabic Kufi";
  color: #898989;
  font-size: 14px;
  margin-bottom: 25px;
}

.accountbox-close-button {
  display: inline-block;
  height: 40px;
  width: 40px;
  background: transparent;
  text-align: center;
  line-height: 40px;
  font-size: 25px;
  color: #333333;
  position: absolute;
  right: 4px;
  top: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.accountbox-close-button:hover {
  opacity: 0.9;
  color: #016241;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .accountbox-wrapper {
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .accountbox-wrapper .accountbox {
    top: 50px;
  }

  .accountbox-wrapper .accountbox .accountbox-close-button {
    left: auto;
    right: 0;
  }

  .accountbox-wrapper.is-visible .accountbox {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@media only screen and (max-width: 767px) {
  .accountbox-wrapper {
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .accountbox-wrapper .accountbox {
    top: 50px;
    width: calc(100% - 60px);
    -webkit-transform: translate(-50%, -120%);
    -moz-transform: translate(-50%, -120%);
    -ms-transform: translate(-50%, -120%);
    -o-transform: translate(-50%, -120%);
    transform: translate(-50%, -120%);
    left: 50%;
  }

  .accountbox-wrapper .accountbox.is-visible {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .accountbox-wrapper.is-visible .accountbox {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@media only screen and (max-width: 576px) {
  .accountbox-wrapper {
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .accountbox-wrapper .accountbox {
    padding: 45px 30px;
    padding-right: 30px;
    top: 50px;
    width: calc(100% - 60px);
    -webkit-transform: translate(-50%, -120%);
    -moz-transform: translate(-50%, -120%);
    -ms-transform: translate(-50%, -120%);
    -o-transform: translate(-50%, -120%);
    transform: translate(-50%, -120%);
    left: 50%;
  }

  .accountbox-wrapper .accountbox.is-visible {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .accountbox-wrapper.is-visible .accountbox {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

/*======= Product Styles =======*/
.product {
  margin: 0 15px;
  margin-top: 30px;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  position: relative;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  display: inline-block;
}

.product__thumb img {
  display: inline-block;
}

.product__content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.product__content h5 {
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  font-family: "Droid Arabic Kufi";
  padding-right: 25px;
  margin-bottom: 0;
}

.product__content h5 a {
  color: #515151;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.product__content h5 a:hover {
  color: #016241;
}

.product__content span {
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  font-family: "Droid Arabic Kufi";
  color: #515151;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.product__action {
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(21, 21, 21, 0.95);
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.product__action ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}

.product__action ul li {
  padding: 0 5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.product__action ul li:first-child {
  margin-left: 0;
}

.product__action ul li:last-child {
  margin-right: 0;
}

.product__action ul li a {
  border-radius: 100%;
  display: inline-block;
  height: 50px;
  width: 50px;
  text-align: center;
  color: #dedede;
  border: 1px solid #dedede;
}

.product__action ul li a i {
  line-height: 50px;
  font-size: 20px;
}

.product__action ul li a:hover {
  color: #ffffff;
  border-color: #016241;
  background: #016241;
}

.product:hover {
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}

.product:hover .product__content h5 a {
  color: #fff;
}

.product:hover .product__content h5 a:hover {
  color: #016241;
}

.product:hover .product__content span {
  color: #fff;
}

.product:hover .product__action {
  visibility: visible;
  opacity: 1;
}

.product:hover .product__action ul li {
  padding: 0 12px;
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 767px) {
  .product .product__content {
    padding: 20px;
  }

  .product .product__content h5,
  .product .product__content span {
    font-size: 20px;
  }
}

@media only screen and (max-width: 576px) {
  .shop-page-products {
    text-align: center;
  }
}

.shop-page-products {
  margin-top: -30px;
}

.shop-page-products .product {
  margin-left: 0;
  margin-right: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-page-products .product .product__content {
    padding: 18px;
  }

  .shop-page-products .product .product__content h5,
  .shop-page-products .product .product__content span {
    font-size: 20px;
  }
}

/*======= Widget Styles =======*/
.widgets:not(.footer--widgets) h4.widget-title {
  font-size: 20px;
  line-height: 24px;
  color: #3c3c3c;
  position: relative;
  padding-bottom: 7px;
  margin-top: -5px;
  margin-bottom: 30px;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  font-style: italic;
  color: #686868;
}

.widgets:not(.footer--widgets) .single-widget {
  padding-top: 47px;
  /* Widget Searchbox Styles */
  /* Widget categories styles */
  /* Widget Price Range */
  /* Widget Morepost styles */
  /* Widget Archives */
  /* Widget tags */
  /* Price Range */
  /* Twitter Feed */
  /* Instagram Feed */
}

.widgets:not(.footer--widgets) .single-widget:first-child {
  padding-top: 0;
}

.widgets:not(.footer--widgets) .single-widget ul {
  padding-left: 0;
  list-style: none;
}

.widgets:not(.footer--widgets) .single-widget.wgt-searchbox form {
  position: relative;
}

.widgets:not(.footer--widgets) .single-widget.wgt-searchbox form input {
  width: 100%;
  height: 45px;
  font-size: 14px;
  color: #b8b8b8;
  border-radius: 100px;
  padding: 0 20px;
  border: 1px solid #e1e1e1;
  letter-spacing: 0.25px;
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.widgets:not(.footer--widgets) .single-widget.wgt-searchbox form input:focus {
  border-color: #3c3c3c;
}

.widgets:not(.footer--widgets) .single-widget.wgt-searchbox form button {
  position: absolute;
  right: 5px;
  top: 0;
  width: 40px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  background: transparent;
  color: #b8b8b8;
  outline: none;
  border: none;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.widgets:not(.footer--widgets) .single-widget.wgt-searchbox form button:hover {
  color: #3c3c3c;
}

.widgets:not(.footer--widgets) .single-widget.wgt-searchbox form button:focus,
.widgets:not(.footer--widgets) .single-widget.wgt-searchbox form button:active {
  border: none;
  outline: none;
}

.widgets:not(.footer--widgets) .single-widget.wgt-categories ul {
  margin-top: -10px;
}

.widgets:not(.footer--widgets) .single-widget.wgt-categories ul li {
  margin: 10px 0;
}

.widgets:not(.footer--widgets) .single-widget.wgt-categories ul li a {
  font-size: 16px;
  line-height: 24px;
  color: #b8b8b8;
  font-weight: 400;
  font-family: "Droid Arabic Kufi";
  letter-spacing: 0.25px;
  display: block;
}

.widgets:not(.footer--widgets) .single-widget.wgt-categories ul li a span {
  float: right;
}

.widgets:not(.footer--widgets) .single-widget.wgt-categories ul li a:hover {
  color: #3c3c3c;
}

.widgets:not(.footer--widgets) .single-widget.sb-price-range p {
  text-align: center;
}

.widgets:not(.footer--widgets) .single-widget.sb-price-range p input {
  padding: 0;
  color: #858585;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  border: none;
  letter-spacing: 0.5px;
  background: transparent;
}

.widgets:not(.footer--widgets) .single-widget.sb-price-range p input:hover,
.widgets:not(.footer--widgets) .single-widget.sb-price-range p input:active,
.widgets:not(.footer--widgets) .single-widget.sb-price-range p input:focus {
  border: none;
  outline: none;
}

.widgets:not(.footer--widgets) .single-widget.wgt-recentpost ul li {
  margin-top: 25px;
  position: relative;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-recentpost
  .wgt-recentpost__thumb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  overflow: hidden;
  height: 100%;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-recentpost
  .wgt-recentpost__thumb
  a {
  display: inline-block;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-recentpost
  .wgt-recentpost__content {
  padding-left: 118px;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-recentpost
  .wgt-recentpost__content
  h5 {
  font-size: 18px;
  font-weight: 700;
  font-style: italic;
  font-family: "times_new_romanbold_italic";
  margin-bottom: 4px;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-recentpost
  .wgt-recentpost__content
  h5
  a {
  color: #444;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-recentpost
  .wgt-recentpost__content
  h5
  a:hover {
  color: #016241;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-recentpost
  .wgt-recentpost__content
  p
  span {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #9d9d9d;
}

.widgets:not(.footer--widgets) .single-widget.wgt-archives ul {
  margin-top: -10px;
}

.widgets:not(.footer--widgets) .single-widget.wgt-archives ul li {
  margin: 10px 0;
}

.widgets:not(.footer--widgets) .single-widget.wgt-archives ul li:last-child {
  margin-bottom: 0;
}

.widgets:not(.footer--widgets) .single-widget.wgt-archives ul li a {
  font-size: 16px;
  line-height: 24px;
  color: #b8b8b8;
  font-weight: 400;
  font-family: "Droid Arabic Kufi";
  letter-spacing: 0.25px;
  display: block;
}

.widgets:not(.footer--widgets) .single-widget.wgt-archives ul li a:hover {
  color: #3c3c3c;
}

.widgets:not(.footer--widgets) .single-widget.wgt-tags ul {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -7px;
}

.widgets:not(.footer--widgets) .single-widget.wgt-tags ul li {
  margin: 7px 4px;
  display: inline-block;
}

.widgets:not(.footer--widgets) .single-widget.wgt-tags ul li a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 16px;
  color: #858585;
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
  border: 1px solid #d7d7d7;
  border-radius: 100px;
}

.widgets:not(.footer--widgets) .single-widget.wgt-tags ul li a:hover {
  background: #303030;
  color: #ffffff;
  border-color: #303030;
}

.widgets:not(.footer--widgets) .single-widget.wgt-price-range p {
  text-align: center;
}

.widgets:not(.footer--widgets) .single-widget.wgt-price-range p input {
  padding: 0;
  color: #858585;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  border: none;
  letter-spacing: 0.5px;
  background: transparent;
}

.widgets:not(.footer--widgets) .single-widget.wgt-price-range p input:hover,
.widgets:not(.footer--widgets) .single-widget.wgt-price-range p input:active,
.widgets:not(.footer--widgets) .single-widget.wgt-price-range p input:focus {
  border: none;
  outline: none;
}

.widgets:not(.footer--widgets) .single-widget.wgt-twitter-feed ul li {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-twitter-feed
  ul
  li:last-child {
  margin-bottom: 0;
}

.widgets:not(.footer--widgets) .single-widget.wgt-twitter-feed ul li a {
  display: inline;
  color: #016241;
}

.widgets:not(.footer--widgets) .single-widget.wgt-twitter-feed ul li a:hover {
  text-decoration: underline;
}

.widgets:not(.footer--widgets) .single-widget.wgt-twitter-feed ul li a.time {
  display: block;
  color: #858585;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-twitter-feed
  ul
  li
  a.time:hover {
  color: #016241;
  text-decoration: none;
}

.widgets:not(.footer--widgets) .single-widget.wgt-twitter-feed ul li p {
  display: inline;
  color: #858585;
}

.widgets:not(.footer--widgets) .single-widget.wgt-instagram ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.widgets:not(.footer--widgets) .single-widget.wgt-instagram ul li {
  margin-top: 4px;
}

.widgets:not(.footer--widgets) .single-widget.wgt-instagram ul li a {
  position: relative;
  display: inline-block;
}

.widgets:not(.footer--widgets) .single-widget.wgt-instagram ul li a:before,
.widgets:not(.footer--widgets) .single-widget.wgt-instagram ul li a:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.widgets:not(.footer--widgets) .single-widget.wgt-instagram ul li a:before {
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: #016241;
}

.widgets:not(.footer--widgets) .single-widget.wgt-instagram ul li a:after {
  content: "\f0c1";
  font-family: fontAwesome;
  left: 50%;
  top: 50%;
  position: absolute;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 10px;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-instagram
  ul
  li
  a:hover:before,
.widgets:not(.footer--widgets)
  .single-widget.wgt-instagram
  ul
  li
  a:hover:after {
  visibility: visible;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-instagram
  ul
  li
  a:hover:before {
  opacity: 0.8;
}

.widgets:not(.footer--widgets)
  .single-widget.wgt-instagram
  ul
  li
  a:hover:after {
  opacity: 1;
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .widgets:not(.footer--widgets) {
    margin-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .widgets:not(.footer--widgets) .single-widget {
    -webkit-flex-basis: 48%;
    -moz-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    background: #fafafa;
    padding: 30px;
    margin-top: 30px;
  }

  .widgets:not(.footer--widgets) .single-widget:first-child {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .widgets:not(.footer--widgets) {
    margin-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }

  .widgets:not(.footer--widgets) .single-widget {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background: #fafafa;
    padding: 30px;
    margin-top: 30px;
  }

  .widgets:not(.footer--widgets) .single-widget:first-child {
    padding-top: 30px;
  }
}

/*======= CommentBox Styles =======*/
/* Commentbox Styles */
.comment-box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.comment-box button.cr-btn {
  border-color: #e1e1e1;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 13px !important;
  font-weight: 500;
}
.comment-box .single-input {
  margin-top: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 48%;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  font-size: 13px;
}

.comment-box .single-input input,
.comment-box .single-input select {
  width: 100% ;
  height: 41px ;
  min-height: 41px ;
  line-height: 41px ;
  padding: 0 20px ;
  border: 1px solid #e1e1e1 ;
  border-radius: 5px ;
}

.comment-box .single-input input::-webkit-input-placeholder {
  color: #d5d5d5;
}

.comment-box .single-input input:-ms-input-placeholder {
  color: #d5d5d5;
}

.comment-box .single-input input::-ms-input-placeholder {
  color: #d5d5d5;
}

.comment-box .single-input input::placeholder {
  color: #d5d5d5;
}

.comment-box .single-input input::-webkit-placeholder {
  color: #d5d5d5;
}

.comment-box .single-input input::-moz-placeholder {
  color: #d5d5d5;
}

.comment-box .single-input textarea {
  padding: 15px 20px;
  border: 1px solid #e1e1e1;
  border-radius: 22.5px;
  width: 100%;
  line-height: 40px;
  min-height: 250px;
}

.comment-box .single-input textarea:active,
.comment-box .single-input textarea:focus {
  outline: none;
}

.comment-box .single-input textarea::-webkit-input-placeholder {
  color: #d5d5d5;
}

.comment-box .single-input textarea:-ms-input-placeholder {
  color: #d5d5d5;
}

.comment-box .single-input textarea::-ms-input-placeholder {
  color: #d5d5d5;
}

.comment-box .single-input textarea::placeholder {
  color: #d5d5d5;
}

.comment-box .single-input textarea::-webkit-placeholder {
  color: #d5d5d5;
}

.comment-box .single-input textarea::-moz-placeholder {
  color: #d5d5d5;
}

.comment-box .single-input.textarea {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.comment-box .single-input.button {
  margin-top: 23px;
}

@media only screen and (max-width: 767px) {
  .comment-box .single-input {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .comment-box .single-input.textarea {
    min-height: 150px;
  }
}

/* Commentlist Styles */
.commentlist .single-comment {
  border-top: 1px solid #ebebeb;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
}

.commentlist .single-comment:first-child {
  border-top: none;
}

.commentlist .single-comment:last-child {
  padding-bottom: 0;
}

.commentlist .single-comment .single-comment__thumb .hexagon {
  height: 97px;
  width: 86px;
}

.commentlist .single-comment .single-comment__thumb .hexagon__inner2 {
  position: relative;
}

.commentlist .single-comment .single-comment__thumb .hexagon__inner2:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(images/others-png/commenter-thumb-border.png);
  z-index: 1;
}

.commentlist .single-comment .single-comment__thumb img {
  min-height: 100%;
  min-width: 100%;
  width: auto;
}

.commentlist .single-comment .single-comment__content {
  padding-left: 28px;
  -webkit-flex-shrink: 100;
  -moz-flex-shrink: 100;
  -ms-flex-negative: 100;
  flex-shrink: 100;
}

.commentlist .single-comment .single-comment__content ul.single-comment__meta {
  margin-top: 5px;
  padding-left: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.commentlist
  .single-comment
  .single-comment__content
  ul.single-comment__meta
  li {
  font-size: 15px;
  color: #a5a5a5;
  font-family: "Droid Arabic Kufi";
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0.25px;
  padding-right: 25px;
}

.commentlist
  .single-comment
  .single-comment__content
  ul.single-comment__meta
  li
  a {
  color: #a5a5a5;
}

.commentlist
  .single-comment
  .single-comment__content
  ul.single-comment__meta
  li
  a:hover {
  color: #016241;
}

.commentlist
  .single-comment
  .single-comment__content
  ul.single-comment__meta
  li:last-child {
  padding-left: 0;
}

.commentlist .single-comment .single-comment__content p {
  padding-top: 7px;
  margin-bottom: 0;
  color: #606060;
}

.commentlist .single-comment .single-comment__content a.single-comment__reply {
  margin-top: 5px;
  font-size: 14px;
  color: #b4b4b4;
  font-family: "Droid Arabic Kufi";
  font-weight: 400;
}

.commentlist
  .single-comment
  .single-comment__content
  a.single-comment__reply:hover {
  color: #016241;
}

.commentlist .single-comment.reply {
  padding-left: 70px;
}

@media only screen and (max-width: 767px) {
  .commentlist .single-comment.reply {
    padding-left: 52px;
  }

  .commentlist .single-comment .single-comment__content {
    padding-left: 0;
  }
}

@media only screen and (max-width: 576px) {
  .commentlist .single-comment {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .commentlist .single-comment .single-comment__thumb {
    margin-bottom: 15px;
  }

  .commentlist .single-comment.reply {
    padding-left: 30px;
  }
}

/*======= Event Details Styles =======*/
.event-details {
  padding-right: 40px;
}

.event-details__title {
  font-size: 32px;
  line-height: 1.15;
  color: #303030;
  font-style: italic;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  margin-top: 37px;
  margin-bottom: 10px;
}

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

.event-details__meta ul li {
  display: inline-block;
  padding-right: 25px;
  font-size: 16px;
  color: #6f6f6f;
  font-family: "Droid Arabic Kufi";
  font-style: italic;
  font-weight: 400;
}

.event-details__meta ul li span {
  color: #272727;
  font-weight: 700;
  font-family: "Droid Arabic Kufi";
}

.event-details__content {
  padding: 35px 0;
}

.event-details__content p {
  margin-bottom: 30px;
}

.event-details__content img {
  margin-top: 22px;
  margin-left: 45px;
}

.event-details__content blockquote {
  margin-top: 50px;
  margin-bottom: 40px;
}

.event-details__speakers {
  padding: 50px 65px;
  background: url(images/bg/bg-pattern-2.jpg) repeat scroll 0 0;
  margin-top: 60px;
}

.event-details__speakers h3 {
  font-size: 26px;
  color: #303030;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  font-style: italic;
}

.event-details__speakers p {
  font-size: 15px;
  line-height: 28px;
  padding-right: 120px;
}

.event-details__speakers .speakers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.event-details__speakers .single-speaker {
  padding-right: 30px;
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.event-details__speakers .single-speaker__thumb .hexagon {
  height: 120px;
  width: 106px;
}

.event-details__speakers .signle-speaker__content {
  padding-left: 30px;
}

.event-details__speakers .signle-speaker__content h5 {
  font-size: 18px;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  color: #303030;
  margin-bottom: 2px;
}

.event-details__speakers .signle-speaker__content span {
  font-size: 16px;
  color: #9d9d9d;
}

.event-details__footer {
  margin-top: 50px;
}

.event-details__footer .social-icons {
  margin-top: 30px;
}

.event-details__commentsection {
  margin-top: 75px;
}

.event-details__commentsection .small-title {
  margin-bottom: 25px;
}

.event-details__commentsection > p {
  padding-right: 190px;
  margin-bottom: 25px;
}

.event-details__commentbox {
  margin-top: 75px;
}

.event-details__commentlist {
  margin-top: 75px;
}

.event-details__commentsection .small-title {
  padding-right: 110px;
}

.event-details__commentbox .small-title {
  padding-right: 200px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .event-details {
    padding-right: 0;
  }

  .event-details__speakers p {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .event-details {
    padding-right: 0;
  }

  .event-details__speakers p {
    padding-right: 0;
  }

  .event-details__commentsection .small-title {
    padding-right: 50px;
  }

  .event-details__commentbox .small-title {
    padding-right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .event-details {
    padding-right: 0;
  }

  .event-details__content img {
    float: none !important;
    margin-left: 0;
  }

  .event-details__speakers p {
    padding-right: 0;
  }

  .event-details__footer {
    margin-top: 30px;
  }

  .event-details__commentsection > p {
    padding-right: 30px;
  }

  .event-details__commentsection .small-title {
    padding-right: 0;
  }

  .event-details__commentbox .small-title {
    padding-right: 0;
  }
}

@media only screen and (max-width: 576px) {
  .event-details__speakers {
    padding: 30px;
  }

  .event-details__speakers .single-speaker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .event-details__speakers .signle-speaker__content {
    padding-top: 10px;
    padding-left: 0;
  }

  .event-details__content blockquote {
    margin-top: 50px;
    margin-bottom: 0px;
  }
}

/*======= Activity Details =======*/
.activity-details {
  padding-right: 40px;
}

.activity-details__title {
  font-size: 32px;
  line-height: 1.15;
  color: #303030;
  font-style: italic;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  margin-top: 37px;
  margin-bottom: 0px;
}

.activity-details__content {
  padding: 35px 0;
}

.activity-details__content p {
  margin-bottom: 30px;
}

.activity-details__content img {
  margin-left: 45px;
}

.activity-details__content blockquote {
  margin-top: 50px;
  margin-bottom: 40px;
}

.activity-details__content h1,
.activity-details__content h2,
.activity-details__content h3,
.activity-details__content h4,
.activity-details__content h5,
.activity-details__content h6 {
  font-weight: 700;
  font-family: "Droid Arabic Kufi";
}

.activity-details__content h4 {
  font-size: 24px;
}

.activity-details__content ul {
  display: inline-block;
  list-style: none;
  padding-left: 0;
}

.activity-details__content ul li {
  position: relative;
  padding-left: 20px;
  font-weight: 500;
  display: inline-block;
  padding-right: 47px;
  font-size: 16px;
  line-height: 32px;
  color: #747474;
}

.activity-details__content ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18px;
  content: "\f101 ";
  font-family: fontAwesome;
}

.activity-details__review {
  padding: 50px 85px 20px 85px;
  background: url(images/bg/bg-pattern-2.jpg) repeat scroll 0 0;
  margin-top: 60px;
  margin-bottom: 80px;
}

.activity-details__review h3 {
  font-size: 26px;
  color: #303030;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  font-style: italic;
}

.activity-details__review p {
  font-size: 15px;
  line-height: 28px;
}

.activity-details__review .reviews {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}

.activity-details__review .single-review {
  border: none;
  padding: 0;
  padding-right: 30px;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.activity-details__review .single-review:last-child {
  padding-bottom: 0;
}

.activity-details__review .single-review__thumb .hexagon {
  height: 95px;
  width: 84px;
}

.activity-details__review .single-review__thumb .hexagon .hexagon__inner2 {
  position: relative;
}

.activity-details__review
  .single-review__thumb
  .hexagon
  .hexagon__inner2:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: url(images/profile-img/7.jpg) no-repeat scroll
    center center;
}

.activity-details__review .signle-review__content {
  padding-left: 25px;
  -webkit-flex-shrink: 100;
  -moz-flex-shrink: 100;
  -ms-flex-negative: 100;
  flex-shrink: 100;
}

.activity-details__review .signle-review__content p {
  font-style: italic;
  line-height: 24px;
  margin-bottom: 10px;
}

.activity-details__review .signle-review__content p:before {
  content: '"';
}

.activity-details__review .signle-review__content p:after {
  content: '"';
}

.activity-details__review .signle-review__content h5 {
  font-size: 18px;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  color: #4b4b4b;
  margin-bottom: 2px;
}

.activity-details__footer {
  border-top: 1px solid #e1e1e1;
  margin-top: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .activity-details {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .activity-details {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .activity-details {
    padding-right: 0;
  }

  .activity-details__content img {
    float: none !important;
    margin-left: 0;
  }

  .activity-details__footer {
    margin-top: 30px;
  }

  .activity-details__review {
    padding: 35px;
  }

  .activity-details__review .single-review {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .activity-details__review .signle-review__content {
    padding-top: 10px;
    padding-left: 0;
  }
}

@media only screen and (max-width: 576px) {
  .activity-details__review {
    padding: 30px;
  }

  .activity-details__review .single-review {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .activity-details__review .signle-review__content {
    padding-top: 10px;
    padding-left: 0;
  }

  .activity-details__content blockquote {
    margin-top: 50px;
    margin-bottom: 0px;
  }
}

/*======= Donation Page Styles =======*/
.pg-dontation__title {
  font-size: 24px;
  line-height: 34px;
  font-family: "Droid Arabic Kufi";
  font-style: italic;
  font-weight: 700;
  color: #303030;
  position: relative;
  display: inline-block;
}

.pg-dontation__title:after {
  content: "";
  left: 0;
  bottom: 0;
  height: 2.5px;
  background: #303030;
  width: 100%;
  position: absolute;
}

.pg-donation__personalinfo {
  margin-right: 18px;
}

.pg-donation__bankinfo {
  margin-left: 18px;
}

.pg-donation__personalinfo,
.pg-donation__bankinfo {
  padding: 70px;
  background: #fafafa;
}

.pg-donation input:not([type="radio"]),
.pg-donation select {
  background: transparent;
  border: 1px solid #ebebeb;
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
}

.pg-donation input[type="number"] {
  padding-right: 0;
}

.pg-donation input + input {
  margin-top: 15px;
}

.pg-donation label {
  font-size: 16px;
  color: #606060;
}

.pg-donation select {
  background: rgba(0, 0, 0, 0) url("images/icons/select-arrow-down-2.png")
    no-repeat scroll right 5px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  color: #aaa;
}

.pg-donation .single-input {
  margin-top: 25px;
}

.pg-donation .single-input p {
  display: inline-block;
  margin-bottom: 0;
}

.pg-donation .single-input.donation-type {
  margin-top: 66px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pg-donation .single-input.donation-type p {
  margin-right: 12px;
}

.pg-donation .single-input.payment-cards p {
  margin-right: 25px;
}

.pg-donation .single-input.payment-cards h6 {
  margin-left: 0;
  margin-top: 0;
  display: block;
  font-size: 16px;
  font-family: "Droid Arabic Kufi";
  font-weight: 400;
  color: #606060;
  font-style: normal;
  margin-bottom: 15px;
}

.pg-donation button {
  background: transparent;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color: #303030;
  height: 45px;
  line-height: 47px;
  padding: 0 25px;
  border: 1px solid #ebebeb;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.pg-donation button:hover {
  color: #fff;
  border-color: #016241;
  background: #016241;
}

.pg-donation button:focus,
.pg-donation button:active {
  outline: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-donation__personalinfo {
    margin-right: 0;
  }

  .pg-donation__bankinfo {
    margin-left: 0;
  }

  .pg-donation__personalinfo,
  .pg-donation__bankinfo {
    padding: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-donation__personalinfo {
    margin-right: 0;
  }

  .pg-donation__bankinfo {
    margin-left: 0;
  }

  .pg-donation__personalinfo,
  .pg-donation__bankinfo {
    padding: 50px;
  }

  .pg-donation__bankinfo {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .pg-donation__personalinfo {
    margin-right: 0;
  }

  .pg-donation__bankinfo {
    margin-left: 0;
  }

  .pg-donation__personalinfo,
  .pg-donation__bankinfo {
    padding: 50px;
  }

  .pg-donation__bankinfo {
    margin-top: 50px;
  }

  .pg-donation .single-input.donation-type {
    margin-top: 25px;
  }

  .pg-donation .single-input select[name="pg-donation-country"] {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 576px) {
  .pg-donation__personalinfo,
  .pg-donation__bankinfo {
    padding: 30px;
  }
}

/*======= Contact Styles =======*/
.contact-sidebar {
  padding-right: 55px;
}

.contact-sidebar__body {
  padding-left: 0;
  list-style: none;
  padding-right: 70px;
}

.contact-sidebar__body li {
  padding: 18px 0;
  border-top: 1px solid #e8e8e8;
}

.contact-sidebar__body li:first-child {
  border-top: none;
  padding-top: 10px;
}

.contact-sidebar__body li:last-child {
  padding-bottom: 10px;
}

.contact-sidebar__body li p {
  font-size: 16px;
  margin-bottom: 0;
  color: #adadad;
}

.contact-sidebar__body li a {
  color: #adadad;
}

.contact-sidebar__body li a:hover {
  color: #016241;
}

.contact-sidebar__social {
  margin-top: 15px;
}

.contact-sidebar__social h5 {
  font-size: 15px;
  color: #6b6b6b;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  font-size: 18px;
}

.contact__form {
  padding-right: 40px;
}

.contact__form button.cr-btn:hover {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.contact-map {
  height: 480px;
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-sidebar {
    padding-right: 0;
  }

  .contact-sidebar__body {
    padding-right: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-map {
    margin-top: 50px;
  }

  .contact-sidebar__body {
    padding-right: 30px;
  }

  .contact__form {
    padding-right: 0;
  }

  .contact__form .comment-box {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-map {
    height: 380px;
    margin-top: 50px;
  }

  .contact-sidebar__body {
    padding-right: 0;
  }

  .contact__form {
    padding-right: 0;
  }

  .contact__form .comment-box {
    margin-bottom: 50px;
  }
}

/*======= Product Details =======*/
.pg-product {
  padding-right: 30px;
}

.pg-product__details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.pg-product__photos {
  background: #f0f0f0;
  width: 400px;
  padding: 30px 30px 60px 30px;
}

.pg-product__photos__medium {
  text-align: center;
}

.pg-product__photos__small li {
  margin: 0 10px;
}

.pg-product__photos__small li:first-child {
  margin-left: 0;
}

.pg-product__photos__small li:last-child {
  margin-right: 0;
}

.pg-product__content {
  -webkit-flex-shrink: 100;
  -moz-flex-shrink: 100;
  -ms-flex-negative: 100;
  flex-shrink: 100;
  background: #fafafa;
  padding: 35px 30px;
}

.pg-product__content h2 {
  font-weight: 700;
  font-style: italic;
  font-family: "Droid Arabic Kufi";
  color: #515151;
  font-size: 28px;
  line-height: 1.15;
}

.pg-product__content h5 {
  margin-top: 30px;
  font-size: 16px;
  font-family: "Droid Arabic Kufi";
  font-weight: 500;
  color: #676767;
  font-style: normal;
}

ul.pg-product__content__info {
  list-style: none;
  padding-top: 15px;
  padding-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul.pg-product__content__info li {
  margin-top: 8px;
  padding-right: 30px;
  font-size: 16px;
  font-family: "Droid Arabic Kufi";
  color: #a2a2a2;
}

ul.pg-product__content__info li span.title {
  font-weight: 500;
  color: #676767;
}

ul.pg-product__content__info li.width-half {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.pg-product__content__footer {
  margin-top: 30px;
}

.pg-product__content__footer h4 {
  font-family: "Droid Arabic Kufi";
  font-style: italic;
  color: #303030;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 15px;
}

.pg-product__content__footer h4 span {
  font-weight: 700;
  font-size: 20px;
}

.pg-product__content__footer .product-action ul {
  margin-top: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-left: 0;
  list-style: none;
}

.pg-product__content__footer .product-action ul li {
  padding: 0 10px;
}

.pg-product__content__footer .product-action ul li:first-child {
  padding-left: 0;
}

.pg-product__content__footer .product-action ul li:last-child {
  padding-right: 0;
}

.pg-product__content__footer .product-action ul li a:not(.cr-btn) {
  height: 32px;
  width: 32px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  border: 1px solid #929292;
  border-radius: 100%;
  color: #929292;
}

.pg-product__content__footer .product-action ul li a:not(.cr-btn):hover {
  background: #016241;
  border-color: #016241;
  color: #fff;
}

.cart-plus-minus {
  margin-left: 7px;
  display: inline-block;
  width: 55px;
  text-align: center;
  font-family: "Droid Arabic Kufi";
  position: relative;
}

.cart-plus-minus .qtybutton {
  width: 15px;
  cursor: pointer;
  position: absolute;
  top: 0;
}

.cart-plus-minus .qtybutton.dec {
  left: 0;
}

.cart-plus-minus .qtybutton.inc {
  right: 0;
}

.cart-plus-minus input {
  background: transparent;
  height: 25px;
  line-height: 25px;
  padding: 0;
  outline: none;
  text-align: center;
  width: 100%;
  font-family: "Droid Arabic Kufi";
  color: #a2a2a2;
  border: none;
}

/* Page Product Body Styles*/
.pg-product__body {
  margin-top: 70px;
}

.pg-product__trigger {
  margin-bottom: 25px;
}

.pg-product__trigger li {
  padding: 0 25px;
  position: relative;
}

.pg-product__trigger li:after {
  content: "";
  height: 16px;
  width: 1px;
  background: #cccccc;
  position: absolute;
  right: 0;
  top: 5px;
}

.pg-product__trigger li:first-child {
  padding-left: 0;
}

.pg-product__trigger li:last-child {
  padding-right: 0;
}

.pg-product__trigger li:last-child:after {
  display: none;
}

.pg-product__trigger li a {
  font-size: 22px;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  font-style: italic;
  color: #b4b4b4;
}

.pg-product__trigger li a.active {
  color: #515151;
}

.pg-product__datasheet {
  padding-top: 10px;
}

.pg-product__datasheet tr td:first-child {
  font-weight: 500;
  color: #606060;
}

.pg-product__reviews {
  padding-top: 15px;
}

.pg-product__reviews .comment-box {
  padding-top: 20px;
}

.single-review {
  border: 1px solid #e1e1e1;
  padding: 30px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.single-review .single-review__thumb {
  height: 95px;
  width: 85px;
  overflow: hidden;
}

.single-review .single-review__content {
  -webkit-flex-shrink: 100;
  -moz-flex-shrink: 100;
  -ms-flex-negative: 100;
  flex-shrink: 100;
  padding-left: 30px;
}

.single-review .signle-review__topline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}

.single-review .signle-review__topline h5 {
  margin-right: 30px;
  font-style: italic;
  font-weight: 700;
  font-family: "Droid Arabic Kufi";
  color: #606060;
  margin-bottom: 0;
}

.single-review .signle-review__topline .date {
  margin-right: 30px;
}

.single-review a.reply {
  color: #606060;
  font-weight: 500;
  font-weight: 16px;
}

.single-review a.reply:hover {
  color: #016241;
}

.star-ratings {
  padding-left: 0;
  list-style: none;
}

.star-ratings li {
  display: inline-block;
  color: #cccccc;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.star-ratings li.active {
  color: #ffc55b;
}

.new-ratings {
  padding-left: 0;
  list-style: none;
}

.new-ratings > li {
  display: inline-block;
  margin-right: 12px;
}

.new-ratings > li:last-child {
  margin-right: 0;
}

.new-ratings > li ul {
  padding-left: 0;
  list-style: none;
}

.new-ratings > li ul li {
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  color: #ccc;
}

.new-ratings > li ul:hover li {
  color: #ffc55b;
}

/* Page product Footer */
.pg-product__footer {
  margin-top: 50px;
}

.pg-product__footer .tags {
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}

.pg-product__footer .tags ul {
  list-style: none;
  padding-left: 5px;
}

.pg-product__footer .tags ul li {
  display: inline-block;
  margin-right: 4px;
}

.pg-product__footer .tags ul li a {
  font-size: 500px;
  color: #a5a5a5;
  font-size: 15px;
}

.pg-product__footer .tags ul li a:hover {
  color: #016241;
}

.pg-product__footer .tags ul li:after {
  content: ",";
}

.pg-product__footer .tags ul li:last-child:after {
  display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-product__details {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pg-product__photos {
    width: 100%;
  }

  ul.pg-product__content__info li {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .single-review .signle-review__topline {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-product {
    padding-right: 0;
  }

  .pg-product__details {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pg-product__photos {
    width: 100%;
  }

  ul.pg-product__content__info li {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .single-review .signle-review__topline {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767px) {
  .pg-product {
    padding-right: 0;
  }

  .pg-product__details {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pg-product__photos {
    width: 100%;
  }

  ul.pg-product__content__info li {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .single-review {
    padding: 20px;
  }

  .single-review .signle-review__topline {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product-details-area .shop-page-products {
    margin-top: 0;
  }
}

@media only screen and (max-width: 576px) {
  .pg-product__photos {
    padding: 30px 0;
  }

  .pg-product__content {
    padding: 35px 20px;
  }

  .pg-product__photos__small li {
    padding: 0 5px;
    margin: 0;
    -webkit-flex-basis: 33.33%;
    -moz-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
  }

  ul.pg-product__content__info li {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-right: 0;
  }

  ul.pg-product__content__info li.width-half {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .pg-product__trigger li {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 5px 0;
    text-align: center;
  }

  .pg-product__trigger li:first-child {
    padding-right: 0;
  }

  .pg-product__trigger li:first-child:after {
    display: none;
  }

  .pg-product__trigger li:after {
    top: 0;
    width: 100%;
    height: 1px;
  }

  .pg-product__trigger li:last-child:after {
    display: block;
  }

  .single-review {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .single-review .single-review__content {
    padding-left: 0;
    padding-top: 30px;
  }

  .pg-product__footer .tags ul {
    padding-left: 0;
  }
}

/*======= Cartbox Styles =======*/
.cartbox-wrap {
  position: absolute;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.7s ease-in-out 0s;
  -moz-transition: all 0.7s ease-in-out 0s;
  -ms-transition: all 0.7s ease-in-out 0s;
  -o-transition: all 0.7s ease-in-out 0s;
  transition: all 0.7s ease-in-out 0s;
  z-index: 99;
}

.cartbox-wrap .body-overlay {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(30, 30, 30, 0.85);
  z-index: 9991;
  visibility: hidden;
  opacity: 0;
  cursor: url(images/icons/cross-icon.png), crosshair;
}

.cartbox-wrap.is-visible {
  visibility: visible;
  opacity: 1;
}

.cartbox-wrap.is-visible .body-overlay {
  visibility: visible;
  opacity: 1;
}

.cartbox-wrap.is-visible .cartbox {
  right: 0;
  -webkit-animation: slideInRight 0.7s ease-in-out both;
  -moz-animation: slideInRight 0.7s ease-in-out both;
  -ms-animation: slideInRight 0.7s ease-in-out both;
  -o-animation: slideInRight 0.7s ease-in-out both;
  animation: slideInRight 0.7s ease-in-out both;
}

.cartbox {
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 9992;
  height: 100%;
  width: 465px;
  background: #fafafa;
  min-height: 100vh;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  padding: 25px 35px;
  -webkit-transition: all 0.7s ease-in-out 0s;
  -moz-transition: all 0.7s ease-in-out 0s;
  -ms-transition: all 0.7s ease-in-out 0s;
  -o-transition: all 0.7s ease-in-out 0s;
  transition: all 0.7s ease-in-out 0s;
  overflow-y: auto;
}

.cartbox .cartbox-close {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  background: transparent;
  font-size: 28px;
  text-transform: uppercase;
  color: #303030;
  margin-right: -5px;
}

.cartbox .cartbox-close:hover {
  color: #f50;
}

.cartbox__items {
  padding-bottom: 20px;
  border-bottom: 1px solid #aaaaaa;
}

.cartbox__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}

.cartbox__item:last-child {
  border-bottom: none;
}

.cartbox__item__thumb {
  width: 70px;
  display: inline-block;
}

.cartbox__item__thumb a {
  display: inline-block;
}

.cartbox__item__content {
  -webkit-box-flex: 100;
  -ms-flex-positive: 100;
  flex-grow: 100;
  padding-left: 25px;
  padding-right: 25px;
}

.cartbox__item__content h5 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
  font-family: "Hind", sans-serif;
  font-style: normal;
  line-height: 1;
}

.cartbox__item__content h5 a {
  color: #303030;
}

.cartbox__item__content h5 a:hover {
  color: #016241;
}

.cartbox__item__content p {
  margin-bottom: 0;
}

.cartbox__item__content span.price {
  font-weight: 500;
  color: #f50;
}

button.cartbox__item__remove {
  background: none;
  font-size: 20px;
  padding: 0;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  color: #999;
}

button.cartbox__item__remove:hover {
  color: #f50;
}

.cartbox__total {
  margin-top: 20px;
}

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

.cartbox__total ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  color: #747474;
  font-size: 18px;
  font-family: "Droid Arabic Kufi";
  font-weight: 400;
  font-style: italic;
  line-height: 1.5;
}

.cartbox__total ul li.shipping-charge span.price:before {
  content: "+";
  font-size: 16px;
  padding-right: 3px;
}

.cartbox__total ul li.grandtotal {
  color: #303030;
  font-size: 24px;
  color: black;
  margin-top: 7px;
  font-weight: 700;
}

.cartbox__buttons {
  margin-top: 30px;
}

.cartbox__buttons a.cr-btn {
  text-align: center;
  margin-top: 20px;
  display: block;
  height: 50px;
  padding: 4px 30px;
  border-radius: 0;
}

.cartbox__buttons a.cr-btn:before {
  border-radius: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cartbox {
    width: 400px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cartbox {
    width: 350px;
    padding: 15px 25px;
  }
}

@media only screen and (max-width: 767px) {
  .cartbox {
    width: 350px;
    padding: 15px 15px;
  }
}

@media only screen and (max-width: 576px) {
  .cartbox {
    width: calc(100% - 30px);
    padding: 15px 15px;
  }
}

/*======= Cart Styles =======*/
.cart-table {
  margin-bottom: 0;
}

.cart-table thead tr th {
  background-color: transparent;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-top: 1px solid #cccccc !important;
  color: #303030;
  font-weight: 500;
  line-height: 54px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  font-family: "Droid Arabic Kufi";
  font-style: italic;
  font-weight: 700;
}

.cart-table thead tr th:first-child {
  border-left: 1px solid #cccccc;
}

.cart-table thead tr th.number {
  min-width: 66px;
}

.cart-table thead tr th.image {
  min-width: 140px;
  width: 140px;
}

.cart-table thead tr th.name {
  min-width: 250px;
}

.cart-table thead tr th.qty,
.cart-table thead tr th.stock {
  min-width: 130px;
}

.cart-table thead tr th.price {
  min-width: 130px;
}

.cart-table thead tr th.total,
.cart-table thead tr th.add-cart {
  min-width: 160px;
}

.cart-table thead tr th.remove {
  min-width: 100px;
}

.cart-table tbody tr td {
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 0;
  vertical-align: middle;
}

.cart-table tbody tr td:first-child {
  border-left: 1px solid #cccccc;
}

.cart-table tbody tr td .cart-number {
  display: block;
}

.cart-table tbody tr td .cart-pro-image {
  display: block;
  margin: 30px auto;
  width: 100px;
}

.cart-table tbody tr td .cart-pro-title {
  font-size: 15px;
  color: #606060;
  font-family: "Droid Arabic Kufi";
}

.cart-table tbody tr td .cart-pro-title:hover {
  color: #016241;
}

.cart-table tbody tr td .product-quantity {
  display: inline-block;
  border: 1px solid #b5b5b5;
  border-radius: 4px;
}

.cart-table tbody tr td .product-quantity .qtybtn {
  width: 30px;
  float: left;
  height: 38px;
  text-align: center;
  color: #747474;
  cursor: pointer;
}

.cart-table tbody tr td .product-quantity .qtybtn:hover {
  color: #016241;
}

.cart-table tbody tr td .product-quantity .qtybtn i {
  font-size: 16px;
  display: block;
  line-height: 38px;
}

.cart-table tbody tr td .product-quantity input {
  float: left;
  background-color: transparent;
  border: none;
  height: 38px;
  width: 36px;
  color: #747474;
  line-height: 24px;
  font-size: 14px;
  padding: 7px 5px;
  text-align: center;
}

.cart-table tbody tr td .stock {
  margin-bottom: 0;
  text-transform: uppercase;
}

.cart-table tbody tr td .stock.in-stock {
  color: #30b878;
}

.cart-table tbody tr td .cart-pro-price {
  font-size: 15px;
  color: #606060;
  font-family: "Droid Arabic Kufi";
}

.cart-table tbody tr td .cart-price-total {
  font-size: 15px;
  color: #606060;
  font-family: "Droid Arabic Kufi";
}

.cart-table tbody tr td .cart-pro-remove {
  background-color: transparent;
  border: medium none;
  color: #747474;
  padding: 0;
  width: 24px;
}

.cart-table tbody tr td .cart-pro-remove:hover {
  color: #ff1100;
}

.cart-table tbody tr td .cart-pro-remove i {
  display: block;
  font-size: 18px;
}

.cart-action .cr-btn {
  margin-bottom: 20px;
}

@media only screen and (max-width: 576px) {
  .cart-action .cr-btn {
    margin-right: 0;
    margin-bottom: 0;
  }
}

.cart-action .cr-btn:hover {
  background-color: #016241;
}

@media only screen and (max-width: 767px) {
  .cart-action .cr-btn,
  .cart-action a.cr-btn,
  .cart-action button.cr-btn {
    margin-top: 30px;
    margin-bottom: 0;
  }
}

.cart-cuppon .small-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 0;
}

.cart-cuppon p {
  margin-bottom: 15px;
}

.cart-cuppon .cuppon-form input {
  border-radius: 100px;
  border: 1px solid #e1e1e1;
  font-family: "Droid Arabic Kufi";
  height: 45px;
  line-height: 45px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .cart-cuppon {
    margin-top: 30px;
  }
}

.cart-checkout-process {
  text-align: right;
}

.cart-checkout-process .small-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 0;
}

.cart-checkout-process p {
  margin-bottom: 15px;
  overflow: hidden;
  text-transform: uppercase;
  font-family: "Droid Arabic Kufi";
  font-size: 15px;
}

.cart-checkout-process p span {
  display: block;
  float: left;
  width: 50%;
}

.cart-checkout-process p span:last-child {
  width: 50%;
}

.cart-checkout-process h5 {
  font-size: 15px;
  font-weight: 700;
  line-height: 14px;
  overflow: hidden;
  text-transform: uppercase;
  margin: 0 0 30px;
}

.cart-checkout-process h5 span {
  display: block;
  float: left;
  width: 50%;
}

.cart-checkout-process h5 span:last-child {
  width: 50%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-checkout-process {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .cart-checkout-process {
    text-align: left;
    margin-top: 30px;
  }
}

/*======= Checkout Styles =======*/
input[type="submit"] {
  cursor: pointer;
}

.single-accordion {
  margin-bottom: 30px;
}

.accordion-head {
  background-color: #016241;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: 700;
  height: 47px;
  line-height: 49px;
  padding: 0 12px 0 28px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  font-family: "Droid Arabic Kufi";
}

.accordion-head:focus,
.accordion-head:hover {
  color: #ffffff;
}

.accordion-head.collapsed {
  background-color: #f1f2f3;
  color: #303030;
}

.accordion-head.collapsed:focus {
  color: #303030;
}

.accordion-head.collapsed:hover {
  color: #016241;
}

.accordion-body {
  overflow: hidden;
  padding: 30px;
  border: 1px solid #e1e1e1;
  border-top: none;
}

.checkout-method-list {
  float: left;
  margin-bottom: 15px;
  width: 100%;
  padding-left: 0;
  list-style: none;
}

.checkout-method-list li {
  display: block;
  text-transform: capitalize;
  cursor: pointer;
  float: left;
  margin-right: 30px;
}

.checkout-method-list li::before {
  content: "\f192";
  font-family: "Fontawesome";
  float: left;
  line-height: 24px;
  padding-left: 1px;
  margin-right: 10px;
  font-size: 16px;
}

.checkout-method-list li.active::before {
  color: #016241;
}

.shipping-method h5 {
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  font-style: italic;
}

.shipping-method p span {
  font-weight: 700;
  color: #303030;
  text-transform: capitalize;
  margin-right: 10px;
}

.payment-method-list {
  float: left;
  width: 100%;
  padding-left: 0;
  list-style: none;
}

.payment-method-list li {
  display: block;
  text-transform: capitalize;
  cursor: pointer;
  float: left;
  margin-right: 30px;
}

.payment-method-list li::before {
  content: "\f192";
  font-family: "Fontawesome";
  float: left;
  line-height: 24px;
  padding-left: 1px;
  margin-right: 10px;
  font-size: 16px;
}

.payment-method-list li.active::before {
  color: #016241;
}

.shipping-form-toggle {
  display: inline-block;
  text-transform: capitalize;
  cursor: pointer;
  padding: 0;
  background-color: transparent;
  border: none;
  margin-bottom: 20px;
}

.shipping-form-toggle::before {
  content: "\f192";
  font-family: "Fontawesome";
  float: left;
  line-height: 24px;
  padding-left: 1px;
  margin-right: 10px;
  font-size: 16px;
}

.shipping-form-toggle.active::before {
  color: #016241;
}

.checkout-login-form {
  float: left;
  width: 100%;
}

.checkout-login-form .input-box input {
  width: 100%;
  border: 1px solid #ededed;
  background-color: #ffffff;
  height: 40px;
  line-height: 24px;
  padding: 7px 15px;
  color: #747474;
  font-size: 15px;
  float: left;
}

.checkout-login-form .input-box input[type="submit"] {
  width: 120px;
  margin-right: 0;
  background-color: #016241;
  padding: 8px 15px;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
  border-radius: 50px;
}

.checkout-login-form .input-box input[type="submit"]:hover {
  background-color: #00773a;
}

.checkout-register-form {
  display: none;
  float: left;
  width: 100%;
}

.checkout-register-form .input-box input {
  width: 100%;
  border: 1px solid #ededed;
  background-color: #ffffff;
  height: 40px;
  line-height: 24px;
  padding: 7px 15px;
  color: #747474;
  font-size: 15px;
  float: left;
}

.checkout-register-form .input-box input[type="submit"] {
  width: 120px;
  margin-right: 0;
  background-color: #016241;
  padding: 8px 15px;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
  border-radius: 50px;
}

.checkout-register-form .input-box input[type="submit"]:hover {
  background-color: #00773a;
}

.checkout-form {
  float: left;
  width: 100%;
}

.checkout-form.shipping-form {
  display: none;
}

.checkout-form input {
  width: 100%;
  border: 1px solid #ededed;
  background-color: #ffffff;
  height: 40px;
  line-height: 24px;
  padding: 7px 15px;
  color: #747474;
  font-size: 15px;
  float: left;
}

.checkout-form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0) url("images/icons/select-arrow-down-2.png")
    no-repeat scroll right 5px center;
  width: 100%;
  border: 1px solid #ededed;
  background-color: #ffffff;
  height: 40px;
  line-height: 24px;
  padding: 7px 15px;
  color: #747474;
  font-size: 15px;
  float: left;
}

.checkout-form select option {
  padding: 5px 15px;
}

.checkout-form textarea {
  width: 100%;
  border: 1px solid #ededed;
  background-color: #ffffff;
  height: 120px;
  line-height: 24px;
  padding: 7px 15px;
  color: #747474;
  font-size: 15px;
  float: left;
}

.payment-form {
  float: left;
  width: 100%;
  display: none;
}

.payment-form label {
  display: block;
  font-size: 15px;
}

.payment-form input {
  width: 100%;
  border: 1px solid #ededed;
  background-color: #ffffff;
  height: 40px;
  line-height: 24px;
  padding: 7px 15px;
  color: #747474;
  font-size: 15px;
  float: left;
}

.payment-form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(0, 0, 0, 0) url("images/icons/select-arrow-down-2.png")
    no-repeat scroll right 5px center;
  width: 100%;
  border: 1px solid #ededed;
  background-color: #ffffff;
  height: 40px;
  line-height: 24px;
  padding: 7px 15px;
  color: #747474;
  font-size: 15px;
  float: left;
}

.payment-form select option {
  padding: 5px 15px;
}

.payment-form a {
  color: #016241;
  font-size: 15px;
  margin-top: 5px;
}

.order-details-wrapper h2 {
  background: #016241;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  padding: 0 12px 0 28px;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
}

.order-details {
  background-color: #f1f2f3;
  padding: 10px 0;
  text-align: left;
  float: left;
  width: 100%;
}

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

.order-details ul li {
  border-bottom: 1px solid #e9e9e9;
  display: block;
  float: left;
  padding: 16px 28px;
  text-align: left;
  width: 100%;
}

.order-details ul li:last-child {
  border-bottom: 0 solid transparent;
}

.order-details ul li p {
  color: #606060;
  display: block;
  margin: 0;
  width: 60%;
  float: left;
}

.order-details ul li p:last-child {
  width: 40%;
}

.order-details ul li p.strong {
  color: #303030;
  font-weight: 600;
  text-transform: uppercase;
}

.order-details ul li p input {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 3px;
}

.order-details ul li p label {
  color: #606060;
  display: block;
  float: left;
  font-weight: 300;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
}

/*======= Blog Details Styles =======*/
.blog-details {
  padding-right: 40px;
}

.blog-details.left--sidebar {
  padding-left: 40px;
  padding-right: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details.left--sidebar {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details.left--sidebar {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .blog-details.left--sidebar {
    padding-left: 0;
  }
}

.blog-details__title {
  font-size: 32px;
  line-height: 1.15;
  color: #303030;
  font-style: italic;
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  margin-top: 37px;
  margin-bottom: 10px;
}

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

.blog-details__meta ul li {
  text-transform: capitalize;
  display: inline-block;
  padding-right: 25px;
  font-size: 15px;
  color: #656565;
  font-family: "Droid Arabic Kufi";
  font-weight: 500;
}

.blog-details__meta ul li a {
  font-weight: 600;
  color: #303030;
}

.blog-details__meta ul li a:hover {
  color: #016241;
}

.blog-details__content {
  padding: 35px 0;
}

.blog-details__content p {
  margin-bottom: 30px;
}

.blog-details__content img {
  margin-top: 22px;
  margin-left: 45px;
}

.blog-details__content blockquote {
  margin-top: 50px;
  margin-bottom: 40px;
}

.blog-details__footer {
  border-top: 1px solid #e1e1e1;
  margin-top: 20px;
}

.blog-details__footer .social-icons {
  margin-top: 30px;
}

.blog-details__commentsection {
  margin-top: 75px;
}

.blog-details__commentsection .small-title {
  margin-bottom: 25px;
}

.blog-details__commentsection > p {
  padding-right: 190px;
  margin-bottom: 25px;
}

.blog-details__commentbox {
  margin-top: 75px;
}

.blog-details__commentlist {
  margin-top: 75px;
}

.blog-details__commentsection .small-title {
  padding-right: 110px;
}

.blog-details__commentbox .small-title {
  padding-right: 200px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details {
    padding-right: 0;
  }

  .blog-details__commentsection .small-title {
    padding-right: 50px;
  }

  .blog-details__commentbox .small-title {
    padding-right: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .blog-details {
    padding-right: 0;
  }

  .blog-details__content img {
    float: none !important;
    margin-left: 0;
  }

  .blog-details__footer {
    margin-top: 30px;
  }

  .blog-details__commentsection > p {
    padding-right: 30px;
  }

  .blog-details__commentsection .small-title {
    padding-right: 0;
  }

  .blog-details__commentbox .small-title {
    padding-right: 0;
  }
}

@media only screen and (max-width: 576px) {
  .blog-details__speakers {
    padding: 30px;
  }

  .blog-details__speakers .single-speaker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .blog-details__speakers .signle-speaker__content {
    padding-top: 10px;
    padding-left: 0;
  }

  .blog-details__content blockquote {
    margin-top: 50px;
    margin-bottom: 0px;
  }
}

.blog-details__content ul {
  margin-top: 52px;
}

/*======= Footer Styles =======*/
.footer--widgets {
  color: #959595;
  margin-top: -30px;
}

.footer--widgets .widget-title {
  font-size: 24px;
  font-weight: 700;
  font-family: "times_new_romanbold_italic";
  color: #a8a8a8;
  margin-bottom: 35px;
}

.footer--widgets .single-widget {
  margin-top: 30px;
}

.footer--widgets .single-widget ul {
  padding-left: 0;
  list-style: none;
}

.footer--widgets .single-widget ul li {
  margin-bottom: 15px;
}

.footer--widgets .single-widget ul li:last-child {
  margin-bottom: 0;
}

.footer--widgets .widget--details {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 32%;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  padding-right: 90px;
}

.footer--widgets .widget--details .logo {
  margin-bottom: 25px;
}

.footer--widgets .widget--details .social-icons {
  padding-top: 15px;
}

.footer--widgets .widget--details .social-icons ul li {
  margin-bottom: 0;
}

.footer--widgets .widget--details .social-icons ul li a {
  color: #858585;
  border-color: #858585;
}

.footer--widgets .widget--details .social-icons ul li a:hover {
  color: #fff;
}

.footer--widgets .widget--support {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 19%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 19%;
  -ms-flex: 0 0 19%;
  flex: 0 0 19%;
  padding-right: 50px;
}

.footer--widgets .widget--support ul li {
  margin-bottom: 10px;
}

.footer--widgets .widget--support a {
  color: #959595;
  position: relative;
}

.footer--widgets .widget--support a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  width: 0;
  background: #016241;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.footer--widgets .widget--support a:hover {
  color: #016241;
  padding-left: 12px;
}

.footer--widgets .widget--support a:hover:before {
  width: 7px;
}

.footer--widgets .widget--contact {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 23%;
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
  padding-right: 50px;
}

.footer--widgets .widget--contact li a {
  display: block;
  color: #959595;
}

.footer--widgets .widget--contact li a:hover {
  color: #016241;
}

.footer--widgets .widget--newsletter form {
  margin-top: 4px;
  position: relative;
}

.footer--widgets .widget--newsletter form input {
  background: transparent;
  border: 1px solid #858585;
  height: 40px;
  line-height: 40px;
  color: #747474;
  padding: 0 20px;
}

.footer--widgets .widget--newsletter form input:focus {
  border-color: #016241;
}

.footer--widgets .widget--newsletter form input::-webkit-input-placeholder {
  color: #959595;
}

.footer--widgets .widget--newsletter form input:-ms-input-placeholder {
  color: #959595;
}

.footer--widgets .widget--newsletter form input::-ms-input-placeholder {
  color: #959595;
}

.footer--widgets .widget--newsletter form input::placeholder {
  color: #959595;
}

.footer--widgets .widget--newsletter form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  text-align: center;
  height: 40px;
  line-height: 41px;
  display: inline-block;
  background: transparent;
  border: none;
  outline: none;
  font-size: 15px;
  color: #959595;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.footer--widgets .widget--newsletter form button:hover {
  color: #016241;
  -webkit-transform: translate(10px, -5px) scale(0.85);
  -moz-transform: translate(10px, -5px) scale(0.85);
  -ms-transform: translate(10px, -5px) scale(0.85);
  -o-transform: translate(10px, -5px) scale(0.85);
  transform: translate(10px, -5px) scale(0.85);
}

.footer--widgets .widget--instagram ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.footer--widgets .widget--instagram ul li a {
  display: inline-block;
  position: relative;
}

.footer--widgets .widget--instagram ul li a:before {
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background: #016241;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.footer--widgets .widget--instagram ul li a:after {
  content: "\f0c1";
  left: 50%;
  top: 50%;
  position: absolute;
  color: #ffffff;
  font-family: fontAwesome;
  margin-top: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.footer--widgets .widget--instagram ul li a:hover:before {
  opacity: 0.75;
  visibility: visible;
}

.footer--widgets .widget--instagram ul li a:hover:after {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.footer--widgets .widget-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 26%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 26%;
  -ms-flex: 0 0 26%;
  flex: 0 0 26%;
}

.footer__copyright p {
  margin-bottom: 0;
  color: #858585;
}

.footer__copyright p a {
  color: #858585;
}

.footer__copyright p a:hover {
  color: #016241;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer--widgets .widget--details {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 28%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 28%;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    padding-right: 30px;
  }

  .footer--widgets .widget--support {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 17%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 17%;
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    padding-right: 30px;
  }

  .footer--widgets .widget--contact {
    padding-right: 30px;
  }

  .footer--widgets .widget-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer--widgets {
    margin-top: -50px;
  }

  .footer--widgets .single-widget {
    margin-top: 50px;
  }

  .footer--widgets .widget--details {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 30px;
  }

  .footer--widgets .widget--support {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 30px;
  }

  .footer--widgets .widget--contact {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 30px;
  }

  .footer--widgets .widget-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media only screen and (max-width: 767px) {
  .footer--widgets {
    margin-top: -50px;
  }

  .footer--widgets .single-widget {
    margin-top: 50px;
  }

  .footer--widgets .widget--details {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 30px;
  }

  .footer--widgets .widget--support {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 30px;
  }

  .footer--widgets .widget--contact {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 30px;
  }

  .footer--widgets .widget-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .footer--widgets .widget--instagram ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin-left: -7px;
  }

  .footer--widgets .widget--instagram ul li {
    margin-left: 7px;
  }

  .footer__copyright {
    text-align: center;
  }

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

@media only screen and (max-width: 576px) {
  .footer--widgets {
    margin-top: -50px;
  }

  .footer--widgets .single-widget {
    margin-top: 50px;
  }

  .footer--widgets .widget--details {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
  }

  .footer--widgets .widget--support {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
  }

  .footer--widgets .widget--contact {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding-right: 0;
  }

  .footer--widgets .widget-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .footer--widgets .widget--instagram ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin-left: -7px;
  }

  .footer--widgets .widget--instagram ul li {
    margin-left: 7px;
  }
}

.bg-image--5 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}

#overlay {
  position: fixed;
  /* Sit on top of the page content */
  display: block;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /* Black background with opacity */
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
}

.header-actions > li > a.user-settings {
  padding: 0.315rem 1rem 0.315rem 1rem;
}

.header-actions > li > a.user-settings .avatar {
  position: relative;
  width: 38px;
  height: 38px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: #1a8e5f;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 700;
  margin: 0;
}

.header-actions > li > a.user-settings .avatar .status {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 3px solid #ffffff;
}

.header-actions > li > a.user-settings .avatar .status.busy {
  background: #ea490b;
}

.header-actions > li > a.user-settings .avatar .status.online {
  background: #108c2a;
}

.header-actions > li > a.user-settings .avatar .status.away {
  background: #c1920c;
}

.header-actions > li > a.user-settings span.user-name {
  color: #8b949e;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 0.825rem;
  display: inline-block;
  max-width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.header-actions > li:hover > a,
.header-actions > li:focus > a {
  background: #262b31;
}

.header-actions > li:hover > a i,
.header-actions > li:focus > a i {
  color: #ffffff;
}

.header-actions > li:hover .dropdown-menu,
.header-actions > li:focus .dropdown-menu {
  margin-top: 0;
  display: block;
}

.header-actions .dropdown-menu.dropdown-menu-right:before {
  right: auto;
  left: 12px;
}

@media (max-width: 576px) {
  .header-actions > li > a.user-settings span.user-name {
    display: none;
  }

  .header-actions > li:nth-child(2n) {
    display: none;
  }

  .header-actions > li:first-child {
    display: none;
  }

  .header-actions > li:last-child {
    display: none;
  }
}

ul.header-notifications li a {
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
  flex-direction: row;
}

ul.header-notifications li a > .user-img {
  position: relative;
  margin: 0 0 0 10px;
}

ul.header-notifications li a > .user-img img {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

ul.header-notifications li a > .user-img:after {
  content: "";
  position: absolute;
  left: -2px;
  top: 3px;
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  background: #1a8e5f;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

ul.header-notifications li a > .user-img.online:after {
  background: #108c2a;
}

ul.header-notifications li a > .user-img.busy:after {
  background: #ea490b;
}

ul.header-notifications li a > .user-img.away:after {
  background: #c1920c;
}

ul.header-notifications li a .details {
  display: flex;
  flex-direction: column;
  text-align: right;
}

ul.header-notifications li a .details > .user-title {
  font-weight: 600;
  font-size: 0.775rem;
}

ul.header-notifications li a .details .noti-details {
  color: #8796af;
  font-size: 0.725rem;
  line-height: 150%;
  max-width: 11rem;
}

ul.header-notifications li a .details .noti-date {
  opacity: 0.4;
  line-height: 150%;
  font-size: 0.625rem;
}

ul.header-notifications li a:hover {
  background: #f2f4f9;
  color: #2e323c;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.btn-success-add {
  color: #ffffff;
  background-color: #016241;
  border-color: #2e343c;
  padding: 5px 8px;
  margin-bottom: 10px !important;
}

.logout {
  position: absolute;
  top: 20px;
  left: 35px;
}
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

.fileinput-button input {
  filter: alpha(opacity=0);
  font-size: 100%;
  height: 100%;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 2% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.accept {
  cursor: pointer;
}
.card-img-top {
  width: 200px;
  height: 200px;
}
.modal {
  text-align: right;
}

.modal .modal-content {
  -webkit-border-radius: 3pxpx;
  -moz-border-radius: 3pxpx;
  border-radius: 3pxpx;
}

.modal .modal-dialog {
  margin-top: 5rem;
}

.modal .modal-dialog.modal-dialog-centered {
  margin: 0 auto;
}

.modal .modal-header img {
  text-align: center;
  width: 90px;
  height: 170px;
  margin-top: -20px;
  border: 0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.modal .modal-header .close {
  margin: -1rem auto -1rem -1rem;
  position: absolute;
  right: 25px;
  color: #016241;
}
.forget-password {
  font-size: 13px;
  color: #016241;
  padding-bottom: 25px;
}

.modal .modal-footer.custom {
  padding: 0;
}

.modal .modal-footer.custom .left-side,
.modal .modal-footer.custom .right-side {
  display: inline-block;
  text-align: center;
  width: 49%;
  margin: auto;
}

.modal .modal-footer.custom .divider {
  background-color: #e1e5f1;
  display: inline-block;
  float: inherit;
  width: 1px;
  height: 60px;
  margin: 0px -3px;
}

.modal .modal-footer.custom .btn-link {
  padding: 1rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 700;
}

.modal-backdrop.show {
  opacity: 0.8;
}

.close {
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px;
  margin: 0 auto !important;
  border-bottom: none !important;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden !important;
}


.modal-open .modal2 {
  overflow-x: hidden;
  overflow-y: auto !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}
.margin
{
    padding: 10px 5px;
}












.opacityImg
{
    opacity: 0.4 !important;
}


.text-avatar.md {
    width: 48px;
    height: 48px;
    font-size: 18px;
}
.img-name {
    position: absolute;
    right: 80px;
    font-size: 13px;
    top: 7px;
}
.card .card-footer {
    background: transparent;
    border-top: 0;
    padding: 1rem 1.25rem;
}
.btn-primary {
    color: #ffffff;
    background-color: #1a8e5f;
    border-color: #1a8e5f;
    font-size: 13px;
}
.btn-secondary {
    color: #ffffff;
    background-color: #cc2626;
    border-color: #cc2626;
    font-size: 13px;
}
.card-header2 {
    background: transparent;
    border: 0;
    padding: 1rem 1.25rem .5rem 1.25rem;
}
.form-check-inline .form-check-input {
    margin: 0 0 0 .3125rem;
}
.form-check-inline .form-check-label {
    vertical-align: middle;
    margin-right: 16px;
    white-space: nowrap;
}



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







#overlay {
  position: fixed; /* Sit on top of the page content */
  
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 1; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}


.carousel-item {
  height: 100vh;
  min-height: 100%;
  background: no-repeat center center ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}









.cr-btn-color
{
   color: #ffffff !important;
    background-color: #cc2626 !important;
    border-color: #cc2626 !important;
    margin-left: 10px;
}
.cr-btn-green
{
    color: #ffffff !important;
    background-color: #016241 !important;
    border-color: #016241 !important;
    margin-left: 10px;
}
.checked {
  color: orange;
}

.h-350
{
    height: 350px !important;
}



.middle {
	width: 100%;
	max-width: 500px;
    margin-top: 25px;
}
.slider-container {
	position: relative;
}
.slider-container .bar {
	position: absolute;
	z-index: 1;
	left: 2px;
	top: 7px;
	width: 100%;
	height: 10px;
	border-radius: 5px;
	background-color: #eee;
	overflow: hidden;
}
.slider-container .bar .fill {
	display: block;
	width: 0;
	height: 100%;
	background-color: #016241;
}
.slider-container .slider {
	position: relative;
	z-index: 2;
	-webkit-appearance: none;
	width: 100%;
	height: 10px;
	border-radius: 5px;
	outline: none;
	background-color: transparent;
}
.slider-container .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 30px;
	height: 30px;
	background-color: #016241;
	border-radius: 50%;
	cursor: pointer;
	outline: none;
	box-shadow: 0 0 0 0 rgba(1, 44, 20, 0);
	transition: .3s ease-in-out;
}
.slider-container .slider::-webkit-slider-thumb:hover {
	box-shadow: 0 0 0 20px rgba(1, 44, 20, 0.1);
}
.slider-container .slider:active::-webkit-slider-thumb {
	box-shadow: 0 0 0 40px rgba(1, 44, 20, 0.2);
}
.sad {
    padding: 10px 2px;
    font-size: 14px;
    font-weight: 600;
}
.happy
{
    position: absolute;
    left: 0;
    top: 13px;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 600;
}






.bg-image
{
     background-image: url(images/certificate/certification.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
    
   
    
    

}
.bootstrap-select>.dropdown-toggle
{
   
    height: 41px;
    min-height: 41px;
    line-height: 41px;
    padding: 0 20px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background: #fff !important;
}

.bootstrap-select>.dropdown-toggle:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
   color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}


 .pricing-features li {
    padding: 15px 40px 15px 15px;
   font-size: 15px;
    white-space: nowrap;
    position: relative;
    line-height: 100%;
     list-style: none;
}
 .pricing-features li i {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 1rem;
    color: #000000;
   
}



div#container {
    margin: 0 auto;
    padding: 20px;
    width: 800px;
}

h3 {
    clear: both;
}

div#clock {
    color: white;
    margin: 20px auto;
   
    overflow: hidden;
    text-align: center;
    position: absolute;
    left: 19px;
    top: 0px;
    margin-bottom: 36px;
}

    div#clock p {
        background: #333;
        float: left;
        height: 70px;
        width: 70px;
    }

        div#clock p span {
            display: block;
            font-size: 40px;
            font-weight: bold;
            padding: 5px 0 0;
        }

    div#clock div.space {
        color: #ccc;
        display: block;
        line-height: 1.7em;
        font-size: 50px;
        float: left;
        height: 88px;
        width: 30px;
    }

div.coupon {
    color: #333 !important;
    font-size: 50px;
    font-weight: bold;
}

div.multi_clock {
    border: 1px solid #666;
    color: #333;
    float: left;
    margin: 10px;
    padding: 5px;
}

pre {
    background-color: #eee;
    border: 1px solid #ccc;
    line-height: 1.4em;
    padding: 10px;
    margin: 0;
}

.SpanText {
    width: 53px;
    height: 17px;
    font-size: 15px !important;
    margin-top: -33px;
    margin-right: 22px;
}

.spanMin {
    margin-top: -15px;
    margin-right: 14px;
}

.imgBlackWhite {
    -webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) !important;
}



.mt-30
{
    margin-top: 30px !important;
}
.RegSpan
{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}
.td-list-table
{
    padding-left: 60px;
    padding-top: 15px;
}
.td-list-table1
{
    
    padding-top: 15px;
}
.book-dir
{
    color: #016241;
    font-size: 20px;
}
.book-num
{
     color: #016241;
    font-size: 15px;
}
.text-read
{
    color: #016241;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0;
}
.td-list-table6 {
    padding-left: 60px;
    padding-right: 30px;
}




.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    padding-bottom: 0px !important;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}







.alert-notify {
    background: #ffffff;
    border: 1px solid #e4e9f1;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 1rem 0;
}
.alert-notify .alert-notify-body {
    padding: 1.5rem 1.25rem .75rem 1.25rem;
    position: relative;
}
.alert-notify .alert-notify-body .type {
    position: absolute;
    right: 1.25rem;
    top: -.5rem;
    padding: .3rem .7rem;
    color: #ffffff;
    font-size: .75rem;
    display: inline-block;
    line-height: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.alert-notify .alert-notify-body .alert-notify-title {
    margin-bottom: .5rem;
    font-size: .9rem;
    font-weight: 700;
    line-height: 150%;
}
.alert-notify .alert-notify-body .alert-notify-title img {
    float: left;
    margin-right: 1rem;
    max-width: 48px;
    max-height: 48px;
    vertical-align: top;
}
.alert-notify .alert-notify-body .type {
    position: absolute;
    right: 1.25rem;
    top: -.5rem;
    padding: .3rem .7rem;
    color: #ffffff;
    font-size: .75rem;
    display: inline-block;
    line-height: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.alert-notify.info .type {
    background: #1a8e5f;
}
.border-alert-info
{
    border: 1px solid #1a8e5f;
}

.alert-notify-text
{
    font-size: 14px;
    padding: 20px 0;
}
.details-icon
{
    font-size: 15px;
    color: #1a8e5f;
}
.noti {
    padding: 1rem;
    /* display: flex; */
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

    .noti > i {
        color: #ffffff;
        font-size: 24px;
    }

    .noti .count-label {
        position: absolute;
        top: 5px;
        left: 14px;
        width: 18px;
        height: 18px;
        line-height: 16px;
        font-size: .6rem;
        font-weight: 600;
        text-align: center;
        background: #016241;
        color: #ffffff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        font-size: 12px;
    }
.hidden_password
{
	display: none;
	
}
.join_group span
{
	color: #fff;
	cursor: pointer;
}
.subscribe-form {
    background: #ffffff;
    border: 5px solid #1a8e5f;
    padding: 3rem;
}

.p_100
{
	padding: 100px 0;
}






.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.div_tooltip
{
	 margin: 0;
			  padding: 0;
			 
			  display: inline-block;
			 
}
 input.input
		  {
			  height: 50px;
			  width: 400px;
    min-height: 41px;
    line-height: 41px;
    padding: 0 20px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
		  }
button.button_tooltip {
    border: none;
    outline: none;
    color: #fff;
    background: #016241;
    border: 1px solid #016241;
    border: 2px solid #016241 !important;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    background: #016241;
    padding: 13px 22px;
    border-radius: 15px;
    font-family: "Droid Arabic Kufi";
}
    button.button_tooltip.btn-primary2 {
        color: #ffffff;
        background-color: #1a8e5f;
        border-color: #1a8e5f;
        font-size: 13px;
        border-radius: 0px !important;
        border: none !important;
        padding: 0.475rem 0.75rem !important;
    }
 button.button_tooltip  i
{
	color: #fff;
}

		  .tooltip
		  {
			  position: relative;
			  display: inline-block;
			  
			 
			  opacity: 1 !important;
			  
		  }
		  .tooltiptext
		  {
			  visibility: hidden;
			  width: 140px;
			  background-color: #555;
			  color: #fff;
			  text-align: center;
			  border-radius: 6px;
			  padding: 5px;
			  position: absolute;
			  z-index: 1;
			  bottom: 150%;
			  left: 50%;
			  margin-left: -75px;
			  opacity: 0;
			  transition: opacity .5s
		  }
		  .tooltiptext:before
		  {
			  content: '';
			  position: absolute;
			  top: 100%;
			  left: 50%;
			  border: 5px;
			  border-style: solid;
			  border-color: #555 transparent transparent transparent;
			  margin-left: -5px;
			  
		  }
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
 
}


.btn-primary2 {
    color: #ffffff;
    background-color: #1a8e5f !important;
    border-color: #1a8e5f !important;
    font-size: 13px !important;
}