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

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

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

/*
  #order-standard_cart .cart-body {
    width: 100% !important;
    float:none;
  }
*/

#order-standard_cart h1.font-size-36 {
  font-size: 36px;
  color: #000080;
}
.domain-name-word1 {
	font-size: 20px;
    font-family: calibri;
    color: #000000;
    font-weight: normal;	
}

.navbar-main .navbar-nav>.active>a, .navbar-main .navbar-nav>.active>a:focus, .navbar-main .navbar-nav>.active>a:hover, .navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover, .navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover {
	color:#555;
}

body {
	font-family:calibri;
	line-height: 1.2;
}

footer.footer {
    margin: 0;
    padding: 50px 0 80px;
    background-color: #910000;
    color: #eee;
    font-size: .9rem;
}

header.header .topbar {
    margin: 0;
    padding: 2px 0;
    background-color: #910000;
    color: #000000;
}

.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
    background-color: #910000;
    border-color: #910000;
}

header.header .topbar .active-client .btn {
    /* color: rgba(255, 255, 255, .65); */
    color: #fff;
}

.badge-info {
    color: #fff;
    background-color: #910000;
}


header.header .navbar a {
	color:#fff;
	padding: 8px 8px 0px 8px;
	font-size: 18px;
}

header.header .topbar .btn {
    line-height: 1;
    /* color: rgba(255, 255, 255, .65); */
    color: #fff;
}

header.header .topbar .active-client .input-group-text {
    padding: .25rem;
    font-size: .8rem;
    /* color: rgba(255, 255, 255, .75); */
    background-color: transparent;
    border: 0;
    color: #fff;
}



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

.btn-success {
    color: #fff;
/*    background-color: #28a745; */
/*    border-color: #28a745;  */
	background-color: #910000;
	border-color: #910000; 
}

.btn-success:hover {
  color:#fff;
  background-color:#204060;
  border-color:#204060;
}
.btn-success.focus,
.btn-success:focus {
  color:#fff;
  background-color:#204060;
  border-color:#204060;
  box-shadow:0 0 0 .2rem rgba(72,180,97,.5)
}
.btn-success.disabled,
.btn-success:disabled {
  color:#fff;
  background-color:#204060;
  border-color:#204060;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #444 !important;
  white-space: nowrap;
}

.main-navbar-wrapper {
	background-color: #810000;
}

.navbar-main li.account {
	background-color: #810000;
}

.home-shortcuts li:first-child {
	border-left: 1px solid #FEE4E3;
}

.home-shortcuts li {
	border-right:	1px solid #FEE4E3;
}

.home-shortcuts {
  margin:0;
  background: #bb3933;
  color:#fff;  
}

.home-shortcuts ul {
  list-style-type:none;
  margin:0;
  padding:0
}
.home-shortcuts li {
  float:left;
  width:24%;
  padding:5px 3px;
  border-right:1px solid #0e88b0;
  font-size:.9em;
  text-align:center;
  cursor:pointer;
  overflow:hidden;
  white-space:nowrap
}
.home-shortcuts li:first-child {
  border-left:1px solid #0e88b0;
}
.home-shortcuts li a {
  display:block;
  color:#fff;
  text-decoration:none
}
.home-shortcuts li i {
  font-size:22px
}
.home-shortcuts li p {
  margin:2px 0 0;
  text-transform:uppercase
}
.home-shortcuts li span {
  display:none
}
.home-shortcuts li:hover span {
  display:inline-block
}
.home-shortcuts .lead {
  margin:0;
  line-height:55px
}


@media (min-width: 1600px){
.container {
    max-width: 1580px; }
}

@media (max-width: 1400px) {
.container {
    max-width: 1380px; }
}

@media (max-width: 1200px) {
.container {
    max-width: 1180px; }
}

@media (max-width: 992px) {
.container {
    max-width: 970px; }
}

@media (max-width: 768px) {
.container {
    max-width: 750px; }
}

ul.top-nav>li.primary-action>a.btn {
	background-color: #bb3933;	
}

.navbar-main .navbar-nav>li>a:hover {
	background-color:#ffffff;
}

.navbar-nav>.open>a {
	background-color:#ffffff;
	color: #eee;
}

/*
.nav .open>a:hover {
	background-color:#bb3933;
	color: #ffffff;
}
*/

.nav .open>a:hover {
	background-color:#ffffff;
	color: #eee;
}


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


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

.h2-atc3   { 
    color:#000080;
}


.h2-services {
/*  font-family: calibri; */
  font-family: calibri;
  color: #000080;
  font-size: 28px;
  text-align: center;
  padding: 12px 0px 12px 0px;
}


.cards {
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  padding-top: 18px;
  width:75%;
}

.card {
  --img-scale: 1.001;
  --title-color: black;
  --link-icon-translate: -20px;
  --link-icon-opacity: 0;
  position: relative;
  border-radius: 16px;
  box-shadow: none;
  background: #fff;
  transform-origin: center;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
 margin-top: 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  --img-scale: 1.1;

}

