/*-------- animation---------*/

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/*======================
1.General Code
========================*/

@charset "utf-8";
* {
outline: 0
}

html{
	overflow-x: hidden;
}
body {
font-family: Philosopher, sans-serif;
margin: 0;
padding: 0;
font-size: 15px;
line-height: 28px;
overflow-x: hidden;
font-weight: 400;
color: #777
}

/*======================
1.1 Typography
========================*/
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
margin: 0 auto 20px;
font-family: Philosopher, sans-serif;
font-weight: 700;
text-transform: capitalize
}
h1 {
font-size: 60px
}
h2 {
font-size: 48px
}
h3 {
font-size: 36px
}
h4 {
font-size: 30px
}
h5 {
font-size: 24px
}
h6 {
font-size: 21px
}
p {
font-size: 15px;
line-height: 28px;
margin-bottom: 25px;
font-family: 'Noto Serif', serif
}
a {
transition-duration: .5s;
text-decoration: none;
color: #000
}
a:focus,
a:hover {
text-decoration: none;
outline: 0;
color: #010101
}
ol,
ul {
margin: 0 0 20px
}
ol li,
ul li {
margin: 0 0 10px
}
blockquote {
background: #fff;
position: relative;
padding: 0 0 0 70px;
margin: 0 auto 30px
}
blockquote::after {
position: absolute;
top: 2px;
left: 5px;
content: "";
background: url(../images/quote_icon.png) no-repeat center;
width: 40px;
height: 40px
}
blockquote p {
color: #010101;
font-size: 18px;
font-style: italic;
font-weight: 600
}
blockquote h6 {
color: #d5a339;
font-weight: 400;
text-transform: uppercase;
font-size: 15px
}
img {
max-width: 100%;
width: auto;
height: auto
}
.fs-12 {
    font-size: 12px;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-36 {
    font-size: 36px
}
.title-text
{ font-size: 40px;
}
.fw-100 {
    font-weight: 100;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}
.fw-900 {
    font-weight: 900;
}
.none {
display: none
}
.p-relative{
	position: relative;
}
table {
margin: 0 0 30px;
width: 100%
}
table td,
table th {
border: 1px solid #ccc;
padding: 15px;
padding: 18px
}
table td img,
table th img {
max-width: 100%
}
table thead {
background: #eee
}
table thead td,
table thead th {
text-transform: uppercase;
font-weight: 900;
color: #111
}

/*======================
1.2 Space margins and padding
========================*/

.padding_none {
padding: 0
}
.padding_top_20 {
padding-top: 20px
}
.padding_50px {
padding: 50px 0
}
.padding_4x4_30 {
padding: 30px
}
.padding_4x4_40 {
padding: 40px
}
.padding_right {
padding-right: 60px
}
.padding_left {
padding-left: 60px
}
.space-20 {
width: 100%;
height: 20px;
clear: both
}
.space-30 {
width: 100%;
height: 30px;
clear: both
}
.space-40 {
width: 100%;
height: 40px;
clear: both
}
.space-60 {
width: 100%;
height: 60px;
clear: both
}
.space-80 {
height: 80px;
width: 100%
}
.margin-btm-20 {
margin-bottom: 20px;
clear: both
}
.margin-top-20 {
margin-top: 20px;
clear: both
}
.margin-top-25 {
margin-top: 25px
}
.margin-top-30 {
margin-top: 30px
}
.margin-top-40 {
margin-top: 40px;
clear: both
}
.margin-btm-40 {
margin-bottom: 40px;
clear: both
}
.margin-top-60 {
margin-top: 60px;
clear: both
}
.margin-btm-60 {
margin-bottom: 50px;
clear: both
}
.margin_60 {
margin: 60px auto
}
.mb-50{
	margin-bottom: 50px;
}

.mb-30{
	margin-bottom: 30px;
}
.margin-none {
margin: 0
}
.mb-xl-20 {
    margin-bottom: 20px;
}
.mb-xl-30 {
    margin-bottom: 30px;
}
.pb-xl-20 {
    padding-bottom: 20px;
}
.pb-80 {
padding-bottom: 80px
}

/*==================
1.3. Forms
====================*/

.form-group {
margin-bottom: 20px;
position: relative
}
.form-label {
color: #022147;
font-size: 16px;
font-weight: 400;
margin: 0 auto 8px
}
.form-control {
background: #fff;
border: none;
border-bottom: 1px solid #000;
border-radius: 0;
box-shadow: none;
color: #131313;
font-size: 18px;
min-height: 44px;
line-height: 33px;
padding: 10px 15px;
font-weight: 500;
margin: 0 0 15px
}
textarea.form-control {
padding: 15px 20px
}
.form-control:hover {
box-shadow: none;
outline: 0
}
.form-control:focus {
box-shadow: none;
outline: 0;
border-bottom: 1px solid #000;
}
.select {
position: relative
}
.select select {
appearance: none;
-moz-appearance: none;
-o-appearance: none;
-webkit-appearance: none;
-ms-appearance: none
}
.select::after {
color: #878787;
content: "\f107";
cursor: pointer;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 15px;
padding: 12px 0;
pointer-events: none;
position: absolute;
right: 15px;
top: 0
}
.form-control option {
padding: 10px
}
.control-label {
color: #555;
font-size: 15px;
font-weight: 700
}
.checkbox label,
.radio label {
cursor: pointer;
font-size: 11px;
font-weight: 400;
padding-left: 30px;
position: relative;
margin-left: -17px;
}
.checkbox input[type=checkbox],
.radio input[type=radio] {
opacity: 0;
z-index: 9;
position: relative;
}
.radio label:before {
background-color: transparent;
border-style: solid;
border-width: 1px;
border-color: #cacaca;
border-radius: 50%;
content: "";
display: inline-block;
height: 20px;
left: 0;
top: 2px;
position: absolute;
width: 20px
}
.checkbox label::before {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #111;
content: "";
display: inline-block;
height: 16px;
left: 0;
position: absolute;
top: 4px;
width: 16px
}
.radio input[type=radio]:checked+label:before {
content: "\2022";
font-size: 30px;
text-align: center;
line-height: 18px;
color: #010101
}
.checkbox input[type=checkbox]:checked+label:before {
content: "\2713";
font-size: 12px;
text-align: center;
line-height: 14px;
display: block;
}
.black_input .form-control {
background: #222;
border-radius: 3px;
color: #fff;
border: #222 solid 1px;
font-size: 17px
}
.checkbox,
.radio {
padding-top: 5px
}
.email_input input:focus {
outline: 0
}

/*==================
1.4. Buttons
====================*/

.btn {
background: #d5a339;
border: medium none;
border-radius: 0;
color: #fff;
font-family: Philosopher, sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 30px;
height: auto;
display: inline-block;
margin: auto;
letter-spacing: .5px;
padding: 12px 32px;
transition: all .3s linear 0s;
-moz-transition: all .3s linear 0s;
-o-transition: all .3s linear 0s;
-webkit-transition: all .3s linear 0s;
-ms-transition: all .3s linear 0s
}
.dark-btn {
background: #000;
color: #fff
}
.btn.btn-lg {
font-size: 14px;
line-height: 30px;
padding: 16px 45px
}
.btn.btn-sm {
font-size: 14px;
padding: 8px 22px
}
.btn:focus,
.btn:hover {
color: #fff;
outline: 0;
background: #000;
box-shadow: none
}
.dark-btn:hover {
background: #000
}
.btn-link {
font-weight: 800;
font-size: 15px;
color: #002d70
}
.btn.outline-btn {
background: 0 0;
border: solid 1px;
letter-spacing: 4px;
padding: 15px 50px;
font-weight: 700
}

.btn.outline-btn:hover{
background-color: #fff;
color: #000;
border: 1px solid #fff; 
}
.tk-btn-link:hover {
text-decoration: none;
color: #000
}
button:focus {
outline: 0;
}

/*==================
1.5. Section-Colors-&-Backgrounds
====================*/

.secondary-bg {
background: #eff0f2
}
.primary-bg {
background: #002d70
}
.gray_bg {
background: #f8f8f8
}
.text-grey {
color: #a9a9a9;
}

/*Colors*/

.text-custom-primary {
color: #d4a239
}
.text-custom-light-secondary {
color: #fdb58b
}
.white_text,
.white_text h1,
.white_text h2,
.white_text h3,
.white_text h4,
.white_text h5,
.white_text h6,
.white_text p {
color: #fff
}
.theme-color {
color: #d5a339
}


/*======================
1.6 Modal & Popups
========================*/

.modal-dialog .close-btn {
    background-color: #020202;
    opacity: 1;
    margin: 0;
    height: 35px;
    width: 35px;
    margin-left: auto;
    padding: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-shadow: none;
}

.modal-dialog .close-btn a{
	color: #fff;
}

.modal-lg {
    max-width: 1000px;
}

.modal-content {
    border-radius: 0;
    border: 0;
}

.modal-body {
    padding: 40px;
}

label.error {
color: red;
display: block;
font-size: 13px;
font-weight: 400;
text-align: left;
}
.panel-title {
position: relative
}
.panel-title a {
display: block;
padding: 28px 50px 28px 0;
position: relative
}
.panel-title a::after {
position: absolute;
top: 33px;
right: 0;
background: #b7b7b7;
height: 2px;
width: 16px;
content: ""
}
.panel-title a.collapsed::before {
position: absolute;
top: 26px;
right: 7px;
background: #b7b7b7;
height: 16px;
width: 2px;
content: ""
}
.panel-title {
margin: 0 auto
}
.panel.panel-default:first-child {
border-top: #e8e7e7 solid 1px
}
.panel.panel-default {
border-bottom: #e8e7e7 solid 1px
}

.section-padding {
padding: 80px 0
}
.section-padding.padding-2 {
padding: 80px 0 50px;
}

.section-header {
margin: 0 0 auto;
max-width: 520px;
padding-bottom: 30px
}
.section-header p {
margin-bottom: 0
}

.full-width{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}
.custom-list{
	list-style: none;
	padding: 0;
	margin: 0;
}

.section-header-left{
    margin: 0;
    text-align: left;
    max-width: 650px;
    padding-bottom: 20px;
}


.section-header-center {
margin: 0 auto;
max-width: 520px;
padding-bottom: 25px
}
.about-us-content.hm-2 p {
max-width: 650px;
margin: 0 auto;
text-align: center
}
.about_company .nav-tabs.testi-nav-tabs li:last-child a {
margin-right: 10px
}

.z_index {
z-index: 2
}
.divider {
border-top: #ebebeb solid 1px
}

.nav.nav-tabs {
border: medium none
}
.nav-tabs>li a {
background: #000 none repeat scroll 0 0;
border-radius: 0;
color: #fff;
font-size: 20px;
font-weight: 400;
margin-right: 5px;
padding: 14px 26px;
text-align: center
}
.nav-tabs>li a:focus,
.nav-tabs>li a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
color: #fff;
background: #c7335b
}
.nav-tabs>li {
margin-bottom: 0
}
.parallex-bg {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative
}



