/* Purged for FSecurity portal — unused Sectox theme rules removed */
/*-----------------------------------------------------------------------------------

    Theme Name: Sectox - CCTV & Security HTML Template
    Author: Theme_Pure
    Support: basictheme400@gmail.com
    Description: Sectox - CCTV & Security HTML Template
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

    01. HEADER CSS START HERE
	02. MEANMENU CSS START HERE
	03. SLIDER CSS START HERE
	04. ABOUT CSS START HERE
	05. FACT CSS START HERE
	06. SERVICE CSS START HERE
	07. PROJECT CSS START HERE
	08. PRICE CSS START HERE
	09. FEATURE CSS START HERE
	10. TESTIMONIAL CSS START HERE
	11. CTA CSS START HERE
	12. BRAND CSS START HERE
	13. FEED CSS START HERE
	14. BLOG CSS START HERE
	15. PROCESS CSS START HERE
	16. PORTFOLIO CSS START HERE
	17. TEAM CSS START HERE
	18. SHOP CSS START HERE
	19. CONTACT CSS START HERE
	20. CART CSS START HERE
	21. FOOTER CSS START HERE



**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/

/*---------------------------------
    typography css start 
---------------------------------*/

.btn {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

/*---------------------------------
    common classes css start 
---------------------------------*/

.p-relative {
  position: relative;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/

/*----------------------------------------
    Progress Wrap
-----------------------------------------*/

/*--
    - Background color
-----------------------------------------*/

.white-bg {
  background: var(--tp-common-white);
}

/*--
    - Spacing
-----------------------------------------*/
/* pulse btn */

/* hambur btn */

/* theme btn */
.tp-btn-simelar {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: #226172;
  height: 48px;
  line-height: 49px;
  text-align: center;
  padding: 0 38px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.tp-btn-simelar i {
  padding-left: 5px;
}
.tp-btn-simelar:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
}
.tp-btn-simelar:focus {
  color: var(--tp-common-white);
}

/* link btn style 1 */

/* link btn style 2 */

.text-center .tp-big-text {
  z-index: -1;
  right: 0;
}

/*----------------------------------------*/
/*  24. BREADCRUMB CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  ACCORDION CSS START
/*----------------------------------------*/
.tp-custom-accordio .accordion-buttons.collapsed::after {
  content: "\f067";
}
.tp-custom-accordio-2 .accordion-buttons.collapsed::after {
  content: "\f067";
}

/*----------------------------------------*/
/*  01. HEADER CSS START HERE
/*----------------------------------------*/

.tp-header-2-mobile-area {
  padding: 20px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header-area-space {
    padding-bottom: 24px;
  }
}

.tp-header-right {
  display: flex;
  align-items: center;
  justify-content: end;
}

.tp-header-icon2 {
  height: 48px;
  width: 48px;
  border: 1px solid #e8e8e8;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  margin-left: 10px;
  color: #fff;
}

.tp-header-icon2:hover {
  color: var(--tp-common-black);
}

.tp-header-contact-icon i {
  font-size: 14px;
  color: var(--tp-common-white);
  font-weight: normal;
  height: 40px;
  width: 40px;
  border: 2px solid #629cac;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  margin-right: 15px;
  transition: 0.3s;
}
.tp-header-contact-icon label {
  font-size: 14px;
  color: #c8d9de;
  font-weight: 400;
  font-weight: 400;
  display: block;
  transition: 0.3s;
}
.tp-header-contact-icon a {
  color: var(--tp-common-white);
  font-size: 20px;
  font-weight: var(--tp-fw-bold);
  transition: 0.3s;
}

.select-icon-main .tp-header-contact-icon i {
  font-size: 26px;
  color: var(--tp-common-black);
  font-weight: normal;
  height: 50px;
  width: 50px;
  border: 2px solid #fff;
  background-color: #fff;
  line-height: 45px;
}
.select-icon-main .tp-header-contact-icon a {
  font-size: 18px;
}

.tp-header-contact-icon:hover i {
  background: #fff;
  color: #629cac;
}

.tp-header-menu-area {
  position: absolute;
  bottom: -36px;
  left: 0;
  width: 100%;
  z-index: 9;
}

.tp-main-menu-2 ul {
  padding-left: 40px;
}
.tp-main-menu-2 ul li {
  position: relative;
  padding-right: 40px;
  margin-right: 40px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-main-menu-2 ul li {
    margin-right: 35px;
    padding-right: 35px;
  }
}
.tp-main-menu-2 ul li .submenu {
  position: absolute;
  width: 220px;
  background-color: var(--tp-common-black);
  padding: 30px;
  top: 105%;
  left: 0;
  text-align: left;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
}
.tp-main-menu-2 ul li .submenu li {
  display: block;
}
.tp-main-menu-2 ul li .submenu li a {
  color: var(--tp-common-white);
  padding: 6px;
  font-size: 14px;
  text-transform: capitalize;
  display: block;
}
.tp-main-menu-2 ul li a {
  font-weight: var(--tp-fw-bold);
  color: var(--tp-common-black);
  padding: 21px 0;
  display: inline-block;
  text-transform: uppercase;
}
.tp-main-menu-2 ul li::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-color: #d1d1d1;
  width: 1px;
  height: 18px;
}
.tp-main-menu-2 ul li:last-child::before {
  display: none;
}
.tp-main-menu-2 ul li:hover > a {
  color: var(--tp-theme-1);
}

.tp-main-menu-2 ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.tp-main-menu-2 ul li .submenu li a:hover {
  color: var(--tp-theme-1);
}

.tp-main-menu-2 ul li .submenu li {
  padding-right: 0;
  margin-right: 0;
}

.tp-main-menu-2 ul li .submenu li:before {
  display: none;
}

/*----------------------------------------*/
/*  02. MEANMENU CSS START HERE
/*----------------------------------------*/

/* mean menu customize */

/*----------------------------------------*/
/*  03. SLIDER CSS START HERE
/*----------------------------------------*/

/*----------------------------------------*/
/*  04. ABOUT CSS START HERE
/*----------------------------------------*/

/*----------------------------------------*/
/*  05. FACT CSS START HERE
/*----------------------------------------*/

/*----------------------------------------*/
/*  06. SERVICE CSS START HERE
/*----------------------------------------*/
.tp-service-tab button.active {
  background-color: var(--tp-theme-1);
  color: #fff;
}
.tp-service-tab button.active::after {
  visibility: visible;
  opacity: 1;
}

/*----------------------------------------*/
/*  07. PROJECT CSS START HERE
/*----------------------------------------*/

/*----------------------------------------*/
/*  08. PRICE CSS START HERE
/*----------------------------------------*/

.active .tp-price-btn a {
  background-color: #2BBB94;
}
.tp-accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.tp-accordion .accordion-button.collapsed::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  color: var(--tp-common-black);
}
.tp-accordion .accordion-button:not(.collapsed) {
  color: var(--tp-theme-1);
  background-color: transparent;
  box-shadow: none;
}

