@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@import url('../css/fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=GFS+Neohellenic:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/*--------------------
>>> TABLE OF CONTENTS:
----------------------
1.0 Normalize
2.0 Style Guide
	2.1 Typography
	2.2 Navigation
	2.3 Buttons
	2.4 Alerts
	2.5 Badges
	2.6 Breadcrumbs	
	2.7 Accordions
	2.8 Collapse
	2.9 Dropdown
3.0 Base Elements
	3.1 Forms
	3.2 Panels
	3.3 Modal Popup
	3.4 Tooltips
	3.5 Popover
	3.6 Progress bar
	3.7 Tabs
	3.8 Tables, Others
4.0 Accessibility
	4.1 Alignments
	4.2 Clearings
	4.3 Widgets
	4.4 Comments
	4.5 Infinite scroll
	4.6 Media
5.0 Homepage Sections
6.0 Posts & Pages
	6.1 Gallery & Captions
7.0 Footer
---------------------------*/
/*--------------------
1.0 Normalize
--------------------*/
/*
fonts used

font-family: 'Inter', sans-serif;
font-family: 'PT Serif', serif;

/* Bootstrap handles reset of basic elements */
/*--------------------
2.0 Style Guide
--------------------*/
/* 2.1 Typography */
html,
body {
  color: #404040;
  font-family: var(--primary-fonts);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 15px 0 25px;
}

h1 {
  font-weight: 900;
  font-size: 48px;
}

h2 {
  font-weight: 700;
  font-size: 32px;
}

h3 {
  font-weight: 600;
  font-size: 24px;
}

h4 {
  font-weight: 500;
  font-size: 20px;
}

h5 {
  font-weight: 500;
  font-size: 18px;
}

h6 {
  font-weight: 600;
  font-size: 13px;
}

.display-header {
  font-size: 62px;
  font-weight: 900;
}

:root {
  --primary-color: #005154;
  --primary-fonts: 'Inter', sans-serif;
  --primary-font-color: #282828;
  --secondary-color: #d5a547;
  --secondary-font-color: #004e47;
  --fancy-font: 'Lobster Two';
  --header-font: 'GFS Neohellenic', sans-serif;
  --fancy2-font: 'Playfair Display';
}

p {
  font: var(--primary-font);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: .5px;
  position: relative;
}

a {
  text-decoration: none;
  color: #313030;
}

.site-title a {
  color: var(--primary-font-color);
}

h2.site-title a {
  text-decoration: none;
}

.site-title a:hover {
  color: #fff;
  opacity: 0.8;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

p a {
  text-decoration: underline;
}

a:hover {
  color: #808080;
  opacity: 0.8;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

p i {
  font-size: 18px;
  font-weight: 600;
}

.single p {
  font-family: 'PT Serif', serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: #3a405b;
  letter-spacing: 0.5px;
  margin: 10px 0 30px;
}

dt {
  margin-bottom: 5px;
}

dd,
td {
  margin: 0 0 20px;
  line-height: 22px;
  color: #73757d;
}

address {
  color: #555555;
  font-size: 16px;
  font-weight: 600;
}

b,
strong {
  font-weight: 600;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff;
  text-decoration: none;
}

big {
  font-size: 125%;
}

code {
  color: #e67e22;
  background-color: #fff1e7;
}

pre {
  padding: 25px;
  color: #999;
  border: none;
  font-size: 16px;
  font-weight: 400;
  border-radius: 5px;
  background-color: #1f1f1f;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

::-webkit-scrollbar {
  width: 4px;
  transition: all 1s ease-out;
  background-color: #f5f5f5;
}

::-webkit-scrollbar:hover {
  width: 4px;
  transition: all 1s ease-out;
}

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--secondary-color);
}

/* 2.2 Navigation*/
#top-header {
  padding: 10px 0 10px 0;
}

/*Logo*/
.top-logo a {
  float: left;
}

.top-logo a img {
  height: 85px;
}

.top-logo h1 {
  font: var(--primary-fonts);
  font-weight: 700;
  text-transform: uppercase;
  float: left;
  padding: 0 10px 0 10px;
  font-size: 1.18rem;
}

/*top information*/
.top-information {}

.top-information ul {
  list-style: none;
}

.top-information ul li i {
  margin-right: 8px;
  color: var(--secondary-color)
}

.top-information ul li {
  float: right;
  font: var(--primary-fonts);
  font-weight: 600;
  padding: 32px 15px 32px 15px;
  font-size: 0.9rem;
}

.lang-block select {
  border: none;
  font: var(--primary-fonts);
  font-size: 0.9rem;
  font-weight: 600;
}

.lang-block select option {
  border: none;
  font: var(--primary-fonts);
  font-size: 0.9rem;
  font-weight: 600;
}


ul.lang-block .sub-nav {
  display: none;
}

ul.lang-block ul.visible {
  display: block;
}



/*Navs*/
#top-menu-bar {
  background-color: var(--primary-color);
  padding: 5px 0 5px 0;
}

#top-menu-bar ul.navbar-nav {
  width: 100%;
  padding: 10px 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  vertical-align: middle;
  position: relative;
}

#top-menu-bar ul.navbar-nav li {
  font: var(--primary-fonts);
  font-size: 0.8rem;
  text-transform: uppercase;
  border-color: rgba(255, 254, 254, 0.2);
  border-width: 0 1px 0 1px;
  border-style: solid;
  margin: 0 .5px 0 .5px;
  flex-grow: 3;
  display: block;
}

#top-menu-bar ul.navbar-nav li a {
  padding: 0 15px 0 15px;
  font: var(--primary-fonts);
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
}

#top-menu-bar ul.navbar-nav li a:hover {
  color: var(--secondary-color);
  transition: all 0.5s ease-out;
}

#top-menu-bar ul.navbar-nav li a:active {
  background-color: #fff;
  color: var(--primary-color);
}

#top-menu-bar .navbar-nav .nav-item .dropdown-menu {
  position: absolute;
  display: none;
  border-radius: 0;
  border: none;
  background-color: #025d60;
  padding: 15px;
}

#top-menu-bar .navbar-nav .nav-item .dropdown-menu li {
  margin: 5px 0;
}

#top-menu-bar .navbar-nav .nav-item .dropdown-menu li a {
  text-transform: none;
}

#top-menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: var(--primary-color);
}

#top-menu-bar ul.navbar-nav .nav-item:hover .dropdown-menu {
  display: block;
  transition: all 1s ease-out;
}

.navbar-toggler .fa-bars {
  animation-duration: 3s;
  color: var(--secondary-color);
}

/*Navs*/
/* Icon 1 */
#nav-icon {
  width: 26px;
  height: 18px;
  position: relative;
  float: right;
  margin-top: 15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 999;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2) {
  top: 8px;
}

#nav-icon span:nth-child(3) {
  top: 16px;
}

#nav-icon.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* 2.3 Buttons */
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-family: 'Montserrat', sans-serif;
  padding: 12px 50px;
  font-size: 10px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.30;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn-outline-primary {
  color: #404040;
  border: 2px #404040 solid;
  border-radius: 30px;
  background-color: transparent;
  opacity: 1;
}

.btn-outline-secondary {
  color: #3a8cf7;
  border: 2px #3a8cf7 solid;
  border-radius: 30px;
  background-color: transparent;
  opacity: 1;
}

.btn-outline-success {
  color: #43d29e;
  border: 2px #43d29e solid;
  border-radius: 30px;
  background-color: transparent;
  opacity: 1;
}

.btn-outline-info {
  color: #32cdda;
  border: 2px #32cdda solid;
  border-radius: 30px;
  background-color: transparent;
  opacity: 1;
}

.btn-outline-warning {
  color: #dd4132;
  border: 2px #dd4132 solid;
  border-radius: 30px;
  background-color: transparent;
  opacity: 1;
}

.btn-outline-danger {
  color: #f89338;
  border: 2px #f89338 solid;
  border-radius: 30px;
  background-color: transparent;
  opacity: 1;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  opacity: 0.6;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  color: #404040;
  background-color: transparent;
  border: 2px #404040 solid;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  opacity: 0.6;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  color: #3a8cf7;
  border: 2px #3a8cf7 solid;
  background-color: transparent;
}

.btn-outline-success:hover,
.btn-outline-success:focus {
  opacity: 0.6;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  color: #43d29e;
  background-color: transparent;
  border: 2px #43d29e solid;
}

.btn-outline-info:hover,
.btn-outline-info:focus {
  opacity: 0.6;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  color: #32cdda;
  background-color: transparent;
  border: 2px #32cdda solid;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus {
  opacity: 0.6;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  color: #dd4132;
  background-color: transparent;
  border: 2px #dd4132 solid;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus {
  opacity: 0.6;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background-color: transparent;
  color: #f89338;
  border: 2px #f89338 solid;
}

.btn-lg,
.btn-group-lg>.btn {
  padding: 16px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm>.btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  font-size: 10px;
}

.btn-xs,
.btn-group-xs>.btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  font-size: 9px;
}

.btn-half-block {
  display: inline-block;
  width: 50%;
}

.btn-half-block+.btn-half-block {
  margin-top: 5px;
}

.btn-secondry {
  border-radius: 30px;
}

/*search input*/
#search {
  display: inline-block;
  float: right;
}

#search input[type="text"]::placeholder {
  color: #fff;
}

#search input[type="text"] {
  background: url(../img/search-white.png) no-repeat 0px 3px;
  border: 0 none;
  font: bold 12px Arial, Helvetica, Sans-serif;
  color: #fff;
  width: 0px;
  padding: 8px 10px 8px 30px;
  border-bottom: 0px #fff solid;
  border-radius: 0px;
  margin-right: -15px;
  margin-left: 15px;
  margin-top: 5px;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
}

#search input[type="text"]:focus {
  width: 200px;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus {
  outline: 0px !important;
}

/* 2.4 Alerts */
.alert {
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 1;
  filter: alpha(opacity=20);
}

.alert-success {
  background-color: #4be1ab;
  border-color: #4be1ab;
  color: #fff;
}

.alert-success hr {
  border-top-color: #4be1ab;
  ;
}

.alert-success .alert-link {
  color: #fff;
}

.alert-info {
  background-color: #1393fd;
  border-color: #1393fd;
  color: #fff;
}

.alert-info hr {
  border-top-color: #1393fd;
}

.alert-info .alert-link {
  color: #fff;
}

.alert-warning {
  background-color: #ffa335;
  border-color: #ffa335;
  color: #fff;
}

.alert-warning hr {
  border-top-color: #ffa335;
}

.alert-warning .alert-link {
  color: #fff;
}

.alert-danger {
  background-color: #ed202e;
  border-color: #ed202e;
  color: #fff;
}

.alert-danger hr {
  border-top-color: #ed202e;
}

.alert-danger .alert-link {
  color: #fff;
}

.label {
  display: inline;
  padding: .6em .9em .6em;
  font-size: 75%;
  font-weight: bold;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  white-space: nowrap;
  margin-right: 2px;
  vertical-align: baseline;
  border-radius: .25em;
}

.label.disabled,
.label[disabled],
fieldset[disabled] .label {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*	2.5 Badges */
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}

.badge-default {
  background-color: #777777;
}

.badge-default[href]:hover,
.badge-default[href]:focus {
  background-color: #5e5e5e;
}

.badge-primary {
  background-color: #337ab7;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  background-color: #286090;
}

.badge-success {
  background-color: #4be1ab;
}

.badge-success[href]:hover,
.badge-success[href]:focus {
  background-color: #24d595;
}

.badge-info {
  background-color: #1393fd;
}

.badge-info[href]:hover,
.badge-info[href]:focus {
  background-color: #0279db;
}

.badge-warning {
  background-color: #ffa335;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
  background-color: #ff8c02;
}

.badge-danger {
  background-color: #ed202e;
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
  background-color: #ca101d;
}

.badge.disabled,
.badge[disabled],
fieldset[disabled] .badge {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*	2.6 Breadcrumbs	*/
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
  color: #b5bfd0;
  font-size: 14px;
}

.breadcrumb>li {
  display: inline-block;
}

.breadcrumb>li>a {
  color: #b5bfd0;
  font-size: 14px;
}

.breadcrumb>.active {
  color: #3a405b;
  font-weight: 600;
}

/* 2.8 Collapse */
.well {
  min-height: 20px;
  padding: 19px;
  margin-top: 26px;
  color: #3a405b;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
  background-color: #f0f2f7;
  border: 1px solid #f0f2f7;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* 	2.9 Dropdown */
button.dropdown-toggle .glyphicon {
  right: -29px;
}

.dropdown-menu>li>a {
  display: block;
  padding: 9px 25px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #404040;
  font-size: 14px;
  white-space: nowrap;
}

button+.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 0px solid #cccccc;
  border: 0px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.cnt-sel{}
.cnt-sel button{    background: none;
  font-size: 12px;
  padding: 1px 4px;
  font-weight: 600;
  border: 2px solid #000;}
.cnt-sel ul li{    padding: 0;
  text-align: left;
  display: block;
  float: none;}
  .cnt-sel ul li a{padding: 2px 15px;}
  .cnt-sel .dropdown-menu.show{min-width: auto; }

/*----------------
3.0 Base Elements
------------------*/


.single .single-post ul li:before,
.page .page-block ul li:before,
.single-jetpack-portfolio .page-block ul li:before {
  font-family: 'FontAwesome';
  font-size: 10px;
  content: "\f00c";
  color: #fff;
  margin-right: 10px;
  display: inline-block;
  background: #629fd1;
  padding: 1px 3px;
  border-radius: 100%;
  position: relative;
  top: -2px;
}

/* All base elements go here */
/*--------------------
3.1 Forms
--------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 12px 50px;
  font-size: 11px;
  line-height: 1.42857143;
  border-radius: 4px;
  margin-right: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  color: #fff;
  background-color: #404040;
  border-color: #404040;
  text-decoration: none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  color: #fff;
  background-color: #404040;
  border-color: #404040;
  text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #e3e8f0;
  border-radius: 8px;
  padding: 9.5px;
}

select {
  border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

textarea {
  width: 100%;
  background: #f0f2f7;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(126, 239, 104, 0);
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
  -webkit-box-shadow: 0px 3px 24px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 3px 24px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 3px 24px 3px rgba(0, 0, 0, 0.06);
  outline: 0 none;
}

.form-control {
  height: inherit;
  box-shadow: none;
}

form label {
  color: #a1aaba;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.input-group {
  margin-bottom: 15px;
}

/*RADIO AND CHECK BOX*/
form .radio label,
form .checkbox label {
  color: #404040;
  text-transform: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.input-group-addon {
  padding: 0px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #a1aaba;
  text-align: center;
  background-color: #f0f2f7;
  border: 1px solid #e3e8f0;
  border-radius: 4px;
}

/*CHECK BOX*/
input[type="checkbox"] {
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #e5e8ef;
  cursor: pointer;
  display: inline-block;
  height: 17px;
  margin-right: 3px;
  position: relative;
  width: 17px;
  -webkit-appearance: none;
}

input[type="checkbox"]:checked {
  background-color: #4be1ab;
}

input[type="checkbox"]+label {
  font-weight: 400;
}

input[type="checkbox"]:after {
  opacity: 0;
}

input[type="checkbox"]:checked::after {
  background-color: #4be1ab;
  content: '';
  display: block;
  height: 6px;
  left: 3px;
  border-top: none !important;
  border-right: none !important;
  border: 3px #fff solid;
  position: relative;
  top: 3px;
  width: 9px;
  opacity: 1;
  transform: rotate(-45deg);
}

.input-group-addon .checkbox label::after {
  top: 2px;
}

.checkbox {
  padding-left: 20px;
}

.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}

.checkbox input[type="checkbox"]:focus+label::before,
.checkbox input[type="radio"]:focus+label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked+label::after,
.checkbox input[type="radio"]:checked+label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled+label,
.checkbox input[type="radio"]:disabled+label {
  opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before,
.checkbox input[type="radio"]:disabled+label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}

.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+label::before {
  background-color: #f4f5f9;
  border-color: #e6e9f0;
}

.checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-primary input[type="radio"]:checked+label::after {
  color: #bec3d4;
}

.checkbox-danger input[type="checkbox"]:checked+label::before,
.checkbox-danger input[type="radio"]:checked+label::before {
  background-color: #ed202e;
  border-color: #e6e9f0;
}

.checkbox-danger input[type="checkbox"]:checked+label::after,
.checkbox-danger input[type="radio"]:checked+label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked+label::before,
.checkbox-info input[type="radio"]:checked+label::before {
  background-color: #1393fd;
  border-color: #e6e9f0;
}

.checkbox-info input[type="checkbox"]:checked+label::after,
.checkbox-info input[type="radio"]:checked+label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked+label::before,
.checkbox-warning input[type="radio"]:checked+label::before {
  background-color: #ffa335;
  border-color: #e6e9f0;
}

.checkbox-warning input[type="checkbox"]:checked+label::after,
.checkbox-warning input[type="radio"]:checked+label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked+label::before,
.checkbox-success input[type="radio"]:checked+label::before {
  background-color: #4be1ab;
  border-color: #e6e9f0;
}

.checkbox-success input[type="checkbox"]:checked+label::after,
.checkbox-success input[type="radio"]:checked+label::after {
  color: #fff;
}

/*Radio*/
input[type="radio"] {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #e5e8ef;
  cursor: pointer;
  display: inline-block;
  height: 17px;
  margin-right: 3px;
  position: relative;
  width: 17px;
  -webkit-appearance: none;
}

input[type="radio"]+label {
  font-weight: 400;
}

input[type="radio"]:after {
  opacity: 0;
}

input[type="radio"]:checked::after {
  background-color: #444;
  border-radius: 25px;
  background-color: #4be1ab;
  content: '';
  display: block;
  height: 9px;
  left: 3px;
  position: relative;
  top: 3px;
  width: 9px;
  opacity: 1;
}

.radio {
  padding-left: 20px;
}

.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #e5e8ef;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 9px;
  height: 9px;
  left: 4px;
  top: 4px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}

.radio input[type="radio"]:focus+label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.radio input[type="radio"]:checked+label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label {
  opacity: 0.65;
}

.radio input[type="radio"]:disabled+label::before {
  cursor: not-allowed;
}

.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"]+label::after {
  background-color: #c0c7da;
}

