/**
* Template Name: Mamba
* Updated: Sep 18 2023 with Bootstrap v5.3.2
* Template URL: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Source Serif Pro,wght@0,400..700;1,400..700..900&display=swap');


body {
  font-family: 'Source Serif Pro', Arial;
  color: #444;
}

a {
  color: #428bca;
  text-decoration: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
.font-primary {
  font-family: 'Source Serif Pro', Arial;
}

a.navbar-brand img {
  max-height: 56px;
  max-width: 225px;
  padding: 8px 4px 8px 12px;
  vertical-align: middle;
}
#search {
  float: right;
  margin-top: 9px;
  width: 250px;
}

.search {
  padding: 5px 0;
  width: 230px;
  height: 30px;
  position: relative;
  left: -9px;
  top: -3px;
  float: left;
  line-height: 22px;
}

.search input {
  position: absolute;
  width: 0px;
  float: Left;
  margin-left: 210px;
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  height: 30px;
  line-height: 18px;
  padding: 0 2px 0 2px;
  border-radius: 5px;
}

.search:hover input,
.search input:focus {
  width: 200px;
  margin-left: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.btn {
  height: 30px;
  position: absolute;
  right: -4px;
  top: 5px;
  border-radius: 4px;
}
.btn-primary {
  color: rgba(31, 31, 31, 1);
  background-color: #fff;
  border-color: #fff;
}
.btn-primary:hover {
  color: rgba(31, 31, 31, 1);
  background-color: #fff;
  border-color: #fff;
}
.welcome{
      margin: 0 38px 0;
    padding-top: 16px;
}
.welcome a{
  line-height: 1.88;
  padding: 7px 11px;
  font-size: 17px;
  color: rgba(31, 31, 31, 1);
}
.welcome a.active{
  background-color: rgba(31, 31, 31, 1);
    color: rgba(255, 255, 255, 1);
}
.middle{width:100%; float:left;}
.middle h1{
  font-family: 'Source Serif Pro', Arial;
  font-weight: 700;
  vertical-align: baseline;
  color: rgba(33, 33, 33, 1);
  font-size: 24.0pt;
  margin-top: 38px;
}
.middle p{
  font-family: 'Source Serif Pro', Arial;
  font-weight: 700;
  vertical-align: baseline;
  color: rgba(33, 33, 33, 1);
  font-size: 24.0pt;
}
.middle span{
  color: #222222;
  font-family: 'Source Sans Pro', Arial;
  font-size: 15px;
  font-weight: 600;
  vertical-align: baseline;
  display: inherit;
}
.middle ul{margin:0; padding:0;}
.middle ul li{
  color: rgb(76 76 76);
  font-family: 'Source Sans Pro', Arial;
  font-size: 15px;
  font-weight: 600;
  vertical-align: baseline;
  margin-top: 41px;
  line-height: 29px;
}
.middle a {
  background-color: rgba(67, 41, 109, 1);
  border-color: rgba(255, 255, 255, 1);
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
  padding: 8px 68px;
  margin-top: 26px;
  border-radius: 5px;
}
footer{
  background-color: rgba(239, 239, 239, 1);
  width:100%; 
  float:left;    
  color: #434343;
  font-family: 'Source Serif Pro', Arial;
  font-weight: 600;  
  font-size: 12px;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}


div.slideouticons{ /* main container for slide out icons */ 
	position: relative; /* change position to fixed or absolute if desired */
	-webkit-perspective: 1000px;
	perspective: 1000px;
	z-index: 1000;
  width: 26%;
  float: left;
}

div.slideouticons input{
	display: none;
}


div.slideouticons label.mainlabel{ /* menu anchor icon style */
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	font-size: 24px; /* font size, pertains to icon fonts specifically */
	width: 50px; /* width of anchor icon */
	height: 50px; /* height of anchor icon */
	text-align: center;
	color:  rgb(60, 64, 67);;
	border-radius: 50%;
	outline: none;
	z-index: 100000;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


div.slideouticons div.iconswrapper{ /* DIV that flips over to reveal the hidden icons */
	position: absolute;
	margin: 0;
	top: 60px; /* vertical offset of icons wrapper from the top of main container */
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}


div.slideouticons div.iconswrapper ul{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: -1;
}

div.slideouticons div.iconswrapper ul li{
	margin-bottom: 10px;
	position: relative;
	opacity: 0;
}


div.slideouticons div.iconswrapper ul li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  color: rgb(218, 220, 224);
	text-decoration: none;
	text-align: center;
	font-size: 13px; /* font size, pertains to icon fonts specifically */
  font-weight:500;
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
}


div.slideouticons div.iconswrapper ul li a:hover{
	background: #515151; /* background color of icons on hover */
	color: white;
}

div.slideouticons input:checked ~ label.mainlabel{
	
}

div.slideouticons input:checked ~ div.iconswrapper{ /* flip icons wrapper to reveal icons when activated */
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
  border-radius: 10px;
  background-color: rgba(32, 33, 36, .5);
  width: 476px;
}

