
body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #111;
	margin: 0;
	background:#fff!important;
}
body p { font-size: 1.1em; line-height: 1.8em; font-weight: 400; margin: 0 0 20px; padding: 0px; }
p:last-child { margin-bottom: 0; }
p strong { font-weight: 600; }
p.sml{ font-size: .9em; color: #db7b00;}

img { border: 0px; }
form { margin: 0px; padding: 0px; }
.clear { clear: both; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-family: 'Hanken Grotesk', sans-serif;}
a { text-decoration: none; color: #004efd; }
a:hover,a:focus { outline: none; color: #004efd;}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wrap { width: 100%; max-width: 1180px; margin: 0 auto; position: relative;}

/*ol { margin: 0; }
ol li { padding: 0 0 10px 8px; line-height: 1.6em; }
ol li strong { font-weight: 700;}*/

ol{ margin:0 0 10px 30px; padding:0; list-style: none; counter-reset: mv-counter;}
ol li{ padding:0 0 10px 30px; position: relative; font-size: 1.1em; line-height: 1.6em; font-weight:400;}
ol li:last-child{ }
ol li strong { font-weight: 700;}
ol li:before {
    content: counter(mv-counter) ":";
    counter-increment: mv-counter;
    position: absolute;
    left: 0;
    top: 0;
	color:#000;
	font-weight: 700;
	font-size: 1.2em;
}

.note {
	background-color: rgb(255 245 144 / 49%);
	border: dashed 1px #e5b642;
	border-radius: 3px;
	font-size: 1.1em;
	font-weight: 600;
	max-width: 660px;
	margin: 10px auto 0;
	padding: 5px;
	box-shadow: 0 12px 5px -6px rgb(0 0 0 / 2%)
}

.disc{ width:98%; max-width:1150px; margin:35px auto -20px; text-align:center; font-size: .8em; color:#7f8293; font-weight: 400; position: relative;}
.disc.d1{ max-width: 800px; margin:40px auto 0;}

/*Footer-------*/
footer { position: relative; color: rgb(255 255 255 / 40%); padding: 25px 0; background: #000; }
footer .container { max-width: 1100px; padding: 0; position: relative; width: 100%; margin: 0 auto; }

footer .copyright { padding: 0; text-align: center; margin-top: 0; font-size: .9em; color:#a2a2a2; font-weight: 400; position: relative;}
footer .copyright span{ padding: 0 2px; }
footer .copyright a{ color:#787a85; }
footer .copyright a:hover{ color:#a2a2a2; }





.button { text-align: center; margin-top: 15px;}
.button a, .button button {
	margin: 0; padding: 22px 55px; outline: none; border: none; cursor: pointer; display: inline-block;
	font-size: 1.8em; line-height: 1.2em; font-weight: 700; color: #fff; text-align: center; font-family: 'Hanken Grotesk', sans-serif;
	position: relative; z-index: 2; box-shadow: 0 12px 5px -6px rgb(0 0 0 / 5%); border-radius: 6px; background: #277a26; 
	    background-image: linear-gradient(270deg, #45b74e 0%, #1f8d1e 100%);
	-webkit-transition-duration: 0.4s; transition-duration: 0.4s; 
}
.button a:hover {
	text-decoration:none;
	/*transform: translateY(-6px);
	box-shadow: 0 20px 20px rgb(0 0 0 / 40%)*/
}


.buttonRocking {
	animation:rocking 2s infinite;
	animation-timing-function:cubic-bezier(0, 0, 0.58, 1);
transition:.2s
}
@keyframes rocking {
0% {
transform:rotate(0deg)
}
25% {
transform:rotate(0deg)
}
50% {
transform:rotate(2deg)
}
75% {
transform:rotate(-2deg)
}
100% {
transform:rotate(0deg)
}
}
.buttonRocking:hover {
	animation:none !important

}


/*header--------------*/
.header { position: relative; background: radial-gradient(at top center, #07140d 40%, #0e0b42 100%);}
.header:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: .15;
 background: url(../images/header-shapes.png) no-repeat top center; background-size: 100% auto; background-attachment:fixed;}

.topbar { padding:10px 0; background:#010201; position: relative;
 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.prehead { padding: 0px 0 0 20px; margin-left: 20px; color: #fff; text-align: center; position: relative; font-size: 1.25em;
 border-left: solid 1px rgb(255 255 255 / 22%); display: inline-block; }
.prehead strong{ color: #FFDC09;}
.logo { float: left; width: 100%; max-width: 150px; }
.logo img { width: 100%; }


.topnave { padding: 14px 0 0; text-align: right; font-size:1em; line-height: normal; font-weight: 500; }
.topnave ul { padding:0; margin:0; list-style-type:none; }
.topnave ul li { padding:0 10px 0 0; margin:0 15px 0 0; display:inline-block; vertical-align:middle; color:#151515; }
.topnave ul li a { text-decoration: none; color:#d1d5d8; display: block; outline:none; 
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.topnave ul li a:hover { color:#30af3a; }
.topnave ul li a.active { color:#30af3a; }
.topnave ul li:last-child { border-right:none; padding:0; margin:0; }

.topnave button.btn-primary{ background-color:transparent; border:none; padding: 0; color: #d1d5d8; font-size: 1.05em; line-height: normal; font-weight: 500;} 
.topnave button.btn-primary:hover,
.topnave button.btn-primary:focus,
.topnave button.btn-primary:active{ color:#d3480f; background-color:transparent!important; border:none!important; box-shadow:none!important;}
.topnave ul li a.dropdown-item span{ display:block; font-size: .7em; font-weight: 400; color: #000;}
.topnave ul li a.dropdown-item{ color: #ef4600; padding: 10px 14px; font-weight: 500;}
.topnave ul li a.dropdown-item:hover{ color:#f04601; background:#EBEBEB;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle
{background-color:transparent!important; border:none!important;}
.topnave .dropdown-menu{ margin: 22px 0 0; padding: 0; border-radius: 2px;}

.linkT {}
.linkT a { border-radius: 4px; padding: 8px 18px; text-decoration: none; text-align: center; cursor: pointer; color: #000 !important; background: #fca311;}
.linkT a:hover, .linkT a:focus { outline: none; }


.smbut { font-size:1em; line-height: normal; font-weight: 500; text-align: center; margin: 0 0 22px;}
.smbut ul { padding:0; margin:0; list-style-type:none; }
.smbut ul li { padding:0; margin:0 8px; display:inline-block; vertical-align:top; }
.smbut ul li a { text-decoration: none; color:#fff; line-height: 2em; display: block; outline:none; padding: 15px 20px 15px 28px; 
	border-radius: 6px; box-shadow: 0 14px 5px -5px rgb(0 0 0 / 8%); transition: all 0.3s ease-in-out;}
.smbut ul li a.fb{ background: #1877F2;}
.smbut ul li a.in{ background-image: linear-gradient(317deg, #f9ce34 0%, #ee2a7b 50%, #6228d7 100%);}
.smbut ul li a i{ width: 35px; margin-left: 20px; font-size: 2em; vertical-align: middle;}
.smbut ul li a:hover {
    box-shadow: 0 20px 20px -6px rgb(0 0 0 / 20%);
    transform: translateY(-1px);
}




.header h1 { font-size: 3.5em; line-height: 1.1em; font-weight: 900; margin: 0 0 15px; color: #fff; position: relative; text-align: left;}
.header h1 span{ color: #45b74e; }

.header h2.sub { font-size: 2.4em; line-height: 1.2em; color: #fff; font-weight:300; margin: 0; text-align: left;}


.trainingTimes { width: 100%; max-width: 1200px; margin: 0 auto; padding: 100px 0; position: relative; z-index: 1; }
.trainingTimes.maxW { max-width: 1180px; padding: 200px 0 185px;}
	
.trainingTimes .boxL { float: left; width: 100%; max-width: 620px; text-align: left; padding-top: 50px; }
.trainingTimes .boxR { float: right; width: 100%; max-width: 530px; margin: 0; position: relative; }


.VBG{ float: right; width: 100%; max-width: 650px; margin: 0 -50px 0 -20px; min-height: 372px; position: relative;}
.VBG:after{ position:absolute; z-index:1; top:0; left: 0; right: 0; content:'';}
.VBG:after{ width: 650px; height:372px; background:url(../images/v-bg.png) no-repeat; background-size: 100%;}

.videoB { width: 100%; max-width: 490px; margin: 0 auto 0; padding: 28px 0 0; position: relative; z-index: 2;}
.videoB iframe { background:#000;}
.videoB img { width: 100%;}

.videoB1 { width: 100%; max-width: 900px; margin: 30px auto 40px; padding:5px; position: relative; z-index: 2; background:#000;}
.videoB1 iframe { width: 100%;}
.videoB1 img { width: 100%;}
.videoB1.mrt1{ margin-top: 20px;}

.ConBox1 { width: 100%; max-width: 1100px; margin: 0 auto; position: relative; }
.ConBox1 .des{ float: right; width: 100%; max-width: 700px;}
.ConBox1 .img{ float: left; width: 100%; max-width: 280px; text-align: center; position: relative;}
.ConBox1 .img img{ width: 100%; margin: 0 auto; position: relative;}






/*------background-------*/
.section-bg1.pt1{ padding-top: 80px;}
.section-bg1 { padding: 60px 0; position: relative; z-index: 2; background: -webkit-linear-gradient(top, #f2fafc 0%, #fff 50%, #fff 100%); }
.section-bg1:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: .1;
	background: url(../images/ebg.png) no-repeat center bottom; background-size: 100% auto;}

.section-bg2 { padding: 70px 0 70px; position: relative; z-index: 2; background-image: linear-gradient(90deg, #e7faf5, #e0ecfd); }
#p4.section-bg2{ padding: 50px 0 70px;}

.section-bg3 { padding: 50px 0 1px; position: relative; z-index: 3; background: radial-gradient(at top center, #07140d 40%, #0e0b42 100%);}
.section-bg3:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: .15;
 background: url(../images/header-shapes.png) no-repeat top center; background-size: 100% auto; background-attachment:fixed;}
.section-bg3 h1{ color: #fff !important;}
.section-bg3 h2.sub{ color: #45b74e !important;}

.section-bg3cs { padding: 40px 0 60px; position: relative; z-index: 3; background: radial-gradient(at top center, #07140d 40%, #0e0b42 100%);}
.section-bg3cs:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: .15;
 background: url(../images/header-shapes.png) no-repeat top center; background-size: 100% auto; background-attachment:fixed;}
.section-bg3cs h1{ color: #fff !important;}
.section-bg3cs h2.sub{ color: #45b74e !important;}

.section-bg4 { padding: 150px 0 80px; position: relative; z-index: 2; background: -webkit-linear-gradient(top, #ffffff 0%, #f6f7fc 100%); }
.section-bg4:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: .2;
	background: url(../images/ebg.png) no-repeat center bottom; background-size: 100% auto;	}

.section-bg5 { padding: 80px 0 60px; position: relative; z-index: 4; background:#e8efed;}
.section-bg5:before { position: absolute; z-index: 1; content: ''; width: 100%; height: 50px; top: -30px; left: 0; opacity: 1;
	background: url(../images/zigzag-paper-top.png) no-repeat center; background-size: cover; }
.section-bg5:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: .5;
	background: url(../images/con-bg1.jpg) no-repeat top center; background-size: cover; background-attachment: fixed;}

.section-bg6.wt{color: #c4cad9;}
.section-bg6 { padding: 80px 0 70px; position: relative; z-index: 3; background: radial-gradient(at top left, #24103a 0%, #000c24 70%);}
.section-bg6:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: .04;
 background: url(../images/con-bg2.jpg) no-repeat top center; background-size: 100% auto; background-attachment:fixed;}

.section-bg7 { padding: 60px 0 90px; position: relative; z-index: 2; background: -webkit-linear-gradient(top, #ffffff 0%, #f6f7fc 100%); }
.section-bg7:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: .09;
	background: url(../images/con-bg3.jpg) no-repeat center bottom; background-size: cover;	background-attachment:fixed;}

.section-bg8.pb1{ padding-bottom: 1px}
.section-bg8 { padding: 70px 0 70px; position: relative; z-index: 2; background: -webkit-linear-gradient(top, #ffffff 0%, #f2fafc 100%); }
.section-bg8:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: .2;
	background: url(../images/ebg.png) no-repeat center bottom; background-size: 100% auto;	}

.section-bg9.wt{ color: #c4cad9;}
.section-bg9 { padding: 180px 0 70px; position: relative; z-index: 1; background: radial-gradient(at top left, #24103a 0%, #000c24 70%);}
.section-bg9:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; opacity: .08;
 background: url(../images/header-shapes.png) no-repeat top center; background-size: 100% auto; background-attachment:fixed;}

.section-bg10 { padding: 70px 0 70px; position: relative; z-index: 2; background: -webkit-linear-gradient(top, #ffffff 0%, #f2fafc 100%); }
.section-bg10:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: .1;
	background: url(../images/con-bg4.jpg) no-repeat center bottom; background-size: cover;	background-attachment:fixed; }

.section-bg11 { padding: 60px 0; position: relative; z-index: 4; background: -webkit-linear-gradient(top, #ffffff 50%, #dee7e9 100%);}
.section-bg11:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; opacity: .3;
	background: url(../images/con-bg1.jpg) no-repeat top center; background-size: cover; background-attachment: fixed;}

.footersection-bg { padding: 20px 0 50px; position: relative; z-index: 2;
   background: radial-gradient(at top center, #222428 0%, #1c1d20 75%);
}






/*Middle------*/
#middle { position: relative; padding: 0 0px; }

.separator1 { width: 200px; height: 10px; margin: 20px auto 40px; position: relative;
	background: url(../images/zigzag-line.png) no-repeat center; background-size: 100%; opacity: 1;}
.separator1.w{ background: url(../images/zigzag-line-w.png) no-repeat center; background-size: 100%; opacity: .2;}
.separator2 { width: 70px; height: 6px; margin: 15px auto; position: relative;
	background: url(../images/separator.png) no-repeat center; background-size: 100%; opacity: .5;}
.separator3 { width: 150px; height: 10px; margin: 20px 0; position: relative;
	background: url(../images/zigzag-line.png) no-repeat center; background-size: 100%; opacity: 1;}




#middle h1 .c2 { color: #1f5d33; }
#middle h1.mrb { margin-bottom: 0px; }
#middle h1.big{ font-size: 4em;}
#middle h1.big1{ font-size: 3.5em;}
#middle h1.wt{ color: #fff;}

#middle h1 { font-size: 3em; line-height: 1.25em; font-weight: 900; color: #28303f; text-align: center;
	margin: 0 0 20px; text-transform: capitalize; position: relative; }

#middle h2.sub { font-size: 1.8em; line-height: 1.25em; font-weight: 300; color: #303a5a; text-align: center;
	margin: 0 0 10px; text-transform: capitalize; position: relative; }
#middle h2.sub strong{ font-weight: 700;}

.HLT{ color: #1f5d33; }
.HLT1{ color: #45b74e; }

.boxtitle.wt{ color: #fff;}
.boxtitle{ font-size: 3em; line-height: 1.05em; font-weight: 900; color: #28303f; 
	font-family: 'Hanken Grotesk', sans-serif; margin: 0 0 20px; text-transform: capitalize; position: relative; }



.contentbox1.mrb1 { margin-bottom: 50px;}
.contentbox1.mrb2 { margin-bottom: 22px;}
.contentbox1.mxw1 { max-width: 1000px; margin-top: 30px;}
.contentbox1.mxw2 { max-width: 1000px; }
.contentbox1 { width: 100%; max-width: 1080px; margin: 0 auto; position: relative; z-index: 3;}
.contentbox1 .des-col { float: left; width: 100%; max-width: 560px;}
.contentbox1 .des-col.maxw1{ max-width: 575px;}
.contentbox1 .des-col.maxw2{ max-width: 680px;}

.contentbox1 .img-col { float: right; width: 100%; max-width: 450px; text-align: center; position: relative;}
.contentbox1 .img-col img{ width: 100%; position: relative;}
.contentbox1 .img-col.maxw1{ max-width: 470px;} 
.contentbox1 .img-col.maxw2{ max-width: 350px;}


.contentbox1 .img-col:before { position:absolute; content: ""; right:-12px; bottom: -12px; width:96%; height:96%; 
background:rgba(0, 0, 0, 0.05); border-radius: 20px;}
.contentbox1 .img-col.s1:before{ display: none;}
.contentbox1 .img-col.s2:before{ background: rgb(255 253 253 / 10%);}

.contentbox1 .img-col.right{ text-align: right;}
.contentbox1 .img-col.left{ text-align: left;} 
.contentbox1 .img-col img.m1{ max-width: 400px;}
.contentbox1 .img-col img.m2{ max-width: 280px;}

.contentbox1.n1 .des-col { float: right; }
.contentbox1.n1 .img-col { float: left; }


.contentbox2 { width: 100%; max-width: 980px; margin: 0 auto -100px; padding: 30px 50px 40px; position: relative;
  box-shadow: 0px 10px 50px rgb(0 0 0 / 10%); border-radius: 10px; border: solid 1px #0bd184;
  background-image: linear-gradient(180deg, #ffffff 50%, #f9f9f9 100%); 
}
.contentbox2 .title{ font-size: 2.5em; line-height: 1.15em; font-weight: 900; color: #28303f; padding: 0 0 20px; margin: 0 0 30px; 
	position: relative; border-bottom: dotted 2px #b9e5bd; text-align: center; font-family: 'Hanken Grotesk', sans-serif;}

.contentbox2 .boxL { float: left; width: 100%; max-width: 212px;}
.contentbox2 .boxL img{ width: 100%;}
.contentbox2 .boxR { float: right; width: 100%; max-width: 620px; }


.contentbox3 { width: 100%; max-width: 980px; margin: 0 auto; padding: 30px 50px 40px; position: relative;
  box-shadow: 0px 10px 50px rgb(0 0 0 / 10%); border-radius: 10px; border: solid 1px #0bd184;
	background-image: linear-gradient(180deg, #ffffff 50%, #f9f9f9 100%); }





.list ul { margin: 0 0 20px 30px; padding: 0px 0px 0px 0px; list-style-type: none; text-align: left; }
.list ul.LIH{ line-height:1.4em}
.list ul.n1 li { font-size: 1.2em; }

.list ul li { position: relative; padding: 0 0 8px 35px; margin-bottom: 8px; font-size: 1.1em; font-weight: 500;}
.list ul li:before { position:absolute; content:"\f058"; left:0; top:-2px;  font-family:"Font Awesome 6 Free";
	font-size:1.2em; font-weight: 900; color:#10b71d;}
/*.list ul li:before { position:absolute; content: ""; left:0; top:0px; width:25px; height:25px; 
background:url(../images/tick.png) no-repeat; background-size:100%;}*/
.list ul li:last-child { margin-bottom: 0px; border-bottom: none; padding-bottom: 3px; }
.list ul li strong { font-weight: 700; }
.list ul li .fs1{ font-size: 1.2em; color: #1a2458;}

.list ul li .c1 { color: #f2cd4a; }
.list ul.col { columns: 2; -webkit-columns: 2; -moz-columns: 2; margin: 25px 30px 20px; }
.list ul.col li { width: 88%; border-bottom: none; }
.list ul.col li:last-child{ margin-bottom: 10px; padding: 0 0 10px 35px;}

.list ul.HLBox1 { margin: 0 10px 25px; padding: 20px; background: #fcffef; border-radius: 15px; border: dashed 1px #c2e3cd; }




/*Images*/
.rightimg { float: right; width: 100%; max-width: 600px; margin: 0; position: relative; z-index: 2; }
.rightimg img { width: 100%;}

.leftimg { float: left; width: 100%; max-width: 445px; margin-right: 20px; position: relative; z-index: 2;}
.leftimg img { width: 100%;}

img.border1 { border: solid 20px rgba(0, 0, 0, 0.05); border-radius: 50%; }
img.border2 { border-radius: 20px;}
img.mrt{ margin-top: 50px;} 

.conimg { float: right; width: 100%; max-width: 280px; margin: 0 0 0 20px; position: relative; z-index: 2; }
.conimg img { width: 100%; }
.conimg.left{ float: left; margin: 0 20px 0 0;}

.conimg.mr1{ margin:-60px 0 0 10px;}
.conimg.mr2{ margin-top:40px;}

.conimg.mxw120 { max-width: 120px;}
.conimg.mxw140 { max-width: 140px;}
.conimg.mxw160 { max-width: 160px;}
.conimg.mxw170 { max-width: 170px;}
.conimg.mxw180 { max-width: 180px;}
.conimg.mxw200 { max-width: 200px;}
.conimg.mxw220 { max-width: 220px;}
.conimg.mxw235 { max-width: 235px;}
.conimg.mxw240 { max-width: 240px;}
.conimg.mxw270 { max-width: 270px;}
.conimg.mxw300 { max-width: 300px;}
.conimg.mxw310 { max-width: 310px;}
.conimg.mxw328 { max-width: 328px;}
.conimg.mxw340 { max-width: 340px;}
.conimg.mxw410 { max-width: 410px;}

.midimg { width: 100%; max-width: 550px; margin: 0 auto; position: relative;}
.midimg img { width: 100%; }
.midimg.mb{ margin-bottom:30px;}
.midimg.mb1{ margin-bottom:-80px;}
.midimg.mxw800 { max-width: 800px; }
.midimg.mxw900 { max-width: 900px; }
.midimg.mxw1100 { max-width: 1100px; }
.midimg.mxw1200 { max-width: 1200px; }


/*Shape-------*/
.shape1{ position: relative;}
.shape1:before { position: absolute; content: ''; width: 37px; height: 47px; top: -27px; left: -20px;
	background: url(../images/shape1.png) no-repeat center bottom; background-size: 100% auto;}
.shape2{ position: relative;}
.shape2:before { position: absolute; content: ''; width: 84px; height: 24px; bottom: -10px; right: -75px;
	background: url(../images/shape2.png) no-repeat center bottom; background-size: 100% auto;}

.downarrows{ position: absolute; top: -25px; left: 0; right: 0; width: 55px; height: 55px; margin: 0 auto; 
	box-shadow:0px 16px 10px -6px rgb(0 0 0 / 5%); border-radius: 50%; background: #fff; }
.downarrows:before { position: absolute; content: ''; width: 55px; height: 55px; top: 0px; right: 0px;
	background: url(../images/downarrows.png) no-repeat center;  background-size: 80% auto;
	-webkit-animation: mover .3s infinite alternate; animation: mover .3s infinite alternate;
}


/*Features------*/
.features:last-child{ margin-bottom: 0;}
.features {
  width: 100%; max-width: 1000px; margin: 0 auto 50px; padding: 40px 60px; position: relative;
  background: #fff; box-shadow: 0px 10px 50px rgb(0 0 0 / 10%); border-radius: 10px;
}
.features .title{ font-size: 2.3em; line-height: 1.15em; font-weight: 900; color: #28303f; padding: 0 0 30px 190px; margin: 0 0 30px 0; 
	position: relative; border-bottom: dotted 2px #b9e5bd; font-family: 'Hanken Grotesk', sans-serif;}
.features .title .bno{ position: absolute; left: -75px; top: -3px; font-size: .7em; line-height: 1.6em; color: #fff; letter-spacing: .05em;
	 padding: 5px 20px; border-radius: 3px 3px 3px 0; box-shadow: 10px 10px 5px rgb(0 0 0 / 6%);
	background-image: linear-gradient(270deg, #45b74e 0%, #30af3a 100%);}
.features .title .bno:before{
    width: 0; height: 0; position: absolute; content: ''; bottom: -15px; left:0; border-style: solid; border-width: 0 15px 15px 0;
    border-color: transparent #1f5d33 transparent transparent; transform: rotate(0deg);
}
.features .img-col{ float: right; width: 100%; max-width: 280px; margin-left: 20px;}
.features .img-col img{ width: 100%; position: relative;}
.features .img-col.mxw1{ max-width: 365px;}
.features .img-col.m1{  position: relative;}
.features .img-col.m1:before { position:absolute; content: ""; right:-12px; bottom: -12px; width:96%; height:96%; 
	background:rgba(0, 0, 0, 0.05); border-radius: 20px;}
.features .c1{ color: #259549;}


/*Pillar----*/
.features.pil:last-child{ margin-bottom: 0;}
.features.pil{ padding: 30px 40px; margin: 0 auto 30px;}
.features.pil .title{ font-size: 1.85em; padding: 0 0 30px 100px; margin: 0 0 20px;}
.features.pil .title .bno{ font-size: .75em; top: -5px; left: -55px;}


.tworow{ max-width:1200px; width:100%; margin:15px auto; text-align:center; position: relative; }
.tworow .col{ display:inline-block; vertical-align:top; padding:0 0; margin: 22px 22px; max-width:550px; width:100%;
	background: #fff; border-radius: 10px; box-shadow: 0 10px 40px rgb(0 0 0 / 10%); transition: all 0.3s ease-in-out;}
.tworow .col:hover{ box-shadow: 0 20px 20px -6px rgb(19 141 68 / 40%); transform: translateY(-5px);}

.tworow .title{ font-size:1.7em; line-height: normal; font-weight:800; color:#28303f; text-align:left; margin:0 0 20px; padding:22px 10px 22px 130px;
  background-image: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%); border-bottom:dotted 2px #e3e3e3; position: relative;
  font-family: 'Hanken Grotesk', sans-serif; border-radius: 10px 10px 0 0;}

.tworow .title .bno{ position: absolute; top: 20px; left: -16px; font-size: .7em; line-height: 1.6em; color: #fff; letter-spacing: .05em;
	 padding: 5px 20px; border-radius: 3px 3px 3px 0; box-shadow: 10px 10px 5px rgb(0 0 0 / 6%);
	background-image: linear-gradient(270deg, #45b74e 0%, #30af3a 100%);}
.tworow .title .bno:before{
    width: 0; height: 0; position: absolute; content: ''; bottom: -15px; left:0; border-style: solid; border-width: 0 15px 15px 0;
    border-color: transparent #1f5d33 transparent transparent; transform: rotate(0deg);
}

/*.tworow .title{ font-size:1.7em; line-height: normal; font-weight:800; color:#28303f; text-align:center; margin:0 0 20px; padding:1px 50px 15px;
  background-image: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%); border-bottom:dotted 2px #e3e3e3; position: relative;
  font-family: 'Hanken Grotesk', sans-serif; border-radius: 10px 10px 0 0;}
.tworow .title span{ display:block; border-radius: 0 0 6px 6px; color:#fff; font-size:.9em; font-weight:800; position:relative;
  background-image: linear-gradient(270deg, #45b74e 0%, #30af3a 100%); box-shadow: 0 13px 2px -6px rgb(0 0 0 / 6%); 
  width: 100%; max-width: 150px; margin:-17px auto 8px; padding:7px 0;}
.tworow .title span:after,.tworow .title span:before{ width:0; height:0; top:0; position: absolute; content:''; border-bottom:15px solid #1f5d33;}
.tworow .title span:after{ right:-15px; border-right: 15px solid transparent; }
.tworow .title span:before{ left:-15px; border-left: 15px solid transparent; }*/

.tworow .des{ font-size:1em; color: #111; padding: 0 30px 30px; text-align: left;}
.tworow .des.mh1{ min-height: 285px;}
.tworow .des.mh2{ min-height: 347px;}
.tworow .des.mh3{ min-height: 316px;}

.tworow .des .imb{ float: right; width:100%; max-width:110px; margin: 0 0 0 10px; padding: 15px; 
	background-image: linear-gradient(224deg, #fefeff 0%, #f3f4f5 100%); border-radius: 50%;}
.tworow .des .imb img{ width:100%;}



/*threerow-----*/
.threerow{ width:100%; max-width:1200px; margin:-16px auto 0; text-align:center; position: relative; }
.threerow .col{ display:inline-block; vertical-align:top; padding:0 0 40px; margin: 14px 10px; max-width:370px; width:100%;
	background: #fff; border-radius: 10px; box-shadow: 0 10px 40px rgb(0 0 0 / 10%); transition: all 0.3s ease-in-out;}
.threerow .col:hover{ box-shadow: 0 20px 20px -6px rgb(19 141 68 / 40%); transform: translateY(-5px);}

.threerow .title{ font-size:1.5em; line-height: 1.2em; font-weight:800; color:#28303f; text-align: center; margin:0 0 25px; padding:22px 40px 16px;
  background-image: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%); border-bottom:dotted 2px #e3e3e3; position: relative;
  font-family: 'Hanken Grotesk', sans-serif; border-radius: 10px 10px 0 0;}
.threerow .imgwrap{ width: 100%; max-width: 250px; margin: 20px auto;}
.threerow .imgwrap img{ width: 100%;}
.threerow .des{ font-size:1em; line-height: 1.6em; color: #111; padding: 0 30px 25px; }
.threerow .des.pad1{ padding: 0 25px 25px;}

.threerow .butt a { font-size: 1.2em; line-height: 1.2em; font-weight: 700; color: #fff; text-align: center; font-family: 'Hanken Grotesk', sans-serif;
	padding: 16px 30px; outline: none; display: inline-block; box-shadow: 0 14px 5px -5px rgb(0 0 0 / 8%); border-radius: 6px; text-decoration: none;
	background-image: linear-gradient(270deg, #45b74e 0%, #1f8d1e 100%); transition: all 0.3s ease-in-out; }
.threerow .butt a:hover { text-decoration: none; }

.threerow .col.n1 .title{ padding: 22px 20px 16px;}
.threerow .col.n1 .des{ min-height: 128px;}

.threerow.col2{ }
.threerow.col2 .col{ max-width: 470px; margin: 20px 15px; box-shadow: 0 10px 45px rgb(0 0 0 / 13%); border: solid 1px #a2e1a1;}
.threerow.col2 .col:hover{ box-shadow: 0 20px 30px -6px rgb(19 141 68 / 40%); transform: translateY(-5px);}
.threerow.col2 .title{ padding: 22px 35px; background-image: linear-gradient(180deg, #ffffff 0%, #fffbf3 100%);}
.threerow.col2 .des{ padding: 0 50px 25px; }
.threerow.col2 .imgwrap{ max-width: inherit; margin: 30px auto 20px;}
.threerow.col2 .imgwrap img{ width: auto; height: 60px;}




/*tmrow----*/
.tmrow{ margin:0 auto; text-align:center; position: relative; }
.tmrow .tm-con{ display:inline-block; vertical-align:top; padding:25px 0; margin: 0 10px; max-width:300px; width:100%;
	background: #fff; border-radius: 10px; box-shadow: 0 10px 40px rgb(0 0 0 / 10%); transition: all 0.3s ease-in-out;}
.tmrow .tm-con:hover{ box-shadow: 0 20px 20px -6px rgb(19 141 68 / 40%); transform: translateY(-5px);}
.tmrow .tm-con .tmimg{ width: 150px; margin: 0 auto;}
.tmrow .tm-con .tmimg img{ width:100%; border-radius: 50%; border: solid 15px rgb(0 0 0 / 5%); }
.tmrow .tm-con h2{ font-size: 1.5em; font-weight: 700; color: #14913c; padding:12px 0; margin: 20px 0; 
	background-image: linear-gradient(270deg, #fdfdfd 0%, #f1f1f1 50%, #fdfdfd 100%);}
.tmrow .tm-con h2 span{ font-size:.75em; line-height: 1.4em; font-weight: 500; display: block; color: #6d728d;}
.tmrow .tm-con .des{ font-size:1em; color: #111; font-style: italic; padding: 0 20px;}

.tmrow .tm-con h3{ font-size:1.15em; line-height: 1.2em; font-weight: 600; color: #424242; }
.tmrow .tm-con h3 span{ font-size:.75em; line-height: 1.4em; font-weight: 500; display: block; padding-top: 5px; color: #6d728d;}



/*opbox-----*/
.opbox{ position: relative; width:100%; max-width: 650px; padding:40px; margin:-15px auto -70px; box-shadow:0 16px 50px -6px rgb(0 0 0 / 30%);
   text-align:center; border-radius: 10px; background:radial-gradient(at center top, #304237 0%, #0f1e2e 100%); border: solid 1px #005031;}
.opbox.mrb{ margin-bottom: 0;}
.controls{ text-align:center;}
.controls input.form-control1{ width:48%; display:inline-block; margin:0 1px 10px;}
.controls input.form-control2{ width:96%; display:block; margin:0 auto 10px;}

select, textarea, input[type="text"], input[type="email"], input[type="name"], input[type="url"], input[type="tel"], input[type="password"] {
    background: #fff;
    border: 1px solid #cecece;
    border-radius: 4px;
    color: #5a5a5a;
    display: block;
    font-size: 1em; font-weight:400;
    line-height: 1.7em;
    padding: 12px 10px;
    text-align: center;
    width: 100%;
	box-shadow: 5px 5px 5px rgb(0 0 0 / 10%) inset;
	font-family:'Poppins', sans-serif;
}