/*********************************** Start Of Common Class Css ***********************************/


.title-separator:after {
content: "";
background: #fff;
width: 120px;
height: 7px;
display: block;
vertical-align: middle;
margin-top: 15px;
}
.link {
font-size: 20px;
color: #fff;
font-weight: 700;
}
.link:after {
content: "\f061";
font-family: 'Font Awesome 5 Free';
font-size: 20px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out
}
.link:hover,
.link:focus {
color: #fff;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out
}
.link:hover:after {
margin-left: 15px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out
}
.link-black-color
{ color: #000;
}
.link-black-color:hover
{ color: #000;
}
.slick-next {
width: 50px;
height: 50px;
}
.slick-prev:before {
content: "";
border-top: 3px solid #000;
border-right: 3px solid #000;
transform: rotate(-134deg);
display: block;
width: 15px;
height: 15px;
z-index: 99;
position: relative;
}
.slick-next:before {
content: "";
border-top: 3px solid #000;
border-right: 3px solid #000;
transform: rotate(40deg);
display: block;
width: 15px;
height: 15px;
z-index: 99;
position: relative;
}
.slick-next,
.slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: 0;
background:none;
}
.slick-next {
right: 0;
}
.slick-prev {
left: 0;
}
.slick-disabled {
display: none!important
}
/*********************************** End Of Common Class Css ***********************************/



/********************************* Start Of Header Css***************************************/
.hc-ssi-header {
	position: fixed;
	top: 65px;
	left: 50px;
	right: 50px;
	z-index: 9;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}

.hc-ssi-header > .container-fluid > .row{
	justify-content: space-between;
}
 
.hc-ssi-header .header-right-bg{
	background-color: #000;
    padding: 8px;
    margin-right: -34px;
}

.hc-ssi-header .header-right-bg .social-icons-wrapper{
	display: none;
	margin-top: 50px;
}

.hc-ssi-header .navbar-toggle {
	display: none;
}

.hc-ssi-black-logo {
	display: none;
}

.hc-ssi-fixed-header .hc-ssi-white-logo {
	display: none;
}

.hc-ssi-fixed-header .hc-ssi-black-logo {
	display: block;
}

.hc-ssi-header-right nav ul {
	padding: 0;
	margin: 0;
}

.hc-ssi-header-right nav li {
	margin: 0 30px;
	display: inline-block;
	position: relative;
}

.hc-ssi-header-right nav li a {
	font-size: 20px;
	color: #fff;
}

.hc-ssi-header-right .hc-ssi-sub-menu li {
	margin: 0;
	display: block;
}

.hc-ssi-header-right .hc-ssi-sub-menu li a {
	padding: 5px 15px;
	display: block;
}

.hc-ssi-header-right .hc-ssi-sub-menu li a:hover {
	background: #fff;
	color: #000;
}

.hc-ssi-sub-menu {
	text-align: left;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	width: 300px;
	background: #000;
	z-index: 1111;
	transform-origin: 0 0 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	margin-top: 33px !important;
}

.hc-ssi-toggle-link {
	color: #fff;
	margin-left: 10px;
}

.hc-ssi-fixed-header .hc-ssi-header-right nav ul li .hc-ssi-toggle-link {
	color: #000;
}

.hc-ssi-header-right nav ul li:hover .hc-ssi-toggle-link {
	transform: rotate(177deg);
	-webkit-transform: rotate(177deg);
	-moz-transform: rotate(177deg);
	-o-transform: rotate(177deg);
}

.hc-ssi-header-right nav ul li:hover .hc-ssi-sub-menu {
	opacity: 1;
	visibility: visible;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	-moz-transform: translateY(0);
}

.hc-ssi-header .header-right-bg .hc-ssi-header-btn a.btn.outline-btn{
	padding: 14px 28px;
}

.hc-ssi-lang-item ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hc-ssi-lang-item ul li {
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 0 0 10px;
}

.hc-ssi-lang-item ul li a img {
	width: 30px;
}

