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

    Template Name: Glaxdu – Education Bootstrap 5 Template
    Version: 2.1 

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1. Template default CSS
    2. Header style
	3. Slider style
    4. choose us area
    5. About us
    6. Course area
    7. Achievement style
    8. Register style
    9. Teacher style
    10. Event area
    11. Blog style 
    12. footer area
    13. Banner style
    14. Product style
    15. Discount area
    16. Brand logo
    17. Blog details
    18. Cart page
    19. Checkout page
    20. Contact page
    21. Course details
    22. Event details page
    23. Product details page
    24. Shop page
    25. Sidebar style
    26. Video style

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
/*-- Common Style --*/
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
.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: calc(var(--bs-gutter-x) * .6);
  padding-left: calc(var(--bs-gutter-x) * .6);
}

*,
*::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) {
  .mt-80 {
    margin-top: 60px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input:focus {
  background: transparent;
}

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

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

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

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

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

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

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

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

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

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

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 50px;
  height: 50px;
  background-color: #00a651;
  color: #fff;
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 40px;
    height: 40px;
  }
}
#scrollUp i {
  display: block;
  line-height: 50px;
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  #scrollUp i {
    line-height: 40px;
    font-size: 16px;
  }
}
#scrollUp:hover i {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

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

.default-btn {
  background-color: #00a651;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 21px 40px 21px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  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: 15px 0 22px;
  position: relative;
}
.header-top:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 44px;
  content: "";
  background-color: #00a651;
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .header-top:before {
    height: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-top:before {
    height: 46px;
  }
}

.header-contact ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .header-contact ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-contact ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 0px;
  }
}
.header-contact ul li {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-right: 48px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  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;
}

.logo {
  margin-top: 31px;
}
@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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .menu-cart-wrap {
    margin-right: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-cart-wrap {
    margin-right: 38px;
  }
}

.main-menu nav ul li {
  display: inline-block;
  margin-left: 20px;
  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: #00a651;
}
.main-menu nav ul li a {
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
  display: inline-block;
  line-height: 87px;
}
.main-menu nav ul li a i {
  color: #00a651;
  font-size: 12px;
  margin-left: 9px;
}
.main-menu nav ul li.mega-menu-position {
  position: static;
}
.main-menu nav ul li.mega-menu-position ul.mega-menu {
  background-color: #fff;
  display: block;
  left: 0;
  padding: 33px 30px 30px 0;
  position: absolute;
  text-align: left;
  top: 100%;
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  -webkit-transform-origin: center top 0;
          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;
}

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

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

