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

    Version: 1.0

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

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

    01. Theme default CSS
        - Common Classes
        - Section Padding
    02. Element
        - Button Style 
        - Section Title Css
        - Breadcrumb Style
        - Widget Css
        - Paginatoin Css
    03. Mobile Menu Css
    04. Header Css
    05. Hero Slider Css
    06. About Area Css
    07. Providr Area Css 
    08. Service Css
    09. Choose Css
    10. Testimonial Css
    11. Faq Style
    12. gallery Area Css
    13. Footer Css
    14. Error 404 Page Css
    15. Latest Blog Css 
        - Blog Details Css
    16. Contact Page Css



-----------------------------------------------------------------------------------*/
/* transition */
/* flex */
/* transform */
/* opacity */
/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900");
/*-- Common Style --*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  color: #222;
  font-weight: 400;
  margin-top: 0;
}

h1 {
  font-size: 66px;
  line-height: 1;
}

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

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  h2 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}
p {
  font-family: "Poppins", sans-serif;
  margin-bottom: 10px;
}

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

a, button {
  color: inherit;
  display: inline-block;
  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;
  color: #f72626c4;
}

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

img {
  max-width: 100%;
  height: auto;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.container {
  max-width: 1200px;
}

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

.hidden {
  display: none;
}

.clear {
  clear: both;
}

@media only screen and (max-width: 767px) {
  .container {
    width: 450px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 320px;
  }
}
.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

/*-- boxed layout --*/
.boxed-layout {
  background: #ffffff none repeat scroll 0 0;
  -webkit-box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
          box-shadow: -3px 0 50px -2px rgba(0, 0, 0, 0.14);
  margin: auto;
  max-width: 1600px;
  position: relative;
  width: 100%;
}
.boxed-layout .is-sticky {
  max-width: 1600px !important;
  margin: auto !important;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .boxed-layout {
    max-width: 1280px;
  }
  .boxed-layout .is-sticky {
    max-width: 1280px !important;
    margin: auto !important;
    right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .boxed-layout {
    max-width: 980px;
  }
  .boxed-layout .is-sticky {
    max-width: 980px !important;
    margin: auto !important;
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .boxed-layout {
    max-width: 730px;
  }
  .boxed-layout .is-sticky {
    max-width: 730px !important;
    margin: auto !important;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .boxed-layout {
    max-width: 560px;
  }
  .boxed-layout .is-sticky {
    max-width: 560px !important;
    margin: auto !important;
    right: 0;
  }
}

/*-- 
    - Background color
-----------------------------------------*/
.bg-white {
  background-color: #ffffff;
}

.bg-light-grey {
  background-color: #f9f9f9;
}

.bg-dark {
  background-color: #333;
}

.bg-grey {
  background-color: #f8f8f8;
}

.grey-light {
  background: #fafafa;
}

.bg-color-two {
  background: #0e2048;
}

.color-two {
  color: #0e2048;
}

.malachite {
  background: #10c45c;
}

.sunglow {
  background: #fdc735;
}

.mariner {
  background: #307ad5;
}

.brilliantrose {
  background: #e948ae;
}

.shakespeare {
  background: #48a7d4;
}

.deyork {
  background: #6fc191;
}

/*-- 
    - 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)";
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  width: 40px;
  height: 40px;
  background-color: #f72626c4;
  color: #ffffff;
  right: 20px;
  bottom: 60px;
  line-height: 40px;
  text-align: center;
  overflow: hidden;
}
#scrollUp i {
  display: block;
  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;
}

.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
}

/*-- 
    - Main Wrapper
-----------------------------------------*/
.main-wrapper.header-transparent {
  padding: 0 !important;
  margin: 0 !important;
}

/*-- 
    - Section Padding
-------------------------------------*/
.section-ptb {
  padding: 120px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-ptb {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-ptb {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 479px) {
  .section-ptb {
    padding: 60px 0;
  }
}

.section-pt {
  padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-pt {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pt {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-pt {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 479px) {
  .section-pt {
    padding-top: 60px;
  }
}

.section-pt-90 {
  padding-top: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-pt-90 {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pt-90 {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .section-pt-90 {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .section-pt-90 {
    padding-top: 30px;
  }
}

.section-pb-100 {
  padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-pb-100 {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pb-100 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .section-pb-100 {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 479px) {
  .section-pb-100 {
    padding-bottom: 60px;
  }
}

.section-pt-60 {
  padding-top: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-pt-60 {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pt-60 {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section-pt-60 {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 479px) {
  .section-pt-60 {
    padding-top: 0px;
  }
}

.section-pb-70 {
  padding-bottom: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-pb-70 {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pb-70 {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .section-pb-70 {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .section-pb-70 {
    padding-bottom: 30px;
  }
}

.section-pb {
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-pb {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pb {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-pb {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 479px) {
  .section-pb {
    padding-bottom: 60px;
  }
}

.section-ptb-140 {
  padding: 140px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-ptb-140 {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-140 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-ptb-140 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 479px) {
  .section-ptb-140 {
    padding: 60px 0;
  }
}

.section-ptb-160 {
  padding: 160px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-ptb-160 {
    padding: 110px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-ptb-160 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-ptb-160 {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 479px) {
  .section-ptb-160 {
    padding: 60px 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Margin Bottom --*/
.mb--5 {
  margin-bottom: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- padding top --*/
.pt--5 {
  padding-top: 5px;
}

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

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

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

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

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

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

.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--65 {
  padding-top: 65px;
}

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

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

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

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

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

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

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

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

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

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

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

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

/*-- padding Bottom --*/
.pb--5 {
  padding-bottom: 5px;
}

.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--35 {
  padding-bottom: 35px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*-- Overlay styles --*/
[data-overlay],
[data-secondary-overlay],
[data-black-overlay],
[data-white-overlay] {
  position: relative;
}

[data-overlay] > div,
[data-overlay] > *,
[data-secondary-overlay] > div,
[data-secondary-overlay] > *,
[data-black-overlay] > div,
[data-black-overlay] > *,
[data-white-overlay] > div,
[data-white-overlay] > * {
  position: relative;
  z-index: 2;
}

[data-overlay]:before,
[data-secondary-overlay]:before,
[data-black-overlay]:before,
[data-white-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

[data-overlay]:before {
  background-color: #f72626c4;
}

[data-secondary-overlay]:before {
  background-color: #031b38;
}

[data-black-overlay]:before {
  background-color: #000000;
}

[data-white-overlay]:before {
  background-color: #ffffff;
}

[data-overlay="1"]:before,
[data-secondary-overlay="1"]:before,
[data-black-overlay="1"]:before,
[data-white-overlay="1"]:before {
  opacity: 0.1;
}

[data-overlay="2"]:before,
[data-secondary-overlay="2"]:before,
[data-black-overlay="2"]:before,
[data-white-overlay="2"]:before {
  opacity: 0.2;
}

[data-overlay="3"]:before,
[data-secondary-overlay="3"]:before,
[data-black-overlay="3"]:before,
[data-white-overlay="3"]:before {
  opacity: 0.3;
}

[data-overlay="4"]:before,
[data-secondary-overlay="4"]:before,
[data-black-overlay="4"]:before,
[data-white-overlay="4"]:before {
  opacity: 0.4;
}

[data-overlay="5"]:before,
[data-secondary-overlay="5"]:before,
[data-black-overlay="5"]:before,
[data-white-overlay="5"]:before {
  opacity: 0.5;
}

[data-overlay="6"]:before,
[data-secondary-overlay="6"]:before,
[data-black-overlay="6"]:before,
[data-white-overlay="6"]:before {
  opacity: 0.6;
}

[data-overlay="7"]:before,
[data-secondary-overlay="7"]:before,
[data-black-overlay="7"]:before,
[data-white-overlay="7"]:before {
  opacity: 0.7;
}

[data-overlay="8"]:before,
[data-secondary-overlay="8"]:before,
[data-black-overlay="8"]:before,
[data-white-overlay="8"]:before {
  opacity: 0.8;
}

[data-overlay="9"]:before,
[data-secondary-overlay="9"]:before,
[data-black-overlay="9"]:before,
[data-white-overlay="9"]:before {
  opacity: 0.9;
}

[data-overlay="10"]:before,
[data-secondary-overlay="10"]:before,
[data-black-overlay="10"]:before,
[data-white-overlay="10"]:before {
  opacity: 1;
}

/*--
    02. Element
-------------------------*/
/*--
    - Button Style
------------------------------------------*/
.default-btn {
  margin-top: 40px;
  letter-spacing: 1px;
  padding: 13px 40px;
  background: #f72626c4;
  display: inline-block;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  border: 1px solid #f72626c4;
  color: #ffffff;
}
.default-btn:hover {
  background: #ffffff;
  color: #f72626c4;
  border: 1px solid #ffffff;
}
@media only screen and (max-width: 767px) {
  .default-btn {
    padding: 10px 23px;
    margin-top: 20px;
  }
}

.primary-btn {
  border: 1px solid #ffffff;
  padding: 13px 40px;
  color: #ffffff;
  display: inline-block;
  border-radius: 5px;
  background: transparent;
  font-size: 14px;
}
.primary-btn:hover {
  border: 1px solid #f72626c4;
  background: #f72626c4;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .primary-btn {
    padding: 10px 23px;
    margin-top: 20px;
  }
}

.border-radius {
  border-radius: 30px;
}

.btn {
  background: #f72626c4;
  color: #ffffff;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
.btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media only screen and (max-width: 479px) {
  .btn {
    padding: 1px 20px;
    font-size: 12px;
  }
}
.btn span {
  display: inline-block;
  line-height: inherit;
  -webkit-transition: none;
  transition: none;
}
.btn i {
  display: inline-block;
  line-height: inherit;
  -webkit-transition: none;
  transition: none;
}
.btn.left i {
  margin-right: 10px;
}
.btn.right i {
  margin-left: 10px;
}
.btn:hover, .btn:active {
  background: #000000;
  color: #ffffff;
}

/*--
    - Section Title Css
-------------------------------*/
.section-title, .about-section-title, .section-title-two {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}
.section-title::after, .about-section-title::after, .section-title-two::after {
  position: absolute;
  left: 50%;
  content: "";
  height: 185px;
  width: 165px;
  top: 38%;
  background: url(../images/icon/title-bg.png) no-repeat;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
.section-title h4, .about-section-title h4, .section-title-two h4 {
  color: #f72626c4;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 22px;
  margin-top: -5px;
}
@media only screen and (max-width: 767px) {
  .section-title h4, .about-section-title h4, .section-title-two h4 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title h4, .about-section-title h4, .section-title-two h4 {
    margin-bottom: 15px;
  }
}
.section-title h2, .about-section-title h2, .section-title-two h2 {
  font-weight: 700;
  color: #0e2048;
  letter-spacing: 1px;
  line-height: 1.2;
  margin-top: -7px;
  margin-bottom: 15px;
}
.section-title h2 span, .about-section-title h2 span, .section-title-two h2 span {
  color: #f72626c4;
}
.section-title p, .about-section-title p, .section-title-two p {
  font-size: 16px;
  margin-top: 5px;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .section-title p, .about-section-title p, .section-title-two p {
    padding: 0 0;
  }
}

.section-title-two::after {
  display: none;
}

.about-section-title {
  margin-bottom: 10px;
}
.about-section-title::after {
  display: none;
}

/*--
    - Breadcrumb Style
------------------------------------------*/
.breadcrumb-area {
  padding: 250px 0 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area {
    padding: 180px 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-area {
    padding: 60px 0 60px;
  }
}
.breadcrumb-area h3 {
  font-size: 36px;
  font-weight: 700;
  margin-top: -5px;
  font-weight: 600;
  color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-area h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-area h3 {
    font-size: 26px;
  }
}

.breadcrumb-list .breadcrumb-item {
  font-size: 14px;
  color: #ffffff;
  text-transform: capitalize;
  line-height: 1;
  display: inline-block;
}
.breadcrumb-list .breadcrumb-item.active {
  color: #ffffff;
}
.breadcrumb-list .breadcrumb-item a:hover {
  color: #f72626c4;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #ffffff;
  content: "/";
  display: inline-block;
  padding-right: 10px;
}

/*--
    - Widget Css
-------------------------*/
.blog-widget .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.blog-widget ul li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  display: block;
}
.blog-widget ul li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
.blog-widget ul li a {
  font-size: 14px;
  display: block;
}
.blog-widget ul li a span {
  float: right;
}

.widget-blog-inner {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.widget-blog-inner .widget-blog-image {
  padding-right: 15px;
}
.widget-blog-inner .widget-blog-image img {
  width: 150px;
}
.widget-blog-inner .widget-blog-content {
  position: relative;
  width: 100%;
}
.widget-blog-inner .widget-blog-content h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}

.widget-tag > a {
  border: 1px solid #000000;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  margin: 10px 10px 0 0;
  padding: 4px 15px;
}
.widget-tag > a:hover {
  background: #f72626c4;
  color: #ffffff;
  border: 1px solid #f72626c4;
}

/*--
    - Paginatoin Css
---------------------------------*/
.pagination-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .pagination-box {
    margin-top: 30px;
  }
}
.pagination-box li {
  display: inline-block;
  margin: 0 4px;
}
.pagination-box li.active a {
  color: #ffffff;
  background: #f72626c4;
  border: 1px solid #f72626c4;
}
.pagination-box li a {
  color: #333333;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e8;
  line-height: 40px;
  text-align: center;
  color: #f72626c4;
  font-size: 18px;
  border-radius: 5px;
}
.pagination-box li a:hover {
  color: #ffffff;
  background: #f72626c4;
  border: 1px solid #f72626c4;
}
.pagination-box li a span {
  font-size: 18px;
}

/*-- 
    03. Mobile Menu Css
-------------------------*/
.mobile-menu {
  float: left;
  width: 100% !important;
  position: relative !important;
}
.mobile-menu .mean-bar {
  position: relative;
  /*---- Mean Nav ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal {
  position: absolute;
  top: -38px;
  color: #000;
  left: 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span {
  position: relative;
  /*---- Menu Open ----*/
  /*---- Menu Close ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  height: 2px;
  width: 26px;
  background-color: #f72626c4;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f72626c4;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
  top: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  bottom: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
  height: 2px;
  width: 26px;
  background-color: transparent;
  display: block;
  margin: 8px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f72626c4;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mobile-menu .mean-bar .mean-nav {
  background-color: #f72626c4;
}
.mobile-menu .mean-bar .mean-nav > ul {
  margin-bottom: 30px;
  border: 1px solid #eeeeee;
  border-top: 0px solid transparent;
  overflow-x: hidden;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 280px;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 479px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 220px;
    overflow-y: auto;
  }
}
.mobile-menu .mean-bar .mean-nav > ul li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  /*---- Sub Menu & Mega Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a {
  font-size: 13px;
  display: block;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 44px;
  position: relative;
  border-top: 1px solid #eeeeee;
  padding: 0 40px 0 20px;
  /*---- Menu Expand For Sub Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a i {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li a:hover {
  color: #ccc;
  padding-left: 25px;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
  border: 1px solid #eeeeee;
  position: absolute;
  right: -1px;
  top: 0;
  font-size: 20px !important;
  color: #fff;
  line-height: 44px;
  height: 46px;
  width: 40px;
  text-align: center;
  padding: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
  line-height: 40px;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu, .mobile-menu .mean-bar .mean-nav > ul li ul {
  position: static;
  background-color: #FF5911;
  margin: 0;
  padding: 0 !important;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  display: none;
  float: left;
  width: 100%;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li, .mobile-menu .mean-bar .mean-nav > ul li ul li {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-right: 0px solid transparent;
  width: 100%;
  display: block !important;
  float: left;
  width: 100%;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li a {
  font-size: 12px;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before, .mobile-menu .mean-bar .mean-nav > ul li ul li a::before {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul {
  background-color: rgba(0, 0, 0, 0.04);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
  border-top: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
  border: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
  background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
  border-top: 1px solid #eeeeee;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
  border: 1px solid #eeeeee;
}

/*.is-sticky{
    & .mean-bar {
        & .meanmenu-reveal {
            @media only screen and (max-width: 479px){
                top: -40px;
            }
            @media only screen and (max-width: 767px){
                top: -42px;
            }
            @media only screen and (min-width: 768px) and (max-width: 991px){
                top: -48px;
            }
        }
    }
}*/
/*--
    04. Header Css
--------------------------*/
.inner-header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
@media only screen and (max-width: 767px) {
  .inner-header {
    position: inherit;
  }
}

.header-top-area {
  padding: 18px 0 12px;
}

@media only screen and (max-width: 767px) {
  .contact-info-top {
    text-align: center;
  }
  .contact-info-top a {
    color: #000000;
  }
  .contact-info-top a:hover {
    color: #f72626c4;
  }
}
.contact-info-top ul li {
  display: inline-block;
  margin-right: 30px;
  color: #ffffff;
}
.contact-info-top ul li:last-child {
  margin-right: 0;
}
.contact-info-top ul li a {
  display: block;
  font-size: 14px;
}
.contact-info-top ul li a i {
  color: #f72626c4;
  margin-right: 12px;
}
@media only screen and (max-width: 479px) {
  .contact-info-top ul li {
    margin-right: 0px;
  }
  .contact-info-top ul li:last-child {
    margin-top: 5px;
  }
}

.socail-info-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .socail-info-top {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 8px;
  }
  .socail-info-top a {
    color: #000000;
  }
  .socail-info-top a:hover {
    color: #f72626c4;
  }
}
.socail-info-top ul li {
  display: inline-block;
  margin-right: 10px;
  color: #ffffff;
}
.socail-info-top ul li:last-child {
  margin-right: 0;
}
.socail-info-top ul li a {
  display: block;
  font-size: 24px;
}

.header-sticky.is-sticky {
  -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  background: rgba(250, 250, 250, 0.9) none repeat scroll 0 0;
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
  left: 0;
  margin: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.header-sticky.is-sticky .header-bottom-wrap {
  background: transparent;
  padding: 0 0px;
}
@media only screen and (max-width: 767px) {
  .header-sticky.is-sticky {
    padding: 10px 0 0 0;
    margin-bottom: 10px;
  }
}

.header-bottom-wrap {
  background: #fff;
  border-radius: 3px;
  padding: 0 40px;
}
@media only screen and (max-width: 767px) {
  .header-bottom-wrap {
    padding: 0 15px;
  }
}

.logo-area {
  margin: 18px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo-area {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .logo-area {
    margin: 0 0 15px 0;
  }
}

.main-menu {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-menu ul > li {
  display: inline-block;
  margin-left: 50px;
  position: relative;
}
.main-menu ul > li > a {
  display: block;
  color: #333;
  padding: 20px 0;
  font-weight: 500;
}
.main-menu ul > li > a:hover {
  color: #f72626c4;
}
.main-menu ul > li .sub-menu {
  width: 220px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  position: absolute;
  background: #fff;
  padding: 20px;
  z-index: 9;
  left: 0;
  top: 120%;
  visibility: hidden;
  opacity: 0;
  -ms-filter: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 2px solid #f72626c4;
}
.main-menu ul > li .sub-menu > li {
  display: block;
  margin-left: 0;
  margin-bottom: 8px;
}
.main-menu ul > li .sub-menu > li:last-child {
  margin-bottom: 0;
}
.main-menu ul > li .sub-menu > li > a {
  display: block;
  padding: 0;
  font-weight: 400;
  text-align: left;
  text-transform: capitalize;
  color: #333;
  font-size: 14px;
}
.main-menu ul > li .sub-menu > li > a:hover {
  color: #f72626c4;
}
.main-menu ul > li .sub-menu.right-submenu {
  right: 0;
  left: auto;
}
.main-menu ul > li:hover {
  color: #f72626c4;
}
.main-menu ul > li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  -ms-filter: 1;
  top: 100%;
}

/*--
    05. Hero Slider Css
-----------------------------*/
.single-slide {
  height: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider-text-info {
  margin-top: 120px;
}
@media only screen and (max-width: 767px) {
  .slider-text-info {
    margin-top: 0px;
  }
}
.slider-text-info h1 {
  font-size: 66px;
  font-weight: 800;
  line-height: 72px;
  margin-bottom: 15px;
  color: #ffffff;
}
.slider-text-info h1 span {
  color: #f72626c4;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .slider-text-info h1 {
    font-size: 55px;
    line-height: 1.2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-text-info h1 {
    font-size: 50px;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 767px) {
  .slider-text-info h1 {
    font-size: 36px;
    line-height: 1.2em;
  }
  .slider-text-info h1 br {
    display: none;
  }
}
.slider-text-info p {
  color: #ffffff;
  width: 85%;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .slider-text-info p {
    width: 100%;
  }
}

.slider-button > a {
  margin-right: 10px;
}

/*--
    06. About Area Css
--------------------------*/
.about-us-content a {
  margin-top: 15px;
  font-weight: 500;
  font-size: 16px;
  color: #f72626c4;
  text-transform: uppercase;
}
.about-us-content a:hover {
  color: #333;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-image {
    margin-top: 30px;
    text-align: center;
  }
}

/*--
    07. Providr Area Css
--------------------------*/
.provide-service {
  position: relative;
}

.provide-image {
  border: 2px solid #f72626c4;
  overflow: hidden;
}
.provide-image a {
  display: block;
}
.provide-image img {
  width: 100%;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.3;
  transition: 0.3;
}
.provide-title {
  margin-top: -30px;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  margin-bottom: 0;
  font-weight: 600;
  letter-spacing: 1px;
  width: 70%;
}
.provide-title a {
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 12px 0;
  display: block;
  text-align: center;
}
.provide-title a:hover {
  background: #f72626c4;
  color: #ffffff;
}
.provide-contets {
  padding: 30px 30px 25px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  text-align: center;
}
@media only screen and (max-width: 479px) {
  .provide-contets {
    padding: 30px 25px 25px;
  }
}
.provide-service:hover img {
  -webkit-transform: scale(1.2) rotate(-3deg);
          transform: scale(1.2) rotate(-3deg);
}

/*-- 
    08. Service Css
-------------------*/
.single-service h3 {
  font-weight: 600;
  margin-bottom: 20px;
}
.single-service p {
  padding-right: 10px;
}
.single-service a {
  font-weight: 500;
  color: #000000;
}
.single-service a:hover {
  color: #f72626c4;
}

.service-details-menu li {
  margin-bottom: 10px;
}
.service-details-menu li a {
  background: #f6f6f6;
  font-size: 16px;
  font-weight: 500;
  display: block;
  padding: 20px;
  text-align: center;
  color: #222;
}
.service-details-menu li a.active, .service-details-menu li a:hover {
  background: #f72626c4;
  color: #ffffff;
}
.service-details-menu li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details-content {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .service-details-content .service-details-image {
    margin-top: 30px;
  }
}

.service-title {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}

.service-details-content-inner .service-details-list {
  margin-top: 30px;
}
.service-details-content-inner .service-details-list li {
  margin-bottom: 10px;
  padding-left: 40px;
  position: relative;
}
.service-details-content-inner .service-details-list li::before {
  left: 0;
  top: 50%;
  position: absolute;
  content: "";
  background: #f72626c4;
  height: 1px;
  width: 30px;
}
.service-details-content-inner .service-details-list li:last-child {
  margin: 0;
}
.service-details-content-inner .service-details-list li i {
  color: #f72626c4;
  margin-right: 10px;
}

/*-- 
    09. Choose Css
-------------------*/
.choose-us-wrap {
  padding: 80px 125px 80px 100px;
  background: #ffffff;
  margin-left: -100px;
  margin-bottom: -235px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .choose-us-wrap {
    margin-left: 0;
    margin-bottom: -220px;
    padding: 70px 60px 60px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .choose-us-wrap {
    margin-left: 0;
    margin-bottom: -200px;
    padding: 70px 50px 70px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-us-wrap {
    margin-left: 0;
    margin-bottom: 0px;
    padding: 70px 50px 70px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .choose-us-wrap {
    margin-left: 0;
    margin-bottom: 0;
    padding: 60px 30px;
  }
}
.choose-us-wrap .why-choose-title h2 {
  font-weight: 700;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 50px;
  font-size: 48px;
  color: #0e2048;
}
@media only screen and (max-width: 767px) {
  .choose-us-wrap .why-choose-title h2 {
    font-size: 26px;
    margin-bottom: 25px;
  }
}
.choose-us-wrap .why-choose-title h2::after {
  position: absolute;
  content: "";
  background: #f72626c4;
  width: 70px;
  height: 3px;
  left: 0;
  bottom: 0;
}
.choose-us-wrap .why-choose-title h2 span {
  color: #f72626c4;
}

.single-choose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (max-width: 767px) {
  .single-choose {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .single-choose .single-choose-icon {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.single-choose-icon {
  margin-right: 30px;
}
.single-choose-icon i {
  min-width: 80px;
  height: 80px;
  line-height: 80px;
  background: #f72626c4;
  text-align: center;
  display: inline-block;
  border-radius: 100%;
  font-size: 30px;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .single-choose-icon i {
    min-width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
  }
}
.single-choose-contents h3 {
  font-weight: 500;
  letter-spacing: 1px;
}
.single-choose-contents p {
  line-height: 24px;
}

.section-pt-custom {
  padding: 230px 0 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .section-pt-custom {
    padding: 200px 0 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pt-custom {
    padding: 80px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-pt-custom {
    padding: 70px 0 70px;
  }
}
@media only screen and (max-width: 479px) {
  .section-pt-custom {
    padding: 60px 0 60px;
  }
}

/*-- video two*/
.video-sectioon-area-two {
  padding: 300px 0 355px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .video-sectioon-area-two {
    padding: 200px 0 255px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video-sectioon-area-two {
    padding: 40px 0 95px;
  }
}
@media only screen and (max-width: 767px) {
  .video-sectioon-area-two {
    padding: 20px 0 75px;
  }
}
.video-sectioon-area-two .video-button {
  top: 50%;
  right: 50%;
}

.video-area {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .video-area {
    min-height: 270px;
  }
}

.video-btn {
  top: 15px;
  position: relative;
  left: 20px;
  z-index: 9;
}

.video-button {
  position: absolute;
  top: 50%;
  right: 20%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px), only screen and (min-width: 992px) and (max-width: 1200px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .video-button {
    right: 50%;
  }
}

.video-animation {
  position: absolute;
  width: 14rem;
  height: 14rem;
  left: -82px;
  top: -82px;
  z-index: 1;
  float: right;
}
.video-animation .animation {
  position: absolute;
  width: 220px;
  height: 220px;
  background: rgba(226, 47, 47, 0.7);
  background-clip: border-box;
  opacity: 0;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-animation: waves 3s ease-in-out infinite;
          animation: waves 3s ease-in-out infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.video-animation .animation.animation-1 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.video-animation .animation.animation-2 {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.video-animation .animation.animation-3 {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.video-animation .animation.animation-4 {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

@-webkit-keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
            transform: scale(0.2, 0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
            transform: scale(0.2, 0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}
/*--
    10. Testimonial Css
---------------------------------*/
.testimonial-wrap {
  padding: 0 100px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .testimonial-wrap {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-wrap {
    padding: 0 30px;
  }
}
.testimonial-wrap .testimonial-image {
  text-align: center;
  margin-bottom: 25px;
}
.testimonial-wrap .testimonial-image img {
  margin: auto;
}
.testimonial-wrap .testimonial-content {
  margin: 0 5px;
  width: 80%;
  margin: auto;
}
.testimonial-wrap .testimonial-content ul {
  margin-bottom: 10px;
}
.testimonial-wrap .testimonial-content ul li {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .testimonial-wrap .testimonial-content {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-wrap .testimonial-content {
    width: 90%;
  }
}
.testimonial-wrap .author-info {
  margin-top: 22px;
  position: relative;
  padding-top: 40px;
}
.testimonial-wrap .author-info::after {
  position: absolute;
  content: "";
  height: 25px;
  width: 1px;
  background: #f72626c4;
  left: 50%;
  top: 0;
}
.testimonial-wrap .author-info h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.testimonial-wrap .author-info p {
  margin-bottom: -5px;
}

.testimonial-active .slick-arrow {
  font-size: 36px;
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  border: none;
  border-radius: 5px;
  z-index: 5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .testimonial-active .slick-arrow {
    opacity: 0;
    bottom: 0%;
    top: 75%;
  }
}
.testimonial-active .slick-arrow:hover {
  color: #f72626c4;
}
.testimonial-active .slick-arrow.slick-prev {
  left: 20px;
  right: auto;
}
.testimonial-active .slick-arrow.slick-next {
  right: 20px;
  left: auto;
}
@media only screen and (max-width: 767px) {
  .testimonial-active:hover .slick-arrow {
    opacity: 1;
  }
}

/*--
    11. Faq Style
-------------------------------*/
.faq-style-wrap {
  margin-top: 38px;
}
.faq-style-wrap .panel-default {
  margin-bottom: 10px;
}
.faq-style-wrap .panel-title {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 24px;
}
.faq-style-wrap .panel-title .button-faq {
  position: absolute;
  height: 35px;
  width: 35px;
  background: #f72626c4;
  z-index: 1;
  left: 10px;
  top: 44%;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
}
.faq-style-wrap .panel-title .button-faq::before {
  content: "";
  width: 35px;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 10px solid #f72626c4;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}
.faq-style-wrap .panel-title .button-faq::after {
  content: "";
  width: 35px;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 10px solid #f72626c4;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
}
.faq-style-wrap .panel-title a {
  margin-bottom: 0px;
  position: relative;
  padding: 16px 50px 16px 60px;
  background: #fff;
  font-size: 16px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .faq-style-wrap .panel-title a {
    padding: 16px 10px 16px 60px;
  }
}
.faq-style-wrap .panel-title a::before {
  position: absolute;
  content: "+";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 20px;
  width: 25px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-radius: 100%;
  z-index: 4;
  margin-top: 0px;
}
.faq-style-wrap .panel-title a[aria-expanded=true]::before {
  content: "-";
  font-size: 24px;
  margin-top: 0px;
}
.faq-style-wrap .panel-title a[aria-expanded=true] {
  border-radius: 3px;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  color: #f72626c4;
}
.faq-style-wrap .panel-body {
  background: transparent;
  padding: 0px 35px;
  border-left: 1px dashed #888 !important;
  margin-left: 25px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.faq-style-wrap .panel-body p {
  color: #494849;
  font-size: 14px;
  line-height: 28px;
}
.faq-style-wrap .panel-body .read-btn a {
  font-size: 14px;
  color: #3e3e3e;
  font-weight: 500;
  display: inline-block;
  border-bottom: 1px solid #9e9e9e;
}

.faq-inner-image-box {
  position: relative;
}

.faq-inner-image {
  margin-top: 30px;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1200px), only screen and (max-width: 767px) {
  .faq-inner-image {
    text-align: right;
  }
  .faq-inner-image .faq-inner-02 {
    margin-left: 0px;
    position: absolute;
    right: 170px;
    margin-top: 27px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) and (max-width: 767px), only screen and (max-width: 767px) and (max-width: 767px) {
  .faq-inner-image .faq-inner-02 {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) and (max-width: 479px), only screen and (max-width: 767px) and (max-width: 479px) {
  .faq-inner-image .faq-inner-02 {
    display: none;
  }
}

.faq-inner-01 {
  position: relative;
  margin-bottom: -60px;
  z-index: 1;
}

.faq-inner-02 {
  margin-left: -100px;
  margin-top: 30px;
}

/*-- Team Area Css --*/
.single-team {
  position: relative;
}
.single-team:hover .team-hover-action {
  opacity: 1;
  background: rgba(33, 51, 87, 0.9);
}
.single-team-thumb img {
  width: 100%;
}

.team-hover-action {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background: theme-color;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
.team-hover-action .hover-action {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 45px;
}
.team-hover-action .hover-action h5 {
  font-weight: 400;
  color: #ffffff;
}
.team-hover-action .hover-action h4 {
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 25px;
}
.team-hover-action .hover-action p {
  color: #ffffff;
}
.team-hover-action .hover-action .social-network {
  margin-top: 15px;
}
.team-hover-action .hover-action .social-network li {
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
  color: #ffffff;
}

/*--
    12. gallery Area Css
----------------------*/
.banner-area {
  overflow: hidden;
}

.single-gallery-image {
  margin-top: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.single-gallery-image .gallery-box {
  position: relative;
  overflow: hidden;
}
.single-gallery-image .gallery-box::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.single-gallery-image .gallery-box img {
  width: 100%;
}
.single-gallery-image .gallery-box a {
  display: block;
}
.single-gallery-image .gallery-box a::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  width: 100px;
  height: 100px;
  content: "";
  background-image: url("../images/icon/plas-01.png");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.single-gallery-image .gallery-box:hover::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.single-gallery-image .gallery-box:hover a::before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  z-index: 1;
}

/*--
    13. Footer Css
---------------------------*/
.footer-top {
  border-top: 1px solid #ddd;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .footer-top.pb--120 {
    padding-bottom: 100px;
  }
  .footer-top.pt--80 {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top.pb--120 {
    padding-bottom: 80px;
  }
  .footer-top.pt--80 {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-top.pb--120 {
    padding-bottom: 65px;
  }
  .footer-top.pt--80 {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 479px) {
  .footer-top.pb--120 {
    padding-bottom: 55px;
  }
  .footer-top.pt--80 {
    padding-top: 20px;
  }
}

.footer-info .subscribe-wrap .input-box input {
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #aaaaaa;
  background: transparent;
  color: #333;
  font-size: 14px;
  padding: 5px 0;
}
.footer-info .subscribe-wrap .input-box .subscribe-btn {
  margin-top: 20px;
  background: #f72626c4;
  font-size: 14px;
  border: none;
  padding: 8px 20px;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
}
.footer-info .subscribe-wrap .input-box .subscribe-btn:hover {
  background: #333;
}
.footer-info .social {
  margin-top: 20px;
}
.footer-info .social li {
  display: inline-block;
  margin-right: 5px;
}
.footer-info .social li a {
  font-size: 28px;
}
.footer-info .social li a:hover {
  color: #f72626c4;
}
.footer-info .footer-title {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .footer-info .footer-title {
    margin-bottom: 20px;
  }
}
.footer-info .footer-title h3 {
  font-size: 18px;
  color: #333;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-top: -5px;
}
@media only screen and (max-width: 767px) {
  .footer-info .footer-title h3 {
    margin-top: -15px;
  }
}
.footer-info p {
  font-size: 15px;
  margin-top: 25px;
}
.footer-info .footer-list li {
  margin-bottom: 10px;
  font-size: 15px;
}
@media only screen and (max-width: 479px) {
  .footer-info .footer-list li {
    margin-bottom: 8px;
  }
}
.footer-info .footer-list li:last-child {
  margin-bottom: 0;
}
.footer-info .footer-list li a:hover {
  color: #f72626c4;
}

.footer-bottom .footer-bottom-inner {
  padding: 30px 0;
  border-top: 1px solid #ddd;
}
.footer-bottom .footer-bottom-inner p {
  color: #333;
  font-size: 14px;
}

/*--    
    14. Error 404 Page Css
---------------------------*/
.search-error-wrapper h1 {
  color: #f72626c4;
  font-size: 120px;
  line-height: 86px;
  margin-bottom: 60px;
  font-weight: 800;
}
@media only screen and (max-width: 767px) {
  .search-error-wrapper h1 {
    font-size: 70px;
    line-height: 50px;
    margin-bottom: 40px;
  }
}
.search-error-wrapper h4 {
  font-size: 28px;
}
@media only screen and (max-width: 767px) {
  .search-error-wrapper h4 {
    font-size: 24px;
  }
}

.home-link {
  padding: 0 80px;
}
@media only screen and (max-width: 767px) {
  .home-link {
    padding: 0;
  }
}

.error-form-input {
  position: relative;
  width: 275px;
  margin: 30px auto;
}
.error-form-input input {
  border: 1px solid #dddddd;
  font-size: 15px;
  padding: 8px 45px 8px 20px;
  position: relative;
  width: 275px;
  border-radius: 35px;
}
.error-form-input .error-s-button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  top: 0;
}
.error-form-input .error-s-button:hover {
  color: #f72626c4;
}

.search-error-wrapper .home-bacck-button {
  background: #f72626c4;
  border-radius: 35px;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  text-transform: uppercase;
  -webkit-transition: 0.4;
  transition: 0.4;
}
.search-error-wrapper .home-bacck-button:hover {
  background: #333;
}

/*--
    15. Latest Blog Css
-----------------------------------*/
.our-single-blog:hover .our-single-blog-image a {
  display: block;
}
.our-single-blog:hover .our-single-blog-image a img {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.our-single-blog-image {
  position: relative;
  overflow: hidden;
}
.our-single-blog-image a {
  display: block;
}
.our-single-blog-image a img {
  width: 100%;
}
.our-single-blog-image .post-date {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 25px;
  background: rgba(226, 109, 47, 0.8);
  color: #ffffff;
  margin-top: 30px;
  margin-left: 30px;
}
.our-single-blog-contents {
  padding: 25px 30px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 479px) {
  .our-single-blog-contents {
    padding: 25px;
  }
}
.our-single-blog-contents h3 {
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.our-single-blog-contents .meta-body ul li {
  display: inline-block;
  margin-right: 20px;
}

/*--
    - Blog Details Css
----------------------------*/
.single-blog-area {
  margin-bottom: 30px;
}

.blog-contend {
  margin-top: 20px;
}
.blog-contend h3 {
  font-weight: 600;
}
.blog-contend .blog-btn {
  display: inline-block;
  padding: 5px 15px;
}

.blog-date-categori {
  margin-bottom: 10px;
}
.blog-date-categori ul li {
  display: inline-block;
}
.blog-date-categori ul li a {
  font-size: 14px;
  margin-right: 10px;
  font-weight: 500;
}
.blog-date-categori ul li a i {
  font-size: 14px;
  margin-right: 5px;
}

.search-post {
  position: relative;
  margin-top: 20px;
}
.search-post input {
  border: 1px solid #dddddd;
  font-size: 14px;
  height: 40px;
  padding: 10px 50px 10px 10px;
  position: relative;
  width: 100%;
}
.search-post .btn-search {
  border: medium none;
  font-size: 16px;
  padding: 8px 15px;
  position: absolute;
  right: 0;
  top: 0;
  background: #ddd;
}
.search-post .btn-search:hover {
  background: #f72626c4;
  color: #ffffff;
}

.social-icons {
  float: right;
  margin-top: 5px;
}
.social-icons li {
  display: inline-block;
  margin-left: 10px;
}

.blog-image-slider .slick-arrow {
  background: #dddddd none repeat scroll 0 0;
  border: 1px solid #dddddd;
  font-size: 16px;
  height: 40px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 9;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog-image-slider .slick-arrow:hover {
  background: #f72626c4;
  color: #ffffff;
  border-color: #f72626c4;
}
.blog-image-slider .slick-next {
  right: 0;
}

.post-info {
  margin-top: 30px;
}
.post-info .meta-body {
  margin-bottom: 10px;
}
.post-info .meta-body ul li {
  display: inline-block;
  margin-right: 10px;
}
.post-info h3 {
  font-weight: 600;
  margin-bottom: 20px;
}
.post-info .blockquote-inner {
  border-left: 5px solid #f72626c4;
  background: #fafafa;
  font-size: 16px;
  font-style: italic;
  margin: 30px 0;
  padding: 20px 10px;
}
.post-info .post-commet {
  border-bottom: 1px solid #e7e4dd;
  border-top: 1px solid #e7e4dd;
  font-size: 14px;
  margin: 60px 0 30px;
  padding: 15px 0;
  text-align: left;
  text-transform: uppercase;
}
.post-info .post-commet .social-icons {
  margin-top: 1px;
  font-size: 22px;
}

.comment-form-comment .comment-notes {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  height: 140px;
  font-size: 14px;
  color: #666;
}
.comment-form-comment label {
  display: block;
}
.comment-form-comment label span {
  color: #f72626c4;
}

.comment-form-author, .comment-form-email, .comment-form-url {
  float: left;
  padding: 0 10px;
  width: 33.3333%;
}
@media only screen and (max-width: 479px) {
  .comment-form-author, .comment-form-email, .comment-form-url {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .comment-form-author, .comment-form-email, .comment-form-url {
    width: 100%;
  }
}

.comment-input {
  margin: 0 -10px;
  overflow: hidden;
}
.comment-input label {
  display: block;
}
.comment-input input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  height: 40px;
  font-size: 14px;
  color: #666;
}

.comment-form-submit .comment-submit {
  background: #f72626c4;
  color: #ffffff;
  border: none;
  padding: 8px 15px;
  margin-top: 20px;
}
.comment-form-submit .comment-submit:hover {
  background: #000000;
}

.blog-wrap-col-3 .blog-contend h3 {
  font-size: 18px;
}
.blog-wrap-col-3 .blog-contend .blog-date-categori {
  margin-bottom: 10px;
}
.blog-wrap-col-3 .blog-contend .blog-date-categori ul li {
  display: inline-block;
}
.blog-wrap-col-3 .blog-contend .blog-date-categori ul li a {
  font-size: 14px;
  margin-right: 10px;
  font-weight: 400;
}
.blog-wrap-col-3 .blog-contend .blog-date-categori ul li a i {
  font-size: 14px;
  margin-right: 5px;
}
.blog-wrap-col-3 .blog-btn {
  display: inline-block;
  padding: 5px 15px;
}

.pro_review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pro_review.ans {
  margin-bottom: 50px;
  margin-left: 50px;
  margin-top: 50px;
}
@media only screen and (max-width: 479px) {
  .pro_review.ans {
    margin-bottom: 30px;
    margin-left: 20px;
    margin-top: 30px;
  }
}

.review_thumb {
  margin-right: 20px;
  min-width: 8%;
}
@media only screen and (max-width: 767px) {
  .review_thumb {
    min-width: 25%;
  }
}

.review_info h4 {
  font-weight: 500;
}

.rating_send a {
  display: block;
  float: right;
  font-size: 16px;
  margin-top: -30px;
  padding: 2px 13px;
}

.review_date {
  margin-top: 5px;
}

.review_details p {
  margin-top: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-widget-wrap {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-widget-wrap {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-widget-wrap {
    padding-top: 30px;
  }
}

/*--
    16. Contact Page Css
------------------------------*/
.contact-page-map {
  position: relative;
}

#map {
  height: 1280px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #map {
    height: 1000px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #map {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  #map {
    height: 300px;
  }
}

.box-contact {
  border: 1px solid #ddd;
  background: #fff;
  max-width: 1410px;
  width: 100%;
  z-index: 9;
  margin: auto;
  position: relative;
}
@media only screen and (max-width: 479px) {
  .box-contact {
    border: none;
  }
}

.contact-us-area {
  padding: 110px 0;
  background: #fff;
  position: absolute;
  bottom: 120px;
  left: 0;
  right: 0;
  margin: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .contact-us-area {
    padding: 80px 0;
    bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-us-area {
    padding: 80px 0;
    position: relative;
    border: none;
    bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-us-area {
    padding: 70px 0;
    position: relative;
    border: none;
    bottom: 0px;
  }
}
@media only screen and (max-width: 479px) {
  .contact-us-area {
    padding: 60px 0;
    position: relative;
    border: none;
    bottom: 0px;
  }
}

.contact-form-area h3 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .contact-form-area h3 {
    font-size: 28px;
    margin-bottom: 25px;
  }
}

.contact-form-warp .input-box {
  margin-bottom: 30px;
}
.contact-form-warp .input-box input, .contact-form-warp .input-box textarea {
  width: 100%;
  padding: 15px;
  color: #555;
  border: 1px solid #ddd;
}
.contact-form-warp .input-box textarea {
  height: 120px;
}

.contact-submit-btn .submit-btn {
  border-radius: 0;
  margin-top: 10px;
}
.contact-submit-btn .submit-btn:hover {
  background: #333;
  border: 1px solid #333;
  color: #ffffff;
}

.contact-info-wrap .single-contact-info {
  margin-bottom: 55px;
}
.contact-info-wrap .single-contact-info:last-child {
  margin-bottom: 0;
}
.contact-info-wrap .single-contact-info h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .contact-info-wrap .single-contact-info h3 {
    margin-bottom: 10px;
  }
}
.contact-info-wrap .single-contact-info p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .contact-info-wrap .single-contact-info {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-wrap {
    margin-top: 60px;
  }
  .contact-info-wrap .single-contact-info {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-info-wrap {
    margin-top: 60px;
  }
  .contact-info-wrap .single-contact-info {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 479px) {
  .contact-info-wrap {
    margin-top: 55px;
  }
}

.form-messege.error {
  color: red;
  font-size: 14px;
  margin-top: 5px;
  font-style: italic;
}
.form-messege.success {
  color: green;
  font-size: 14px;
  margin-top: 5px;
  font-style: italic;
}

.footer-info .logo {
  text-align: left;
}