.hc-ssi-other {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.hc-ssi-lang-item ul li:hover .hc-ssi-current {
	opacity: 0;
}

.hc-ssi-lang-item ul li:hover .hc-ssi-other {
	opacity: 1;
}

.hc-ssi-lang-item ul li a.cart-icon{
	color: #fff;
	font-size: 25px;
}

.hc-ssi-fixed-header {
	top: 0;
	background: #fff;
	left: 0;
	right: 0;
	padding: 15px 0;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
}
.hc-ssi-fixed-header .header-right-bg{
	background-color: #fff;
	padding: 0;
	margin-right: 0;
}

.hc-ssi-fixed-header .hc-ssi-header-right nav li a {
	color: #000;
}

.hc-ssi-fixed-header .btn {
	border-color: #000;
	color: #000;
}
.hc-ssi-fixed-header .hc-ssi-lang-item ul li a.cart-icon{
	color: #000;
}
.hc-ssi-fixed-header .btn:hover {
	background-color: #000;
	color: #fff;
}

.hc-ssi-fixed-header .hc-ssi-lang-item ul li {
	border-color: #000;
}

.hc-ssi-fixed-header .hc-ssi-header-right nav li .hc-ssi-sub-menu li a {
	color: #fff;
}

.hc-ssi-fixed-header .hc-ssi-header-right nav li .hc-ssi-sub-menu li a:hover {
	color: #000;
}
/********************************* End Of Header Css***************************************/

/********************************* Start Of Hero Section Css***************************************/

.hc-ssi-hero{
  position: relative;
}

.hc-ssi-hero-image img {
	width: 100%;
	height: 80vh;
	object-fit: cover;
	object-position: center center;
}

.hc-ssi-hero-image:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, transparent), color-stop(101%, #000), color-stop(101%, #000));
	background-image: -webkit-linear-gradient(transparent 1%, #000 101%, #000 0);
	background-image: -o-linear-gradient(transparent 1%, #000 101%, #000 101%);
	background-image: linear-gradient(transparent 1%, #000 101%, #000 0);
}

.hc-ssi-hero {
	padding: 30px 15px;
}

.hc-ssi-hero-box {
	position: relative;
}

.hc-ssi-hero-content {
	position: absolute;
	left: 7%;
	bottom: 60px;
}

.hc-ssi-hero-content h1{
	margin-bottom: 45px;
    font-size: 90px;
}

.hc-ssi-hero .video-wrapper{
	position: absolute;
	right: 150px;
	bottom: 150px;
}

.hc-ssi-hero .video-wrapper .video-play-button:after,
.hc-ssi-hero .video-wrapper .video-play-button:before{
	background-color: #fff;
}
.hc-ssi-hero .video-wrapper .video-play-button span{
	border-left-color: #000; 
}
/********************************* End Of Hero Section Pages Css***************************************/

/******************* start Of About Section Pages Css*******************************/

.hc-about .about-image-wrapper{
	position: relative;
    height: 100%;
    z-index: 1;
    width: 770px;
    margin-left: -217px;
}

.hc-about .about-image-wrapper a{
	overflow: hidden;
	display: block;
	 height: 100%;
	transition: 0.4s ease-in-out;
}

.hc-about .about-image-wrapper img:hover{
   transform: scale(1.1);
   transition: 0.4s ease-in-out;
}

.hc-about .about-content-wrapper{
	padding: 65px 100px 0 0;
    position: relative;
    left: 0;
    z-index: 2;
}
.hc-about .about-content-wrapper h3{
	font-size: 42px;
}
.hc-about .about-content-wrapper .more-info{
	text-align: right;
}
.hc-about .about-content-wrapper .more-info a{
	position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}
.hc-about .about-content-wrapper .more-info a:after{
	float: right;
    content: '';
    position: relative;
    width: 60px;
    height: 2px;
    display: block;
    margin: 11px 10px 0 20px;
    background: #000;
}

.hc-about ul.descr-list{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
}

.hc-about .descr-list li{
	color: #777;
	font-size: 15px;
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.hc-about .descr-list li + li{
	margin-top: 12px;
}

.hc-about .descr-list li i{
	color: #000;
	font-size: 25px;
	margin-right: 10px;
	display: inline-block;
}

/******************* End Of About Section Pages Css*******************************/

/********************************* Start Of video Section Css***************************************/

.fancybox {position: relative;
display: block;}
.fancybox video {width: 100%;}
.fancybox h2 {text-transform: uppercase; font-size: 40px; background-color: #fff; color: #000; mix-blend-mode: screen; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; right: 0px; display: flex; align-items: center; justify-content: center; padding: 30px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.fancybox h2 span:after { content: ""; width: 50px; height: 5px; display: block; background: #000; margin-top: 5px;}
.fancybox:after{ content: ""; width: 30px; height: 30px; border-bottom:5px solid hsla(0, 0%, 0%, 0.45); border-right:5px solid hsla(0, 0%, 0%, 0.45); position: absolute; bottom: 0px; right: 0px;}
.fancybox:before{ content: ""; width: 30px; height: 30px; border-top:5px solid hsla(0, 0%, 0%, 0.45); border-left:5px solid hsla(0, 0%, 0%, 0.45); position: absolute; top: 0px; left: 0px; z-index: 1;}
.fancybox:hover h2 { mix-blend-mode: normal; background: none; color: #ffffff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;			}
.fancybox:hover:after{ display: none;} 
.fancybox:hover:before{ display: none;} 

/********************************* End Of video Section Css***************************************/

/********************************* Start Of Slider Section Css***************************************/
.hc-slider-image{
	position: relative;
}

.hc-slider-image .descr-box{
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    bottom: 95px;
    background-color: #000;
    padding: 20px;
    max-width: 450px;
    font-size: 14px;
    opacity: 0;
    visibility: visible;
    transition: all 0.3s ease-out 0s;
}

.hc-slider .slick-current .descr-box{
  opacity: 1;
  visibility: visible;
}
.hc-slider-image .descr-box h3{
	color: #fff;
	margin-bottom: 10px;
}

.hc-slider .slick-next {
	right: 27.8%;
}

.hc-slider .slick-prev {
	left: 27.8%;
	z-index: 2;
}

.hc-slider .slick-slide {
	padding: 0 80px;
}

.hc-slider-image img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: center;
}
/********************************* End Of Slider Section Pages Css***************************************/

/********************************* Start Of Hotels Section Css***************************************/

.new-hotels .hotel-1{
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.new-hotels .hotel-1 .locate-hotel:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(transparent 2%,transparent 48%,#000 102%,#000 0);
}
.new-hotels .hotel-1 .locate-hotel img{
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.new-hotels .hotel-1:hover img{
	transform: scale(1.2);
	transition: 0.4s ease-in-out;
}
.new-hotels .hotel-1 .hotel-content{
	position: absolute;
	bottom: 30px;
	left: 20px;
}
.new-hotels .hotel-1 .hotel-content h4{
	color: #fff;
	margin-bottom: 0;
	font-size: 24px;
}
.new-hotels .hotel-1 .hotel-content p{
	color: #fff;
	margin-bottom: 10px;
	font-size: 18px;
    font-weight: 600;
}
.new-hotels .hotel-1 .hotel-content .visit{
	color: #fff;
	font-size: 18px;
	margin-left: 10px;
	opacity: 0;
	transform: translateX(0);
}
.new-hotels .hotel-1:hover .visit{
	opacity: 1;
	transform: translateX(2);
	transition: 0.4s ease-in-out;
}

/** pagination  **/

.hc-pagination{
	margin-top: 70px;
}
.hc-pagination ul li .page-link{
	margin-left: 8px;
	color: #000;
	border:1px solid #000;
}
.hc-pagination ul li:last-child .page-link,
.hc-pagination ul li:first-child .page-link{
	border-radius: 0;
}
.hc-pagination ul li.active .page-link{
	background-color: #000;
    border-color: #000;
}
.hc-pagination ul li .page-link:hover{
	color: #fff;
	background-color: #000;
	border:1px solid #000;
}
.hc-pagination ul li .page-link:focus{
	box-shadow: none;
}

/********************************* End Of Hotels Section Css***************************************/


/********************************* Start Of Booking Section Css***************************************/
.hc-ssi-booking {
	position: relative;
}

.hc-ssi-booking-category {
	z-index: 1;
	position: absolute;
	right: 0;
	width: 30%;
}
.hc-ssi-booking-category-list ul,
.hc-ssi-booking-category-list-2 ul
{
	margin: 0px;
	padding: 0px;
}
.hc-ssi-booking-category-list li,
.hc-ssi-booking-category-list-2 li {
	font-size: 16px;
	color: #000;
	border: 1px solid #000;
	text-align: center;
	padding: 5px 0;
	margin: 0 5px;
	cursor: pointer;
}

.hc-ssi-booking-category-list .slick-prev:after,
.hc-ssi-booking-category-list-2 .slick-prev:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0px;
	bottom: 0;
	width: 2rem;
	height: 40px;
	-webkit-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
	background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
	background: -o-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 100%);
	background: linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
}

.hc-ssi-booking-category-list .slick-next:after,
.hc-ssi-booking-category-list-2 .slick-next:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0;
	width: 2rem;
	height: 40px;
	-webkit-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff));
	background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff);
	background: -o-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, #fff 100%);
	background: linear-gradient(left, hsla(0, 0%, 100%, 0), #fff);
}

.hc-ssi-booking-category-list .slick-current,
.hc-ssi-booking-category-list-2 .slick-current {
	color: #fff;
	background: #000;
}

.hc-ssi-booking-category-list .slick-list,
.hc-ssi-booking-category-list-2 .slick-list {
	padding: 0 25px;
	
}

.hc-ssi-booking-category-list .slick-next,
.hc-ssi-booking-category-list-2 .slick-next {
	right: -20px;
	height: 40px;
	background: #fff;
	z-index: 5l
}

.hc-ssi-booking-category-list .slick-prev,
.hc-ssi-booking-category-list-2 .slick-prev {
	left: -20px;
	height: 40px;
	background: #fff;
	z-index: 5l
}

.hc-ssi-booking-image .slick-next,
.hc-ssi-booking-image-2 .slick-next{
	right: 20px;
	top: 40px;
}

.hc-ssi-booking-image .slick-prev,
.hc-ssi-booking-image-2 .slick-prev {
	left: auto;
	right: 60px;
	top: 40px;
	z-index: 99;
}

.hc-ssi-booking-image .slick-next:before,
.hc-ssi-booking-image-2 .slick-next:before {
	border-color: #fff;
	width: 10px;
	height: 10px;
}

.hc-ssi-booking-image .slick-prev:before,
.hc-ssi-booking-image-2 .slick-prev:before {
	border-color: #fff;
	width: 10px;
	height: 10px;
}

.hc-ssi-booking-content {
	background: #000;
	padding: 5%;
	margin-left: -200px;
	margin-top: 65px;
}

.booking-2 .hc-ssi-booking-image,
.booking-2 .hc-ssi-booking-image-2{
	z-index: -1;
}
.booking-2 .hc-ssi-booking-content.hc-ssi-booking-content2{
	margin-right: -200px;
	margin-left: 0;
}
.booking-2 .hc-ssi-booking-category{
	left: 0;
}

.hc-ssi-booking-content h4 {
	color: #fff;
}
.hc-ssi-booking-content.video-content h3{
	color: #fff;
	font-size: 30px;
}

.hc-ssi-booking-content p {
	color: #fff;
	margin: 0px;
}

.hc-ssi-booking-content ol {
	list-style: none;
	padding: 0;
	margin-top: 10px;
}

.hc-ssi-booking-content ol li {
	color: #fff;
	margin: 0;
	position: relative;
	padding-left: 20px;
	font-size: 16px;
}

.hc-ssi-booking-content ol li:before{
	content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    left: 0;
    top: 9px;
    border-radius: 50%;
}

.hc-ssi-booking-image img,
.hc-ssi-booking-image-2 img {
	height: 600px;
	object-fit: cover;
}
/********************************* End Of Booking Section Pages Css***************************************/

/********************************* Start Of Sermon Section Css***************************************/

.hc-Sermon h3{
	font-size: 26px;
} 
.hc-Sermon .sermon-info{
     margin: 15px 0;
     color: #fff;
     font-size: 14px;
     font-weight: 600;
}
.hc-Sermon .sermon-info span{
	display: block;
    float: none;
    padding: 3px 0 3px 0;
}
.hc-Sermon .sermon-info span i{
	position: static;
    padding: 0 10px;
    font-size: 18px;
    vertical-align: middle;
}


/********************************* End Of Sermon Section Css***************************************/

/********************************* Start Of Booking-3 Section Css***************************************/

.hc-book-room .hc-ssi-booking-content h3{
	position: relative;
	margin-bottom: 46px;
}
.hc-book-room .hc-ssi-booking-content p{
    margin-bottom: 28px;
}
.hc-book-room .hc-ssi-booking-content h3:after{
content: "";
position: absolute;
width: 160px;
height: 4px;
background-color: #fff;
display: block;
margin-top: 12px;
}
.hc-book-room .hc-ssi-booking-content{
	padding: 22px;
    margin-left: -200px;
    margin-top: 80px;
}
.hc-book-room .room-image{
	width: 100%;
	height: 100%;
	position: relative;
}
.video-play-button {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #000;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #000;
  border-radius: 50%;
  transition: all 200ms;
}
 .video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

.hc-book-room .video-wrapper .video-image{
	position: relative;
}


/********************************* End Of Booking-3 Section Css***************************************/

/********************************* Start Of Blog Section Css***************************************/

.hc-blog-image img {
width: 100%;
height: 370px;
object-fit: cover;
}
.hc-blog-info {
background: #000;
padding:15px 20px;
position: relative;
}
.hc-blog-info h5 {
margin-bottom: 5px;
}
.hc-blog-info h6
{
color: #000;
background: #fff;
padding: 15px 30px;
margin: 0px;
position: absolute;
left: 0px;
top: -55px;
transition: 0.8s ease-in-out;
}
.hc-blog-info p {
margin: 0px;
padding-right: 34px;
}
.hc-blog-info i {
font-size: 20px;
color: #fff;
position: absolute;
right: 24px;
bottom: 18px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.hc-blog-info:hover i
{	right: 15px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}

/*  blog-detail */

.hc-blog-detail .blog-detail-image{
	overflow: hidden;
	width: 100%;
}
.hc-blog-detail .blog-detail-image:hover img{
	transform: scale(1.4);
	transition: 0.4s ease-in-out;
}
.hc-blog-detail .blog-detailed-post .detail-info{
	margin: 30px 0;
}
.hc-blog-detail .blog-detailed-post .detail-info h3{
	margin-bottom: 10px;
}
.hc-blog-detail .blog-detailed-post .detail-info h3 a{
	color: #000;
}
.hc-blog-detail .blog-detailed-post .detail-info .tag-icons{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.hc-blog-detail .blog-detailed-post .detail-info .tag-icons li{
	display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    margin-bottom: 0;	
}
.hc-blog-detail .blog-detailed-post .detail-info .tag-icons li a{
	color: #000;
}
.blog-detailed-post .detail-info .other-info{
	margin-bottom: 20px;
}
.blog-detailed-post .detail-info .other-info .author-meta{
	display: inline-block;
	margin-right: 30px;
	color: #a9a9a9;
}
.blog-detailed-post .detail-info blockquote{
	padding: 30px;
    background-color: #000;
    position: relative;
}

.blog-detailed-post .detail-info blockquote:after{
	content: none;
}
.blog-detailed-post .detail-info blockquote .quote-text{
	color: #fff;
    display: block;
    font-style: italic;
    font-weight: 300;
    font-size: 22px;
    padding-left: 30px;
}
.blog-detailed-post .detail-info blockquote i{
	color: #fff;
    position: absolute;
    top: 36px;
    font-size: 16px;
}

.blog-detailed-post .detail-info .blog-tags .tag-name{
	background: #000;
    color: #FFF;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px 5px 0;
    padding: 2px 12px;
    text-transform: uppercase;
}
.hc-blog-detail .user-comments{
	padding-top: 20px;
}
.hc-blog-detail .user-comments .blog-comments{
	padding: 0px;
}
.hc-blog-detail .user-comments li{
	list-style: none;
}
.hc-blog-detail .user-comments .comment .comment-box{
	background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
    padding: 22px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.user-comments .comment .comment-box .author-image{
	background: #FFF;
    border: 1px solid #e6eff2;
   margin-right: 15px;
    padding: 4px;
    border-radius: 100%;
}
.user-comments .comment .comment-box .about-author{
	width: calc(100% - 105px);
}
.user-comments .comment .comment-box .about-author .flex-name{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.user-comments .comment .comment-box .about-author .flex-name h5{
	margin-left: 0;
	margin-right: 0;
}
.hc-blog-detail .write-blog-comment{
	padding-top: 30px;
}
 .sidebar-wrapper .sidebar-widget{
 	padding: 30px;
    margin-bottom: 40px;
    border: 1px solid #000;
    background-color: #000;
 }
 .sidebar-wrapper .sidebar-widget h4{
 	margin-bottom: 25px;
 	font-size: 25px;
 	color: #fff;
 }
 .sidebar-wrapper .sidebar-widget .sidebar-search{
 	position: relative;
 }
 .sidebar-wrapper .sidebar-widget .sidebar-search .form-control{
 	margin-bottom: 0;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
 }
 .sidebar-wrapper .sidebar-widget .sidebar-search button{
 	position: absolute;
    right: 5px;
    top: -3px;
    bottom: 0px;
    cursor: pointer;
    background: transparent;
    color: #fff;
    border: 0;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    width: 52px;
 }
 .sidebar-wrapper .sidebar-widget .sidebar-search .form-control::placeholder{
 	color: #fff;
 }
 .sidebar-wrapper .sidebar-widget .custom-list .category-list{
 	border-bottom: 1px solid #000;
 	border-top: none;
 	padding: 12px 0;
 	font-size: 16px;
 	display: flex;
 	color: #fff;
 	margin-bottom: 0;
 	justify-content: space-between;
 	align-items: center;
 	flex-wrap: wrap;
 }
 .sidebar-wrapper .sidebar-widget .custom-list .category-list a{
 	color: #fff;
 }
 .sidebar-wrapper .sidebar-widget .custom-list .category-list span{
 	border: 1px solid #fff;
    width: 30px;
    height: 28px;
    padding: 0 7px;
 }
 .sidebar-widget.post-widget .custom-list li{
 	display: flex;
 	align-items: center;
 	margin-bottom: 18px;
 	width: 100%;
 }
 .sidebar-widget.post-widget .custom-list li:last-child{
 	margin-bottom: 0;
 }
 .sidebar-widget.post-widget .post-left{
  	width: 80px;
    height: 80px;
    display: block;
    margin-right: 15px;
  }
  .sidebar-widget.post-widget .post-right{
  	width: calc(100% - 95px);
  }
  .sidebar-widget.post-widget .post-right a{
  	display: inline-block;
    letter-spacing: 0;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
  }
  .sidebar-widget.post-widget .post-right span{
  	color:#e1e1e1;
  }
  .sidebar-widget.tag-widget li{
  	margin-bottom: 5px;
  	display: inline-block;
  }
  .sidebar-widget.tag-widget li a{
  	border: 1px solid #fff;
    letter-spacing: 0;
    font-size: 14px;
    display: block;
    font-weight: 600;
    padding: 9px 25px;
    color: #fff;
  }
  .sidebar-widget.tag-widget li a:hover{
  	background-color: #fff;
  	color: #000;
  	border: 1px solid #fff;
  }

/********************************* End Of Booking Section Pages Css******************************/


/********************************* Start Of Mission Section Pages Css******************************/

.hc-mission .hc-mission-content{
	padding: 75px;
	background-color: #000;
	width: 100%;
	height: 100%;
}
.hc-mission .mission-image{
	width: 100%;
	height: 100%;
}
.hc-mission .hc-mission-content h3{
	color: #fff;
	margin-bottom: 30px;
	font-size: 30px;
}


/********************************* End Of Mission Section Pages Css******************************/


/******************* Start Of Gallery Section Page Css*******************************/


.hc-portfolio .hc-tab-wrap
{
	display:flex;
	justify-content: center;
	align-content:center;
}

.hc-portfolio .hc-tab-wrap ul{

	border: 1px solid #000;
    padding: 0 30px;
    background-color: #000;
    border-radius: 0;
}

.hc-portfolio .hc-tab-wrap ul li a{

	padding:15px 20px;

	border-radius:0;
	color: #fff;
    border-bottom: 3px solid transparent;
	transition: .3s;
}

.hc-portfolio .hc-tab-wrap a.active{

	background-color:inherit;
	border-bottom: 3px solid #fff;

}

.hc-portfolio .container-fluid,
.hc-portfolio-gallery .container-fluid
{
	padding:0;
}

.hc-portfolio .project-img{

	padding:0;
}

.hc-portfolio .exp-portfolio-2{

	margin:0 auto;

}
.hc-portfolio #myTabContent{
	margin-top:60px;
}
.hc-portfolio-2{
	overflow: hidden;
}

/* Portfolio-1*/

.hc-portfolio-gallery .pro-img{
	width:auto;
	height:550px;
	padding:0;
}

.hc-portfolio-gallery .project-gallery .gallery-size{
    column-width: 29em;
    column-gap: 1px;
  }

.hc-portfolio-gallery .height-1{
	height:550px;
}

.hc-portfolio-gallery .height-2{
	height:650px;
}

/* Portfolio-2*/
.hc-portfolio-2-wrap {
    margin: 0 auto;
    width: 100%;
}
.hc-portfolio-2-wrap .grid-item {
    width: 265px;
    height: 250px;
    padding: 0;
}
.hc-portfolio-2-wrap .height-1{
	height:500px;
}
.hc-portfolio-2-wrap .width-1{
	width:370px;
}
.hc-portfolio-2-wrap .width-2{
	width:530px;
}
.hc-portfolio-2-wrap .width-3{

	width:535px;
}
.hc-portfolio-2-wrap .width-4{
	width:270px;
}
.hc-portfolio-2 .container {
    max-width: 1200px;
}
.hc-portfolio-2-wrap:after{
	content:'';
	display:block;
	clear: both;
}


/******************* End Of Gallery Section Page Css*******************************/

/******************* Start Of Our Team Section Page Css*******************************/

.hc-team .our-team-wrapper{
	text-align: center;
    position: relative;
    background-color: #000;
    padding: 10px;
    border-radius: 0;
}
.hc-team .our-team-wrapper .team-image{
	transition: 0.4s ease;
	overflow: hidden;
	position: relative;
}
.hc-team .our-team-wrapper .team-image:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(255, 255, 255, 0.58);
	opacity: 0;
	transition: all 900ms ease;
	transform: rotateX(-180deg);
}
.hc-team .our-team-wrapper:hover .team-image:before{
	opacity: 1;
	transition: all 0.3s ease-in-out 0s;
	transform: rotateX(0deg);
	transition: all 900ms ease;
}
.hc-team .our-team-wrapper .team-image .social-icons{
	position: absolute;
    top: 16px;
    right: 20px;
    z-index: 1;
}
.our-team-wrapper .team-image .social-icons li{
	transition: all 0.3s ease-in-out 0s;
	opacity: 0;
	visibility: hidden;
	transform: perspective(1000px) rotateY(90deg);
	margin-bottom: 8px; 
}
.our-team-wrapper .team-image .social-icons li:nth-child(1){
	transition-delay: 0.2s;
}
.our-team-wrapper .team-image .social-icons li a{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #000;
    text-align: center;
    position: relative;
    font-size: 20px;
    color: #ffffff;
    border-radius: 30px;
    transition: 0.5s;
}
.hc-team .our-team-wrapper:hover .social-icons li{
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
	transition: all 0.3s ease-in-out 0s;
}
.our-team-wrapper .team-image .about-team h4{
	font-size: 25px;
}
.our-team-wrapper .team-image .about-team{
	position: absolute;
	transition: 0.5s;
    text-align: center;
    width: 100%;
    opacity: 0;
    z-index: 1;
    right: 0;
    bottom: 10px;
    transform-origin: bottom;
    text-align: center;
    padding: 15px;
    width: 94%;
    height: 100px;
    left: 10px;
    transform: rotate(-20deg);
   
}
.our-team-wrapper .team-image .about-team span{
	display: block;
    color: #000;
    font-size: 18px;
    margin-top: 10px;
}
.hc-team .our-team-wrapper:hover .about-team{
	transform: perspective(300px) rotateX(0deg);
    opacity: 1;
	transition: all 0.3s ease-in-out 0s;
}

/******************* End Of Our Team Section Page Css*******************************/


/********************************* Start Of Subscribe To Our Newsletter Section Css**********************************/
.hc-newsletter {
border: 1px solid #000;
padding: 30px;
}
.hc-newsletter .form-group
{ padding-right: 50px;
}
.hc-newsletter .form-control {
margin: 0px;
}
.hc-newsletter .form-button
{ padding-top: 10px;
}
.hc-newsletter .form-button button
{ background:none;
border: none;
padding: 0px;
cursor: pointer;
}
/******************* End Of Subscribe To Our Newsletter Section Pages Css*******************************/

/******************* start Of Inner-sub-header Section Pages Css*******************************/

.inner-sub-header .hc-ssi-hero-box .hc-ssi-hero-content{
    position: absolute;
    left: 50px;
    bottom: 50px;
}

.inner-sub-header .hc-ssi-hero-image:after{
	background-image:linear-gradient(to bottom, rgba(240, 240, 243, 0.52), rgba(0, 0, 0, 0.93));
}
.inner-sub-header .hc-breadcrumbs .hc-breadcrumb-list{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.hc-breadcrumbs .hc-breadcrumb-list li{
	margin: 0;
	color: #fff;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 11px;
    background: #000;
}
.hc-breadcrumbs .hc-breadcrumb-list li:not(:last-child) a{
	color: #e1e1e1;
}
.hc-breadcrumbs .hc-breadcrumb-list li:not(:last-child){
	margin-right: 12px;
}

/******************* End Of Inner-sub-header Section Pages Css*******************************/
/******************* start Of 404 Section Pages Css*******************************/

.hc-404-section{
    background-image:url("../images/404.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 9;
    width: 100%;
	min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hc-404-section.hc-signin{
	background-image:url("../images/login-bg.jpg");
}
.hc-404-section:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index:-1; 
	height: 100%;
	background-color: rgba(255, 255, 255, 0.77);
}
.hc-404-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
}
.hc-404-content{
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    position: relative;
    border-radius: 0;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
}
.hc-404-content .outline-btn i{
	font-size: 15px;
	position: relative;
	transition: all .5s ease;
	left: 0;
}
.hc-404-content .outline-btn:hover i{
	left: 8px;
	transition: all .5s ease;
}
.hc-404-title {
    position: relative;
    color: #fff;
    line-height: 100%;
    font-weight: 600;
    font-size: 120px;
    margin-bottom: 10px;
    letter-spacing: 0.4px;
    text-align: center;
}
.hc-404-text {
    text-align: center;
    display: block;
    width: 100%;
    padding: 0 20px;
    color: #e1e1e1;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
    letter-spacing: 0.4px;
}

/******************* End Of 404 Section Pages Css*******************************/

/******************* start Of Coming Soon Page Css*******************************/

.hc-coming-soon{
	background-image:url("../images/coming-soon-bg.jpg");
	width: 100%;
	min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hc-coming-soon .coming-soon-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  width: 70%;
  margin: 0 auto;
  padding: 70px 0;
}
.hc-coming-soon.hc-404-section:before{
	background-color: rgba(255, 255, 255, 0.89);
}
.hc-coming-soon .coming-soon-inner .section-header-left{
	text-align: center;
}
.hc-coming-soon .coming-soon-inner .section-header-left h3{
	font-size: 70px;
}
.hc-coming-soon .timer>div {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px #000;
  margin: 0 5px;
  border-radius: 0;
  color: #000;
  font-size: 34px;
  flex-direction: column;
  position: relative;
  font-weight: 700;
  padding: 15px;
}

.hc-coming-soon .timer {
  display: flex;
  margin: 0 auto 88px;
  width: 100%;
  justify-content: space-evenly;
}

.hc-coming-soon .timer>div>span {
  display: block;
  position: absolute;
  bottom: -40px;
  font-size: 18px;
}
.hc-coming-soon .coming-soon-inner .share{
	display: flex;
	justify-content: center;
	align-items: center;
}
.hc-coming-soon .coming-soon-inner .share a{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: 2px solid #000;
    text-align: center;
    position: relative;
    font-size: 20px;
    margin-right: 10px;
    color: #000;
    border-radius: 30px;
    transition: 0.5s;
}
.hc-coming-soon .coming-soon-inner .share a:hover{
	background-color: #000;
	border: 2px solid #000;
	color: #fff;
}

/******************* end Of Coming Soon Page Css*******************************/

/******************* start Of Sign in Page Css*******************************/

.hc-signin .hc-404-content{
	max-width: 500px;
	padding: 40px;
}
.hc-signin .hc-404-content .hc-404-title{
	font-size: 70px;
}
.hc-signin .hc-404-content p a{
	color: #fff;
	text-decoration: underline;
}
.hc-signin .hc-404-content .sigin-form{
	margin-top: 15px;
}
.hc-signin .hc-404-content .sigin-form .forgot-pass:hover,
.hc-signin .hc-404-content .sigin-form .forgot-pass:focus{
	color: #fff;
}

.hc-signin .hc-404-content .sigin-form .form-control{
	background-color: transparent;
	border-bottom: 1px solid #fff;
	color: #e1e1e1;
	margin: 0 0 25px;
}

.hc-signin .hc-404-content .sigin-form .form-control::placeholder{
	color: #e1e1e1;
}

/******************* start Of Sign in Page Css*******************************/

/********************************* Start Of FAQ Section Css***************************************/

.hc-faq .faq-search-box{
	max-width: 600px;
}

.hc-faq .faq-search-box .form-group{
	margin-bottom: 50px;
}
.hc-faq .faq-search-box .form-group button{
    position: absolute;
    right: 5px;
    top: -3px;
    bottom: 0px;
    cursor: pointer;
    background: transparent;
    color: #000;
    border: 0;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    width: 52px;
}
.hc-faq .faq-search-box .form-group .form-control{
	border-bottom: 3px solid #000;
    padding: 10px 50px 10px 0;
}

.hc-faq #accordion1 .card{
	border:none;
}
.hc-faq #accordion1 .card .card-header{
	background-color: transparent;
	border-bottom: none;
	padding-left: 0;
    padding-right: 0;
}
.hc-faq #accordion1 .card:last-child .card-header{
    padding-bottom: 0;
}

 .hc-faq #accordion1 .card .card-header .card-link{
	width: 100%;
    display: block;
    font-size: 25px;
    position: relative;
    font-weight: 600;
}
.hc-faq #accordion1 .card .card-header .card-link:after{
  content: '\f054';
  font-size: 22px;
  color: #000;
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 5px;
  transition: transform .25s linear;
}
.hc-faq #accordion1 .card .card-header .card-link[aria-expanded="false"]:after{
  content: '\f054';
  
}
.hc-faq #accordion1 .card .card-header .card-link[aria-expanded="true"]:after{
	content: "\f078";
}

