@charset "UTF-8";

/*----------------------------------------*/

/*  1. Template default CSS

/*----------------------------------------*/

/*-- Google Font --*/

@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");

/*-- Common Style --*/

@media only screen and (min-width: 1200px) {

  .container {

    max-width: 1200px;

  }

}
.staff-content p{    color: #e70c0c;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px !important;    font-family: "Roboto", sans-serif;
    margin-top: 0px;}
.text-center{text-align:center!important}
.staff-content h3 a, .staff-content h3 {
    color: #303030;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.staff-img img {
    width: 100%;
    height: auto;
}
.staff-content {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 5px 0;
    text-align: center;
    width: 100%;
  
}
.single-staff:hover {
    box-shadow: 0 2px 15px -5px rgb(0 0 0 / 75%);
}

.single-staff {
    

    margin-bottom: 20px;
    border: solid 1px #e8e8e8;
}
.row {

  margin-right: calc(var(--bs-gutter-x) * -.6);

  margin-left: calc(var(--bs-gutter-x) * -.6);

}



.row > * {

  padding-right: calc(var(--bs-gutter-x) * .6);

  padding-left: calc(var(--bs-gutter-x) * .6);

}



.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

  padding-right: var(--bs-gutter-x, 0.9rem);

  padding-left: var(--bs-gutter-x, 0.9rem);

}



*,

*::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 0.3s ease 0s;

  transition: all 0.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;

  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) {
.text-sm-center{text-align:center !important}

  .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;

  }

  .about-choose-content {

      margin-right: 15px;

  }

}

@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;
    margin: 0px 0px 10px 0px !important;
  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: 30px 0 0;

}



/*-- 

    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: #07c161;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    border: solid 2px #fff;
    font-weight: bold;
    padding: 15px 30px 15px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 1;
    letter-spacing: 0.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: 10px 0 10px;    background: #00a651;

  float:left;width:100%
}

 

@media only screen and (max-width: 767px) {
.header-top {

  height:auto

}


   
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  

}



.header-contact ul {

  

}

@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: inline-block;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  z-index: 1;

}

@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;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .logo {

    margin-top: 0px;

  }

}

@media only screen and (max-width: 767px) {

  .logo {

    margin-top: 0px;

  }

}



.menu-cart-wrap {

  position: relative;

  

}

@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  {

  margin-bottom:0px;

}
.main-menu nav ul li {

  display: inline-block;

     margin: 0px 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;

  padding: 20px 0px 22px;

  position: absolute;

  top: 100%;

  -webkit-transform: rotateX(90deg);

          transform: rotateX(90deg);

  -webkit-transform-origin: center top 0;

          transform-origin: center top 0;

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  visibility: hidden;

  width: 190px;

  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: 32px;

  text-align: left;

  text-transform: capitalize;

  padding-top: 0px;

}

.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;

  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: #fff;

}

.main-menu nav ul li a {

  font-size: 16px;

  color: #fff;

  text-transform: uppercase;

  display: inline-block;

 

  font-weight: 500;

}

.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;

          transform-origin: center top 0;

  -webkit-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;

  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;

}

@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: 23px;

  margin-top: 31px;

}

@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%);

          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;

}

.header-bottom {

        padding: 10px 0px 0px 0px;
    border-bottom: solid 1px #1baf63;
    margin-bottom: 0px;

  }





.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 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



/*--------- 3. Slider style ---------*/

.slider-height-1 {

  height: 350px;

}

@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: 100px;

  }

}

@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: 25px;
 
  color: #FFFFFF;

  margin: 0;

  line-height: 1.2;

}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

  .slider-content h1 {

    font-size: 30px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .slider-content h1 {

    font-size: 35px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .slider-content h1 {

    font-size: 30px;

  }

}

@media only screen and (max-width: 767px) {

  .slider-content h1 {

    font-size: 24px;

  }

  

  .about-choose-content {

    margin-right: 0px;

}

}

.slider-content p {

  font-size: 18px;

  color: #fff;

  line-height: 30px;

  width: 90%;

  margin: 25px 0 47px;

}



.about-choose-content {

  margin-right: 15px;

}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

  .slider-content p {

    width: 84%;

  }

  .about-choose-content {

    margin-right: 15px;

}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .slider-content p {

    width: 78%;

  }

  .about-choose-content {

    margin-right: 15px;

}

}

@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;

  margin-top: 15px;

}

.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: 1s;

  animation-delay: 1s;

  -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: 1s;

  animation-delay: 1s;

  -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: 0.39;

  background-color: #000;

}



.slider-overlay2-2.default-overlay::before {

  opacity: 0.43;

  background-color: #000;

}



.slider-overlay2-3.default-overlay::before {

  opacity: 0.7;

  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: #ffffff;

}