.radio-primary input[type="radio"]:checked+label::before {
  border-color: #e4e7ef;
}

.radio-primary input[type="radio"]:checked+label::after {
  background-color: #c0c7da;
}

.radio-danger input[type="radio"]+label::after {
  background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked+label::before {
  border-color: #e4e7ef;
}

.radio-danger input[type="radio"]:checked+label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"]+label::after {
  background-color: #3a8cf7;
}

.radio-info input[type="radio"]:checked+label::before {
  border-color: #e4e7ef;
}

.radio-info input[type="radio"]:checked+label::after {
  background-color: #3a8cf7;
}

.radio-warning input[type="radio"]+label::after {
  background-color: #51dde9;
}

.radio-warning input[type="radio"]:checked+label::before {
  border-color: #e4e7ef;
}

.radio-warning input[type="radio"]:checked+label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"]+label::after {
  background-color: #4be1ab;
}

.radio-success input[type="radio"]:checked+label::before {
  border-color: #e4e7ef;
}

.radio-success input[type="radio"]:checked+label::after {
  background-color: #4be1ab;
}

input[type="checkbox"].styled:checked+label:after,
input[type="radio"].styled:checked+label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
}

input[type="checkbox"] .styled:checked+label::before,
input[type="radio"] .styled:checked+label::before {
  color: #fff;
}

input[type="checkbox"] .styled:checked+label::after,
input[type="radio"] .styled:checked+label::after {
  color: #fff;
}

/* Validation Status */
.has-feedback label {
  color: #a1aaba !important;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.8px;
  font-size: 13px;
}

.has-feedback input[type="text"] {
  border-width: 2px;
  border-radius: 4px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #4be1ab;
}

.has-success .form-control {
  border-color: #4be1ab;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #4be1ab;
}

.has-success .input-group-addon {
  color: #454648;
  border-color: #4be1ab;
  background-color: #FFF;
}

.has-success .form-control-feedback {
  color: #4be1ab;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #f89338;
}

.has-warning .form-control {
  border-color: #f89338;
}

.has-warning .form-control:focus {
  border-color: #f89338;
}

.has-warning .input-group-addon {
  color: #454648;
  border-color: #f89338;
  background-color: #fff;
}

.has-warning .form-control-feedback {
  color: #f89338;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #ed202e;
}

.has-error .form-control {
  border-color: #ed202e;
  ;
}

.has-error .form-control:focus {
  border-color: #ed202e;
}

.has-error .input-group-addon {
  color: #454648;
  border-color: #ed202e;
  background-color: #fff;
}

.has-error .form-control-feedback {
  color: #ed202e;
}

/* 3.2 Panels */
.panel {
  font-size: 14px;
  border-radius: 0;
  box-shadow: none;
  border: none;
}

.panel a {
  font-size: 14px;
}

.panel-heading {
  padding: 18px 24px;
  border-radius: 0;
  border: none;
}

.panel-default {
  border-color: #fff;
}

.panel-default>.panel-heading {
  color: #6f6f6f;
  background-color: #fff;
  border-color: #fff;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #fff;
}

.panel-default>.panel-heading .badge {
  color: #fff;
  background-color: #333333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border: #dddddd 1px solid;
}

.panel-default .panel-body {
  border: #dddddd 1px solid;
}

.panel-primary {
  border-color: #1393fd;
}

.panel-primary>.panel-heading {
  color: #ffffff;
  background-color: #1393fd;
  border-color: #337ab7;
}

.panel .panel-title {
  margin-bottom: 0;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border: #1393fd 1px solid;
}

.panel-primary>.panel-heading .badge {
  color: #1393fd;
  background-color: #ffffff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border: #1393fd 1px solid;
}

.panel-primary .panel-body {
  border: #1393fd 1px solid;
}

.panel-success {
  border-color: #4be1ab;
}

.panel-success>.panel-heading {
  color: #fff;
  background-color: #4be1ab;
  border-color: #4be1ab;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border: #4be1ab 1px solid;
}

.panel-success>.panel-heading .badge {
  color: #4be1ab;
  background-color: #fff;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border: #4be1ab 1px solid;
}

.panel-success .panel-body {
  border: #4be1ab 1px solid;
}

.panel-info {
  border-color: #1393fd;
}

.panel-info>.panel-heading {
  color: #fff;
  background-color: #1393fd;
  border-color: #1393fd
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border: #1393fd 1px solid;
}

.panel-info>.panel-heading .badge {
  color: #1393fd;
  background-color: #fff;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border: #1393fd 1px solid;
}

.panel-info .panel-body {
  border: #1393fd 1px solid;
}

.panel-warning {
  border-color: #ffa335;
}

.panel-warning>.panel-heading {
  color: #fff;
  background-color: #ffa335;
  border-color: #ffa335;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
  border: #ffa335 1px solid;
}

.panel-warning .panel-body {
  border: #ffa335 1px solid;
}

.panel-warning>.panel-heading .badge {
  color: #ffa335;
  background-color: #fff;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ffa335;
}

.panel-danger {
  border-color: #ed202e;
}

.panel-danger>.panel-heading {
  color: #fff;
  background-color: #ed202e;
  border-color: #ed202e;
}

.panel-danger .panel-body {
  border: #ed202e 1px solid;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  border: #ed202e 1px solid;
}

.panel-danger>.panel-heading .badge {
  color: #ed202e;
  background-color: #fff;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ed202e;
}

.more-less {
  float: right;
  color: #fff;
}

.panel-heading a[aria-expanded="true"]:after {
  font-family: 'Glyphicons Halflings';
  content: "\2212";
  float: right;
  color: #FFF;
}

.panel-heading a[aria-expanded="false"]:after {
  font-family: 'Glyphicons Halflings';
  content: "\2b";
  float: right;
  color: #FFF;
}

.panel-body {
  color: #6f6f6f;
  font-size: 16px;
  font-family: 'PT Serif', serif;
  line-height: 1.7;
}

/*3.3 Modal Popup */
.modal-title {
  text-align: center;
  font-size: 32px;
  font-weight: 900;
  font-family: 'Montserrat', sans-serif;
}

.modal-footer {
  border: none;
  padding: 15px 30px 40px;
  text-align: center;
}

.modal-header {
  border: none;
  padding: 40px 30px 15px;
}

.modal-body {
  padding: 30px;
}

.modal-body p {
  font-size: 17px;
  color: #343e5c;
  letter-spacing: 0.8px;
  text-align: center;
  font-family: 'PT Serif', serif;
  line-height: 1.7;
}

.close:hover {
  color: #CCC;
  background-color: transparent;
}

/* 3.5 Popover */
.popover-content {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #222327;
  text-align: center;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 12px;
  letter-spacing: 0.8px;
  color: #b5bfd0;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 5px 5px 0 0;
}

.popover {
  border: 1px solid rgba(228, 231, 239, 0.11);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* 3.6 Progress bar */
.progress {
  border-radius: 0px;
}

.progress-bar {
  box-shadow: none;
}

/* 3.7 Tabs */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  color: #3a405b;
  background-color: #f0f2f7;
  border: 1px solid #f0f2f7;
  font-size: 11px;
  text-transform: uppercase;
}

.nav-tabs li:before {
  visibility: hidden;
}

.nav-tabs>li>a {
  color: #3a405b;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-right: 0;
  border: 1px #f0f2f7 solid;
}

.nav-tabs>li:last-child a {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-tabs>li:not(:first-child):not(:last-child) a {
  border-radius: 0;
}

.tab-content .tab-pane {
  padding: 15px;
  background: #f0f2f7;
}

.page .page-block .nav-tabs>li,
.single .nav-tabs>li {
  margin: 0;
}

/*----------------------
3.8 Tables, Others
----------------------- */
table {
  margin: 0 0 20px;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  border-top: 1px solid #ececec
}

tr th:first-child,
tr td:first-child {
  border-left-style: solid;
  border-left-width: 1px;
  border-color: #ececec
}

tr th:first-child,
tr td:first-child {
  border-left-style: solid;
  border-left-width: 1px
}

th {
  border-left: medium none;
  border-style: none solid solid none;
  border-top: medium none;
  border-width: medium 1px 1px medium;
  font-weight: bold;
  padding: 10px;
  text-align: left;
  border-color: #ececec
}

td {
  border-color: #ececec;
  border-left: none;
  border-style: none solid solid none;
  border-top: medium none;
  border-width: medium 1px 1px medium;
  font-size: 13px;
  padding: 10px
}

table tr:nth-child(odd) {
  background-color: #f7f7f7;
}

/*----------------
4.0 Accessibility
------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

#content[tabindex="-1"]:focus {
  outline: 0;
}

/*-----------
4.1 Alignments
------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*----------
4.2 Clearings
-----------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

.clearfix {
  display: block;
  content: "";
  clear: both;
}

/*--------
4.3 Widgets
---------*/
.widget {
  margin: 0 0 1.5em;
}

.widget ul {
  padding-left: 0;
}

.widget select {
  max-width: 100%;
}

.widget p {
  text-align: center;
  color: #73757d;
  font-size: 14px;
  font-weight: 600;
}

.widget-title {
  font-size: 14px;
  font-weight: 500;
  color: #404040;
  background: none;
  font-family: 'Montserrat', sans-serif;
  text-transform: none;
  margin: 30px 0 20px;
  text-align: center;
  text-transform: uppercase;
  border: 0px #00d3f3 dashed;
  border-radius: 0px;
  padding: 8px;
}

.widget-title:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 1px;
  background: #404040;
  position: relative;
  top: -5px;
  margin: 0 5px;
}

.widget-title:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 1px;
  background: #404040;
  position: relative;
  top: -5px;
  margin: 0 5px;
}

.me {
  border-bottom-color: #d35400;
}

.n-lt-s {}

.n-lt-s input[type='email'] {
  width: 100%;
  border: none;
  box-shadow: none;
  background: #ededed;
  border-radius: 0px;
}

.n-lt-s button {
  width: 100%;
  background: #d35400;
  color: #fff;
  border: none;
}

.n-lt-s label {
  font-size: 12px;
  font-weight: 300;
  color: #7f8c8d;
  text-transform: uppercase;
}

.tagcloud a {
  border: 0px #fe5339 solid;
  border-radius: 0;
  background: #f7f7f7;
  color: #404040;
  font-family: 'Montserrat', sans-serif;
  margin-left: 4px;
  border-radius: 0;
  display: inline-block;
  padding: 8px 12px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 11px !important;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  text-decoration: none;
}

.tagcloud a:hover {
  webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background: #ff4a5d;
  color: #fff;
}

aside .widget_search {
  margin-bottom: 18px;
  margin-top: 27px;
}

aside .widget_search .input-group {
  margin-bottom: 0;
  margin-top: 25px;
}

aside .widget_search button {
  background: #fe5339;
  color: #fff;
  opacity: 1;
}

aside .widget_search button:hover {
  opacity: 0.7;
  webkit-transition: all 600ms ease-in-out;
  transition: all 600ms ease-in-out;
  border: 1px #fe5339 solid;
}

.thumb {
  display: block;
  width: 100%;
  margin: 0;
}

/* Style to article Author */
.by-author {
  font-style: italic;
  line-height: 1.3;
  color: #aab6aa;
}

.widget_recent_comments ul li {
  padding: 26px 0;
  font-family: 'Montserrat', sans-serif;
  color: #73757d;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  letter-spacing: 0.8px;
  border-bottom: 2px #f3f3f3 solid;
  margin-bottom: 1px;
  list-style: none;
  margin-left: 36px;
}

.widget_recent_comments ul li:last-child {
  border-bottom: 0px #f3f3f3 solid;
}

.widget_recent_comments ul li a {
  color: #43484d;
}

.widget_recent_comments ul li a:hover {
  color: #ff4a5d;
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

.widget_recent_comments ul li span {
  font-weight: 600;
  font-size: 12px;
}

.widget_recent_comments ul li .comment-author-link a {
  color: #73757d;
}

.widget_recent_comments ul li:before {
  font-family: 'FontAwesome';
  content: "\f0e5";
  display: inline-block;
  color: #43484d;
  position: absolute;
  left: 45px;
  font-size: 18px;
}

.widget_recent_entries li img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}