/********************************* End Of FAQ Section Css***************************************/

/********************************* Start Of Event Detail Css***************************************/

 .event-tag{
  background-color: #000;
  padding: 10px;
  color: #fff;
  padding: 8px 12px;
  font-size: 16px;
  margin-bottom: 15px;
  display: inline-block;
}

.hc-blog-detail.event-detail .blog-detailed-post .detail-info h3{
	margin-bottom: 25px;
}

.event-detail .blog-detailed-post .event-icon-box{
  display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 20px;
    color: #000;
    margin: 30px 0;
    border: 2px solid #000;
}
.event-detail .blog-detailed-post .event-icon-box i{
	display: block;
	font-size: 30px;
	color: #000;
}

.event-detail .blog-detailed-post .event-icon-box span{
	color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    display: inline-block;
    line-height: 1;
}

.event-detail .sidebar-wrapper.event-sidebar .sidebar-widget{
   padding: 0;
   border:0;
   background-color: transparent;
}

.event-detail .sidebar-wrapper .sidebar-widget.video-widget{
	position: relative;
}

.event-detail .event-sidebar .contact-info{
	background-image: url("../images/event/4.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	padding: 40px 30px;
	z-index: 1;
}

.event-detail .event-sidebar .contact-info:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: -1;
}

.event-detail .event-sidebar  span{
 color: #000;
 font-size: 20px;
 margin-bottom: 8px;
 display: block;
}