/*----------------------------------------*/
/*  09. FEATURE CSS START HERE
/*----------------------------------------*/

.tp-support-contact .tp-header-contact-icon i {
  border: 1px solid #283e44;
}

/*----------------------------------------*/
/*  10. TESTIMONIAL CSS START HERE
/*----------------------------------------*/

/*----------------------------------------*/
/*  11. CTA CSS START HERE
/*----------------------------------------*/

@media (max-width: 767px) {
  .tp-contact-wapper {
    flex-wrap: wrap;
  }
}

/*----------------------------------------*/
/*  12. BRAND CSS START HERE
/*----------------------------------------*/

/*----------------------------------------*/
/*  13. FEED CSS START HERE
/*----------------------------------------*/

/*----------------------------------------*/
/*  14. BLOG CSS START HERE
/*----------------------------------------*/

/*----------------------------------------*/
/*  15. PROCESS CSS START HERE
/*----------------------------------------*/

/*----------------------------------------*/
/*  16. PORTFOLIO CSS START HERE
/*----------------------------------------*/
.tp-port-button button.active {
  color: var(--tp-theme-1);
  border-bottom: 2px solid #3c8599;
}

.client-overview .col-xl-3:last-child .client-overview-item::after {
  display: none;
}

/*----------------------------------------*/
/*  17. TEAM CSS START HERE
/*----------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .select-text-size .tp-header-icon-info a {
    font-size: 15px;
  }
}

/*----------------------------------------*/
/*  18. SHOP CSS START HERE
/*----------------------------------------*/
.product__filter-style .nav-link.active {
  border: 0;
  color: var(--tp-theme-1);
}
.product__filter-style .nav-link.active:focus {
  border: 0;
}
.product-img-tabs .nav-links img {
  opacity: 50%;
}
.product-img-tabs .nav-links.active img {
  opacity: 100%;
}
.product-img-tabs .nav-tabs .nav-item {
  margin-bottom: 30px;
}
.product-additional-tab .nav-tabs .nav-item {
  margin-bottom: 10px;
  list-style: none;
}
.product-additional-tab .nav-tabs .nav-item .nav-links {
  font-size: 16px;
  color: var(--tp-common-black);
  font-weight: 700;
  text-align: left;
  padding: 15px 30px;
  width: 100%;
  border: 1px solid #ebebeb;
  display: block;
}
.product-additional-tab .nav-tabs .nav-item .nav-links:hover {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}
.product-additional-tab .nav-tabs .nav-item.active .nav-links {
  background-color: var(--tp-theme-1);
  color: var(--tp-common-white);
}