.widget_recent_entries li img:hover {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.widget_recent_entries li a {
  display: block;
  margin-left: 0px;
}

.widget_recent_entries li {
  border-bottom: 1px #f4f4f4 solid;
  padding: 15px 0;
}

.widget_recent_entries ul li .media-body p {
  color: #193f5d;
  font-size: 14px;
}

.widget_recent_entries .media {
  margin-top: 0;
}

.widget_recent_entries ul li .media-body p a {
  color: #6f6f6f;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  margin-left: 12px;
  letter-spacing: 0.8px;
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  margin-top: 0px;
  line-height: 1.8;
}

.widget_recent_entries ul li .media-body p .by-author {}

.widget_recent_entries ul li .media-body p a:hover {
  color: #fe5339;
  text-decoration: none;
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

.widget_recent_entries ul li .media-body p {
  text-align: left;
  margin: 0;
}

.widget_recent_entries ul li .media-body p a span {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  text-align: left;
  font-size: 11px;
  color: #acadb1;
  text-decoration: underline;
}

.widget_archive ul {
  margin-left: 0;
  padding-left: 0;
}

.widget_archive ul li {
  padding: 8px 0;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.8px;
  color: #969dad;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  border: none;
  border-bottom: 0px #dcdde1 solid;
  margin-bottom: 1px;
  text-transform: uppercase;
  list-style: none;
}

.widget_archive ul li a {
  color: #000;
}

.widget_archive li a:hover {
  color: #ff4a5d;
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

aside section {
  margin-bottom: 60px !important;
}

aside section:first-child {
  margin-top: 0px;
}

aside {
  padding-left: 40px !important;
}

aside ul {}

aside ul li {
  padding: 8px 0;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.8px;
  color: #969dad;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  border: none;
  border-bottom: 0px #dcdde1 solid;
  margin-bottom: 1px;
  text-transform: none;
  list-style: none;
}

aside ul li a {
  color: #000;
}

aside li a:hover {
  color: #ff4a5d;
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

.widget_categories {}

.widget_categories ul {
  background: none;
  padding: 0px;
}

.widget_categories ul li {
  padding: 16px 0;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.8px;
  color: #6f6f6f;
  font-size: 13px;
  text-transform: none;
  font-weight: 500;
  border: none;
  border-bottom: 1px #e2ddc7 solid;
  margin-bottom: 1px;
  text-transform: uppercase;
  list-style: none;
}

.widget_categories ul li a {
  color: #6f6f6f;
  font-size: 13px;
  text-transform: none;
  font-weight: 500;
  text-transform: uppercase;
}

.widget_categories ul li a span {
  float: right;
}

.widget_categories li a:hover {
  color: #ff4a5d;
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

.widget_categories ul li ul.children {
  margin-left: 10%;
}

.widget_categories ul li ul.children li {
  padding: 16px 0;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 0.8px;
  color: #6f6f6f;
  font-size: 13px;
  text-transform: none;
  font-weight: 500;
  border: none;
  border-bottom: 0px #e2ddc7 solid;
  margin-bottom: 0px;
  text-transform: uppercase;
  list-style: none;
}

.widget_categories ul li ul.children li a {
  color: #6f6f6f;
  font-size: 13px;
  text-transform: none;
  font-weight: 500;
  text-transform: uppercase;
}

.widget_tag_cloud .tagcloud a {
  margin-top: 5px;
}

.widget_meta ul {
  list-style: none;
}

.widget_meta li {
  padding: 8px 0;
}

.widget_meta li a {
  color: #193f5d;
  font-size: 14px;
  list-style: none;
  font-weight: 600;
}

.widget_meta li a:hover {
  color: #fc8f2f;
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

.widget_meta li:hover:before {
  color: #ec6262;
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

.widget_meta li:before {
  content: "-";
  padding: 0 10px 0 0;
  font-weight: bold;
  color: #bbbbbb;
}

.widget_social ul {
  margin-left: 0;
  padding-left: 0;
}

.widget_social li i {
  /*background: #666;*/
  text-align: center;
  padding: 0px;
  font-size: 20px;
  /*border-radius: 50%;*/
  color: #000;
}

.widget_social li i:hover {
  color: #fff;
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
  opacity: 0.8;
}

.widget_social li {
  border: none;
  color: #fff;
  border-radius: 8px;
  margin: 6px;
  background-color: transparent;
  display: inline-block;
}

.widget_search .input-group-btn button {
  padding: 12px 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.widget_social li a {
  display: inline-block;
}

.widget_social {
  height: auto;
  display: block;
}

.widget_social .fa {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 4px;
  width: 46px;
  color: #fff;
}

.widget_social .fa-facebook {
  background: #3fccfd;
}

.widget_social .fa-facebook:hover {}

.widget_social .fa-twitter {
  background: #3b5998;
}

.widget_social .fa-google-plus {
  background: #df4b38;
}

.widget_social .fa-rss {
  background: #fba529;
}

.widget_social .fa-pinterest {
  background: #3fccfd;
}

.widget_social .fa-dribbble {
  background: #ea4c89;
}

.widget_social .fa-behance {
  background: #006ffb;
}

.widget_social .fa-instagram {
  background: #893a8b;
}

.widget_social .fa-youtube-play {
  background: #c71d20;
}

.widget_social .fa-youtube {
  background: #c71d20;
}

.widget_tag_cloud .tagcloud a {
  margin-top: 5px;
}

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

.widget_meta li {
  padding: 8px 0;
}

.widget_meta li a {
  color: #193f5d;
  font-size: 14px;
  list-style: none;
  font-weight: 600;
}

.widget_meta li a:hover {
  color: #ff4a5d;
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

.widget_meta li:hover:before {
  color: #ff4a5d;
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

.widget_meta li:before {
  content: "-";
  padding: 0 10px 0 0;
  font-weight: bold;
  color: #bbbbbb;
}

/*----------
4.4 Comments
------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

#comments span {
  margin: 0;
}

#comments p {
  padding: 0;
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 1.7;
  font-family: 'PT Serif', serif;
  color: #6f6f6f;
  margin-left: 0 !important;
}

#comments form label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

#comments .comments-title {
  font-size: 20px;
  margin-left: 0;
  padding-left: 0;
  line-height: 1.4;
}

#comments .comments-title:before {
  content: "\f086";
  color: #e4e7ef;
  display: inline-block;
  margin-right: 15px;
  font-family: 'FontAwesome';
}

#comments a {
  color: #404040;
}

#comments {
  margin-top: 30px;
  border-top: 0px #999999 solid;
  padding-top: 25px;
  margin-bottom: 50px;
}

#comments .comment-reply-title {
  font-size: 22px;
  margin-top: 30px;
}

#comments ol {
  list-style: none;
  padding: 0;
  margin-left: 0 !important;
}

#comments ol li {
  border-left: 0px #ccc solid;
  padding: 0;
  word-wrap: break-word;
}

#comments .comment-author {
  display: inline-block;
  font-size: 12px;
}

#comments .comment-author b {
  margin-left: 116px;
  font-size: 12px;
  color: #404040;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}

#comments .comment-author b a {
  color: #404040;
  text-transform: uppercase;
}

#comments ol li .comment-metadata {
  display: block;
}

#comments ol li .comment-metadata a {
  color: #73757d;
  margin-left: 116px;
  font-size: 16px;
  font-style: italic;
  font-family: 'PT Serif', serif;
}

#comments .comment-content {
  position: relative;
  margin-left: 120px;
  /*top: -80px;
    left: 120px;*/
}

#comments ol li ol {
  border-top: 0px #e1e1e1 solid;
  margin-bottom: 30px;
}

#comments ol li ol li {
  border-bottom: 0px #e1e1e1 solid;
  word-wrap: break-word;
  padding-left: 50px;
}

#comments .comment-body {
  padding: 50px 20px;
  text-align: left;
  margin-top: 0;
  background: #fafafa;
  border-bottom: 3px #f2f2f2 solid;
}

#comments .comment-author .avatar {
  width: 100px;
  height: 100px;
  max-height: inherit;
  min-height: inherit;
  display: inline-block;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 20px;
  position: absolute;
}

#comments .reply {
  float: right;
}

#comments .reply a {
  color: #73757d;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
}

#comments .reply a:before {
  content: "\f075";
  font-family: 'FontAwesome';
  display: inline-block;
  margin-right: 5px;
  color: #73757d;
}

#respond h3 {
  padding-left: 0;
}

#respond textarea {
  width: 100%;
  border: 1px #e1e1e1 solid;
  border-radius: 0;
}

#respond input {
  border: 1px #e1e1e1 solid;
  width: 100%;
  display: block;
  border-radius: 0;
}

#respond input[type=submit] {
  background: #ff5959;
  color: #fff;
  border: none;
  float: left;
  font-family: 'Montserrat', sans-serif;
  padding: 18px;
}

#respond input[type=submit]:hover {
  background: #fe7575;
  color: #fff;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#respond p.comment-form-comment {
  display: block;
  width: 100%;
}

#respond p {
  display: inline-block;
  width: 49%;
  margin: 15px 2px;
}

#respond p.comment-form-url {
  width: 100%;
}

#respond p label .required {
  display: inline-block;
}

/*----------------
4.5 Infinite scroll
-----------------*/
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}


.infinity-end.neverending .site-footer {
  display: block;
}

/*-----
4.6 Media
-------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

embed,
iframe,
object {
  max-width: 100%;
}

/*----------------
5.0 Homepage Sections
-----------------*/
/*Slider*/
#main-banner {}

#main-banner .carousel-caption {
  position: absolute;
 
  color: var(--secondary-font-color);
  text-align: center;
  z-index: 99;
  left: 10%;
  padding-top: 0;
  top: 20%;
}

#main-banner h2 {
  color: var(--secondary-font-color);
  font-family: var(--header-font);
  font-size: 4.2rem;
  font-weight: 500;
  line-height: 0.9;
  margin-bottom: 15px;
}

#main-banner h2 span {
  /*font-family: var(--fancy-font);*/
  font-size: 3.6rem;
}

#main-banner .carousel-caption p {
  font-family: var(--primary-fonts);
  font-size: 1.2rem;
  margin: 8px;
}

#main-banner .carousel-caption p span {
  font-size: 1rem;
  text-transform: uppercase;
}

#home-banner--slide button:active,
#home-banner--slide button:focus {
  background-color: transparent;
  border-color: transparent;
}

.separator-before::before {
  content: '';
  width: 100%;
  height: 23px;
  display: block;
  background: url("../img/separator.png") no-repeat center center;
  text-align: center;
  margin: 20px 0 20px 0;
}

.separator-after::after {
  content: '';
  width: 100%;
  height: 23px;
  display: block;
  background: url("../img/separator.png") no-repeat center center;
  text-align: center;
  margin: 20px 0 20px 0;
}

#main-banner .carousel-caption .text-caption {}

#main-banner .carousel-caption .image-block {
  position: absolute;
  right: 3%;
  top: -5%;
  z-index: -9;
}

#main-banner .carousel-item{height: 80vh;}

#main-banner .carousel-item .bg-slider {
  width: 100%;
  height: 100%;
  object-fit: cover;
animation: zoom-in-zoom-out 15s ease ;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50%{ transform: scale(1.2, 1.2);}
  100% {
    transform: scale(1, 1);
  }
}


#main-banner .carousel-caption .image-block .bg-love {
  position: absolute;
  z-index: -10;
  right: 19%;
  top: -2rem;
  object-fit: contain;
  width: 65%;
}

.carousel-caption .image-block .bounce {
  animation: bounce 35s infinite;
}


#main-banner .ee-b-c h2{font-size: 3rem; line-height: 1.2;}
#main-banner .ee-b-c h2 span{font-size: 1.8rem; font-weight: 500;}
#main-banner .ee-b-c span.ee-tag{font-family:'Archivo Black', sans-serif;  background: #CF0404;
  background: linear-gradient(to bottom, #CF0404 0%, #2E0504 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-size: 4.6rem;
  -webkit-text-stroke: 2px #fcb214;
  animation: ftext 10s ease;
}



@-webkit-keyframes ftext {
  0% {
    opacity: 0;
  }

  100% {
   opacity: 1;
  }
}


#main-banner .sar-c{background-image: url(../img/Sar_Banner-b.png); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 20px;}
#main-banner .sar-c .f-t-ba{    position: relative;
  top: 28px;}
#main-banner .carousel-caption .ee-sv .bg-love{ 
  width: 50%;
  right: 50%;
  
}

#main-banner .b-nav{    right: 2%;
  position: absolute;
  z-index: 5;
  bottom: 2%;
}
#main-banner .b-nav a{    font-size: 30px;
  color: #dca843;
  background: #ffffffb8;
  padding: 3px 15px;
  /* line-height: 2px; */
  border-radius: 50%;}


.f-t-ba{border-color: var(--primary-color); color: var(--primary-color); margin-top: 20px;}

/* PULSE */
.faa-pulse.animated.faa-slow,
.faa-pulse.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover>.faa-pulse.faa-slow {
  -webkit-animation: pulse 0.5s linear infinite;
  animation: pulse 0.5s linear infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.arrow {
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}

.bounce {
  -webkit-animation: bounce 5s infinite;
  animation: bounce 5s infinite;
}

@-webkit-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

button.carousel-control-prev:hover,
button.carousel-control-next:hover {
  background: rgb(0, 81, 84);
  background: -moz-linear-gradient(90deg, rgba(0, 81, 84, 0.5) 0%, rgba(0, 81, 84, 0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(0, 81, 84, 0.5) 0%, rgba(0, 81, 84, 0) 100%);
  background: linear-gradient(90deg, rgba(0, 81, 84, 0.5) 0%, rgba(0, 81, 84, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005154", endColorstr="#005154", GradientType=1);
}

button.carousel-control-next:hover {
  background: rgb(0, 81, 84);
  background: -moz-linear-gradient(-90deg, rgba(0, 81, 84, 0.5) 0%, rgba(0, 81, 84, 0) 100%);
  background: -webkit-linear-gradient(-90deg, rgba(0, 81, 84, 0.5) 0%, rgba(0, 81, 84, 0) 100%);
  background: linear-gradient(-90deg, rgba(0, 81, 84, 0.5) 0%, rgba(0, 81, 84, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005154", endColorstr="#005154", GradientType=1);
}

.site-title {
  display: block;
  text-align: center;
  margin: 30px auto;
  z-index: 2;
}

.more-click {
  background-color: #d5a547;
  padding: 10px 50px 10px 50px;
  border-radius: 5px;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  margin: 35px auto;
  font-size: 0.8rem;
  text-decoration: none;
  display: inline-block;
  width: auto;
}

.more-click:hover {
  color: white;
}

#artcle-slider {
  padding: 0;
}

/*About us block*/
#about-us-block h2 {
  font-family: var(--header-font);
  font-weight: 600;
}

#about-us-block h3 {
  font-weight: 700;
}

/*Bethel block*/
.bg-video-block {
  height: 70vh;
  padding: 0;
  overflow: hidden;
  position: relative;
}

.content-block {
  background-color: var(--primary-color);
  padding: 50px;
  height: 60vh;
  position: relative;
  z-index: 2;
}

.site-title h2 {
  font-family: var(--header-font);
  font-weight: 600;
  color: var(--primary-color);
  z-index: 2;
}

/*video*/
.bg-video-block video {
  position: relative;
  top: -20%;
  width: 100%;
}

.bg-video-block:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.6;
}

.bethel-title {
  top: -430px;
  position: relative;
  z-index: 2;
}

.bethel-title h2 {
  font-family: var(--header-font);
  line-height: 0.9;
  font-size: 4rem;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--primary-color);
  text-align: center;
  padding-bottom: 100px;
}

.bethel-title h2 span.text-gradient {
  font-family: var(--fancy-font);
  font-size: 4rem;
  text-transform: none;
  font-weight: 500;
  background: #feef94;
  background: radial-gradient(circle farthest-corner at center center, #feef94 0%, #D7A546 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bethel-title h2 span {
  font-family: var(--header-font);
  font-size: 20rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--primary-color);
}

.bethel-img {
  position: absolute;
  z-index: 3;
  top: 230px;
  /*left: 250px;*/
  width: 100%;
}

.bethel-img img {
  display: block;
  margin: 0 auto;
}

.bethel-title p {
  font-family: var(--fancy2-font);
  font-size: 2rem;
  font-style: italic;
  color: white;
  text-align: center;
  line-height: 1.5;
}

.bethel-title p .separator-before {
  font-family: var(--primary-fonts);
  font-size: 0.9rem;
  font-style: normal;
  text-transform: uppercase;
  line-height: 0.9;
  display: block;
}

/*recent videos block*/
#recent-vdo-block {
  padding: 100px 0;
}

#recent-vdo-block h2 span {
  color: #d4a344;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 400;
  font-family: var(--primary-fonts);
}

#recent-vdo-block h2 {
  font-size: 2.5rem;
}



.recent-vdo-list ul {
  float: left;
  
  
}

.recent-vdo-list ul li {
  display: block;
  border-bottom: 1px #dfdfdf solid;
  float: left;
  padding: 18px 0;
  position: relative;
  width: 100%;
}


.recent-vdo-list ul li a{display: inline-block;}

.recent-vdo-list ul li:last-child {
  border: none;
}

.recent-vdo-list ul li img {
  width: 180px;
  object-fit: contain;
  display: inline-block;
  float: left;
  border-radius: 10px;
  position: relative;
}

.recent-vdo-list ul li fieldset {
  padding: 0 20px;
  padding-top: 5px;
  padding-right: 0;
}

.recent-vdo-list ul li h4 {
  margin: 15px 0;
  font-size: 15px;
}
.main-video-view fieldset  a {color: #c7c7c7;}

.recent-vdo-list ul li small {
  font-size: 12px;
  color:var(--secondary-color);
  text-transform: uppercase;
  font-weight: bold;
}

.recent-vdo-list ul li span {
  font-size: 11px;
  color: darkgrey;
}

.recent-vdo-list li i{    position: absolute;
  left: 12%;
  top: 40%;
  font-size: 35px;
  border-radius: 20px;
  background: var(--secondary-color);
  color: #ffffff;
  z-index: 2;
}

.recent-vdo-list .about-zion-iframe img{border-radius: 10px;}

.recent-vdo-list  .main-video-view{padding: 0;}
.more-watch {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  font-size: 12px;
  padding: 15px 25px;
  margin-top: 50px;
  background: var(--secondary-color);
}

.inner-page p.about-zion i{text-align: left; font-size: 14px; font-weight: bold; color: #333; font-style: normal;}



.main-video-view fieldset{    color: #fff;
  font-size: 0.9rem;
  padding: 20px 20px;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  bottom: 0;
  line-height: 1.2;}

  .main-video-view fieldset h4 {
    margin: 15px 0;
    font-size: 15px;
}
.main-video-view fieldset span {
  font-size: 11px;
  color: darkgrey;
}

  .main-video-view fieldset  small {
    font-size: 12px;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: bold;
}

/*sign of times*/
#sign-of-times-block {
  padding: 40px 0 100px;
  position: relative;
}

#sign-of-times-block:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
  background:#1d3ea1;
  opacity: 0.2;
  z-index: 1;
}

#sign-of-times-block h2 span {
  color: #d4a344;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--primary-fonts);
  z-index: 2;
}

#sign-of-times-block h2 {
  font-size: 2.5rem;
  color: #fff;
  z-index: 2;
  margin-bottom: 0;
}

#sign-of-times-block p {
  display: inline-block;
  margin: 0 auto;
  width: 70%;
  color: #fff;
  margin-bottom: 30px;
  z-index: 2;
}

#sign-of-times-block .main-article-list ul li i{    
  position: absolute;
  left: 18%;
  top: 38%;
  font-size: 25px;
  border-radius: 20px;
  background: var(--secondary-color);
  color: #ffffff;
  z-index: 2;
}


.main-article-vdo fieldset{    color: #fff;
  font-size: 0.9rem;
  padding: 20px 20px;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  border-bottom-left-radius: 10px;
  bottom: 0;
  line-height: 1.2;}

  .main-article-vdo fieldset h4 {
    margin: 15px 0;
}
.main-article-vdo fieldset span {
  font-size: 11px;
  color: darkgrey;
}

.main-article-vdo fieldset  small {
    font-size: 12px;
    color: var(--secondary-color);
    text-transform: uppercase;
    font-weight: bold;
}




.main-article-list {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
 
}

