/*
Theme Name: Albeo - Business - Bootstrap HTML template
Description: Custom styles are defined in this class
Author: Jyostna
Author URI: http://themeforest.net/user/jyostna
Version: 1.0
-------------------------------------------- */
/*
TABLE OF CONTENT
-------------------------------------------------
1-  RESETS
2-  HEADER
3-  FONT AWESOME ICON COLORS
4-  STYLES PAGE
5-  CONTACT US
6-  SERVICES
7-  BLOG
8-  BLOG SINGLE POST
9-  FOOTER
10- INSIGHTS
11- INVESTORS
12- MEDIA
13- HOME
14- HOME2
15- HOME3
16- ABOUT US
17- CAREERS
18- SERVICE DETAILED
19- CASE STUDIES
20- CONTACT FORM
21- GALLERY
22- PORTFOLIO
23- NEWSROOM
24- 404 PAGE
25- SIGN IN
26- HEADING UNDERLINES
27- SECTION DIVIDER
28- PORTFOLIO SINGLE PAGE
29- PRODUCTS
30- BACK TO TOP BUTTON
31- parallax
32- Slider button code

---------------------------------------------- */
body {
  overflow-x: hidden;
}

/* common css*/
.p-32 {
  font-weight: 700;
  font-size: 32px;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-26-normal {
  font-weight: 400;
  font-size: 26px;
  color: #636363;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-26-bold {
  font-weight: 400;
  font-size: 26px;
  color: #252525;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-24-bold {
  font-weight: 700;
  font-size: 24px;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-24-normal {
  font-weight: 400;
  font-size: 24px;
  color: #636363;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-20-normal {
  font-weight: 400;
  font-size: 20px;
  color: #636363;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-20-bold {
  font-weight: 400;
  font-size: 20px;
  color: #252525;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-18-bold {
  font-size: 18px;
  font-weight: 700;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-18-normal {
  font-size: 18px;
  font-weight: 400;
  color: #636363;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-18-black {
  font-size: 18px;
  font-weight: 400;
  color: #252525;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-16-bold {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.p-16-normal {
  font-size: 16px;
  font-weight: 400;
  color: #636363;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.h6-font16 {
  font-size: 16px;
  font-weight: 700;
}

.para-20-dark-bold {
  color: var(--dark);
  font-size: 20px;
  font-weight: 700;
}

.fs14-monseratt-dark {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: var(--dark);
}

.monseratt {
  font-family: "Montserrat", sans-serif;
}

.fs20-monseratt-light {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  font-size: 20px;
  color: var(--light);
}

.monseratt-900 {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
}

.monseratt-700 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

/* common css*/
/*menu1 css*/
.bottom_font {
  font-size: 32px;
  font-weight: 400;
  padding-bottom: 50px;
}

.lorvent_text {
  font-weight: 700;
}

/* video_post_content */
.header_para {
  color: #8799a3;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.header_para1 {
  color: #8799a3;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
}

.header_white {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
}

.text_primary {
  color: var(--primary);
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
}

.para1_font {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  letter-spacing: 10px;
  font-weight: 900;
  color: var(--white);
}

/* home page */
.font_there {
  color: var(--white);
  font-size: 36px;
  font-style: italic;
  font-family: 'Leckerli One', cursive;
}

.daniel {
  color: var(--primary);
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 42px;
}

.text_para {
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  font-size: 42px;
}

.graphic {
  font-size: 32px;
  font-family: 'Montserrat', sans-serif;
  color: var(--white);
}

.para_color {
  color: #636363;
  font-size: 24px;
  font-family: 'Cambay','sans-serif';
  text-align: justify;
}

.form-control {
  font-family: 'Cambay', sans-serif;
  font-weight: 700;
  color: #8799A3;
  font-size: 16px;
}

.preloader {
  height: 95vh;
  width: 95vw;
  overflow: hidden;
  position: fixed;
  background-color: var(--white);
  z-index: 9999999;
  height: 100%;
  width: 100%;
}

.loader {
  height: 20px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid color("white");
}

.loader--dot:first-child {
  background-color: #8cc759;
  animation-delay: 0.5s;
}

.loader--dot:nth-child(2) {
  background-color: #8c6daf;
  animation-delay: 0.4s;
}

.loader--dot:nth-child(3) {
  background-color: #ef5d74;
  animation-delay: 0.3s;
}

.loader--dot:nth-child(4) {
  background-color: #f9a74b;
  animation-delay: 0.2s;
}

.loader--dot:nth-child(5) {
  background-color: #60beeb;
  animation-delay: 0.1s;
}

.loader--dot:nth-child(6) {
  background-color: #fbef5a;
  animation-delay: 0s;
}

.loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 4rem;
  margin: auto;
}

.loader--text:after {
  content: "Loading";
  font-weight: bold;
  animation-name: loading-text;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(230px);
  }
  65% {
    transform: translateX(230px);
  }
  95% {
    transform: translateX(0);
  }
}

@keyframes loading-text {
  0% {
    content: "Loading";
  }
  25% {
    content: "Loading.";
  }
  50% {
    content: "Loading..";
  }
  75% {
    content: "Loading...";
  }
}

@keyframes myanimation {
  0% {
    color: red;
  }
  25% {
    color: yellow;
  }
  50% {
    color: green;
  }
  75% {
    color: brown;
  }
  100% {
    color: red;
  }
}

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  transform: scale(1.1);
}

.fs-8px {
  font-size: 8px;
}

.fs-9px {
  font-size: 9px;
}

.fs-10px {
  font-size: 10px;
}

.fs-11px {
  font-size: 11px;
}

.fs-12px {
  font-size: 12px;
}

.fs-13px {
  font-size: 13px;
}

.fs-14px {
  font-size: 14px;
}

.fs-15px {
  font-size: 15px;
}

.fs-16px {
  font-size: 16px;
}

.fs-17px {
  font-size: 17px;
}

.fs-18px {
  font-size: 18px;
}

.fs-19px {
  font-size: 19px;
}

.fs-20px {
  font-size: 20px;
}

.fs-21px {
  font-size: 21px;
}

.fs-22px {
  font-size: 22px;
}

.fs-23px {
  font-size: 23px;
}

.fs-24px {
  font-size: 24px;
}

.fs-25px {
  font-size: 25px;
}

.fs-26px {
  font-size: 26px;
}

.fs-27px {
  font-size: 27px;
}

.fs-28px {
  font-size: 28px;
}

.fs-29px {
  font-size: 29px;
}

.fs-30px {
  font-size: 30px;
}

.fs-31px {
  font-size: 31px;
}

.fs-32px {
  font-size: 32px;
}

.fs-48px {
  font-size: 48px;
}

.fs-64px {
  font-size: 64px;
}

.form-background {
  background-color: #F3F4F6;
  color: #8799a3;
}

.form-background:focus {
  background-color: #fff;
  border: 2px solid #eceef2;
}

.hr_line {
  border-top: 2px solid #f0f4f7;
}

.icons {
  color: #bbc7cd;
  cursor: pointer;
}

.fa-facebook:hover {
  color: #3B5998;
}

.fa-twitter:hover {
  color: #0084b4;
}

.fa-google-plus:hover {
  color: #d34836;
}

.fa-pinterest-p:hover {
  color: #c8232c;
}

.fa-heart {
  color: #f04e4e;
}

.fa-check {
  color: #0081ff;
  font-size: 13px;
  padding-right: 1rem;
}

.particles-js-canvas-el {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  z-index: 99999;
  overflow: hidden;
  bottom: 0;
  left: 0;
  right: 0;
  animation: myanimation 10s infinite;
}

.m-1px {
  margin: 1px !important;
}

.mt-1px,
.my-1px {
  margin-top: 1px !important;
}

.mr-1px,
.mx-1px {
  margin-right: 1px !important;
}

.mb-1px,
.my-1px {
  margin-bottom: 1px !important;
}

.ml-1px,
.mx-1px {
  margin-left: 1px !important;
}

.m-2px {
  margin: 2px !important;
}

.mt-2px,
.my-2px {
  margin-top: 2px !important;
}

.mr-2px,
.mx-2px {
  margin-right: 2px !important;
}

.mb-2px,
.my-2px {
  margin-bottom: 2px !important;
}

.ml-2px,
.mx-2px {
  margin-left: 2px !important;
}

.m-3px {
  margin: 3px !important;
}

.mt-3px,
.my-3px {
  margin-top: 3px !important;
}

.mr-3px,
.mx-3px {
  margin-right: 3px !important;
}

.mb-3px,
.my-3px {
  margin-bottom: 3px !important;
}

.ml-3px,
.mx-3px {
  margin-left: 3px !important;
}

.m-4px {
  margin: 4px !important;
}

.mt-4px,
.my-4px {
  margin-top: 4px !important;
}

.mr-4px,
.mx-4px {
  margin-right: 4px !important;
}

.mb-4px,
.my-4px {
  margin-bottom: 4px !important;
}

.ml-4px,
.mx-4px {
  margin-left: 4px !important;
}

.m-5px {
  margin: 5px !important;
}

.mt-5px,
.my-5px {
  margin-top: 5px !important;
}

.mr-5px,
.mx-5px {
  margin-right: 5px !important;
}

.mb-5px,
.my-5px {
  margin-bottom: 5px !important;
}

.ml-5px,
.mx-5px {
  margin-left: 5px !important;
}

.m-6px {
  margin: 6px !important;
}

.mt-6px,
.my-6px {
  margin-top: 6px !important;
}

.mr-6px,
.mx-6px {
  margin-right: 6px !important;
}

.mb-6px,
.my-6px {
  margin-bottom: 6px !important;
}

.ml-6px,
.mx-6px {
  margin-left: 6px !important;
}

.m-7px {
  margin: 7px !important;
}

.mt-7px,
.my-7px {
  margin-top: 7px !important;
}

.mr-7px,
.mx-7px {
  margin-right: 7px !important;
}

.mb-7px,
.my-7px {
  margin-bottom: 7px !important;
}

.ml-7px,
.mx-7px {
  margin-left: 7px !important;
}

.m-8px {
  margin: 8px !important;
}

.mt-8px,
.my-8px {
  margin-top: 8px !important;
}

.mr-8px,
.mx-8px {
  margin-right: 8px !important;
}

.mb-8px,
.my-8px {
  margin-bottom: 8px !important;
}

.ml-8px,
.mx-8px {
  margin-left: 8px !important;
}

.m-9px {
  margin: 9px !important;
}

.mt-9px,
.my-9px {
  margin-top: 9px !important;
}

.mr-9px,
.mx-9px {
  margin-right: 9px !important;
}

.mb-9px,
.my-9px {
  margin-bottom: 9px !important;
}

.ml-9px,
.mx-9px {
  margin-left: 9px !important;
}

.m-10px {
  margin: 10px !important;
}

.mt-10px,
.my-10px {
  margin-top: 10px !important;
}

.mr-10px,
.mx-10px {
  margin-right: 10px !important;
}

.mb-10px,
.my-10px {
  margin-bottom: 10px !important;
}

.ml-10px,
.mx-10px {
  margin-left: 10px !important;
}

.m-11px {
  margin: 11px !important;
}

.mt-11px,
.my-11px {
  margin-top: 11px !important;
}

.mr-11px,
.mx-11px {
  margin-right: 11px !important;
}

.mb-11px,
.my-11px {
  margin-bottom: 11px !important;
}

.ml-11px,
.mx-11px {
  margin-left: 11px !important;
}

.m-12px {
  margin: 12px !important;
}

.mt-12px,
.my-12px {
  margin-top: 12px !important;
}

.mr-12px,
.mx-12px {
  margin-right: 12px !important;
}

.mb-12px,
.my-12px {
  margin-bottom: 12px !important;
}

.ml-12px,
.mx-12px {
  margin-left: 12px !important;
}

.m-13px {
  margin: 13px !important;
}

.mt-13px,
.my-13px {
  margin-top: 13px !important;
}

.mr-13px,
.mx-13px {
  margin-right: 13px !important;
}

.mb-13px,
.my-13px {
  margin-bottom: 13px !important;
}

.ml-13px,
.mx-13px {
  margin-left: 13px !important;
}

.m-14px {
  margin: 14px !important;
}

.mt-14px,
.my-14px {
  margin-top: 14px !important;
}

.mr-14px,
.mx-14px {
  margin-right: 14px !important;
}

.mb-14px,
.my-14px {
  margin-bottom: 14px !important;
}

.ml-14px,
.mx-14px {
  margin-left: 14px !important;
}

.m-15px {
  margin: 15px !important;
}

.mt-15px,
.my-15px {
  margin-top: 15px !important;
}

.mr-15px,
.mx-15px {
  margin-right: 15px !important;
}

.mb-15px,
.my-15px {
  margin-bottom: 15px !important;
}

.ml-15px,
.mx-15px {
  margin-left: 15px !important;
}

.m-16px {
  margin: 16px !important;
}

.mt-16px,
.my-16px {
  margin-top: 16px !important;
}

.mr-16px,
.mx-16px {
  margin-right: 16px !important;
}

