/**
* Template Name: Gp - v4.7.0
* Template URL: https://bootstrapmade.com/gp-free-multipurpose-html-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "BankGothic Lt BT", sans-serif;
  letter-spacing: 2px ;
  color: #2f3234;
  vertical-align: middle;
}

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

a:hover {
  color: #e25303;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "BankGothic Lt BT", sans-serif;
}



/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #e25303;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #151515;
}
.back-to-top:hover i {
  color: #e25303;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #151515;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 0px);
  left: calc(50% - 30px);
  border: 6px solid #e25303;
  border-top-color: #151515;
  border-bottom-color: #151515;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
/*@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}*/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
}
#header.header-scrolled, #header.header-inner-pages {
  background: rgba(0, 0, 0, 0.8);
}
#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#header .logo a {
  color: #fff;
}
#header .logo a span {
  color: #e25303;
}
#header .logo img {
  
  
  max-height: 60px;
}

@media (max-width: 800px) {
  #header .logo img {
    max-height: 35px;
  }
}


@media (max-width: 480px) {
  #header .logo img  {
    max-height: 25px;
    max-width: 25px;
    content:url("../img/logo_short.webp");
  }
}

/*--------------------------------------------------------------
#  Get Startet Button
--------------------------------------------------------------*/
.get-started-btn {
  color: #fff;
  border-radius: 4px;
  padding: 7px 25px 8px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
  border: 2px solid #e25303;
}
.get-started-btn:hover {
  background: #e25303;
  color: #343a40;
}
@media (max-width: 992px) {
  .get-started-btn {
    padding: 7px 20px 8px 20px;
    margin-right: 15px;
  }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
    padding: 0;
    position: absolute;
    right: 10%;
}
.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
.navbar li {
  position: relative;
}
.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-size: 18px;
  font-weight: 600;
  color: #e25303;
  white-space: nowrap;
  transition: 0.3s;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: #e25303;
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: rgba(2, 2, 2, 0.425);
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  color: #fff;
  font-weight: 400;
}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  background-color: #e25303;
}
.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
  background-color: #2f3234;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

.navbar a .login-btn{
  border-width: 2px;
  border-radius: 1px;
}






@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #e25303;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: 0.3s;
  z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #2f3234;
  overflow-y: auto;
  transition: 0.3s;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color:#e25303;;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #151515;
  background-color: #e25303;
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  margin: 15px;
}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
  min-width: 200px;
}
.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
  color: #e25303;
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px;
  color: #e25303;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  background-color: #e25303;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/


#syncronbg {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

#hero:before {
  content: "";
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero .container {
  position: relative;
  padding-top: 74px;
  text-align: center;
}
#hero h1 {
  margin: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
  color: #fff;
  font-family: "Poppins", sans-serif;
}
#hero h1 span {
  color: #e25303;
}
#hero h2 {
  color: rgba(255, 255, 255, 0.9);
  margin: 10px 0 0 0;
  font-size: 24px;
}
#hero .icon-box {
  padding: 30px 20px;
  transition: ease-in-out 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 100%;
  text-align: center;
}
#hero .icon-box i {
  font-size: 32px;
  line-height: 1;
  color: #e25303;
}
#hero .icon-box h3 {
  font-weight: 700;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  line-height: 26px;
}
#hero .icon-box h3 a {
  color: #fff;
  transition: ease-in-out 0.3s;
}
#hero .icon-box h3 a:hover {
  color: #e25303;
}
#hero .icon-box:hover {
  border-color: #e25303;
}
@media (min-width: 1024px) {

}
@media (max-width: 768px) {

  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero h2 {
    font-size: 20px;
    line-height: 24px;
  }
}

#hero .caption{

  text-decoration: underline;
  font-size: 25px;
  color: #222222;
  position: fixed;
  bottom: -50%;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}


/*-------------------------------------------------------------
----------------XTRU-3D--------------------------------------*/
#hero1 {
  width: 100%;
  height: 100vh;
  background: url("../img/xtru3d.webp") top center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;

  
}