/*
.card a::after {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  cursor: pointer;
  content: "";
}
*/

/* basic article elements styling */
.card h2 {
  margin: 0 0 18px 0;
  color: #000080;
 /* font-family: -apple-system, BlinkMacSystemFont, sans-serif; */
 font-family: calibi; 
  font-size: 24px;
  transition: color 0.3s ease-out;
  text-align:center;

}

.figure1 {
  margin: 0;
  padding-top:8px;
/*  aspect-ratio: 16 / 9; */
  overflow: hidden;
}

.card img {
  max-width: 100%;
  transform-origin: center;
  transform: scale(var(--img-scale));
  transition: transform 0.4s ease-in-out;
}

.card-body {
  padding: 0px 18px 18px 18px;
}

.card a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
 /* color: #28666e;  */
}

.card p {
  font-size: 18px;
  /* font-family: -apple-system, BlinkMacSystemFont, sans-serif; */
 font-family: calibi; 
}

.card :hover h2 {
color: #000080;
}

.card a .icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  transform: translateX(var(--link-icon-translate));
  opacity: var(--link-icon-opacity);
  transition: all 0.3s;
}

.card:hover .read-more {
    color: #8b0000;
}


@media screen and (min-width: 1800px) {
.p-atc   { 
margin-right:100px;
margin-left:100px;
}
.h1-atc2   { 
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	color:#000080;
    color: #000080;
    font-weight: bold;
}
	
.h2-atc   { 
margin-right:100px;
margin-left:100px;
color:#000080;
}

.size-big {
	display:block;
	}
.size-small {
	display:none;
	}
.size-very-small {
	display:none;
	}
	
}

@media screen and (max-width: 1799px) {
.p-atc { 
margin-right:100px;
margin-left:100px;
}
.h1-atc2   { 
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	color: #000080;
    font-weight: bold;
}
.h2-atc   { 
margin-right:100px;
margin-left:100px;
	color:#000080;
}
.cards {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  width:80%;
}

.size-big {
	display:block;
	}		
.size-small {
	display:none;
	}
.size-very-small {
	display:none;
	}
	
}

@media screen and (max-width: 1600px) {
.p-atc  { 
	margin-right: 75px;
	margin-left: 75px;
}
.h1-atc2   { 
	margin-right:auto;
	margin-left:auto;
	text-align: center;
	color: #000080;
    font-weight: bold;
}
.h2-atc   { 
margin-right:75px;
margin-left:75px;
	color:#000080;
}
.cards {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  width:80%;
}
	
.size-big {
	display:block;
	}	
.size-small {
	display:none;
	}
.size-very-small {
	display:none;
	}
	
}

@media screen and (max-width: 1400px) {
.p-atc   { 
margin-right:50px;
margin-left:50px;
}
.h1-atc2   { 
margin-right:auto;
margin-left:auto;
text-align: center;
color: #000080;
font-weight: bold;	
}
.h2-atc   { 
margin-right:50px;
margin-left:50px;
	color:#000080;
}
.cards {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  width:90%;
}

.size-small {
	display:block;
	}
.size-small {
	display:none;
	}	
.size-very-small {
	display:none;
	}
	
}

@media screen and (max-width: 1000px) {
.p-atc   { 
margin-right:25px;
margin-left:25px;
}
.h1-atc2   { 
margin-right:auto;
margin-left:auto;
text-align: center;
}
.h2-atc   { 
margin-right:25px;
margin-left:25px;
	color:#000080;
}
.cards {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  width:90%;
}
.size-big {
	display:none;
	}
.size-small {
	display:block;
	}
.size-very-small {
	display:none;
	}
}

@media screen and (max-width: 800px) {
.p-atc   { 
margin-right:20px;
margin-left:20px;
}
.h1-atc2   { 
margin-right:auto;
margin-left:auto;
font-size:24px;
text-align: center;
color: #000080;
font-weight: bold;
}
.h2-atc   { 
margin-right:20px;
margin-left:20px;
font-size:20px;
}
.h2-services   { 
font-size:20px;
}
.card h2   { 
font-size:20px;
margin-bottom:8px;
}
.cards {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  width:90%
}
.size-big {
	display:none;
	}
.size-small {
	display:block;
	}
.size-very-small {
	display:none;
	}
	
}

@media screen and (max-width: 600px) {
.p-atc  { 
margin-right:6px;
margin-left:6px;
}
.h1-atc2   { 
margin-right:auto;
margin-left:auto;
font-size:20px;
margin-top:6px;
margin-bottom:6px;
text-align: center;
color: #000080;
font-weight: bold;
}
.h2-atc   { 
margin-right:6px;
margin-left:6px;
font-size:18px;
margin-top:2px;
margin-bottom:6px;
    color: #000080;
    font-weight: bold;
}
.h2-services   { 
font-size:20px;
}
.card h2   { 
font-size:20px;
margin-bottom:6px;
}
.cards {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    width:100%;
}
.size-big {
	display:none;
	}
.size-small {
	display:none;
	}
.size-very-small {
	display:block;
	}
}