/*--------- 3. Slider style ---------*/
.slider-height-1 {
  height: 844px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-1 {
    height: 600px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-1 {
    height: 600px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-height-1 {
    height: 500px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content {
    padding-top: 100px;
  }
}
.slider-content h1 {
  font-size: 60px;
  color: #fff;
  font-weight: bold;
  margin: 0;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content h1 {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content h1 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content h1 {
    font-size: 28px;
  }
}
.slider-content p {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  width: 90%;
  margin: 25px 0 47px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-content p {
    width: 84%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content p {
    width: 78%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content p {
    width: 100%;
    margin: 15px 0 27px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content p {
    width: 100%;
    margin: 25px 0 30px;
  }
}
.slider-content .slider-btn a {
  margin-right: 27px;
}
.slider-content .slider-btn a:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .slider-content .slider-btn a {
    padding: 12px 16px 12px;
    font-size: 14px;
    margin-right: 10px;
  }
}
.slider-content .slider-btn a.btn-green-color {
  background-color: #00a651;
  color: #fff;
  border: 1px solid #00a651;
}
.slider-content .slider-btn a.btn-green-color:hover {
  background-color: #fff;
  border: 1px solid transparent;
  color: #00a651;
}
.slider-content .slider-btn a.btn-white-color {
  background-color: #fff;
  color: #00a651;
  border: 1px solid #77d0a2;
}
.slider-content .slider-btn a.btn-white-color:hover {
  background-color: #00a651;
  border: 1px solid transparent;
  color: #fff;
}

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

.owl-item.active .slider-animated-1 h1 {
  -webkit-animation-delay: 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: #0259cf;
}
.slider-content-3 h1 span.text-pink {
  color: #c42d88;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-content-3 h1 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3 h1 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-content-3 h1 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-3 h1 {
    font-size: 32px;
  }
}
.slider-content-3 p {
  font-size: 18px;
  line-height: 30px;
  margin: 38px 0 36px;
}
@media only screen and (max-width: 767px) {
  .slider-content-3 p {
    margin: 15px 0 20px;
    font-size: 17px;
  }
}

.nav-style-2.owl-carousel {
  position: relative;
}
.nav-style-2.owl-carousel .owl-nav 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: 50px 48px 46px;
  -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 {
    padding: 50px 15px 46px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-choose-us {
    padding: 40px 15px 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-choose-us {
    padding: 30px 10px 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-choose-us {
    padding: 30px 20px 26px;
  }
}
@media only screen and (max-width: 767px) {
  .single-choose-us {
    padding: 30px 10px 26px;
  }
}
.single-choose-us .choose-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  margin-right: 20px;
  -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 0 12px;
}
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-choose-us .choose-content h3 {
    font-size: 20px;
    margin: 0 0 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-choose-us .choose-content h3 {
    font-size: 18px;
    margin: 0 0 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-choose-us .choose-content h3 {
    font-size: 18px;
    margin: 0 0 5px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .single-choose-us .choose-content h3 {
    font-size: 18px;
    margin: 0 0 5px;
    line-height: 25px;
  }
}
.single-choose-us .choose-content p {
  line-height: 26px;
  font-size: 16px;
  color: #fff;
}
.single-choose-us:hover .choose-img img {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running tada;
          animation: 500ms ease-in-out 0s normal none 1 running tada;
}

.section-title {
  position: relative;
  margin-left: 32px;
}
@media only screen and (max-width: 767px) {
  .section-title {
    margin-left: 0px;
  }
}
.section-title:before {
  content: url(../../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: 48px;
  font-weight: bold;
  margin: 0 0 20px;
  line-height: 38px;
}
@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 {
  margin-top: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-content {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .about-content {
    margin-top: 0px;
  }
}
.about-content > p {
  line-height: 26px;
  width: 92%;
  margin: 0 0 0 32px;
}
@media only screen and (max-width: 767px) {
  .about-content > p {
    margin: 0 0 0 0px;
  }
}
.about-content .about-btn a.default-btn {
  -webkit-box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
          box-shadow: 0px 6px 12px 0.8px rgba(14, 14, 14, 0.26);
  margin: 0 0 0 32px;
}
@media only screen and (max-width: 767px) {
  .about-content .about-btn a.default-btn {
    margin: 0 0 0 0px;
  }
}
@media only screen and (max-width: 767px) {
  .about-content .about-btn.mt-45 {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .about-img.default-overlay {
    margin-top: 30px;
  }
}
.about-img.default-overlay:before {
  background-color: #000;
  opacity: 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;
  -webkit-box-shadow: 0 0 12px rgba(225, 225, 225, 0.51);
          box-shadow: 0 0 12px rgba(225, 225, 225, 0.51);
}
.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: 100%;
  top: 95%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 0px 0px 4px 4px;
  background: #fff;
  position: absolute;
  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;
  -webkit-box-shadow: 0px 6px 12px 0px rgba(225, 225, 225, 0.51);
          box-shadow: 0px 6px 12px 0px rgba(225, 225, 225, 0.51);
  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;
}
.single-count:before {
  position: absolute;
  top: 8px;
  background-color: #e1dddd;
  content: "";
  width: 3px;
  height: 50px;
}
.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;
  }
}

.count-one:before {
  right: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-one:before {
    right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-one:before {
    right: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .count-one:before {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .count-one {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-one {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-one {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .count-one {
    margin-left: 0px;
  }
}

.count-two {
  margin-left: 55px;
}
.count-two:before {
  right: -47px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-two:before {
    right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-two:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .count-two:before {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-two {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-two {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .count-two {
    margin-left: 0px;
  }
}

.count-three {
  margin-left: 80px;
}
.count-three:before {
  right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-three:before {
    right: -34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-three:before {
    right: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .count-three:before {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .count-three {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-three {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .count-three {
    margin-left: 0px;
  }
}

.count-four {
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .count-four {
    float: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .count-four {
    float: inherit;
  }
}
.count-four:before {
  display: block;
  content: none;
}

.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: 50px 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: 16px;
  line-height: 26px;
  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: 28px;
}
.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;
  font-weight: bold;
}
.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: 50px;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 2px 20px 2px 30px;
  color: #333;
  font-size: 14px;
}
.register-form form .contact-form-style textarea {
  height: 153px;
  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;
  padding: 6px 20px 8px;
}
.single-blog .blog-content-wrap .blog-date a {
  line-height: 1;
  display: block;
  color: #fff;
}
.single-blog .blog-content-wrap .blog-date a i {
  font-size: 12px;
  margin-right: 5px;
}
.single-blog:hover .blog-img img {
  -webkit-transform: scale(1.2);
          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 {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.footer-widget .footer-list {
  margin-top: -10px;
}
.footer-widget .footer-list ul li {
  margin-bottom: 8px;
}
.footer-widget .footer-list ul li:last-child {
  margin-bottom: 0;
}
.footer-widget .footer-list ul li a {
  color: #fff;
  display: block;
}
.footer-widget .footer-list ul li a:hover {
  color: #00a651;
}
.footer-widget .footer-gallery ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer-widget .footer-gallery ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 74px;
          flex: 0 0 74px;
  margin: 0 10px 10px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget .footer-gallery ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58px;
            flex: 0 0 58px;
    margin: 0 5px 5px 0;
  }
}
.footer-widget .footer-gallery ul li a img {
  width: 100%;
}
.footer-widget .subscribe-style p {
  color: #fff;
  line-height: 23px;
  margin: -10px 0 13px;
}
.footer-widget .subscribe-style .subscribe-form form input {
  background: #ffffff;
  border: none;
  height: 43px;
  padding: 2px 20px;
  font-size: 14px;
  color: #333;
}
.footer-widget .subscribe-style .subscribe-form form .mc-news {
  display: none;
}
.footer-widget .subscribe-style .subscribe-form form .clear input {
  width: auto;
  font-weight: bold;
  text-transform: uppercase;
  color: #00a651;
  height: auto;
  padding: 9px 40px;
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: 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:before {
  position: absolute;
  left: -16px;
  content: "";
  height: 13px;
  background-color: #00ff00;
  width: 1px;
  top: 7px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-menu-social .footer-social:before {
    display: none;
  }
}
.footer-menu-social .footer-social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-menu-social .footer-social ul li {
  margin-left: 6px;
}
.footer-menu-social .footer-social ul li:first-child {
  margin-right: 0;
}
.footer-menu-social .footer-social ul li a {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 28px;
  font-size: 12px;
}
.footer-menu-social .footer-social ul li a.facebook {
  color: #0054a6;
}
.footer-menu-social .footer-social ul li a.facebook:hover {
  background-color: #0054a6;
  color: #fff;
}
.footer-menu-social .footer-social ul li a.youtube {
  color: #c4302b;
}
.footer-menu-social .footer-social ul li a.youtube:hover {
  background-color: #c4302b;
  color: #fff;
}
.footer-menu-social .footer-social ul li a.twitter {
  color: #38a1f3;
}
.footer-menu-social .footer-social ul li a.twitter:hover {
  background-color: #38a1f3;
  color: #fff;
}
.footer-menu-social .footer-social ul li a.google-plus {
  color: #cc3333;
}
.footer-menu-social .footer-social ul li a.google-plus:hover {
  background-color: #cc3333;
  color: #fff;
}

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

/*--------- 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 #map {
  height: 685px;
}
.contact-map iframe {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
@media only screen and (max-width: 767px) {
  .contact-map #map {
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-map #map {
    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;
}
.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;
}
.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;
}