#hero1:before {
  content: "";
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero1 .container {
  position: relative;
  padding-top: 74px;
  text-align: center;
}
#hero1 h1 {
  margin: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
  color: #fff;
  font-family: "Poppins", sans-serif;
}
#hero1 h1 span {
  color: #e25303;
}
#hero1 h2 {
  color: rgba(255, 255, 255, 0.9);
  margin: 10px 0 0 0;
  font-size: 24px;
}
#hero1 .icon-box {
  padding: 30px 20px;
  transition: ease-in-out 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  height: 100%;
  text-align: center;
}
#hero1 .icon-box i {
  font-size: 32px;
  line-height: 1;
  color: #e25303;
}
#hero1 .icon-box h3 {
  font-weight: 700;
  margin: 10px 0 0 0;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  line-height: 26px;
}
#hero1 .icon-box h3 a {
  color: #fff;
  transition: ease-in-out 0.3s;
}
#hero1 .icon-box h3 a:hover {
  color: #e25303;
}
#hero1 .icon-box:hover {
  border-color: #e25303;
}
@media (min-width: 1024px) {
  #hero1 {
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media (max-width: 768px) {
  #hero1 {

    background-size: contain;
    background-repeat: no-repeat;
  }
  #hero1 h1 {
    font-size: 28px;
    line-height: 36px;
  }
  #hero1 h2 {
    font-size: 20px;
    line-height: 24px;
  }
}

#hero1 .caption{

  text-decoration: underline;
  font-size: 25px;
  color: #222222;
  position: fixed;
  bottom: -50%;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

@media (max-width: 470px) {
  #hero1 {
    background: url("../img/xtru3d.png") center center no-repeat;
    background-size: contain;
    background-repeat: no-repeat;

  }
}
@media (max-width: 980px) {
  #hero1 {
    background-size: contain;
    background-repeat: no-repeat;

  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {

  overflow: hidden;
  display: flex;
  align-items: center;
}

.section-title {
  padding-bottom: 40px;
}
.section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaaaaa;
  font-family: "Poppins", sans-serif;
}
.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #ffde9e;
  margin: 4px 10px;
}
.section-title p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #151515;
}

/*--------------------------------------------------------------
# purchase
--------------------------------------------------------------*/
/*.purchase .content h3 {
  font-weight: 700;
  font-size: 10px;
  color: #fff;
  font-family: 'BankGothic Lt BT', sans-serif;
  text-decoration: underline;
  text-decoration-color: #777777;
  padding-top: 10%;
  
}


.purchase .content h3 {
  padding-top: 0%;
  font-weight: 100;
  font-size: 5pt;
  color: #fff;
  font-family: 'Verdana', sans-serif;
  text-align: justify;
}*/
/*
.purchase .content ul {
  list-style: none;
  padding: 10px;

}
.purchase .content ul li {
  padding: 0 0 8px 26px;
  position: relative;

}
.purchase .content ul i {
  position: absolute;
  font-size: 20px;
  left: 0;
  top: -3px;
  color: #e25303;
}
.purchase .content p:last-child {
  margin-bottom: 0;
}

.purchase{
  background: url("../img/features1.png");
}



.item1 {
  grid-area: myArea;
  
}
.item2 {
  align-self: center;
}
.item3 {
  grid-area: text1;
  width: 20%;

}
.item5 {
  grid-area: text2;
}
.item7 {
  grid-area: text3;
}

.grid-container {
  display: grid;
  grid-template-areas:
    'myArea myArea myArea myArea myArea myArea myArea . text1 text1'
    'myArea myArea myArea myArea myArea myArea myArea . text2 text2'
    'myArea myArea myArea myArea myArea myArea myArea . text3 text3';
  grid-gap: 5px;
  background-color: #2195f3c5;
  padding: 0px;
}

.grid-container > div {
  background-color: rgba(255, 255, 255, 0);
  text-align: left;
  padding: 0px 0;
  font-size: 10px;
}

.grid-container > div > H3{
  background-color: rgba(255, 255, 255, 0);
  text-align: center;
  padding: 0px 0;
  font-size: 20px;
}




*/
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
/*.clients {
  padding-top: 20px;
}
.clients .swiper-slide img {
  opacity: 0.5;
  transition: 0.3s;
  filter: grayscale(100);
}
.clients .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}
.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  background-color: #ddd;
}
.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e25303;
}
*/
#syncron{
display: block;
align-content: center;
}
#syncron h1{

  font-size: 100px;
  text-decoration: underline;
  color: #2f3234;
  text-decoration-color: #e25303 ;
  text-align: center;
  padding: 20px;
  letter-spacing: 50px;
}

#syncron p{

  font-size: 20px;
  color: #2f3234;
  text-align: justify;
  padding:  0px 30px 0px 30px;
}

@media (max-width: 750px) { 
  #syncron h1{
    font-size: 75px;
    letter-spacing: 25px;
  }

}