.main-article-list ul li {
  display: block;
  border-bottom: 1px #1e3766 solid;
  float: left;
  padding: 15px 0;
  width: 100%;
  position: relative;
}
.main-article-list ul li:hover{
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0.011642156862745057) 0%, rgba(30,55,102,1) 100%);
  transition: all ease-in-out 0.5s;

}
.main-article-list ul {
 
  padding: 0;
  margin: 0;
}

.main-article-list ul li:last-child {
  border: none;
}

.main-article-list ul li img {
  width: 180px;
  height: 90px;
  object-fit: contain;
  display: inline-block;
  float: left;
  position: relative;
}

.main-article-list ul li fieldset {
  padding: 0 20px;
}

.main-article-list ul li i{    position: absolute;
  left: 12%;
  top: 40%;
  font-size: 35px;
  border-radius: 20px;
  background: var(--secondary-color);
  color: #ffffff;
}

.main-article-list ul li h4 {
  margin: 15px 0;
  font-size: 0.8rem;
  color: #fff;
}

.main-article-list ul li small {
  font-size: 12px;
  color: red;
  text-transform: uppercase;
  font-weight: bold;
}

.main-article-list ul li span {
  font-size: 11px;
  color: darkgrey;
}

.main-article-vdo {
  padding: 60px 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgba(0, 0, 0, 0.6);
}

#sign-of-times-block .see-all {
  color: var(--secondary-color);
  font-size: 12px;
  display: block;
  text-align: right;
  font-weight: 600;
  margin-top: 10px;
  position: relative;
  z-index: 2;
}

/*words bar*/
.words-bar {
  width: 95%;
  display: block;
  padding: 20px 0;
  text-align: left;
  border-radius: 8px;
  color: #fff;
 
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  z-index: -2;
  margin: 50px auto 0 auto;
}

.fw-bar .button-play.is-play {
  left: 5%;
  background-color: red;
  color: #fff;
}

.fw-bar .button-play.is-play .button-icon {
  left: 48%;
  top: 52%;
}



.words-bar:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
  background: rgba(0, 76, 76, .9);
  opacity: 0.7;
  z-index: -1;
}


.words-bar h4 {

  padding: 40px 0;
  margin: 0;
  font-family: var(--header-font);
  font-size: 2rem;
  font-weight: 700;
}

.words-bar h4 span {
  font-style: italic;
  font-size: 1.8rem;
}

.words-bar h4 small {
  font-size: 0.9rem;
  text-transform: uppercase;
  font-family: var(--primary-fonts);
  font-weight: 500;
}

/*Articles block*/
#article-block {
  padding: 60px 0;
  overflow: hidden;
}

#article-block h2 span {
  color: #d4a344;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--primary-fonts);
}

#article-block h5 {
  font-size: 16px;
  font-weight: bold;
}

#article-block .card {
  border-radius: 15px;
  -webkit-box-shadow: 0px -1px 22px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px -1px 22px 12px rgba(0, 0, 0, 0.22);
  transition: all 300ms ease-in-out;
  box-shadow: 0px -1px 22px 12px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

#article-block .card:hover .card-tag,
#article-block .card:hover .article-title:before {
  background: #d4a344;
  transition: all 300ms ease-in-out;
}

#article-block .article-title:before {
  content: "";
  position: relative;
  height: 6px;
  width: 100%;
  background-color: var(--primary-color);
  display: block;
  left: -30px;
  top: -25px;
}

#article-block .timedate {
  font-size: 10px;
  text-transform: uppercase;
  color: #858585;
}

#article-block .article-title {
  padding: 25px;
}

#article-block .card-img-top {
  position: relative;
  left: -40px;
  border-radius: 12px;
}

#article-block .card .card-tag {
  padding: 3px 10px;
  border-radius: 5px;
  color: #fff;
  background-color: var(--primary-color);
  display: inline-block;
  width: fit-content;
  position: relative;
  left: 30px;
  top: -16px;
  font-size: 12px;
}






#article-block .more-click {
  display: inline-block;
  width: fit-content;
  background: none;
  color: #2E2D2D;
  text-transform: uppercase;
  border-bottom: 2px solid #d4a344;
  font-weight: bold;
  border-radius: 0;
  padding: 10px 0;
}

.nav-carousel {
  display: block;
  position: relative;
  text-align: right;
  padding: 15px 26px;
}

.nav-carousel a {
  text-align: right;
  opacity: 0.5;
  transition: all all 300ms ease-in-out;
}

.nav-carousel a:hover {
  text-align: right;
  opacity: 0.2;
  transition: all all 300ms ease-in-out;
  opacity: 1;
}


.nav-carousel i {
  font-size: 24px;
}


.nav-carousel a span{     padding: 9px 15px;
  color: #fff;
  font-size: 15px;
  border-radius: 30px;
  background: var(--secondary-color);}
  .nav-carousel a span i{font-size: 12px;}
/*gallery*/
#gallery-block {
  padding: 100px 0;
  background-image: url(../img/footer-bg.png);
  background-repeat: repeat;
}

#gallery-block h2 span {
  color: #d4a344;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--primary-fonts);
}

/* ---- grid ---- */
.gallery-b {
  padding: 30px;
}

.gallery-b .item-small {
  height: 245px;
  margin: 10px;
  float: left;
  display: inline-block;
  position: relative;
  width: 46%;
}

.gallery-b .item-small img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery-b .item-wide {
  width: 96%;
  margin: 10px;
  height: 230px;
  display: inline-block;
  position: relative;
}

.gallery-b .item-wide img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery-b .item-long {
  width: 96%;
  margin: 10px;
  height: 490px;
  display: inline-block;
  position: relative;
}

.gallery-b .item-long img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.gallery-b .item-p img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.gallery-b .caption-details {
  position: absolute;
  height: 100%;
  display: block;
  top: 0;
  width: 100%;
}

.gallery-b .caption-details h3 {
  color: #fff;
  font-size: 0.9rem;
  padding: 20px 10px;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  margin-bottom: 15px;
  bottom: 0;
  line-height: 1.2;
}

.gallery-b .caption-details h3 small {
  color: #ccc;
  font-weight: 300;
  font-size: 0.8rem;
}

.gallery-b .caption-details a {
  float: right;
}

.gallery-b .caption-details a:hover i {
  color: #fd0000;
  transition: all 2s ease;
}

.gallery-b .caption-details i {
  font-size: 2.1rem;
  color: #fff;
  float: right;
  margin: 30%;
}

#gallery-block a.more-click {
  float: right;
  margin-right: 42%;
}



.l-t-inner {
  display: block;
  text-align: center;
  margin: 15px 0;
  color: var(--primary-color);
}

.l-t-inner i {
  margin-right: 10px;
}

/*say so block*/
.say-so-block {
  padding: 100px 0;
 
}

.say-so-block h2 span {
  color: #d4a344;
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--primary-fonts);
}

.say-so-block .quotes-content {
  background: #fff url("../img/flow.png")no-repeat left bottom;
  padding: 70px;
}

#testimonials {
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  padding: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  overflow: hidden;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}

.say-so-block .quotes-content h3 {
  font-family: var(--header-font);
  color: #d4a344;
  font-size: 22px;
  line-height: 1.4;
  padding: 50px 0 50px;
}

.say-so-block .quotes-content h3:before {
  font-family: 'FontAwesome';
  content: "“";
  color: #d4a344;
  font-size: 3rem;
  display: block;
  margin-bottom: 20px;
}

.say-so-block .quotes-content h3:after {
  font-family: 'FontAwesome';
  content: "”";
  color: #d4a344;
  font-size: 3rem;
  display: block;
  text-align: right;
  transform: rotate();
}

.say-so-block .item {
  margin-right: 0;
  margin-left: 0;
}

.say-so-block .item h3 .writer-name {
  font-size: 16px;
  margin-left: 70%;
  font-weight: 700;
  color: #333;
  font-family: var(--primary-fonts);
  display: inline-block;
  margin-top: 30px;
}

.say-so-block .item h3 .writer-name small {
  font-size: 0.9rem;
  display: inline-block;
  font-weight: 300;
}

.say-so-block .item .writer-name img {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
}

.say-so-block .carousel-content-vdo img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.say-so-block .quotes-img {
  position: relative;
}

.say-so-block .carousel-content-vdo:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgb(131, 58, 180);
  background: linear-gradient(24deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 0) 50%, rgba(252, 176, 69, 1) 100%);
  opacity: 1;
}

.say-so-block .carousel-content-vdo a {
  position: absolute;
  z-index: 3;
  left: 38%;
  top: 45%;
  color: #fd0000;
}

.say-so-block .carousel-content-vdo a:hover {
  opacity: 0.5;
  transition: all 0.5s;
}

.say-so-block .carousel-content-vdo a i {
  display: inline-block;
  font-size: 5rem;
  font-weight: 300;
}

.say-so-block .carousel-content-vdo a span {
  display: inline-block;
  position: relative;
  top: -10px;
  opacity: 0;
}

#carousel img {
  display: block;
  opacity: .5;
  cursor: pointer;
  filter: grayscale(1);
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
  border-radius: 10px;
  height: 195px;
  object-fit: cover;
}

#carousel img:hover {
  opacity: 1;
  filter: grayscale(0);
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

#carousel .flex-active-slide img {
  opacity: 1;
  cursor: default;
  filter: grayscale(0);
  transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
}

.carousel-content-vdo {
  display: inline-block;
  width: 30%;
  float: left;
  position: relative;
  height: 525px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

.carousel-content {
  display: inline-block;
  width: 70%;
  float: left;
  padding: 60px;
  text-align: center;
}

.carousel-content h4 {
  font-weight: bold;
  margin-bottom: 35px;
}

.carousel-content p {
  line-height: 1.9;
}

.carousel-content a {
  color: var(--secondary-color);
  font-weight: bold;
  margin-top: 35px;
}

.flexslider {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  overflow: hidden;
  margin-top: 30px;
}

/*Inner pages*/
.inner-banner {}

.inner-banner .content {
  padding: 25px 15px;
  color: #fff;
  height: 90vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.inner-banner .content h2 {
  font-family: var(--header-font);
  font-weight: 600;
  position: relative;
  top: 100%;
  color: var(--primary-color);
  margin-top: 50px;
}

.inner-banner .content p {
  font-size: 11px;
}

.inner-page {
  padding: 140px 15px 30px 15px;
}

.inner-page h3 {
  text-align: center;
  font-weight: 700;
}

.inner-page p.about-zion {
  display: inline-block;
  width: 49%;
  padding: 30px;
  text-align: justify;
  float: left;
}

#company-counter .row {
  position: relative;
  z-index: 9;
}

#video-inner-banner .content {
  padding: 50px 15px;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#video-inner-banner .content h2 {
  font-family: var(--header-font);
  font-weight: 600;
  position: relative;



}

#video-inner-banner .content p {
  font-size: 11px;
}

.main-video-view {
  position: relative;
  z-index: 2;
  padding-top: 16px;
}

.main-video-view img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.play-button-link {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 45%;
  margin: 0;
  transform: translateY(-60%);
}

.play-button-link i {
  font-size: 60px;
  color: #dc3545;
}

.main-article-vdo {
  position: relative;
  z-index: 2;
  padding: 0;
}

.main-article-vdo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.play-button-link {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 43.5%;
  margin: 0;
  transform: translateY(-60%);
}

.play-button-link i {
  font-size: 60px;
  color: #dc3545;
}


/*article pages*/

.article-pages {}


.article-pages .article-banner {
  padding: 0;
  color: #fff;
  height: 418px;
  background-color: #004e47;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}


.article-pages .article-banner::before {

  content: "";
  opacity: 0.7;
  display: block;
  z-index: 2;
  width: 100%;
  height: 418px;
  position: absolute;
  background: linear-gradient(212deg, #2682aa, #114b84, #f3a74f, #572202);
  background-size: 800% 800%;

  -webkit-animation: AnimationName 20s ease infinite;
  -moz-animation: AnimationName 20s ease infinite;
  animation: AnimationName 20s ease infinite;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 53%
  }

  50% {
    background-position: 100% 48%
  }

  100% {
    background-position: 0% 53%
  }
}

@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 53%
  }

  50% {
    background-position: 100% 48%
  }

  100% {
    background-position: 0% 53%
  }
}

@keyframes AnimationName {
  0% {
    background-position: 0% 53%
  }

  50% {
    background-position: 100% 48%
  }

  100% {
    background-position: 0% 53%
  }
}

.article-pages .article-banner .content {
  position: relative;
  z-index: 4;
  text-align: left;
}

.article-pages .article-banner .content .breadcrumb {
  background-color: transparent;
  margin-top: 60px;
}

.article-pages .article-banner .content .breadcrumb>li>a {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  font-family: FontAwesome;
  content: "\f105";
  color: #b5bfd0;
}

.breadcrumb>.active {
  color: #b67830;
}

.article-pages .article-banner .content h2 {
  font-family: var(--header-font);
  font-weight: 500;
  color: #FFF;
  margin-top: 24px;
  padding: 5px 15px;
  text-align: left;
  font-size: 50px;

}

.article-pages .inner-page {
  padding: 25px 0 25px 0;
}

.article-pages .filter-container {
  background: rgba(0, 0, 0, 0.3);
  padding: 20px;
  margin: 0;
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 0;
  width: 100%;
}

.article-pages .filter-container .navbar-toggler-icon {

  height: 1.8em;
}

.article-pages .filter-container select#Filter-category {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #fff;
  background-image: none;
  flex: 1;
  padding: 0 .8em;
  color: #333;
  cursor: pointer;
  font-size: 0.8em;

}

.article-pages .filter-container select#Filter-category option:selected {
  color: #9e9e9e;
}

.article-pages .filter-container select#Filter-category::-ms-expand {
  display: none;
}

.select {
  position: relative;
  display: flex;
  width: 20em;
  height: 3em;
  line-height: 3;
  background: #fff;
  overflow: hidden;
  border-radius: 5px;
}

.select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 1em;
  background: #eee;
  cursor: pointer;
  pointer-events: none;
  transition: .25s all ease;
}

.select:hover::after {
  color: #777;
}

.article-pages .filter-container select .placeholder {
  color: #cac9c9;
}

.article-pages .filter-container .navbar a.disabled {
  color: #fff;
}

.article-pages .filter-container select option {
  padding: 10px 0;
  ;
}


.article-pages .filter-container .search {
  position: relative;
  box-shadow: 0 0 40px rgba(51, 51, 51, .1);

}

.article-pages .filter-container .search input {

  height: 48px;
  text-indent: 25px;
  width: 30vw;
  border-radius: 5px;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  padding-left: 12px;
}

.article-pages .filter-container .search ::placeholder {
  color: #fff;
  padding-left: 10px;
  font-size: 13px;
}

.article-pages .filter-container .search input:focus {

  box-shadow: none;



}

.article-pages .filter-container .search .fa-search {

  position: absolute;
  top: 18px;
  left: 16px;
  color: #fff;
  font-size: 18px;

}

.article-pages .filter-container .search button {

  position: absolute;
  top: 5px;
  right: 5px;
  padding: 10px 15px;
  height: 37px;

  background: var(--secondary-color);

}

.article-view .article-list-content {
  padding: 0 120px 0 120px;
}

.article-pages .article-list-content h2 {
  font-size: 24px;
  display: inline-block;
  color: var(--primary-color);
  margin-bottom: 40px;
}

.article-pages .article-col-container .article-box {
  padding: 30px;
}


.h-a-thumb {    position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  right: 21px;
  top: -60px;
  border-radius: 50px; }
.h-a-thumb img{width: 100%;
  height: 60px !important;
  object-fit: cover;
  border-radius: 50%;
  clip-path: none !important;}

  .h-a-c{    color: #fff;
    padding: 8px 40px 8px 13px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    font-size: 12px;
    clip-path: polygon(0% 0%, 100% 0%, 85% 50%, 100% 100%, 0% 100%);
    background-color: var(--primary-color);
  }

.article-pages .article-col-container .article-box .card {
  border-radius: 17px;
  overflow: hidden;
  position: relative;
}

