html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;

}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body{ font-family: 'Nunito Sans'; float:left; width:100%;
}
@font-face {
    font-family: 'Nunito Sans';
    src: url('fonts/NunitoSans-SemiBold.woff2') format('woff2'),
        url('fonts/NunitoSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('fonts/NunitoSans-Bold.woff2') format('woff2'),
        url('fonts/NunitoSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('fonts/NunitoSans-Regular.woff2') format('woff2'),
        url('fonts/NunitoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


img{ border:none; outline:none; max-width:100%; max-height:100%; }
a{ outline:none; border:none; }
.header-area{ float:left; width:100%; padding-top:0px; padding-bottom:10px;}
.logo{ float:left; padding-top:8px;}
.right-section{ float:right;}
.right-section h3{ float:right; margin-top:9px; background: url(images/phone.png) scroll transparent 0px 2px no-repeat; padding-left:27px; clear:both; font-family: 'Nunito Sans'; font-weight:600;font-size:18px; margin-bottom:0px; color:#333; padding-bottom:0px; line-height:28px;}
.right-section h3 a{ text-decoration:none; border:none; outline:none; color:#333;}
.right-section h3 a:hover{ text-decoration:none; border:none; outline:none; color:#52658c;}
.logo:hover{opacity:.9;}
.banner-outer{ float:left;width:100%; background:url(images/banner.jpg) no-repeat top center; padding-top:60px; padding-bottom:60px; }
.banner-inner{ float:left; width:100%; position:absolute; z-index:99;}
.banner h1{ clear:both; line-height:43px;padding-top:38%;margin-bottom:0px; font-family: 'Nunito Sans'; font-weight:bold; padding-bottom:6px; color:#333; font-size:42.5px;   }
.banner h3{ clear:both;line-height:27px; margin-bottom:0px; font-family: 'Nunito Sans'; font-weight:400; padding-bottom:0px; color:#333; font-size:23px;  }
.img1{ float:right;}
.img2{ float:right; padding-left:40px; padding-bottom:16px; }
.img2 img{ border-radius:15px 0px 15px 0px;}
.img3{ float:right; padding-bottom:16px;}
.class1 h2{clear:both;font-weight:bold;font-size:30px; margin-bottom:0px; color:#333; padding-bottom:10px; line-height:38px;font-family: 'Nunito Sans'; }
.class1 p{ clear:both; line-height:25px; margin-bottom:0px; font-family: 'Nunito Sans';font-weight:400;  color:#333; font-size:15px; padding-bottom:12px; }
.box1{ float:left; padding-top:6px; width:100%;}
.box1 ul{ list-style:none; padding:0 0 0 0px; margin:0 0 0 0px;}
.box1 ul li{width:32.3%; margin-right:.5%;margin-left:.5%; float:left; padding:1.5% 1.5% 1.5% 1.5%;}
.box1 ul li:nth-child(4){ margin-left:20%;}
.btn2{ clear:both; width:120px; margin-bottom:25px; padding-top:4px; padding-bottom:4px;text-align:center; font-family: 'Nunito Sans'; font-weight:bold;font-size:15px; color:#333; border:solid 2px #333; border-radius:26px; }
.btn2 a{ text-decoration:none; border:none; outline:none; color:#333;}
.btn2 a:hover{ text-decoration:underline; border:none; outline:none; color:#666;}
.footer h3{ clear:both; line-height:24px; margin-bottom:0px; font-family: 'Nunito Sans';font-weight:bold; padding-bottom:10px; color:#333; font-size:23px;  }
.content-outer{ float:left; width:100%; padding-top:60px; padding-bottom:60px;}
.bullet{ clear:both;}
.bullet ul{ list-style:square; padding:0 0 0 16px; margin:0 0 0 0px; width:100%;}
.bullet ul li{ clear:both; color:#333; line-height:24px; font-family: 'Nunito Sans';font-weight:400; padding-bottom:5px;}
.bullet ul li a{ text-decoration:none; border:none; outline:none; color:#333;}
.bullet ul li a:hover{ text-decoration:underline; border:none; outline:none; color:#333;}
.class1 p a{ text-decoration:underline; border:none; outline:none; color:#000;}
.class1 p a:hover{ text-decoration:none; border:none; outline:none; color:#173667;}
.footer-outer{ float:left; width:100%; padding-top:80px; padding-bottom:80px;background: url(images/bg.jpg) no-repeat top center; background-size:cover !important;}
.footer{ clear:both;}
.footer p { clear:both; line-height:25px; margin-bottom:0px; font-family: 'Nunito Sans';font-weight:400; padding-bottom:7px; color:#333; font-size:14px;}
.footer p a{ text-decoration:none; border:none; outline:none; color:#333;}
.footer p a:hover{ text-decoration:underline; border:none; outline:none; color:#333;}
.copyright-outer{ float:left; width:100%; padding-top:15px; padding-bottom:15px;background-color:#52658c;}
.copyright{ clear:both;}
.copyright p{ clear:both; line-height:25px; margin-bottom:0px; font-family: 'Nunito Sans';font-weight:400; padding-bottom:0px; color:#fff; font-size:14px; }
.logo2{ clear:both; padding-bottom:45px;}
.social{clear:both;}
.social img{ float:left; height:30px; margin-right:4px;}
.social img:hover:first-child{ opacity:.8;}
#top {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom:20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background: url(images/arrow.png) no-repeat center center #333; background-size:20px; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding:20px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#top:hover {
  background-color: #666; /* Add a dark-grey background on hover */
}
.banner-outer2{ float:left; width:100%; padding-top:40px; padding-bottom:40px; background-color:#666;  }
.banner2 h1{ clear:both; line-height:32px;margin-bottom:0px; font-family: 'Nunito Sans'; font-weight:bold; padding-bottom:5px; color:#fff; font-size:32px;   }
.banner2 h3{ clear:both;line-height:32px; margin-bottom:0px; font-family: 'Nunito Sans'; font-weight:400; padding-bottom:0px; color:#fff; font-size:18px;  }
.banner2 img{ float:invert; height:17px; margin-top:-4px;}
.form2 input[type="email"]{ float:left; width:100%; padding-left:12px; padding-right:12px;border:solid 1px #d8d8d8; height:34px; margin-bottom:4px;font-size:14px; color:#666; font-weight:normal; font-family: 'Nunito Sans';font-weight:400; }
.form2 input[type="tel"]{ float:left; width:100%; padding-left:12px; padding-right:12px;border:solid 1px #d8d8d8; height:34px; margin-bottom:4px;font-size:14px; color:#666; font-weight:normal; font-family: 'Nunito Sans';font-weight:400; }
.form2 textarea{ float:left; width:100%; padding-left:12px; padding-top:12px; padding-bottom:12px;  padding-right:12px;border:solid 1px #d8d8d8; height:80px; margin-bottom:4px;font-size:14px; color:#666; font-weight:normal;  font-family: 'Nunito Sans';font-weight:400;}
.form3 textarea{ float:left; width:100%; padding-left:12px; padding-top:12px; padding-bottom:12px;  padding-right:12px;border:solid 1px #d8d8d8; height:80px; margin-bottom:4px;font-size:14px; color:#666; font-weight:normal;  font-family: 'Nunito Sans';font-weight:400;}
.form2 input[type="text"]{ float:left; width:100%; padding-left:12px; padding-right:12px;border:solid 1px #d8d8d8; height:34px; margin-bottom:4px;font-size:14px; color:#666;font-weight:normal; font-family: 'Nunito Sans';font-weight:400;  }
.form2 input[type="submit"]{ float:right;display:block; width:100%; padding:0px 0px 0px 0px; background-color:#666; height:34px; margin-bottom:12px;  transition:0.5s ease; font-size:17px;  color:#fff; cursor:pointer ; border:none; font-weight:700; font-family: 'Nunito Sans'; }
.form2 input[type="submit"]:hover{color:#fff; text-decoration:none; letter-spacing:1px; }
.form2 label{ float:left; padding-top:5px; color:#666;}
.color2{ color:#6C3 !important; font-weight:700 !important;}
.class1 h6{clear:both; line-height:24px; margin-bottom:0px;font-family: 'Nunito Sans';font-weight:400; padding-bottom:6px;color:#333; font-size:15px;}
.class1 h6 span{ color:#F00;}
.img4{ float:right; padding-left:60px; padding-bottom:16px; }
.img4 img{ border-radius:25px 0px 25px 0px; border:solid 1px #d8d8d8;}
.img5{ clear:both; text-align:center; padding-bottom:16px; }
.img5 img{ border-radius:25px 0px 25px 0px; }
.img5:hover{ opacity:.8;}
@media all and (max-width:1399px) 
{
	.logo {
  padding-top: 9px;
}
	.logo img{ width:220px;}
	.header-area .main-nav .nav {
  margin-top:8px;}
  .header-area .main-nav .nav li a{ font-size:16px;}
  .right-section h3 {
  margin-top: 9px;
  padding-left: 27px;
  font-size: 17px;
  line-height: 28px;
}
.banner h1 {
  line-height:39px;
  padding-top:35%;
  padding-bottom: 6px;
  font-size:38.5px;
}
.banner h3 {
  line-height: 27px;
  font-size: 21px;
}
.img1 {
  padding-top:0%;
}
	}
@media all and (max-width:1200px) 
{
.logo {
  padding-top: 9px;
}
	.logo img{ width:220px;}
	.header-area .main-nav .nav {
  margin-top:8px;}
  .header-area .main-nav .nav li a{ font-size:16px;}
  .right-section h3 {
  margin-top: 9px;
  padding-left: 27px;
  font-size: 17px;
  line-height: 28px;
}
.banner h1 {
  line-height:39px;
  padding-top:40%;
  padding-bottom: 6px;
  font-size:38.5px;
}
.banner h3 {
  line-height: 27px;
  font-size: 21px;
}
.img1 {
  padding-top:0%;
}
.class1 h2 {
  font-size:27px;
  padding-bottom: 15px;
  line-height: 31px;
}
.img2 {
  float: right;
  padding-left:10px;
  padding-bottom: 16px;
}
.content-outer{  padding-top:40px; padding-bottom:40px;}
.footer-outer{  padding-top:60px; padding-bottom:60px;}
.logo2 {
  padding-bottom:30px;
}
.logo2 img{ width:220px;}
.footer h3 {
  line-height: 24px;
  padding-bottom: 10px;
  font-size: 21px;
}
.banner-outer2{ padding-top:30px; padding-bottom:30px;  }
.banner2 h1{  line-height:32px;  font-size:32px;   }
.banner2 h3{ line-height:32px;font-size:17px;  }
}
@media all and (max-width:992px) 
{
	.right-section{ width:100%;}
.logo {
  padding-top: 9px;
}
	.logo img{ width:220px;}
	.header-area .main-nav .nav {
  margin-top:8px;}
  .header-area .main-nav .nav li a{ font-size:16px;}
  .right-section h3 {
  margin-top:-55px;
  padding-left: 27px;
  font-size: 17px;
  line-height: 28px;
}
.banner-outer{  background-size:cover !important; padding-top:50px; padding-bottom:50px; }
.banner h1 {
  line-height:32px;
  padding-top:28%;
  padding-bottom: 6px;
  font-size:31px;
}
.banner h3 {
  line-height: 27px;
  font-size:17px;
}
.img1 {
  padding-top:0%;
}
.class1 h2 {
  font-size:27px;
  padding-bottom:7px;
  line-height: 31px;
}
.img2 {
  float:none; clear:both; text-align:center;
  padding-left:0px;
  padding-bottom:32px; padding-top:15px;
}

.img2 img{ width:40%;}
.content-outer{  padding-top:40px; padding-bottom:40px;}
.footer-outer{  padding-top:60px; padding-bottom:60px;}
.logo2 {
  padding-bottom:15px;
}
.logo2 img{ width:220px;}
.footer h3 {
  line-height: 24px;
  padding-bottom: 10px;
  font-size: 21px;
}
.a3{ width:100% !important;}
.a4{ width:100% !important;}
.a7{ width:100% !important;}
.social img{ margin-bottom:12px;}
.box1 ul li:nth-child(4) {
  margin-left: 18%;
}
.img4 {
  float:none; clear:both; text-align:center;
  padding-left:0px; padding-top:10px; padding-bottom:0px;
}
.banner-outer2{ padding-top:30px; padding-bottom:30px;  }
.banner2 h1{  line-height:27px;  font-size:27px;   }
.banner2 h3{ line-height:28px;font-size:16px;  }
.img5 {
 padding-top:5px; padding-bottom:5px;
}
}

@media all and (max-width:768px) 
{
.logo {
  padding-top: 9px;
}
	.logo img{ width:200px;}
	.header-area .main-nav .nav {
  margin-top:8px;}
  .banner-outer{ padding-top:40px; padding-bottom:40px;}
  .header-area .main-nav .nav li a{ font-size:16px;}
  .right-section h3 {
  margin-top:-55px;
  padding-left: 27px;
  font-size: 17px;
  line-height: 28px;
}
.banner h1 {
  line-height:32px; text-align:center;
  padding-top:4%;
  padding-bottom: 6px;
  font-size:31px;
}
.banner h3 {
  line-height: 27px;text-align:center;
  font-size:17px;
}
.img1 {
  padding-top:2%; float:none; clear:both; text-align:center;
}
.img1 img{ width:71%;}
.class1 h2 {
  font-size:27px;
  padding-bottom:7px;
  line-height: 31px;
}
.img2 {
  float:none; clear:both; text-align:center;
  padding-left:0px;
  padding-bottom:32px; padding-top:5px;
}
.img2 img{ width:40%;}
.content-outer{  padding-top:40px; padding-bottom:40px;}
.footer-outer{  padding-top:50px; padding-bottom:50px;}
.logo2 {
  padding-bottom:15px;
}
.logo2 img{ width:200px;}
.footer h3 {
  line-height: 24px;
  padding-bottom: 10px;
  font-size: 21px;
}
.a1{ width:100% !important;}
.a2{ width:100% !important;}
.a3{ width:100% !important;}
.a4{ width:100% !important;}
.a7{ width:100% !important;}
.social img{ margin-bottom:12px;}
.box1 ul li:nth-child(4) {
  margin-left: 1%;
}
.box1 ul li {
  width:48%;
  margin-right:1%;
  margin-left:1%;
  float: left;
  padding:0% 0% 0% 0%; margin-top:2%;
}
.img3 {
  padding-top:2%; float:none; clear:both; text-align:center;
}
.img3 img{ width:71%;}
.banner-outer2{ padding-top:25px; padding-bottom:25px;  }
.banner2 h1{  line-height:25px;  font-size:23px; padding-bottom:1px;  }
.banner2 h3{ line-height:28px;font-size:15px;  }
.banner2 img{ height:14px;}
.class1 h6 {
  line-height: 24px;
  padding-bottom: 6px;
  font-size: 14px;
}
}
@media all and (max-width:580px) 
{
.logo {
  padding-top: 9px;
}
	.logo img{ width:180px;}
	.header-area .main-nav .nav {
  margin-top:8px;}
  .header-area .main-nav .nav li a{ font-size:16px;}
  .right-section h3 {
  margin-top:-46px;
  padding-left: 27px;
  font-size: 15px;
  line-height: 28px;
}
.img4{ clear:both; text-align:center;}
  .banner-outer{ padding-top:20px; padding-bottom:20px;}
.banner h1 {
  line-height:24px; text-align:center;
  padding-top:3%;
  padding-bottom:3px;
  font-size:26px;
}
.banner h3 {
  line-height: 27px;text-align:center;
  font-size:17px;
}
.img1 {
  padding-top:3%; float:none; clear:both; text-align:center;
}
.img1 img{ width:76%;}
.class1 h2 {
  font-size:23px;
  padding-bottom:4px;
  line-height:25px;
}
.img2 {
  float:none; clear:both; text-align:center;
  padding-left:0px;
  padding-bottom:32px; padding-top:5px;
}
.img2 img{ width:42%;}
.content-outer{  padding-top:30px; padding-bottom:30px;}
.footer-outer{  padding-top:40px; padding-bottom:40px;}
.logo2 {
  padding-bottom:15px;
}
.logo2 img{ width:180px;}
.footer h3 {
  line-height: 24px;
  padding-bottom: 10px;
  font-size: 20px;
}
.a1{ width:100% !important;}
.a2{ width:100% !important;}
.a3{ width:100% !important;}
.a4{ width:100% !important;}
.a7{ width:100% !important;}
.social img{ margin-bottom:12px; height:27px;}
.box1 ul li:nth-child(4) {
  margin-left: 1%;
}
.box1 ul li {
  width:98%;
  margin-right:1%;
  margin-left:1%;
  float: left;
  padding:0% 0% 0% 0%; margin-top:2%;
}
.img3 {
  padding-top:2%; float:none; clear:both; text-align:center;
}
.img3 img{ width:76%;}
.btn2 {
  margin-bottom: 25px;
  padding-top: 3px;
  padding-bottom: 3px; width:100px;
  font-size: 14px;
  border: solid 1px #333;
}
#top {

  bottom:10px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  padding:15px; /* Some padding */
  font-size: 16px; /* Increase font size */
}
.banner-outer2{ padding-top:20px; padding-bottom:20px;  }
.banner2 h1{  line-height:25px;  font-size:23px;   }
.banner2 h3{ line-height:28px;font-size:14px;  }
.class1 h6 {
  line-height: 24px;
  padding-bottom: 3px;
  font-size: 14px;
}
}

@media all and (max-width:380px) 
{
.logo {
  padding-top: 9px;
}
	.logo img{ width:140px;}
	.header-area .main-nav .nav {
  margin-top:8px;}
  .header-area .main-nav .nav li a{ font-size:13px;}
  .right-section h3 {
  margin-top:-41px;
  padding-left:16px;
  font-size: 13px; background-size:15px !important;
  line-height: 18px;
}
.img4{ clear:both; text-align:center;}
  .banner-outer{ padding-top:20px; padding-bottom:20px;}
.banner h1 {
  line-height:24px; text-align:center;
  padding-top:2%;
  padding-bottom:6px;
  font-size:18px;
}
.banner h3 {
  line-height: 26px;text-align:center;
  font-size:13px;
}
.class1 p{ font-size:13px;}
.img1 {
  padding-top:3%; float:none; clear:both; text-align:center;
}
.img1 img{ width:auto;}
.class1 h2 {
  font-size:20px;
  padding-bottom:7px;
  line-height:27px;
}
.img2 {
  float:none; clear:both; text-align:center;
  padding-left:0px;
  padding-bottom:32px; padding-top:5px;
}
.img2 img{ width:60%;}
.content-outer{  padding-top:20px; padding-bottom:20px;}
.footer-outer{  padding-top:20px; padding-bottom:20px;}
.logo2 {
  padding-bottom:15px;
}
.logo2 img{ width:140px;}
.footer h3 {
  line-height: 24px;
  padding-bottom: 10px;
  font-size:18px;
}
.a1{ width:100% !important;}
.a2{ width:100% !important;}
.a3{ width:100% !important;}
.a4{ width:100% !important;}
.a7{ width:100% !important;}
.social img{ margin-bottom:12px; height:27px;}
.box1 ul li:nth-child(4) {
  margin-left: 1%;
}
.box1 ul li {
  width:98%;
  margin-right:1%;
  margin-left:1%;
  float: left;
  padding:0% 0% 0% 0%; margin-top:2%;
}
.img3 {
  padding-top:2%; float:none; clear:both; text-align:center;
}
.img3 img{ width:auto;}
.bullet ul li { font-size:13px;}
.footer p { font-size:13px;}
.copyright p { font-size:13px; line-height:20px;}
.banner-outer2{ padding-top:10px; padding-bottom:10px;  }
.banner2 h1{  line-height:25px;  font-size:20px;   }
.banner2 h3{ line-height:28px;font-size:13px;  }
.class1 h6 {
  line-height: 24px;
  padding-bottom: 3px;
  font-size: 13px;
}
}