@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Template Name: Glaxdu – Education Bootstrap 4 Template
    Version: 3 
    更多模板：http://www.bootstrapmb.com/
-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Template default CSS
    2. Header style
	3. Slider style
    4. choose us area
    5. About us
    6. Course area
    7. Achievement style
    8. Register style
    9. Teacher style
    10. Event area
    11. Blog style 
    12. footer area
    13. Banner style
    14. Product style
    15. Discount area
    16. Brand logo
    17. Blog details
    18. Cart page
    19. Checkout page
    20. Contact page
    21. Course details
    22. Event details page
    23. Product details page
    24. Shop page

    25. Sidebar style
    26. Video style
    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");*/
/*-- Common Style --*/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  height: 100%; }

body {
  background-color: #ffffff;
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #333; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  margin-top: 0; }

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #333;
  margin-bottom: 15px; }

h1 {
  font-size: 36px;
  line-height: 42px; }

h2 {
  font-size: 30px;
  line-height: 36px; }

h3 {
  font-size: 24px;
  line-height: 30px; }

h4 {
  font-size: 18px;
  line-height: 24px; }

h5 {
  font-size: 14px;
  line-height: 18px; }

h6 {
  font-size: 12px;
  line-height: 14px; }

p:last-child {
  margin-bottom: 0; }

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer; 
}

a,
button,
img,
input,
span {
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s; }

*:focus {
  outline: none !important; }

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none; }

button,
input[type="submit"] {
  cursor: pointer; }

ul {
  list-style: outside none none;
  margin: 0;
  /*margin-top: 20px;*/
  padding: 0; }

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden; }

.hidden {
  display: none; }

.clear {
  clear: both; }

.section {
  float: left;
  width: 100%; }

.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

.bg-img {
  background-position: center center;
  background-size: cover; }

.border-bottom-1 {
  border-bottom: 1px solid #d5d5d5; }

a:hover {
  color: #00a651; }

/*************************
  Basic margin padding
*************************/
.m-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0; }

.p-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0; }

/*************************
         Margin top
*************************/
.mt-0 {
  margin-top: 0; }

.mt-10 {
  margin-top: 10px; }