.mb-16px,
.my-16px {
  margin-bottom: 16px !important;
}

.ml-16px,
.mx-16px {
  margin-left: 16px !important;
}

.m-17px {
  margin: 17px !important;
}

.mt-17px,
.my-17px {
  margin-top: 17px !important;
}

.mr-17px,
.mx-17px {
  margin-right: 17px !important;
}

.mb-17px,
.my-17px {
  margin-bottom: 17px !important;
}

.ml-17px,
.mx-17px {
  margin-left: 17px !important;
}

.m-18px {
  margin: 18px !important;
}

.mt-18px,
.my-18px {
  margin-top: 18px !important;
}

.mr-18px,
.mx-18px {
  margin-right: 18px !important;
}

.mb-18px,
.my-18px {
  margin-bottom: 18px !important;
}

.ml-18px,
.mx-18px {
  margin-left: 18px !important;
}

.m-19px {
  margin: 19px !important;
}

.mt-19px,
.my-19px {
  margin-top: 19px !important;
}

.mr-19px,
.mx-19px {
  margin-right: 19px !important;
}

.mb-19px,
.my-19px {
  margin-bottom: 19px !important;
}

.ml-19px,
.mx-19px {
  margin-left: 19px !important;
}

.m-20px {
  margin: 20px !important;
}

.mt-20px,
.my-20px {
  margin-top: 20px !important;
}

.mr-20px,
.mx-20px {
  margin-right: 20px !important;
}

.mb-20px,
.my-20px {
  margin-bottom: 20px !important;
}

.ml-20px,
.mx-20px {
  margin-left: 20px !important;
}

.m-21px {
  margin: 21px !important;
}

.mt-21px,
.my-21px {
  margin-top: 21px !important;
}

.mr-21px,
.mx-21px {
  margin-right: 21px !important;
}

.mb-21px,
.my-21px {
  margin-bottom: 21px !important;
}

.ml-21px,
.mx-21px {
  margin-left: 21px !important;
}

.m-22px {
  margin: 22px !important;
}

.mt-22px,
.my-22px {
  margin-top: 22px !important;
}

.mr-22px,
.mx-22px {
  margin-right: 22px !important;
}

.mb-22px,
.my-22px {
  margin-bottom: 22px !important;
}

.ml-22px,
.mx-22px {
  margin-left: 22px !important;
}

.m-23px {
  margin: 23px !important;
}

.mt-23px,
.my-23px {
  margin-top: 23px !important;
}

.mr-23px,
.mx-23px {
  margin-right: 23px !important;
}

.mb-23px,
.my-23px {
  margin-bottom: 23px !important;
}

.ml-23px,
.mx-23px {
  margin-left: 23px !important;
}

.m-24px {
  margin: 24px !important;
}

.mt-24px,
.my-24px {
  margin-top: 24px !important;
}

.mr-24px,
.mx-24px {
  margin-right: 24px !important;
}

.mb-24px,
.my-24px {
  margin-bottom: 24px !important;
}

.ml-24px,
.mx-24px {
  margin-left: 24px !important;
}

.m-25px {
  margin: 25px !important;
}

.mt-25px,
.my-25px {
  margin-top: 25px !important;
}

.mr-25px,
.mx-25px {
  margin-right: 25px !important;
}

.mb-25px,
.my-25px {
  margin-bottom: 25px !important;
}

.ml-25px,
.mx-25px {
  margin-left: 25px !important;
}

.m-26px {
  margin: 26px !important;
}

.mt-26px,
.my-26px {
  margin-top: 26px !important;
}

.mr-26px,
.mx-26px {
  margin-right: 26px !important;
}

.mb-26px,
.my-26px {
  margin-bottom: 26px !important;
}

.ml-26px,
.mx-26px {
  margin-left: 26px !important;
}

.m-27px {
  margin: 27px !important;
}

.mt-27px,
.my-27px {
  margin-top: 27px !important;
}

.mr-27px,
.mx-27px {
  margin-right: 27px !important;
}

.mb-27px,
.my-27px {
  margin-bottom: 27px !important;
}

.ml-27px,
.mx-27px {
  margin-left: 27px !important;
}

.m-28px {
  margin: 28px !important;
}

.mt-28px,
.my-28px {
  margin-top: 28px !important;
}

.mr-28px,
.mx-28px {
  margin-right: 28px !important;
}

.mb-28px,
.my-28px {
  margin-bottom: 28px !important;
}

.ml-28px,
.mx-28px {
  margin-left: 28px !important;
}

.m-29px {
  margin: 29px !important;
}

.mt-29px,
.my-29px {
  margin-top: 29px !important;
}

.mr-29px,
.mx-29px {
  margin-right: 29px !important;
}

.mb-29px,
.my-29px {
  margin-bottom: 29px !important;
}

.ml-29px,
.mx-29px {
  margin-left: 29px !important;
}

.m-30px {
  margin: 30px !important;
}

.mt-30px,
.my-30px {
  margin-top: 30px !important;
}

.mr-30px,
.mx-30px {
  margin-right: 30px !important;
}

.mb-30px,
.my-30px {
  margin-bottom: 30px !important;
}

.ml-30px,
.mx-30px {
  margin-left: 30px !important;
}

.m-31px {
  margin: 31px !important;
}

.mt-31px,
.my-31px {
  margin-top: 31px !important;
}

.mr-31px,
.mx-31px {
  margin-right: 31px !important;
}

.mb-31px,
.my-31px {
  margin-bottom: 31px !important;
}

.ml-31px,
.mx-31px {
  margin-left: 31px !important;
}

.m-32px {
  margin: 32px !important;
}

.mt-32px,
.my-32px {
  margin-top: 32px !important;
}

.mr-32px,
.mx-32px {
  margin-right: 32px !important;
}

.mb-32px,
.my-32px {
  margin-bottom: 32px !important;
}

.ml-32px,
.mx-32px {
  margin-left: 32px !important;
}

.m-33px {
  margin: 33px !important;
}

.mt-33px,
.my-33px {
  margin-top: 33px !important;
}

.mr-33px,
.mx-33px {
  margin-right: 33px !important;
}

.mb-33px,
.my-33px {
  margin-bottom: 33px !important;
}

.ml-33px,
.mx-33px {
  margin-left: 33px !important;
}

.m-34px {
  margin: 34px !important;
}

.mt-34px,
.my-34px {
  margin-top: 34px !important;
}

.mr-34px,
.mx-34px {
  margin-right: 34px !important;
}

.mb-34px,
.my-34px {
  margin-bottom: 34px !important;
}

.ml-34px,
.mx-34px {
  margin-left: 34px !important;
}

.m-35px {
  margin: 35px !important;
}

.mt-35px,
.my-35px {
  margin-top: 35px !important;
}

.mr-35px,
.mx-35px {
  margin-right: 35px !important;
}

.mb-35px,
.my-35px {
  margin-bottom: 35px !important;
}

.ml-35px,
.mx-35px {
  margin-left: 35px !important;
}

.m-36px {
  margin: 36px !important;
}

.mt-36px,
.my-36px {
  margin-top: 36px !important;
}

.mr-36px,
.mx-36px {
  margin-right: 36px !important;
}

.mb-36px,
.my-36px {
  margin-bottom: 36px !important;
}

.ml-36px,
.mx-36px {
  margin-left: 36px !important;
}

.m-37px {
  margin: 37px !important;
}

.mt-37px,
.my-37px {
  margin-top: 37px !important;
}

.mr-37px,
.mx-37px {
  margin-right: 37px !important;
}

.mb-37px,
.my-37px {
  margin-bottom: 37px !important;
}

.ml-37px,
.mx-37px {
  margin-left: 37px !important;
}

.m-38px {
  margin: 38px !important;
}

.mt-38px,
.my-38px {
  margin-top: 38px !important;
}

.mr-38px,
.mx-38px {
  margin-right: 38px !important;
}

.mb-38px,
.my-38px {
  margin-bottom: 38px !important;
}

.ml-38px,
.mx-38px {
  margin-left: 38px !important;
}

.m-39px {
  margin: 39px !important;
}

.mt-39px,
.my-39px {
  margin-top: 39px !important;
}

.mr-39px,
.mx-39px {
  margin-right: 39px !important;
}

.mb-39px,
.my-39px {
  margin-bottom: 39px !important;
}

.ml-39px,
.mx-39px {
  margin-left: 39px !important;
}

.m-40px {
  margin: 40px !important;
}

.mt-40px,
.my-40px {
  margin-top: 40px !important;
}

.mr-40px,
.mx-40px {
  margin-right: 40px !important;
}

.mb-40px,
.my-40px {
  margin-bottom: 40px !important;
}

.ml-40px,
.mx-40px {
  margin-left: 40px !important;
}

.m-41px {
  margin: 41px !important;
}

.mt-41px,
.my-41px {
  margin-top: 41px !important;
}

.mr-41px,
.mx-41px {
  margin-right: 41px !important;
}

.mb-41px,
.my-41px {
  margin-bottom: 41px !important;
}

.ml-41px,
.mx-41px {
  margin-left: 41px !important;
}

.m-42px {
  margin: 42px !important;
}

.mt-42px,
.my-42px {
  margin-top: 42px !important;
}

.mr-42px,
.mx-42px {
  margin-right: 42px !important;
}

.mb-42px,
.my-42px {
  margin-bottom: 42px !important;
}

.ml-42px,
.mx-42px {
  margin-left: 42px !important;
}

.m-43px {
  margin: 43px !important;
}

.mt-43px,
.my-43px {
  margin-top: 43px !important;
}

.mr-43px,
.mx-43px {
  margin-right: 43px !important;
}

.mb-43px,
.my-43px {
  margin-bottom: 43px !important;
}

.ml-43px,
.mx-43px {
  margin-left: 43px !important;
}

.m-44px {
  margin: 44px !important;
}

.mt-44px,
.my-44px {
  margin-top: 44px !important;
}

.mr-44px,
.mx-44px {
  margin-right: 44px !important;
}

.mb-44px,
.my-44px {
  margin-bottom: 44px !important;
}

.ml-44px,
.mx-44px {
  margin-left: 44px !important;
}

.m-45px {
  margin: 45px !important;
}

.mt-45px,
.my-45px {
  margin-top: 45px !important;
}

.mr-45px,
.mx-45px {
  margin-right: 45px !important;
}

.mb-45px,
.my-45px {
  margin-bottom: 45px !important;
}

.ml-45px,
.mx-45px {
  margin-left: 45px !important;
}

.m-46px {
  margin: 46px !important;
}

.mt-46px,
.my-46px {
  margin-top: 46px !important;
}

.mr-46px,
.mx-46px {
  margin-right: 46px !important;
}

.mb-46px,
.my-46px {
  margin-bottom: 46px !important;
}

.ml-46px,
.mx-46px {
  margin-left: 46px !important;
}

.m-47px {
  margin: 47px !important;
}

.mt-47px,
.my-47px {
  margin-top: 47px !important;
}

.mr-47px,
.mx-47px {
  margin-right: 47px !important;
}

.mb-47px,
.my-47px {
  margin-bottom: 47px !important;
}

.ml-47px,
.mx-47px {
  margin-left: 47px !important;
}

.m-48px {
  margin: 48px !important;
}

.mt-48px,
.my-48px {
  margin-top: 48px !important;
}

.mr-48px,
.mx-48px {
  margin-right: 48px !important;
}

.mb-48px,
.my-48px {
  margin-bottom: 48px !important;
}

.ml-48px,
.mx-48px {
  margin-left: 48px !important;
}

.m-50px {
  margin: 50px !important;
}

.mt-50px,
.my-50px {
  margin-top: 50px !important;
}

.mr-50px,
.mx-50px {
  margin-right: 50px !important;
}

.mb-50px,
.my-50px {
  margin-bottom: 50px !important;
}

.ml-50px,
.mx-50px {
  margin-left: 50px !important;
}

.m-53px {
  margin: 53px !important;
}

.mt-53px,
.my-53px {
  margin-top: 53px !important;
}

.mr-53px,
.mx-53px {
  margin-right: 53px !important;
}

.mb-53px,
.my-53px {
  margin-bottom: 53px !important;
}

.ml-53px,
.mx-53px {
  margin-left: 53px !important;
}

.m-60px {
  margin: 60px !important;
}

.mt-60px,
.my-60px {
  margin-top: 60px !important;
}

.mr-60px,
.mx-60px {
  margin-right: 60px !important;
}

.mb-60px,
.my-60px {
  margin-bottom: 60px !important;
}

.ml-60px,
.mx-60px {
  margin-left: 60px !important;
}

.m-64px {
  margin: 64px !important;
}

.mt-64px,
.my-64px {
  margin-top: 64px !important;
}

.mr-64px,
.mx-64px {
  margin-right: 64px !important;
}

.mb-64px,
.my-64px {
  margin-bottom: 64px !important;
}

.ml-64px,
.mx-64px {
  margin-left: 64px !important;
}

.m-72px {
  margin: 72px !important;
}

.mt-72px,
.my-72px {
  margin-top: 72px !important;
}