div.slideouticons input:checked ~ div.iconswrapper ul li{ /* rotate and shift icons into view when activated */
	opacity: 1;


}

div.slideouticons input:checked ~ div.iconswrapper ul li:nth-of-type(1){

	z-index: 4;
}

div.slideouticons input:checked ~ div.iconswrapper ul li:nth-of-type(2){

	z-index: 3; /* decrement z-index by 1 for each icon */
}

div.slideouticons input:checked ~ div.iconswrapper ul li:nth-of-type(3){

	z-index: 2;
}

div.slideouticons input:checked ~ div.iconswrapper ul li:nth-of-type(4){

	z-index: 1;
}
div.slideouticons.horizontal div.iconswrapper{
	top: 4px;
	left: 44px; /* horizontal offset of icons wrapper from the left of main container */
  width:476px;
}


div.slideouticons.horizontal div.iconswrapper ul li{
	display: inline;
	float: left;
	margin-bottom: 0;
	margin-right: 10px;

  padding: 11px 8px;
}


div.slideouticons.horizontal input:checked ~ div.iconswrapper ul li{

}
.d-flex{justify-content: end;}
.openBtn {
   
    border: none;
    padding: 15px;
    font-size: 16px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAYZJREFUSImtlM9KAlEUxn8Gs43IIHwCcaEbE3qBbOcmcNM7SSDhNty4adUugqT2togkxYXvYCQWk7o4c/XMZebOH/rgMgPfOd9377nnHohHHegAI2ABrIEv4A24ARqOXCfKwCOwSbGegEoW8SvgO6W4WUugnVb8TyWugQHQAkqABxSBS6AP+Fas06Rs7XyO3IELNWBinSS2XLrmc+A0QdzgBJiq3OeooDrhoybt3EaNcLnO7YCOIgcZxQ36SqNrkyNFtnIaNJXGu00uFFnKaXCsNFY2uVakl9OgoDRCOgdIexoc5jQ4Uv+/yKXvDGaKPMtpoPNmyCl2Bq+KvM5poPNebLLBvnY+0tdZUCXhHYBMRRMwQV5oGhSBT5U7jAusILPEBE5JPknVEt8ADzg6sU24ZX3khTaRPi8E3wvgjnBZ9LpPMlnGJGZZTpMKMhXTCA2DsmQ2AemGLjJbVkHSD/AB3LLvFi8QizLpuQxseMg9xHFRJsssBmk2YJuM/9PAmPSQnY+B+hYwxMBTQG+8bwAAAABJRU5ErkJggg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    float:right;
    margin-top: -32px;
    background-color: transparent;
}

.openBtn:hover {
    
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    border: none;
    float: left;
    width: 80%;
    background: white;
}

.overlay input[type=text]:hover {
    background: #f1f1f1;
}