.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 button {

  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%);

          transform: translateY(-50%);

  position: absolute;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.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 button:hover {

  background-color: #00a651;

}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {

  .nav-style-2.owl-carousel .owl-nav button {

    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 button {

    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 button {

    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 button {

    width: 50px;

    height: 50px;

    line-height: 50px;

    left: 20px;

  }

}

@media only screen and (max-width: 767px) {

  .nav-style-2.owl-carousel .owl-nav button {

    width: 40px;

    height: 40px;

    line-height: 38px;

    left: 15px;

  }

}

.nav-style-2.owl-carousel .owl-nav button.owl-next {

  left: auto;

  right: 117px;

}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {

  .nav-style-2.owl-carousel .owl-nav button.owl-next {

    right: 50px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

  .nav-style-2.owl-carousel .owl-nav button.owl-next {

    right: 50px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .nav-style-2.owl-carousel .owl-nav button.owl-next {

    right: 20px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .nav-style-2.owl-carousel .owl-nav button.owl-next {

    right: 20px;

  }

}

@media only screen and (max-width: 767px) {

  .nav-style-2.owl-carousel .owl-nav button.owl-next {

    right: 15px;

  }

}

.nav-style-2.owl-carousel:hover .owl-nav button {

  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: -102px;

  z-index: 9;

  position: relative;

}



.single-choose-us {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 20px 10px;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  align-items: center;

}

.single-choose-us .choose-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 60px;

          flex: 0 0 60px;

  margin-right: 0px;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {

  .single-choose-us .choose-img {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 45px;

            flex: 0 0 45px;

    margin-right: 10px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

  .single-choose-us .choose-img {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 35px;

            flex: 0 0 35px;

    margin-right: 10px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .single-choose-us .choose-img {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 35px;

            flex: 0 0 35px;

    margin-right: 10px;

  }

}

@media only screen and (max-width: 767px) {

  .single-choose-us .choose-img {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 35px;

            flex: 0 0 35px;

    margin-right: 10px;

  }

}

.single-choose-us .choose-img img {

  width: 100%;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.single-choose-us .choose-content h3 {

  font-weight: bold;

  font-size: 22px;

  color: #fff;

  margin: 0;

}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {

  .single-choose-us .choose-content h3 {

    font-size: 20px;

  }

}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

  .single-choose-us .choose-content h3 {

    font-size: 18px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .single-choose-us .choose-content h3 {

    font-size: 18px;

    line-height: 25px;

  }

}

@media only screen and (max-width: 767px) {

  .single-choose-us .choose-content h3 {

    font-size: 18px;

    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: 10px;

}

@media only screen and (max-width: 767px) {

  .section-title {

    margin-left: 0px;

  }

}

.section-title:before {

  content: url(../../assets/img/icon-img/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 h2 {

      font-size: 35px;
    font-weight: bold;
    margin: 0 0 0px;
    line-height: 50px;

}

@media only screen and (max-width: 767px) {

  .section-title h2 {

    font-size: 27px;

    margin: 0 0 10px;

  }

}

.section-title h2 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 > p {

  line-height: 24px;

  width: 92%;

  margin: 0 0 0 10px;

  padding-bottom: 0;

}

.about-content h4 {

  line-height: 26px;

  width: 92%;

  margin: 0 0 0 32px;

  padding-bottom: 0;

  font-size: 20px;

  font-weight: 500;

  color: #00a651;

}

@media only screen and (max-width: 767px) {

  .about-content > p {

    margin: 0 0 0 0px;

    padding-bottom: 0;

  }

}

.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: 0.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%);

          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: 0.65;

}



.breadcrumb-top.breadcrumb-overly-2.default-overlay:before {

  background-color: #003218;

  opacity: 0.76;

}



.breadcrumb-top.breadcrumb-overly-3.default-overlay:before {

  background-color: #000;

  opacity: 0.3;

}



.breadcrumb-top.breadcrumb-overly-4.default-overlay:before {

  background-color: #000;

  opacity: 0.73;

}



.breadcrumb-top.breadcrumb-overly-5.default-overlay:before {

  background-color: #000;

  opacity: 0.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;

  }

}



/*--------- 6. Course area ---------*/

.single-course {

  position: relative;

}

.single-course .course-img {

  position: relative;

  overflow: hidden;

}

.single-course .course-img a {

  display: block;

}

.single-course .course-img img {

  width: 100%;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.single-course .course-img span {

  position: absolute;

  top: 0;

  left: 0;

  background-color: #00a651;

  color: #fff;

  font-size: 13px;

  display: inline-block;

  line-height: 1;

  padding: 6px 16px 8px;

}

.single-course .course-img span.new-course {

  background-color: #fff;

  color: #00a651;

}

.single-course .course-content {

  padding: 25px 17px 20px;

  background-color: #fff;

  

}

.single-course .course-content h4 {

  font-size: 18px;

  font-weight: bold;

  margin: 0 0 10px;

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .single-course .course-content h4 {

    font-size: 16px;

  }

}

.single-course .course-content h4 a {

  color: #333;

}

.single-course .course-content h4 a:hover {

  color: #00a651;

}

.single-course .course-content p {

  line-height: 23px;

}

.single-course .course-position-content {

  width: 95%;

 

  opacity: 1;

  visibility: visible;

  

  border-radius: 0px 0px 4px 4px;

  background: #fff;

   

  padding: 0px 0px 0px;

}

.single-course .course-position-content .credit-duration-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding: 0px 17px 23px;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.single-course .course-position-content .credit-duration-wrap .sin-credit-duration i {

  display: inline-block;

  width: 25px;

  height: 25px;

  background-color: #dddddd;

  line-height: 25px;

  font-size: 12px;

  color: #00a651;

  text-align: center;

  border-radius: 100%;

  margin-right: 2px;

}

.single-course .course-position-content .credit-duration-wrap .sin-credit-duration span {

  color: #666;

  font-size: 12px;

}

.single-course .course-position-content .course-btn a.default-btn {

  border-radius: 0 50px 51px 0;

  font-size: 14px;

  padding: 15px 40px 15px;

}

.single-course:hover .course-position-content {

  top: 100%;

  opacity: 1;

  visibility: visible;

   

  z-index: 999;

}

.single-course:hover {

  z-index: 999;

}

.single-course:hover img {

  -webkit-transform: scale(1.2);

          transform: scale(1.2);

}



.course-slider-active.owl-carousel .owl-stage-outer {

  padding-bottom: 120px;

}



.nav-style-1.owl-carousel > .owl-nav button {

  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;

  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 button:hover {

  background-color: #00a651;

  color: #fff;

}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

  .nav-style-1.owl-carousel > .owl-nav button {

    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 button {

    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 button {

    width: 30px;

    height: 30px;

    line-height: 30px;

    left: -30px;

  }

}

@media only screen and (max-width: 767px) {

  .nav-style-1.owl-carousel > .owl-nav button {

    left: 0px;

    border-radius: 0px 50px 50px 0px;

    width: 30px;

    height: 30px;

    line-height: 30px;

  }

}



.nav-style-1.owl-carousel > .owl-nav button.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 button.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 button.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 button.owl-next {

    right: -30px;

  }

}

@media only screen and (max-width: 767px) {

  .nav-style-1.owl-carousel > .owl-nav button.owl-next {

    right: 0px;

    border-radius: 50px 0px 0px 50px;

  }

}



.nav-style-1:hover .owl-nav button {

  opacity: 1;

  visibility: visible;

}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {

  .nav-style-1:hover .owl-nav button {

    left: 0px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .nav-style-1:hover .owl-nav button {

    left: 0px;

  }

}



/*-------------- home 2 ------------*/

.course-content.course-content-2 {

  padding: 26px 20px 29px;

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .course-content.course-content-2 {

    padding: 26px 10px 29px;

  }

}



.admission-title {

  position: relative;

}

.admission-title h2 {

  color: #fff;

  font-size: 60px;

  font-weight: bold;

  line-height: 1;

  margin: 0;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .admission-title h2 {

    font-size: 60px;

  }

}

@media only screen and (max-width: 767px) {

  .admission-title h2 {

    font-size: 28px;

  }

}

.admission-title p {

  line-height: 26px;

  color: #fff;

  margin: 23px auto 32px;

  width: 60%;

  font-size: 16px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .admission-title p {

    width: 73%;

  }

}

@media only screen and (max-width: 767px) {

  .admission-title p {

    width: 100%;

  }

}

.admission-title .apply-btn a.default-btn {

  background-color: #fff;

  color: #00a651;

  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.26);

          box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.26);

}

.admission-title .apply-btn a.default-btn:hover {

  background-color: #333;

  color: #fff;

}



.admission-tab-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  position: relative;

}

.admission-tab-list a {

  margin: 0 16px;

  line-height: 1;

  display: inline-block;

  border-bottom: 2px solid transparent;

  padding-bottom: 1px;

}

@media only screen and (max-width: 767px) {

  .admission-tab-list a {

    margin: 0 7px 10px;

  }

}

.admission-tab-list a h4 {

  font-size: 16px;

  color: #fff;

  text-transform: capitalize;

  margin: 0;

  line-height: 1;

}

.admission-tab-list a.active {

  border-bottom: 2px solid #8cd8b1;

}



@media only screen and (max-width: 767px) {

  .admission-tab-list {

    padding-top: 50px;

    padding-bottom: 30px;

  }

}

.bg-img-position {

  position: relative;

}

.bg-img-position::before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  height: 779px;

  content: "";

  background-image: url(../img/bg/bg-5.jpg);

}



.course-slider-active-2.nav-style-1.owl-carousel > .owl-nav button {

  top: 228px;

}



.tab-content.jump > .tab-pane {

  display: block;

  height: 0;

  opacity: 0;

  overflow: hidden;

}



.tab-content.jump > .tab-pane.active {

  display: block;

  height: auto;

  opacity: 1;

  overflow: visible;

}



.view-all a.default-btn {

  background-color: #fff;

  color: #00a651;

  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(0, 166, 81, 0.22);

          box-shadow: 0px 6px 12px 0.8px rgba(0, 166, 81, 0.22);

  padding: 22px 40px 20px;

}

.view-all a.default-btn:hover {

  background-color: #333;

  color: #fff;

}



@media only screen and (max-width: 767px) {

  .view-all.mt-20 {

    margin-top: 0;

  }

}

/*------------- course page -------------*/

.course-slider-active-3 .slick-list,

.course-slider-active-4 .slick-list,

.course-slider-active-5 .slick-list {

  padding-bottom: 130px;

}



.course-slider-active-3 .b-navigation {

  top: -70px;

}

@media only screen and (max-width: 767px) {

  .course-slider-active-3 .b-navigation {

    top: -60px;

  }

}



.section-title.mb-75.course-mrg-small {

  margin-bottom: 90px;

}



/*--------- 7. Achievement style ---------*/

.single-count {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  justify-content: center;

}

.single-count:before {

  position: absolute;

  top: 8px;

  background-color: #e1dddd;

  content: "";

  width: 3px;

  height: 50px;

  right: 0px;

}

.count-four:before {

  position: relative;

  top: 8px;

  background-color: #e1dddd;

  content: "";

  width: 0px;

  height: 50px;

  right: 0px;

}

.single-count .count-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 54px;

          flex: 0 0 54px;

  margin-right: 25px;

}

.single-count .count-img img {

  width: 100%;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .single-count .count-img {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 40px;

            flex: 0 0 40px;

    margin-right: 15px;

  }

}

.single-count .count-content h2 {

  font-size: 40px;

  font-weight: bold;

  margin: 0 0 15px;

  color: #00a651;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .single-count .count-content h2 {

    font-size: 40px;

    margin: 0 0 12px;

  }

}

@media only screen and (max-width: 767px) {

  .single-count .count-content h2 {

    font-size: 35px;

    margin: 0 0 10px;

  }

}

.single-count .count-content span {

  font-size: 16px;

  font-weight: 500;

  display: block;

  line-height: 1;

  color: #666666;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .single-count .count-content span {

    font-size: 14px;

  }

}

@media only screen and (max-width: 767px) {

  .single-count .count-content span {

    font-size: 15px;

  }

}



.testimonial-slider-wrap {

  position: relative;

}

.testimonial-slider-wrap .testimonial-image-slider {

  width: 395px;

  position: absolute;

  right: 0px;

  bottom: -50px;

}

@media only screen and (max-width: 767px) {

  .testimonial-slider-wrap .testimonial-image-slider {

    width: 100%;

    position: inherit;

    bottom: 0px;

    margin-top: 30px;

  }

}

.testimonial-slider-wrap .testimonial-image-slider .sin-testi-image img {

  cursor: pointer;

  width: 100%;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .testimonial-slider-wrap .testimonial-image-slider {

    width: 335px;

    right: 0px;

  }

}

.testimonial-slider-wrap .testimonial-image-slider .slick-list {

  margin: 0 -5px;

}

.testimonial-slider-wrap .testimonial-image-slider .slick-list .sin-testi-image {

  margin: 0 5px;

}



.testi-content.default-overlay:before {

  background-color: #00a651;

  opacity: 0.95;

}



.testi-big-img img {

  height: 100%;

  padding: 0;

  position: absolute;

  top: 0;

  width: 50%;

  z-index: 2;

}

@media only screen and (max-width: 767px) {

  .testi-big-img img {

    width: 100%;

    position: inherit;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .testi-big-img img {

    width: 100%;

    position: static;

  }

}



.testi-content {

  min-height: 450px;

  padding: 30px 30px;

  position: relative;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .testi-content {

    padding: 40px 20px;

    min-height: 410px;

  }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .testi-content {

    min-height: 420px;

  }

}

@media only screen and (max-width: 767px) {

  .testi-content {

    padding: 30px 15px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .testi-content {

    min-height: 365px;

  }

}

.testi-content .quote-style i {

  position: relative;

  z-index: 9;

  font-size: 18px;

  color: #ffffff;

}

.testi-content .quote-style.quote-left {

  margin-bottom: 16px;

}

.testi-content .quote-style.quote-right {

  text-align: right;

  margin-right: 55px;

  margin-top: 2px;

}

.testi-content p {

  color: #fff;

  font-size: 15px;

  line-height: 24px;

  margin: 0;

  position: relative;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .testi-content p {

    font-size: 14px;

  }

}

.testi-content .testi-info {

  margin-top: 20px;

}

.testi-content .testi-info h5 {

  position: relative;

  font-size: 18px;

  color: #fff;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 7px;

}

.testi-content .testi-info span {

  position: relative;

  font-size: 16px;

  color: #fff;

   

}

.testi-content .testi-arrow {

  position: absolute;

  bottom: 27px;

  left: 30px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .testi-content .testi-arrow {

    bottom: 75px;

  }

}



.testimonial-text-img {

  margin-top: -3px;

  width: 757px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .testimonial-text-img {

    width: 510px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .testimonial-text-img {

    width: 345px;

  }

}

@media only screen and (max-width: 767px) {

  .testimonial-text-img {

    width: 100%;

  }

}

.testimonial-text-img img {

  width: 100%;

}



/*------------------- home 2 ---------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .single-count.count-white {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

.single-count.count-white:before {

  background-color: #00a651;

  width: 1px;

  top: 0;

}

.single-count.count-white .count-content h2 {

  color: #fff;

  font-size: 30px;

  line-height: 1;

  margin: 0 0 10px;

}

.single-count.count-white .count-content span {

  color: #fff;

  font-size: 16px;

  font-weight: 400;

}



.count-one.count-white {

  margin-left: 0px;

}

.count-one.count-white:before {

  right: -3px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .count-one.count-white:before {

    right: 6px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .count-one.count-white:before {

    right: -25px;

  }

}



.count-two.count-white::before {

  right: -16px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .count-two.count-white::before {

    right: 27px;

  }

}



.count-three.count-white {

  margin-left: 70px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .count-three.count-white {

    margin-left: 0px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .count-three.count-white {

    margin-left: 0px;

  }

}

@media only screen and (max-width: 767px) {

  .count-three.count-white {

    margin-left: 0px;

  }

}

.count-three.count-white:before {

  right: 29px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .count-three.count-white:before {

    right: -30px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .count-three.count-white:before {

    right: -25px;

  }

}



/*--------- 8. Register style ---------*/

.register-form {

  position: relative;

  z-index: 99;

}

@media only screen and (max-width: 767px) {

  .register-form {

    margin-top: 40px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .register-form {

    margin-left: 0px;

  }

}

.register-form h4 {

  font-weight: bold;

  font-size: 24px;

  margin: 0 0 32px;

  color: #fff;

}

.register-form form .contact-form-style input,

.register-form form .contact-form-style textarea {

  background: #fff;

  border: none;

  height: 40px;
    text-align: left;
  -webkit-box-shadow: none;
    width: 100%;
          box-shadow: none;

  padding: 2px 20px 2px 30px;

  color: #333;

  font-size: 14px;

}

.register-form form .contact-form-style textarea {

  height: 100px;

  padding: 20px 20px 20px 30px;

}

.register-form form .contact-form-style button {

  border: none;

  background-color: #fff;

  color: #00a651;

  -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);

  padding: 23px 40px 21px;

  margin: 40px 0 0;

}

.register-form form .contact-form-style button:hover {

  color: #fff;

  background-color: #333;

}

@media only screen and (max-width: 767px) {

  .register-form form .contact-form-style button {

    padding: 17px 27px 15px;

    margin: 20px 0 0;

    font-size: 14px;

  }

}



.winter-banner img {

  -webkit-box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);

          box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);

  border-radius: 100%;

  z-index: 999;

}

.winter-banner .winter-content {

  text-align: center;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

          transform: translateY(-50%) translateX(-50%);

  left: 50%;

}

.winter-banner .winter-content span {

  color: #f6f6f6;

  font-weight: bold;

  font-size: 18px;

  display: block;

  line-height: 1;

  letter-spacing: 0.5px;

}

.winter-banner .winter-content h3 {

  font-size: 48px;

  font-weight: bold;

  color: #f6f6f6;

  letter-spacing: 0.5px;

  margin: 14px 0 20px;

}



.register-area {

  position: relative;

  overflow: hidden;

}

.register-area #register-1 {

  background-image: url("../../assets/img/icon-img/register-shape-1.png");

  background-size: contain;

  height: 138px;

  -webkit-transform: translateX(0px) translateY(566px);

          transform: translateX(0px) translateY(566px);

  width: 261;

  z-index: 1;

}

.register-area #register-2 {

  background-image: url("../../assets/img/icon-img/register-shape-2.png");

  background-size: contain;

  height: 110px;

  -webkit-transform: translateX(0px) translateY(330px);

          transform: translateX(0px) translateY(330px);

  width: 65px;

}



.register-wrap {

  position: relative;

  z-index: 99;

}

.register-wrap #register-3 {

  height: 222px;

  -webkit-transform: translateX(930px) translateY(-147px);

          transform: translateX(930px) translateY(-147px);

  width: 222px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .register-wrap #register-3 {

    -webkit-transform: translateX(724px) translateY(-135px);

            transform: translateX(724px) translateY(-135px);

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .register-wrap #register-3 {

    -webkit-transform: translateX(470px) translateY(12px);

            transform: translateX(470px) translateY(12px);

  }

}

@media only screen and (max-width: 767px) {

  .register-wrap #register-3 {

    -webkit-transform: translateX(20px) translateY(0px);

            transform: translateX(20px) translateY(0px);

    position: static;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .register-wrap #register-3 {

    -webkit-transform: translateX(150px) translateY(0px);

            transform: translateX(150px) translateY(0px);

  }

}



.mouse-bg {

  background-repeat: no-repeat;

  background-size: auto auto;

  position: absolute;

  left: 0;

  top: 0;

}



/*--------- 9. Teacher style ---------*/

.single-teacher {

  position: relative;

}

.single-teacher .teacher-img img {

  width: 100%;

}

.single-teacher .teacher-content-visible {

  position: absolute;

  right: 0;

  bottom: 0;

  background-color: #fff;

  text-align: right;

  padding: 20px 31px 20px 37px;

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

.single-teacher .teacher-content-visible h4 {

  color: #00a651;

  font-size: 18px;

  font-weight: bold;

  margin: 0 0 6px;

}

.single-teacher .teacher-content-visible h5 {

  color: #00a651;

  font-size: 16px;

  font-weight: bold;

  margin: 0 0 0px;

}

.single-teacher .teacher-content-wrap {

  position: absolute;

  top: 0;

  left: 0;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  z-index: 99;

}

.single-teacher .teacher-content-wrap .teacher-content {

  padding: 42px 33px;

}

.single-teacher .teacher-content-wrap .teacher-content h4 {

  color: #fff;

  font-size: 18px;

  font-weight: bold;

  margin: 0 0 6px;

}

.single-teacher .teacher-content-wrap .teacher-content h5 {

  color: #fff;

  font-size: 16px;

  font-weight: bold;

  margin: 0 0 10px;

}

.single-teacher .teacher-content-wrap .teacher-content p {

  color: #fff;

  line-height: 25px;

  margin: 0;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social {

  margin: 43px 0 0;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li {

  margin: 0 6px 0 0;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li:last-child {

  margin: 0;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a {

  width: 28px;

  height: 28px;

  border-radius: 100%;

  text-align: center;

  line-height: 28px;

  font-size: 12px;

  background-color: #fff;

  display: inline-block;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.facebook {

  color: #0054a6;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.facebook:hover {

  background-color: #0054a6;

  color: #fff;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.youtube-play {

  color: #c4302b;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.youtube-play:hover {

  background-color: #c4302b;

  color: #fff;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.twitter {

  color: #38a1f3;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.twitter:hover {

  background-color: #38a1f3;

  color: #fff;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.google-plus {

  color: #cc3333;

}

.single-teacher .teacher-content-wrap .teacher-content .teacher-social ul li a.google-plus:hover {

  background-color: #cc3333;

  color: #fff;

}

.single-teacher:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #00a651;

  opacity: 0.9;

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

.single-teacher:after {

  border: 1px solid #0ac766;

  left: 12px;

  top: 15px;

  right: 12px;

  bottom: 15px;

  position: absolute;

  content: "";

  -webkit-transform: scale(0);

          transform: scale(0);

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

.single-teacher:hover .teacher-content-wrap, .single-teacher:hover:before, .single-teacher:hover:after {

  -webkit-transform: scale(1);

          transform: scale(1);

}

.single-teacher:hover .teacher-content-visible {

  -webkit-transform: scale(0);

          transform: scale(0);

}



/*--------- 10. Event area ---------*/

.event-area.default-overlay:before {

  background-color: #fefefe;

  opacity: 0.5;

}



.single-event .event-img {

  position: relative;

  overflow: hidden;

}

.single-event .event-img img {

  width: 100%;

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

.single-event .event-img .event-date-wrap {

  position: absolute;

  top: 50%;

  -webkit-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);

          transform: scale(1.2);

}



.single-event.event-gray-bg {

  background-color: #f6f6f6;

}



.single-event.event-white-bg {

  background-color: #fff;

}



/*--------- home 2 ------------*/

.event-active-2 {

  position: relative;

}

.event-active-2 .e-navigation {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 40px;

  height: 40px;

  font-size: 18px;

  text-align: center;

  line-height: 40px;

  background-color: #fff;

  color: #00a651;

  left: 0;

  z-index: 99;

  cursor: pointer;

  -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);

  opacity: 0;

  visibility: hidden;

}

.event-active-2 .e-navigation:hover {

  background-color: #00a651;

  color: #fff;

}

.event-active-2:hover .e-navigation {

  opacity: 1;

  visibility: visible;

}



.e-navigation.e-navigation-next {

  left: auto;

  right: 0;

  border-radius: 50px 0 0 50px;

}



.e-navigation.e-navigation-prev {

  border-radius: 0px 50px 50px 0px;

}



.event-active-2 .single-event-2 .event-img .event-date-wrap {

  top: 0;

  -webkit-transform: translateY(0%);

          transform: translateY(0%);

}

.event-active-2 .single-event-2 .event-content {

  -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);

  padding: 24px 40px 30px 30px;

}

@media only screen and (max-width: 767px) {

  .event-active-2 .single-event-2 .event-content {

    padding: 24px 15px 30px 15px;

  }

}

.event-active-2 .slick-list {

  margin: 0 -15px;

}

.event-active-2 .slick-list .single-event-2 {

  margin: 0 15px 15px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .event-active-2.ml-70 {

    margin-left: 0px;

  }

}

@media only screen and (max-width: 767px) {

  .event-active-2.ml-70 {

    margin-left: 0px;

  }



  .single-event.mb-55 {

    margin-bottom: 30px;

  }

}

/*--------- pagination style ------------*/

.pro-pagination-style ul li {

  display: inline-block;

  margin: 0 4px;

}

.pro-pagination-style ul li a {

  display: inline-block;

  width: 48px;

  height: 48px;

  text-align: center;

  line-height: 48px;

  font-size: 16px;

  border-radius: 100%;

  color: #00a651;

  -webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);

          box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);

}

.pro-pagination-style ul li a:hover {

  background-color: #00a651;

  color: #fff;

}

.pro-pagination-style ul li a.active {

  background-color: #00a651;

  color: #fff;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.pro-pagination-style ul li a.active:hover {

  background-color: #333;

}

.pro-pagination-style ul li a.prev,

.pro-pagination-style ul li a.next {

  background-color: #f6f6f6;

  color: #00a651;

  font-size: 17px;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.pro-pagination-style ul li a.prev:hover,

.pro-pagination-style ul li a.next:hover {

  background-color: #00a651;

  color: #fff;

}



@media only screen and (max-width: 767px) {

  .pro-pagination-style.mt-25 {

    margin-top: 0;

  }

}



/*--------- 11. Blog style ---------*/

.single-blog {

  position: relative;

}

.single-blog .blog-img {

  position: relative;

  overflow: hidden;

}

.single-blog .blog-img img {

  width: 100%;

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.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: #fff;

  display: inline-block;

  line-height: 1;

  padding: 6px 10px;

}

.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;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.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);

          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 ---------*/

.footer-top.default-overlay:before {

  background-color: #003502;

  opacity: 0.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 a:hover {

  color: #00a651;

}

.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;

}
.about-us .container .center{
  text-align: center;
}


.about-us .container .row p{
  /* background-color: rgb(23, 23, 90); */
  color: #050505;
  text-align: center;
}
.about-us .container .row .col-md-3 p:hover{
  background-color: #00a651;
  color: #ffffff;
}
.about-us .container h4{
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  color: rgb(23, 23, 90);
}
.about-us .container h1{
 color: rgb(47, 47, 124);
}
.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: 0.5px;

}

.footer-widget .subscribe-style .subscribe-form form .clear input:hover {

  background-color: #00a651;

  color: #fff;

}



.footer-about,

.footer-list,

.subscribe-style,

.footer-gallery {

  position: relative;

  z-index: 1;

}



.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 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;

  }

}



/*--------- 16. Brand logo ---------*/

.brand-logo-active.owl-carousel .owl-item .single-brand-logo {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  min-height: 84px;

}

.brand-logo-active.owl-carousel .owl-item .single-brand-logo img {

  width: auto;

}



/*--------- 13. Banner style ---------*/

.single-banner {

  position: relative;

  overflow: hidden;

}

.single-banner .banner-img img {

  width: 100%;

  -webkit-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

.single-banner .banner-content {

  position: absolute;

  left: 40px;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .single-banner .banner-content {

    left: 15px;

  }

}

@media only screen and (max-width: 767px) {

  .single-banner .banner-content {

    left: 20px;

  }

}

.single-banner .banner-content h5 {

  font-size: 18px;

  font-weight: 500;

  color: #033333;

  margin: 0 0 15px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .single-banner .banner-content h5 {

    margin: 0 0 10px;

  }

}

.single-banner .banner-content h2 {

  font-size: 30px;

  color: #033333;

  font-weight: 500;

  margin: 0;

  line-height: 1;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .single-banner .banner-content h2 {

    font-size: 22px;

  }

}

.single-banner .banner-content .banner-shape {

  position: relative;

  margin: 4px 0 48px;

}

.single-banner .banner-content .banner-shape:before {

  position: absolute;

  content: "";

  background-color: #e4e4e4;

  width: 148px;

  height: 1px;

  left: 0;

  bottom: 2px;

}

.single-banner .banner-content .banner-shape img {

  width: 148px;

}

.single-banner .banner-content .banner-btn a.default-btn {

  padding: 17px 30px 17px;

  font-size: 14px;

  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.38);

          box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.38);

}

