@font-face {
    font-family: 'BrandonText-Regular';
    src: url('../fonts/BrandonText-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BrandonText-Bold';
    src: url('../fonts/BrandonText-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}

html, body {
    font-family: 'BrandonText-Regular', sans-serif;	
	scroll-behavior: smooth;
} 

.overflow-hidden-x {
	overflow-x: hidden;
}

b, strong, .strong {
    font-family: 'BrandonText-Bold';	
}

.h3, h3 {
font-size: 1.5rem;
}

.card {
	border-radius: 0!important;
	max-width: 80%;
	margin: 0 auto;
}

@media (min-width:1200px) {
html, body {
    font-family: 'BrandonText-Regular', sans-serif;	
	font-size: 18px;
} 


h2 {
	font-size: 1.7rem;
}

}

.text-primary {
	color: #2585dd!important;
}

.bg-primary {
	background-color: #2585dd!important;
}

.bg-dark {
	background-color: #414141!important;
}

.bg-darkgreen {
	background-color: #4b9b2b!important;
}


.bg-black {
	background-color: #2e2e2e!important;
}

.bg-light {
	background-color: #e4e7ea!important;
}




.border-3 {
	border-width: 3px;
}

.border-primary {
border-color: #2585dd!important;
}

.btn-orange {
	background: #fe8c34!important;
}
.custom-control-label::before {
	background: #e4e7ea;
	border: #e4e7ea solid 1px;
}

.custom-control-label {
text-align: left;
line-height: 1;
}
.custom-control-label::after {

top: 0;

}
.custom-control-label::before {
	top:0;
}


small {
	font-size: 60%;
}

.custom-checkbox .custom-control-label::before {
border-radius: 0rem;
}

.grad-hl {
background: rgb(85,180,106);
background: -moz-linear-gradient(90deg,  rgba(85,180,106,1) 0%, rgba(85,180,106,1) 47%, rgba(62,184,188,1) 100%);
background: -webkit-linear-gradient(90deg,  rgba(85,180,106,1) 0%,rgba(85,180,106,1) 47%,rgba(62,184,188,1) 100%);
background: linear-gradient(90deg,  rgba(85,180,106,1) 0%,rgba(85,180,106,1) 47%,rgba(62,184,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#369345', endColorstr='#259696',GradientType=1 );

}
.grad-car {
.background: rgb(101,178,46);
background: -moz-linear-gradient(45deg,  rgba(101,178,46,1) 0%, rgba(101,178,46,1) 47%, rgba(88,180,92,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(101,178,46,1) 0%,rgba(101,178,46,1) 47%,rgba(88,180,92,1) 100%);
background: linear-gradient(45deg,  rgba(101,178,46,1) 0%,rgba(101,178,46,1) 47%,rgba(88,180,92,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65b22e', endColorstr='#58b45c',GradientType=1 );
}
.grad-blank {
background: rgb(85,180,106);
background: -moz-linear-gradient(45deg,  rgba(85,180,106,1) 0%, rgba(85,180,106,1) 47%, rgba(62,184,188,1) 100%);
background: -webkit-linear-gradient(45deg,  rgba(85,180,106,1) 0%,rgba(85,180,106,1) 47%,rgba(62,184,188,1) 100%);
background: linear-gradient(45deg,  rgba(85,180,106,1) 0%,rgba(85,180,106,1) 47%,rgba(62,184,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b46a', endColorstr='#3eb8bc',GradientType=1 );
}
.grad-blank-2 {
background: rgb(85,180,106);
background: -moz-linear-gradient(0deg,  rgba(85,180,106,1) 0%, rgba(85,180,106,1) 47%, rgba(62,184,188,1) 100%);
background: -webkit-linear-gradient(0deg,  rgba(85,180,106,1) 0%,rgba(85,180,106,1) 47%,rgba(62,184,188,1) 100%);
background: linear-gradient(0deg,  rgba(85,180,106,1) 0%,rgba(85,180,106,1) 47%,rgba(62,184,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b46a', endColorstr='#3eb8bc',GradientType=1 );
}
.grad-blank-3 {
background: rgb(85,180,106);
background: -moz-linear-gradient(180deg,  rgba(100,178,50,1) 0%, rgba(100,178,50,1) 47%, rgba(62,184,188,1) 100%);
background: -webkit-linear-gradient(180deg,  rgba(100,178,50,1) 0%,rgba(100,178,50,1) 47%,rgba(62,184,188,1) 100%);
background: linear-gradient(180deg,  rgba(100,178,50,1) 0%,rgba(100,178,50,1) 47%,rgba(62,184,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b46a', endColorstr='#3eb8bc',GradientType=1 );
}
.grad-half {
background: rgb(226,247,142);
background: -moz-linear-gradient(left,  rgba(226,247,142,1) 0%, rgba(226,247,142,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(226,247,142,1) 0%,rgba(226,247,142,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(226,247,142,1) 0%,rgba(226,247,142,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f78e', endColorstr='#ffffff',GradientType=1 );
}
.grad-half-2 {
background: rgb(255,255,255);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(62,184,188,1) 50%, rgba(62,184,188,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(62,184,188,1) 50%,rgba(62,184,188,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(62,184,188,1) 50%,rgba(62,184,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#3eb8bc',GradientType=1 );
}

.grad-half-2, .grad-half-2 .container, .grad-half-2 .row{
	min-height: 320px;
}  

.ar-1 {
	aspect-ratio: 1/1;
}

.form-control {
	height: 53px;
}

.text-decoration-underline {
	text-decoration: underline;
}

.flex-auto {
	flex: auto;
}

.bg-green {
background: #64b232;
}

.tel {
	transform: translate(0px, -100%);
position: absolute;
width: 100%;
}

.car {
	transform: translate(0px, -100%);
position: absolute;
width: 100%;
}

.promo {
	width: 33%;
	max-width: 700px;
}

@media(max-width:991px) {
.promo {
	width: 30%;
	margin-top: -50%;
}	
}

@media(max-width:768px) {
.promo {
	width: 40%;
	margin-top: -125%;
}	
}


.custom-select.is-invalid, .was-validated .custom-select:invalid {
border-color: #dc3545;
padding-right: calc(.75em + 2.3125rem)!important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.custom-select.is-valid, .was-validated .custom-select:valid {
border-color: #28a745;
padding-right: calc(.75em + 2.3125rem)!important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.header {
	background: url(../img/hero.jpg);
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100px;
}

.top-left {
	background: url(../img/top-left.png);
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
}

.top-rigth {
	background: url(../img/top-right.png);
	background-position: top right;
	background-size:  cover;
	background-repeat: no-repeat;
}

.plus-wrapper {
	max-width: 1900px;
	margin: 0 auto;
}

.top-deco {
 display: grid;
  grid-template-columns: 20% 1fr 33%;
  grid-template-rows: 395px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "top-left . top-rigth";
}

.top-left { grid-area: top-left; }

.top-rigth { grid-area: top-rigth; }


.top-hl-row {
	height: 392px;
display: grid;
  grid-template-columns: 20% 1fr 33%;
  grid-template-rows: 392px;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "top-hl-left top-hl top-hl-right";
}

.top-hl-left { grid-area: top-hl-left; 	background: url(../img/top-hl-left.png);
	background-position: top right;
	background-size: 48%;
	background-repeat: no-repeat;}

.top-hl { grid-area: top-hl; }

.top-hl-right { grid-area: top-hl-right; }

.top-bottom-row {
display: grid; 
  grid-template-columns: 20% 1fr 33%; 
  grid-template-rows: 181px 1fr auto; 
  gap: 0px 0px; 
  grid-template-areas: 
    "top-bottom-left top-bottom top-bottom-right"
    "top-bottom-left2 top-bottom top-bottom-right2"
    "top-bottom-left3 top-bottom2 top-bottom-right3"; 
}

.top-bottom-left { grid-area: top-bottom-left; background: url(../img/top-right.png);
	background-position: top right;
	background-size:  cover;
	background-repeat: no-repeat;}

.top-bottom { grid-area: top-bottom; }

.top-bottom-right { grid-area: top-bottom-right; background: url(../img/bottom-right.png);
	background-position: top left;
	background-size:  auto;
	background-repeat: no-repeat;}

.top-bottom-left2 { grid-area: top-bottom-left2; }
.top-bottom-left3 { grid-area: top-bottom-left3; }
.top-bottom-right2 { grid-area: top-bottom-right2; }
.top-bottom-right3 { grid-area: top-bottom-right3; }
.top-bottom2 { grid-area: top-bottom2; }

.container-plus {
	max-width: 1092px;

}

.container-banner {  display: grid;
  grid-template-columns: 10% 10% 20% 1fr 10%;
  grid-template-rows: 180px min-content min-content;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "lgreen green dark grad white"
    "green2 white2 empty dark2 ."
    "green2 white2 empty cta .";
}

.container-content {  display: grid;
  grid-template-columns: 10% 10% 1fr 10% 10%;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "left leftinner content rigthinner rigth";
}



.px-plus {	padding-left: 75px!important;
padding-right: 75px!important;}

.py-plus {	padding-top: 75px!important;
padding-bottom: 75px!important;}

@media (max-width:1024px) {
	
	.promo {
width: 25%;
max-width: 700px;
}

.px-plus {	padding-left: 37px!important;
padding-right: 37px!important;}

.py-plus {	padding-top: 37px!important;
padding-bottom: 37px!important;}	
	
main {
 display: grid;	

}	

.tel {
	transform: translate(0, 0);
position: relative;
width: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
	
.top-deco {
 display: grid;
  grid-template-columns: 20% 1fr 40%;
  grid-template-rows: 20vw;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "top-left . top-rigth";
}

.top-bottom-row {
display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: 181px 1fr auto; 
  gap: 0px 0px; 
  grid-template-areas: 
    "top-bottom"
    "top-bottom"
    "top-bottom2"; 
}

.top-hl-row {
	height: auto;
display: grid;
  grid-template-columns: 0% 1fr 15%;

  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "top-hl-left top-hl top-hl-right";
}

.container-banner {  display: grid;
  grid-template-columns: 0% 10% 20% 1fr 0%;
  grid-template-rows: 60px min-content min-content;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "lgreen green dark grad white"
    "green2 white2 empty dark2 ."
    "green2 white2 empty cta .";
}

.container-content {  display: grid;
  grid-template-columns: 0% 10% 1fr 10% 0%;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "left leftinner content rigthinner rigth";
}
}


.left { grid-area: left; }

.leftinner { grid-area: leftinner; }

.content { grid-area: content; }

.rigthinner { grid-area: rigthinner;}

.rigthinner2 { background: linear-gradient(to bottom,  #fff 0%,#fff calc(100% - 370px),#dcdcdc calc(100% - 370px),#dcdcdc 100%)!important;
	background-repeat: no-repeat; }
	
	

.rigth { grid-area: rigth; }

.as-1 {
	aspect-ratio: 1/1;
}

.d-grid {
display: grid;
grid-template-columns: 1fr 130px 130px;
grid-template-rows: 1fr 80px 80px;
gap: 0 0;

}

.bg-spec.d-grid {
grid-template-rows: 70px;
margin-bottom: 0!important;
background: rgba(39,148,45,.4)!important;
-webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3);
box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3);

}

.d-grid .bg-light {
background: rgba(3,99,38,.23)!important;
}

@media (max-width:768px) {
	.d-grid {
display: grid;
grid-template-columns: 1fr 80px 80px;
grid-template-rows: 1fr 45px 45px;
gap: 0 0;
font-size: 80%;
}

.bg-spec.d-grid {
grid-template-rows: 51px;
margin-bottom: 0!important;
background: rgba(39,148,45,.4)!important;
-webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3);
box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.3);

}

.card {
	border-radius: 0!important;
	max-width: 100%;
	margin: 0 auto;
}

.top-hl-row {
	grid-template-rows: 492px;
}


}



.lgreen { grid-area: lgreen; }

.green { grid-area: green; }

.dark { grid-area: dark; }

.grad { grid-area: grad; }

.white { grid-area: white; }

.green2 { grid-area: green2; }

.white2 { grid-area: white2; }

.dark2 { grid-area: dark2; }

.empty { grid-area: empty; }

.cta { grid-area: cta; }

.bg-yellow {
	background: #e2f78e
}

.bg-darkg {
	background: rgba(5,105,87,.4)
}

.bg-light {
	background: #dcdcdc!important;
}

.tel2 {

	background-repeat: no-repeat;
	background-position: left calc(100% - 144px);
	padding-left:0;
}

.whitesmall{
	background: linear-gradient(to bottom,  #dcdcdc 0%,#dcdcdc calc(100% - 370px),#ffffff calc(100% - 370px),#ffffff 100%);
	background-repeat: no-repeat;
}

.rightinner{

}

.lightsmall{
	background-image: url(../img/color.png);
	background-repeat: no-repeat;
background-position: left calc(100% - 180px);
}

.whitetall{
	background-repeat: no-repeat;
	background-size: 200px calc(100% - 400px);
	background-position: left top;
}

.lighttall{
	background-image: url(../img/silver.png);
	background-repeat: no-repeat;
	background-size: 200px 400px;
	background-position: left bottom;
}


.firstdiv {
	background-image: url(../img/white.png)!important;
	background-repeat: no-repeat!important;
	background-position: right bottom!important;	
}

.rigth2{
	background-image: url(../img/white.png)!important;
	background-repeat: no-repeat!important;
background-position: left calc(100% - 174px)!important;
}

@media (max-width:768px) {
.firstdiv {
background-image: url(../img/white.png)!important;
background-repeat: no-repeat!important;
background-size: 32px 32px!important;
background-position: right bottom!important;
}

.firstdiv img, 
.tel2 img, 
.telx img {
	width: 264px;
}
}