.mr-72px,
.mx-72px {
  margin-right: 72px !important;
}

.mb-72px,
.my-72px {
  margin-bottom: 72px !important;
}

.ml-72px,
.mx-72px {
  margin-left: 72px !important;
}

.p-1px {
  padding: 1px !important;
}

.pt-1px,
.py-1px {
  padding-top: 1px !important;
}

.pr-1px,
.px-1px {
  padding-right: 1px !important;
}

.pb-1px,
.py-1px {
  padding-bottom: 1px !important;
}

.pl-1px,
.px-1px {
  padding-left: 1px !important;
}

.p-2px {
  padding: 2px !important;
}

.pt-2px,
.py-2px {
  padding-top: 2px !important;
}

.pr-2px,
.px-2px {
  padding-right: 2px !important;
}

.pb-2px,
.py-2px {
  padding-bottom: 2px !important;
}

.pl-2px,
.px-2px {
  padding-left: 2px !important;
}

.p-3px {
  padding: 3px !important;
}

.pt-3px,
.py-3px {
  padding-top: 3px !important;
}

.pr-3px,
.px-3px {
  padding-right: 3px !important;
}

.pb-3px,
.py-3px {
  padding-bottom: 3px !important;
}

.pl-3px,
.px-3px {
  padding-left: 3px !important;
}

.p-4px {
  padding: 4px !important;
}

.pt-4px,
.py-4px {
  padding-top: 4px !important;
}

.pr-4px,
.px-4px {
  padding-right: 4px !important;
}

.pb-4px,
.py-4px {
  padding-bottom: 4px !important;
}

.pl-4px,
.px-4px {
  padding-left: 4px !important;
}

.p-5px {
  padding: 5px !important;
}

.pt-5px,
.py-5px {
  padding-top: 5px !important;
}

.pr-5px,
.px-5px {
  padding-right: 5px !important;
}

.pb-5px,
.py-5px {
  padding-bottom: 5px !important;
}

.pl-5px,
.px-5px {
  padding-left: 5px !important;
}

.p-6px {
  padding: 6px !important;
}

.pt-6px,
.py-6px {
  padding-top: 6px !important;
}

.pr-6px,
.px-6px {
  padding-right: 6px !important;
}

.pb-6px,
.py-6px {
  padding-bottom: 6px !important;
}

.pl-6px,
.px-6px {
  padding-left: 6px !important;
}

.p-7px {
  padding: 7px !important;
}

.pt-7px,
.py-7px {
  padding-top: 7px !important;
}

.pr-7px,
.px-7px {
  padding-right: 7px !important;
}

.pb-7px,
.py-7px {
  padding-bottom: 7px !important;
}

.pl-7px,
.px-7px {
  padding-left: 7px !important;
}

.p-8px {
  padding: 8px !important;
}

.pt-8px,
.py-8px {
  padding-top: 8px !important;
}

.pr-8px,
.px-8px {
  padding-right: 8px !important;
}

.pb-8px,
.py-8px {
  padding-bottom: 8px !important;
}

.pl-8px,
.px-8px {
  padding-left: 8px !important;
}

.p-9px {
  padding: 9px !important;
}

.pt-9px,
.py-9px {
  padding-top: 9px !important;
}

.pr-9px,
.px-9px {
  padding-right: 9px !important;
}

.pb-9px,
.py-9px {
  padding-bottom: 9px !important;
}

.pl-9px,
.px-9px {
  padding-left: 9px !important;
}

.p-10px {
  padding: 10px !important;
}

.pt-10px,
.py-10px {
  padding-top: 10px !important;
}

.pr-10px,
.px-10px {
  padding-right: 10px !important;
}

.pb-10px,
.py-10px {
  padding-bottom: 10px !important;
}

.pl-10px,
.px-10px {
  padding-left: 10px !important;
}

.p-11px {
  padding: 11px !important;
}

.pt-11px,
.py-11px {
  padding-top: 11px !important;
}

.pr-11px,
.px-11px {
  padding-right: 11px !important;
}

.pb-11px,
.py-11px {
  padding-bottom: 11px !important;
}

.pl-11px,
.px-11px {
  padding-left: 11px !important;
}

.p-12px {
  padding: 12px !important;
}

.pt-12px,
.py-12px {
  padding-top: 12px !important;
}

.pr-12px,
.px-12px {
  padding-right: 12px !important;
}

.pb-12px,
.py-12px {
  padding-bottom: 12px !important;
}

.pl-12px,
.px-12px {
  padding-left: 12px !important;
}

.p-13px {
  padding: 13px !important;
}

.pt-13px,
.py-13px {
  padding-top: 13px !important;
}

.pr-13px,
.px-13px {
  padding-right: 13px !important;
}

.pb-13px,
.py-13px {
  padding-bottom: 13px !important;
}

.pl-13px,
.px-13px {
  padding-left: 13px !important;
}

.p-14px {
  padding: 14px !important;
}

.pt-14px,
.py-14px {
  padding-top: 14px !important;
}

.pr-14px,
.px-14px {
  padding-right: 14px !important;
}

.pb-14px,
.py-14px {
  padding-bottom: 14px !important;
}

.pl-14px,
.px-14px {
  padding-left: 14px !important;
}

.p-15px {
  padding: 15px !important;
}

.pt-15px,
.py-15px {
  padding-top: 15px !important;
}

.pr-15px,
.px-15px {
  padding-right: 15px !important;
}

.pb-15px,
.py-15px {
  padding-bottom: 15px !important;
}

.pl-15px,
.px-15px {
  padding-left: 15px !important;
}

.p-16px {
  padding: 16px !important;
}

.pt-16px,
.py-16px {
  padding-top: 16px !important;
}

.pr-16px,
.px-16px {
  padding-right: 16px !important;
}

.pb-16px,
.py-16px {
  padding-bottom: 16px !important;
}

.pl-16px,
.px-16px {
  padding-left: 16px !important;
}

.p-17px {
  padding: 17px !important;
}

.pt-17px,
.py-17px {
  padding-top: 17px !important;
}

.pr-17px,
.px-17px {
  padding-right: 17px !important;
}

.pb-17px,
.py-17px {
  padding-bottom: 17px !important;
}

.pl-17px,
.px-17px {
  padding-left: 17px !important;
}

.p-18px {
  padding: 18px !important;
}

.pt-18px,
.py-18px {
  padding-top: 18px !important;
}

.pr-18px,
.px-18px {
  padding-right: 18px !important;
}

.pb-18px,
.py-18px {
  padding-bottom: 18px !important;
}

.pl-18px,
.px-18px {
  padding-left: 18px !important;
}

.p-19px {
  padding: 19px !important;
}

.pt-19px,
.py-19px {
  padding-top: 19px !important;
}

.pr-19px,
.px-19px {
  padding-right: 19px !important;
}

.pb-19px,
.py-19px {
  padding-bottom: 19px !important;
}

.pl-19px,
.px-19px {
  padding-left: 19px !important;
}

.p-20px {
  padding: 20px !important;
}

.pt-20px,
.py-20px {
  padding-top: 20px !important;
}

.pr-20px,
.px-20px {
  padding-right: 20px !important;
}

.pb-20px,
.py-20px {
  padding-bottom: 20px !important;
}

.pl-20px,
.px-20px {
  padding-left: 20px !important;
}

.p-21px {
  padding: 21px !important;
}

.pt-21px,
.py-21px {
  padding-top: 21px !important;
}

.pr-21px,
.px-21px {
  padding-right: 21px !important;
}

.pb-21px,
.py-21px {
  padding-bottom: 21px !important;
}

.pl-21px,
.px-21px {
  padding-left: 21px !important;
}

.p-22px {
  padding: 22px !important;
}

.pt-22px,
.py-22px {
  padding-top: 22px !important;
}

.pr-22px,
.px-22px {
  padding-right: 22px !important;
}

.pb-22px,
.py-22px {
  padding-bottom: 22px !important;
}

.pl-22px,
.px-22px {
  padding-left: 22px !important;
}

.p-23px {
  padding: 23px !important;
}

.pt-23px,
.py-23px {
  padding-top: 23px !important;
}

.pr-23px,
.px-23px {
  padding-right: 23px !important;
}

.pb-23px,
.py-23px {
  padding-bottom: 23px !important;
}

.pl-23px,
.px-23px {
  padding-left: 23px !important;
}

.p-24px {
  padding: 24px !important;
}

.pt-24px,
.py-24px {
  padding-top: 24px !important;
}

.pr-24px,
.px-24px {
  padding-right: 24px !important;
}

.pb-24px,
.py-24px {
  padding-bottom: 24px !important;
}

.pl-24px,
.px-24px {
  padding-left: 24px !important;
}

.p-25px {
  padding: 25px !important;
}

.pt-25px,
.py-25px {
  padding-top: 25px !important;
}

.pr-25px,
.px-25px {
  padding-right: 25px !important;
}

.pb-25px,
.py-25px {
  padding-bottom: 25px !important;
}

.pl-25px,
.px-25px {
  padding-left: 25px !important;
}

.p-26px {
  padding: 26px !important;
}

.pt-26px,
.py-26px {
  padding-top: 26px !important;
}

.pr-26px,
.px-26px {
  padding-right: 26px !important;
}

.pb-26px,
.py-26px {
  padding-bottom: 26px !important;
}

.pl-26px,
.px-26px {
  padding-left: 26px !important;
}

.p-27px {
  padding: 27px !important;
}

.pt-27px,
.py-27px {
  padding-top: 27px !important;
}

.pr-27px,
.px-27px {
  padding-right: 27px !important;
}

.pb-27px,
.py-27px {
  padding-bottom: 27px !important;
}

.pl-27px,
.px-27px {
  padding-left: 27px !important;
}

.p-28px {
  padding: 28px !important;
}

.pt-28px,
.py-28px {
  padding-top: 28px !important;
}

.pr-28px,
.px-28px {
  padding-right: 28px !important;
}

.pb-28px,
.py-28px {
  padding-bottom: 28px !important;
}

.pl-28px,
.px-28px {
  padding-left: 28px !important;
}

.p-29px {
  padding: 29px !important;
}

.pt-29px,
.py-29px {
  padding-top: 29px !important;
}

.pr-29px,
.px-29px {
  padding-right: 29px !important;
}

.pb-29px,
.py-29px {
  padding-bottom: 29px !important;
}

.pl-29px,
.px-29px {
  padding-left: 29px !important;
}

.p-30px {
  padding: 30px !important;
}

.pt-30px,
.py-30px {
  padding-top: 30px !important;
}

.pr-30px,
.px-30px {
  padding-right: 30px !important;
}

.pb-30px,
.py-30px {
  padding-bottom: 30px !important;
}

.pl-30px,
.px-30px {
  padding-left: 30px !important;
}

.p-31px {
  padding: 31px !important;
}

.pt-31px,
.py-31px {
  padding-top: 31px !important;
}

.pr-31px,
.px-31px {
  padding-right: 31px !important;
}

.pb-31px,
.py-31px {
  padding-bottom: 31px !important;
}

.pl-31px,
.px-31px {
  padding-left: 31px !important;
}

.p-32px {
  padding: 32px !important;
}

.pt-32px,
.py-32px {
  padding-top: 32px !important;
}

.pr-32px,
.px-32px {
  padding-right: 32px !important;
}

.pb-32px,
.py-32px {
  padding-bottom: 32px !important;
}

.pl-32px,
.px-32px {
  padding-left: 32px !important;
}

.p-33px {
  padding: 33px !important;
}

.pt-33px,
.py-33px {
  padding-top: 33px !important;
}

.pr-33px,
.px-33px {
  padding-right: 33px !important;
}

.pb-33px,
.py-33px {
  padding-bottom: 33px !important;
}

.pl-33px,
.px-33px {
  padding-left: 33px !important;
}

.p-34px {
  padding: 34px !important;
}

.pt-34px,
.py-34px {
  padding-top: 34px !important;
}

.pr-34px,
.px-34px {
  padding-right: 34px !important;
}

.pb-34px,
.py-34px {
  padding-bottom: 34px !important;
}

.pl-34px,
.px-34px {
  padding-left: 34px !important;
}

.p-35px {
  padding: 35px !important;
}

.pt-35px,
.py-35px {
  padding-top: 35px !important;
}

.pr-35px,
.px-35px {
  padding-right: 35px !important;
}

.pb-35px,
.py-35px {
  padding-bottom: 35px !important;
}

.pl-35px,
.px-35px {
  padding-left: 35px !important;
}

.p-36px {
  padding: 36px !important;
}

.pt-36px,
.py-36px {
  padding-top: 36px !important;
}

.pr-36px,
.px-36px {
  padding-right: 36px !important;
}

.pb-36px,
.py-36px {
  padding-bottom: 36px !important;
}

.pl-36px,
.px-36px {
  padding-left: 36px !important;
}

.p-37px {
  padding: 37px !important;
}

.pt-37px,
.py-37px {
  padding-top: 37px !important;
}

.pr-37px,
.px-37px {
  padding-right: 37px !important;
}

.pb-37px,
.py-37px {
  padding-bottom: 37px !important;
}