.event-detail .event-sidebar .contact-info .title h4{
	color: #fff;
	margin-bottom: 0;
	font-size: 30px;
}

.event-detail .event-sidebar .contact-info p{
	color: #fff;
	margin: 20px 0;
}

.event-detail .event-sidebar .form-widget h4{
	color: #000;
	font-size: 30px;
}

/********************************* End Of Event Detail Css***************************************/

/********************************* Start Of Team Detail Css***************************************/


.team-detail-sec .member-descr{
	padding-left: 40px;
}
.team-detail-sec .title-descr{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.team-detail-sec .title-descr .title span{
	color: #000;
	font-size: 18px;
	font-weight: 600;
	margin-top: 8px;
	display: inline-block;
}

.team-detail-sec ul.contact-list{
	margin: 0;
	padding-top: 30px;
	padding-left: 0;
	border-top: 1px solid #e1e1e1;
	list-style-type: none;
	margin-top: 30px;
}
.team-detail-sec ul.contact-list li i{
  display: inline-block;
  color: #000;
  font-size: 18px;
  margin-right: 20px;
}
.team-detail-sec ul.contact-list li{
	font-size: 20px;
	margin: 0;
	color: #000;
}

.team-detail-sec ul.contact-list li + li{
	padding-top: 24px;
}

.team-detail-sec ul.contact-list li b{
	padding-right: 8px;
}

/********************************* End Of Team Detail Css***************************************/

/********************************* Start Of Portfolio Detail Css***************************************/

/*-----portfolio----*/


.masonry-portfolio .image-popup{
    margin-bottom: 30px;
    display: block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
  }

  .masonry-portfolio .image-popup img{
  	transition: all 0.3s ease-out 0s;
  }

  .masonry-portfolio .image-popup .portfolio-desc{
  	position: absolute;
    left: -80px;
    bottom: 0;
    background-color: #fff;
    padding: 30px 25px;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
  }

  .masonry-portfolio .image-popup .portfolio-desc span{
  	display: inline-block;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
  }

  .masonry-portfolio .image-popup .portfolio-desc h4{
  	margin-bottom: 0;
  	font-size: 22px;
  }

  .masonry-portfolio .image-popup:hover .portfolio-desc{
  	left: 0;
    visibility: visible;
    opacity: 1;
  }

  .masonry-portfolio .image-popup:hover img{
    transform: scale(1.1);
  }
  
  .masonry-portfolio .image-popup img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
  }