.overlay button {
    float: left;
    width: 10%;
    padding: 27px;

    font-size: 17px;
    border: none;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAYZJREFUSImtlM9KAlEUxn8Gs43IIHwCcaEbE3qBbOcmcNM7SSDhNty4adUugqT2togkxYXvYCQWk7o4c/XMZebOH/rgMgPfOd9377nnHohHHegAI2ABrIEv4A24ARqOXCfKwCOwSbGegEoW8SvgO6W4WUugnVb8TyWugQHQAkqABxSBS6AP+Fas06Rs7XyO3IELNWBinSS2XLrmc+A0QdzgBJiq3OeooDrhoybt3EaNcLnO7YCOIgcZxQ36SqNrkyNFtnIaNJXGu00uFFnKaXCsNFY2uVakl9OgoDRCOgdIexoc5jQ4Uv+/yKXvDGaKPMtpoPNmyCl2Bq+KvM5poPNebLLBvnY+0tdZUCXhHYBMRRMwQV5oGhSBT5U7jAusILPEBE5JPknVEt8ADzg6sU24ZX3khTaRPi8E3wvgjnBZ9LpPMlnGJGZZTpMKMhXTCA2DsmQ2AemGLjJbVkHSD/AB3LLvFi8QizLpuQxseMg9xHFRJsssBmk2YJuM/9PAmPSQnY+B+hYwxMBTQG+8bwAAAABJRU5ErkJggg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
.payment-page{    background-color: rgb(225, 216, 233); width:100%; float:left;}
.payment-page img{height:150px;}
.Checkout{background:#fff; width:80%; border-radius: 12px; border-top:10px solid rgb(107, 61, 146); margin: 16px auto 0;}
.Checkout h2{
    font-family: 'docs-EB Garamond';
    font-weight: 400;
    font-size: 31px;
    color: rgb(32, 33, 36);
    margin: 23px 32px 17px;
}
.mail-main{display: flex; justify-content: space-between;     padding: 11px 34px 16px;   border-top: 1px solid rgb(218,220,224);     border-bottom: 1px solid rgb(218,220,224);}
.Checkout strong img{height:auto;}
.mail-main span{
    font-family: Roboto, Arial, sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: rgb(95, 99, 104);
}
.mail-main span a{
  color: rgb(26, 115, 232);
  text-decoration: none;
  font-weight: 400;
}
.Checkout p{
    font-size: 15px;
    font-weight: 400;
    color: rgb(217, 48, 37);
    margin: 12px 32px 4px;
    display: inline-block;
}
.modal-body img{    
    height: 167px;
    display: block;
    margin: 0 auto 25px;
  }
.modal-body h3 {
    font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: 19px;
    font-weight: 600;
}
.modal-body p{
    font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin: 12px 0 4px;
    display: inline-block;
}
.modal-footer button{
    color: rgb(26, 115, 232);
    border: 0;
    background: transparent;
    cursor: pointer;
}
.modal-dialog {
    max-width: auto;
    margin: 1.75rem auto;
}

.email{    
    background: #fff;
    width: 80%;
    border-radius: 12px;
    margin: 40px auto 0;
    padding: 29px;
  }
  .email label{
        font-family: 'docs-EB Garamond';
    font-weight: 400;
    font-size: 12pt;
  }
  .email .form-control{   
     border:0;     
     padding: .375rem 0; 
     border-bottom: 2px solid rgba(0,0,0,.12);  
     border-radius:0;
     width: 46%;
     font-size:15px;
  }
  .email .form-control:focus {
    border-color: rgb(217, 48, 37);
    box-shadow: 0 0 .2rem rgba(0, 123, 255, .25);
}
  .email label sup{
    color: rgb(217, 48, 37);;
  }
  .nest-button{
    width: 80%;
    margin: 30px auto 21px;
    display: flex;
    justify-content: space-between;
  }

    .nest-button .nextbtn{
         font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: .25px;
    background-origin: 0;
    border: 0;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.141), 0 1px 3px 0 rgba(0, 0, 0, 0.122);
    padding: 4px 21px;
    border-radius: 5px;

    }
    .nest-button .backbtn{
         font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: .25px;
    background-origin: 0;
    border: 0;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.141), 0 1px 3px 0 rgba(0, 0, 0, 0.122);
    padding: 4px 21px;
    border-radius: 5px;
color: rgb(107, 61, 146);
background: #d6d6d6;

    }
    .nest-button .clerform{
      font-family: "Google Sans", Roboto, Arial, sans-serif;
      font-size: 17px;
      font-weight: 500;
      letter-spacing: .25px;
      background-origin: 0;
      border: 0;
      background:transparent;
    color: rgb(107, 61, 146);
    cursor: pointer;
    }
     .nest-button .clerform:focus{border:0;}

    .nest-button button:focus {
    outline: 0;
    outline: 0;
}
 .progress {width:218px;    margin-top: 5px;}
.nest-button span{font-size:14px;}
.never{width:100%; float:left;    margin-bottom: 0;}
.never span{
      font-family: Roboto, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .3px;
    line-height: 16px;
    color: #70757a;
    color: rgba(0, 0, 0, .66);
    margin-top: 8px;
        display: inline-block;
    margin-left: 118px;
}
.never p{
  font: 400 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    margin: 16px 0;
    padding: 0 16px;
    text-align: center;
}
.never p a{
  text-decoration: underline;
    cursor: pointer;
        color: rgba(0, 0, 0, 0.66);
}
.never strong{
         font-family: "Product Sans", Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 500;
    display: inherit;
    text-align: center;
}
.never strong img{height: 38px;}
.cancel{
  font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: .875rem;
    letter-spacing: .0107142857em;
    font-weight: 500;
    color: #6240b0;
    text-transform: none;
    -webkit-transition: border .28s cubic-bezier(.4,0,.2,1), box-shadow .28s cubic-bezier(.4,0,.2,1);
    transition: border .28s cubic-bezier(.4,0,.2,1), box-shadow .28s cubic-bezier(.4,0,.2,1);
    border:1px solid #ddd;
    border-radius:10px;
    border-radius: 7px;
    padding: 7px 16px;
}
.ok{
  font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: .875rem;
    letter-spacing: .0107142857em;
    font-weight: 500;
    color: #5f6368;
    text-transform: none;
    -webkit-transition: border .28s cubic-bezier(.4,0,.2,1), box-shadow .28s cubic-bezier(.4,0,.2,1);
    transition: border .28s cubic-bezier(.4,0,.2,1), box-shadow .28s cubic-bezier(.4,0,.2,1);
    padding: 7px 24px;
    background: #dbdbdb;
    border-radius: 6px;

}
.Checkout .space{width:100%; padding: 10px 35px 34px;}
.Checkout .space span{
    font-family: "Google Sans", Roboto, Arial, sans-serif;
    font-size: 15px;
    letter-spacing: .0107142857em;
    font-weight: 600;
    color: #333;
    line-height: 37px;
}

.space-1 {
    width: 100%;
    float: left;
    margin-top: 16px;
}
.space-2 {
    background-color: rgb(225, 216, 233);
    width: 100%;
    height: 100vh;
    float: left;
}