.table td {
  border: 0;
  padding: 15px;
}
.table .add-info {
  font-size: 18px;
  font-weight: 700;
}

.product-details-size-table .table {
  border-collapse: collapse;
}
.product-details-size-table .table thead tr {
  background-color: #f4f4f4;
  border: 0;
}
.product-details-size-table .table thead tr th {
  border: 0;
  padding: 18px;
}
.product-details-size-table .table tbody {
  border: 0;
}
.product-details-size-table .table tbody tr:nth-child(2n+2) {
  background-color: #f4f4f4;
}

/*----------------------------------------*/
/*  19. CONTACT CSS START HERE
/*----------------------------------------*/

.contact-last-child .col-xl-3:last-child .contact-info-item::after {
  display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-last-child .col-xl-3:nth-child(2) .contact-info-item::after {
    display: none;
  }
}

/*----------------------------------------*/
/*  20. CART CSS START HERE
/*----------------------------------------*/
/* 16. Cart */
.table-content .table > :not(:first-child) {
  border-top: 0;
}

.table-content .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #eaedff;
}

.table td, .table th {
  border-top: 1px solid #eaedff;
}

/* 17. Checkout */
.payment-method .accordion-button:not(.collapsed) {
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}

/*----------------------------------------*/
/*  21. FOOTER CSS START HERE
/*----------------------------------------*/
.footer-widget-2 .footer-widget-title {
  color: black;
}

.footer-widget-title {
  color: #fff;
  font-size: 16px;
  margin-bottom: 30px;
}

.footer-widget p {
  color: #aeaeae;
}

.footer-widget ul {
  overflow: hidden;
}
.footer-widget ul li {
  margin-bottom: 8px;
  color: #aeaeae;
  list-style: none;
  width: 100%;
  float: left;
  transition: 0.3s;
}
.footer-widget ul li:last-child {
  margin-bottom: 0;
}
.footer-widget ul li:hover a {
  color: var(--tp-theme-1);
}

.footer-widget ul li:hover::before {
  color: var(--tp-theme-1);
}

.copyright-text p {
  color: #fff;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-text p {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .copyright-text p {
    margin-bottom: 5px;
  }
}

.footer-area-white .footer-widget p {
  color: #777;
}
.footer-area-white .footer-widget ul li {
  margin-bottom: 8px;
  color: #777;
  list-style: none;
  width: 50%;
  float: left;
  transition: 0.3s;
}

/*# sourceMappingURL=sectox-core.css.map */