@media (max-width: 480px) { 
  #syncron h1{
    font-size: 40px;
    letter-spacing: 15px;
  }

}


/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features {

  height: 100vh;
  background-color: rgba(0, 0, 0, 0.05);


}

#features h4{
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  text-decoration-thickness: 5px;
}


.features .icon-box {
  padding-left: 15px;
}
.features .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}
.features .icon-box i {
  font-size: 48px;
  float: left;
  color: #e25303;
}
.features .icon-box p {
  font-family: 'BankGothic Lt BT', sans-serif;
  font-size: 15px;
  color: #2f3234;
  margin-left: 60px;
  text-align: justify;
}
.features .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  height:100%;
}


@media (max-width: 750px) { 
  .features{
    display: flex;
    height:max-content;
  }

}


@media (max-width: 1000px) { 
  .features{
    display: flex;
    height:max-content;
  }

}





/*--------------------------------------------------------------
# Features 2nd block
--------------------------------------------------------------*/


.features2 {

  height: 100vh;

}

#features2 h4{
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  text-decoration-thickness: 5px;
}

.features2 .icon-box {
  padding-left: 15px;
}
.features2 .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 0px;
}
.features2 .icon-box i {
  font-size: 48px;
  float: left;
  color: #e25303;
  padding-right: 10px;
}
.features2 .icon-box p {
  font-family: 'BankGothic Lt BT', sans-serif;
  font-size: 15px;
  color: #2f3234;
  margin-left: 60px;
  text-align: justify;
}
.features2 .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size:auto;
  min-height: 400px;
  height:100%;
  
}
@media (max-width: 980px) { 
  .features2{
    max-height: none;
  }
                 
  .features2 .image {
     display: none;
  }
}
















#purchase {

  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  color: #2f3234;
  padding-bottom: 25px;

}



#purchase h1 {
  font-size: 75px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #e25303;
  color: #2f3234;
  padding-bottom: 25px;
  padding-top: 25px;

}

#purchase p {
  font-size: 20px;
  text-align: center;
  color: #2f3234;


}


#purchase, #plan {
  padding-top: 10px;
  padding-bottom: 25px;

}

#purchase .col-md-6 {
  display: block;
  width: 100%;
  border: 4px solid ;
  border-color: #e25303;
  padding: 4px;
  transition: all .4s linear;


}


#purchase .col-md-6:hover {
  border: 4px solid #000;

}

#purchase .plan:hover {
  border: 4px solid #e25303;
}
#purchase .col-md-6:hover {
  border: 4px solid #e25303;

}

#purchase h3 {
  font-size: 20px;
  padding: 5px;
}
#purchase .col-md-4 hr {
  margin: 10px 10px;
}
#purchase .col-md-6 hr {
  margin: 10px 10px;
}




#purchase .border-right {
  border-right: 2px solid rgba(250, 250, 250, .8);
}

/*#plan {
  background: url("../img/logo1.png") 50% 0;
  background-repeat: repeat-y;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  color: #fff;
}*/
#purchase .plan, #plan .plan {
  border: 4px solid #d8d8d8;
  padding: 10px 0px;
  transition: all .4s linear;
  margin-bottom: 10px;
  min-height: 120px;
 

}

#purchase .plan i{
  font-size:  100px;
}


#purchase .plan h2{
  font-size: 30px;
  text-decoration: underline;
  text-decoration-color: #e25303;
}



#purchase .plan p{
  padding: 20px;
}
/*#plan .plan::before {
  background: #000;
  border-color: #030303;
}
*/

/*#plan .plan:hover {
  background: #000;
  border-color: #de5307;
}*/
#plan small{
  color: #de5307;
}
#plan .plan-list li{
  padding: 10px 0 10px 0;
}
#purchase .plan-button .btn{

  border: 4px solid #000;
  border-radius: 0;
  color: #e25303;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 12px 42px;
  margin-top: 40px;
  margin-right: 16px;
  transition: all .4s ease-in-out;
}
#purchase .plan-button .btn:hover {
  background: #000;
  color: #de5307;
  border-color: transparent;
}

.plan-price-title {
  font-size: 32px;
}

@media (max-width: 696px) {
  #purchase h1{
    font-size: 50px;
  }

  
}

@media (max-width: 450px) {
  #purchase h1{
    font-size: 35px;
  }

}