.mt-12 {
  margin-top: 12px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-25 {
  margin-top: 25px; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-45 {
  margin-top: 45px; }

.mt-50 {
  margin-top: 50px; }

.mt-60 {
  margin-top: 60px; }

.mt-70 {
  margin-top: 70px; }

.mt-80 {
  margin-top: 80px; }
  @media only screen and (max-width: 767px) {
    .mt-80 {
      margin-top: 60px; } }

.mt-90 {
  margin-top: 90px; }

.mt-100 {
  margin-top: 100px; }

.mt-110 {
  margin-top: 110px; }

.mt-120 {
  margin-top: 120px; }

.mt-130 {
  margin-top: 130px; }

.mt-140 {
  margin-top: 140px; }

.mt-150 {
  margin-top: 150px; }

/*************************
      Margin right
*************************/
.mr-0 {
  margin-right: 0px; }

.mr-10 {
  margin-right: 10px; }

.mr-12 {
  margin-right: 12px; }

.mr-15 {
  margin-right: 15px; }

.mr-20 {
  margin-right: 20px; }

.mr-30 {
  margin-right: 30px; }

.mr-35 {
  margin-right: 35px; }

.mr-40 {
  margin-right: 40px; }

.mr-50 {
  margin-right: 50px; }

.mr-60 {
  margin-right: 60px; }

.mr-70 {
  margin-right: 70px; }

.mr-80 {
  margin-right: 80px; }

.mr-90 {
  margin-right: 90px; }

.mr-100 {
  margin-right: 100px; }

.mr-110 {
  margin-right: 110px; }

.mr-120 {
  margin-right: 120px; }

.mr-130 {
  margin-right: 130px; }

.mr-140 {
  margin-right: 140px; }

.mr-150 {
  margin-right: 150px; }

/*************************
      Margin bottom
*************************/
.mb-0 {
  margin-bottom: 0; }

.mb-10 {
  margin-bottom: 10px; }

.mb-12 {
  margin-bottom: 12px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-35 {
  margin-bottom: 35px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-45 {
  margin-bottom: 45px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-55 {
  margin-bottom: 55px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-65 {
  margin-bottom: 65px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-75 {
  margin-bottom: 75px; }

.mb-80 {
  margin-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    .mb-80 {
      margin-bottom: 60px; } }

.mb-90 {
  margin-bottom: 90px; }

.mb-95 {
  margin-bottom: 95px; }

.mb-100 {
  margin-bottom: 100px; }
  @media only screen and (max-width: 767px) {
    .mb-100 {
      margin-bottom: 50px; } }

.mb-110 {
  margin-bottom: 110px; }

.mb-120 {
  margin-bottom: 120px; }

.mb-130 {
  margin-bottom: 130px; }

.mb-140 {
  margin-bottom: 140px; }

.mb-150 {
  margin-bottom: 150px; }

/*************************
        Margin left
*************************/
.ml-0 {
  margin-left: 0; }

.ml-10 {
  margin-left: 10px; }

.ml-12 {
  margin-left: 12px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-30 {
  margin-left: 30px; }

.ml-40 {
  margin-left: 40px; }

.ml-50 {
  margin-left: 50px; }

.ml-55 {
  margin-left: 55px; }

.ml-60 {
  margin-left: 60px; }

.ml-70 {
  margin-left: 70px; }

.ml-80 {
  margin-left: 80px; }

.ml-90 {
  margin-left: 90px; }

.ml-100 {
  margin-left: 100px; }

.ml-110 {
  margin-left: 110px; }

.ml-120 {
  margin-left: 120px; }

.ml-130 {
  margin-left: 130px; }

.ml-140 {
  margin-left: 140px; }

.ml-150 {
  margin-left: 150px; }

/*************************
        Padding top
*************************/
.pt-0 {
  padding-top: 0; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-30 {
  padding-top: 30px; }

.pt-40 {
  padding-top: 40px; }

.pt-45 {
  padding-top: 45px; }

.pt-50 {
  padding-top: 50px; }

.pt-55 {
  padding-top: 55px; }

.pt-60 {
  padding-top: 60px; }

.pt-70 {
  padding-top: 70px; }
  @media only screen and (max-width: 767px) {
    .pt-70 {
      padding-top: 60px; } }

.pt-75 {
  padding-top: 75px; }

.pt-80 {
  padding-top: 80px; }

.pt-95 {
  padding-top: 95px; }

.pt-90 {
  padding-top: 90px; }
  @media only screen and (max-width: 767px) {
    .pt-90 {
      padding-top: 60px; } }

.pt-100 {
  padding-top: 100px; }

.pt-95 {
  padding-top: 95px; }

.pt-105 {
  padding-top: 105px; }

.pt-110 {
  padding-top: 110px; }
  @media only screen and (max-width: 767px) {
    .pt-110 {
      padding-top: 40px; } }

.pt-115 {
  padding-top: 115px; }

.pt-120 {
  padding-top: 120px; }
  @media only screen and (max-width: 767px) {
    .pt-120 {
      padding-top: 50px; } }

.pt-125 {
  padding-top: 125px; }
  @media only screen and (max-width: 767px) {
    .pt-125 {
      padding-top: 55px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-125 {
      padding-top: 75px; } }

.pt-128 {
  padding-top: 128px; }

.pt-130 {
  padding-top: 130px; }
  @media only screen and (max-width: 767px) {
    .pt-130 {
      padding-top: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-130 {
      padding-top: 80px; } }

.pt-135 {
  padding-top: 135px; }

.pt-140 {
  padding-top: 140px; }

.pt-150 {
  padding-top: 150px; }

.pt-155 {
  padding-top: 155px; }

.pt-170 {
  padding-top: 170px; }

.pt-180 {
  padding-top: 180px; }
  @media only screen and (max-width: 767px) {
    .pt-180 {
      padding-top: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-180 {
      padding-top: 90px; } }

.pt-205 {
  padding-top: 205px; }

.pt-230 {
  padding-top: 230px; }

.pt-270 {
  padding-top: 270px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-270 {
      padding-top: 170px; } }
  @media only screen and (max-width: 767px) {
    .pt-270 {
      padding-top: 100px; } }

.pt-240 {
  padding-top: 240px; }

.pt-365 {
  padding-top: 365px; }

.pt-370 {
  padding-top: 370px; }

.pt-380 {
  padding-top: 380px; }

/*************************
        Padding right
*************************/
.pr-0 {
  padding-right: 0; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-30 {
  padding-right: 30px; }

.pr-40 {
  padding-right: 40px; }

.pr-50 {
  padding-right: 50px; }

.pr-60 {
  padding-right: 60px; }

.pr-70 {
  padding-right: 70px; }

.pr-80 {
  padding-right: 80px; }

.pr-90 {
  padding-right: 90px; }

.pr-100 {
  padding-right: 100px; }

.pr-110 {
  padding-right: 110px; }

.pr-120 {
  padding-right: 120px; }

.pr-130 {
  padding-right: 130px; }

.pr-140 {
  padding-right: 140px; }

.pr-155 {
  padding-right: 155px; }

.pr-270 {
  padding-right: 270px; }

/*************************
        Padding bottom
*************************/
.pb-0 {
  padding-bottom: 0; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-65 {
  padding-bottom: 65px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-80 {
  padding-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    .pb-80 {
      padding-bottom: 60px; } }

.pb-85 {
  padding-bottom: 85px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-95 {
  padding-bottom: 95px; }

.pb-100 {
  padding-bottom: 100px; }
  @media only screen and (max-width: 767px) {
    .pb-100 {
      padding-bottom: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-100 {
      padding-bottom: 50px; } }

.pb-105 {
  padding-bottom: 105px; }

.pb-110 {
  padding-bottom: 110px; }

.pb-115 {
  padding-bottom: 115px; }
  @media only screen and (max-width: 767px) {
    .pb-115 {
      padding-bottom: 45px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-115 {
      padding-bottom: 65px; } }

.pb-120 {
  padding-bottom: 120px; }
  @media only screen and (max-width: 767px) {
    .pb-120 {
      padding-bottom: 50px; } }

.pb-125 {
  padding-bottom: 125px; }

.pb-130 {
  padding-bottom: 130px; }
  @media only screen and (max-width: 767px) {
    .pb-130 {
      padding-bottom: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-130 {
      padding-bottom: 80px; } }

.pb-140 {
  padding-bottom: 140px; }
  @media only screen and (max-width: 767px) {
    .pb-140 {
      padding-bottom: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-140 {
      padding-bottom: 50px; } }

.pb-145 {
  padding-bottom: 145px; }

.pb-150 {
  padding-bottom: 150px; }

.pb-170 {
  padding-bottom: 170px; }

.pb-180 {
  padding-bottom: 180px; }

.pb-280 {
  padding-bottom: 280px; }

.pb-210 {
  padding-bottom: 210px; }

.pb-285 {
  padding-bottom: 285px; }

.pb-270 {
  padding-bottom: 270px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-270 {
      padding-bottom: 170px; } }
  @media only screen and (max-width: 767px) {
    .pb-270 {
      padding-bottom: 100px; } }

.pb-290 {
  padding-bottom: 290px; }

/*************************
        Padding left
*************************/
.pl-0 {
  padding-left: 0; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-30 {
  padding-left: 30px; }

.pl-40 {
  padding-left: 40px; }

.pl-50 {
  padding-left: 50px; }

.pl-60 {
  padding-left: 60px; }

.pl-70 {
  padding-left: 70px; }

.pl-80 {
  padding-left: 80px; }

.pl-90 {
  padding-left: 90px; }

.pl-100 {
  padding-left: 100px; }

.pl-110 {
  padding-left: 110px; }

.pl-120 {
  padding-left: 120px; }

.pl-130 {
  padding-left: 130px; }

.pl-140 {
  padding-left: 140px; }

.pl-150 {
  padding-left: 150px; }

.pl-155 {
  padding-left: 155px; }

.pl-190 {
  padding-left: 190px; }

/***************************
    Page section padding 
****************************/
.ptb-0 {
  padding: 0; }

.ptb-10 {
  padding: 10px 0; }

.ptb-20 {
  padding: 20px 0; }

.ptb-30 {
  padding: 30px 0; }

.ptb-35 {
  padding: 35px 0; }

.ptb-32 {
  padding: 32px 0; }

.ptb-40 {
  padding: 40px 0; }

.ptb-50 {
  padding: 50px 0; }

.ptb-60 {
  padding: 60px 0; }

.ptb-70 {
  padding: 70px 0; }

.ptb-80 {
  padding: 80px 0; }

.ptb-90 {
  padding: 90px 0; }

.ptb-100 {
  padding: 100px 0; }

.ptb-110 {
  padding: 110px 0; }

.ptb-120 {
  padding: 120px 0; }

.ptb-130 {
  padding: 130px 0; }

.ptb-140 {
  padding: 140px 0; }

.ptb-150 {
  padding: 150px 0; }

.ptb-160 {
  padding: 160px 0; }

.ptb-170 {
  padding: 170px 0; }

.ptb-177 {
  padding: 177px 0; }

.ptb-180 {
  padding: 180px 0; }

.ptb-190 {
  padding: 190px 0; }

.ptb-200 {
  padding: 200px 0; }

.ptb-210 {
  padding: 210px 0; }

.ptb-220 {
  padding: 220px 0; }

.ptb-290 {
  padding: 290px 0; }

.ptb-310 {
  padding: 310px 0; }

/***************************
    Page section margin 
****************************/
.mtb-0 {
  margin: 0; }

.mtb-10 {
  margin: 10px 0; }

.mtb-15 {
  margin: 15px 0; }

.mtb-20 {
  margin: 20px 0; }

.mtb-30 {
  margin: 30px 0; }

.mtb-40 {
  margin: 40px 0; }

.mtb-50 {
  margin: 50px 0; }

.mtb-60 {
  margin: 60px 0; }

.mtb-70 {
  margin: 70px 0; }

.mtb-80 {
  margin: 80px 0; }

.mtb-90 {
  margin: 90px 0; }

.mtb-100 {
  margin: 100px 0; }

.mtb-110 {
  margin: 110px 0; }

.mtb-120 {
  margin: 120px 0; }

.mtb-130 {
  margin: 130px 0; }

.mtb-140 {
  margin: 140px 0; }

.mtb-150 {
  margin: 150px 0; }

.mtb-290 {
  margin: 290px 0; }

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input {
  background: #eceff8;
  border: 2px solid #eceff8;
  height: 45px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-left: 10px;
  font-size: 14px;
  color: #333;
  width: 100%; }

select {
  width: 100%;
  background: transparent;
  border: 0px solid #eceff8;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  color: #333; }

option {
  background: #fff;
  border: 0px solid #626262;
  padding-left: 10px;
  font-size: 14px; }

input:focus {
  background: transparent; }

textarea {
  resize: vertical;
  background: #eceff8;
  border: 2px solid #eceff8;
  padding: 10px;
  width: 100%;
  font-size: 14px; }

textarea:focus {
  background: transparent;
  border: 2px solid #4FC1F0;
  outline: none; }

.input-group.divcenter.input-group .form-control {
  padding-left: 0px; }

.custom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -21px;
  margin-left: -21px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-row {
      margin-right: -15px;
      margin-left: -15px; } }
  @media only screen and (max-width: 767px) {
    .custom-row {
      margin-right: -15px;
      margin-left: -15px; } }

.custom-col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 21px;
  padding-left: 21px;
  position: relative;
  width: 100%;
  min-height: 1px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .custom-col-5 {
      padding-right: 15px;
      padding-left: 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .custom-col-5 {
      padding-right: 15px;
      padding-left: 15px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333%;
      flex: 0 0 33.333%;
      max-width: 33.333%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-col-5 {
      padding-right: 15px;
      padding-left: 15px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }
  @media only screen and (max-width: 767px) {
    .custom-col-5 {
      padding-right: 15px;
      padding-left: 15px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-col-5 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }

.mobile-menu-area {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .mobile-menu-area {
      display: block; } }
  @media only screen and (max-width: 767px) {
    .mobile-menu-area {
      display: block; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .mobile-menu-area {
      display: block; } }

.mean-container a.meanmenu-reveal {
  top: -26px; }

#mobile-menu-active {
  display: none; }

.mobile-menu .mean-nav ul.menu-overflow {
  height: 215px;
  margin-top: 10;
  overflow-y: auto; }

.mobile-menu.mean-container .mean-nav ul {
  margin: 14px 0 0; }


.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8%;
    /* color: #fff; */
    text-align: center;
    opacity: .3;
  }
/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 50px;
  height: 50px;
  background-color: #00a651;
  color: #fff;
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important; }
  @media only screen and (max-width: 767px) {
    #scrollUp {
      width: 40px;
      height: 40px; } }
  #scrollUp i {
    display: block;
    line-height: 50px;
    font-size: 22px; }
    @media only screen and (max-width: 767px) {
      #scrollUp i {
        line-height: 40px;
        font-size: 16px; } }
  #scrollUp:hover i {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

/*--
    - Background Color
------------------------------------------*/
.bg-gray {
  background-color: #f6f7f8; }

.default-btn {
  background-color: #00a651;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 21px 40px 21px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 1;
  letter-spacing: .5px;
  border-radius: 50px; }
  .default-btn:hover {
    background-color: #333;
    color: #fff; }
  @media only screen and (max-width: 767px) {
    .default-btn {
      padding: 14px 30px 14px;
      font-size: 15px; } }

.default-overlay {
  position: relative; }
  .default-overlay:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    right: 0;
    bottom: 0; }

/*--------- 2. Header style ---------*/
.header-top {
  padding: 15px 0 22px;
  position: relative; }
  .header-top:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 44px;
    content: "";
    background-color: #00a651;
    opacity: .8; }
    @media only screen and (max-width: 767px) {
      .header-top:before {
        height: 60px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .header-top:before {
        height: 46px; } }

.header-contact ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 767px) {
    .header-contact ul {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 5px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .header-contact ul {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-bottom: 0px; } }
  .header-contact ul li {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-right: 48px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .header-contact ul li {
        margin-right: 18px;
        font-size: 12px; } }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
      .header-contact ul li {
        font-size: 14px; } }
    .header-contact ul li i {
      font-size: 15px;
      margin-right: 10px; }
    .header-contact ul li:last-child {
      margin-right: 0px; }
    .header-contact ul li a {
      color: #fff; }
      .header-contact ul li a:hover {
        color: #eaeaea; }

.login-register {
  float: right; }
  @media only screen and (max-width: 767px) {
    .login-register {
      float: inherit; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .login-register {
      float: right; } }
  .login-register ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .login-register ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .login-register ul li {
      margin-right: 30px;
      line-height: 1;
      position: relative; }
      .login-register ul li:last-child {
        margin-right: 0; }
      .login-register ul li a {
        color: #fff;
        font-size: 14px;
        font-weight: 500; }
        .login-register ul li a:hover {
          color: #ddd; }
        @media only screen and (max-width: 767px) {
          .login-register ul li a {
            font-size: 12px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .login-register ul li a {
            font-size: 14px; } }
      .login-register ul li:before {
        position: absolute;
        top: 3px;
        right: -16px;
        content: "";
        background-color: #fff;
        height: 10px;
        width: 1px; }
      .login-register ul li:last-child:before {
        display: none; }
.navlogo{
margin-left: 10px;
}
.logo {
  margin-top: 31px; 
  margin-left: -60px;
  /*margin-bottom: 31px;*/
}
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .logo {
      margin-top: 0px;
     }
     .logo img{
      margin-left: 20px;
    }
       }
  @media only screen and (max-width: 767px) {
    .logo {
      margin-top: 0px; 
      } 
    .logo img{
            width: 160%;
      margin-left: 50px;
    }
    }

.menu-cart-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .menu-cart-wrap {
      margin-right: 38px; } }
  @media only screen and (max-width: 767px) {
    .menu-cart-wrap {
      margin-right: 38px; } }

.main-menu nav ul li {
  display: inline-block;
  margin-left: 8px;
  margin-top: 25px;
  position: relative;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu nav ul li {
      margin-left: 15px; } }
  .main-menu nav ul li ul.submenu {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 7px 0.5px rgba(0, 0, 0, 0.15);
    display: block;
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 170px;
    z-index: 999; }
    .main-menu nav ul li ul.submenu li {
      display: block;
      padding: 0 20px;
      margin-left: 0px; }
      .main-menu nav ul li ul.submenu li a {
        color: #333;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        text-align: left;
        text-transform: capitalize;
        padding-top: 0px; }
        .main-menu nav ul li ul.submenu li ul li a {
        font-size: 12px;
         }
        .main-menu nav ul li ul.submenu li a:hover {
          color: #00a651; }
        .main-menu nav ul li ul.submenu li a::before {
          background: #00a651 none repeat scroll 0 0;
          border-radius: 50%;
          content: "";
          height: 7px;
          left: 15px;
          opacity: 0;
          position: absolute;
          top: 13px;
          -webkit-transition: all 0.3s ease-in-out 0s;
          -o-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s;
          width: 7px;
          z-index: 999; }
      .main-menu nav ul li ul.submenu li:hover a::before {
        opacity: 1; }
      .main-menu nav ul li ul.submenu li:hover a {
        padding-left: 12px; }
  .main-menu nav ul li:hover > ul.submenu {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible; }
  > .main-menu nav ul li:first-child {
    margin-left: 0px; }
  .main-menu nav ul li:hover a {
    color: #00a651; }
  .main-menu nav ul li a {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    display: inline-block;
    line-height: 87px; }
    .main-menu nav ul li a i {
      color: #00a651;
      font-size: 12px;
      margin-left: 9px; }

.main-menu nav ul li.mega-menu-position {
  position: static; }
  .main-menu nav ul li.mega-menu-position ul.mega-menu {
    background-color: #fff;
    display: block;
    left: 0;
    padding: 33px 30px 30px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 7px -2px rgba(0, 0, 0, 0.3); }
    .main-menu nav ul li.mega-menu-position ul.mega-menu > li {
      display: inline-block;
      float: left;
      padding-left: 60px;
      margin-left: 0;
      width: 25%; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .main-menu nav ul li.mega-menu-position ul.mega-menu > li {
          padding-left: 30px; } }
      .main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title {
        float: inherit;
        width: 100%; }
        .main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title a {
          color: #242424;
          margin: 0 0 10px;
          text-transform: uppercase; }
          .main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title a::before {
            display: none; }
        .main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li.mega-menu-title:hover a {
          padding-left: 0px; }
      .main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li {
        display: block;
        float: inherit;
        padding: 0px; }
        .main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a {
          color: #333;
          display: block;
          font-size: 14px;
          font-weight: 400;
          line-height: 32px;
          text-align: left;
          text-transform: capitalize;
          padding-top: 0px; }
          .main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a:hover {
            color: #00a651; }
          .main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li a::before {
            background: #00a651 none repeat scroll 0 0;
            border-radius: 50%;
            content: "";
            height: 7px;
            left: 0px;
            opacity: 0;
            position: absolute;
            top: 13px;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
            width: 7px;
            z-index: 999; }
        .main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li:hover a::before {
          opacity: 1; }
        .main-menu nav ul li.mega-menu-position ul.mega-menu > li ul li:hover a {
          padding-left: 12px; }
  .main-menu nav ul li.mega-menu-position:hover > ul.mega-menu {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible; }
    /*ipad pro*/
@media only screen and (min-width: 992px) and (max-width: 1025px) {
    .main-menu nav ul li a {
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    display: inline-block;
    line-height: 87px; }
    .main-menu nav ul li a i {
      color: #00a651;
      font-size: 12px;
      margin-left: 5px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-menu {
    display: none; } }

@media only screen and (max-width: 767px) {
  .main-menu {
    display: none; } }

.cart-search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -35px;
  float: right;
}
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cart-search-wrap {
      margin-top: 0px; } }
  @media only screen and (max-width: 767px) {
    .cart-search-wrap {
      margin-top: 0px; } }

.cart-wrap {
  position: relative; }
  .cart-wrap button {
    padding: 0;
    border: none;
    background: transparent;
    position: relative;
    font-size: 16px;
    color: #333; }
    .cart-wrap button span.count-style {
      position: absolute;
      top: -8px;
      right: -11px;
      background-color: #00a651;
      color: #fff;
      display: inline-block;
      width: 19px;
      height: 19px;
      border-radius: 100%;
      line-height: 19px;
      font-size: 12px; }
  .cart-wrap .shopping-cart-content {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    display: none;
    padding: 31px 35px 10px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 340px;
    z-index: 9999; }
    @media only screen and (max-width: 767px) {
      .cart-wrap .shopping-cart-content {
        width: 295px;
        right: -80px;
        padding: 31px 15px 10px;
        overflow-y: auto;
        height: 300px;
        margin-top: 18px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .cart-wrap .shopping-cart-content {
        overflow-y: auto;
        height: 300px;
        margin-top: 18px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .cart-wrap .shopping-cart-content {
        overflow-y: auto;
        height: 400px; } }
    .cart-wrap .shopping-cart-content ul li {
      border-bottom: 1px solid #ebebeb;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 20px;
      padding-bottom: 15px; }
      .cart-wrap .shopping-cart-content ul li .shopping-cart-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 82px;
        flex: 0 0 82px;
        margin-right: 15px; }
      .cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 {
        color: #033333;
        font-size: 16px;
        line-height: 18px;
        font-weight: 55;
        margin: 0; }
        .cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 a {
          color: #033333; }
          .cart-wrap .shopping-cart-content ul li .shopping-cart-title h4 a:hover {
            color: #00a651; }
      .cart-wrap .shopping-cart-content ul li .shopping-cart-title h6 {
        font-size: 13px;
        margin: 3px 0 12px; }
      .cart-wrap .shopping-cart-content ul li .shopping-cart-title span {
        font-size: 15px; }
      .cart-wrap .shopping-cart-content ul li .shopping-cart-delete {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 100;
        -ms-flex-positive: 100;
        flex-grow: 100;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .cart-wrap .shopping-cart-content ul li .shopping-cart-delete a {
          font-size: 16px;
          color: #00a651; }
          .cart-wrap .shopping-cart-content ul li .shopping-cart-delete a:hover {
            color: #333; }
    .cart-wrap .shopping-cart-content .shopping-cart-total h4 {
      font-size: 14px;
      margin-bottom: 17px; }
      .cart-wrap .shopping-cart-content .shopping-cart-total h4 span {
        float: right;
        color: #333; }
    .cart-wrap .shopping-cart-content .shopping-cart-btn {
      margin-top: 23px; }
      .cart-wrap .shopping-cart-content .shopping-cart-btn a {
        margin-bottom: 20px;
        padding: 16px 40px 17px;
        font-weight: 500;
        font-size: 14px;
        display: block; }
  .cart-wrap:hover > button {
    color: #00a651; }

.header-search {
  position: relative;
  margin-left: 21px; }
  .header-search:hover > button {
    color: #00a651; }
  .header-search button {
    background: transparent;
    padding: 0;
    border: none;
    font-size: 16px;
    color: #333; }
  .header-search .search-content {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    z-index: 999; }
    .header-search .search-content form {
      position: relative; }
      .header-search .search-content form input {
        background-color: #fff;
        border: 1px solid #ddd;
        color: #333;
        line-height: 30px;
        padding: 0 50px 0 20px;
        width: 210px;
        height: 40px; }
      .header-search .search-content form button {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        height: 100%;
        border-left: 1px solid #ddd;
        padding: 5px 14px 5px 14px; }
        .header-search .search-content form button:hover {
          color: #00a651; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-bottom {
    padding: 20px 0; } }

@media only screen and (max-width: 767px) {
  .header-bottom {
    padding: 20px 0; } }

.sticky-bar.stick {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: #fff;
  border-bottom: 0 solid #4a90e2;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  left: 0;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s; }
  /*轮播高度*/
.mycarousel{
  height:65%;
}

.carousel-caption span{
  background: rgba(0, 0, 0, 0.8);
  color: white;
   padding: 2px;
   /*position: absolute;*/
    /*right: 125px;*/
    /*bottom: 30px;*/
    /*font-size: 18px;*/
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mycarousel {
    height: unset;} }

@media only screen and (max-width: 767px) {
  .mycarousel{
    height: unset; } }

.carousel-inner{
  height: 100%;
}
.carousel-item{
  height: 100%;
}
/*新闻动态*/
.news-area{
  margin-top: 30px;
}

.title-h5{
  font-weight: bolder;color: black;font-size: 20px; margin-left: 30px;
  text-align: center;
}
.index-tab{
  text-align: center;
}
.index-tab li{
  font-size: 15px;
  line-height: 38px;
      margin: 0 13px;
  display: inline-block;
}
.news-header{
/*font-weight: bolder;color: black;font-size: 20px; margin-left: 30px;*/
}
.news-content{
    padding-top: 13px;
    background: #FFF;
    overflow: hidden;
    box-shadow: 0 0 10px #d2e7e0;
    width: 1198px;
    margin: auto;
    margin-top: 20px;
}

.img-list{
  height: inherit;
}
.img-list img{
  padding: 15px 0px 10px 0px;
  height: 270px;
  width: 510px;
}
.news-list{
  height: inherit;
}
.news-list li{
  /*display: inline;*/
  height: inherit;
      font-size: 16px;
    height: 24px;
    line-height: 24px;
    position: relative;
    /*float: left;*/
    /*margin-left: 64px;*/
    padding-top: 15px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
}
.one-news{
  /*margin-left: 60px;*/
  /*margin-right: 80px;*/
}
.one-news a{
display: inline;
float: left;
width: 80%;
}
.one-news p{
  display: inline;
  float: right;
  width: 19%;
}
.one-news em{
  transition: all .3s ease-in;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #e5e5e5;
    /*left: 0;*/
    /*top: 9px;*/
}
/*--------- 3. Slider style ---------*/
.slider-height-1 {
  height: 844px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-1 {
      height: 600px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-1 {
      height: 600px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-1 {
      height: 500px; } }
  @media only screen and (max-width: 767px) {
    .slider-height-1 {
      height: 500px; } }

.slider-active {
  position: relative; }
  .slider-active .slider-single-img {
    width: 504px;
    position: absolute;
    right: 256px;
    bottom: 0; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .slider-active .slider-single-img {
        width: 430px;
        right: 50px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .slider-active .slider-single-img {
        width: 380px;
        right: 30px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .slider-active .slider-single-img {
        width: 350px;
        right: 30px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .slider-active .slider-single-img {
        width: 250px;
        right: 30px; } }
    @media only screen and (max-width: 767px) {
      .slider-active .slider-single-img {
        display: none; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content {
    padding-top: 150px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content {
    padding-top: 120px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content {
    padding-top: 100px; } }

@media only screen and (max-width: 767px) {
  .slider-content {
    padding-top: 50px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content {
    padding-top: 100px; } }

.slider-content h1 {
  font-size: 60px;
  color: #fff;
  font-weight: bold;
  margin: 0;
  line-height: 1; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content h1 {
      font-size: 65px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content h1 {
      font-size: 55px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content h1 {
      font-size: 40px; } }
  @media only screen and (max-width: 767px) {
    .slider-content h1 {
      font-size: 28px; } }

.slider-content p {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  width: 90%;
  margin: 25px 0 47px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-content p {
      width: 84%; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content p {
      width: 78%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content p {
      width: 100%;
      margin: 15px 0 27px; } }
  @media only screen and (max-width: 767px) {
    .slider-content p {
      width: 100%;
      margin: 25px 0 30px; } }

.slider-content .slider-btn a {
  margin-right: 27px; }
  .slider-content .slider-btn a:last-child {
    margin-right: 0; }
  @media only screen and (max-width: 767px) {
    .slider-content .slider-btn a {
      padding: 12px 16px 12px;
      font-size: 14px;
      margin-right: 10px; } }

.slider-content .slider-btn a.btn-green-color {
  background-color: #00a651;
  color: #fff;
  border: 1px solid #00a651; }
  .slider-content .slider-btn a.btn-green-color:hover {
    background-color: #fff;
    border: 1px solid transparent;
    color: #00a651; }

.slider-content .slider-btn a.btn-white-color {
  background-color: #fff;
  color: #00a651;
  border: 1px solid #77d0a2; }
  .slider-content .slider-btn a.btn-white-color:hover {
    background-color: #00a651;
    border: 1px solid transparent;
    color: #fff; }

.owl-item .slider-content * {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.owl-item.active .slider-animated-1 h1 {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

.owl-item.active .slider-animated-1 p {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

.owl-item.active .slider-animated-1 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

.owl-item.active .slider-animated-1.slider-single-img img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

.owl-item.active .slider-animated-2.slider-single-img2 img {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.owl-item.active .slider-animated-2 h1 {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.owl-item.active .slider-animated-2 p {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

.owl-item.active .slider-animated-2 a {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

/* slider style 2 home2*/
.slider-content.slider-content-2 {
  padding-top: 0px; }
  .slider-content.slider-content-2 p {
    width: 70%;
    margin: 25px auto 45px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .slider-content.slider-content-2 p {
        width: 78%;
        margin: 25px auto 35px; } }
    @media only screen and (max-width: 767px) {
      .slider-content.slider-content-2 p {
        width: 100%;
        margin: 20px auto 30px; } }

.slider-overlay2-1.default-overlay::before {
  opacity: .39;
  background-color: #000; }

.slider-overlay2-2.default-overlay::before {
  opacity: .43;
  background-color: #000; }

.slider-overlay2-3.default-overlay::before {
  opacity: .70;
  background-color: #000; }

.slider-height-2 {
  height: 800px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .slider-height-2 {
      height: 600px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-2 {
      height: 550px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-2 {
      height: 550px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-2 {
      height: 480px; } }
  @media only screen and (max-width: 767px) {
    .slider-height-2 {
      height: 480px; } }

/*----------------- home 3 ----------------*/
.slider-height-3 {
  height: 800px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .slider-height-3 {
      height: 600px; } }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .slider-height-3 {
      height: 550px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-height-3 {
      height: 550px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-height-3 {
      height: 430px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-height-3 {
      height: 450px; } }

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-3.pt-170 {
    padding-top: 80px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-3.pt-170 {
    padding-top: 80px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-3.pt-170 {
    padding-top: 50px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-3.pt-170 {
    padding-top: 50px; } }

@media only screen and (max-width: 767px) {
  .slider-height-3.pt-170 {
    padding-top: 30px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-3.pt-170 {
    padding-top: 50px; } }

.slider-single-img2 {
  margin: 0 85px 0 15px; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .slider-single-img2 {
      width: 390px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-single-img2 {
      margin: 0;
      width: 350px; } }
  @media only screen and (max-width: 767px) {
    .slider-single-img2 {
      margin: 0; } }

.slider-content-3.ml-55 {
  margin-left: 0; }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content-3.pt-115 {
    padding-top: 100px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-3.pt-115 {
    padding-top: 100px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3.pt-115 {
    padding-top: 30px; } }

@media only screen and (max-width: 767px) {
  .slider-content-3.pt-115 {
    padding-top: 50px; } }

.slider-content-3 h1 {
  color: #00a651;
  font-size: 60px;
  font-weight: bold;
  margin: 0; }
  .slider-content-3 h1 span.text-blue {
    color: #0259cf; }
  .slider-content-3 h1 span.text-pink {
    color: #c42d88; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-content-3 h1 {
      font-size: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider-content-3 h1 {
      font-size: 45px; } }
  @media only screen and (max-width: 767px) {
    .slider-content-3 h1 {
      font-size: 35px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .slider-content-3 h1 {
      font-size: 32px; } }

.slider-content-3 p {
  font-size: 18px;
  line-height: 30px;
  margin: 38px 0 36px; }
  @media only screen and (max-width: 767px) {
    .slider-content-3 p {
      margin: 15px 0 20px;
      font-size: 17px; } }

.nav-style-2.owl-carousel {
  position: relative; }
  .nav-style-2.owl-carousel .owl-nav div {
    background-color: #161616;
    color: #fff;
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    -webkit-box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
    box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
    left: 117px;
    opacity: 0;
    visibility: hidden; }
    .nav-style-2.owl-carousel .owl-nav div:hover {
      background-color: #00a651; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .nav-style-2.owl-carousel .owl-nav div {
        width: 50px;
        height: 50px;
        line-height: 50px;
        left: 50px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .nav-style-2.owl-carousel .owl-nav div {
        width: 50px;
        height: 50px;
        line-height: 50px;
        left: 50px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .nav-style-2.owl-carousel .owl-nav div {
        width: 50px;
        height: 50px;
        line-height: 50px;
        left: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .nav-style-2.owl-carousel .owl-nav div {
        width: 50px;
        height: 50px;
        line-height: 50px;
        left: 20px; } }
    @media only screen and (max-width: 767px) {
      .nav-style-2.owl-carousel .owl-nav div {
        width: 40px;
        height: 40px;
        line-height: 38px;
        left: 15px; } }
  .nav-style-2.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 117px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .nav-style-2.owl-carousel .owl-nav div.owl-next {
        right: 50px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .nav-style-2.owl-carousel .owl-nav div.owl-next {
        right: 50px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .nav-style-2.owl-carousel .owl-nav div.owl-next {
        right: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .nav-style-2.owl-carousel .owl-nav div.owl-next {
        right: 20px; } }
    @media only screen and (max-width: 767px) {
      .nav-style-2.owl-carousel .owl-nav div.owl-next {
        right: 15px; } }
  .nav-style-2.owl-carousel:hover .owl-nav div {
    opacity: 1;
    visibility: visible; }

.section-padding-1 .container-fluid {
  padding-right: 100px;
  padding-left: 100px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .section-padding-1 .container-fluid {
      padding-right: 80px;
      padding-left: 80px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-padding-1 .container-fluid {
      padding-right: 50px;
      padding-left: 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-padding-1 .container-fluid {
      padding-right: 40px;
      padding-left: 40px; } }
  @media only screen and (max-width: 767px) {
    .section-padding-1 .container-fluid {
      padding-right: 15px;
      padding-left: 15px; } }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-padding-1 .container-fluid {
      padding-right: 30px;
      padding-left: 30px; } }

.choose-bg-light-blue {
  background-color: #48a7d4; }

.choose-bg-yellow {
  background-color: #fdc735; }

.choose-bg-blue {
  background-color: #307ad5; }

.choose-bg-green {
  background-color: #10c45c; }

.choose-negative-mrg {
  margin-top: -20px;
  z-index: 9;
  position: relative; }

.single-choose-us {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 40px 20px 70px;
  -webkit-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s; }
  @media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .single-choose-us {
      padding: 20px 15px;} }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .single-choose-us {
      padding: 20px 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-choose-us {
      padding: 15px 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-choose-us {
      padding: 15px 10px; } }
  @media only screen and (max-width: 767px) {
    .single-choose-us {
      padding: 15px 10px} }
 .choose-content{
  margin: 0 auto;
 }
  .single-choose-us .choose-content h3 {
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    margin: 0 0 12px; }
    @media only screen and (min-width: 1366px) and (max-width: 1600px) {
      .single-choose-us .choose-content h3 {
        font-size: 20px;
        margin: 0 0 10px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1365px) {
      .single-choose-us .choose-content h3 {
        font-size: 18px;
        margin: 0 0 5px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-choose-us .choose-content h3 {
        font-size: 18px;
        margin: 0 0 5px;
        line-height: 25px; } }
    @media only screen and (max-width: 767px) {
      .single-choose-us .choose-content h3 {
        font-size: 18px;
        margin: 0 0 5px;
        line-height: 25px; } }
  .single-choose-us .choose-content p {
    line-height: 26px;
    font-size: 16px;
    color: #fff; }
  .single-choose-us:hover .choose-img img {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
    animation: 500ms ease-in-out 0s normal none 1 running tada; }

.section-title {
  position: relative;
  margin-left: 32px; }
  @media only screen and (max-width: 767px) {
    .section-title {
      margin-left: 0px; } }
  .section-title:before {
    content: url(../images/section-shape.png);
    position: absolute;
    left: -32px;
    top: 2px;
    bottom: auto; }
    @media only screen and (max-width: 767px) {
      .section-title:before {
        left: -5px; } }
  .section-title h4 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 30px; 
    padding-top: 20px;
  }
    @media only screen and (max-width: 767px) {
      .section-title h4 {
        font-size: 27px;
        margin: 0 0 10px; } }
    .section-title h4 span {
      color: #00a651;
      font-weight: 400; }
  .section-title p {
    font-size: 16px;
    line-height: 26px; }
    @media only screen and (max-width: 767px) {
      .section-title p {
        font-size: 15px; } }

@media only screen and (max-width: 767px) {
  .section-title.mb-75 {
    margin-bottom: 35px; }
  .section-title.mb-75.mrg-bottom-small {
    margin-bottom: 95px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.mb-75 {
    margin-bottom: 50px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-3.mb-100 {
    margin-bottom: 80px; } }

.section-title.white-text h2 {
  color: #fff; }

.section-title-green p {
  color: #00a651; }

@media only screen and (max-width: 767px) {
  .section-title.section-title-green.mb-30 {
    margin-bottom: 20px; } }

.section-title-2 {
  position: relative;
  margin-left: 32px;
  z-index: 9; }
  @media only screen and (max-width: 767px) {
    .section-title-2 {
      margin-left: 0px; } }
  .section-title-2:before {
    content: url(../../assets/img/icon-img/section-shape-2.png);
    position: absolute;
    left: -32px;
    top: 2px;
    bottom: auto; }
    @media only screen and (max-width: 767px) {
      .section-title-2:before {
        left: -5px; } }
  .section-title-2 h2 {
    font-size: 48px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 38px;
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .section-title-2 h2 {
        font-size: 35px; } }
    .section-title-2 h2 span {
      font-weight: 400; }
  .section-title-2 p {
    font-size: 16px;
    line-height: 26px;
    color: #fff; }

.section-title-3 {
  position: relative; }
  .section-title-3:before {
    position: absolute;
    left: 0px;
    right: 0;
    margin: 0 auto;
    bottom: -29px; }
  .section-title-3 h2 {
    font-size: 48px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 38px; }
    @media only screen and (max-width: 767px) {
      .section-title-3 h2 {
        font-size: 33px;
        margin: 0 0 10px; } }
    .section-title-3 h2 span {
      color: #00a651;
      font-weight: 400; }
  .section-title-3 p {
    font-size: 16px;
    line-height: 26px; }
    @media only screen and (max-width: 767px) {
      .section-title-3 p {
        font-size: 15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-3.ml-70 {
    margin-left: 0px;
    margin-top: 50px; } }

@media only screen and (max-width: 767px) {
  .section-title-3.ml-70 {
    margin-left: 0px;
    margin-top: 50px; } }

.section-title-3.white-text h2,
.section-title-3.white-text span,
.section-title-3.white-text p {
  color: #fff; }

.section-shape-hm2-1:before {
  content: url(../../assets/img/icon-img/section-shape-3.png); }

.section-shape-hm2-2:before {
  content: url(../../assets/img/icon-img/section-shape-4.png); }

.single-choose-us2 h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 37px 0 16px;
  line-height: 1; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-choose-us2 h4 {
      font-size: 16px; } }

.single-choose-us2 p {
  line-height: 23px;
  margin: 0; }

.single-choose-us2:hover img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
  animation: 500ms ease-in-out 0s normal none 1 running tada; }

.choose-padding {
  padding-right: 68px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .choose-padding {
      padding-right: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .choose-padding {
      padding-right: 0px; } }
  @media only screen and (max-width: 767px) {
    .choose-padding {
      padding-right: 0px; } }

.choose-newsletter {
  padding: 35px 30px 50px;
  border: 1px solid #f6f6f6;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(222, 222, 222, 0.22);
  box-shadow: 0px 6px 12px 0.8px rgba(222, 222, 222, 0.22); }
  @media only screen and (max-width: 767px) {
    .choose-newsletter {
      padding: 35px 20px 50px; } }
  .choose-newsletter h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0 0 19px; }
    @media only screen and (max-width: 767px) {
      .choose-newsletter h4 {
        font-size: 16px; } }
  .choose-newsletter p {
    font-size: 15px;
    line-height: 26px;
    margin: 0 0 42px; }
  .choose-newsletter form input,
  .choose-newsletter form textarea,
  .choose-newsletter form button {
    background: transparent;
    border: 1px solid #f6f6f6;
    height: 50px;
    padding: 2px 25px;
    font-size: 14px;
    color: #333;
    margin: 0 0 11px; }
  .choose-newsletter form textarea {
    height: 132px;
    padding: 20px 25px; }
  .choose-newsletter form button {
    width: 100%;
    text-align: left; }
    .choose-newsletter form button:hover {
      background-color: #00a651;
      border: 1px solid #00a651;
      color: #fff; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-newsletter.ml-40 {
    margin-left: 0; } }

@media only screen and (max-width: 767px) {
  .choose-newsletter.ml-40 {
    margin-left: 0; } }

/*---------------- about us ----------------*/
.single-about-chose-us {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .single-about-chose-us .about-choose-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin-right: 20px; }
    @media only screen and (max-width: 767px) {
      .single-about-chose-us .about-choose-img {
        margin-right: 10px; } }
  .single-about-chose-us .about-choose-content h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 5px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-about-chose-us .about-choose-content h3 {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .single-about-chose-us .about-choose-content h3 {
        font-size: 20px; } }
  .single-about-chose-us .about-choose-content p {
    line-height: 25px;
    margin: 0; }
  .single-about-chose-us:hover .about-choose-img img {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
    animation: 500ms ease-in-out 0s normal none 1 running tada; }

.text-light-blue.about-choose-content h3 {
  color: #48a7d4; }

.text-yellow.about-choose-content h3 {
  color: #fdc735; }

.text-blue.about-choose-content h3 {
  color: #307ad5; }

/*--------- 4. choose us area ---------*/
.text-green.about-choose-content h3 {
  color: #00a651; }

.about-negative-mrg {
  margin-left: -30px;
  margin-right: 40px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-negative-mrg {
      margin-left: 0px;
      margin-right: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-negative-mrg {
      margin-left: 0px;
      margin-right: 0px; } }
  @media only screen and (max-width: 767px) {
    .about-negative-mrg {
      margin-left: 0px;
      margin-right: 0px; } }

.about-img img {
  width: 100%; }

@media only screen and (max-width: 767px) {
  .single-about-chose-us.mb-95 {
    margin-bottom: 30px; } }

@media only screen and (max-width: 767px) {
  .about-chose-us.pt-120 {
    padding-top: 0; } }

@media only screen and (max-width: 767px) {
  .section-title-2.mb-75 {
    margin-bottom: 50px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-2.mb-75 {
    margin-bottom: 50px; } }

/*--------- 5. About us ---------*/
.about-content {
  margin-top: 28px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-content {
      margin-top: 0px; } }
  @media only screen and (max-width: 767px) {
    .about-content {
      margin-top: 0px; } }
  .about-content > p {
    line-height: 26px;
    width: 92%;
    margin: 0 0 0 32px; }
    @media only screen and (max-width: 767px) {
      .about-content > p {
        margin: 0 0 0 0px; } }
  .about-content .about-btn a.default-btn {
    -webkit-box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
    box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
    margin: 0 0 0 32px; }
    @media only screen and (max-width: 767px) {
      .about-content .about-btn a.default-btn {
        margin: 0 0 0 0px; } }
  @media only screen and (max-width: 767px) {
    .about-content .about-btn.mt-45 {
      margin-top: 15px; } }

@media only screen and (max-width: 767px) {
  .about-img.default-overlay {
    margin-top: 30px; } }

.about-img.default-overlay:before {
  background-color: #000;
  opacity: .5; }

.about-img.default-overlay img {
  width: 100%; }

.about-img.default-overlay .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

@media only screen and (max-width: 767px) {
  .about-img.default-overlay.about-img-2 {
    margin-top: 0; } }

.about-img.about-img-2.default-overlay::before {
  background-color: #000;
  opacity: 0.61; }

.about-content-2 p {
  line-height: 26px;
  margin: 0 0 30px; }

.about-content-2 > img {
  width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-content-2 > img {
      width: auto; } }

.about-content-2 .about-btn a.default-btn {
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
  box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26); }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-content-2.pr-70 {
    padding-right: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content-2.pr-70 {
    padding-right: 0;
    margin-top: 40px; } }

@media only screen and (max-width: 767px) {
  .about-content-2.pr-70 {
    padding-right: 0;
    margin-top: 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-img-2.mr-70 {
    margin-right: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-img-2.mr-70 {
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .about-img-2.mr-70 {
    margin-right: 0; } }

/* about us page */
.breadcrumb-top {
  position: relative;
  z-index: 9; }
  .breadcrumb-top h2 {
    font-weight: bold;
    font-size: 48px;
    margin: 0 0 22px;
    color: #fff;
    z-index: 9;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .breadcrumb-top h2 {
        font-size: 35px;
        margin: 0 0 10px; } }
  .breadcrumb-top p {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    z-index: 9;
    position: relative;
    margin: 0;
    width: 40%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .breadcrumb-top p {
        width: 73%; } }
    @media only screen and (max-width: 767px) {
      .breadcrumb-top p {
        width: 100%; } }

.breadcrumb-bottom {
  background-color: #00a651;
  padding: 14px 0 12px; }
  .breadcrumb-bottom ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .breadcrumb-bottom ul li a {
      font-weight: 500;
      font-size: 18px;
      color: #f6f6f6;
      line-height: 1; }
      .breadcrumb-bottom ul li a:hover {
        color: #fff; }
    .breadcrumb-bottom ul li span {
      font-weight: 500;
      font-size: 18px;
      color: #f6f6f6;
      line-height: 1; }
      .breadcrumb-bottom ul li span i {
        color: #f6f6f6;
        font-size: 14px;
        margin-right: 5px;
        position: relative;
        top: -1px; }

.breadcrumb-top.default-overlay:before {
  background-color: #000;
  opacity: .65; }

.breadcrumb-top.breadcrumb-overly-2.default-overlay:before {
  background-color: #003218;
  opacity: .76; }

.breadcrumb-top.breadcrumb-overly-3.default-overlay:before {
  background-color: #000;
  opacity: .3; }

.breadcrumb-top.breadcrumb-overly-4.default-overlay:before {
  background-color: #000;
  opacity: .73; }

.breadcrumb-top.breadcrumb-overly-5.default-overlay:before {
  background-color: #000;
  opacity: .65; }

@media only screen and (max-width: 767px) {
  .breadcrumb-top.pt-100 {
    padding-top: 50px; } }

@media only screen and (max-width: 767px) {
  .breadcrumb-top.pb-95 {
    padding-bottom: 45px; } }

/*--------- 8. Register style ---------*/
.register-area{
  margin-top: 50px;
  color: white;
}
.time{
  float: left;
    margin-right: 10px;
    border-width: 1px;
    border-style: solid;
    /*border-color: rgb(91, 192, 222);*/
    border-image: initial;
}
.info-a{
  display: block;
    color: white;
    height: 24px;
    line-height: 22px;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0px;
    overflow: hidden;
}
.info-list li{
  margin-bottom: 10px;
}
.info-list h4{
  color: white;
  font-size: 20px;
  font-weight: bolder;
  /*border-bottom: 1px solid #c2c2c2;*/
}
article{
  color: lightgray;
}
.content{
  float: right;
}
.time p{
color: lemonchiffon;
    /*font-size: 15px;*/
}
.day {
    width: 100%;
    height: 65%;
    /*background-color: rgb(19, 97, 169);*/
    color: white;
    font-size: 28px;
    text-align: center;
}
.mouse-bg {
  background-repeat: no-repeat;
  background-size: auto auto;
  position: absolute;
  left: 0;
  top: 0; }

/*--------- 11. Blog style ---------*/
.single-blog {
  position: relative; 
height: 90%;
width: 100%;
}
  .blog-img{
    height: 50%;
  }
  .blog2-img{
    height: 276px;
  }
  .blog-content h3{
        font-size: 18px;
    line-height: 26px;
    color: #444;
    font-weight: bold;
    margin: 0;
  }

  .single-blog .blog-img .blog2-img{
    position: relative;
    overflow: hidden; }
    .blog2-img img{
       width: 100%;
      height: 100%;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .5s ease 0s;
      -o-transition: all .5s ease 0s;
      transition: all .5s ease 0s;
    }
    .single-blog .blog-img img{
      width: 100%;
      height: 100%;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all .5s ease 0s;
      -o-transition: all .5s ease 0s;
      transition: all .5s ease 0s; }
  .single-blog .blog-content-wrap {
    /*-webkit-box-shadow: 0px 0px 12px 0.8px rgba(225, 225, 225, 0.3);*/
    /*box-shadow: 0px 0px 12px 0.8px rgba(225, 225, 225, 0.3);*/
    position: relative; }
    .single-blog .blog-content-wrap span {
      /*position: absolute;*/
      /*top: -13px;*/
      left: 20px;
      /*background-color: #00a651;*/
      color: #00a651;
      display: inline-block;
      line-height: 1;
      padding: 6px 10px; }

    .single-blog .blog-content-wrap .blog-content .event-meta-wrap .event-meta i {
      width: 25px;
      height: 25px;
      border-radius: 100%;
      color: #fff;
      background-color: #00a651;
      font-size: 12px;
      text-align: center;
      line-height: 25px;
      margin: 0 8px 0 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-blog .blog-content-wrap .blog-content .event-meta-wrap .event-meta i {
          margin: 0 3px 0 0;
          width: 20px;
          height: 20px;
          line-height: 20px; } }
      @media only screen and (max-width: 767px) {
        .single-blog .blog-content-wrap .blog-content .event-meta-wrap .event-meta i {
          margin: 0 3px 0 0;
          width: 20px;
          height: 20px;
          line-height: 20px; } }

    .single-blog .blog-content-wrap .blog-content {
      padding: 35px 20px 24px; }
      @media only screen and (max-width: 767px) {
        .single-blog .blog-content-wrap .blog-content {
          padding: 35px 15px 24px; } }
      .single-blog .blog-content-wrap .blog-content h4 {
        font-size: 18px;
        font-weight: bold;
        color: #444;
        line-height: 26px;
        margin: 0; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .single-blog .blog-content-wrap .blog-content h4 {
            font-size: 16px; } }
        @media only screen and (max-width: 767px) {
          .single-blog .blog-content-wrap .blog-content h4 {
            font-size: 18px; } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .single-blog .blog-content-wrap .blog-content h4 {
            font-size: 17px; } }
      .single-blog .blog-content-wrap .blog-content p {
        margin: 12px 0 5px;
        line-height: 23px; }
      .single-blog .blog-content-wrap .blog-content .blog-meta ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .single-blog .blog-content-wrap .blog-content .blog-meta ul li {
          margin-right: 30px; }
          @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .single-blog .blog-content-wrap .blog-content .blog-meta ul li {
              margin-right: 15px; } }
          .single-blog .blog-content-wrap .blog-content .blog-meta ul li a {
            color: #333; }
            .single-blog .blog-content-wrap .blog-content .blog-meta ul li a i {
              font-size: 12px;
              color: #00a651;
              margin-right: 5px; }
            .single-blog .blog-content-wrap .blog-content .blog-meta ul li a:hover {
              color: #00a651; }
    .single-blog .blog-content-wrap .blog-date {
      background-color: #00a651;
      padding: 6px 20px 8px; }
      .single-blog .blog-content-wrap .blog-date a {
        line-height: 1;
        display: block;
        color: #fff; }
        .single-blog .blog-content-wrap .blog-date a i {
          font-size: 12px;
          margin-right: 5px; }
  .single-blog:hover .blog-img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .single-blog:hover .blog2-img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
/*-------- home 2 -------*/
.blog-active {
  position: relative; }
  .blog-active .slick-list {
    margin: 0 -15px; }
    .blog-active .slick-list .single-blog {
      margin: 0 15px; }

.b-navigation,
.b-navigation2,
.b-navigation3 {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -70px;
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  background-color: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
  box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
  cursor: pointer;
  color: #00a651;
  z-index: 9; }
  @media only screen and (max-width: 767px) {
    .b-navigation,
    .b-navigation2,
    .b-navigation3 {
      left: 0; } }

.b-navigation.b-navigation-prev,
.b-navigation2.b-navigation-prev2,
.b-navigation3.b-navigation-prev3 {
  margin-right: 44px;
  border-radius: 50px 0 0 50px; }

.b-navigation.active {
  background-color: #00a651;
  color: #fff; }

.b-navigation2.active2 {
  background-color: #00a651;
  color: #fff; }

.b-navigation3.active3 {
  background-color: #00a651;
  color: #fff; }

.b-navigation.b-navigation-next,
.b-navigation2.b-navigation-next2,
.b-navigation3.b-navigation-next3 {
  border-radius: 50px 0 0 50px;
  border-radius: 0px 50px 50px 0px; }
  @media only screen and (max-width: 767px) {
    .b-navigation.b-navigation-next,
    .b-navigation2.b-navigation-next2,
    .b-navigation3.b-navigation-next3 {
      left: auto;
      right: 0; } }

@media only screen and (max-width: 767px) {
  .mrg-bottom-small {
    margin-bottom: 95px; } }

/*----------------- blog page -------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-all-wrap.mr-40 {
    margin-right: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-all-wrap.mr-40 {
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .blog-all-wrap.mr-40 {
    margin-right: 0; } }

/*--------- 12. footer area ---------*/
.select-link{
  background: white;
}
/*.footer-list img{
  /*padding: */
 /* padding: 20px 20px 20px 20px;
    margin-left: 50px;
     max-height: 80%; 
     max-width: 80%; 
    height: inherit;*/
/*}*/
.footer-list img{
  padding: 10px 10px 10px 10px;
    /*margin-left: 50px;*/
     max-height: 80%; 
     max-width: 80%; 
     width: 38%;
    height: inherit;
}
.footer-top.default-overlay:before {
  background-color: #003502;
  opacity: .89; }

@media only screen and (max-width: 767px) {
  .footer-top.pb-80 {
    padding-bottom: 20px; } }

.footer-widget .footer-title h4 {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0 36px;
  padding: 0 0 14px; }
  .footer-widget .footer-title h4:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 2px;
    width: 50px;
    background-color: #00a651; }

.footer-widget .footer-about p {
  color: #fff;
  line-height: 23px;
  margin: -10px 0 0; }

.footer-widget .f-contact-info {
  margin-top: 16px; }
  .footer-widget .f-contact-info .single-f-contact-info {
    margin-bottom: 9px; }
    .footer-widget .f-contact-info .single-f-contact-info:last-child {
      margin-bottom: 0; }
    .footer-widget .f-contact-info .single-f-contact-info i {
      color: #ebebeb;
      font-size: 15px;
      margin-right: 6px; }
    .footer-widget .f-contact-info .single-f-contact-info span {
      font-size: 14px;
      font-weight: 400;
      color: #fff; }

.footer-widget .footer-list {
  margin-top: -10px; }
  .footer-widget .footer-list ul li {
    margin-bottom: 8px; }
    .footer-widget .footer-list ul li:last-child {
      margin-bottom: 0; }
    .footer-widget .footer-list ul li a {
      color: #fff;
      display: block; }
      .footer-widget .footer-list ul li a:hover {
        color: #00a651; }

.footer-widget .footer-gallery ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .footer-widget .footer-gallery ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 74px;
    flex: 0 0 74px;
    margin: 0 10px 10px 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .footer-widget .footer-gallery ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58px;
        flex: 0 0 58px;
        margin: 0 5px 5px 0; } }
    .footer-widget .footer-gallery ul li a img {
      width: 100%; }

.footer-widget .subscribe-style p {
  color: #fff;
  line-height: 23px;
  margin: -10px 0 13px; }

.footer-widget .subscribe-style .subscribe-form form input {
  background: #ffffff;
  border: none;
  height: 43px;
  padding: 2px 20px;
  font-size: 14px;
  color: #333; }

.footer-widget .subscribe-style .subscribe-form form .mc-news {
  display: none; }

.footer-widget .subscribe-style .subscribe-form form .clear input {
  width: auto;
  font-weight: bold;
  text-transform: uppercase;
  color: #00a651;
  height: auto;
  padding: 9px 40px;
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: .5px; }
  .footer-widget .subscribe-style .subscribe-form form .clear input:hover {
    background-color: #00a651;
    color: #fff; }

.negative-mrg-30 {
  margin-left: -30px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .negative-mrg-30 {
      margin-left: 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .negative-mrg-30 {
      margin-left: 0px; } }
  @media only screen and (max-width: 767px) {
    .negative-mrg-30 {
      margin-left: 0px; } }

.footer-bottom {
  background-color: #00a651; }

.copyright p {
  color: #fff;
  margin: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .copyright p {
      text-align: center;
      margin: 0 0 5px; } }
  @media only screen and (max-width: 767px) {
    .copyright p {
      text-align: center;
      margin: 0 0 5px; } }
  .copyright p a {
    text-transform: uppercase; }
    .copyright p a:hover {
      color: #ddd; }

.footer-menu-social {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-menu-social {
      float: inherit;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media only screen and (max-width: 767px) {
    .footer-menu-social {
      float: inherit;
      display: block;
      text-align: center; } }
  .footer-menu-social .footer-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2px; }
    @media only screen and (max-width: 767px) {
      .footer-menu-social .footer-menu ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .footer-menu-social .footer-menu ul li {
      margin-right: 15px; }
      .footer-menu-social .footer-menu ul li:last-child {
        margin-right: 0px; }
      .footer-menu-social .footer-menu ul li a {
        color: #fff; }
        .footer-menu-social .footer-menu ul li a:hover {
          color: #ddd; }
  .footer-menu-social .footer-social {
    margin-left: 34px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .footer-menu-social .footer-social {
        margin-left: 0px;
        margin-top: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .footer-menu-social .footer-social:before {
      position: absolute;
      left: -16px;
      content: "";
      height: 13px;
      background-color: #00ff00;
      width: 1px;
      top: 7px; }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .footer-menu-social .footer-social:before {
          display: none; } }
    .footer-menu-social .footer-social ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .footer-menu-social .footer-social ul li {
        margin-left: 6px; }
        .footer-menu-social .footer-social ul li:first-child {
          margin-right: 0; }
        .footer-menu-social .footer-social ul li a {
          display: inline-block;
          width: 28px;
          height: 28px;
          background-color: #fff;
          border-radius: 100%;
          text-align: center;
          line-height: 28px;
          font-size: 12px; }
        .footer-menu-social .footer-social ul li a.facebook {
          color: #0054a6; }
          .footer-menu-social .footer-social ul li a.facebook:hover {
            background-color: #0054a6;
            color: #fff; }
        .footer-menu-social .footer-social ul li a.youtube {
          color: #c4302b; }
          .footer-menu-social .footer-social ul li a.youtube:hover {
            background-color: #c4302b;
            color: #fff; }
        .footer-menu-social .footer-social ul li a.twitter {
          color: #38a1f3; }
          .footer-menu-social .footer-social ul li a.twitter:hover {
            background-color: #38a1f3;
            color: #fff; }
        .footer-menu-social .footer-social ul li a.google-plus {
          color: #cc3333; }
          .footer-menu-social .footer-social ul li a.google-plus:hover {
            background-color: #cc3333;
            color: #fff; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top.pt-130 {
    padding-top: 120px; } }




/*--------- 10. Event area ---------*/
.event-area.default-overlay:before {
  background-color: #fefefe;
  opacity: .5; }
.event-img{
  height: 276px;
}
.owl-item{
  width: 100%;
  height: 100%;
}
.single-event .event-img{
  position: relative;
  overflow: hidden;
   }
   .event-white-bg{
    background-color: #fff;
   }
   .single-event.event-white-bg {
  background-color: #fff; }
  .single-event .event-img img {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s; }
  .single-event .event-img .event-date-wrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    background-color: #00a651;
    padding: 12px 20px 12px; }
    .single-event .event-img .event-date-wrap span {
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      display: block;
      line-height: 1; }
    .single-event .event-img .event-date-wrap span.event-date {
      margin: 0 0 5px; }

.single-event .event-content {
  padding: 24px 30px 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-event .event-content {
      padding: 24px 15px 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-event .event-content {
      padding: 24px 22px 30px; } }
  @media only screen and (max-width: 767px) {
    .single-event .event-content {
      padding: 20px 12px 26px; } }
  .single-event .event-content h3 {
    font-size: 18px;
    line-height: 26px;
    color: #444;
    font-weight: bold;
    margin: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-event .event-content h3 {
        font-size: 17px; } }
    @media only screen and (max-width: 767px) {
      .single-event .event-content h3 {
        font-size: 17px; } }
  .single-event .event-content p {
    line-height: 23px;
    margin: 12px 0 24px; }
  .single-event .event-content .event-meta-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .single-event .event-content .event-meta-wrap .event-meta i {
      width: 25px;
      height: 25px;
      border-radius: 100%;
      color: #fff;
      background-color: #00a651;
      font-size: 12px;
      text-align: center;
      line-height: 25px;
      margin: 0 8px 0 0; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-event .event-content .event-meta-wrap .event-meta i {
          margin: 0 3px 0 0;
          width: 20px;
          height: 20px;
          line-height: 20px; } }
      @media only screen and (max-width: 767px) {
        .single-event .event-content .event-meta-wrap .event-meta i {
          margin: 0 3px 0 0;
          width: 20px;
          height: 20px;
          line-height: 20px; } }
    .single-event .event-content .event-meta-wrap .event-meta span {
      color: #00a651; }

.single-event:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.single-event.event-gray-bg {
  background-color: #f6f6f6; }


  .nav-style-1.owl-carousel > .owl-nav div {
  background-color: #fff;
  border-radius: 50px 0 0 50px;
  color: #00a651;
  display: inline-block;
  font-size: 18px;
  height: 60px;
  left: -50px;
  line-height: 60px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  text-align: center;
  top: 112px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 50px;
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38);
  box-shadow: 0px 6px 12px 0.8px rgba(177, 177, 177, 0.38); }
  .nav-style-1.owl-carousel > .owl-nav div:hover {
    background-color: #00a651;
    color: #fff; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .nav-style-1.owl-carousel > .owl-nav div {
      left: 0px;
      border-radius: 0px 50px 50px 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-style-1.owl-carousel > .owl-nav div {
      left: 0px;
      border-radius: 0px 50px 50px 0px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-style-1.owl-carousel > .owl-nav div {
      width: 30px;
      height: 30px;
      line-height: 30px;
      left: -30px; } }
  @media only screen and (max-width: 767px) {
    .nav-style-1.owl-carousel > .owl-nav div {
      left: 0px;
      border-radius: 0px 50px 50px 0px;
      width: 30px;
      height: 30px;
      line-height: 30px; } }

.nav-style-1.owl-carousel > .owl-nav div.owl-next {
  left: auto;
  right: -50px;
  border-radius: 0px 50px 50px 0px; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .nav-style-1.owl-carousel > .owl-nav div.owl-next {
      right: 0px;
      border-radius: 50px 0px 0px 50px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-style-1.owl-carousel > .owl-nav div.owl-next {
      right: 0px;
      border-radius: 50px 0px 0px 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-style-1.owl-carousel > .owl-nav div.owl-next {
      right: -30px; } }
  @media only screen and (max-width: 767px) {
    .nav-style-1.owl-carousel > .owl-nav div.owl-next {
      right: 0px;
      border-radius: 50px 0px 0px 50px; } }

.nav-style-1:hover .owl-nav div {
  opacity: 1;
  visibility: visible; }
  @media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .nav-style-1:hover .owl-nav div {
      left: 0px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-style-1:hover .owl-nav div {
      left: 0px; } }