.pl-37px,
.px-37px {
  padding-left: 37px !important;
}

.p-38px {
  padding: 38px !important;
}

.pt-38px,
.py-38px {
  padding-top: 38px !important;
}

.pr-38px,
.px-38px {
  padding-right: 38px !important;
}

.pb-38px,
.py-38px {
  padding-bottom: 38px !important;
}

.pl-38px,
.px-38px {
  padding-left: 38px !important;
}

.p-39px {
  padding: 39px !important;
}

.pt-39px,
.py-39px {
  padding-top: 39px !important;
}

.pr-39px,
.px-39px {
  padding-right: 39px !important;
}

.pb-39px,
.py-39px {
  padding-bottom: 39px !important;
}

.pl-39px,
.px-39px {
  padding-left: 39px !important;
}

.p-40px {
  padding: 40px !important;
}

.pt-40px,
.py-40px {
  padding-top: 40px !important;
}

.pr-40px,
.px-40px {
  padding-right: 40px !important;
}

.pb-40px,
.py-40px {
  padding-bottom: 40px !important;
}

.pl-40px,
.px-40px {
  padding-left: 40px !important;
}

.p-41px {
  padding: 41px !important;
}

.pt-41px,
.py-41px {
  padding-top: 41px !important;
}

.pr-41px,
.px-41px {
  padding-right: 41px !important;
}

.pb-41px,
.py-41px {
  padding-bottom: 41px !important;
}

.pl-41px,
.px-41px {
  padding-left: 41px !important;
}

.p-42px {
  padding: 42px !important;
}

.pt-42px,
.py-42px {
  padding-top: 42px !important;
}

.pr-42px,
.px-42px {
  padding-right: 42px !important;
}

.pb-42px,
.py-42px {
  padding-bottom: 42px !important;
}

.pl-42px,
.px-42px {
  padding-left: 42px !important;
}

.p-43px {
  padding: 43px !important;
}

.pt-43px,
.py-43px {
  padding-top: 43px !important;
}

.pr-43px,
.px-43px {
  padding-right: 43px !important;
}

.pb-43px,
.py-43px {
  padding-bottom: 43px !important;
}

.pl-43px,
.px-43px {
  padding-left: 43px !important;
}

.p-44px {
  padding: 44px !important;
}

.pt-44px,
.py-44px {
  padding-top: 44px !important;
}

.pr-44px,
.px-44px {
  padding-right: 44px !important;
}

.pb-44px,
.py-44px {
  padding-bottom: 44px !important;
}

.pl-44px,
.px-44px {
  padding-left: 44px !important;
}

.p-45px {
  padding: 45px !important;
}

.pt-45px,
.py-45px {
  padding-top: 45px !important;
}

.pr-45px,
.px-45px {
  padding-right: 45px !important;
}

.pb-45px,
.py-45px {
  padding-bottom: 45px !important;
}

.pl-45px,
.px-45px {
  padding-left: 45px !important;
}

.p-46px {
  padding: 46px !important;
}

.pt-46px,
.py-46px {
  padding-top: 46px !important;
}

.pr-46px,
.px-46px {
  padding-right: 46px !important;
}

.pb-46px,
.py-46px {
  padding-bottom: 46px !important;
}

.pl-46px,
.px-46px {
  padding-left: 46px !important;
}

.p-47px {
  padding: 47px !important;
}

.pt-47px,
.py-47px {
  padding-top: 47px !important;
}

.pr-47px,
.px-47px {
  padding-right: 47px !important;
}

.pb-47px,
.py-47px {
  padding-bottom: 47px !important;
}

.pl-47px,
.px-47px {
  padding-left: 47px !important;
}

.p-48px {
  padding: 48px !important;
}

.pt-48px,
.py-48px {
  padding-top: 48px !important;
}

.pr-48px,
.px-48px {
  padding-right: 48px !important;
}

.pb-48px,
.py-48px {
  padding-bottom: 48px !important;
}

.pl-48px,
.px-48px {
  padding-left: 48px !important;
}

.p-50px {
  padding: 50px !important;
}

.pt-50px,
.py-50px {
  padding-top: 50px !important;
}

.pr-50px,
.px-50px {
  padding-right: 50px !important;
}

.pb-50px,
.py-50px {
  padding-bottom: 50px !important;
}

.pl-50px,
.px-50px {
  padding-left: 50px !important;
}

.p-53px {
  padding: 53px !important;
}

.pt-53px,
.py-53px {
  padding-top: 53px !important;
}

.pr-53px,
.px-53px {
  padding-right: 53px !important;
}

.pb-53px,
.py-53px {
  padding-bottom: 53px !important;
}

.pl-53px,
.px-53px {
  padding-left: 53px !important;
}

.p-60px {
  padding: 60px !important;
}

.pt-60px,
.py-60px {
  padding-top: 60px !important;
}

.pr-60px,
.px-60px {
  padding-right: 60px !important;
}

.pb-60px,
.py-60px {
  padding-bottom: 60px !important;
}

.pl-60px,
.px-60px {
  padding-left: 60px !important;
}

.p-64px {
  padding: 64px !important;
}

.pt-64px,
.py-64px {
  padding-top: 64px !important;
}

.pr-64px,
.px-64px {
  padding-right: 64px !important;
}

.pb-64px,
.py-64px {
  padding-bottom: 64px !important;
}

.pl-64px,
.px-64px {
  padding-left: 64px !important;
}

.p-72px {
  padding: 72px !important;
}

.pt-72px,
.py-72px {
  padding-top: 72px !important;
}

.pr-72px,
.px-72px {
  padding-right: 72px !important;
}

.pb-72px,
.py-72px {
  padding-bottom: 72px !important;
}

.pl-72px,
.px-72px {
  padding-left: 72px !important;
}

.mgn_top {
  margin-top: 7rem;
}

@media (min-width: 320px) and (max-width: 425px) {
  .mgn_top {
    margin-top: 2rem;
  }
}

.text_color {
  color: #bcc7cb;
}

button:focus {
  outline: none !important;
}

.btn-primary:hover {
  box-shadow: 0 15px 50px 0 rgba(0, 129, 255, 0.5);
  outline: none;
  background-color: #0081ff;
  border-color: #0081ff;
}

.btn-primary:focus, .btn-primary:active {
  box-shadow: 0 -5px 50px 0 rgba(0, 129, 255, 0.5);
  outline: none;
  background-color: #0081ff;
  border-color: #0081ff;
}

.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #0081ff;
  border-color: #0081ff;
  box-shadow: none !important;
}

.btn-success:hover {
  box-shadow: 0 15px 50px 0 rgba(57, 181, 74, 0.55);
  outline: none;
  background-color: #39b54a;
  border-color: #39b54a;
}

.btn-success:focus, .btn-primary:active {
  box-shadow: 0 -5px 50px 0 rgba(57, 181, 74, 0.55);
  outline: none;
  background-color: #39b54a;
  border-color: #39b54a;
}

.btn-success:not(:disabled):not(.disabled):active {
  background-color: #39b54a;
  border-color: #39b54a;
  box-shadow: none !important;
}

.read_morebtn {
  color: #fff;
  background-color: #2b2b2b;
  border: none;
}

.read_morebtn:focus {
  outline: none;
}

.read_morebtn:hover {
  box-shadow: 0px 9px 77px -17px #e1e1e1;
}

.more_btn {
  background-color: #fefb30;
  color: #252525 !important;
}

.more_btn:hover {
  box-shadow: 1px 3px 20px 7px rgba(254, 251, 48, 0.219608);
  cursor: pointer;
}

.more_btn:active {
  box-shadow: 2px -9px 20px 7px rgba(254, 251, 48, 0.219608);
}

.btn-white:hover {
  background-color: #8799a3;
  color: var(--white) !important;
}

@media (min-width: 320px) and (max-width: 1199px) {
  .btn-extra-large {
    padding: 23px 50px;
  }
}

.dropcaps {
  color: var(--primary);
  float: left;
  font-size: 4rem;
  line-height: 1;
  margin: 6px 10px -11px 0;
  font-weight: 900;
}

.form-control {
  border: 2px solid #eceef2 !important;
}

.form-control:focus {
  border: 2px solid #eceef2 !important;
  box-shadow: 0 0 0 0 color("white") !important;
}

@media (min-width: 320px) and (max-width: 425px) {
  .form-control {
    transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;
  }
}

.has-error .help-block, .has-error .input-group-addon, .has-error .radio, .has-error .radio-inline {
  color: #f04e4e !important;
}

.has-error input, .has-error input:focus {
  border: 2px solid #f04e4e !important;
}

.has-error textarea {
  border-color: #f04e4e !important;
}

.has-success .check {
  display: block;
  color: #39b54a;
}

.check {
  display: none;
  position: absolute;
  right: 32px;
  top: 23px;
}

/*
1. Header Css
header related custom classes will come here
 */
.home-header .bg-light {
  background-color: rgba(50, 49, 44, 0) !important;
  padding-right: 0;
  z-index: 1111111111111;
}

.home-header .nav_icons {
  color: #cdced4;
  position: relative;
  right: 7% !important;
  top: -8px !important;
}

.home-header .navbar-nav > li > a {
  text-decoration: none;
  font-size: 18px;
  color: var(--white) !important;
  font-family: 'Work Sans', sans-serif;
}

.home-header .navbar-nav > li {
  padding: 6px 21px 21px 12px;
  color: var(--white);
}

.home-header .navbar-nav > li:hover {
  color: #8799a3 !important;
  cursor: pointer;
}

.home-header .navbar-nav > li > a:hover {
  color: #8799a3 !important;
}

.home-header .navbar-nav > li > a:active {
  color: #8799a3 !important;
  cursor: pointer;
}

.home-header .nav_right_icon {
  color: #cdced4;
  position: relative;
  top: -8px;
  font-size: 19px;
}

.home-header .badge_icon {
  color: var(--white);
  background-color: #868e96;
  position: relative;
  left: 40%;
  top: 2px;
  font-size: 8px;
}

.home-header .buy_button {
  color: #ffff00 !important;
  background-color: transparent;
  border-radius: 27px;
  border: 2px solid #ffff00;
  padding: 7px 18px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  outline: none;
}

.home-header .buy_button:hover {
  box-shadow: 2px 12px 62px 0px rgba(255, 255, 0, 0.15);
  outline: none;
}

.home-header .text_bold {
  font-size: 50px;
  font-weight: 900;
}

.home-header .nav-item {
  position: relative;
  margin-top: 21px;
}

.home-header .nav-item a:hover:before {
  left: 12px;
  right: 21px;
}

.home-header .nav-item.active a:before {
  left: 12px;
  right: 21px;
}

.home-header .nav-item.active a {
  color: #8799a3 !important;
}

.home-header .navbar-light .navbar-toggler-icon {
  background-color: #959597;
}

.home-header .navbar-light .navbar-toggler {
  border: 1px solid color("white");
}

.home-header .fa-bars {
  color: var(--white);
  font-size: 28px;
}

@media (max-width: 425px) {
  .home-header .nav_right_icon {
    right: 0%;
    left: 5%;
  }
  .home-header .nav_icons {
    right: 0%;
    left: 0%;
  }
}

@media (max-width: 768px) {
  .home-header .nav_icons {
    right: 1% !important;
  }
  .home-header .badge_icon {
    left: 4% !important;
  }
}