.portfolio-detail .portfolio-image{
	position: relative;
	margin-bottom: 60px;
}

.portfolio-detail .portfolio-image .project-info{
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #000;
	border-top: 5px solid #000;
	padding: 50px 55px;
}

.portfolio-detail .portfolio-image .project-info ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.portfolio-detail .portfolio-image .project-info ul li + li{
	margin-top: 20px;
}
.portfolio-detail .portfolio-image .project-info ul li span{
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 6px;
	display: inline-block;
}

.portfolio-detail .portfolio-image .project-info ul li p{
	font-size: 16px;
	color: #e1e1e1;
	margin-bottom: 0;
}

.portfolio-detail .detail-info h3{
	margin-bottom: 25px;
}

.portfolio-detail .detail-info .image-wrapper{
	margin: 30px 0 0;
}

.portfolio-detail .detail-info .image-wrapper .col-md-6{
	margin-bottom: 30px;
}

.portfolio-detail .sidebar-widget a.btn.outline-btn{
	padding: 15px 30px;
	width: 100%;
	letter-spacing: 2px;
	margin-bottom: 30px;
}

.portfolio-detail .sidebar-widget a.btn.outline-btn:last-child{
	margin-bottom: 0;
}
.portfolio-detail .sidebar-widget a i{
	color: #fff;
	display: inline-block;
	font-size: 15px;
	padding-right: 10px;
}
.portfolio-detail .sidebar-widget a:hover i{
	color: #000;
}