.article-pages .article-col-container .article-box .card img {
  width: 100%;
  height: 225px;
  object-fit: fill;
  transition: all ease-in-out 0.5s;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

.article-pages .inner-page .article-col-container .article-box .card h3 {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  overflow: hidden;
}

.article-pages .article-col-container .article-box .card p {
  font-size: 12px;
  color: #959595;
  height: 65px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}


.article-pages .article-col-container .article-box .card .card-body {
  padding: 10px 30px;
  position: relative;
}

.article-pages .article-col-container .article-box .card .card-body a.btn {
  font-size: 28px;
  color: #b2b2b2;
}

.article-pages .article-col-container .article-box .card .card-body a.btn:hover {
  color: var(--primary-color);
  transition: all ease-in-out 0.5s;
}

.article-pages .article-col-container .article-box .card:hover img {
  transform: scale(1.1);
  transition: all ease-in-out 0.5s;
}

.article-pages .article-col-container .article-box .card .card-body a.text-link {
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 600;
  transition: all ease-in-out 0.5s;
}

.article-pages .article-col-container .article-box .card .card-body a.text-link:hover {
  color: var(--primary-color);
  transition: all ease-in-out 0.5s;
}

.article-pages .recent-selection {
  display: inline-block;
  position: relative;
  float: right;
  margin-right: 26px;
}

.article-pages .recent-selection .btn {
  border-radius: 5px;
  border-width: 1px;
  border-color: #c7c7c7;
  color: #9d9d9d;
  padding: 10px 15px;
  margin-top: 12px;
}


.article-pages .category-selection .btn {
  border-radius: 5px;
  border-width: 1px;
  border-color: #c7c7c7;
  color: #9d9d9d;
  background: #fff;
  padding: 16px 26px;
  width: 365px;
}

.article-pages .category-selection .btn {
  text-align: left;
  text-align: left;
  text-transform: none;
  font-size: 12px;

}

.article-pages .category-selection .btn.dropdown-toggle::after {
  float: right;
  margin-top: 8px;
}

.article-pages .category-selection .btn .caret {
  text-align: right;
  float: right;
}

.article-pages .category-selection .dropdown-menu {
  position: absolute;
  z-index: 2;
  width: 100%;
}

.article-pages .recent-selection select {
  padding: 15px;
  border-radius: 8px;
  font-size: 13px;
  width: 300px;
  opacity: 0.6;
}

.article-pages .recent-selection>select>option {
  margin: 10px;
}


.s-b-control{display: inline-block; float: right;}


.navbar-toggler-icon {
  background-image: none;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

button.navbar-toggler {
  border: none;
}

.pagination {
  margin-top: 60px;
}

.pagination-container {
  width: 100%;
}

.pagination .page-link {
  border-radius: 25px;
  margin: 6px;
  font-size: 12px;
  color: #777;
  transition: all ease-in-out 0.5s;
}

.pagination .page-link:hover,
.pagination .page-link.active {
  background-color: var(--secondary-color);
  color: #fff;
  border-color: var(--secondary-color);
  transition: all ease-in-out 0.5s;
}


.article-view .inner-page {
  padding: 35px 0 60px 0;
}

.article-view .inner-page h1 {
  font-size: 35px;
}

.article-view .inner-page h3,
.article-view .inner-page h2 {
  text-align: left;
  margin: 10px 0;
}

.article-view .inner-page p {
  color: #868686;
}

.article-view img.rounded {
  border-radius: 10px !important;
  padding: 0;
}

.article-view img.top-bottom-margin {
  margin: 45px 0;
}

.article-view img.scaled {
  transform: scale(1.1);
  margin: 60px 0;
}

.article-view img.full {
  width: 100%;
  max-height: 550px;
  object-fit: fill;
}

.article-view img.shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.article-view .inner-page blockquote {
  background: #f9f9f9;
  border-radius: 12px;
  padding: 20px 45px;
}

.article-view .inner-page blockquote::before,
.article-view .inner-page blockquote::after {
  display: none;
}

.article-view .inner-page blockquote p {
  font-family: var(--primary-font);
  font-style: normal;
  font-size: 25px !important;
  font-weight: 600;
  color: var(--primary-color) !important;
}

.article-view img.small {
  height: 240px;
  object-fit: cover;
  width: 100%;
}



.article-view p span>img {
  width: 30% !important;
  margin: auto;
}

.article-view p>img {
  width: 65% !important;
  margin-right: 5% !important;
}

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


.article-view .inner-page ul {
  padding: 15px 15px 35px;

  columns: 25rem;
  column-gap: 7rem;
  border-radius: 0.5rem;
  color: #868686;
}

.article-view .inner-page ul>*+* {
  margin-top: 0.5rem;
}

.article-view .inner-page li {
  break-inside: avoid;
  padding-left: 10px;
}

.article-view .inner-page ::marker {
  content: '•';
  font-family: 'FontAwesome';
  font-weight: 700;
  font-size: 1.5em;
  margin-right: 10px;

}

.article-view .inner-page li span {
  display: block;
}

.article-view .inner-page li span:first-child {
  font-size: 1.5em;
}

.article-view .inner-page li span:last-child {
  font-style: italic;
}

.article-view .inner-page span p {
  width: 65%;
  padding-right: 5%;
  float: left;
}


.article-view .inner-page span span img {
  margin: 0;
}

.article-view .inner-page img {
  max-height: 460px;
}


#article-tags {
  padding: 25px 0;
}

#article-tags h5 {
  display: inline-block;
}

#article-tags .tag-list {
  display: inline-block;
  border: 1px #e0e0e0 solid;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 5px;
  font-size: 12px;
}

.article-view .article-pages .inner-page h2 {
  color: var(--primary-color);
  position: relative;
  float: left;
  margin-left: 20px;
}

.view-all-link {
  float: right;
  position: relative;
  margin: 15px 20px;
}



.article-view .page-category-show {
  text-align: center;
  margin: 60px 0;
}

.article-view .page-category-show a {
  display: inline-block;
  margin: 8px;
  border-radius: 8px;
  background-color: #f8f8f8;
  padding: 12px 20px;
  font-family: var(--primary-font);
  color: #323533;
  font-style: normal;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;

}

.article-view .breadcrumb {
  background: none;
  padding:8px 0 ;
}
.article-view .breadnav{padding: 0;}

.row.loc {
  position: relative;
}

.share {
  float: left;
  width: 118px;
  left: -98px;
  text-align: center;
  position: relative;
}

.share .share-collapse {
  list-style-type: none;
  padding: 15px;
  position: absolute;

}
.sh-art{position: relative;}

.share .share-icon {
  border-radius: 50%;
  background: var(--secondary-color);
  font-size: 16px;
  padding: 12px 14px;
  color: #fff;
}



.share .share-collapse span a i {
  font-size: 30px;
  color: #b8b8b8;
  transition: all ease-in-out 0.5s;
  padding: 8px;
}

.share .share-collapse span a i.t:hover {
  transition: all ease-in-out 0.5s;
  color: #1DA1F2;
}

.share .share-collapse span a i.w:hover {
  transition: all ease-in-out 0.5s;
  color: #075E54;
}

.share .share-collapse span a i.f:hover {
  transition: all ease-in-out 0.5s;
  color: #3a5998;
}




.category-page #banner-inner-list-page {
  background-position: center center;
  background-repeat: no-repeat !important;
  background-size: cover;
  height: 500px;
}

#inner-page-top-video {
  padding: 60px 0;
  text-align: center;
  max-height: 590px;
}




#inner-page-top-video .top-page-head-container {
  position: relative;
  top: -420px;
}

#inner-page-top-video .top-page-head-container p.top-vido-sub-content {
  font-family: var(--header-font);
  font-size: 42px;
  line-height: normal;
  font-weight: 800;
  color: var(--primary-color);
  margin: 25px 0;
}

#inner-page-top-video .top-page-head-container p.top-vido-sub-content i {
  font-size: 34px;
  font-weight: 500;
}

#inner-page-top-video .top-page-head-container p.top-vido-sub-content small {
  font-size: 13px;
  font-family: var(--primary-fonts);
  font-weight: 500;
  text-transform: uppercase;
  color:#ddb568a3;
  font-weight: 700;
}

#inner-page-top-video h2 {
  font-size: 98px;
  font-family: var(--header-font);
}

/*h2 animation*/
.glow {
  font-size: 80px;
  color: #fff;
  text-align: center;
  -webkit-animation: glow 2s ease-in-out infinite alternate;
  -moz-animation: glow 2s ease-in-out infinite alternate;
  animation: glow 2s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #cda936, 0 0 40px #cda936, 0 0 50px #cda936, 0 0 60px #cda936, 0 0 70px #cda936;
  }

  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #de6230, 0 0 40px #de6230, 0 0 50px #de6230, 0 0 60px #de6230, 0 0 70px #de6230, 0 0 80px #de6230;
  }
}

#inner-page-top-video .inner-page-top-vido-class {
  background: rgba(0, 0, 0, 0.2);
  padding: 18px;
  border-radius: 18px;
  margin-top: 70px;
  position: relative;
}

#inner-page-top-video .inner-page-top-vido-class img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
  max-height: 527px;
}


.button-play {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 45%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.vdo-col-container .card-body {
  position: relative;
  text-align: center;
  
}

.vdo-col-container .card-body h4 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
  height: 40px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vdo-col-container .card-body p {
  font-size: 12px;
  font-weight: 600;
  color: #777;
}

.vdo-col-container .article-box {
  padding: 30px;
}

.vdo-col-container .article-box .card img {
  width: 100%;
  height: 225px;
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);

}

.vdo-col-container .article-box .card {
  border-radius: 17px;
  overflow: hidden;
}

.button-play-ds {
  margin: 0;
  position: absolute;
  top: -20px;
  left: 44%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.button-play.is-play {
  background-color: #fff;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  z-index: 2;
}

.button-play-ds.is-play-ds {
  background-color: #188176;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.button-play.is-play .button-outer-circle,
.button-play-ds.is-play-ds .button-outer-circle {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.button-play.is-play .button-icon,
.button-play-ds.is-play-ds .button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
}




.button-play.is-play .button-icon .triangle .button-play-ds.is-play-ds .button-icon .triangle {
  -webkit-animation: fadeIn 7s ease;
  animation: fadeIn 7s ease;
}

.button-play.is-play .button-icon .path,
.button-play-ds.is-play-ds .button-icon .path {
  stroke-dasharray: 90;
  stroke-dashoffset: 0;
  -webkit-animation: triangleStroke 3s;
  animation: triangleStroke 3s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

.has-scale-animation {
  -webkit-animation: smallScale 3s infinite;
  animation: smallScale 3s infinite;
}

.has-delay-short {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes triangleStroke {
  from {
    stroke-dashoffset: 100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes triangleStroke {
  from {
    stroke-dashoffset: 100;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes smallScale {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(1.5);
    opacity: 0;
  }
}



.selection-bar h2 {
  font-size: 24px;
  display: inline-block;
  color: var(--primary-color);
  margin-bottom: 40px;
  margin-left: 18px;
}

.selection-bar .recent-selection {
  display: inline-block;
  position: relative;
  float: right;
  margin-right: 26px;
}


.selection-bar .recent-selection .btn {
  border-radius: 5px;
  border-width: 1px;
  border-color: #c7c7c7;
  color: #9d9d9d;
  font-size: 12px;
  min-width: 200px;
  padding: 12px 16px;
  text-transform: none;
  margin-top: 12px;
  text-align: left;
}

.selection-bar .recent-selection .cat {
  background: #ececec;
  border-color: #ececec;
}

.selection-bar .recent-selection .btn.dropdown-toggle::after {
  float: right;
  margin-top: 8px;
}

.category-page .inner-page {
  padding: 60px 0;
}




.GN-page .banner-bg {
  background: linear-gradient(270deg, #579bd5, #fff, #338bdc);
  background-size: 600% 600%;

  -webkit-animation: AnimationName 53s ease infinite;
  -moz-animation: AnimationName 53s ease infinite;
  animation: AnimationName 53s ease infinite;
  overflow: hidden;
  position: relative;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0% 50%
  }
}

@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0% 50%
  }
}

@keyframes AnimationName {
  0% {
    background-position: 0% 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0% 50%
  }
}



.GN-page .GN-top-banner {
  text-align: center;
  padding-top: 60px;
}

.GN-page .GN-top-banner img {
  max-width: 840px;
  width: 100%;
 
}

.GN-page .GN-top-banne::after {
  content: "";
  width: 30px;
  height: 30px;
  background: url("../img/cv1.gif");
  top: 10px;
  right: 5px;
  position: absolute;
  display: inline-block;
}

.GN-page .GN-top-banner h1 {
  color: var(--primary-color);
  font-family: var(--header-font);
}

.GN-page .GN-top-banner p {
  padding: 10px 0 40px 0;
  margin-bottom: 0;
  font-family: var(--header-font);
  font-size: 34px;
  color: var(--secondary-color);
  font-weight: 700;
  line-height: normal;

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 4;

}

.GN-page .GN-top-banner p span {
  font-style: italic;
  color: var(--primary-color);
  font-size: 28px;
}

.GN-page .GN-top-banner p small {
  font-size: 12px;
  font-family: var(--primary-font);
}

/* ---------- Fog ---------- */
.fogwrapper {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
  filter: blur(1px) grayscale(0.2) saturate(1.2) sepia(0.2);
}

#foglayer_01,
#foglayer_02,
#foglayer_03 {
  height: 100%;
  position: absolute;
  width: 200%;
}

#foglayer_01 .image01,
#foglayer_01 .image02,
#foglayer_02 .image01,
#foglayer_02 .image02,
#foglayer_03 .image01,
#foglayer_03 .image02 {
  float: left;
  height: 100%;
  width: 50%;
}

#foglayer_01 {
  -webkit-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  -moz-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  animation: foglayer_01_opacity 50s linear infinite, foglayer_moveme 50s linear infinite;
}

#foglayer_02,
#foglayer_03 {
  -webkit-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  -moz-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  animation: foglayer_02_opacity 50s linear infinite, foglayer_moveme 50s linear infinite;
}


#foglayer_01 .image01,
#foglayer_01 .image02 {
  background: url("../img/fog1.png") center center/cover no-repeat transparent;
}

#foglayer_02 .image01,
#foglayer_02 .image02,
#foglayer_03 .image01,
#foglayer_03 .image02 {
  background: url("../img/fog2.png") center center/cover no-repeat transparent;
}
.st-bnner-img{position: absolute;
  z-index: 2;
  top: 203px;
  
  left: 0;
  width: 100%;}

/* ---------- Keyframe Layer 1 ---------- */
@-webkit-keyframes foglayer_01_opacity {
  0% {
    opacity: .1;
  }

  22% {
    opacity: .5;
  }

  40% {
    opacity: .28;
  }

  58% {
    opacity: .8;
  }

  80% {
    opacity: .16;
  }

  100% {
    opacity: .5;
  }
}

@-moz-keyframes foglayer_01_opacity {
  0% {
    opacity: .1;
  }

  22% {
    opacity: .5;
  }

  40% {
    opacity: .28;
  }

  58% {
    opacity: .8;
  }

  80% {
    opacity: .16;
  }

  100% {
    opacity: .1;
  }
}

@-o-keyframes foglayer_01_opacity {
  0% {
    opacity: .1;
  }

  22% {
    opacity: .5;
  }

  40% {
    opacity: .28;
  }

  58% {
    opacity: .8;
  }

  80% {
    opacity: .16;
  }

  100% {
    opacity: .1;
  }
}

@keyframes foglayer_01_opacity {
  0% {
    opacity: .1;
  }

  22% {
    opacity: .5;
  }

  40% {
    opacity: .28;
  }

  58% {
    opacity: .8;
  }

  80% {
    opacity: .16;
  }

  100% {
    opacity: .1;
  }
}

/* ---------- Keyframe Layer 2 ---------- */
@-webkit-keyframes foglayer_02_opacity {
  0% {
    opacity: .1;
  }

  25% {
    opacity: .8;
  }

  50% {
    opacity: .1;
  }

  80% {
    opacity: .5;
  }

  100% {
    opacity: .1;
  }
}

@-moz-keyframes foglayer_02_opacity {
  0% {
    opacity: .1;
  }

  25% {
    opacity: .8;
  }

  50% {
    opacity: .1;
  }

  80% {
    opacity: .5;
  }

  100% {
    opacity: .1;
  }
}

@-o-keyframes foglayer_02_opacity {
  0% {
    opacity: .1;
  }

  25% {
    opacity: .8;
  }

  50% {
    opacity: .1;
  }

  80% {
    opacity: .5;
  }

  100% {
    opacity: .1;
  }
}

@keyframes foglayer_02_opacity {
  0% {
    opacity: .1;
  }

  25% {
    opacity: .8;
  }

  50% {
    opacity: .1;
  }

  80% {
    opacity: .5;
  }

  100% {
    opacity: .1;
  }
}

/* ---------- Keyframe Layer 3 ---------- */
@-webkit-keyframes foglayer_03_opacity {
  0% {
    opacity: .8
  }

  27% {
    opacity: .2;
  }

  52% {
    opacity: .6;
  }

  68% {
    opacity: .5;
  }

  100% {
    opacity: .8;
  }
}

@-moz-keyframes foglayer_03_opacity {
  0% {
    opacity: .8
  }

  27% {
    opacity: .2;
  }

  52% {
    opacity: .6;
  }

  68% {
    opacity: .3;
  }

  100% {
    opacity: .8;
  }
}

@-o-keyframes foglayer_03_opacity {
  0% {
    opacity: .8
  }

  27% {
    opacity: .2;
  }

  52% {
    opacity: .6;
  }

  68% {
    opacity: .5;
  }

  100% {
    opacity: .8;
  }
}

@keyframes foglayer_03_opacity {
  0% {
    opacity: .8;
  }

  27% {
    opacity: .2;
  }

  52% {
    opacity: .6;
  }

  68% {
    opacity: .3;
  }

  100% {
    opacity: .8;
  }
}