.atc-h1 {
	font-size:32px;
	text-align:center;
	font-weight: bold;
	color:#000000;
	}
	
.atc-h2 {
	font-size:24px;
	text-align:center;
	font-weight: bold;
	color:#000080;
	padding: 0px 0px 0px 0px;
	}

.text-box {
       max-width:80%;
       margin-left: auto;
       margin-right: auto;
       line-height: 1.2;
      padding:28px 8px 8px 8px;
	font-size:18px;
	 font-family: calibi; 
}
	
.image-container {
  order: +0; /* Switch the order of the grid items */
}

.big-banner {
	display:inline;
	}
.small-banner {
	display:none;
	}
	
.atc-centre {
	max-width:1800px;
	margin-left: auto;
	margin-right: auto;
	}	
	
.atc-grid-container {
 display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
  gap: 20px;
		justify-content: center; /* Center the content horizontally */
 /* align-items: center; */ /* Center the content vertically */
  text-align: center; /* Center the text within the grid items */
	}
	
.atc-grid-item img {
	max-width: 100%;
	height: auto;
	border-radius: 28px;
	padding-bottom:12px;
	}	
	
.atc-grid-item {
  text-align: center;
	font-size:20px;
}

.image-container {
  order: +1; /* Switch the order of the grid items */
}


/* CSS */

.learn-more-button {
  align-items: center;
  appearance: none;
  background-color: #FCFCFD;
  border-radius: 4px;
  border-width: 0;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
  box-sizing: border-box;
  color: #36395A;
  cursor: pointer;
  display: inline-flex;
/*  font-family: "JetBrains Mono",monospace; */
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 18px;
}

.learn-more-button:focus {
  box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.learn-more-button:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
  transform: translateY(-2px);
}

.learn-more-button:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
}	
	
	
@media screen and (max-width: 1200px){
	
.atc-grid-item {
  text-align: center;
	font-size:16px;
	padding-bottom:0px;
	}
	
.big-banner {
	display:none;
	}
.small-banner {
	display:inline;
	}
	
.atc-h1 {
	font-size:22px;
	}	
.atc-h2 {
	font-size:18px;
	color: #000080;
    font-weight: bold;
    padding-bottom: 8px;
	}	
}
	
	
@media screen and (max-width: 1000px){
  .atc-grid-container {
    grid-template-columns: 1fr; 
	font-size:12px;
	padding:2px;
 	}

.big-banner {
	display:none;
	}
.small-banner {
	display:inline;
	}

.atc-grid-item {
  text-align: center;
	font-size:16px;
	padding: 6px 0px 0px 0px;
}

.atc-grid-item img {	
	padding-top: 18px;
	}
	
.learn-more-button {
	padding: 4px 6px 6px 6px;
	height: 32px;
	 font-size: 16px;
	}	
.atc-h1 {
	font-size:24px;
	}	
.atc-h2 {
	font-size:18px;
	color: #000080;
    font-weight: bold;
    padding-bottom: 8px;
	}
}	

    .inner-grid {
      display: grid;
/*	  background-color: #f0f0f0; */
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      border: 0px solid #333;
      padding: 10px;
		border-radius: 28px;
	max-width:1600px;
 margin: 0 auto; 
    }

    .atc-item {
 /*     background-color: #f0f0f0; */
      padding: 10px;
      text-align: center;
    }

    .inner-grid2 {
      display: grid;
/*	  background-color: #f0f0f0; */
   grid-template-columns: 1fr 1fr; 
      gap: 10px;
      border: 0px solid #333;
      padding: 10px;
		border-radius: 28px;
	max-width:1600px;
 margin: 0 auto; 
place-items: center;
max-width:80%;
    }

    .atc-item2 {
/*      background-color: #f0f0f0; */
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
    }
	  
	.atc-item img {
		max-width: 100%;
		height: auto;
		border-radius: 28px;
		/*	padding:8px; */
	}	
	.atc-item2 img {
		max-width: 100%;
		height: auto;
		border-radius: 28px;
		/*	padding:8px; */
	}

	 @media screen and (min-width: 1001px){
	   .inner-grid {
     	       grid-template-columns: repeat(3, 1fr);
	       }
           .atc-info {
               display: none;
              }
	.inner-grid2 {
              max-width:90%;
            }	
          }

	 @media screen and (max-width: 1000px){
	   .inner-grid {
     	       grid-template-columns: repeat(2, 1fr);
	       }
           .atc-info2 {
               display: none;
              }
          }
	 @media screen and (max-width: 1000px){
	.inner-grid {
     	      grid-template-columns: repeat(1, 1fr);
            }
        .image-container {
              order: +0; /* Switch the order of the grid items */
        }	
	.inner-grid2 {
     	      grid-template-columns: repeat(1, 1fr);
              max-width:90%;
            }	
           .atc-info2 {
               display: none;
              }
	}

#order-standard_cart .empty-cart .btn {
  background-color: #910000 !important;
}

#order-standard_cart .view-cart-items {
    border-bottom: 2px solid #910000 !important;
}