/********************************* End Of Portfolio Detail Css***************************************/

/********************************* Start Of shop left Section Css***************************************/

.sidebar-widget.shop-widget .post-right h6{
	margin-bottom: 8px;
}
.sidebar-widget.shop-widget .post-right h6 a{
  color: #fff;
}

.sidebar-widget.shop-widget a.cross-icon{
    font-size: 24px;
    color: #fff;
    padding: 0;
    margin-right: 0;
}

.sidebar-widget.shop-widget .subtotal-wrapper{
  display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid #efefef;
}

.sidebar-widget.shop-widget .subtotal-wrapper span{
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.sidebar-widget.shop-widget .cart-widget-buttons{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 20px;
}

.sidebar-widget.shop-widget .cart-widget-buttons a{
  padding: 10px 14px;
}

.sidebar-widget.widget-price-filter .irs--flat .irs-min, 
.sidebar-widget.widget-price-filter .irs--flat .irs-max{
   background-color: #fff;
   color: #000;
}

.sidebar-widget.widget-price-filter .irs--flat .irs-line{
	background-color: #fff; 
}
.sidebar-widget.widget-price-filter .irs--flat .irs-line,
.sidebar-widget.widget-price-filter .irs--flat .irs-bar{
  top: 28px;
  height: 5px;
}

.sidebar-widget.widget-price-filter .irs--flat .irs-bar,
.sidebar-widget.widget-price-filter .irs--flat .irs-single,
.sidebar-widget.widget-price-filter .irs--flat .irs-handle>i:first-child{
	background-color: #d5a339;
}

.sidebar-widget.widget-price-filter .irs--flat .irs-single:before{
	border-top-color: #d5a339;
}

.sidebar-widget.widget-price-filter .irs--flat .irs-handle{
    top: 23px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #d5a339;
}

.sidebar-widget.widget-color-filter .checkbox {
    display: block;
    position: relative;
    padding-left: 48px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
}

.sidebar-widget.widget-color-filter .checkbox input,
.color-sec label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sidebar-widget.widget-color-filter .checkbox .custom-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 0;
    border: 1px solid #fff;
}

.sidebar-widget.widget-color-filter .checkbox .custom-box:after {
    left: 11px;
    top: 9px;
    width: 6px;
    height: 10px;
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    content: "";
    position: absolute;
}

.sidebar-widget.widget-color-filter .checkbox input:checked~.custom-box:after {
    display: block;
    border-color: #000;
}

.sidebar-widget.widget-color-filter .checkbox input:checked~.custom-box {
    border: 1px solid #fff;
    background-color: #fff;
} 

.shop-products-wrapper .filter-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
}

.shop-products-wrapper .filter-top p{
  color: #000;
  font-size: 16px;
  margin-bottom: 0;
}

.shop-products-wrapper .filter-top select.form-control{
  height: 50px;
  width: auto;
  margin-bottom: 0;
}

.sigma_shop-wrapper{
  background-color: #fff;
  text-align: center;
  box-shadow: 0 3px 24px rgba(0,0,0,.04);
  margin-bottom: 30px;
}

.sigma_shop-wrapper .shop-inner{
  position: relative;
}

.sigma_shop-wrapper .shop-inner .shop-image img{
  width: 100%;
}

.sigma_shop-wrapper .shop-inner .shop-icons{
  position: absolute;
  top: 65px;
  right: -10px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.sigma_shop-wrapper .shop-inner .shop-icons a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #000;
    color: #fff;
    font-size: 15px;
    border-radius: 50%;
}

.sigma_shop-wrapper .shop-inner .shop-icons a:hover{
    background-color: #000;
}