/* ---------- Keyframe moveMe ---------- */
@-webkit-keyframes foglayer_moveme {
  0% {
    left: 0;
  }

  100% {
    left: -100%;
  }
}

@-moz-keyframes foglayer_moveme {
  0% {
    left: 0;
  }

  100% {
    left: -100%;
  }
}

@-o-keyframes foglayer_moveme {
  0% {
    left: 0;
  }

  100% {
    left: -100%;
  }
}

@keyframes foglayer_moveme {
  0% {
    left: 0;
  }

  100% {
    left: -100%;
  }
}

@media only screen and (min-width: 280px) and (max-width: 767px) {

  #foglayer_01 .image01,
  #foglayer_01 .image02,
  #foglayer_02 .image01,
  #foglayer_02 .image02,
  #foglayer_03 .image01,
  #foglayer_03 .image02 {
    width: 100%;
  }
}

.banner-cloud-bg {
  background-image: url(../img/banner-cloudss.png);
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.glow-w {

  text-align: center;
  -webkit-animation: glow-w 2s ease-in-out infinite alternate;
  -moz-animation: glow-w 2s ease-in-out infinite alternate;
  animation: glow-w 2s ease-in-out infinite alternate;
}



@-webkit-keyframes glow-w {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 30px #fff, 0 0 60px #fff, 0 0 70px #fff;
  }

  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 30px #fff, 0 0 60px #fff, 0 0 70px #fff, 0 0 80px #fff;
  }
}

.floater {

  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;

}

@keyframes float {
  0% {

    transform: translatey(0px);
  }

  50% {

    transform: translatey(-20px);
  }

  100% {

    transform: translatey(0px);
  }
}


.s-inner-banner {
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}

.s-inner-banner .img-b {
  background-position: center;
  background-size: cover;
  height: 710px;
  ;
  margin-left: auto;

}

.s-inner-banner .img-b .img-b-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-animation: image-in 1s cubic-bezier(0.5, 0, 0.1, 1) 0.5s backwards;
  animation: image-in 1s cubic-bezier(0.5, 0, 0.1, 1) 0.5s backwards;


}

@-webkit-keyframes image-in {
  from {
    opacity: 0;

  }

  to {
    opacity: 1;

  }
}

@keyframes image-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}



.sar-badging {
  overflow: hidden;
}


.app {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  padding-bottom: 4vmin;
  width: 60%;
  color: #3a3535;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.title {
  padding-left: 3em;
  padding-top: 1.7em;
  grid-column: 1/-1;
  grid-row: 1;
  font-family: var(--primary-fonts);
  font-size: 8vw;
  width: 100%;
  z-index: 2;
}

.title>.title-inner {
  display: inline-block;
}

@-webkit-keyframes text-clip {
  from {
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }

  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

@keyframes text-clip {
  from {
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }

  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

@-webkit-keyframes outer-left {
  from {
    transform: translateX(50%);
  }

  to {
    transform: none;
  }
}

@keyframes outer-left {
  from {
    transform: translateX(50%);
  }

  to {
    transform: none;
  }
}

@-webkit-keyframes inner-left {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: none;
  }
}

@keyframes inner-left {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: none;
  }
}

.cafe,
.mozart {
  -webkit-animation: outer-left 1s 1s cubic-bezier(0.5, 0, 0.1, 1) both;
  animation: outer-left 1s 1s cubic-bezier(0.5, 0, 0.1, 1) both;
  line-height: normal;
  font-weight: 800;
  color: var(--primary-color);
}

.title-inner {
  display: inline-block;
  -webkit-animation: inner-left 1s 1s ease both;
  animation: inner-left 1s 1s ease both;
}

.cafe-inner {
  display: inline-block;
  -webkit-animation: inner-left 1s 1s ease both, text-clip 1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
  animation: inner-left 1s 1s ease both, text-clip 1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
  position: relative;
  bottom: -55px;
  right: 68px;

}

.mozart-inner {
  -webkit-animation: text-clip 1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
  animation: text-clip 1s 0s cubic-bezier(0.5, 0, 0.1, 1) both;
}
.mozart-inner.sub-h{font-size: 40px; text-align: right;     font-size: 30px;
                                
  font-weight: 200;
  letter-spacing: 2px;}


.title {
  -webkit-animation: outer-left 1s 1s ease both;
  animation: outer-left 1s 1s ease both;
}

.cafe>.cafe-inner {
  display: inline-block;
}

.mozart {
  display: inline-block;
}

.image {
  grid-row: 1;
  grid-column: 2;
  margin-left: -2rem;

  opacity: 0.7;
  -webkit-animation: image-in 5s cubic-bezier(0.5, 0, 0.1, 1) 2s backwards;
  animation: image-in 5s cubic-bezier(0.5, 0, 0.1, 1) 2s backwards;
}

@-webkit-keyframes image-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes image-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.image img {
  display: block;
  width: 100%;
  height: auto;
}


.sa-png {

  position: relative;
  z-index: 3;


}

.word-messenger {
  position: absolute;
  top: 15%;
  left: 15%;
  z-index: 4;
}

.inner-page .head-content h2 {
  font-family: var(--header-font);
  font-weight: 600;
  position: relative;
  top: 100%;
  color: var(--primary-color);
  margin-top: 50px;
  text-align: center;
}



.inner-page.as-content .head-content h2{margin-top: 75px;}


.view-small {
  display: none;
}



.floating-img {
  animation-name: floating-img;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 30px;
  margin-top: 5px;
}

@keyframes floating-img {
  from {
    transform: translate(0, 0px);
  }

  65% {
    transform: translate(0, 15px);
  }

  to {
    transform: translate(0, -0px);
  }
}



.shine {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .5) 30%, #000 50%, rgba(0, 0, 0, .5) 70%);
  -webkit-mask-size: 200%;
  animation: shine 5s linear infinite;
  left: -125px;
}

@keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }

  to {
    -webkit-mask-position: -50%;
  }
}



.p-gallery-banner {
  background-image: url(../img/bg-pattern.jpg);
  background-repeat: repeat;
  overflow: hidden;
  position: relative;

}

.bimg-right {
  position: relative;
  padding: 8% 15px;
}

.bimg-center {
  position: relative;
}

.bimg-left {
  position: relative;
  padding: 8% 15px;
}

.pb-img {
  width: 425px;
  height: 300px;
  position: relative;
  border-radius: 8px;
  object-fit: cover;
}

.bimg-left .pb-img {
  transform: rotate(-20deg);
  position: relative;
  left: -80px;
}

.bimg-center .pb-img {
  transform: rotate(-10deg);
  margin: 0 auto;
}

.bimg-right .pb-img {
  transform: rotate(20deg);
  float: right;
  position: relative;
  position: relative;
  right: -80px;
}

.bimg-center .pb-img {
  width: 360px;
  height: 250px;
  position: relative;
  border-radius: 8px;
  object-fit: cover;
}

.bimg-left .pb-img img {
  position: absolute;
  z-index: 2;
  width: 100%;
  border-radius: 8px;
  -webkit-box-shadow: 10px 10px 5px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 10px 10px 5px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 10px 10px 5px 7px rgba(0, 0, 0, 0.2);
}

.bimg-left .pb-img span img {
  bottom: 22px;
  right: 18px;
  border-radius: 8px;

}

.bimg-center .pb-img img {
  position: absolute;
  z-index: 2;
  width: 100%;
  border-radius: 8px;
  -webkit-box-shadow: 10px 10px 5px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 10px 10px 5px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 10px 10px 5px 7px rgba(0, 0, 0, 0.2);
}

.bimg-center .pb-img span img {
  bottom: 22px;
  right: 18px;
  border-radius: 8px;


}

.bimg-right .pb-img img {
  position: absolute;
  z-index: 2;
  width: 100%;
  border-radius: 8px;
  -webkit-box-shadow: 10px 10px 5px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 10px 10px 5px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 10px 10px 5px 7px rgba(0, 0, 0, 0.2);
}

.bimg-right .pb-img span img {
  bottom: 22px;
  right: 18px;
  border-radius: 8px;


}

.pb-text {
  position: absolute;
  z-index: 3;
  bottom: 0;
  top: 50%;
  padding-bottom: 20pxe;
  text-align: center;
  left: 34%;
  right: 50%;
}

.pb-text h1 {
  color: var(--primary-color);
  font-family: var(--header-font);
  font-weight: 600;
  font-size: 60px;
}



.photo-col-container .card-body {
  position: relative;
  text-align: center;
  margin-top: -59px;
  padding-bottom: 14px;
}

.photo-col-container .card-body h4 {
  font-size: 18px;
  font-family: var(--header-font);
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 10px;
}

.photo-col-container .card-body p {
  font-size: 12px;
  font-weight: 600;
  color: #777;
}

.photo-col-container .article-box {
  padding: 50px 30px;
}

.photo-col-container .article-box .card img {
  width: 100%;
  height: 225px;
  object-fit: cover;
  border-radius: 17PX;

}

.vd0-drtn{     position: absolute;
  display: inline-block;
  background-color: var(--primary-color);
  color: #fff;
  font-size: 12px;
  z-index: 2;
  left: 78%;
  top: 15px;
  padding: 1px 5px;
  border-radius: 4px;}

.photo-col-container .article-box .card {
  border-radius: 17px;
  border-color:#0051543d;
  position: relative;

}


.album-box {

  position: relative;
  top: -40px;
  left: -20px;

}



.album-box .button-play-ds.is-play-ds {
  background-color: #188176;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.album-box .button-play-ds {
  margin: 0;
  position: absolute;
  top: 45%;
  left: 44%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.album-box .button-play-ds i {
  font-size: 20px;
  padding: 4px 1px;
}


.load-more {
  color: var(--primary-color);
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 20px;
  border: 1px solid #0051543d;
  text-align: center;
  margin: 50px auto;
  display: block;
  width: 10%;
}

.load-more:hover {
  background-color: var(--secondary-color);
  color: #fff;
  text-decoration: none;
  border-color: var(--secondary-color);
}

.v-gallery-banner {
  position: relative;
  overflow: hidden;
}

.v-gallery-banner .container-fluid {
  padding: 0;
}

.p-gallery-banner-view{

position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
 text-align: center;
}
.p-gallery-banner-view::after{ content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 31%, rgba(255,255,255,0) 100%);
  opacity: 1;
  z-index: 1;}


  .p-gallery-banner-view h2{color: var(--primary-color); font-family: var(--header-font); font-size: 5rem; position: relative; z-index: 2; margin: 20% 0 4%;}
  .p-gallery-banner-view h2 span{color: var(--secondary-color); font-family: var(--fancy-font); font-size: 3rem;}


 
  .gallery-container .gallery-item img{margin: 10px ; object-fit: cover; width: 100%; height: 100%; overflow: hidden;}

  .gallery-container .gallery-item{ width:33%;
      overflow: hidden; float: left;  }

      .gallery-container.grid{}

  .grid-item { width: 25%; float: left; }
  .grid-item--width2 { width: 50%; }



.ri-grid {

  position: relative;
  height: auto !;
}

.ri-grid ul {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}



.ri-grid ul:before,
.ri-grid ul:after {
  content: '';
  display: table;
}

.ri-grid ul:after {
  clear: both;
}

.ri-grid ul {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

.ri-grid ul li {
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -o-perspective: 400px;
  -ms-perspective: 400px;
  perspective: 400px;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
  border: 2px solid #fff;
}

.ri-grid ul li a {
  display: block;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #333;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* Grid wrapper sizes */
.ri-grid-size-1 {
  width: 55%;
}

.ri-grid-size-2 {
  width: 100%;
}

.ri-grid-size-3 {
  width: 100%;
  margin-top: 0px;
}

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 100px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.ri-shadow:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

.ri-grid-loading:after,
.ri-grid-loading:before {
  display: none;
}

.ri-loading-image {
  display: none;
}

.ri-grid-loading .ri-loading-image {
  position: relative;
  width: 30px;
  height: 30px;
  left: 50%;
  margin: 100px 0 0 -15px;
  display: block;
}




.gallery-container .article-box {
  display: none;
  visibility: hidden;
}




.grid-gallery.effect {
	-webkit-perspective: 1300px;
	perspective: 1300px;
}

.grid-gallery.effect li.animate {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	0% { }
	100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}



.grid-gallery {
	max-width: 69em;
	list-style: none;
	margin: 30px auto;
	padding: 0;
}

.grid-gallery li {
	display: block;
	float: left;
	padding: 7px;
	width: 33%;
	opacity: 0;
}

.grid-gallery li.shown,
.no-js .grid-gallery li,
.no-cssanimations .grid-gallery li {
	opacity: 1;
}

.grid-gallery li a,
.grid-gallery li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
  width: 100%;
  object-fit: cover;
}

.grid-gallery li img:hover{cursor:pointer;}


.grid-gallery li a{content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
  background:rgb(0 119 96 / 62%);
  opacity: 0;
  cursor: pointer;
  z-index: 3; transition: all ease .5s; }
  .grid-gallery li a:hover{opacity: 1;  transition: all ease .5s;}
  .grid-gallery li a i{    color: #fff;
    font-size: 30px;
    text-align: center;
    display: block;
    position: relative;
    top: 45%;
}


.vdo-all-head {
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  outline: 36px solid #ffffff87;
  
  background: url(../img/bg-pattern.jpg) repeat;
  padding-top: 5%;
}

.vdo-all-head h1 {
  text-align: center;
  display: block;
  vertical-align: middle;
  font-weight: 600;
  line-height: normal;
  color: var(--primary-color);
  font-family: var(--header-font);
}

.vdo-all-head h1::before {
  content: '';
}

.suggested-bottom .article-box {
  visibility: visible;
  display: block;
}

.con-heading h1 {
  font-family: var(--header-font);
  color: var(--primary-color);
  font-size: 4rem !important;
}

.b-b-l {
  border-bottom: 2px solid #d4a344;
}

.bg-light {
  background-size: 800%;
  background-size: 800%;
  animation: animateClr 1s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99);
  margin-top: 60px;

}

.btn-out {
  border: 1px solid var(--secondary-color);
  background: var(--secondary-color);
  color: #fff;
  transition: all ease-in-out 0.5s;
}

.btn-out:hover {
  border: 1px solid var(--primary-color);
  background: var(--primary-color) !important;
  color: #fff;
  transition: all ease-in-out 0.5s;
}

.bg-light input[type="text"],
.bg-light input[type="email"],
.bg-light input[type="tel"],
.bg-light textarea {
  border: none;
  border-bottom: 1px solid #d5d1d1;
  background: transparent;
  outline: none;
  width: 100%;
  text-transform: capitalize;
  padding: 1.4rem 0.4rem;
  border-radius: unset;
}

.bg-light .aside {
  background-image: linear-gradient(to left bottom,
      #005154,
      #256c6f,
      #164244,
      #036f73,
      #034547);
      transition: all ease-in-out 0.5s;
  background-size: 400%;
  border-radius: 8px;
  padding: 30px 35px;
}

.bg-light .aside:hover{ animation: animateClr 5s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99); transition: all ease-in-out 0.5s;}


@keyframes animateClr {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}






.bg-light .aside h2.h3 {
  font-family: var(--header-font);
  font-size: 25px;
  line-height: normal;
  letter-spacing: 1px;
}

.bg-light .aside p small {
  color: #fff;
}