/* Technical Specificatipns*/
#tech-specs {
  background: rgba(0, 0, 0, 0.05);;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  color: #2f3234;
  padding-bottom: 25px;
  font-size: 12pt;
  width: 100%;
  align-content: center;
  display: block;

}

#tech-specs .specs-title{
  align-items: center;
}

#tech-specs .specs-title h1{
  text-decoration: underline;
  font-size: 75px;
  color: #2f3234;
  text-decoration-color: #e25303;
  padding: 25px;
}




#tech-specs .container{

  align-items: center;
  display: flex;
  align-self: center;
}



#tech-specs .grid-container{
  display: grid;
  width: 100%;
  grid-template-columns: auto auto auto auto;
  margin: auto;


}

.grid-item{
  border-bottom: 2px solid #e25303;
  text-align: center;
  font-size: 14px;
  padding: 25px;
}
.grid-item i{
  text-align: center;
  font-size: 75px;

}

.grid-item h3{
  text-align: center;
  font-size: 20px;
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  text-decoration-thickness: 3px;
  color: #2f3234;
  
}

@media (max-width: 980px) {
  #tech-specs .grid-container{
    display: grid;
    grid-template-columns: auto auto auto;
  }
  
}
@media (max-width: 696px) {
  #tech-specs .grid-container{
    display: grid;
    grid-template-columns: auto auto ;
  }

  #tech-specs .specs-title h1{

    font-size: 50px;

  }

  
}

@media (max-width: 450px) {
  #tech-specs .grid-container{
    display: grid;
    grid-template-columns: auto ;
  }
  
  #tech-specs .specs-title h1{
    font-size: 35px;

  }

}





/* --------------------------
   Downloads Buttons Section
   -------------------------- */

#buttons{
  display: block;
  align-content: center;
  }

#buttons h3{
  border: 2px solid #e25303;
  text-align: center;
  margin: 20px;
  border-radius: 25px;
  background-color: #e25303;
  color: #2f3234;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16pt;

}
#buttons h3:hover{
  border: 2px solid #d8d8d8;

  background-color: #d8d8d8;
  color: #e25303;
}

@media (max-width: 1186px) {
  #buttons h3{
    font-size: 18pt;
  }
  
}

@media (max-width: 980px) {
  #buttons h3{
    font-size: 16pt;
  }
  
}

/*#tech-specs h1{
  font-size: 50px;
  color: #2f3234;
  text-decoration: underline;
  text-decoration-color: #e25303;
  text-align: center;
}


#tech-specs table{
  min-width: 100vh;
  align-self: center;
  border: #000;
  border: 1px solid;
  border-collapse: separate;
  border-spacing: 20px;

}

#tech-specs table td{
  text-align:center ;
  padding: 20px;
  border-spacing: 20px;
  width: 33.33%;
}



#tech-specs table .specs{
  text-align:center ;
  border-bottom: 2px solid #e25303;
}


#tech-specs table td i{
  align-content: center;
  font-size: 50px;
  align-self: center;

}



#tech-specs table td i h3{
text-decoration: underline;
text-decoration-color: #e25303;
}
*/





/*---------------Enquiries Button---------------------
----------------------------------------------------*/

.enq-container{
  font-family: "Dosis",sans-serif;
 text-align: center;
}

#menu-enq {
   width: 75px;
   height: 150px;
   position: fixed;
   right: -95px;
   top: 50%;
   margin: -75px 0 0 -75px;
   list-style: none;
   font-size: 200%;
}

.menu-button-enq {
   opacity: 0;
   z-index: -1;
}

.menu-button-enq {
   width: 150px;
   height: 175px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin: -75px 0 0 -75px;
   border-radius: 10%;
   background: #e25303;
   background-size: 100%;
   overflow: hidden;
   text-decoration: none;
 transform: rotate(270deg);
 text-align: center;
}

.menu-button-enq .enquiry{
position:absolute;
 top:2%;
 left: 6%;
 color: #dee2e6;
 font-size:16pt;
 margin-left:auto;
 margin-right:auto;
}

#menu-enq:not(:target)>a:first-of-type,
#menu-enq:target>a:last-of-type {
   opacity: 1;
   z-index: 1;
}

#menu-enq:not(:target)>.icon-plus:before,
#menu-enq:target>.icon-minus:before {
   opacity: 1;
}