.single-banner .banner-content .banner-btn a.default-btn:hover {

  color: #161616;

  background-color: #fff;

}

.single-banner:hover .banner-img img {

  -webkit-transform: scale(1.2);

          transform: scale(1.2);

}



.single-banner.second-banner .banner-content {

  left: 170px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .single-banner.second-banner .banner-content {

    left: 100px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .single-banner.second-banner .banner-content {

    left: 15px;

  }

}

@media only screen and (max-width: 767px) {

  .single-banner.second-banner .banner-content {

    left: 102px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .single-banner.second-banner .banner-content {

    left: 280px;

  }

}



/*--------- 14. Product style ---------*/

.product-wrap {

  position: relative;

}

.product-wrap .product-img {

  position: relative;

  overflow: hidden;

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}

.product-wrap .product-img:before {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: "";

  background-color: #fafafa;

  opacity: 0;

  z-index: 9;

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  pointer-events: none;

}

.product-wrap .product-img a img {

  width: 100%;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.product-wrap .product-img span {

  position: absolute;

  left: 0;

  top: 0;

  background-color: #00a651;

  color: #fff;

  display: block;

  line-height: 1;

  padding: 15px 11px 37px;

  z-index: 99;

}

.product-wrap .product-img span:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 0px;

  height: 0px;

  border-bottom: 17px solid #fafafa;

  border-left: 24px solid transparent;

  border-right: 24px solid transparent;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

}

.product-wrap .product-img .product-action {

  position: absolute;

  top: 60%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  left: 0;

  right: 0;

  width: 100%;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  z-index: 99;

}

.product-wrap .product-img .product-action ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  width: 100%;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.product-wrap .product-img .product-action ul li {

  margin-left: 0px;

  width: calc(25% - 1px);

}

.product-wrap .product-img .product-action ul li a {

  display: inline-block;

  background-color: #333333;

  color: #fff;

  height: 42px;

  width: 100%;

  font-size: 16px;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.product-wrap .product-img .product-action ul li a:hover {

  background-color: #00a651;

  color: #fff;

}

.product-wrap .product-img .product-action ul li:last-child {

  width: 25%;

}

.product-wrap .product-content {

  padding: 11px 0 0;

}

.product-wrap .product-content .pro-title-rating-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.product-wrap .product-content .pro-title-rating-wrap .product-title h3 {

  font-size: 18px;

  color: #033333;

  font-weight: 500;

  margin: 0;

}

.product-wrap .product-content .pro-title-rating-wrap .product-title h3 a {

  color: #033333;

}

.product-wrap .product-content .pro-title-rating-wrap .product-title h3 a:hover {

  color: #00a651;

}

.product-wrap .product-content .pro-title-rating-wrap .product-rating {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.product-wrap .product-content .pro-title-rating-wrap .product-rating i {

  font-size: 14px;

  margin-left: 4px;

  color: #00a651;

}

.product-wrap .product-content .pro-category-price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin: 5px 0 0;

}

.product-wrap .product-content .pro-category-price span {

  font-weight: 500;

  color: #033333;

  line-height: 1;

  font-size: 15px;

}

.product-wrap:hover .product-action {

  opacity: 1;

  visibility: visible;

  top: 50%;

}

.product-wrap:hover .product-img img {

  -webkit-transform: scaleY(1.2);

          transform: scaleY(1.2);

}

.product-wrap:hover .product-img:before {

  opacity: 0.3;

}



.producta-active .slick-list .product-wrap {

  margin: 0 15px;

}



.producta-active .slick-list {

  margin: 0 -15px;

}



.producta-active .b-navigation {

  top: -120px;

}

@media only screen and (max-width: 767px) {

  .producta-active .b-navigation {

    top: -75px;

  }

}



.admission-tab-list.tab-list-2 {

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

}

@media only screen and (max-width: 767px) {

  .admission-tab-list.tab-list-2 {

    padding-top: 0;

  }

}

.admission-tab-list.tab-list-2 a {

  margin: 0 32px 0 0;

}

@media only screen and (max-width: 767px) {

  .admission-tab-list.tab-list-2 a {

    margin: 0 18px 15px 0;

  }

}

.admission-tab-list.tab-list-2 a h4 {

  color: #333333;

}

.admission-tab-list.tab-list-2 a.active {

  border-bottom: 2px solid #adadad;

}



.modal-dialog {

  margin: 8% auto;

  max-width: 960px;

  width: 960px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .modal-dialog {

    width: 720px;

    max-width: 720px;

  }

}

@media only screen and (max-width: 767px) {

  .modal-dialog {

    width: 100%;

    max-width: 100%;

  }

}

.modal-dialog .modal-header .close {

  color: #333;

  cursor: pointer;

  opacity: 1;

}

.modal-dialog .modal-header .close:hover {

  color: #00a651;

}



.quickview-big-img img {

  width: 100%;

}



.product-thumbnail {

  margin: 30px 0 0;

}



.thumb-menu.owl-carousel .owl-nav button {

  color: #00a651;

  cursor: pointer;

  display: inline-block;

  font-size: 14px;

  left: 0px;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  z-index: 99;

  -webkit-box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);

          box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);

  background-color: #fff;

  width: 30px;

  height: 30px;

  line-height: 30px;

  border-radius: 100%;

  text-align: center;

}

.thumb-menu.owl-carousel .owl-nav button:hover {

  background-color: #00a651;

  color: #fff;

}



.thumb-menu.owl-carousel .owl-nav button.owl-next {

  left: auto;

  right: 0px;

}



.quickview-content span {

  font-size: 16px;

  font-weight: 500;

}

.quickview-content span i {

  color: #00a651;

  font-size: 16px;

}



@media only screen and (max-width: 767px) {

  .quickview-content {

    margin-top: 30px;

  }

}



/*--------- 15. Discount area ---------*/

.discount-img-wrap {

  position: relative;

}

.discount-img-wrap img {

  width: 100%;

}

.discount-img-wrap .discount-img-content-wrap {

  position: absolute;

  top: 42px;

  right: 25px;

  -webkit-animation-iteration-count: infinite;

          animation-iteration-count: infinite;

  -webkit-animation-name: bounce-img;

          animation-name: bounce-img;

  -webkit-animation-duration: 2.9s;

          animation-duration: 2.9s;

}

.discount-img-wrap .discount-img-content-wrap .discount-img-content {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

          transform: translateY(-50%) translateX(-50%);

  text-align: center;

}

.discount-img-wrap .discount-img-content-wrap .discount-img-content h5 {

  font-size: 48px;

  font-weight: bold;

  color: #00a651;

  margin: 0 0 13px;

  line-height: 35px;

}

.discount-img-wrap .discount-img-content-wrap .discount-img-content span {

  font-size: 14px;

  font-weight: bold;

  color: #00a651;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .discount-img-wrap.mr-60 {

    margin-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .discount-img-wrap.mr-60 {

    margin-right: 0;

  }

}

@media only screen and (max-width: 767px) {

  .discount-img-wrap.mr-60 {

    margin-right: 0;

  }

}



.discount-content h4 {

  font-weight: bold;

  font-size: 24px;

  margin: 0;

}

.discount-content h2 {

  font-weight: 500;

  font-size: 72px;

  margin: 30px 0 39px;

  line-height: 55px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .discount-content h2 {

    font-size: 55px;

  }

}

@media only screen and (max-width: 767px) {

  .discount-content h2 {

    font-size: 40px;

    margin: 10px 0 20px;

  }

}

.discount-content h2 span {

  position: relative;

  z-index: 99;

}

.discount-content h2 span:before {

  content: url(../../assets/img/icon-img/discount.png);

  position: absolute;

  left: 6px;

  top: 16px;

  z-index: -1;

}

@media only screen and (max-width: 767px) {

  .discount-content h2 span:before {

    display: none;

  }

}

.discount-content .discount-btn a {

  color: #f6f6f6;

}

@media only screen and (max-width: 767px) {

  .discount-content {

    margin-top: 30px;

  }

}



.discount-area.pb-90 {

  padding-bottom: 60px;

}



.discount-area.pt-110 {

  padding-top: 60px;

}



/* slider img bounce */

@-webkit-keyframes bounce-img {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

  50% {

    opacity: 1;

    -webkit-transform: translateY(20px);

            transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

}

@keyframes bounce-img {

  0% {

    opacity: 1;

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

  50% {

    opacity: 1;

    -webkit-transform: translateY(20px);

            transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

  }

}

/*--------- 26. Video style ---------*/

.video-area {

  position: relative;

}

.video-area:before {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  background-color: #000;

  content: "";

  opacity: 0.5;

  width: 100%;

  height: 100%;

  border: 10px solid #383838;

}

.video-area .video-btn-2 {

  display: inline-block;

  position: relative;

  width: 100%;

  z-index: 99;

}

.video-area .video-btn-2 a {

  text-align: center;

  display: block;

}



/*--------- 21. Course details ---------*/

.apply-area {

  position: relative;

}

.apply-area img {

  width: 100%;

}

.apply-area:before {

  position: absolute;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  content: "";

  background-color: #000000;

  opacity: 0.46;

}

.apply-area:after {

  border: 5px solid #534741;

  position: absolute;

  left: 30px;

  top: 30px;

  right: 30px;

  bottom: 30px;

  content: "";

  border-radius: 10px;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  z-index: 1;

}

.apply-area .course-apply-btn {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

          transform: translateY(-50%) translateX(-50%);

  z-index: 9;

}

.apply-area .course-apply-btn a.default-btn {

  padding: 15px 40px 15px;

  font-size: 14px;

  letter-spacing: 0.5px;

}

@media only screen and (max-width: 767px) {

  .apply-area .course-apply-btn a.default-btn {

    padding: 12px 25px 12px;

    font-size: 12px;

  }

}

.apply-area:hover:after {

  left: 15px;

  top: 15px;

  right: 15px;

  bottom: 15px;

}



.course-tab-list {

  border-bottom: 1px solid #e0e1eb;

}

.course-tab-list a {

  margin-right: 40px;

  position: relative;

}

.course-tab-list a:last-child {

  margin-right: 0px;

}

.course-tab-list a:before {

  position: absolute;

  content: "";

  background-color: #00a651;

  left: -6px;

  top: 12px;

  width: 117%;

  height: 1px;

  opacity: 0;

  visibility: hidden;

}

.course-tab-list a h4 {

  font-size: 16px;

  color: #000000;

  font-weight: bold;

  margin: 0;

}

.course-tab-list a:hover:before {

  opacity: 1;

  visibility: visible;

}

.course-tab-list a.active h4 {

  color: #00a651;

}

.course-tab-list a.active:before {

  opacity: 1;

  visibility: visible;

}



.over-view-content > h4 {

  color: #00a651;

  font-weight: bold;

  font-size: 16px;

  margin: 0 0 11px;

}

.over-view-content h5 {

  font-weight: bold;

  font-size: 16px;

  margin: 0 0 33px;

}

.over-view-content p {

  margin: 0;

  line-height: 23px;

}



.over-view-list {

  margin: 20px 0 25px;

}

.over-view-list .sin-over-view-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 8px;

}

.over-view-list .sin-over-view-list:last-child {

  margin-bottom: 0px;

}

.over-view-list .sin-over-view-list .course-list-icon {

  font-size: 12px;

  margin-right: 16px;

}

.over-view-list .sin-over-view-list .course-list-icon i {

  color: #00a651;

}

.over-view-list .sin-over-view-list .course-list-content p {

  color: #333;

  margin: 0;

}



.course-details-img {

  margin: 17px 0 23px;

}

.course-details-img img {

  width: 100%;

}



.course-summary-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 18px;

}

@media only screen and (max-width: 767px) {

  .course-summary-wrap {

    display: block;

  }

}

.course-summary-wrap .single-course-summary {

  text-align: center;

  margin-right: 40px;

  position: relative;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .course-summary-wrap .single-course-summary {

    margin-right: 30px;

  }

}

@media only screen and (max-width: 767px) {

  .course-summary-wrap .single-course-summary {

    margin-right: 0px;

    margin-bottom: 30px;

  }

}

.course-summary-wrap .single-course-summary:before {

  background-color: #c2ead5;

  height: 45px;

  width: 1px;

  right: -21px;

  top: 4px;

  content: "";

  position: absolute;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .course-summary-wrap .single-course-summary:before {

    right: -17px;

  }

}

@media only screen and (max-width: 767px) {

  .course-summary-wrap .single-course-summary:before {

    display: none;

  }

}

.course-summary-wrap .single-course-summary h4 {

  text-transform: uppercase;

  font-size: 14px;

  margin: 0 0 10px;

}

.course-summary-wrap .single-course-summary span {

  font-size: 16px;

  color: #00a651;

}

.course-summary-wrap .single-course-summary span i {

  font-size: 12px;

  margin-right: 2px;

  position: relative;

  top: -2px;

}



.related-title h3 {

  font-size: 24px;

  font-weight: bold;

  margin: 0 0 10px;

}

.related-title p {

  margin: 0;

  font-size: 16px;

  line-height: 26px;

}



@media only screen and (max-width: 767px) {

  .blog-details-wrap .related-title.mb-45 {

    margin-bottom: 100px;

  }

}

.related-slider-active .slick-list {

  padding-bottom: 130px;

  margin: 0 -12.5px;

}

@media only screen and (max-width: 767px) {

  .related-slider-active .slick-list {

    padding-bottom: 105px;

  }

}



.related-slider-active .slick-list .single-course {

  margin: 0 12.5px;

}



.single-review {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 0 0 50px;

}

@media only screen and (max-width: 767px) {

  .single-review {

    display: block;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .single-review {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

.single-review .review-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 90px;

          flex: 0 0 90px;

  margin: 0 15px 0 0;

}

@media only screen and (max-width: 767px) {

  .single-review .review-img {

    margin: 0 0px 20px 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .single-review .review-img {

    margin: 0 15px 0px 0;

  }

}

.single-review .review-top-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin: 0 0 10px;

}

.single-review .review-top-wrap .review-left {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.single-review .review-top-wrap .review-left .review-name {

  margin-right: 25px;

}

.single-review .review-top-wrap .review-left .review-name h4 {

  font-size: 16px;

  margin: 0;

  line-height: 1;

  font-weight: 500;

}

.single-review .review-top-wrap .review-left .review-rating {

  line-height: 1;

}

.single-review .review-top-wrap .review-left .review-rating i {

  font-size: 12px;

  margin-right: 1px;

  color: #00a651;

}

.single-review .review-top-wrap .review-btn a {

  font-weight: 500;

  line-height: 1;

}

.single-review .review-bottom p {

  margin: 0;

  width: 93%;

}



.single-review.child-review {

  margin-left: 70px;

  margin-bottom: 0;

}

@media only screen and (max-width: 767px) {

  .single-review.child-review {

    margin-left: 0px;

  }

}



.ratting-form-wrapper {

  margin-top: 50px;

}

.ratting-form-wrapper h3 {

  margin: 0;

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

}

.ratting-form-wrapper .ratting-form form .star-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 6px 0 20px;

}

.ratting-form-wrapper .ratting-form form .star-box span {

  margin: 0 15px 0 0;

}

.ratting-form-wrapper .ratting-form form .star-box .ratting-star {

  font-size: 12px;

  color: #00a651;

  margin: 2px 0 0;

}

.ratting-form-wrapper .ratting-form form .rating-form-style input,

.ratting-form-wrapper .ratting-form form .rating-form-style textarea {

  padding: 2px 10px 2px 20px;

  background: transparent;

  border: 1px solid #e6e6e6;

}

.ratting-form-wrapper .ratting-form form .rating-form-style textarea {

  height: 180px;

  padding: 20px 10px 2px 20px;

  margin-bottom: 20px;

}

.ratting-form-wrapper .ratting-form form .form-submit input {

  width: auto;

  padding: 10px 50px;

  font-weight: 500;

  text-transform: uppercase;

  height: 55px;

  background-color: #00a651;

  color: #fff;

  border: 1px solid #00a651;

}

.ratting-form-wrapper .ratting-form form .form-submit input:hover {

  background-color: #333;

  border: 1px solid #333;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .course-left-wrap.mr-40 {

    margin-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .course-left-wrap.mr-40 {

    margin-right: 0;

  }

}

@media only screen and (max-width: 767px) {

  .course-left-wrap.mr-40 {

    margin-right: 0;

  }

}



/*--------- 25. Sidebar style ---------*/

.sidebar-title {

  position: relative;

}

.sidebar-title h4 {

  color: #00a651;

  font-size: 18px;

  margin: 0;

  border-bottom: 1px solid #00a651;

  padding-bottom: 17px;

  line-height: 1;

}



.sidebar-search form {

  position: relative;

}

.sidebar-search form input {

  background: transparent;

  border: none;

  height: 45px;

  font-size: 14px;

  color: #333;

  width: 100%;

  -webkit-box-shadow: 0 0px 12px 0.8px rgba(136, 136, 136, 0.1);

          box-shadow: 0 0px 12px 0.8px rgba(136, 136, 136, 0.1);

  padding: 2px 40px 2px 20px;

}

.sidebar-search form button {

  position: absolute;

  right: 10px;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  border: none;

  background: transparent;

  color: #00a651;

  font-size: 14px;

  padding: 0 10px;

}

.sidebar-search form button:hover {

  color: #333;

}



.sidebar-about p {

  margin: 0;

  line-height: 23px;

}

.sidebar-about img {

  margin: 26px 0 29px;

}

.sidebar-about .sidebar-social ul li {

  display: inline-block;

  margin: 0 10px 0 0;

}

.sidebar-about .sidebar-social ul li a {

  display: inline-block;

  width: 28px;

  height: 28px;

  line-height: 28px;

  border-radius: 50px;

  background-color: #f6f6f6;

  font-size: 12px;

  text-align: center;

}

.sidebar-about .sidebar-social ul li a.facebook {

  color: #0054a6;

}

.sidebar-about .sidebar-social ul li a.facebook:hover {

  background-color: #0054a6;

  color: #fff;

}

.sidebar-about .sidebar-social ul li a.youtube {

  color: #c4302b;

}

.sidebar-about .sidebar-social ul li a.youtube:hover {

  background-color: #c4302b;

  color: #fff;

}

.sidebar-about .sidebar-social ul li a.twitter {

  color: #38a1f3;

}

.sidebar-about .sidebar-social ul li a.twitter:hover {

  background-color: #38a1f3;

  color: #fff;

}

.sidebar-about .sidebar-social ul li a.google {

  color: #cc3333;

}

.sidebar-about .sidebar-social ul li a.google:hover {

  background-color: #cc3333;

  color: #fff;

}



.single-recent-post {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 27px;

}

.single-recent-post:last-child {

  margin-bottom: 0px;

}

.single-recent-post .recent-post-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 90px;

          flex: 0 0 90px;

  margin: 0 15px 0 0;

}

.single-recent-post .recent-post-img img {

  width: 100%;

}

.single-recent-post .recent-post-content h5 {

  font-size: 14px;

  color: #333333;

  margin: 0;

}

.single-recent-post .recent-post-content h5 a {

  color: #333333;

}

.single-recent-post .recent-post-content h5 a:hover {

  color: #00a651;

}

.single-recent-post .recent-post-content span {

  color: #00a651;

  font-size: 13px;

  display: block;

  line-height: 1;

  margin: 9px 0 10px;

}

.single-recent-post .recent-post-content p {

  margin: 0;

  line-height: 23px;

}



.category-list ul li {

  display: block;

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom: 1px solid #eeeeee;

}

.category-list ul li:last-child {

  padding-bottom: 0px;

  margin-bottom: 0px;

  border-bottom: none;

}

.category-list ul li a {

  color: #333;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  line-height: 1;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.category-list ul li a span {

  float: right;

  display: inline-block;

  width: 28px;

  height: 28px;

  line-height: 28px;

  font-size: 12px;

  background-color: #f6f6f6;

  color: #333;

  text-align: center;

  border-radius: 50px;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.category-list ul li:hover a {

  color: #00a651;

}

.category-list ul li:hover a span {

  color: #fff;

  background-color: #00a651;

}



.sidebar-recent-course .sin-sidebar-recent-course {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 30px;

}

.sidebar-recent-course .sin-sidebar-recent-course:last-child {

  margin-bottom: 0px;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 90px;

          flex: 0 0 90px;

  margin-right: 15px;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-img img {

  width: 100%;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content h4 {

  font-size: 14px;

  color: #333;

  margin: 0;

  line-height: 1;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content h4 a {

  color: #333;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content h4 a:hover {

  color: #00a651;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  margin: 4px 0 5px;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul li {

  margin: 0 20px 0 0;

  font-size: 12px;

  position: relative;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul li:before {

  position: absolute;

  right: -10px;

  top: 6px;

  width: 1px;

  height: 10px;

  background-color: #00a651;

  content: "";

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul li:last-child:before {

  display: none;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul li:last-child {

  margin-right: 0;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content ul li.duration-color {

  color: #00a651;

}

.sidebar-recent-course .sin-sidebar-recent-course .sidebar-recent-course-content p {

  margin: 0;

  line-height: 23px;

}



.sidebar-tag ul li {

  display: inline-block;

  margin: 0 0px 20px 0;

}

.sidebar-tag ul li a {

  display: inline-block;

  line-height: 1;

  border: 1px solid #bbbbbb;

  padding: 11px 15px 10px;

}

.sidebar-tag ul li a:hover {

  background-color: #00a651;

  color: #fff;

  border: 1px solid #00a651;

}



/*--------- 22. Event details page ---------*/

.description-date-social {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media only screen and (max-width: 767px) {

  .description-date-social {

    display: block;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .description-date-social {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

.description-date-social .description-date-time {

  overflow: hidden;

}

@media only screen and (max-width: 767px) {

  .description-date-social .description-date-time {

    margin: 0 0 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .description-date-social .description-date-time {

    margin: 0 0 0px;

  }

}

.description-date-social .description-date-time .description-date {

  display: inline-block;

  float: left;

  padding: 13px 20px;

  background-color: #00a651;

  margin-right: 20px;

}

.description-date-social .description-date-time .description-date span {

  display: block;

  line-height: 1;

  color: #fff;

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 10px;

}

.description-date-social .description-date-time .description-date span:last-child {

  margin-bottom: 0;

}

.description-date-social .description-date-time .description-meta-wrap {

  overflow: hidden;

}

.description-date-social .description-date-time .description-meta-wrap .description-meta {

  margin-bottom: 20px;

}

.description-date-social .description-date-time .description-meta-wrap .description-meta:last-child {

  margin-bottom: 0px;

}

.description-date-social .description-date-time .description-meta-wrap .description-meta i {

  color: #f7f7f7;

  font-size: 12px;

  height: 25px;

  width: 25px;

  line-height: 25px;

  border-radius: 100%;

  text-align: center;

  background-color: #00a651;

  margin-right: 5px;

}

.description-date-social .description-date-time .description-meta-wrap .description-meta span {

  color: #00a651;

}

.description-date-social .description-social-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.description-date-social .description-social-wrap .description-social ul li {

  display: inline-block;

  margin-left: 12px;

}

.description-date-social .description-social-wrap .description-social ul li:first-child {

  margin-left: 0;

}

.description-date-social .description-social-wrap .description-social ul li a {

  color: #333333;

  font-size: 14px;

}

.description-date-social .description-social-wrap .description-social ul li a.facebook {

  color: #333;

}

.description-date-social .description-social-wrap .description-social ul li a.facebook:hover {

  color: #0054a6;

}

.description-date-social .description-social-wrap .description-social ul li a.instagram {

  color: #333;

}

.description-date-social .description-social-wrap .description-social ul li a.instagram:hover {

  color: #e4405f;

}

.description-date-social .description-social-wrap .description-social ul li a.twitter {

  color: #333;

}

.description-date-social .description-social-wrap .description-social ul li a.twitter:hover {

  color: #38a1f3;

}

.description-date-social .description-social-wrap .description-social ul li a.google {

  color: #333;

}

.description-date-social .description-social-wrap .description-social ul li a.google:hover {

  color: #cc3333;

}

.description-date-social .description-social-wrap .description-btn a {

  font-size: 18px;

  background-color: #f6f6f6;

  color: #00a651;

  width: 44px;

  height: 44px;

  line-height: 44px;

  border-radius: 100%;

  display: inline-block;

  text-align: center;

  margin-left: 14px;

}

.description-date-social .description-social-wrap .description-btn a:hover {

  background-color: #00a651;

  color: #fff;

}



.event-description img {

  width: 100%;

}

.event-description h3 {

  font-weight: bold;

  font-size: 24px;

  margin: 30px 0 19px;

  color: #00a651;

  line-height: 38px;

}

@media only screen and (max-width: 767px) {

  .event-description h3 {

    font-size: 20px;

    line-height: 33px;

  }

}

.event-description p {

  margin: 0;

  line-height: 26px;

}



.event-gallery h4 {

  font-size: 18px;

  font-weight: bold;

  margin: 0;

  color: #00a651;

  background-color: #f6f6f6;

  padding: 13px 0 15px;

}



.nav-style-3.owl-carousel .owl-nav button {

  background-color: #fff;

  color: #00a651;

  font-size: 18px;

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 0px 50px 50px 0px;

  text-align: center;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  position: absolute;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.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: 0px;

  opacity: 1;

  visibility: visible;

}

.nav-style-3.owl-carousel .owl-nav button:hover {

  background-color: #00a651;

  color: #fff;

}



.nav-style-3.owl-carousel .owl-nav button.owl-next {

  left: auto;

  right: 0px;

  border-radius: 50px 0 0 50px;

}



.seat-book-wrap {

  padding: 42px 55px 50px;

}

@media only screen and (max-width: 767px) {

  .seat-book-wrap {

    padding: 42px 20px 50px;

  }

}

.seat-book-wrap .seat-book-title h3 {

  font-size: 24px;

  font-weight: bold;

  color: #fff;

  margin: 0 0 21px;

  line-height: 1;

}

.seat-book-wrap .seat-book-title p {

  font-size: 16px;

  color: #fff;

  margin: 0;

  line-height: 25px;

  width: 90%;

  margin: 0 auto;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .seat-book-wrap .seat-book-title p {

    width: 100%;

  }

}

@media only screen and (max-width: 767px) {

  .seat-book-wrap .seat-book-title p {

    width: 100%;

  }

}

.seat-book-wrap .seat-book-form {

  margin: 42px 0 0;

}

.seat-book-wrap .seat-book-form form input {

  background: transparent;

  border: 1px solid #21ca74;

  height: 45px;

  padding: 2px 20px;

  font-size: 14px;

  color: #fff;

  margin: 0 0 30px;

}

.seat-book-wrap .seat-book-form form input::-moz-placeholder {

  color: #fff;

  opacity: 1;

}

.seat-book-wrap .seat-book-form form input::-webkit-input-placeholder {

  color: #fff;

  opacity: 1;

}

.seat-book-wrap .seat-book-form form textarea {

  background: transparent;

  border: 1px solid #21ca74;

  height: 155px;

  padding: 17px 20px;

  font-size: 14px;

  color: #fff;

  margin: 0 0 30px;

}

.seat-book-wrap .seat-book-form form textarea::-moz-placeholder {

  color: #fff;

  opacity: 1;

}

.seat-book-wrap .seat-book-form form textarea::-webkit-input-placeholder {

  color: #fff;

  opacity: 1;

}

.seat-book-wrap .seat-book-form form button {

  padding: 0;

  border: none;

  background: transparent;

  font-weight: bold;

  font-size: 16px;

  letter-spacing: 0.5px;

  text-transform: uppercase;

  color: #00a651;

  background-color: #fff;

  line-height: 1;

  padding: 21px 40px 21px;

  border-radius: 50px;

  -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-top: 15px;

}

.seat-book-wrap .seat-book-form form button:hover {

  color: #fff;

  background-color: #333;

}

@media only screen and (max-width: 767px) {

  .seat-book-wrap .seat-book-form form button {

    margin-top: 0px;

    padding: 18px 30px 18px;

  }

}



#location {

  height: 307px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .event-left-wrap.mr-40 {

    margin-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .event-left-wrap.mr-40 {

    margin-right: 0;

  }

}

@media only screen and (max-width: 767px) {

  .event-left-wrap.mr-40 {

    margin-right: 0;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .sidebar-style {

    margin-top: 50px;

  }

}

@media only screen and (max-width: 767px) {

  .sidebar-style {

    margin-top: 50px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .sidebar-style.sidebar-res-mrg-none {

    margin-top: 0px;

  }

}

@media only screen and (max-width: 767px) {

  .sidebar-style.sidebar-res-mrg-none {

    margin-top: 0px;

  }

}



/*--------- 24. Shop page ---------*/

.shop-top-bar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media only screen and (max-width: 767px) {

  .shop-top-bar {

    display: block;

  }

}

.shop-top-bar .shop-tab-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media only screen and (max-width: 767px) {

  .shop-top-bar .shop-tab-wrap {

    margin-bottom: 15px;

  }

}

.shop-top-bar .shop-tab-wrap .shop-tab {

  margin-right: 30px;

}

.shop-top-bar .shop-tab-wrap .shop-tab a {

  font-size: 14px;

  color: #666666;

  margin-right: 17px;

}

.shop-top-bar .shop-tab-wrap .shop-tab a:last-child {

  margin-right: 0px;

}

.shop-top-bar .shop-tab-wrap .shop-tab a.active {

  color: #00a651;

}

.shop-top-bar .shop-tab-wrap p {

  font-size: 16px;

}

.shop-top-bar .shop-select select {

  border: 1px solid #dddddd;

  color: #666666;

  -moz-appearance: none;

  -webkit-appearance: none;

  min-width: 270px;

  padding: 2px 20px;

  background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/angle-down.png") no-repeat scroll right 20px center;

  cursor: pointer;

}



.shop-list-wrap {

  position: relative;

  overflow: hidden;

}

.shop-list-wrap .shop-list-img {

  display: inline-block;

  float: left;

  width: 270px;

  margin-right: 30px;

  position: relative;

  overflow: hidden;

}

@media only screen and (max-width: 767px) {

  .shop-list-wrap .shop-list-img {

    display: block;

    margin-right: 0;

    float: inherit;

    width: 100%;

  }

}

.shop-list-wrap .shop-list-img img {

  width: 100%;

  -webkit-transform: scale(1);

          transform: scale(1);

}

.shop-list-wrap .shop-list-img:before {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  content: "";

  background-color: #fafafa;

  opacity: 0;

  z-index: 9;

  -webkit-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

  pointer-events: none;

}

.shop-list-wrap .shop-list-content {

  overflow: hidden;

}

@media only screen and (max-width: 767px) {

  .shop-list-wrap .shop-list-content {

    margin-top: 20px;

  }

}

.shop-list-wrap .shop-list-content h4 {

  font-size: 20px;

  font-weight: 500;

  margin: 0 0 15px;

  line-height: 1;

}

.shop-list-wrap .shop-list-content h4 a {

  color: #033333;

}

.shop-list-wrap .shop-list-content span {

  font-weight: 500;

  color: #033333;

  line-height: 1;

  display: block;

}

.shop-list-wrap .shop-list-content p {

  margin: 0 0 30px;

}

@media only screen and (max-width: 767px) {

  .shop-list-wrap .shop-list-content p {

    margin: 0 0 20px;

  }

}

.shop-list-wrap .shop-list-content .review-rating {

  margin: 15px 0 15px;

}

.shop-list-wrap .shop-list-content .review-rating i {

  font-size: 12px;

  color: #00a651;

  margin-right: 2px;

}

.shop-list-wrap .shop-list-content .product-action-list ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.shop-list-wrap .shop-list-content .product-action-list ul li {

  margin-right: 2px;

}

.shop-list-wrap .shop-list-content .product-action-list ul li:last-child {

  margin-right: 0px;

}

.shop-list-wrap .shop-list-content .product-action-list ul li a {

  display: inline-block;

  background-color: #333333;

  color: #fff;

  height: 42px;

  width: 67px;

  font-size: 16px;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.shop-list-wrap .shop-list-content .product-action-list ul li a:hover {

  background-color: #00a651;

  color: #fff;

}

.shop-list-wrap:hover .shop-list-img:before {

  opacity: 0.3;

}

.shop-list-wrap:hover .shop-list-img img {

  -webkit-transform: scaleY(1.2);

          transform: scaleY(1.2);

}



/*--------- 17. Blog details ---------*/

.blog-details-top {

  -webkit-box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);

          box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);

}

.blog-details-top > img {

  width: 100%;

}

.blog-details-top .blog-details-content-wrap {

  padding: 34px 30px 50px;

}

@media only screen and (max-width: 767px) {

  .blog-details-top .blog-details-content-wrap {

    padding: 34px 15px 50px;

  }

}

.blog-details-top .blog-details-content-wrap .b-details-meta-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media only screen and (max-width: 767px) {

  .blog-details-top .blog-details-content-wrap .b-details-meta-wrap {

    display: block;

  }

}

.blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul li {

  color: #00a651;

  font-size: 14px;

  margin-right: 40px;

}

@media only screen and (max-width: 767px) {

  .blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul li {

    margin-right: 10px;

  }

}

.blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul li:last-child {

  margin-right: 0;

}

.blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul li i {

  font-size: 12px;

  margin-right: 4px;

}

@media only screen and (max-width: 767px) {

  .blog-details-top .blog-details-content-wrap .b-details-meta-wrap .b-details-meta ul li i {

    margin-right: 2px;

  }

}

.blog-details-top .blog-details-content-wrap .b-details-meta-wrap span {

  background-color: #00a651;

  color: #fff;

  display: inline-block;

  line-height: 1;

  padding: 8px 10px 8px;

  margin: 3px 0 0;

}

@media only screen and (max-width: 767px) {

  .blog-details-top .blog-details-content-wrap .b-details-meta-wrap span {

    margin: 5px 0 0;

  }

}

.blog-details-top .blog-details-content-wrap h3 {

  font-size: 24px;

  font-weight: bold;

  margin: 8px 0 23px;

  color: #00a651;

}

@media only screen and (max-width: 767px) {

  .blog-details-top .blog-details-content-wrap h3 {

    font-size: 18px;

  }

}

.blog-details-top .blog-details-content-wrap p {

  margin: 0;

  line-height: 25px;

}

.blog-details-top .blog-details-content-wrap blockquote {

  position: relative;

  font-size: 16px;

  color: #666666;

  line-height: 26px;

  background-color: #f5f5f5;

  padding: 44px 37px 27px 50px;

  margin: 27px 0 24px;

}

.blog-details-top .blog-details-content-wrap blockquote:before {

  background-color: #00a651;

  width: 4px;

  height: 63px;

  left: 24px;

  content: "";

  top: 51px;

  position: absolute;

  z-index: 9;

}

.blog-details-top .blog-details-content-wrap blockquote i {

  color: #00a651;

  position: absolute;

  font-size: 18px;

}

.blog-details-top .blog-details-content-wrap blockquote i.quote-top {

  top: 20px;

  left: 20px;

}

.blog-details-top .blog-details-content-wrap blockquote i.quote-bottom {

  bottom: 20px;

  right: 20px;

}



.blog-share-tags {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-top: 35px;

}

@media only screen and (max-width: 767px) {

  .blog-share-tags {

    display: block;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-share-tags {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

.blog-share-tags .blog-share {

  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) {

  .blog-share-tags .blog-share {

    margin: 0 0 10px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-share-tags .blog-share {

    margin: 0 0 0px;

  }

}

.blog-share-tags .blog-share .blog-btn a {

  font-size: 18px;

  background-color: #f6f6f6;

  color: #00a651;

  width: 44px;

  height: 44px;

  line-height: 44px;

  border-radius: 100%;

  display: inline-block;

  text-align: center;

  margin-right: 14px;

}

.blog-share-tags .blog-share .blog-btn a:hover {

  background-color: #00a651;

  color: #fff;

}

.blog-share-tags .blog-share .blog-social ul li {

  display: inline-block;

  margin-right: 9px;

}

.blog-share-tags .blog-share .blog-social ul li:last-child {

  margin-right: 0px;

}

.blog-share-tags .blog-share .blog-social ul li a {

  font-size: 14px;

  display: inline-block;

}

.blog-share-tags .blog-share .blog-social ul li a.facebook {

  color: #0054a6;

}

.blog-share-tags .blog-share .blog-social ul li a.facebook:hover {

  color: #00a651;

}

.blog-share-tags .blog-share .blog-social ul li a.instagram {

  color: #662d91;

}

.blog-share-tags .blog-share .blog-social ul li a.instagram:hover {

  color: #00a651;

}

.blog-share-tags .blog-share .blog-social ul li a.twitter {

  color: #38a1f3;

}

.blog-share-tags .blog-share .blog-social ul li a.twitter:hover {

  color: #00a651;

}

.blog-share-tags .blog-share .blog-social ul li a.google {

  color: #cc3333;

}

.blog-share-tags .blog-share .blog-social ul li a.google:hover {

  color: #00a651;

}

.blog-share-tags .blog-tag ul li {

  margin: 0 0 0px 2px;

  display: inline-block;

}

.blog-share-tags .blog-tag ul li a {

  line-height: 1;

  color: #666666;

  border: 1px solid #bbbbbb;

  padding: 8px 18px 8px;

  display: inline-block;

}

@media only screen and (max-width: 767px) {

  .blog-share-tags .blog-tag ul li a {

    padding: 8px 12px 8px;

  }

}

.blog-share-tags .blog-tag ul li a:hover {

  border: 1px solid #00a651;

  color: #fff;

  background-color: #00a651;

}



.blog-author {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);

          box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);

}

@media only screen and (max-width: 767px) {

  .blog-author {

    display: block;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-author {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

.blog-author .author-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 178px;

          flex: 0 0 178px;

}

.blog-author .author-img img {

  width: 100%;

}

@media only screen and (max-width: 767px) {

  .blog-author .author-img {

    width: 100%;

  }

}

.blog-author .author-content {

  padding: 0 22px 0 30px;

}

@media only screen and (max-width: 767px) {

  .blog-author .author-content {

    padding: 20px 20px 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-author .author-content {

    padding: 10px 22px 10px 15px;

  }

}

.blog-author .author-content .author-content-top {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  overflow: hidden;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin: 0 0 7px;

}

.blog-author .author-content .author-content-top .blog-designation h5 {

  font-weight: bold;

  font-size: 14px;

  color: #333333;

  margin: 0 0 2px;

}

.blog-author .author-content .author-content-top .blog-designation span {

  color: #666666;

  font-weight: bold;

  font-size: 14px;

}

.blog-author .author-content .author-content-top .author-social ul li {

  display: inline-block;

  margin-left: 5px;

}

.blog-author .author-content .author-content-top .author-social ul li a {

  font-size: 14px;

  display: inline-block;

}

.blog-author .author-content .author-content-top .author-social ul li a.facebook {

  color: #0054a6;

}

.blog-author .author-content .author-content-top .author-social ul li a.facebook:hover {

  color: #00a651;

}

.blog-author .author-content .author-content-top .author-social ul li a.instagram {

  color: #662d91;

}

.blog-author .author-content .author-content-top .author-social ul li a.instagram:hover {

  color: #00a651;

}

.blog-author .author-content .author-content-top .author-social ul li a.twitter {

  color: #38a1f3;

}

.blog-author .author-content .author-content-top .author-social ul li a.twitter:hover {

  color: #00a651;

}

.blog-author .author-content .author-content-top .author-social ul li a.google {

  color: #cc3333;

}

.blog-author .author-content .author-content-top .author-social ul li a.google:hover {

  color: #00a651;

}

.blog-author .author-content p {

  line-height: 25px;

  margin: 0;

}



.related-slider-active .slick-list .single-blog {

  margin: 0 12.5px;

}



.related-slider-active.related-blog-slide .slick-list {

  padding-bottom: 0px;

}



.blog-comment .blog-comment-btn a {

  font-size: 16px;

  font-weight: bold;

  display: inline-block;

  line-height: 1;

  color: #00a651;

  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.22);

          box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.22);

  border-radius: 50px;

  padding: 22px 40px;

}

.blog-comment .blog-comment-btn a:hover {

  color: #fff;

  background-color: #00a651;

}

.blog-comment .blog-comment-content-wrap {

  display: none;

  padding: 50px 30px;

  -webkit-box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);

          box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);

}

@media only screen and (max-width: 767px) {

  .blog-comment .blog-comment-content-wrap {

    padding: 30px 15px;

  }

}

.blog-comment .blog-comment-content-wrap h4 {

  margin: 0 0 27px;

  font-size: 24px;

  font-weight: bold;

}

.blog-comment .blog-comment-content-wrap .single-blog-comment {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media only screen and (max-width: 767px) {

  .blog-comment .blog-comment-content-wrap .single-blog-comment {

    display: block;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-comment .blog-comment-content-wrap .single-blog-comment {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-img {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 122px;

          flex: 0 0 122px;

  margin-right: 55px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-img {

    margin-right: 30px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-img {

    margin-right: 30px;

  }

}

.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-img img {

  width: 100%;

}

.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content h5 {

  margin: 0;

  font-size: 14px;

  font-weight: bold;

}

.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content p {

  line-height: 25px;

  margin: 10px 0 7px;

}

.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content a {

  font-size: 14px;

  font-weight: bold;

  color: #333333;

}

.blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content a:hover {

  color: #00a651;

}

@media only screen and (max-width: 767px) {

  .blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content {

    padding: 20px 0 0;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .blog-comment .blog-comment-content-wrap .single-blog-comment .blog-comment-content {

    padding: 0px 0 0;

  }

}

.blog-comment .blog-comment-content-wrap .single-blog-comment.child-comment {

  margin: 45px 0 50px 125px;

}

@media only screen and (max-width: 767px) {

  .blog-comment .blog-comment-content-wrap .single-blog-comment.child-comment {

    margin: 45px 0 50px 0px;

  }

}



.leave-comment-area {

  padding: 42px 30px 20px;

  -webkit-box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);

          box-shadow: 0 0px 12px 0.8px rgba(225, 225, 225, 0.3);

}

@media only screen and (max-width: 767px) {

  .leave-comment-area {

    padding: 42px 15px 20px;

  }

}

.leave-comment-area h3 {

  font-size: 24px;

  font-weight: bold;

  margin: 0 0 23px;

}

.leave-comment-area form .leave-form {

  margin-bottom: 30px;

}

.leave-comment-area form .leave-form input {

  background-color: #f6f6f6;

  height: 40px;

  font-size: 13px;

  border: none;

  padding: 2px 20px;

  color: #333;

}

.leave-comment-area form .leave-form textarea {

  background-color: #f6f6f6;

  height: 220px;

  font-size: 13px;

  border: none;

  padding: 15px 20px;

  color: #333;

}

.leave-comment-area form .leave-form.leave-btn input {

  font-size: 16px;

  font-weight: bold;

  color: #fff;

  background-color: #00a651;

  letter-spacing: 0.5px;

  width: auto;

  padding: 18px 40px 17px;

  height: auto;

  border-radius: 50px;

  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.22);

          box-shadow: 0px 6px 12px 0.8px rgba(42, 42, 42, 0.22);

  margin-top: 35px;

}

.leave-comment-area form .leave-form.leave-btn input:hover {

  color: #00a651;

  background-color: #fff;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .blog-details-wrap.mr-40 {

    margin-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .blog-details-wrap.mr-40 {

    margin-right: 0;

  }

}

@media only screen and (max-width: 767px) {

  .blog-details-wrap.mr-40 {

    margin-right: 0;

  }

}



/*--------- 20. Contact page ---------*/

.contact-map {

  border: 10px solid #00a651;

  border-right: none;

}

.contact-map .mapouter iframe {

  height: 685px;

  width: 100%;

}

@media only screen and (max-width: 767px) {

  .contact-map .mapouter iframe {

    height: 400px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .contact-map .mapouter iframe {

    height: 500px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .contact-form {

    margin-top: 40px;

  }

}

@media only screen and (max-width: 767px) {

  .contact-form {

    margin-top: 40px;

  }

}

.contact-form .contact-title h2 {

  font-size: 48px;

  font-weight: bold;

  margin: 0 0 31px;

}

@media only screen and (max-width: 767px) {

  .contact-form .contact-title h2 {

    font-size: 35px;

  }

}

.contact-form .contact-title h2 span {

  font-weight: 400;

  color: #00a651;

}

.contact-form .contact-title p {

  font-size: 16px;

  line-height: 26px;

  margin: 0;

}

.contact-form form input {

  border: 1px solid #eeeeee;

  font-size: 13px;

  color: #333;

  background: transparent;

  padding: 2px 20px;

  margin-bottom: 25px;

}

.contact-form form textarea {

  border: 1px solid #eeeeee;

  font-size: 13px;

  color: #333;

  background: transparent;

  height: 135px;

  padding: 17px 20px;

}

.contact-form form button {

  padding: 0;

  border: none;

  font-size: 16px;

  font-weight: bold;

  color: #00a651;

  background-color: #fff;

  line-height: 1;

  display: inline-block;

  -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);

  padding: 23px 40px 20px;

  border-radius: 50px;

  margin-top: 47px;

}

@media only screen and (max-width: 767px) {

  .contact-form form button {

    margin-top: 30px;

  }

}

.contact-form form button:hover {

  color: #fff;

  background-color: #00a651;

}

.contact-form p.form-messege {

  margin-top: 10px;

}



.contact-info-area.default-overlay:before {

  background-color: #02150b;

  opacity: 0.79;

}



.single-contact-info {

  position: relative;

  z-index: 1;

}

.single-contact-info .contact-info-icon {

  margin-bottom: 30px;

}

.single-contact-info .contact-info-icon span {

  position: relative;

}

.single-contact-info .contact-info-icon span i {

  font-size: 16px;

  color: #fff;

  width: 64px;

  height: 64px;

  line-height: 64px;

  text-align: center;

  border-radius: 100%;

  background-color: #005b2c;

  position: relative;

  display: inline-block;

  z-index: 9;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.single-contact-info .contact-info-icon span:before {

  position: absolute;

  left: -3px;

  top: -24px;

  content: "";

  background-color: #00a651;

  width: 70px;

  height: 70px;

  border-radius: 100%;

}

.single-contact-info > p,

.single-contact-info > a {

  color: #fff;

  font-size: 18px;

  line-height: 28px;

  margin: 0;

}

.single-contact-info .contact-info-phn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.single-contact-info .contact-info-phn .info-phn-title span {

  font-size: 18px;

  color: #fff;

  margin-right: 5px;

}

.single-contact-info .contact-info-phn .info-phn-number p {

  font-size: 18px;

  color: #fff;

  margin: 0 0 5px;

}

.single-contact-info > a:hover {

  color: #00a651;

}

.single-contact-info:hover .contact-info-icon span i {

  background-color: #fff;

  color: #005b2c;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .contact-map.mr-70 {

    margin-right: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .contact-map.mr-70 {

    margin-right: 0;

  }

}

@media only screen and (max-width: 767px) {

  .contact-map.mr-70 {

    margin-right: 0;

  }

}



/*--------- 23. Product details page ---------*/

.product-details-img img {

  width: 100%;

}

.product-details-img .dec-slider-overlay a.slick-active {

  position: relative;

}

.product-details-img .dec-slider-overlay a.slick-active:before {

  position: absolute;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  content: "";

  background-color: #1e2127;

  opacity: 0.6;

  pointer-events: none;

}

.product-details-img .dec-slider-overlay a.slick-active.active:before {

  display: none;

}

.product-details-img .product-dec-slider .slick-list {

  margin: 0 -5px;

}

.product-details-img .product-dec-slider .slick-slide {

  margin: 0 5px;

}

.product-details-img .product-dec-slider .product-dec-icon{

  color: #00a651;

  cursor: pointer;

  display: inline-block;

  font-size: 14px;

  left: 0px;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  z-index: 99;

  -webkit-box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);

          box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);

  background-color: #fff;

  width: 30px;

  height: 30px;

  line-height: 30px;

  border-radius: 100%;

  text-align: center;

  opacity: 0;

  visibility: hidden;

}

.testimonial-text-slider .product-dec-icon{

  color: #00a651;

  cursor: pointer;

  display: inline-block;

  font-size: 30px;

  left: 73%;

  position: absolute;

  bottom: 1%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  z-index: 99;

  -webkit-box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);

          box-shadow: 0px 0px 12px 0.8px rgba(85, 220, 149, 0.3);

  background-color: #fff;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

}

.product-details-img .product-dec-slider .product-dec-icon:hover{

  background-color: #00a651;

  color: #fff;

}

.product-details-img .product-dec-slider .product-dec-icon.product-dec-next{

  left: auto;

  right: 0px;

}

.testimonial-text-slider .product-dec-icon.product-dec-next{

  left: 85%;

  right: 0px;

}

.product-details-img .product-dec-slider:hover .product-dec-icon{

  opacity: 1;

  visibility: visible;

}



.product-details-content h2 {

  font-size: 24px;

  font-weight: 500;

  margin: 0;

  color: #033333;

  line-height: 1;

}

.product-details-content .pro-details-rating-wrap {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 26px 0 18px;

}

@media only screen and (max-width: 767px) {

  .product-details-content .pro-details-rating-wrap {

    margin: 10px 0 12px;

  }

}

.product-details-content .pro-details-rating-wrap .pro-details-rating {

  margin-right: 5px;

}

.product-details-content .pro-details-rating-wrap .pro-details-rating i {

  color: #00a651;

  font-size: 14px;

  margin-right: 2px;

}

.product-details-content h3 {

  color: #033333;

  font-weight: 500;

  font-size: 20px;

  margin: 0 0 10px;

}

.product-details-content p {

  margin: 0;

}

.product-details-content .pro-details-size-color2 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media only screen and (max-width: 767px) {

  .product-details-content .pro-details-size-color2 {

    display: block;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .product-details-content .pro-details-size-color2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap {

  margin-right: 20px;

}

@media only screen and (max-width: 767px) {

  .product-details-content .pro-details-size-color2 .pro-details-color2-wrap {

    padding: 0 0 20px;

    overflow: hidden;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .product-details-content .pro-details-size-color2 .pro-details-color2-wrap {

    padding: 0 0 0px;

  }

}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap span {

  display: block;

  font-weight: 500;

  margin: 0 0 15px;

}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li {

  border-radius: 50px;

  cursor: pointer;

  display: block;

  float: left;

  height: 14px;

  margin-right: 15px;

  position: relative;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  width: 14px;

}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.blue {

  background-color: #4798f3;

  border: 1px solid #4798f3;

}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.maroon {

  background-color: #736751;

  border: 1px solid #736751;

}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.gray {

  background-color: #c0c0c0;

  border: 1px solid #c0c0c0;

}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.green {

  background-color: #139c57;

  border: 1px solid #139c57;

}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.yellow {

  background-color: #e28b37;

  border: 1px solid #e28b37;

}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.white {

  background-color: #fff;

  border: 1px solid #e7e7e7;

}

.product-details-content .pro-details-size-color2 .pro-details-color2-wrap .pro-details-color2-content ul li.active:before {

  border: 2px solid #00a651;

  border-radius: 50px;

  content: "";

  height: 24px;

  left: -6px;

  position: absolute;

  top: -6px;

  width: 24px;

}

.product-details-content .pro-details-size-color2 .pro-details-size2 span {

  display: block;

  font-weight: 500;

  margin: 0 0 10px;

}

.product-details-content .pro-details-size-color2 .pro-details-size2 .pro-details-size2-content ul li {

  display: inline-block;

  list-style: outside none none;

  margin: 0 2px 0 0;

}

.product-details-content .pro-details-size-color2 .pro-details-size2 .pro-details-size2-content ul li a {

  background-color: #f1f2f6;

  color: #15273e;

  display: inline-block;

  font-size: 12px;

  line-height: 1;

  padding: 6px 9px 7px;

  text-transform: uppercase;

}

.product-details-content .pro-details-size-color2 .pro-details-size2 .pro-details-size2-content ul li a:hover {

  background-color: #00a651;

  color: #fff;

}



.pro-details-quality {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

@media only screen and (max-width: 767px) {

  .pro-details-quality {

    display: block;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .pro-details-quality {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}

.pro-details-quality .cart-plus-minus {

  border: 1px solid #dee0e4;

  display: inline-block;

  height: 47px;

  overflow: hidden;

  padding: 0;

  position: relative;

  width: 102px;

}

.pro-details-quality .cart-plus-minus .qtybutton {

  color: #15273e;

  cursor: pointer;

  float: inherit;

  font-size: 14px;

  font-weight: 500;

  line-height: 20px;

  margin: 0;

  position: absolute;

  text-align: center;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  width: 24px;

}

.pro-details-quality .cart-plus-minus .dec.qtybutton {

  border-right: 1px solid #dee0e4;

  height: 47px;

  left: 0;

  padding-top: 12px;

  top: 0;

}

.pro-details-quality .cart-plus-minus .inc.qtybutton {

  border-left: 1px solid #dee0e4;

  height: 47px;

  padding-top: 12px;

  right: 0;

  top: 0;

}

.pro-details-quality .cart-plus-minus input.cart-plus-minus-box {

  background: transparent none repeat scroll 0 0;

  border: medium none;

  color: #454545;

  float: left;

  font-size: 14px;

  height: 47px;

  margin: 0;

  padding: 0 9px 0 0;

  text-align: center;

  width: 110px;

}

.pro-details-quality .pro-details-cart {

  margin: 0 15px;

}

@media only screen and (max-width: 767px) {

  .pro-details-quality .pro-details-cart {

    margin: 10px 0px 20px;

  }

}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .pro-details-quality .pro-details-cart {

    margin: 0 15px;

  }

}

.pro-details-quality .pro-details-cart a.default-btn {

  padding: 17px 30px 17px;

  font-size: 12px;

}

.pro-details-quality .pro-details-wishlist a {

  border: 1px solid #dfe1e5;

  color: #15273e;

  display: inline-block;

  font-size: 14px;

  line-height: 1;

  padding: 15px 16px;

}

.pro-details-quality .pro-details-wishlist a:hover {

  background-color: #00a651;

  border: 1px solid #00a651;

  color: #fff;

}



.pro-details-info-wrap {

  margin: 0 0 48px;

}

.pro-details-info-wrap .pro-details-info-list {

  margin: 0 0 10px;

}

.pro-details-info-wrap .pro-details-info-list li.pro-details-info-title {

  font-weight: 500;

  color: #15273e;

  min-width: 94px;

}

.pro-details-info-wrap .pro-details-info-list li {

  color: #333;

  display: inline-block;

  list-style: outside none none;

}



.pro-details-social ul li {

  display: inline-block;

  margin: 0 10px 0 0;

}

.pro-details-social ul li a {

  display: inline-block;

  width: 28px;

  height: 28px;

  line-height: 28px;

  border-radius: 50px;

  background-color: #ebeaea;

  font-size: 12px;

  text-align: center;

}

.pro-details-social ul li a.facebook {

  color: #0054a6;

}

.pro-details-social ul li a.facebook:hover {

  background-color: #0054a6;

  color: #fff;

}

.pro-details-social ul li a.youtube {

  color: #c4302b;

}

.pro-details-social ul li a.youtube:hover {

  background-color: #c4302b;

  color: #fff;

}

.pro-details-social ul li a.twitter {

  color: #38a1f3;

}

.pro-details-social ul li a.twitter:hover {

  background-color: #38a1f3;

  color: #fff;

}

.pro-details-social ul li a.google {

  color: #cc3333;

}

.pro-details-social ul li a.google:hover {

  background-color: #cc3333;

  color: #fff;

}



.description-review-topbar a {

  background-color: #f6f6f6;

  border-bottom: 3px solid transparent;

  font-size: 16px;

  font-weight: 500;

  line-height: 1;

  margin: 0 5px 0 0;

  padding: 18px 35px;

}

@media only screen and (max-width: 767px) {

  .description-review-topbar a {

    margin: 0 5px 10px 0;

    padding: 18px 15px;

    font-size: 14px;

  }

}

.description-review-topbar a.active {

  border-bottom: 3px solid #00a651;

  background-color: transparent;

}



.description-review-bottom {

  padding: 33px 0 0;

}

.description-review-bottom .product-description-wrapper p {

  margin: 0 0 25px;

}

.description-review-bottom .product-description-wrapper p:last-child {

  margin: 0 0 0px;

}

.description-review-bottom .product-anotherinfo-wrapper ul li {

  color: #333;

  font-size: 14px;

  list-style: outside none none;

  margin: 0 0 13px;

}

.description-review-bottom .product-anotherinfo-wrapper ul li span {

  color: #15273e;

  display: inline-block;

  font-weight: 500;

  margin: 0 26px 0 0;

  min-width: 85px;

}



.ratting-nagative-mrg {

  margin-top: -70px;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .ratting-nagative-mrg {

    padding-left: 0;

    margin-top: 50px;

  }

}

@media only screen and (max-width: 767px) {

  .ratting-nagative-mrg {

    padding-left: 0;

    margin-top: 50px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .product-details-content.pl-30 {

    padding-left: 0;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .product-details-content.pl-30 {

    padding-left: 0;

    margin-top: 50px;

  }

}

@media only screen and (max-width: 767px) {

  .product-details-content.pl-30 {

    padding-left: 0;

    margin-top: 30px;

  }

}



.pro-details-quality.mt-50.mb-45 {

  margin-top: 30px;

  margin-bottom: 25px;

}



@media only screen and (max-width: 767px) {

  .related-mrg-small {

    margin-bottom: 95px;

  }

}



/*--------- 19. Checkout page ---------*/

.billing-info-wrap h3 {

  font-size: 20px;

  color: #033333;

  margin: 0 0 20px;

  font-weight: 500;

}

.billing-info-wrap .billing-info label,

.billing-info-wrap .billing-select label {

  color: #333;

  margin: 0 0 7px;

}

.billing-info-wrap .billing-info input,

.billing-info-wrap .billing-select input {

  background: transparent none repeat scroll 0 0;

  border: 1px solid #e6e6e6;

  color: #333;

  font-size: 13px;

  padding-left: 20px;

  padding-right: 10px;

}

.billing-info-wrap .billing-info input.billing-address,

.billing-info-wrap .billing-select input.billing-address {

  margin-bottom: 10px;

}

.billing-info-wrap .billing-select select {

  -moz-appearance: none;

  -webkit-appearance: none;

  border: 1px solid #e6e6e6;

  color: #333;

  font-size: 13px;

  height: 45px;

  padding: 2px 20px;

  background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/select-2.png") no-repeat scroll right 18px center;

  cursor: pointer;

}

.billing-info-wrap .checkout-account {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.billing-info-wrap .checkout-account input {

  border: 1px solid #9fa0a2;

  display: inline-block;

  float: left;

  height: 10px;

  width: 10px;

}

.billing-info-wrap .checkout-account span {

  color: #333;

  font-weight: 400;

  margin: 0 0 0 12px;

}

.billing-info-wrap .checkout-account-toggle input {

  background: transparent none repeat scroll 0 0;

  border: 1px solid #e6e6e6;

  color: #333;

  font-size: 13px;

  padding-left: 20px;

  padding-right: 10px;

  margin: 0 0 20px;

}

.billing-info-wrap .checkout-account-toggle button.checkout-btn {

  background-color: #00a651;

  border: medium none;

  color: #fff;

  cursor: pointer;

  font-weight: 500;

  padding: 10px 30px;

  text-transform: uppercase;

  border-radius: 50px;

  z-index: 9;

}

.billing-info-wrap .checkout-account-toggle button.checkout-btn:hover {

  background-color: #333;

}

.billing-info-wrap .additional-info-wrap h4 {

  font-size: 16px;

  font-weight: 500;

}

.billing-info-wrap .additional-info-wrap .additional-info label {

  color: #333;

  font-size: 14px;

  margin: 0 0 7px;

}

.billing-info-wrap .additional-info-wrap .additional-info textarea {

  background: transparent none repeat scroll 0 0;

  border: 1px solid #e6e6e6;

  color: #333;

  font-size: 13px;

  height: 138px;

  padding: 17px 20px;

}

.billing-info-wrap .different-address {

  display: none;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .your-order-area {

    margin-top: 30px;

  }

}

@media only screen and (max-width: 767px) {

  .your-order-area {

    margin-top: 30px;

  }

}

.your-order-area h3 {

  font-size: 20px;

  font-weight: 500;

  margin: 0 0 20px;

  color: #033333;

}

.your-order-area .your-order-wrap {

  padding: 38px 45px 44px;

  background: #f6f6f6;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .your-order-area .your-order-wrap {

    padding: 30px 20px 36px;

  }

}

@media only screen and (max-width: 767px) {

  .your-order-area .your-order-wrap {

    padding: 30px 20px 36px;

  }

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul li {

  font-size: 16px;

  font-weight: 500;

  list-style: outside none none;

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-middle {

  border-bottom: 1px solid #dee0e4;

  border-top: 1px solid #dee0e4;

  margin: 29px 0;

  padding: 19px 0 18px;

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-middle ul li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin: 0 0 10px;

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul li {

  font-size: 14px;

  font-weight: 400;

  list-style: none;

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul li.your-order-shipping {

  font-size: 16px;

  color: #212121;

  font-weight: 400;

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total {

  border-bottom: 1px solid #dee0e4;

  border-top: 1px solid #dee0e4;

  margin: 18px 0 33px;

  padding: 17px 0 19px;

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li.order-total {

  font-weight: 500;

  color: #212121;

  font-size: 18px;

}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li {

  font-weight: 500;

  color: #00a651;

  font-size: 16px;

  list-style: outside none none;

}

.your-order-area .payment-accordion {

  margin: 0 0 16px;

}

.your-order-area .payment-accordion:last-child {

  margin: 0 0 0px;

}

.your-order-area .payment-accordion h4 {

  color: #212121;

  font-size: 16px;

  margin: 0;

}

.your-order-area .payment-accordion h4 a {

  color: #212121;

  position: relative;

  display: block;

}

.your-order-area .payment-accordion .panel-body {

  padding: 5px 0 0 0px;

}

.your-order-area .payment-accordion .panel-body p {

  padding: 0 0 0 10px;

  font-size: 13px;

  color: #333;

}

.your-order-area .Place-order > a {

  background-color: #00a651;

  color: #fff;

  display: block;

  font-weight: 500;

  letter-spacing: 1px;

  line-height: 1;

  padding: 18px 20px;

  text-align: center;

  text-transform: uppercase;

  border-radius: 50px;

  z-index: 9;

}

.your-order-area .Place-order > a:hover {

  background-color: #333;

}



/*--------- 18. Cart page ---------*/

h3.cart-page-title {

  font-size: 20px;

  font-weight: 500;

  margin: 0 0 15px;

}



.cart-table-content table {

  border: 1px solid #ebebeb;

}

.cart-table-content table thead > tr {

  background-color: #f9f9f9;

  border: 1px solid #ebebeb;

}

.cart-table-content table thead > tr th {

  border-top: medium none;

  color: #333;

  font-size: 14px;

  font-weight: 500;

  padding: 21px 45px 22px;

  text-align: center;

  text-transform: uppercase;

  vertical-align: middle;

  white-space: nowrap;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .cart-table-content table thead > tr th {

    padding: 21px 35px 22px;

  }

}

@media only screen and (max-width: 767px) {

  .cart-table-content table thead > tr th {

    padding: 21px 20px 22px;

  }

}

.cart-table-content table tbody > tr {

  border-bottom: 1px solid #ebebeb;

}

.cart-table-content table tbody > tr td.product-thumbnail {

  width: 150px;

}

.cart-table-content table tbody > tr td.product-name {

  width: 435px;

}

.cart-table-content table tbody > tr td.product-name a {

  color: #033333;

  font-size: 15px;

  font-weight: 500;

}

.cart-table-content table tbody > tr td.product-price-cart {

  width: 435px;

}

.cart-table-content table tbody > tr td.product-price-cart span {

  font-weight: 500;

  color: #033333;

}

.cart-table-content table tbody > tr td.product-subtotal {

  font-weight: 500;

  color: #033333;

}

.cart-table-content table tbody > tr td.product-quantity {

  width: 435px;

}

.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus {

  display: inline-block;

  float: left;

  height: 40px;

  padding: 0;

  position: relative;

  width: 110px;

}

.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .qtybutton {

  color: #333;

  cursor: pointer;

  float: inherit;

  font-size: 16px;

  margin: 0;

  position: absolute;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  width: 20px;

  text-align: center;

}

.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .dec.qtybutton {

  border-right: 1px solid #e5e5e5;

  height: 40px;

  left: 0;

  padding-top: 8px;

  top: 0;

}

.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus .inc.qtybutton {

  border-left: 1px solid #e5e5e5;

  height: 40px;

  padding-top: 9px;

  right: 0;

  top: 0;

}

.cart-table-content table tbody > tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box {

  color: #333;

  float: left;

  font-size: 14px;

  height: 40px;

  margin: 0;

  width: 110px;

  background: transparent none repeat scroll 0 0;

  border: 1px solid #e1e1e1;

  padding: 0;

  text-align: center;

}

.cart-table-content table tbody > tr td.product-remove {

  width: 100px;

}

.cart-table-content table tbody > tr td.product-remove a {

  color: #666;

  font-size: 17px;

  margin: 0 13px;

}

.cart-table-content table tbody > tr td.product-remove a:hover {

  color: #00a651;

}

.cart-table-content table tbody > tr td.product-wishlist-cart > a {

  background-color: #00a651;

  border-radius: 50px;

  color: #fff;

  font-size: 13px;

  font-weight: 500;

  line-height: 1;

  padding: 7px 12px;

  text-transform: uppercase;

}

.cart-table-content table tbody > tr td.product-wishlist-cart > a:hover {

  background-color: #333;

}

.cart-table-content table tbody > tr td {

  color: #333;

  font-size: 15px;

  padding: 30px 0;

  text-align: center;

}



.cart-shiping-update-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 30px 0px 55px;

}

@media only screen and (max-width: 767px) {

  .cart-shiping-update-wrapper {

    display: block;

  }

}

.cart-shiping-update-wrapper .cart-shiping-update > a,

.cart-shiping-update-wrapper .cart-clear > button,

.cart-shiping-update-wrapper .cart-clear > a {

  background-color: #f2f2f2;

  border-radius: 50px;

  color: #363f4d;

  display: inline-block;

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  padding: 18px 63px 17px;

  text-transform: uppercase;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .cart-shiping-update-wrapper .cart-shiping-update > a,

.cart-shiping-update-wrapper .cart-clear > button,

.cart-shiping-update-wrapper .cart-clear > a {

    padding: 18px 25px 17px;

    font-size: 13px;

  }

}

@media only screen and (max-width: 767px) {

  .cart-shiping-update-wrapper .cart-shiping-update > a,

.cart-shiping-update-wrapper .cart-clear > button,

.cart-shiping-update-wrapper .cart-clear > a {

    padding: 18px 40px 17px;

    margin: 0 0 15px;

  }

}

.cart-shiping-update-wrapper .cart-shiping-update > a:hover,

.cart-shiping-update-wrapper .cart-clear > button:hover,

.cart-shiping-update-wrapper .cart-clear > a:hover {

  background-color: #00a651;

  color: #fff;

}

.cart-shiping-update-wrapper .cart-clear > button {

  border: medium none;

  cursor: pointer;

  margin-right: 27px;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .cart-shiping-update-wrapper .cart-clear > button {

    margin-right: 15px;

  }

}



.cart-tax,

.discount-code-wrapper {

  background-color: #f9f9f9;

  border: 1px solid #ebebeb;

  border-radius: 5px;

  padding: 45px 30px 50px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .cart-tax,

.discount-code-wrapper {

    padding: 45px 18px 50px;

  }

}

@media only screen and (max-width: 767px) {

  .cart-tax,

.discount-code-wrapper {

    padding: 45px 18px 50px;

  }

}

.cart-tax .title-wrap,

.discount-code-wrapper .title-wrap {

  position: relative;

}

.cart-tax .title-wrap::before,

.discount-code-wrapper .title-wrap::before {

  background-color: #e3e1e1;

  content: "";

  height: 1px;

  left: 0;

  position: absolute;

  top: 10px;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  width: 100%;

  z-index: 1;

}

.cart-tax .title-wrap h4.cart-bottom-title,

.discount-code-wrapper .title-wrap h4.cart-bottom-title {

  display: inline-block;

  font-size: 18px;

  font-weight: 500;

  margin: 0;

  padding-right: 18px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .cart-tax .title-wrap h4.cart-bottom-title,

.discount-code-wrapper .title-wrap h4.cart-bottom-title {

    font-size: 16px;

  }

}

.cart-tax .title-wrap .section-bg-gray,

.discount-code-wrapper .title-wrap .section-bg-gray {

  background-color: #f8f9f9;

  position: relative;

  z-index: 99;

}

.cart-tax .tax-wrapper,

.discount-code-wrapper .tax-wrapper {

  margin-top: 22px;

}

.cart-tax .tax-wrapper p,

.discount-code-wrapper .tax-wrapper p {

  margin: 0;

}

.cart-tax .tax-wrapper .tax-select-wrapper,

.discount-code-wrapper .tax-wrapper .tax-select-wrapper {

  margin: 5px 0 0;

}

.cart-tax .tax-wrapper .tax-select-wrapper .tax-select,

.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select {

  margin: 0 0 26px;

}

.cart-tax .tax-wrapper .tax-select-wrapper .tax-select label,

.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select label {

  color: #242424;

  font-size: 14px;

  margin: 0 0 5px;

}

.cart-tax .tax-wrapper .tax-select-wrapper .tax-select select,

.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select select {

  -moz-appearance: none;

  -webkit-appearance: none;

  background: #fff url("../../assets/img/icon-img/cart.png") no-repeat scroll right 18px center;

  border: 1px solid #ebebeb;

  -webkit-box-shadow: none;

          box-shadow: none;

  color: #242424;

  font-size: 12px;

  height: 40px;

  padding: 0 50px 0 15px;

  width: 100%;

  cursor: pointer;

}

.cart-tax .tax-wrapper .tax-select-wrapper .tax-select input,

.discount-code-wrapper .tax-wrapper .tax-select-wrapper .tax-select input {

  background: #fff none repeat scroll 0 0;

  border: 1px solid #ebebeb;

  height: 40px;

}

.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2,

.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2 {

  background-color: #00a651;

  border: medium none;

  border-radius: 50px;

  color: #fff;

  cursor: pointer;

  font-size: 14px;

  font-weight: 500;

  padding: 13px 42px 12px;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.cart-tax .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover,

.discount-code-wrapper .tax-wrapper .tax-select-wrapper button.cart-btn-2:hover {

  background-color: #333;

}

.cart-tax .discount-code,

.discount-code-wrapper .discount-code {

  margin: 21px 0 0;

}

.cart-tax .discount-code p,

.discount-code-wrapper .discount-code p {

  margin: 0 0 15px;

}

.cart-tax .discount-code form input,

.discount-code-wrapper .discount-code form input {

  background: #fff;

  border: 1px solid #ebebeb;

  height: 40px;

  margin-bottom: 30px;

  padding-left: 10px;

}

.cart-tax .discount-code form button.cart-btn-2,

.discount-code-wrapper .discount-code form button.cart-btn-2 {

  background-color: #00a651;

  border: medium none;

  border-radius: 50px;

  color: #fff;

  cursor: pointer;

  font-size: 14px;

  font-weight: 500;

  padding: 13px 42px 12px;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.cart-tax .discount-code form button.cart-btn-2:hover,

.discount-code-wrapper .discount-code form button.cart-btn-2:hover {

  background-color: #333;

}



.grand-totall {

  background-color: #f9f9f9;

  border: 1px solid #ebebeb;

  border-radius: 5px;

  padding: 45px 30px 50px;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .grand-totall {

    padding: 45px 18px 50px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .grand-totall {

    margin-top: 30px;

  }

}

.grand-totall .title-wrap {

  position: relative;

}

.grand-totall .title-wrap::before {

  background-color: #e3e1e1;

  content: "";

  height: 1px;

  left: 0;

  position: absolute;

  top: 10px;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  width: 100%;

  z-index: 1;

}

.grand-totall .title-wrap h4.cart-bottom-title {

  display: inline-block;

  font-size: 18px;

  font-weight: 500;

  margin: 0;

  padding-right: 18px;

}

.grand-totall .title-wrap .section-bg-gary-cart {

  background-color: #f9f9f9;

  position: relative;

  z-index: 9;

}

.grand-totall h5 {

  font-size: 14px;

  margin: 36px 0 27px;

}

.grand-totall h5 span {

  float: right;

  font-size: 18px;

  font-weight: 500;

}

.grand-totall .total-shipping {

  border-bottom: 1px solid #ebebeb;

  border-top: 1px solid #ebebeb;

  margin: 0 0 27px;

  padding: 28px 0;

}

.grand-totall .total-shipping h5 {

  font-size: 14px;

  margin: 0;

}

.grand-totall .total-shipping ul {

  padding: 19px 0 0 0px;

}

.grand-totall .total-shipping ul li {

  color: #242424;

  list-style: outside none none;

  margin: 0 0 6px;

}

.grand-totall .total-shipping ul li:last-child {

  margin: 0 0 0px;

}

.grand-totall .total-shipping ul li input {

  background: #e9e9e9 none repeat scroll 0 0;

  border: 1px solid #d7d7d7;

  border-radius: 5px !important;

  color: #626262;

  cursor: pointer;

  height: 13px;

  margin-right: 10px;

  padding: 0;

  position: relative;

  top: 2px;

  width: 13px;

}

.grand-totall .total-shipping ul li span {

  float: right;

}

.grand-totall h4.grand-totall-title {

  color: #00a651;

  font-size: 20px;

  font-weight: 500;

  margin: 0 0 25px;

}

.grand-totall h4.grand-totall-title span {

  float: right;

}

.grand-totall a {

  background-color: #00a651;

  border-radius: 50px;

  color: #fff;

  display: block;

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  padding: 18px 10px 17px;

  text-align: center;

  text-transform: uppercase;

}

.grand-totall a:hover {

  background-color: #333;

}



.discount-code-wrapper {

  margin: 30px 0;

}



.login-register-wrapper .login-register-tab-list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin-bottom: 40px;

}

.login-register-wrapper .login-register-tab-list a {

  position: relative;

}

.login-register-wrapper .login-register-tab-list a::before {

  background-color: #454545;

  bottom: 5px;

  content: "";

  height: 18px;

  margin: 0 auto;

  position: absolute;

  right: -2px;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  width: 1px;

}

.login-register-wrapper .login-register-tab-list a h4 {

  font-size: 25px;

  font-weight: 700;

  margin: 0 20px;

  text-transform: capitalize;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.login-register-wrapper .login-register-tab-list a:last-child::before {

  display: none;

}

.login-register-wrapper .login-register-tab-list a.active h4 {

  color: #00a651;

}

.login-register-wrapper .login-form-container {

  background: transparent none repeat scroll 0 0;

  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);

  padding: 80px;

  text-align: left;

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .login-register-wrapper .login-form-container {

    padding: 80px 50px;

  }

}

@media only screen and (max-width: 767px) {

  .login-register-wrapper .login-form-container {

    padding: 40px 15px;

  }

}

.login-register-wrapper .login-form-container .login-register-form form input {

  background-color: transparent;

  border: 1px solid #ebebeb;

  color: #333;

  font-size: 14px;

  height: 50px;

  margin-bottom: 30px;

  padding: 0 15px;

}

.login-register-wrapper .login-form-container .login-register-form form input[type=checkbox] {

  height: 15px;

  margin: 0;

  position: relative;

  top: 1px;

  width: 17px;

}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn {

  padding: 10px 0 19px;

}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {

  color: #242424;

  font-size: 15px;

  font-weight: 400;

}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {

  color: #242424;

  float: right;

  font-size: 15px;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a:hover {

  color: #00a651;

}

.login-register-wrapper .login-form-container .login-register-form form .button-box button {

  border: medium none;

  cursor: pointer;

  padding: 15px 40px 15px;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  font-weight: 500;

  color: #fff;

}

.login-register-wrapper .login-form-container .login-register-form form .button-box button:hover {

  background-color: #333;

  color: #fff;

}

.news-section{

  background-color: #00a651; 

  margin-bottom: 0 !important;

  padding-bottom: 0;

}

.news-section p{

  color: #fff; 

  font-size: 16px;

  line-height: 1;

  margin-bottom: 0 !important;

  padding: 10px 0 5px 0;

}
/* Embryologists scc */

.headerrr h1{
    font-size: 35px;
   
}


/* th :nth-child(even) {
  background-color: #D6EEEE;
} */
.thhead{background-color:#D6EEEE ;}

.thhead{

text-align: center;
}
.thhead th{
  padding-top: 100px;
}
.textnik{
    margin-bottom: 80px;
    margin-top: 50px;
    margin-left: 0px;
    margin-right: 0px

    font-size: 16px;
}
.textnik p{
  font-size: 16px;
}

/* --CONTACT US CSS-- */
.contact .info-box img {
  background-color: #22b3694a;
  color: #ed6e00;
  border-radius: 50%;
  padding: 13px;
  border: 2px dotted #033f85;
  width: 70px;

}
  
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 0px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: auto;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  display: none;
}
#subject{
  background-color: #ffffff;
}
.subFmit{
  margin-top: 20px;
  width: 50%;
}
.footnumber a{
  color: #ffffff;
}

.btnTop{
  align-items: center;
  margin-left:4%;


}
.button2{
  width: 200px;
  height: 55px;
  background-color: #1baf63; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 20px;
  cursor: pointer;
  
}
.button2:hover{
  background-color: #0c0c7c;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
 .button2:hover {
  background-color:  #0c0c7c;
  color: white;

}
/* -------form css------ */


body {
  font-family: "Poppins", sans-serif;
  height: 100vh;
}
a {
  color: #043f85;
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
}
h2 {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  margin: 40px 8px 10px 8px;
  color: #cccccc;
}
.wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
   
  padding: 20px;
}
#formContent {
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  padding: 20px;text-align:left;
  width: 90%;
  max-width: 400px;
  position: relative;
  -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.3);
  text-align: center;
}
#formFooter {
  /* background-color: #f6f6f6; */
  border-top: 1px solid #dce8f1;
 
  text-align: left;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
/* TABS */
h2.inactive {
  color: #cccccc;
}
h2.active {
  color: #0d0d0d;
  border-bottom: 2px solid #5fbae9;
}
/* FORM TYPOGRAPHY*/
input[type="button"],
input[type="submit"],
input[type="reset"]

 {
     background-color: #56baed;
    border: none;
    color: white;
       padding: 0px 24px 0px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 30px !important;
    font-size: 13px;
    -webkit-box-shadow: 0 10px 30px 0 rgb(95 186 233 / 40%);
    box-shadow: 0 10px 30px 0 rgb(95 186 233 / 40%);
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 21px 20px 40px 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background-color: #39ace7;
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}
input{
margin: 0px 0px 15px 0px; !important}
input[type="text"] {
  background-color: #f6f6f6;
  border: none;
  color: #0d0d0d;
  padding: 15px 15px;
  text-align:left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
    margin: 0px 0px 15px 0px;
  width:100%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
input[type="text"]:focus {
  background-color: #fff;
  border-bottom: 2px solid #5fbae9;
}
input[type="text"]:placeholder {
  color: #cccccc;
}


input[type="password"] {
  background-color: #f6f6f6;
  border: none;
  color: #0d0d0d;
  padding: 15px 15px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin:0px;
  width: 100%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
input[type="password"]:focus {
  background-color: #fff;
  border-bottom: 2px solid #5fbae9;
}
input[type="password"]:placeholder {
  color: #cccccc;
}


input[type="number"] {
  background-color: #f6f6f6;
  border: none;
  color: #0d0d0d;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 7px;
  width: 100%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
input[type="number"]:focus {
  background-color: #fff;
  border-bottom: 2px solid #5fbae9;
}
input[type="number"]:placeholder {
  color: #cccccc;
}
/* ANIMATIONS */
/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
  }
  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}
@keyframes fadeInDown {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
  }
  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}
/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
@keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
.fadeIn {
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}
.fadeIn.first {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.fadeIn.second {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.fadeIn.third {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.fadeIn.fourth {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}
/* Simple CSS3 Fade-in Animation */
.underlineHover:after {
  display: block;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 2px;
  background-color: #56baed;
  content: "";
  transition: width 0.2s;
}
.underlineHover:hover {
  color: #0d0d0d;
}
.underlineHover:hover:after {
  width: 100%;
}
h1 {
  color: #60a0ff;
}
/* OTHERS */
*:focus {
  outline: none;
}
#icon {
  width: 30%;
}

.croz{
  align-items: center;
margin: 0;

}
.croz img {
  width: 100%;
  height: 230px;
  margin-top: 0%;

}

/* Style the button and place it in the middle of the container/image */
.croz .btn {
  align-items: center;
  padding-bottom: 160px;
 margin-left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #0c0c7c;
  color: #ffffff;
  font-weight: 400;
  font-size: 28px;
  padding: 13px 40px;
  border: none;
  cursor: pointer;

  margin-top: -188px;
}

.croz .btn:hover {
  background-color: #0c0c7c;
  color: #ffffff;
}