.con-details li span {
  color: #fff;
  font-style: normal !important;
  font-family: var(--primary-font);
  font-size: 14px;
}
.con-details li span i{font-size: 18px;
  background-color: var(--primary-color);
  border-radius: 19px;
  padding: 10px 10px;}

  .con-details a{color: #fff;}
  .footer-block .con-details a{color: var(--primary-color);}

  .con-form textarea{ resize: none; height: 132px;}
  .con-form input::placeholder,  .con-form  textarea::placeholder{color: #ccc; font-size: 13px;} 
  .con-form input{}
  .con-form{padding:0 40px;}
  .con-form h2{color: var(--primary-color); font-family: var(--header-font); font-size: 30px; position: relative; top: -30px;}

   ul.con-so-sh{display: block; padding: 0 !important; margin-top: 20px;}
  .con-so-sh li{display: inline-block; float: left; margin-top: 0 !important;}
  .con-so-sh li a{color: #fff; background: var(--secondary-color); padding: 10px 12px; border-radius: 25px;}
/* my-work */
#my-works {
  padding: 100px 0;
}

.categories {
  padding: 10px 0;
}

ul.cat li {
  display: block;
}

ul.cat {
  padding-left: 0;
}

ul.cat li:before {
  display: none;
}

#my-works li.pull-right {
  margin-top: 10px;
}

ol.type {
  text-align: center;
  display: block;
  padding-left: 0;
  margin-bottom: 50px;
}

ol.type li {
  display: inline-block;
  margin: 10px 20px;
  text-transform: uppercase;
}

.portfo-item {
  padding: 0;
}

ol.type li:last-child:after {
  content: '';
}

ol.type li a {
  color: #dcdcdc;
  font-weight: 600;
}

ol.type li a.active {
  font-weight: 700;
  text-decoration: underline;
  color: #ff486e;
}

.isotope-item {
  z-index: 2
}

.isotope-hidden.isotope-item {
  z-index: 1
}

.isotope,
.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope-item {
  margin-right: -1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.isotope {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}

.hidden {
  display: none;
}

.portfolio-item .hover-bg {
  overflow: hidden;
  position: relative;
}

.portfolio-item .hover-bg img {
  width: 100%;
  height: 475px;
  object-fit: cover;
}

.hover-bg .hover-text {
  position: absolute;
  text-align: center;
  margin: 0 auto;
  color: #ffffff;
  background: rgb(17 17 17 / 63%);
  padding: 25% 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: all 0.5s;
}

.absolute-center {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: center;
  justify-content: center;
}

.hover-bg .hover-text>h4 {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: all 0.3s;
}

.hover-bg:hover .hover-text>h4 {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.hover-bg .hover-text>i {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: all 0.3s;
}

.hover-bg:hover .hover-text>i {
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.hover-bg:hover .hover-text {
  opacity: 1;
}

#my-works i.fa {
  height: 40px;
  width: 100px;
  border: 1px solid #fff;
  font-size: 20px;
  padding: 10px;
  border-radius: 30px;
  color: #fff;
}




.c-block .counter {
  padding: 15px 42px 15px 42px;
  margin: 0 auto;
  font-size: 62px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #fff;
  display: block;
  margin: 35px 0;
}

.c-block p {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 8px 10px;
  margin: 0 0;
  letter-spacing: 1px;
  display: inline-block;
}

.c-block i {
  color: #fff;
  font-size: 36px;
  font-weight: 100;
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 15px;
  height: 15px;
  margin: 5px 7px;
  filter: Alpha(Opacity=1);
  opacity: 1;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ddd;
  border: 2px #ddd solid;
  transition: all 0.5s;
}

/*Contact us block*/
#contact-block {
  padding: 95px 0;
  border-bottom: 5px solid var(--primary-color);
  position: relative;
  z-index: 1;
  background-color: var(--primary-color);
}




.wavy .flex {
  /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.wavy .waves {
  position: relative;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 150px;
  background-image: url("../img/footer-bg.png");
  background-repeat: repeat;
}

.wavy .content {
  position: relative;
  height: 20vh;
  text-align: center;
  background-image: url("../img/footer-bg.png");
  background-repeat: repeat;
}

/* Animation */

.wavy .parallax>use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.wavy .parallax>use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}

.wavy .parallax>use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}

.wavy .parallax>use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}

.wavy .parallax>use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }

  100% {
    transform: translate3d(85px, 0, 0);
  }
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
  .wavy .waves {
    height: 40px;
    min-height: 40px;
  }

  .wavy .content {
    height: 30vh;
  }

}



.rotate4 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.effect1 {
  -webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777;
}

.address-block h3 {
  font-weight: 700;
  font-size: 35px;
  font-family: var(--header-font);
  line-height: 1.4;
  color: #fff;
  position: relative;
  margin-bottom: -15px;
}
.address-block {
  text-align: right;
  position: relative;
  font-family: var(--primary-fonts);
  margin-right: -75px;
}

.address-block address p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 0;
  letter-spacing: 0.8px;
}

.address-block address p a {
  color: #fff;
  text-decoration: none;
}

.address-block address:nth-child(2) {
  margin: 10px 0;
}

.address-block .timing-bolck {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.address-block .bookmark-block {
  padding-left: 0;
  margin-top: 30px;
}

.address-block .bookmark-block li {
  display: inline-block;
  width: 48%;
  margin: 2px 0;
}

.address-block .bookmark-block li a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 0;
  letter-spacing: 0.8px;
}

.form-block {
  padding: 20px;
}

.form-block ::placeholder {
  color: #808080;
  font-size: 14px;
  font-family: var(--primary-fonts);
  font-weight: 500;
}

.form-block .form-group {
  margin: 18px 0;
}

.form-block input,
.form-block textarea,
.form-block input[type="email"]:valid {
  width: 100%;
  border: 1px solid #ddd;
  padding: 12px 20px; 
}

.form-block input::placeholder,
.form-block textarea::placeholder{font-size: 12px;}

.form-block textarea {
  height: 140px;
  background: white;
}

.form-block button {
  padding: 18px 44px;
  font-size: 12px;
  margin-top: 16px;
  font-family: var(--primary-fonts);
  line-height: 1.42857143;
  border-radius: 5rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  background-color: var(--secondary-color);
  letter-spacing: 1.2px;
  text-decoration: none;
  width: auto;
}

.form-block button:hover {
  opacity: 0.8;
  transition: all 0.5s;
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
 
}

.form-block h2 {color: #fff; font-family: var(--header-font);}
.form-block p{color: #fff;}
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 100%;
  perspective: 1000px;

}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;

}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  padding: 40px 30px;
  border-radius: 10px;
  background-image: url(../img/love-shape.svg);

}

.flip-card-back {

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  transform: rotateY(180deg);
  padding: 40px 30px;
  border-radius: 10px;
  background-image: url(../img/love-shape.svg);

}

.flip-card-back p, .flip-card-front p{position: relative; margin-top: -15px; margin-bottom: 0;} 
.flip-card-back h4, .flip-card-front h4{font-size: 16px; margin: 10px 0px;}
.separator-after.lov-sep::after{background: url(../img/sep-lov-shape.jpg) no-repeat center; margin: 0px 0 25px 0; }
.separator-after.lov-sep2::after{background: url(../img/sep-lov-shape2.jpg) no-repeat center; margin: 0px 0 25px 0; height: 30px;}
.flare span{position: relative; top: 50px;}

.flip-card .flare {
  
  border-radius: 8px;
 
}
.flip-card .flare a{color: #fff;}

@keyframes animateClr {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}


.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
  border: 2px #ff5959 solid;
  background: #fff;
}

.owl-theme .owl-controls .owl-page.active span {
  border: 2px #ff5959 solid;
  background: #fff;
}

ol.type li {
  display: inline-block;
  margin-left: 20px;
}

ol.type li:after {
  content: '  ';
  margin-left: 20px;
}

ol.type li:last-child:after {
  content: '';
}

ol.type li a {
  color: #969dad;
  text-transform: lowercase;
  font-size: 16px;
  border: 2px #dadada solid;
  padding: 5px 28px;
  border-radius: 20px;

}

ol.type li a.active {
  font-weight: 700;
  border: 2px #dc3522 solid;
  padding: 5px 28px;
  border-radius: 20px;
  text-decoration: none;
}

.isotope-item {
  z-index: 2
}

.isotope-hidden.isotope-item {
  z-index: 1
}

.isotope,
.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope-item {
  margin-right: -1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.isotope {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
  padding: 0;
}

/*counter*/
#count-bg {
  padding: 100px 0;
  background: #005154;
}

#count-bg h6 {
  visibility: hidden;
}

.contr {}

.counter {
  line-height: 100px;
  color: white;
  font-size: 100px;
  font-style: normal;
  margin-left: 30px;
  font-weight: 100 !important;
}

.contr p {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  margin-left: 100px;
  text-align: left;
}

/*Stories Section*/
#tf-stories {
  background: #fff;
  padding: 100px 0
}

.stories-content {
  font-weight: 300;
  text-align: center;
  font-size: 36px;
  padding-bottom: 25px;
  color: #323533;
}

.stories-intro {
  font-size: 22px !important;
  font-weight: 600 !important;
  text-align: center !important;
  margin-top: 20px !important;
  margin-bottom: 70px !important;
  color: #ed202e;
}

/*=======================================
Contact form
==========================================*/
.get-n-tch {
  border: 1px #ccc solid;
  padding: 30px 40px;
  border-radius: 10px;
}

.get-n-tch .contact-form {
  margin-top: 15px;
}

.get-n-tch .contact-form .textarea {
  min-height: 220px;
  resize: none;
}

.get-n-tch .form-control {
  box-shadow: none;
  border-color: #eee;
  height: 49px;
}

.get-n-tch .form-control:focus {
  box-shadow: none;
  border-color: #00b09c;
  border-radius: 0px;
}

.get-n-tch .form-control-feedback {
  line-height: 50px;
}

.get-n-tch .main-btn {
  background: #ed6262;
  border-color: #ed6262;
  color: #fff;
  border-radius: 0px;
}

.get-n-tch .main-btn:hover {
  background: #00a491;
  color: #fff;
}

.get-n-tch .form-control-feedback {
  line-height: 50px;
  top: 0px;
}

.get-n-tch form label {
  color: #9fa3a7;
  margin-top: 20px;
}

.get-n-tch form input {
  border-width: 0px;
  border-bottom: 1px #ccc solid;
  border-radius: 0px;
}

.get-n-tch form textarea {
  border-width: 0px;
  border-bottom: 1px #ccc solid;
  margin-bottom: 20px;
  width: 80%;
  display: block;
  height: 150px;
  margin-left: 70px;
}

.get-n-tch form .col-md-9 i {
  position: absolute;
  top: 37%;
  right: 16px;
  color: #ed6262;
  font-size: 8px;
}

.get-n-tch .row .col-md-6 i {
  color: #ed6262;
}

.get-n-tch .row .col-md-6 label {
  margin-top: 9px;
}

/*form validation*/
.get-n-tch form {
  max-width: 450px;
  margin: 0 auto;
}

.get-n-tch form>div {
  position: relative;
  background: white;
  margin-bottom: 20px;
}

.get-n-tch form>div>label {
  font-weight: bold;
  position: absolute;
  top: 0px;
  color: #333;
  left: 0px;
}

.get-n-tch form>div>input[type="text"],
form>div>input[type="email"],
form>div>input[type="password"] {
  width: 84%;
  border: 0;
  padding: 20px 20px 20px 20px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.get-n-tch form>div>input[type="text"]:focus,
form>div>input[type="email"]:focus,
form>div>input[type="password"]:focus {
  outline: 0;
  background: white;
}

.get-n-tch form>div>input[type="text"]:focus+label,
form>div>input[type="email"]:focus+label,
form>div>input[type="password"]:focus+label {
  opacity: 0;
}

.get-n-tch form>div>input[type="text"]:valid,
form>div>input[type="email"]:valid,
form>div>input[type="password"]:valid {
  background: url(../img/vali-gr.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 100% 20px;
  border-bottom: 1px #68c2ac solid;
}

.get-n-tch form>div>input[type="text"]:valid+label,
form>div>input[type="email"]:valid+label,
form>div>input[type="password"]:valid+label {
  opacity: 0;
}

.get-n-tch form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown),
form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown),
form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown) {
  background: #d9534f;
  color: #fff;
}

.get-n-tch form>div>input[type="text"]:invalid:not(:focus):not(:placeholder-shown)+label,
form>div>input[type="email"]:invalid:not(:focus):not(:placeholder-shown)+label,
form>div>input[type="password"]:invalid:not(:focus):not(:placeholder-shown)+label {
  opacity: 0;
}

.get-n-tch form>div>input[type="text"]:invalid:focus:not(:placeholder-shown)~.requirements,
form>div>input[type="email"]:invalid:focus:not(:placeholder-shown)~.requirements,
form>div>input[type="password"]:invalid:focus:not(:placeholder-shown)~.requirements {
  max-height: 200px;
  padding: 0 30px 20px 50px;
}

.get-n-tch form>div .requirements {
  padding: 0 30px 0 50px;
  color: #999;
  max-height: 0;
  -webkit-transition: 0.28s;
  transition: 0.28s;
  overflow: hidden;
  font-style: italic;
}

/*modify css*/
blockquote p {
  font-size: 16px !important;
  color: #171717 !important;
  font-style: italic;
  padding: 30px 20px;
  margin: 0px !important;
  line-height: 1.7 !important;
  background: var(--primary-colo);
}

blockquote p:before {
  font-family: 'FontAwesome';
  content: "“";
  color: #d4a344;
  font-size: 3rem;
  display: block;
}
.inner-page blockquote{    float: left;
  width: 100%;
  text-align: center;}
.inner-page blockquote p {
  font-size: 40px !important;
  font-style: italic;
  text-align: center;
  font-weight: 700;
  font-family:var(--header-font);
  padding: 40px 0px 23px;
  margin: 0px !important;
  line-height: 1.7 !important;
  color: var(--primary-color) !important;
}

.inner-page blockquote span {
  background-color: #f5dd82;
  color: var(--primary-color);
  font-size: 14px;
  text-transform: uppercase;
  padding: 6px;
  text-align: center;
  margin: 0 auto;
  display: table;
  position: relative;
  bottom: -17px;
}

.inner-page blockquote p:before {
  content: none;
}

