body{ font-family: 'Raleway', sans-serif; font-weight: 400; color: #686a7e; /*padding-top: 140px;*/ position: relative; }
body.offset:before {  
    display: block;  content: " "; 
    height: 50px; 
    margin-top: -50px; 
    visibility: hidden;
}
a{
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	    -ms-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
}

.container{ max-width: 1200px; }
.topbar{ background: #000; padding: 5px 0; }
.header{ background: #fff; }
.header .logo{ padding: 10px 0; }
.header .header-right{ text-align: right; }
.header ul.time{ margin: 0; padding: 0; list-style: none; display: inline-block; }
.header ul.time li{ display: inline-block; padding-right: 50px; font-size: 14px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 500; }
.header ul.time li a{ color: #fff; text-decoration: none;}
.header ul.time li a img{ margin-right: 5px; margin-top: -3px; }
.header ul.time li a:hover{ color: #00a651; }
.header ul.social{ margin: 0; padding: 0; list-style: none; display: inline-block; }
.header ul.social li{ display: inline-block; padding: 0 3px; }
.header ul.social li a{ display: inline-block;}
.header ul.social li a img{ 
-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
     -ms-transition: all .2s ease;
      -o-transition: all .2s ease;
         transition: all .2s ease;}
.header ul.social li a:hover img{ opacity: .8;}
.header .navbar-expand-lg{ background: #fff; padding: 0; }
.header .navbar-expand-lg .navbar-nav .nav-item{ padding-right: 40px; }
.header .navbar-expand-lg .navbar-nav .nav-item:last-child{ padding-right: 0px; }
.header .navbar-expand-lg .navbar-nav .nav-link{ padding: 12px 10px; color: #000; }
.header .navbar-expand-lg .navbar-nav .nav-link:hover, .header .navbar-expand-lg .navbar-nav .nav-link.active{ background: #00a651; color: #fff; }
.header .navbar-expand-lg.fixed{ position: fixed; top: 0; left: 0; right: 0; z-index: 9; }

.banner .carousel-dark .carousel-caption{ background: rgba(255,255,255,.5); }
.banner h1{ font-size: 62px; color: #0a0f30; font-weight: 400; margin: 0; padding: 0; }
.banner h1 strong{ color: #e55425; font-weight: 700; }
.banner .subtext{ font-size: 21px; color: #0a0f30; font-weight: 500; padding: 15px 0 0px; margin: 0;}

.btn-primary{ font-size: 18px; color: #fff; padding: 14px 25px; border-radius: 30px; border: none; margin-right: 6px; font-weight: 600; background: #00a651; }
.btn-primary:focus{ box-shadow: none; outline: none; }
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus{ box-shadow: none; }
.btn-primary:hover{ background: #028140; }

h2{ margin: 0; padding: 0; font-size: 40px; color: #0a0f30; font-weight: 700; }

.text-right{ text-align: right; }

.about{ padding: 80px 0; }
.about p{ font-size: 18px; color: #686a7e; line-height: 28px; margin: 0; padding: 20px 0 60px; }
.about ul{ margin: 0; padding: 0; list-style: none; }
.about ul li{ display: block; font-size: 16px; color: #686a7e; padding: 6px 0 6px 24px; position: relative; }
.about ul li:before{ position: absolute; top: 11px; left: 0; content: ''; width: 13px; height: 13px; background: #00a651; border-radius: 50%; }

.product{ padding: 50px 0 80px; }
.product .pro:hover{ box-shadow: 0 5px 20px rgba(0,0,0,.08); }
.product .pro{ margin: 45px 0 0; border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,.05); background: #fff;
-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
     -ms-transition: all .2s ease;
      -o-transition: all .2s ease;
         transition: all .2s ease; }
.product .pro h5{ margin: 0; padding: 20px 10px; font-size: 18px; color: #0a0f30; text-align: center; }
.product .pro h5 a{ color: #0a0f30; text-decoration: none; }
.product .pro h5 a:hover{ color: #00a651; text-decoration: none; }

.footer{ padding: 10px 0; background: #000; }
.footer ul.social{ margin: 0; padding: 0px; list-style: none; text-align: right; }
.footer ul.social li{ display: inline-block; vertical-align: top; }
.footer ul.social li a{ width: 33px; height: 33px; border-radius: 50%; line-height: 32px; text-align: center; background: #00a651; display: inline-block; margin:0 10px 0px 0; 
-webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
     -o-transition: all .2s ease;
        transition: all .2s ease;}
.footer ul.social li:first-child a:hover{ background: #284ca5; }
.footer ul.social li:nth-child(2) a:hover{ background: #1888de; }
.footer ul.social li:nth-child(3) a:hover{ background: #e615c1; }
.footer ul.social li:nth-child(4) a:hover{ background: #157cb0; }
.footer ul.social li:nth-child(5) a:hover{ background: #e92518; }

.copyright p{ padding-top: 5px; font-size: 16px; color: #babbc2; margin: 0; }
.copyright p a{ font-size: 16px; color: #babbc2; text-decoration: none; }
.copyright p a:hover{ color: #fff; text-decoration: none; }

/*responsive*/
@media (max-width: 1199px){
  .header .navbar-expand-lg .navbar-nav .nav-item{ padding-right: 22px; }
  .header ul.time li{ padding-right: 30px; }
}
@media (max-width: 990px){
  .header .navbar-expand-lg{ padding: 5px 0; }
  .navbar-toggler{ border-color: #fff; background: #000; outline: none; box-shadow: none;}
  .navbar-toggler:focus{ box-shadow: none;}
  .navbar-toggler-icon{ background: url(../images/bar.png) no-repeat center center; }
  .header .navbar-expand-lg .navbar-nav .nav-item{ padding-right: 0; }
  .banner h1{ font-size: 30px; }
  .banner .subtext{ font-size: 18px; }
  .about{ padding: 40px 0; }
  h2{ font-size: 30px; }
  .about p{ font-size: 16px; }
}
@media (max-width: 767px){
  .header ul.time li{ padding-right: 20px; }
	.about .text-right{ text-align: center; }
  .copyright { text-align: center; }
  .footer ul.social { text-align: center; padding-top: 10px; }
  h2{ font-size: 24px; }
}

@media (max-width: 568px){
  .header .logo{ text-align: center; } 
}
@media (max-width: 430px){
.header .topbar{ display: none;}
.banner{ margin-top: 94px; }
}

@media (max-width: 360px){
  .footer .col-6{ width: 100%; }
}