.sigma_shop-wrapper .shop-inner .shop-icons a + a{
  margin-top: 10px;
}
.sigma_shop-wrapper .shop-inner a.btn{
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 24px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.sigma_shop-wrapper:hover .shop-icons{
  opacity: 1;
  visibility: visible;
  right: 10px;
}

.sigma_shop-wrapper:hover a.btn{
  opacity: 1;
  visibility: visible;
  bottom: 16px;
}

.sigma_shop-wrapper .shop-badge{
  display: inline-block;
  padding: 2px 12px;
  color: #fff;
  position: absolute;
}
.sigma_shop-wrapper .shop-badge.badge-1{
  background-color: #000;
  left: 10px;
   top: 10px;
}

.sigma_shop-wrapper .shop-badge.badge-2{
  background-color: #d5a339;
  right: 10px;
  top: 10px;
} 

.sigma_shop-wrapper .shop-inner a.sigma_btn-custom,
.sigma_shop-wrapper:hover a.sigma_btn-custom{
  bottom: 0;
  left: 0;
  transform: none;
  width: 100%;
}

.sigma_shop-wrapper .shop-descr{
  padding: 18px 20px;
}

.sigma_shop-wrapper .shop-descr .rating{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0;
}

.sigma_shop-wrapper .shop-descr .rating span{
  font-size: 15px;
}

.rating{
  display: flex;
  align-items: center;
  color: #dadde1;
  font-size: 13px;
}
.rating i.active{
  color: #ffa80a;
}
.rating i + i{
  padding-left: 3px;
}

.sigma_shop-wrapper .shop-descr h4{
  font-size: 20px;
  margin-bottom: 12px;
}

.price-block,
.sidebar-widget.shop-widget .post-right span.price-block{
  display: block;
  color: #d5a339;
  font-size: 18px;
  font-weight: 600;
}
.price-block span,
.sidebar-widget.shop-widget .post-right span.price-block span{
  font-size: 14px;
  color: #bebbbb;
  text-decoration: line-through;
  padding-left: 8px;
}

/********************************* End Of shop left Section Css***************************************/

/********************************* Start Of shop Detail Section Css***************************************/

.detail-slider-1 .image-box {
    position: relative;
}

.detail-slider-1 .image-box a,
.detail-slider-1 .image-box a img,
.detail-slider-2 .image-box img {
    width: 100%;
    height: 100%;
}

.detail-slider-1 .image-box .price {
    position: absolute;
    top: 10px;
    background-color: #d5a339;
    color: #fff;
    font-weight: 500;
    padding: 2px 15px;
    font-size: 16px;
    left: auto;
    right: 10px;
}

.shop-detail-image .detail-slider-2 {
    padding-top: 15px;
}

.shop-detail-image .detail-slider-2 .slick-list {
    margin: 0 -5px;
}

.shop-detail-image .detail-slider-2 .slick-list .slick-slide {
    margin: 0 5px;
}

.shop-detail-content .rating,
.shop-detail-content .short-descr,
.shop-detail-content .color-sec{
    margin-bottom: 20px;
}

.shop-detail-content .pricing-wrapper{
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.shop-detail-content .pricing-wrapper .price-block{
  font-size: 22px;
}

.shop-detail-content .pricing-wrapper .price-block span{
  font-size: 16px;
}

.shop-detail-content .rating .pro-review {
    padding-left: 10px;
}

.shop-detail-content .rating .pro-review span {
    font-size: 12px;
    color: #fff;
}

.shop-detail-content .desc .price {
    font-size: 24px;
}

.shop-detail-content .desc .price span {
    font-size: 18px;
}

.color-sec label {
    margin-bottom: 8px;
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.color-sec .color-box {
    line-height: 0;
}

.color-sec .color-box label .choose-color {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    margin: 0 5px 5px 0;
    position: relative;
}

.color-sec .color-box label .choose-color.red {
    background-color: #BD2031;
}

.color-sec .color-box label .choose-color.yellow {
    background-color: #cea40e;
}

.color-sec .color-box label .choose-color.blue {
    background-color: #3939c5;
}

.color-sec .color-box label .choose-color.green {
    background-color: #329832;
}

.color-sec .color-box label .choose-color::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(0);
    transition: .3s;
    background-color: #fff;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    border-radius: 50%;
    transform-origin: center;
}

.color-sec .color-box label input:checked+span::before {
    transform: scale(1);
}

.color-sec .color-box label .choose-material {
    border-radius: 0;
    display: block;
    border: 1px solid #000;
    cursor: pointer;
    transition: .3s;
    margin: 0 5px 5px 0;
    line-height: 1;
    font-size: 12px;
    position: relative;
    padding: 10px 20px;
    color: #000;
}
.color-sec .color-box label .choose-material:hover{
  background-color: #000;
  color: #fff;
}

.color-sec .color-box label input:checked+span {
    background-color: #000;
  color: #fff;
}

.shop-detail-content .quantity-cart .main-btn {
    border-color: #a3a3a3;
    color: #a3a3a3;
    border-width: 1px;
}

.shop-detail-content .quantity-cart .main-btn:hover {
    border-color: #d5a339;
    color: #d5a339;
    background-color: transparent;
}

.shop-detail-content .quantity-cart .cart-btn {
    padding-left: 40px;
}

.shop-detail-content .quantity-box {
    width: 200px;
    height: 56px;
    display: flex;
    border: 1px solid #000;;
    border-radius: 0;
}

.shop-detail-content .quantity-box button {
    border: 0px;
    padding: 0 20px;
    background: transparent;
    color: #000;
    transition: .3s;
    cursor: pointer;
}

.shop-detail-content .quantity-box button:focus,
.shop-detail-content .quantity-box input:focus{
  outline: none;
}
.shop-detail-content .quantity-box button:hover{
  background-color: #000;
  color: #fff;
}

.shop-detail-content .quantity-box .input-qty {
    border: 0;
    height: auto;
    width: 100%;
    color: #000;
    text-align: center;
    background-color: transparent;
    font-size: 16px;
    font-weight: 600;
    padding: 0 20px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.Shop-detail .product-description{
  margin-top: 100px;
}

.product-description .nav-tabs {
    border-bottom: 0;
}

.product-description .nav-tabs .nav-item{
    margin-bottom: 0;
} 

.product-description .nav-tabs .nav-link{
    position: relative;
    transition: .3s;
    padding: 16px 35px;
    font-size: 16px;
    border-radius: 0;
    color: #000;
    margin: 0 5px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #000;
}

.product-description .nav-tabs .nav-link.active,
.product-description .nav-tabs .nav-item .nav-link:not(.active):hover {
    background-color: #000;
    color: #fff;
}

.product-description .tabs .tab-content {
    padding: 20px;
    margin-top: 30px;
}
.product-description .additional-info table th{
    color: #fff;
    font-weight: 600;
}
.product-description .additional-info table th,
.product-description .additional-info table td{
    border: 1px solid #dee2e6;
    vertical-align: middle;
    color: #000;
}
.product-description .additional-info table td.value{
    color: #777;
}

/********************************* Start Of shop Detail Section Css***************************************/

/********************************* Start Of Cart Css***************************************/

.cw-cart-table thead {
    background: transparent;
    color: #fff;
}

.table thead th,
.table td {
    vertical-align: bottom;
    border: 1px solid #efefef;
}
.table .cw-align {
    vertical-align: middle;
}
.product-remove a i {
    font-size: 16px;
    color: #000;
    text-align: center;
}
.product-thumbnail {
    width: 32px;
    display: inline-block;
    margin-right: 1rem;
}
.btn-link {
    color: grey;
    text-decoration: none;
}
.cw-cart-table input.btn{
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 24px;
    height: auto;
    margin: auto;
    letter-spacing: 0.4px;
    padding: 13px 40px;
    transition: all 0.3s linear 0s;
}
.cw-qty-btn {
    padding: .375rem .75rem;
}
.btn.btn-outline-secondary {
    color: #131313;
    border-color: #131313;
}
.qty {
    width: 40px;
    text-align: center;
    border: 0;
    outline: none;
}
.cw-product-promo {
    border: 1px solid #efefef;
    padding: 1.5rem;
}
.cw-product-promo h5{
  font-size: 30px;
  margin-bottom: 20px;
  font-weight: 600;
}

.cw-product-promo .cw-table-borderless tbody td {
    color: #000;
}
.cw-qty-sec .btn {
    cursor: pointer;
    width: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    font-size: 11px;
    background-color: #fff;
    transition: .3s;
}
.cw-qty-sec .form-control {
    background-color: #fff;
    outline: none;
    width: 60px;
    height: 28px;
    border-radius: 0;
    text-align: center;
    font-weight: 600;
    border: 0;
    font-size: 14px;
    color: #848484;
    line-height: normal;
    padding: 0px 15px;
    box-shadow: none;
}
td.has-title {
  vertical-align: middle;
}

/********************************* Start Of Cart Css***************************************/

/********************************* Start Of Checkout Css***************************************/

.checkout-form h4{
    margin-bottom: 30px;
    font-weight: 600;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    position: relative;
}

.checkout-form h4:before{
    content: "";
    position: absolute;
    width: 80px;
    height: 2px;
    background-color: #000;
    bottom: -1px;
    left: 0;
}

.checkout-form .input-group.input-group-two textarea{
    height: auto;
    padding-top: 25px;
}

.checkout-table table{
    width: 100%;
    margin-bottom: 30px;
}
.checkout-table th,
.checkout-table td{
    border:1px solid #40403b;
    padding: 10px;
    vertical-align: middle;
}

/********************************* End Of Checkout Css***************************************/

/********************************* Start Of Wishlist Css***************************************/

.wishlist .share-wishlist  h4{
    margin-bottom: 30px;
}

.social-media{
    display: inline-flex;
    width: auto;
    border: 1px solid #000;
}

.social-media a{
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 18px;
    background-color: transparent;
    transition: 0.3s;
}

.social-media a + a{
  border-left: 1px solid #000;
}
.social-media a:hover{
    color: #fff;
    background-color: #000;
}

/********************************* End Of Wishlist Css***************************************/

/******************* start Of Footer Section Css*******************************/

.hc-footer{
	position: relative;
	width: 100%;
}
.hc-footer .footer-content-wrapper{
	padding: 80px 0;
	border-top:3px solid #000;
}
.hc-footer .footer-widget-wrapper ul li{
   padding: 0 0 12px;
   margin: 0;
}
.hc-footer .footer-widget-wrapper.page-links ul li a{
	position: relative;
	left: 0;
	transition: 0.4s ease;
}
.hc-footer .footer-widget-wrapper.page-links ul li:hover a{
    left: 6px;
}
.hc-footer .footer-widget-wrapper ul li:last-child{
	padding-bottom: 0;
}
.hc-footer .footer-widget-wrapper .locate-us{
     margin: 23px 0;
}
.hc-footer .footer-widget-wrapper .footer-social-icons h6{
	margin-bottom: 15px;
}
.hc-footer .footer-widget-wrapper .footer-social-icons ul{
	display: flex;
	align-items: center;
}
.hc-footer .footer-widget-wrapper .footer-social-icons ul li{
	 margin-right: 18px;
	 margin-bottom: 0;
	 padding: 0;
	 font-size: 16px;
}
.hc-footer .footer-bottom .footer-bottom-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20px 0;
	font-size: 16px;
	border-top: 1px solid #000;
}
.hc-footer .footer-bottom .footer-bottom-content li{
	display: inline-block;
}
 .footer-bottom .footer-bottom-content li:not(:last-child):after{
 	content: "|";
 	display: inline-block;
 	margin: 0 8px;
 }
/******************* End Of Of Footer Section Css*******************************/