@media (max-width: 425px) and (min-width: 320px) {
  .home-header .canavs_search_icons {
    margin-top: 21px;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .home-header .nav_right_icon {
    right: 0%;
    left: 2%;
    top: 5px;
    padding-bottom: 10px;
  }
}

.home-header .home_heading-section {
  line-height: 1 !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .home-header .navbar-nav > li > a {
    font-size: 14px;
  }
  .home-header .navbar-nav > li {
    padding: 6px 12px 21px 12px;
  }
}

.img-item {
  position: relative;
  overflow: hidden;
}

.img-item img {
  transition: all 1s;
  vertical-align: top !important;
}

.img-item:hover img {
  transform: scale(1.1);
}

@media (min-width: 320px) and (max-width: 767px) {
  .icongroup {
    padding: 47px  0;
  }
}

@media (min-width: 993px) and (max-width: 1199px) {
  .pagination .img-fluid {
    height: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .pagination .img-fluid {
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .text-white-bold {
    font-size: 18px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .image {
    padding: 1rem 0;
  }
}

.right-blog {
  background-color: #8799a3;
}

.right-menu-margin {
  right: 0 !important;
}

.setting-icon {
  position: relative;
  right: 34px;
  z-index: 111111;
  top: 220px;
  background-color: #252525;
  color: #fff;
  padding: 10px;
  height: 40px;
  cursor: pointer;
}

.right-position {
  position: fixed;
  z-index: 9995;
  right: -279px;
  top: -40px;
  bottom: 0;
  width: 293px;
  background: #8799a3;
  padding: 0 10px 0 0;
  transition: all 0.4s ease;
}

.moduleimg a img:hover {
  opacity: 1 !important;
}

/*
1. Header Css
header related custom classes will come here
 */
.typography_header .bg-light {
  background-color: rgba(50, 49, 44, 0) !important;
  padding-right: 0;
}

.typography_header .nav_icons {
  color: #cdced4;
  position: relative;
  right: 7% !important;
  top: -8px !important;
}

.typography_header .navbar-nav > li > a {
  text-decoration: none;
  font-size: 18px;
  color: var(--white) !important;
  font-family: 'Work Sans', sans-serif;
}

.typography_header .navbar-nav > li {
  padding: 6px 23px 23px 12px;
  color: var(--white);
}

.typography_header .navbar-nav > li:hover {
  color: #8799a3 !important;
  cursor: pointer;
}

.typography_header .navbar-nav > li > a:hover {
  color: #8799a3 !important;
}

.typography_header .navbar-nav > li > a:active {
  color: #8799a3 !important;
  cursor: pointer;
}

.typography_header .active {
  color: #8799a3 !important;
  cursor: pointer;
}

.typography_header .nav_right_icon {
  color: #cdced4;
  position: relative;
  top: -8px;
  font-size: 19px;
}

.typography_header .badge_icon {
  color: var(--white);
  background-color: #868e96;
  position: relative;
  left: 40%;
  top: 2px;
  font-size: 8px;
}

.typography_header .buy_button {
  color: #ffff00 !important;
  background-color: transparent;
  border-radius: 27px;
  border: 2px solid #ffff00;
  padding: 7px 18px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  outline: none;
}

.typography_header .buy_button:hover {
  box-shadow: 2px 12px 62px 0px rgba(255, 255, 0, 0.15);
  outline: none;
}

.typography_header .text_bold {
  font-size: 50px;
  font-weight: 900;
}

.typography_header .nav-item {
  position: relative;
  margin-top: 0;
}

.typography_header .nav-item a:hover:before {
  left: 12px;
  right: 21px;
}

.typography_header .nav-item.active a:before {
  left: 12px;
  right: 21px;
}

.typography_header .nav-item.active a {
  color: #8799a3 !important;
}

.typography_header .navbar-light .navbar-toggler-icon {
  background-color: #959597;
}

.typography_header .navbar-light .navbar-toggler {
  border: 1px solid color("white");
}

.typography_header .fa-bars {
  color: var(--white);
  font-size: 28px;
}

@media (max-width: 425px) {
  .typography_header .nav_right_icon {
    right: 0%;
    left: 5%;
  }
  .typography_header .nav_icons {
    right: 0%;
    left: 0%;
  }
}

@media (max-width: 768px) {
  .typography_header .nav_icons {
    right: 1% !important;
  }
  .typography_header .badge_icon {
    left: 4% !important;
  }
}

@media (max-width: 575px) and (min-width: 320px) {
  .typography_header .canavs_search_icons {
    margin-top: 21px;
    margin-bottom: 20px;
  }
  .typography_header .navbar-light .navbar-nav > li {
    padding: 0 23px 0 12px;
  }
}

@media (max-width: 768px) {
  .typography_header .nav_right_icon {
    right: 0%;
    left: 2%;
    top: 5px;
    padding-bottom: 10px;
  }
  .typography_header .navbar-light .navbar-nav > li {
    padding: 6px 23px 23px 12px;
  }
}

.typography_header .navbar-brand {
  margin-top: 0;
}

.user-name {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  color: theme-color("dark");
}

.user-name:hover {
  color: #8799a3;
  cursor: pointer;
}

.shadow_reply {
  box-shadow: -3px 9px 20px 2px #dae0e3;
}

.shadow_reply:hover {
  box-shadow: 2px -1px 36px 2px #a4b1b7;
}

@media (min-width: 320px) and (max-width: 425px) {
  .second-media {
    display: flow-root !important;
  }
}

/*
1. Header Css
header related custom classes will come here
 */
.nav_icons {
  color: #cdced4;
  position: relative;
  right: 7% !important;
  top: -8px !important;
}

.navbar-nav > li > a {
  text-decoration: none;
  font-size: 18px;
  color: var(--white) !important;
  font-family: 'Work Sans', sans-serif;
}

.navbar-nav > li {
  padding: 6px 23px 23px 12px;
  color: var(--white);
}

.navbar-nav > li:hover {
  color: #8799a3 !important;
  cursor: pointer;
}

.navbar-nav > li > a:hover {
  color: #8799a3 !important;
}

.navbar-nav > li > a:active {
  color: #8799a3 !important;
  cursor: pointer;
}

.active {
  color: #8799a3 !important;
  cursor: pointer;
}

.nav_right_icon {
  color: #cdced4;
  position: relative;
  top: -8px;
  font-size: 19px;
}

.badge_icon {
  color: var(--white);
  background-color: #868e96;
  position: relative;
  left: 40%;
  top: 2px;
  font-size: 8px;
}

.buy_button {
  color: #ffff00 !important;
  background-color: transparent;
  border-radius: 27px;
  border: 2px solid #ffff00;
  padding: 7px 18px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  outline: none;
}

.buy_button:hover {
  box-shadow: 2px 12px 62px 0px rgba(255, 255, 0, 0.15);
  outline: none;
}

.text_bold {
  font-size: 50px;
  font-weight: 900;
}

.nav-item {
  position: relative;
  margin-top: 21px;
}

.nav-item a:hover:before {
  left: 12px;
  right: 21px;
}

.nav-item.active a:before {
  left: 12px;
  right: 21px;
}

.nav-item.active a {
  color: #8799a3 !important;
}

.navbar-light .navbar-toggler-icon {
  background-color: #959597;
}

.navbar-light .navbar-toggler {
  border: 1px solid color("white");
}

.fa-bars {
  color: var(--white);
  font-size: 28px;
}

@media (max-width: 425px) {
  .nav_right_icon {
    right: 0%;
    left: 5%;
  }
  .nav_icons {
    right: 0%;
    left: 0%;
  }
}

@media (max-width: 768px) {
  .nav_icons {
    right: 1% !important;
  }
  .badge_icon {
    left: 4% !important;
  }
}

@media (max-width: 575px) and (min-width: 320px) {
  .canavs_search_icons {
    margin-top: 21px;
    margin-bottom: 20px;
  }
  .navbar-light .navbar-nav > li {
    padding: 0 23px 0 12px;
  }
}

@media (max-width: 768px) {
  .nav_right_icon {
    right: 0%;
    left: 2%;
    top: 5px;
    padding-bottom: 10px;
  }
  .navbar-light .navbar-nav > li {
    padding: 6px 23px 0 12px;
  }
}

/*
2. Footer Css
footer related custom classes will come here
 */
.footer_bg_color {
  background-color: #222222;
  padding: 38px;
  margin-top: -1px;
}

.nav_icons {
  right: 10%;
}

.foot_nav_icons > i {
  padding: 10px 10px;
  color: rgba(255, 255, 255, 0.45);
  margin-top: -10px;
  cursor: pointer;
  position: relative;
  left: 17px;
}

.foot_nav_icons > i:hover {
  color: #8799a3;
}

.footer_text {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 14px;
  margin-right: -12px;
  cursor: pointer;
}

.footer_text:hover .back_top, .footer_text:hover .fa-angle-up {
  color: var(--light);
}

.footer_text1 {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 16px;
  margin-right: -8px;
  cursor: pointer;
}

.blue_color {
  color: #8799a3;
  cursor: pointer;
}

.foot_brand {
  position: relative;
  bottom: 13px;
}

.lor_clr {
  color: #636363;
}

.ic_up {
  font-size: 22px;
  color: #464646;
  font-weight: 700;
}

.back_top {
  font-size: 16px;
  color: #464646;
  font-weight: 700;
  cursor: pointer;
}

.padd_less {
  padding-left: 3px !important;
  font-size: 16px;
  color: #464646;
  font-family: 'Cambay', sans-serif;
}

.footer_padding {
  padding: 38px;
}

@media (max-width: 768px) and (min-width: 767px) {
  .foot_nav_icons {
    margin-left: -14px;
  }
}

@media (max-width: 425px) and (min-width: 320px) {
  .foot_nav_icons {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -12px;
  }
}

.footer_bg_color nav .navbar-nav li > a {
  font-size: 16px !important;
}

@media (max-width: 768px) and (min-width: 320px) {
  .footer_bg_color .navbar-light .navbar-toggler {
    position: relative;
    top: -8px;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .footer_bg_color {
    padding: 15px 0;
  }
}

#nav_link_post {
  background-image: url("../images/photos/link.png");
  background-repeat: round;
  min-height: 500px;
  background-size: cover;
  transition: all 5s;
}

#nav_link_post:hover {
  transform: scale(1.1);
}

#nav_video_post {
  background-image: url("../images/photos/video.png");
  background-repeat: round;
  min-height: 500px;
  background-size: cover;
  transition: all 5s;
}

#nav_video_post:hover {
  transform: scale(1.1);
}

#nav_quote_post {
  background-image: url("../images/photos/quote.png");
  background-repeat: round;
  min-height: 500px;
  background-size: cover;
  transition: all 5s;
}

#nav_quote_post:hover {
  transform: scale(1.1);
}

#nav_Audio_post {
  background-image: url("../images/photos/audio.png");
  background-repeat: round;
  min-height: 500px;
  background-size: cover;
  transition: all 5s;
}

#nav_Audio_post:hover {
  transform: scale(1.1);
}

.video_post .video_boxshadow.video_boxshadow iframe {
  width: 100%;
  height: 400px;
  box-shadow: 0 15px 75px 25px #cecece;
}

.video_post .website-color {
  color: #bbc7cd;
  font-weight: 700;
}

.video_post .link_text {
  font-weight: 900;
}

.video_post .box-shadow {
  box-shadow: 1px 1px 145px 20px rgba(135, 153, 163, 0.45);
}

.video_post .top_box {
  top: 7px;
}

.video_post .dummytext-style {
  background-color: #0081ff;
  padding: 111px 45px;
  color: var(--white);
  box-shadow: 0 15px 75px 25px #CEE6FE;
  font-weight: 700;
  text-align: center;
}

.video_post .text-yellow {
  color: #ffff00;
}

.video_post .plyr video {
  width: 100%;
  height: 100%;
  background: transparent url("../images/photos/photo_4.png") no-repeat 0 0;
  background-size: cover;
}

.video_post .plyr {
  box-shadow: 2px 1px 145px 30px #d0d0d0;
}

#nav_post_gallery {
  background-image: url("../images/photos/post_gallery.png");
  background-repeat: round;
  min-height: 550px;
  transition: all 5s;
}

#nav_post_gallery:hover {
  transform: scale(1.1);
}

.post_gallery .top_box {
  top: 7px;
}

.post_gallery .text_position {
  position: relative;
  top: -51px;
  color: var(--white);
  font-style: italic;
  font-size: 14px;
  z-index: 99999;
}

.post_gallery .boxshadow {
  box-shadow: -1px 3px 102px 0px rgba(218, 224, 227, 0.36);
}

.post_gallery .top {
  margin-top: 80px !important;
}

.post_gallery .shadow {
  box-shadow: -1px 4px 20px 2px #dae0e3;
}

#nav_standard_post {
  background: url("../images/photos/standard.png");
  background-repeat: round;
  min-height: 500px;
  background-size: cover;
  transition: all 5s;
}

#nav_standard_post:hover {
  transform: scale(1.1);
}

.standard_post .text-primary-900 {
  color: var(--primary);
  font-weight: 900;
}

.standard_post .text-coustard-dark-fs24 {
  font-family: 'Coustard', serif;
  color: var(--dark);
  font-size: 24px;
}

.standard_post .quatation {
  position: relative;
  left: 0;
  top: 42px;
  z-index: -1;
}

@media (min-width: 320px) and (max-width: 425px) {
  .standard_post .standard_colpadding1 {
    padding-right: 15px !important;
  }
}

.standard_post .image-relative-white-center {
  color: var(--white);
  text-align: center;
  position: relative;
  bottom: 55px;
}

.standard_post .image-relative-bottom {
  position: relative;
  bottom: 55px;
  font-size: 14px;
  color: var(--white);
}