.menu-item-enq {
   width: 70px;
   height: 70px;
   position: absolute;
   left: 55%;
   line-height: 5px;
   top: 50%;
   margin: -50px 0 0 -50px;
   border-radius: 50%;
   background-color: #424242;
   transform: translate(0px, 0px);
   transition: transform 500ms;
   z-index: -2;
   transition: .5s;
}

.menu-item-enq:hover{
opacity: 0.5;
 box-shadow: 0 5px 10px black; 
}


.menu-item-enq a {
   color: #fff;
   position: relative;
   top: 30%;
   left: 0;
   text-decoration: none;
}

#menu-enq:target>.menu-item-enq:nth-child(6) {
   transform: rotate(60deg) translateX(-150px) rotate(300deg);
   transition-delay: 0s;
}

#menu-enq:target>.menu-item-enq:nth-child(5) {
   transform: rotate(20deg) translateX(-155px) rotate(-20deg);
   transition-delay: 0.1s;
}

#menu-enq:target>.menu-item-enq:nth-child(3) {
   transform: rotate(-20deg) translateX(-155px) rotate(20deg);
   transition-delay: 0.2s;
}

#menu-enq:target>.menu-item-enq:nth-child(4) {
   transform: rotate(-60deg) translateX(-170px) rotate(60deg);
   transition-delay: 0.3s;
}



/*-------------------------------Contact Form-----------------------------------
------------------------------------------------------------------------------*/








@font-face {
  font-family: 'BankGothic Lt BT';
  src: url('../font-bankgothic-lt-bt/bankgothicltbtlight-webfont.woff2') format('woff2'),
       url('../font-bankgothic-lt-bt/bankgothicltbtlight-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  display: swap;
}



@font-face {
  font-family: 'website-icons';
  src:  url('../vendor/icons/fonts/website-icons.woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'website-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wi-whatsapp:before {
  content: "\e900";
  color: #f15a29;
}
.wi-product-design2:before {
  content: "\e901";
  color: #f26522;
}
.wi-3d-printing:before {
  content: "\e902";
  color: #f26522;
}
.wi-accuracy:before {
  content: "\e903";
  color: #f15a29;
}
.wi-arrow-up:before {
  content: "\e904";
  color: #f26522;
}
.wi-bed_level:before {
  content: "\e905";
  color: #e25303;
}
.wi-build-mat:before {
  content: "\e906";
  color: #f15a29;
}
.wi-build-vol:before {
  content: "\e907";
  color: #f15a29;
}
.wi-call:before {
  content: "\e908";
  color: #f26522;
}
.wi-chassis:before {
  content: "\e909";
  color: #f15a29;
}
.wi-Conn:before {
  content: "\e90a";
  color: #f26522;
}
.wi-dimensions:before {
  content: "\e90b";
  color: #f15a29;
}
.wi-email:before {
  content: "\e90c";
  color: #f26522;
}
.wi-extruder:before {
  content: "\e90d";
  color: #f15a29;
}
.wi-fb:before {
  content: "\e90e";
  color: #f26522;
}
.wi-Filament-Runout-Sensor:before {
  content: "\e90f";
  color: #f26522;
}
.wi-filter:before {
  content: "\e910";
  color: #f15a29;
}
.wi-instagram:before {
  content: "\e911";
  color: #f26522;
}
.wi-linkedin:before {
  content: "\e912";
  color: #f26522;
}
.wi-machining:before {
  content: "\e913";
  color: #f26522;
}
.wi-Motion-System:before {
  content: "\e914";
  color: #f26522;
}
.wi-noise-level:before {
  content: "\e915";
  color: #f15a29;
}
.wi-nozzle-size:before {
  content: "\e916";
  color: #f26522;
}
.wi-place:before {
  content: "\e917";
  color: #f26522;
}
.wi-pow-con:before {
  content: "\e918";
  color: #f15a29;
}
.wi-powerloss-recovery:before {
  content: "\e919";
  color: #f15a29;
}
.wi-silent:before {
  content: "\e91a";
  color: #f15a29;
}
.wi-speed:before {
  content: "\e91b";
  color: #f15a29;
}
.wi-temperature:before {
  content: "\e91c";
  color: #f15a29;
}
.wi-twitter:before {
  content: "\e91d";
  color: #f26522;
}
.wi-User-Friendly:before {
  content: "\e91e";
  color: #f26522;
}
.wi-weight:before {
  content: "\e91f";
  color: #f15a29;
}
.wi-wifi:before {
  content: "\e920";
  color: #f15a29;
}
.wi-build-size:before {
  content: "\e921";
  color: #f15a29;
}