.inner-page blockquote:after,
.inner-page blockquote:before {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  background: rgb(215, 165, 70);
  background: -moz-linear-gradient(260deg, rgba(215, 165, 70, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(215, 165, 70, 1) 100%);
  background: -webkit-linear-gradient(260deg, rgba(215, 165, 70, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(215, 165, 70, 1) 100%);
  background: linear-gradient(260deg, rgba(215, 165, 70, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(215, 165, 70, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7a546", endColorstr="#d7a546", GradientType=1);
}

.about-zion-iframe {


  border-radius: 20px;
  background-position: center center;
padding: 0;
overflow: hidden;
  height: 484px;
  position: relative;
}
.main-video-view .about-zion-iframe{height: 382px;}
.about-zion-iframe img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}


.about-zion-iframe .button-play-ds.is-play-ds {}


.ytp-pause-overlay {
  display: none;
}

.posts-navigation {
  display: block;
  padding: 80px 0 40px;
}

.posts-navigation ul {
  text-align: center;
  margin-left: 0 !important;
  padding-left: 0;
  float: none !important;
}

.posts-navigation ul li {
  width: auto !important;
}

#our-work-block .posts-navigation ul .page-numbers {
  float: none;
}

.posts-navigation ul .page-numbers {
  list-style: none;
  display: inline-block;
  margin: 10px 10px;
  width: auto !important;
  font-family: 'Montserrat', sans-serif;
  margin: 25px auto !important;
}

.posts-navigation ul .page-numbers:before {
  display: none !important;
}

.posts-navigation ul a.page-numbers {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  color: #3a405b;
  font-size: 14px;
  font-weight: 600;
  padding: 15px 18px;
  border-radius: 0px;
  border: 1px #f0f2f7 solid;
  margin: 0 auto !important;
}

.posts-navigation ul .page-numbers.current {
  color: #3a405b;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  padding: 15px 18px;
}

.posts-navigation ul li a.page-numbers:hover {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  border-color: #fe5339;
  background: #fe5339;
  color: #fff;
}

.posts-navigation .nav-next {}

.posts-navigation .nav-previous {}

@-webkit-keyframes fdeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fdeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@media (min-width:768px) {
  .fdeInUp {
    -webkit-animation-name: fdeInUp;
    animation-name: fdeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
  }
}


.lg-thumb div:first-child, .lg-item:first-child {display: none;}

/*7.0 Footer*/
.footer-block {
  background-color: #ffffff;
  background-image: url("../img/footer-bg.png");

  color: #000;
  padding: 17px 0;
  text-align: center;
}



.footer-block h3 {
  font-size: 25px;
  font-family: var(--header-font);
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 20px;
  letter-spacing: 1px;
  
}

.footer-block input::placeholder{font-size: 12px; color: #ccc;}

.footer-block p {
  color: var(--primary-color);
}

.footer-block .bottom-nav {
  text-align: left;
  padding-left: 0;
}

.footer-block .bottom-nav h3 {
  
}

.footer-block .bottom-nav ul {
  display: block;
  padding-left: 0;
}

.footer-block .bottom-nav ul li {
  display: block;
  margin: 6px 0;
}

.footer-block .bottom-nav ul li a {
  font-size: 15px;
  font-weight: 300;
  color: var(--primary-color);
}

.footer-block .footer-content {
  border-left: 1px #fff solid;
  border-right: 1px #fff solid;
}

.footer-block .con-details li {
  margin: 25px 0;
  text-align: left;
}

.footer-block .con-details li span {
  color: var(--primary-color);
  margin-left: 18px;
}
.footer-block .con-details li span i{    color: #fff;
  background-color: var(--secondary-color);
  border-radius: 35px;
  font-size: 18px;
  padding: 13px 12px;
}
.footer-block .footer-content p {
  max-width: 370px;
  font-size: 15px;
  margin: 0 auto;
  color: #9e9e9e;
}

.footer-block .footer-content hr {
  background: #fff;
  width: 10%;
  margin: 35px auto;
  height: 2px;
}

.footer-block .copy-rights,
.footer-block .copy-rights a {
  text-decoration: none;
  font-size: 11px;
  font-weight: 400;
  color: #9e9e9e;
}


.sb-container,.flw-u{ padding: 6px  0; border-bottom: 1px #ebebeb solid; margin-bottom:0;}
.sb-container h3{ margin: 0;
  display: flex;
  justify-content: left;
  align-items: center;
  height: 60px;
}

.flw-u{text-align: end;}
.flw-u ul {padding-top: 13px; }
.flw-u ul li{ display: inline-block; list-style: none; margin: 0 3px;}
.flw-u ul li h3{margin: 0; position: relative; top: 4px;}

.chat-bot{display: none; position: fixed; z-index: 3; right: 20px; bottom: 20px; transition: all ease-in-out 0.5s;}
.chat-bot img{width: 58px; height: 58px;}
.chat-bot.on{display:inline-block; transition: all ease-in-out 0.5s;}




.flw-u ul li a{color: #fff; background: var(--secondary-color); padding: 10px 12px; border-radius: 25px;}


.sb-container .btn-outline-secondary{color: #fff; border-color: var(--secondary-color); background-color: var(--secondary-color); font-size: 12px;}


.c-r-con {
  padding: 14px 0;
  color: var(--primary-color);
}

.c-r-con .tandp{color: #ccc; text-align: end;}

.c-r-con .tandp a{    color: #b3b3b3;
  font-size: 14px;
}

.c-r-con p {
  margin: 0;
}

.c-r-con a {
  color: #858585;
}

.c-r-con .copy-rights a {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 600;
}

.footer-block .footer-bookmark {
  text-align: center;
}

.footer-block .footer-bookmark h3 {
  text-transform: uppercase;
}

.footer-block .footer-bookmark ul {
  display: block;
  padding-left: 0;
}

.footer-block .footer-bookmark ul li {
  display: block;
  margin: 13px 0;
}

.footer-block .footer-bookmark ul li a {
  font-size: 15px;
  font-weight: 300;
  color: #9e9e9e;
}

.lang-print {
  display: none;
}

.sm-lug-selection {
  display: none;
}

.f-lang a{color: var(--primary-color); font-size: 12px; display: inline; text-decoration: none; padding:15px 5px; display: inline-block;}
#submit-form{text-align: center;}
#submit-form .modal-footer{display: inline-block;}
#submit-form .modal-content{display: inline-block; padding: 30px;}
#submit-form .modal-body{font-weight: bold;}
#submit-form  .btn{background-color: var(--primary-color); border-radius: 20px;}

/*--------------------
Responsive queries
----------------------*/
/*
@media (max-width: 1200px) {}
 @media (max-width: 1024px) {}
@media (max-width: 1000px) {}
 @media (max-width: 800px) {}
 @media (max-width: 768px) {}
 @media (max-width: 603px) {}
 @media (max-width: 470px) {}
@media (max-width: 360px) {}*/
@media (max-width: 480px) {
  .content-block {
    height: 100vh;
  }

  .bethel-title h2 span {
    font-size: 10rem;
  }

  .bg-video-block {
    height: auto;
  }

  .bg-video-block video {
    top: 0;
  }
}

@media screen and (min-width: 762px) and (max-width:860px) {
  .bethel-title h2 span {
    font-size: 18rem;
  }

  #main-banner h2 {
    font-size: 2.5rem;
  }

  #main-banner h2 span {
    font-size: 1.5rem;
  }


}
@media screen and (min-width: 768px) and (max-width:972px) {
.flw-u ul li {display: contents; }
}

@media screen and (min-width: 600px) and (max-width:860px) {
  #main-banner .carousel-caption .image-block {
    position: absolute !important;
  }

}

@media screen and (min-width: 975px) and (max-width:1199px) {
  .address-block{margin-right: 0;}
  .gallery-b .item-small{width: 96%;}
}

@media screen and (min-width: 320px) and (max-width:980px) {

  /* Small screen, non-retina */
  .bethel-title {
    top: -295px
  }

  .top-logo {
    text-align: center;
    width: 100%;
  }

  .top-logo a,
  .top-logo h1 {
    float: left;
    font-size: 14px;
    text-align: left;
    margin-left: 16px;
    ;
  }

  .top-information ul li {
    display: inline-block;
    padding: 2px;
    font-size: 85%;
  }

  .bethel-title h2 span {
    font-size: 2.8rem;
  }

  .bethel-title h2 span.text-gradient {
    font-size: 3rem;
  }

  .bethel-title h2 {
    font-size: 2rem;
    padding-bottom: 153px;
    margin-top: 35px;
    padding-top: 78px;
  }

  #top-menu-bar ul.navbar-nav li .nav-link {
    padding: 10px;
  }

  #top-menu-bar .navbar-nav .nav-item .dropdown-menu {
    position: relative;
  }

  .bethel-img img {
    transform: scale(1.5);
    position: relative;
    top: 50px;
    opacity: 0.8;
  }

  .top-information ul {
    display: block;
    text-align: center;
    margin-left: 0;
    padding-left: 0;
  }

  .main-article-list ul {
    padding-left: 0;
    padding-right: 5px;
  }

  #bethel-block {
    overflow-x: hidden;
  }

  .content-block {
    height: 80vh;
  }


  .recent-vdo-list ul {
    padding-left: 0;
    padding-right: 5px;
  }

  .recent-vdo-list h4 {
    font-size: 14px;
  }

  .top-information ul li {
    display: inline-block;
    float: none;
  }

  .sm-lug-selection {
    list-style: none;
    margin: 0;
    display: block;
  }

  .lm-lug-selection {
    display: none !important;
  }

  .sm-lug-selection li {
    display: inline-block;
    margin: 5px;
    padding: 0 2px;
  }

  .sm-lug-selection li a {
    color: var(--secondary-color);
  }

  .bethel-title p {
    z-index: 4;
  }

  .lang-block select {
    background-color: var(--secondary-color);
    color: #fff;
    padding: 3px;
    border-radius: 5px;
  }

  .top-information form select {
    display: block;
    width: 100%;
    text-align: center;
  }

  .lang-print {
    display: block;
    margin-bottom: 0;
  }

  .gallery-b .item-small {
    width: 95%;
  }

  #gallery-block a.more-click {
    display: block;
    margin-right: auto;
    float: none;
    text-align: center;
  }

  .carousel-inner {
    height: 720px;
  }

  .carousel-item {
    height: 100%;
  }

  #main-banner h2 {
    font-size: 2rem;
  }

  #main-banner h2 span {
    font-size: 1.2rem;
  }

  #main-banner .carousel-caption .image-block {
    position: relative;
  }

  #main-banner .carousel-caption .image-block .bg-love {
    right: 2%;
    margin-top: 75px;
    width: 85%;
  }

  #main-banner .carousel-item .bg-slider {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


 

  #main-banner .carousel-caption {
    left: 3px;
    right: auto;
  }

  .bg-video-block video {
    object-fit: cover;
    height: 120%;
  }

  .address-block {
    text-align: center;
    height: 360px;
    padding: 10px;
  }
  .flip-card .flare{padding: 65px 35px;}

  /*about us */
  #inner-banner .content {
    height: auto;
  }

  .inner-page p.about-zion {
    display: block;
    width: 100%;
    padding: 10px;
  }

  .about-zion-iframe {
    height: auto;
    padding: 0 15px;
  }

  .inner-page blockquote p {
    font-size: 30px !important;
  }

  .carousel-content-vdo {
    width: 100%;
    display: block;
  }

  .carousel-content {
    width: 100%;
    display: block;
  }

  .footer-block .footer-content {
    border: none;
  }

  ul.cat li {
    display: grid;
  }

  .recent-vdo-list ul li img {
    width: 100%;

  }

  .recent-vdo-list ul li fieldset {
    padding: 0 20px;
    display: block;
  }

  .main-article-list ul li img {
    width: 100%;
    height: 100%;


  }

  .main-article-list ul li fieldset {
    padding: 0 20px;
    display: block;
  }

  .main-article-list {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  #sign-of-times-block p {
    width: 90%;
  }

  #article-block{padding-top: 15px;}
  #article-block .site-title{padding-bottom: 10px; padding-top: 0; margin: 0;}

  #article-block  .nav-carousel{padding: 0; text-align: center;}
  .say-so-block,
  #contact-block,
  #gallery-block,
  #article-block,
  #recent-vdo-block {
    padding: 25px 0;
  }

  .inner-banner .content.a-us{height: auto;}

  .about-content {
    width: 90%;
  }



  .article-pages .filter-container .search {
    width: 100%;
  }

  .article-pages .filter-container .search input {
    width: 100%;
  }

  .article-pages .recent-selection select {
    float: left;
    width: 100%;
  }

  .article-pages .category-selection .btn {
    width: 100%;
  }

  .article-pages .article-banner .content h2 {
    font-size: 45px;
  }

  .select {
    width: 100%;
  }

  .article-pages .article-banner::before {
    opacity: 1;
  }

  .article-pages .filter-container {
    padding: 10px 20px 20px 20px;
  }

  .article-pages .article-list-content {
    padding: 0 15px 0 15px;
  }

  .article-view .inner-page span span {
    float: none;
    display: block;
  }

  .article-view .inner-page span p {
    float: none;
    display: block;
    width: 100%;
  }

  .article-view .inner-page h1 {
    font-size: 28px;
  }

  .article-view img.scaled {
    transform: none;
  }

  .article-view .inner-page .article-list-content {
    padding: 60px 15px;
  }

  #article-tags h5 {
    margin-bottom: 0;
  }


  .share {
    float: left;
    width: 118px;
    left: -22px;
    text-align: center;
    position: relative;
    top: -18px;
  }


  #inner-page-top-video h2 {
    font-size: 38px;
  }

  .selection-bar h2 {
    text-align: center;
    float: none;
    display: block;
  }

  .selection-bar .recent-selection {
    display: block;
    float: none;
    width: 100%;
  }

  .selection-bar .recent-selection button {
    width: 100%;
  }

  .button-play {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 38%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #inner-page-top-video .top-page-head-container p.top-vido-sub-content {
    margin-top: 60px;
    font-size: 22px;
  }
  #inner-page-top-video .top-page-head-container p.top-vido-sub-content i{font-size: 14px;}
  #inner-page-top-video {
    max-height: 276px;
  }
  #inner-page-top-video .top-page-head-container{top: -340px;}
  .sot-pt-{padding: 30px 0 !important;}

  .GN-page .GN-top-banner h1 {
    font-size: 38px;
  }

  .view-small {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .view-big {
    display: none;
  }

  .inner-page.no-padding-small {
    padding-top: 40px;
  }

  .inner-page .head-content {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 15px;
  }


  .bimg-left,
  .bimg-right {
    display: none;
  }

  .pb-text {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
  }

  .pb-text h1 {

    font-size: 40px;
    margin-top: 44px;
  }

  .load-more {
    width: 40%;

  }

  .photo-col-container .article-box {
    padding: 50px 48px;
    
  }

  .p-gallery-banner .selection-bar .recent-selection {

    margin-bottom: 20px;
  }

  .fw-bar {
    display: block;
    left: 33%;
    top: 50%;
    z-index: -1;
    float: left;
    opacity: 0.6;
    
  }
  .fw-bar .button-play.is-play{left:40%;}
.fw-wrd{ display: block;}


  .words-bar{text-align: center; position: relative;}
  .separator-after.lov-sep2::after{margin-top: 5px;}
  .separator-after.lov-sep::after{margin-top: 13px;}

  .words-bar h4 {
    padding: 40px 50px;
  }

  .sb-container,.flw-u{padding:25px ;}
  .c-r-con{text-align: center;}
  .footer-block .bottom-nav{text-align: center;}
  .sb-container .btn-outline-secondary{    padding: 12px 9px;}
  .flare span{top: -10px;}
  .address-block .flare h3{font-size: 25px;}
  .flip-card-back p, .flip-card-front p{margin-top: -18px; padding-bottom: 14px;}
  .address-block .flare h4{font-size: 13px; margin-top: -18px;}

#signs-of-times-block .main-article-vdo{margin: 15px 0;}

.gallery-container .gallery-item {width: 49%; margin: 0; height: 100px; }
.con-form h2{top: 0; font-size: 29px;}
.vdo-all-head {width: 60%;}
.vdo-all-head h1{font-size: 30px; margin-top: 20%;}
.vdo-all-head h1 i{font-size: 20px;}
.footer-block .bottom-nav{padding-left: 0;}
.sb-container, .flw-u{margin-bottom: 0; text-align: center;}
.footer-block h3{text-align: center; margin: 25px 0; justify-content: center;}
.c-r-con .tandp{text-align: center;}
.flw-u ul{padding: 13px 0 0 0;}
.form-block{text-align: center;}
.s-b-control{float: none; display: block; padding: 0 20px;     margin-bottom: 30px;}
.view-all-link{    display: block;
  text-align: center;
  float: none;}
  .p-gallery-banner-view h2{font-size: 2rem;}
  .p-gallery-banner-view h2 span{font-size: 1.5rem;}
  .gallery-container .gallery-item img{margin: 2px;}
  #sign-of-times-block .main-article-list ul li i{position: absolute;
    left: 42%;
    top: 36%;
    font-size: 45px;
    border-radius: 20px;
    background: var(--secondary-color);
    color: #ffffff;
    z-index: 2;}


    .recent-vdo-list li i{position: absolute;
      left: 42%;
      top: 30%;
      font-size: 45px;
      border-radius: 20px;
      background: var(--secondary-color);
      color: #ffffff;
      z-index: 2;}


     .st-bnner-img{ position: absolute;
      z-index: 2;
      top: 25%;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  #main-banner .ee-b-c h2{font-size: 2rem;}
  #main-banner .ee-b-c span.ee-tag{ font-size:3.5rem; }
  
    #main-banner .ee-b-c h2 span{font-size: 1.2rem;}
    #main-banner .sar-c{    padding-bottom: 64px;
      background-size: 385px 160px;}
      #main-banner .carousel-caption{top: 30px !important;}
      #main-banner .sar-c{background-image: none;}
      #main-banner .carousel-item{height:100%;}
      #main-banner .carousel-caption .ee-sv .bg-love{width: 50%; right: 80px;}
      .about-zion-iframe img{border-radius: 0;}
      .cnt-sel .dropdown-menu.show{left: -65px;
      top: 130%;}
      .cnt-sel button{color: var(--secondary-color); border-color: var(--secondary-color); margin-top: -1px;}
   

}

button.navbar-toggler:focus,
button.navbar-toggler:active {
  background-color: none;
  box-shadow: none;
  background: none;
  border: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  /* Small screen, retina, stuff to override above media query .content-block{height: 100vh;}

     
    .top-logo{text-align: center;}    
    .top-logo a, .top-logo h1{float: none;}
    .top-information ul li{display: inline-block; padding: 5px;}*/
}

@media only screen and (min-width: 700px) {}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 700px),
only screen and (min-resolution: 192dpi) and (min-width: 700px),
only screen and (min-resolution: 2dppx) and (min-width: 700px) {
  /* Medium screen, retina, stuff to override above media query
 
    .top-logo{text-align: center;}    
    .top-logo a, .top-logo h1{float: none;}
    .top-information ul li{display: inline-block; padding: 5px;} */
}

@media only screen and (min-width: 1300px) {
  /* Large screen, non-retina */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1300px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1300px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1300px),
only screen and (min-resolution: 192dpi) and (min-width: 1300px),
only screen and (min-resolution: 2dppx) and (min-width: 1300px) {
  /* Large screen, retina, stuff to override above media query */
}

.video--title-block {
	max-height: 40px!important;
	overflow: hidden!important;
}
.video--title-container {
	display: table!important;
	width: 100%!important;
	max-height: 40px!important;
	overflow: hidden!important;
}
.video--title {
	display: table-cell!important;
	vertical-align: middle!important;
	max-height: 40px!important;
	line-height: 20px;
	overflow: hidden!important;
	text-align: center!important;
}

.video--para-block {
	max-height: 36px!important;
	overflow: hidden!important;
}
.video--para-container {
	display: table!important;
	width: 100%!important;
	max-height: 36px!important;
	overflow: hidden!important;
}
.video--para {
	display: table-cell!important;
	vertical-align: middle!important;
	max-height: 36px!important;
	line-height: 18px;
	overflow: hidden!important;
	text-align: center!important;
}
.whatsapp--button {
	color: white;
	background-color: #25d366;
	border-radius: 60px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	overflow:hidden;
	width: auto;
	max-width: 50px;
	-webkit-transition: max-width 0.5s;
	transition: max-width 0.5s;
	-webkit-animation: whatsappicon 1s infinite  alternate;
	animation: whatsappicon 1s infinite  alternate;
}
.whatsapp--button:hover {
	max-width: 300px;
	color: white;
	background-color: #25d366;
}
.whatsapp--button i {
	font-size: 34px;
	padding: 9px 11px;
	margin-right: 0;
	display: flex;
	align-items: center;
}
.whatsapp--button span {
	white-space: nowrap;
	padding-right: 15px;
	font-weight: 600;
}
@-webkit-keyframes whatsappicon {
	0% { transform: translateY(0); }
	100% { transform: translateY(-10px); }
}
@keyframes whatsappicon {
	0% { transform: translateY(0); }
	100% { transform: translateY(-10px); }
}
@media screen and (min-width: 320px) and (max-width: 980px){
	.sm-lug-selection {
		list-style: none;
		margin: 0;
		display: block;
		padding-left:0;
	}
}