.standard_post .image-caption {
  font-size: 14px;
  position: relative;
  bottom: 55px;
  color: #959595;
  border-radius: 30px;
  background-color: rgba(37, 37, 37, 0.52);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .standard_post .standard_colpadding {
    padding-left: 32px !important;
  }
  .standard_post .standard_colpadding1 {
    padding-left: 0;
    padding-right: 18px !important;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .standard_post .image-relative-bottom {
    position: absolute;
    bottom: 0;
    left: 100px;
  }
}

@media (min-width: 320px) and (max-width: 768px) {
  .standard_post .second-para-margin {
    margin-top: 60px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .standard_post .std-container-fluid {
    max-width: 540px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .standard_post .full-width .row {
    margin-right: -4px;
    margin-left: -4px;
  }
  .standard_post .std-container-fluid {
    max-width: 768px !important;
  }
  .standard_post .full-width {
    padding-left: 15px;
    padding-right: 15px;
  }
  .standard_post .full-res-width {
    padding-right: 0;
    padding-left: 0;
  }
  .standard_post .standard_colpadding1 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .standard_post .standard_colpadding {
    padding-left: 41px !important;
    padding-right: 38px !important;
  }
}

@media (min-width: 426px) and (max-width: 767px) {
  .standard_post body > section.standard_post > div:nth-child(4) > div > div > div > div.col-12.col-sm-12.col-md-12.col-lg-6.full-width.imagetext > div {
    text-align: center;
    margin: auto;
    position: relative;
    box-sizing: border-box !important;
  }
  .standard_post .standard_colpadding {
    padding-left: 15px !important;
  }
  .standard_post .standard_colpadding1 {
    padding-right: 15px !important;
  }
}

@media (max-width: 425px) {
  .standard_post .image-relative-white-center {
    right: 2px;
    padding: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .default_navbar .single_angle-downicon-res {
    margin-top: 1.5rem;
  }
}

#nav_blog {
  background-image: url("../images/photos/link.png");
  background-repeat: round;
  min-height: 500px;
  background-size: cover;
  transition: all 5s;
}

#nav_blog:hover {
  transform: scale(1.1);
}

.blog .bgcolor {
  padding: 30px 9px 28px 9px;
  box-shadow: 3px 2px 145px 10px rgba(0, 129, 255, 0.219608);
}

.blog .text_font {
  color: var(--white);
  font-weight: 900;
  padding-top: 65px;
}

.blog .quote_font {
  font-weight: 900;
}

.blog .link_font {
  font-weight: 900;
}

.blog .website {
  color: #bbc7cd;
}

.blog .link_text {
  font-weight: 900;
}

.blog .link_black {
  font-weight: 900;
}

.blog .carousel-indicators li {
  position: relative;
  flex: 0 1 auto;
  width: 18px;
  height: 6px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  top: -57px;
  left: -162px;
  border-radius: 10px;
  background-color: #515151;
}

.blog .overlay {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  background-color: var(--white);
  overflow: hidden;
  height: 0%;
  transition: .5s ease;
  box-shadow: 1px -1px 145px 20px rgba(204, 204, 204, 0.878431);
}

.blog .baground_white {
  box-shadow: 1px 1px 145px 10px rgba(107, 107, 107, 0.141176);
}

.blog .baground_white1 {
  box-shadow: 1px 1px 145px 10px rgba(107, 107, 107, 0.141176);
}

.blog .over .overlay {
  height: 100%;
  background: linear-gradient(to left, rgba(51, 51, 255, 0.65098) 0%, rgba(255, 0, 255, 0.54902) 100%);
  border-radius: 10px;
}

.blog .text {
  font-weight: 900;
}

@media (min-width: 768px) and (max-width: 991px) {
  .blog .text {
    padding-top: 60px;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .blog .text {
    padding-top: 36px;
  }
}

.blog .absolute-top-px72 {
  position: absolute;
  top: 134px;
  padding: 0 72px;
}

.blog .text-yellow {
  color: var(--yellow);
}

.blog .btn-ruby {
  background-color: #e91d62;
  color: var(--white);
}

.blog .date_format1 {
  font-weight: 900;
}

.blog .slider_image {
  position: relative;
  width: 100%;
}

.blog .carousel-indicators .active {
  background-color: #8799a3 !important;
}

.blog .img_size {
  height: 268px;
  border-radius: 10px;
}

.blog .linkbg_color {
  box-shadow: 1px 1px 145px 20px rgba(135, 153, 163, 0.45);
}

.blog .name {
  color: #ffff00;
}

.blog .bg_video {
  background-image: url("../images/photos/blog_video.png");
  background-size: cover;
  text-align: center;
  height: 291px;
  box-shadow: 1px -1px 145px 20px rgba(204, 204, 204, 0.878431);
}

.blog .bg_img {
  background-image: url("../images/photos/standard_blog.png");
  background-size: cover;
  height: 291px;
  padding-left: 32px;
  background-position: center;
  box-shadow: 1px -1px 145px 20px rgba(204, 204, 204, 0.878431);
}

.blog .bg_audio {
  background-image: url("../images/photos/blog_audio.png");
  background-size: cover;
  text-align: center;
  height: 310px;
  box-shadow: 1px -1px 145px 20px rgba(204, 204, 204, 0.878431);
}

.blog .read_button {
  position: relative;
  top: 18px;
}

.blog .content_image {
  height: 308px;
}

.blog .overlay_text {
  font-size: 20px;
  color: var(--white);
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.blog .readmore_btn {
  background-color: #e91d62;
  color: var(--white);
}

.blog .readmore_btn:hover {
  background-color: #e91d62;
  color: var(--white);
  box-shadow: 1px 3px 20px 7px rgba(233, 29, 98, 0.439216);
}

.blog .readmore_btn:active, .blog .readmore_btn:focus {
  background-color: #e91d62;
  color: var(--white);
  box-shadow: 2px -9px 20px 7px rgba(233, 29, 98, 0.439216);
}

.blog .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.blog .hover_text:hover .image {
  opacity: 0.3;
}

.blog .hover_text:hover .middle {
  opacity: 1;
}

@media (min-width: 768px) and (max-width: 992px) {
  .blog .img_size {
    height: 316px !important;
  }
}

@media (max-width: 768px) {
  .blog .background_white1 {
    padding: 37px 30px 62px 30px;
    height: 560px;
  }
  .blog .content_image {
    width: 100%;
  }
  .blog .bgcolor {
    padding: 30px;
  }
  .blog .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 18px;
    height: 6px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    top: -83px;
    left: -228px;
    border-radius: 10px;
    background-color: #515151;
  }
  .blog #carouselExampleIndicators > div > div.carousel-item.active > div > h4 {
    cursor: text !important;
  }
  .blog .bg_audio {
    height: 310px !important;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .blog .baground_white {
    padding: 18px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .blog .baground_white {
    padding: 32px 18px;
  }
}

@media (max-width: 1024px) {
  .blog .bg_img {
    background-image: url(../images/photos/standard_blog.png);
    background-size: cover;
    text-align: center;
    height: 329px;
  }
  .blog .bg_video {
    background-image: url(../images/photos/blog_video.png);
    background-size: cover;
    text-align: center;
    height: 329px;
  }
  .blog .text_font {
    color: var(--white);
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    padding-top: 92px;
  }
  .blog .img_slider {
    height: 571px;
  }
  .blog .baground_white1 {
    padding: 34px 30px 34px 30px;
  }
  .blog .bg_audio {
    background-image: url(../images/photos/blog_audio.png);
    background-size: cover;
    text-align: center;
    height: 345px;
  }
  .blog .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 18px;
    height: 6px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    top: -83px;
    left: -108px;
    border-radius: 10px;
    background-color: #515151;
  }
  .blog .text {
    font-size: 18px;
  }
}

@media (min-width: 320px) and (max-width: 425px) {
  .blog .bg_audio {
    margin-top: 29px;
  }
  .blog .absolute-top {
    top: 126px;
    padding: 0 20px;
  }
  .blog .bottom-first {
    padding-bottom: 0;
  }
  .blog .top_adjust {
    margin-top: 29px;
  }
  .blog .top_margin {
    margin-top: 17px;
  }
  .blog .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 18px;
    height: 6px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    top: -33px;
    left: -72px;
    border-radius: 10px;
    background-color: #515151;
  }
  .blog .date_format1 {
    font-size: 15px;
  }
  .blog .bgcolor {
    padding: 25px;
  }
}

/*project_gallery css code*/
#nav_project_gallery {
  background: url("../images/photos/gallery_img.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  background-position: center center;
  transition: all 5s;
}

#nav_project_gallery:hover {
  transform: scale(1.1);
}

.project_gallery [class^=imghvr-] figcaption {
  position: absolute;
  opacity: 0;
  padding: 0;
  top: 47%;
  left: 42%;
}

.project_gallery [class^=imghvr-] {
  background-color: #131415;
}

.project_gallery [class^=imghvr-]:hover figcaption {
  opacity: 1;
}

.project_gallery [class^=imghvr-] figcaption {
  background: none;
}

.project_gallery [class^=imghvr-fade] > img {
  max-width: 100%;
}

.project_gallery [class^=imghvr-fade]:hover > img {
  opacity: 0.3;
}

@media (min-width: 320px) and (max-width: 575px) {
  .project_gallery .grid .grid-item {
    width: 100% !important;
  }
  .project_gallery .grid-sizer {
    width: 100% !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .project_gallery .grid-sizer {
    width: 50%;
  }
  .project_gallery .grid .grid-item {
    width: 50%;
    margin: 0;
    padding: 0;
  }
}

.project_gallery .grid .grid-item {
  width: 25%;
}

.project_gallery .grid-sizer {
  width: 25%;
}

.grid figure {
  padding: 0 !important;
}

@font-face {
  font-family: 'fontawesome';
  src: url("../fonts/fontawesome/fontawesome.eot?-e43dk9");
  src: url("../fonts/fontawesome/fontawesome.eot?#iefix-e43dk9") format("embedded-opentype"), url("../fonts/fontawesome/fontawesome.woff?-e43dk9") format("woff"), url("../fonts/fontawesome/fontawesome.ttf?-e43dk9") format("truetype"), url("../fonts/fontawesome/fontawesome.svg?-e43dk9#fontawesome") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Made with http://icomoon.io/app */
/* General style */
.grid-gallery ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.grid-gallery figcaption h3 {
  margin: 0;
  padding: 0 0 0.5em;
}

.grid-gallery figcaption p {
  margin: 0;
}

/* Grid style */
.grid figure {
  padding: 15px;
  transition: opacity 0.2s;
}

.grid li:hover figure {
  opacity: 0.7;
}

.grid figcaption {
  background: #e4e4e4;
  padding: 25px;
}

/* Slideshow style */
.slideshow {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 500;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  perspective: 1000px;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.slideshow-open .slideshow {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}

.slideshow ul {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 150px);
  transition: transform 0.5s;
}

.slideshow ul.animatable li {
  transition: transform 0.5s;
}

.slideshow-open .slideshow ul {
  transform: translate3d(0, 0, 0);
}

.slideshow li {
  width: 1000px;
  height: 398px;
  position: absolute;
  top: 60%;
  left: 50%;
  margin: -280px 0 0 -500px;
  visibility: hidden;
}

.slideshow li.show {
  visibility: visible;
}

.slideshow li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: opacity 0.3s;
}

.slideshow li.current:after {
  visibility: hidden;
  opacity: 0.1;
  transition: opacity 0.3s, visibility 0s 0.3s;
}

span.nav-close:before {
  content: "\00d" !important;
}

span.nav-prev:before {
  content: "\f053" !important;
}

span.nav-next:before {
  content: "\f054" !important;
}

.slideshow figure {
  width: 100%;
  height: 100%;
  background: transparent;
  overflow: hidden;
}

.slideshow figcaption {
  padding-bottom: 20px;
}

.slideshow figcaption h3 {
  font-weight: 300;
  font-size: 200%;
}

/* Navigation */
.slideshow nav span {
  position: fixed;
  z-index: 1000;
  color: #59656c;
  text-align: center;
  padding: 3%;
  cursor: pointer;
  font-size: 2.2em;
}

.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {
  top: 50%;
  transform: translateY(-50%);
}

.slideshow nav span.nav-next {
  right: 0;
}

.slideshow nav span.nav-close {
  top: -45px;
  right: 45%;
  padding: 0.5em 1em;
  color: #31373a;
}

.icon:before,
.icon:after {
  font-family: 'fontawesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

span.nav-prev:before {
  content: "\e601";
}

span.nav-next:before {
  content: "\e600";
}

span.nav-close:before {
  content: "\e602";
}

/* Info on arrow key navigation */
.info-keys {
  position: fixed;
  top: 10px;
  left: 10px;
  width: 60px;
  font-size: 8px;
  padding-top: 20px;
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 1px;
  text-align: center;
}

.info-keys:before,
.info-keys:after {
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid color("white");
  text-align: center;
  line-height: 14px;
  font-size: 12px;
}

.info-keys:before {
  left: 10px;
  content: "\e603";
}

.info-keys:after {
  right: 10px;
  content: "\e604";
}

/* Example media queries (reduce number of columns and change slideshow layout) */
@media (min-width: 768px) and (max-width: 992px) {
  /* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
  .grid li a {
    margin: 0;
    padding: 0;
  }
  .grid-sizer {
    width: 25%;
  }
  .slideshow li {
    width: 76%;
    height: auto;
    top: 0;
    left: 0;
    margin: 80px;
  }
  .slideshow li figure img {
    width: auto;
    margin: 0 20px;
    max-width: 100%;
  }
  .slideshow nav span,
  .slideshow nav span.nav-close {
    font-size: 1.8em;
    padding: 0.3em;
  }
  .info-keys {
    display: none;
  }
}

@media screen and (max-width: 35em) {
  .grid .grid-item {
    width: 100%;
  }
  .slideshow li {
    margin: 71px 28px !important;
  }
  .slideshow li figure img {
    margin: 0 30px;
  }
}

@media screen and (max-width: 20em) {
  .grid .grid-item {
    width: 100% !important;
  }
  .grid-sizer {
    width: 100% !important;
  }
  .slideshow li {
    margin: 173px 23px !important;
  }
}

.dot {
  cursor: pointer;
  height: 5px;
  width: 20px;
  margin: 0 2px;
  background-color: #717171;
  border-radius: 10px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.indicators {
  margin-top: -43px;
}

.active1, .dot:hover {
  background-color: #8799a3;
}

@media (min-width: 992px) and (max-width: 1024px) {
  .slideshow li {
    width: 800px;
    margin: -280px 0 0 -399px;
  }
  .grid-sizer, .grid-item {
    width: 25% !important;
  }
  .grid {
    width: 100% !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .slideshow li {
    left: 0;
    top: 0;
    margin: 71px 0px !important;
  }
}

@media (min-width: 560px) and (max-width: 575px) {
  .slideshow li {
    left: 0 !important;
    top: 0 !important;
    margin: 74px 36px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .slideshow li {
    top: 0;
    left: 0;
  }
  .slideshow li figure img {
    margin: 0 5px;
    width: 83%;
  }
}

.slidetransform {
  transform: translate3d(1180px, 0px, -150px);
  transition: transform 0.5s;
}

@media (min-width: 320px) and (max-width: 575px) {
  .btn-primary {
    margin-left: 10px;
  }
}

@media (min-width: 483px) and (max-width: 575px) {
  .project_gallery .grid-wrap {
    text-align: center;
  }
}

#nav_home_page {
  background-image: url("../images/photos/homepage copy.png");
  background-repeat: round;
  height: auto;
  background-size: cover;
  padding-bottom: 83px;
  transition: all 5s;
}

#nav_home_page:hover {
  transform: scale(1.1);
}

.home_page .bg_color {
  background-color: #0081ff;
  padding: 50px;
}

.home_page .text_font {
  color: #fff;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  padding-top: 58px;
}

.home_page .footer_textarea {
  font-family: 'Cambay', 'sans-serif';
  font-size: 20px;
  color: #636363;
}

.home_page .marketing {
  font-size: 16px;
  color: #636363;
  font-family: 'Cambay', 'sans-serif';
}

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

.home_page .footer_textaddr {
  font-family: 'Cambay', 'sans-serif';
  font-size: 20px;
}

.home_page .footer_links {
  font-family: 'Cambay', 'sans-serif';
  font-size: 20px;
  color: var(--primary);
  cursor: pointer;
}

.home_page .bgcolor2 {
  background-color: #007af2;
  padding: 50px;
}

.home_page .date_formatpost {
  font-size: 16px;
  color: #bbc7cd;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.home_page .font_gallery {
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.home_page .text_alignment {
  position: absolute;
  text-align: left;
  top: 155px;
  padding-left: 72px;
  padding-right: 72px;
}

.home_page .font_there {
  font-size: 36px;
  font-style: italic;
  font-family: 'Leckerli One', cursive;
}

.home_page .carousel_content {
  text-align: center;
  font-size: 24px;
  font-family: 'Coustard', serif;
}

.home_page .content {
  font-size: 42px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.home_page .content1-blue {
  font-size: 32px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  text-align: justify;
}

.home_page .text_cambay {
  font-size: 20px;
  font-family: 'Cambay', 'sans-serif';
  margin-top: 5rem;
  text-align: justify;
}

.home_page .content1 {
  font-size: 42px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  color: #252525;
  letter-spacing: 1px;
}

.home_page .background_image {
  background-image: url(../images/photos/footer_bg1.png);
  background-size: cover;
  height: auto;
  padding-top: 85px;
  padding-bottom: 25px;
}

.home_page .design {
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.home_page .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0px;
  background-color: #fff;
  overflow: hidden;
  height: 0%;
  transition: .5s ease;
}

.home_page .text {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  border-radius: 15px;
}

.home_page .over1:hover .overlay, .home_page .over2:hover .overlay, .home_page .over3:hover .overlay, .home_page .over4:hover .overlay, .home_page .over5:hover .overlay, .home_page .over6:hover .overlay {
  height: 100%;
  background-color: rgba(23, 27, 29, 0.8);
}

.home_page .dummy_text {
  font-size: 18px;
  color: #fff;
  font-family: 'Cambay', 'sans-serif';
  text-align: justify;
}

.home_page .icons_footer, .home_page .icons_footer1 {
  color: #464646;
}

.home_page .icons_footer:hover {
  color: #8799a3;
}

.home_page .text_user, .home_page .text_user1, .home_page .text_user2, .home_page .text_user3, .home_page .text_user4, .home_page .text_user5 {
  font-size: 16px;
  text-align: center;
  font-family: 'Cambay', 'sans-serif';
  color: #8799a3;
  margin-top: 6rem;
}

.home_page .text_user3 {
  margin-top: 11rem;
}

.home_page .text_user5, .home_page .text_user1, .home_page .text_user2 {
  margin-top: 2rem;
}

.home_page .text_user4 {
  margin-top: 5rem;
}

@media (min-width: 992px) and (max-width: 1024px) {
  .home_page .text_user {
    margin-top: 4rem;
  }
  .home_page .text_user1 {
    margin-top: 0;
  }
  .home_page .text_user3 {
    margin-top: 8rem;
  }
  .home_page .text_user4 {
    margin-top: 3rem;
  }
  .home_page .text_user2, .home_page .text_user5 {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home_page button.projects_btn {
    padding: 20px 28px 20px 28px;
  }
  .home_page .text_user {
    margin-top: 8rem;
  }
  .home_page .text_user1, .home_page .text_user5 {
    margin-top: 3rem;
  }
  .home_page .text_user3 {
    margin-top: 13rem;
  }
  .home_page .text_user4 {
    margin-top: 6rem;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .home_page .text_user {
    margin-top: 0;
  }
  .home_page .text_user2 {
    margin-top: 1.5rem;
  }
  .home_page footer .icongroup {
    margin-top: 0;
  }
}

@media (min-width: 320px) and (max-width: 1023px) {
  .home_page footer .icongroup {
    margin-top: -72px;
  }
}

@media (min-width: 375px) and (max-width: 375px) {
  .home_page .text_user {
    margin-top: 1.5rem;
  }
  .home_page .text_user2, .home_page .text_user1 {
    margin-top: 3rem;
  }
  .home_page .text_user3 {
    margin-top: 14rem;
  }
  .home_page .text_user4 {
    margin-top: 7.5rem;
  }
  .home_page .text_user5 {
    margin-top: 3.5rem;
  }
}

@media (min-width: 425px) and (max-width: 425px) {
  .home_page .text_user {
    margin-top: 3rem;
  }
  .home_page .text_user2, .home_page .text_user1 {
    margin-top: 4.5rem;
  }
  .home_page .text_user3 {
    margin-top: 16rem;
  }
  .home_page .text_user4 {
    margin-top: 9rem;
  }
  .home_page .text_user5 {
    margin-top: 4rem;
  }
}

.home_page .icons {
  color: #4da7ff;
  margin-left: 20px;
  font-size: 20px;
}

.home_page .icons:hover {
  color: var(--white) !important;
  cursor: pointer;
  transform: rotate(360deg);
  transition-duration: 1s;
}

@media (min-width: 320px) and (max-width: 992px) {
  .home_page .facebook {
    margin-left: -22px;
  }
}

.home_page .input_color {
  background-color: #2b2b2b;
  border: 2px solid #353535;
  color: #636363;
}

.home_page .input_color:focus {
  background-color: transparent;
  border: 2px solid #8799a3;
  box-shadow: 0 0 0 0 color("white");
  color: #fff;
}

.home_page .form-control:active {
  border: 2px solid #8799a3 !important;
}

.home_page .portfolio {
  color: #8799a3;
  font-size: 36px;
  font-style: italic;
  font-family: 'Leckerli One', cursive;
}

.home_page .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: left;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}

.home_page .projects_btn {
  background-color: #1cbbb4;
  color: #fff;
  border: none;
  margin-top: 53px;
}

.home_page .full-width {
  padding-left: 0;
  padding-right: 0;
}

.home_page .full-width .row {
  margin-right: 0;
  margin-left: 0;
}

.home_page .padding_adjust {
  padding-left: 0;
  padding-right: 0;
}

.home_page .text-font {
  font-family: 'Cambay', 'sans-serif';
  font-size: 24px;
  color: #636363;
}

.home_page .img_carousel {
  height: 593px;
}

.home_page input:focus::placeholder, .home_page textarea:focus::placeholder {
  color: #fff !important;
}

.home_page .bgcolor {
  background-color: #0081ff;
  padding: 38px;
  box-shadow: 3px 26px 165px 10px rgba(0, 129, 255, 0.219608);
}

.home_page .quote_font {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.home_page .quote {
  margin-top: 0.5rem;
}

.home_page .baground_white {
  background-color: #fff;
  padding: 35px 30px 27px 34px;
  text-align: left;
  box-shadow: 1px 1px 145px 10px rgba(107, 107, 107, 0.141176);
}

.home_page .header_text {
  font-size: 24px;
  font-family: 'Coustard', serif;
}

.home_page .absolute-top-px72 {
  position: absolute;
  top: 134px;
  padding: 0 72px;
}

.home_page .carousel-indicators .active {
  background-color: #8799a3 !important;
}

.home_page .carousel-indicators {
  left: -64px;
}

.home_page .carousel-indicators li {
  position: relative;
  flex: 0 1 auto;
  width: 18px;
  height: 6px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  top: -57px;
  left: -162px;
  border-radius: 10px;
  background-color: #515151;
}

.home_page .bg_img {
  background-image: url("../images/photos/standard_blog.png");
  background-size: cover;
  height: 270px;
  padding-left: 32px;
  background-position: center;
}

.home_page .bg_video {
  background-image: url("../images/photos/blog_video.png");
  background-size: cover;
  text-align: center;
  height: 270px;
}

.home_page .red_color {
  background-color: #e91d62;
  padding: 107px 27px 103px 27px;
  font-size: 14px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  box-shadow: 3px 4px 145px 20px #fde7ee;
}

.home_page .ftr_image {
  background-image: url("../images/photos/footer_bg1.png");
  background-size: 100% 100%;
  padding: 5rem;
}

.home_page .para_text {
  font-size: 18px;
  font-family: 'Cambay', sans-serif;
}

.home_page .link_black {
  font-size: 24px;
  color: #252525;
  font-weight: 900;
}

.home_page .text_font {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
}

.home_page .date_format {
  color: #bbc7cd;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 900;
}

.home_page .link_text {
  font-size: 24px;
  font-weight: 900;
}

.home_page .top_adjust {
  margin-top: 30px;
}

@media (min-width: 320px) and (max-width: 425px) {
  .home_page .content1-blue {
    font-size: 26px;
  }
  .home_page .text_alignment {
    position: absolute;
    top: 65px;
    padding-left: 36px;
    padding-right: 42px;
  }
  .home_page .content {
    font-size: 31px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
  }
  .home_page .background_image {
    background-image: url(../images/photos/footer_bg1.png);
    background-size: cover;
    height: auto;
    padding: 15px;
  }
  .home_page .ftr_image {
    background-image: url(../images/photos/footer_bg1.png);
    background-size: 100% 100%;
    padding: 15px;
  }
  .home_page .media-top-adjust {
    margin-top: 30px !important;
  }
  .home_page .bg_audio {
    margin-top: 3rem;
  }
  .home_page .date_format1 {
    font-size: 15px;
    color: #bbc7cd;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
  }
  .home_page .font_gallery {
    font-size: 23px;
  }
  .home_page .para_text {
    font-size: 14px;
    font-family: 'Cambay', sans-serif;
  }
  .home_page .bg_color {
    padding: 15px;
  }
  .home_page .bgcolor2 {
    padding: 15px;
  }
  .home_page .home_blog {
    padding-right: 0 !important;
  }
  .home_page .carousel-control-prev {
    left: -10%;
  }
  .home_page .carousel-control-next {
    right: -10% !important;
  }
}

@media (max-width: 1024px) {
  .home_page .scroll_down2 .red_color {
    padding: 99px 27px 97px 27px !important;
  }
  .home_page .bg_img {
    background-image: url(../images/photos/standard_blog.png);
    background-size: cover;
    text-align: center;
  }
  .home_page .bg_video {
    background-image: url(../images/photos/blog_video.png);
    background-size: cover;
    text-align: center;
  }
  .home_page .text_font {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    padding-top: 58px;
  }
  .home_page .img_slider {
    height: 571px;
  }
  .home_page .img_size {
    height: 298px;
  }
  .home_page .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 18px;
    height: 6px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    top: -23px;
    left: -104px;
    border-radius: 10px;
    background-color: #515151;
  }
  .home_page .baground_white {
    padding: 30px 30px 7px 34px;
  }
}

@media (max-width: 768px) {
  .home_page .content {
    font-size: 34px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: var(--white);
  }
  .home_page .scroll_down2 .red_color {
    padding: 70px !important;
  }
  .home_page .baground_white {
    background-color: #fff;
    padding: 18px;
    text-align: left;
    box-shadow: 1px 1px 145px 10px rgba(107, 107, 107, 0.141176);
  }
  .home_page footer .icongroup {
    margin-top: 0;
  }
  .home_page .carousel-indicators {
    left: -90px;
  }
  .home_page .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 18px;
    height: 6px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    top: -57px;
    left: -238px;
    border-radius: 10px;
    background-color: #515151;
  }
  .home_page .carousel .carousel-control-next {
    right: -37px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .home_page .carousel-indicators {
    left: -41%;
  }
  .home_page .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 18px;
    height: 6px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    top: -57px;
    left: 0;
    border-radius: 10px;
    background-color: #515151;
  }
}

@media (max-width: 320px) {
  .home_page .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 18px;
    height: 6px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    top: -57px;
    left: -52px !important;
    border-radius: 10px;
    background-color: #515151;
  }
}

@media (max-width: 425px) {
  .home_page .carousel-indicators {
    left: -16% !important;
  }
}

@media (max-width: 575px) {
  .home_page .carousel-indicators {
    left: -23%;
  }
  .home_page .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 18px;
    height: 6px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    top: -110px;
    left: -110px;
    border-radius: 10px;
    background-color: #515151;
  }
}

@media (max-width: 575px) and (max-width: 375px) {
  .home_page .carousel-indicators {
    left: -53px;
  }
  .home_page .carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 18px;
    height: 6px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    top: -107px;
    left: -90px;
    border-radius: 10px;
    background-color: #515151;
  }
}

.home_page .double_quote {
  position: relative;
  top: 20px;
}

.home_page .carousel-control-next {
  right: -72px;
}

.home_page .carousel-control-next:hover {
  opacity: 0.5 !important;
}

.home_page .home_blog {
  padding-right: 2rem;
  padding-bottom: 3.15rem;
}

.home_page .has-error .help-block, .home_page .has-error .input-group-addon, .home_page .has-error .radio, .home_page .has-error .radio-inline {
  color: var(--danger) !important;
}

.home_page .has-error input {
  border-color: #f04e4e !important;
}

.home_page .has-error textarea {
  border-color: #f04e4e !important;
}

.home_page .has-success input {
  border-color: #39b54a !important;
}

.home_page .has-success textarea {
  border-color: #39b54a !important;
}

.home_page .has-success .check {
  display: block;
  color: var(--success);
}

.home_page .check {
  display: none;
  position: absolute;
  right: 29px;
  top: 13px;
}

.home_page .fa-facebook:hover {
  color: #3B5998;
}

.home_page .fa-twitter:hover {
  color: #0084b4;
}

.home_page .fa-google-plus:hover {
  color: #d34836;
}

.home_page .fa-linkedin:hover {
  color: #0077B5;
}

.home_page .icongroup {
  padding: 0;
}

@media (min-width: 1440px) and (max-width: 1920px) {
  .home_page .text {
    padding-left: 15px;
    padding-right: 15px;
  }
  .home_page .text_user {
    margin-top: 8rem;
  }
  .home_page .text_user1, .home_page .text_user2, .home_page .text_user5 {
    margin-top: 3.5rem;
  }
  .home_page .text_user3 {
    margin-top: 15rem;
  }
  .home_page .text_user4 {
    margin-top: 7rem;
  }
}

.home_page .hover_effect:hover {
  transform: rotate(360deg);
  transition-duration: 1s;
}

.home_page .mrgn_topadj {
  margin: 3rem 0;
}

@media (min-width: 320px) and (max-width: 425px) {
  .home_page .text_cambay {
    margin-top: 0 !important;
  }
}

/*portfolio css code*/
#nav_portfolio {
  background-image: url("../images/photos/portfolio_page.JPG");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 5s;
}

#nav_portfolio:hover {
  transform: scale(1.1);
}

.portfolio_filter-menu-group li.active1, .portfolio_filter-menu-group li:hover {
  background-color: #0081ff;
  padding: 0.6rem 1.5rem;
  color: var(--white);
  border-radius: 25px;
  box-shadow: 2px 2px 36px -6px #0081ff;
}

.portfolio_filter-menu-group li {
  padding: 0.6rem 1.5rem;
  cursor: pointer;
}

.portfolio .grid:after {
  content: '';
  display: block;
  clear: both;
}

.portfolio .grid-item {
  width: 25%;
  float: left;
}

.portfolio .grid-item--width2 {
  width: 50% !important;
}

@media (min-width: 992px) and (max-width: 1024px) {
  .portfolio .grid-item {
    width: 25%;
  }
  .portfolio .grid-item--width2 {
    width: 50%;
  }
  .portfolio .portfolio_filter-menu-group li {
    padding: 0.6rem 1rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio .grid-item {
    width: 50%;
  }
  .portfolio .grid-item--width2 {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .portfolio .grid-item {
    width: 100% !important;
  }
  .portfolio .grid-item--width2 {
    width: 100% !important;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .portfolio .grid-item {
    width: 100%;
    padding: 0;
  }
  .portfolio .grid-item--width2 {
    width: 100% !important;
  }
  .portfolio .load_row_padding {
    padding: 2rem 0;
  }
  .portfolio .portfolio_filter-menu-group li, .portfolio .portfolio_filter-menu-group li.active, .portfolio .portfolio_filter-menu-group li:hover {
    padding: 0.6rem 1rem;
  }
}

.full-width {
  padding-left: 0;
  padding-right: 0;
}

.full-width .row {
  margin-right: 0;
  margin-left: 0;
}

/*single tall image css*/
#nav_single_tallimage {
  background: url("../images/photos/tallimg1.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  background-position: center center;
  transition: all 5s;
}

#nav_single_tallimage:hover {
  transform: scale(1.1);
}

.singletallimg_padding {
  padding: 4rem 0 5.75rem 0;
}

@media (min-width: 1440px) and (max-width: 1920px) {
  .singletallimg_padding {
    padding: 4rem 0 11rem 0;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .singletallimg_padding {
    padding: 5rem 6rem 7rem 6rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .singletallimg_padding {
    padding: 6rem;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .singletallimg_padding {
    padding: 6rem;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .singletallimg_padding {
    padding: 3rem 15px 3rem 15px;
  }
}

/*single_image css code*/
#nav_single_image {
  background: url("../images/photos/single_img.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  background-position: center center;
  transition: all 5s;
}

#nav_single_image:hover {
  transform: scale(1.1);
}

.single_letterspacing {
  letter-spacing: 8px;
}

.single_bgimg {
  background: url("../images/photos/single_img1.JPG");
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  background-position: center center;
}

.single_share {
  font-weight: 600;
  color: black;
}

.single-image-pagination {
  background-color: #f9f9fa;
  margin-top: -7px;
}

.single-image-pagination h6 {
  position: relative;
  top: 2px;
}

@media (min-width: 320px) and (max-width: 575px) {
  .single_bgimg {
    height: 180px;
  }
}

@media (min-width: 576px) and (max-width: 757px) {
  .single_bgimg {
    height: 300px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .btn-primary {
    margin-left: 10px;
  }
}

/*slider css code*/
#nav_slider {
  background: url("../images/photos/sliderimg1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  background-position: center center;
  transition: all 5s;
}

#nav_slider:hover {
  transform: scale(1.1);
}

.slider_row_padding {
  padding: 6rem 0 4rem 0;
}

.slider_col_padding {
  padding-left: 0;
}

* {
  box-sizing: border-box;
}

.slider {
  width: 100%;
  margin: 0 auto 9rem auto !important;
}

.slick-slide {
  margin: 0 10px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 0.5;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.slick-prev {
  display: none !important;
}

.slick-next {
  display: none !important;
}

.slick-dots {
  bottom: -48px !important;
}

.slick-dots li button::before {
  background-color: #8799A3;
  border-radius: 50px !important;
  height: 8px !important;
  content: '' !important;
  text-align: center;
  opacity: 1;
}

.cursor {
  cursor: pointer;
}

.slick-active #slick-slide-control01:before, .slick-active #slick-slide-control02:before, .slick-active #slick-slide-control00:before {
  background-color: #8799A3;
  opacity: 1.5 !important;
}

@media (min-width: 320px) and (max-width: 575px) {
  .slider_row_padding {
    padding: 4rem 0 4rem 0;
  }
}

.img_boxshadow {
  box-shadow: 0 8px 29px 8px #e1e1e1;
}

.slider_button_padding {
  padding-right: 0;
}

@media (max-width: 1024px) and (min-width: 320px) {
  .btn-extra-large {
    padding: 18px 40px !important;
  }
}

.typography .box {
  margin: 0 30px 30px 30px;
  box-shadow: -8px 18px 96px #e7e7e7;
}

.typography .btn-yellow:hover {
  box-shadow: 0 10px 30px 0 rgba(254, 203, 22, 0.5);
}

.typography .btn-yellow:active {
  box-shadow: 0px -5px 50px 0px rgba(254, 203, 22, 0.5);
}

.typography .button-dark:hover {
  box-shadow: 0 15px 50px 0 rgba(37, 37, 37, 0.5);
}

.typography .button-dark:focus {
  box-shadow: 0px -5px 50px 0px rgba(37, 37, 37, 0.5);
}

.typography .form-control-label {
  font-family: 'Cambay', sans-serif;
}

.typography .form-control:focus {
  background-color: var(--white);
  border: 2px solid #8799a3;
  box-shadow: none;
}

@media (min-width: 320px) and (max-width: 425px) {
  .typography .btn-extra-large {
    padding: 21px 55px;
  }
}

.typography .remove_padd {
  position: relative;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .typography .business_hover .img-fluid, .typography .remove_padd .img-fluid {
    height: 100%;
  }
}

.typography .image1 {
  top: 0;
  left: 0;
  right: 0;
  position: relative;
  vertical-align: middle;
  display: inline-table;
  padding: 2.75rem 0 2.25rem;
}

.typography .image2 {
  top: 0;
  left: 0;
  right: 0;
  position: relative;
  vertical-align: middle;
  display: inline-table;
  padding: 2.75rem 0 2.25rem;
}

.typography .remove_padd img {
  position: absolute;
}

.typography .effect_hover:hover .image2, .typography .effect_hover:hover .image1 {
  transform: scaleX(-1.1);
}

.typography .effect_hover:hover {
  transform: scaleX(-1.1);
}

@media (max-width: 575px) and (min-width: 320px) {
  .typography .image1 {
    padding: 1rem 0 0;
  }
  .typography .image2 {
    padding: 1rem 0 0;
  }
}

@media (max-width: 767px) and (min-width: 320px) {
  .typography .icongroup {
    padding: 21px 0;
  }
}

.typography .icongroup h6 {
  position: relative;
  top: 2px;
}

.typography .tallimg_text_color1:hover {
  color: #8799A3;
}

@media (min-width: 320px) and (max-width: 991px) {
  .typography .navbar {
    padding: 0.5rem 0;
  }
  .typography .navbar-brand {
    margin-right: 0;
    right: 0;
  }
}

@media (max-width: 575px) and (min-width: 320px) {
  .typography .btn-primary {
    margin-left: 0;
  }
}

.typography .shadow_reply {
  box-shadow: -3px 9px 20px 2px #dae0e3;
}

/*waveform css code*/
#nav_project_waveform {
  background: url("../images/photos/waveimg1.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  background-position: center center;
  transition: all 5s;
}

#nav_project_waveform:hover {
  transform: scale(1.1);
}

.waveformicon1 {
  padding-bottom: 5rem;
  padding-right: 2rem;
  float: left;
}

.waveform_col_padding {
  padding: 6rem 8rem 1rem 7rem;
}

.waveform_col_padding1 {
  padding: 7.5rem 120px 1rem 120px;
}

.waveform .img-fluid {
  max-width: 100%;
  height: 575px;
}

.icongroup h6 {
  position: relative;
  top: 2px;
}

@media (min-width: 1025px) and (max-width: 1333px) {
  .waveform .img-fluid {
    max-width: 100%;
    height: auto;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .waveform .img-fluid {
    max-width: 100%;
    height: 535px;
  }
  .waveform_listitem li {
    font-size: 14px;
  }
  .waveformicon1 {
    padding-bottom: 9rem;
  }
  .waveform_col_padding {
    padding: 4rem 4rem 0 4rem;
  }
  .waveform_col_padding1 {
    padding: 4rem 4rem 0 4rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .containerfluid1 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .waveform .img-fluid {
    max-width: 100%;
    height: auto;
  }
  .waveform_col_padding1 {
    padding: 3rem 120px 1rem 120px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .waveform_mtop {
    margin-top: 2rem;
  }
  .waveformicon1 {
    padding-bottom: 9rem;
  }
  .containerfluid1 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .waveform_col_padding {
    padding-left: 15px;
    padding-right: 15px;
  }
  .waveform_col_padding1 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1.5rem;
  }
  .waveform .img-fluid {
    max-width: 100%;
    height: auto;
  }
}

@media (min-width: 1440px) and (max-width: 1920px) {
  .waveform .img-fluid {
    height: auto;
  }
}

.navbar-brand {
  position: relative;
  right: 15px;
  margin-top: 21px;
}