/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/***************************************************
================ Master Stylesheet =================
====================================================
Template Name: Calbin
Template URL: http://projukti-bari.com/demo/005/preview/index.html
Description: Calbin - Creative Digital Agency HTML5 Template developed specifically for all types of Agency, Marketing, Consulting, business, Freelance portfolio, Digital Agency or Financial Companies.
Author: OilyTheme
Author URL: https://themeforest.net/user/oilytheme
Version: 1.0
****************************************************/


/***************************************************
=================== CSS INDEX ======================
====================================================
01. Google Font
02. Reset CSS
03. Animations
04. Preloader
05. Scroll To Top
06. Input
07. Button
08. Title Style
09. Header
10. Footer
11. Hero
12. Feature
13. Service
14. Portfolio
15. Blog
16. Testimonial
17. Team
18. About
19. Working Process
20. Working Skill
21. Why Choose
22. Fun Facts
23. Client
24. Video area
25. Price
26. Page title
27. Our Office
28. CTA area
29. Side bar
30. Accordion Style
31. Contact
****************************************************/


/*==================================================
===| 01. Google Font
===================================================*/

@import url("https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,700,800|Rubik:400,400i,500,500i,700,900&display=swap");
/*
font-family: 'Poppins', sans-serif;
font-family: 'Rubik', sans-serif;
*/
@import url("fontawesome.css");
@import url("../webfonts/themify-icons/themify-icons.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.css");
@import url("slick.css");
@import url("animate.css");
@import url("nice-select.css");
@import url("jquery.fancybox.css");
@import url("jquery-ui.css");
@import url("meanmenu.css");
@import url("default.css");


/*==================================================
===| 02. Reset CSS
===================================================*/

*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
}

html,
body {
  min-height: 100%;
}

body {
  font-family: "Rubik", sans-serif;
  color: #666666;
  font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  color: #191919;
  font-weight: 600;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

label {
  color: #666;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
}

p {
  font-family: "Rubik", sans-serif;
  font-weight: normal;
  color: #666666;
  font-size: 15px;
  line-height: 26px;
}

@font-face {
  font-family: "Flaticon";
  src: url("../webfonts/flaticon/Flaticon.eot");
  src: url("../webfonts/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"), url("../webfonts/flaticon/Flaticon.woff2") format("woff2"), url("../webfonts/flaticon/Flaticon.woff") format("woff"), url("../webfonts/flaticon/Flaticon.ttf") format("truetype"), url("../webfonts/flaticon/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../webfonts/flaticon/Flaticon.svg#Flaticon") format("svg");
  }
}

.flaticon-brain:before {
  content: "\f100";
}

.flaticon-creation:before {
  content: "\f101";
}

.flaticon-hexagon:before {
  content: "\f102";
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 20px;
  font-style: normal;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

a,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

a:hover {
  text-decoration: none;
  outline: none;
  color: #ffd014;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 0 solid;
}

button {
  cursor: pointer;
}

button.button {
  background: transparent;
  border: 0px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

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

i {
  font-style: normal;
}

figure {
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

*::-moz-selection {
  background: #ee5542;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #ee5542;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #ee5542;
  color: #fff;
  text-shadow: none;
}

.auto_container {
  position: static;
  max-width: 1210px;
  padding: 0px 20px;
  margin: 0px auto;
}

.content_box_pob_120_90 {
  padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_90 {
    padding-bottom: 70px;
  }
}

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

.content_box_pob_120_70 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_70 {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_70 {
    padding-bottom: 30px;
  }
}

.content_box_pob_100_70 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_100_70 {
    padding-bottom: 50px;
  }
}

.content_box_pob_100_50 {
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_100_50 {
    padding-bottom: 30px;
  }
}

.content_box_pot_120 {
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pot_120 {
    padding-top: 100px;
  }
}

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

.content_box_pob_120 {
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120 {
    padding-bottom: 100px;
  }
}

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

.content_box_pot_100 {
  padding-top: 100px;
}

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

.content_box_pob_100 {
  padding-bottom: 100px;
}

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

.content_box_120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

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

.content_box_120_90 {
  padding-top: 120px;
  padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_90 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}

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

.content_box_120_70 {
  padding-top: 120px;
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_70 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

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

.content_box_100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 1199px) {
  .content_box_100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.content_box_100_70 {
  padding-top: 100px;
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_100_70 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.content_box_100_50 {
  padding-top: 100px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .content_box_100_50 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}

.fluid_content_box {
  margin-left: 4%;
  margin-right: 4%;
}

@media only screen and (max-width: 1399px) {
  .fluid_content_box {
    margin-left: 0;
    margin-right: 0;
  }
}

.clear {
  clear: both;
}

@media only screen and (max-width: 991px) {
  .mt_laptop1_50 {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .mt_tab1_50 {
    margin-top: 50px;
  }
}

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

.img_100 {
  width: 100%;
  height: auto;
}

.f-left {
  float: left !important;
}

.f-right {
  float: right !important;
}

.fix {
  overflow: hidden !important;
}

.white-bg {
  background-color: #fff;
}

.white {
  color: #fff;
}

.vh-100 {
  height: 100vh;
}

.p18 {
  font-size: 18px;
  font-family: "Rubik", sans-serif;
  color: #666666;
}

@media only screen and (max-width: 767px) {
  .p18 {
    font-size: 16px;
  }
}

.p17 {
  font-size: 17px;
  font-family: "Rubik", sans-serif;
  color: #666666;
}

@media only screen and (max-width: 767px) {
  .p17 {
    font-size: 16px;
  }
}

.p16 {
  font-size: 16px;
  font-family: "Rubik", sans-serif;
  color: #666666;
}

@media only screen and (max-width: 767px) {
  .p16 {
    font-size: 15px;
  }
}

.p15 {
  font-size: 15px;
  font-family: "Rubik", sans-serif;
  color: #666666;
}

@media only screen and (max-width: 767px) {
  .p15 {
    font-size: 14px;
  }
}

.p14 {
  font-size: 14px;
  font-family: "Rubik", sans-serif;
  color: #666666;
}

.p13 {
  font-size: 13px;
  font-family: "Rubik", sans-serif;
  color: #666666;
}

.h1 {
  font-size: 40px;
  color: #191919;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .h1 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 575px) {
  .h1 {
    font-size: 30px;
  }
}

.h2 {
  font-size: 32px;
  color: #191919;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .h2 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .h2 {
    font-size: 26px;
  }
}

.h3 {
  font-size: 28px;
  color: #191919;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 575px) {
  .h3 {
    font-size: 22px;
  }
}

.h4 {
  font-size: 24px;
  color: #191919;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .h4 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .h4 {
    font-size: 20px;
  }
}

.h5 {
  font-size: 20px;
  color: #191919;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .h5 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .h5 {
    font-size: 16px;
  }
}

.h6 {
  font-size: 16px;
  color: #191919;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media only screen and (max-width: 991px) {
  .h6 {
    font-size: 15px;
  }
}

.nice-select {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #ddd;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: #ffd014;
}

#amount_shop {
  border: 0px;
  color: #191919;
  font-weight: bold;
}

#map {
  height: 650px;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  #map {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  #map {
    height: 400px;
  }
}

/*==================================================
===| 03. Animations
===================================================*/
@-webkit-keyframes radial_pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}
@keyframes radial_pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes circling1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes circling1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes sliderInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes sliderInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.sliderInDown {
  -webkit-animation-name: sliderInDown;
  animation-name: sliderInDown;
}

@-webkit-keyframes sliderOutDown {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes sliderOutDown {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.sliderOutDown {
  -webkit-animation-name: sliderOutDown;
  animation-name: sliderOutDown;
}

@-webkit-keyframes fadeInDown_2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInDown_2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInDown_2 {
  -webkit-animation-name: fadeInDown_2;
  animation-name: fadeInDown_2;
}

@-webkit-keyframes fadeInLeft_2 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInLeft_2 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInLeft_2 {
  -webkit-animation-name: fadeInLeft_2;
  animation-name: fadeInLeft_2;
}

@-webkit-keyframes fadeInRight_2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInRight_2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInRight_2 {
  -webkit-animation-name: fadeInRight_2;
  animation-name: fadeInRight_2;
}

@-webkit-keyframes fadeInUp_2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInUp_2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInUp_2 {
  -webkit-animation-name: fadeInUp_2;
  animation-name: fadeInUp_2;
}

@-webkit-keyframes fadeOutDown_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown_2 {
  -webkit-animation-name: fadeOutDown_2;
  animation-name: fadeOutDown_2;
}

@-webkit-keyframes fadeOutLeft_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft_2 {
  -webkit-animation-name: fadeOutLeft_2;
  animation-name: fadeOutLeft_2;
}

@-webkit-keyframes fadeOutRight_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight_2 {
  -webkit-animation-name: fadeOutRight_2;
  animation-name: fadeOutRight_2;
}

@-webkit-keyframes fadeOutUp_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp_2 {
  -webkit-animation-name: fadeOutUp_2;
  animation-name: fadeOutUp_2;
}

/*==================================================
===| 04. Pre-loader
===================================================*/
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
  left: 0;
  top: 0;
  z-index: 9999999999;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #222;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
}

/*==================================================
===| 05. Scroll To Top
===================================================*/
.scrollToTop {
  position: fixed;
  display: none;
  bottom: 50px;
  right: 35px;
  z-index: 100000;
  color: #fff;
  background-color: #222;
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 55px;
  -webkit-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
  border-radius: 50%;
  font-size: 18px;
}

@media only screen and (max-width: 1199px) {
  .scrollToTop {
    right: 30px;
    bottom: 30px;
  }
}

.scrollToTop:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scrollToTop:hover {
  color: #191919;
  background-color: #ffd014;
}

@media only screen and (max-width: 767px) {
  .scrollToTop {
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

.scrollToTop.home2:hover {
  color: #fff;
  background-color: #ea1e40;
}

.scrollToTop.home3:hover {
  color: #fff;
  background-color: #ee5542;
}

/*==================================================
===| 06. Input
===================================================*/
.form-control {
  border: 1px solid #e2e5e7;
  margin-bottom: 20px;
  padding: 28px 20px;
  border-radius: 0px;
  outline: 0 none;
  font-size: 12px;
  font-family: "Rubik", sans-serif;
}

.form-control:focus {
  border-color: rgba(238, 85, 66, 0.6);
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0 none;
  color: #666666;
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control::-ms-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control::-moz-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control::placeholder {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control::-webkit-input-placeholder {
  /* Edge */
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}

.form-control.other_pages {
  border-color: transparent;
}

.form-control.other_pages2 {
  margin-bottom: 30px;
}

.form-control.other_pages2::-webkit-input-placeholder {
  text-transform: initial;
}

.form-control.other_pages2:-ms-input-placeholder {
  text-transform: initial;
}

.form-control.other_pages2::-ms-input-placeholder {
  text-transform: initial;
}

.form-control.other_pages2::-webkit-input-placeholder {
  text-transform: initial;
}

.form-control.other_pages2::-moz-placeholder {
  text-transform: initial;
}

.form-control.other_pages2:-ms-input-placeholder {
  text-transform: initial;
}

.form-control.other_pages2::placeholder {
  text-transform: initial;
}

.quantity {
  position: relative;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity input[type=number] {
  -moz-appearance: textfield;
}

.quantity input {
  width: 80px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #ddd;
}

.quantity input:focus {
  outline: 0;
}

.quantity .quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity .quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #ddd;
  width: 20px;
  text-align: center;
  color: #3e3e3e;
  font-size: 10px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 2.2;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity .quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #ddd;
}

.quantity .quantity-button.quantity-down {
  position: absolute;
  bottom: 0px;
  height: 50%;
}

/*==================================================
===| 07. Button
===================================================*/
.main_btn {
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  display: inline-block;
}

.main_btn a,
.main_btn button {
  text-transform: capitalize;
  color: #fff;
  font-size: 14px;
  position: relative;
  display: inline-block;
  padding: 18px 40px;
  font-weight: 500;
  z-index: 20;
}

.main_btn button {
  background: transparent;
  border: none;
}

.main_btn:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  background: #ffd014;
  width: 100%;
  z-index: 10;
}

.main_btn:before {
  z-index: 15;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #fac800;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
}

.main_btn:hover {
  color: #fff;
}

.main_btn:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}

.btn1 {
  text-transform: uppercase;
  padding: 19px 42px;
  font-size: 13px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  background: #ee5542;
  border: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.btn1:hover,
.btn1:focus {
  background: #121624;
  color: #fff;
}

.btn1:focus,
.btn1.focus {
  outline: 0;
}

.site_btn_01 {
  display: inline-block;
  background: #ffd014;
  padding: 18px 43px;
  text-transform: capitalize;
  color: #191919;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.site_btn_01:hover {
  background: #191919;
  color: #fff;
}

.site_btn_02 {
  display: inline-block;
  background-color: transparent;
  font-family: "Poppins", sans-serif;
  padding: 19px 53px;
  text-transform: uppercase;
  color: #666666;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #e1e4e6;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.site_btn_02:hover {
  background: #ea1e40;
  border: 1px solid #ea1e40;
  color: #fff;
}

.site_btn_03 {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #666666;
  font-family: "Poppins", sans-serif;
  padding: 5px 22px 5px 0px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.site_btn_03:hover {
  color: #ea1e40;
}

.site_btn_03 span {
  position: absolute;
  -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  font-size: 15px;
  top: 6px;
  right: 0px;
}

.site_btn_04 {
  display: inline-block;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #fff;
  background: #191919;
  border-radius: 3px;
  padding: 13px 38px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #191919;
}

.site_btn_04:hover {
  background: #fff;
  color: #191919;
}

.site_btn_04.home3:hover {
  background: #ee5542;
  border: 2px solid #ee5542;
  color: #fff;
}

.site_btn_05 {
  display: inline-block;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #fff;
  background: transparent;
  border-radius: 0px;
  padding: 18px 42px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #fff;
}

.site_btn_05:hover {
  background: #fff;
  color: #191919;
  border-color: #fff;
}

.site_btn_06 {
  display: inline-block;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #191919;
  background: #fff;
  border-radius: 0px;
  padding: 18px 42px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #fff;
}

.site_btn_06:hover {
  background: transparent;
  color: #fff;
  border-color: #fff;
}

.site_btn_07 {
  display: inline-block;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #fff;
  background: #ee5542;
  border-radius: 3px;
  padding: 18px 42px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #ee5542;
}

.site_btn_07:hover {
  background: #121624;
  color: #fff;
  border-color: #121624;
}

.site_btn_08 {
  display: inline-block;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #191919;
  background: transparent;
  border-radius: 3px;
  padding: 18px 42px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #ee5542;
}

.site_btn_08:hover {
  background: #ee5542;
  color: #fff;
  border-color: #ee5542;
}

.site_btn_09 {
  display: inline-block;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #191919;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.site_btn_09 i {
  font-size: 13px;
  padding-left: 8px;
}

.site_btn_09:hover {
  color: #ee5542;
}

@font-face {
  font-family: "Flaticon";
  src: url("../webfonts/flaticon/Flaticon.eot");
  src: url("../webfonts/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"), url("../webfonts/flaticon/Flaticon.woff2") format("woff2"), url("../webfonts/flaticon/Flaticon.woff") format("woff"), url("../webfonts/flaticon/Flaticon.ttf") format("truetype"), url("../webfonts/flaticon/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../webfonts/flaticon/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 20px;
  font-style: normal;
}

.flaticon-arrow-pointing-to-right:before {
  content: "\f100";
}

.flaticon-next:before {
  content: "\f101";
}

.flaticon-hexagon:before {
  content: "\f102";
}

.flaticon-brain:before {
  content: "\f103";
}

.flaticon-next-1:before {
  content: "\f104";
}

.flaticon-creation:before {
  content: "\f105";
}

.flaticon-linkedin:before {
  content: "\f106";
}

.flaticon-twitter:before {
  content: "\f107";
}

.flaticon-facebook:before {
  content: "\f108";
}

.flaticon-instagram:before {
  content: "\f109";
}

/*==================================================
===| 08. Title Style
===================================================*/
.title h2 {
  font-size: 36px;
  text-transform: uppercase;
  color: #191919;
  font-weight: 600;
  line-height: 45px;
}

@media only screen and (max-width: 479px) {
  .title h2 {
    font-size: 28px;
    line-height: 38px;
  }
}

.sub__title h3 {
  font-size: 16px;
  color: #666666;
  font-weight: 500;
  letter-spacing: 2px;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.title2 h2 {
  font-size: 48px;
  color: #191919;
  font-weight: bold;
  line-height: 60px;
}

@media only screen and (max-width: 479px) {
  .title2 h2 {
    font-size: 32px;
    line-height: 40px;
  }
}

.sub__title2 h3 {
  font-size: 18px;
  color: #666666;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  margin-bottom: 15px;
}

@media only screen and (max-width: 479px) {
  .sub__title2 h3 {
    font-size: 16px;
  }
}

.red_sub_title h3 {
  font-size: 24px;
  font-family: "Poppins", sans-serif;
  line-height: 26px;
  color: #ea1e40;
  font-weight: 400;
}

@media only screen and (max-width: 479px) {
  .red_sub_title h3 {
    font-size: 20px;
  }
}

.title3 h2 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: capitalize;
}

@media only screen and (max-width: 479px) {
  .title3 h2 {
    font-size: 32px;
    line-height: 40px;
  }
}

.sub__title3 h3 {
  font-size: 16px;
  font-weight: 500;
  color: #ee5542;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.heading1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: capitalize;
}

@media only screen and (max-width: 479px) {
  .heading1 {
    font-size: 32px;
    line-height: 40px;
  }
}

.heading2 {
  font-size: 27px;
  font-weight: 600;
  line-height: 1.3;
}

@media only screen and (max-width: 479px) {
  .heading2 {
    font-size: 22px;
  }
}

/*==================================================
===| 09. Header
===================================================*/
.header {
  position: absolute;
  width: 100%;
  z-index: 1000;
}

.header__menu-outer {
  padding: 30px 65px 0px;
}

@media only screen and (max-width: 1399px) {
  .header__menu-outer {
    padding: 30px 0px 0px;
  }
}

@media only screen and (max-width: 991px) {
  .header__menu-outer {
    padding: 30px 65px 0px;
  }
}

@media only screen and (max-width: 880px) {
  .header__menu-outer {
    padding: 30px 35px 0px;
  }
}

@media only screen and (max-width: 479px) {
  .header__menu-outer {
    padding: 20px 0px 0px;
  }
}

.header__logo {
  width: 15%;
}

.header__logo a {
  width: 173px;
  height: auto;
  display: inline-block;
}

.header__logo a img {
  width: 100%;
  height: auto;
}

.header .main-menu {
  width: 70%;
}

.header .search_box_container {
  position: relative;
}

.header .search_box_container .search_form {
  position: absolute;
  width: 350px;
  top: 57px;
  right: 80px;
  background: #f7f7f7;
  border-bottom: 3px solid #ffd014;
  z-index: 1000;
  padding: 25px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.header .search_box_container .search_form input {
  border: 1px solid #ececec;
  width: 100%;
  display: inline-block;
  padding: 10px 20px;
  font-size: 13px;
}

.header .search_box_container .search_form input::-webkit-input-placeholder {
  color: #999;
  font-size: 13px;
  text-transform: uppercase;
}

.header .search_box_container .search_form input:-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  text-transform: uppercase;
}

.header .search_box_container .search_form input::-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  text-transform: uppercase;
}

.header .search_box_container .search_form input::-webkit-input-placeholder {
  color: #999;
  font-size: 13px;
  text-transform: uppercase;
}

.header .search_box_container .search_form input::-moz-placeholder {
  color: #999;
  font-size: 13px;
  text-transform: uppercase;
}

.header .search_box_container .search_form input:-ms-input-placeholder {
  color: #999;
  font-size: 13px;
  text-transform: uppercase;
}

.header .search_box_container .search_form input::placeholder {
  color: #999;
  font-size: 13px;
  text-transform: uppercase;
}

.header .search_box_container .search_form form {
  position: relative;
}

.header .search_box_container .search_form button {
  position: absolute;
  right: 0px;
  top: 3px;
  display: inline-block;
  padding: 7px 15px 10px 7px;
  color: #aaaaaa;
}

.header .search_box_container .search_form.search_form_toggle {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  right: 0px;
}

.header__side-nav {
  width: 15%;
}

.header__side-nav > ul > li {
  display: inline-block;
  padding-top: 5px;
  padding-left: 30px;
}

.header__side-nav > ul > li a {
  color: #191919;
  display: inline-block;
  position: relative;
}

.header__side-nav > ul > li a sub {
  position: absolute;
  background-color: #ffd014;
  height: 16px;
  width: 16px;
  line-height: 18px;
  text-align: center;
  font-size: 10px;
  border-radius: 50%;
  top: 9px;
  left: 8px;
}

.header .main-menu {
  font-family: "Poppins", sans-serif;
}

.header .main-menu > nav > ul > li {
  display: inline-block;
}

.header .main-menu > nav > ul > li a {
  color: #191919;
  font-weight: 500;
  padding: 5px 28px 30px;
  display: inline-block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 15px;
}

@media only screen and (max-width: 1199px) {
  .header .main-menu > nav > ul > li a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.header .main-menu > nav > ul > li a:hover {
  color: #ffd014;
}

.header .main-menu > nav > ul > li > ul {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  top: 77px;
}

.header .main-menu > nav > ul > li:hover > ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 57px;
}

.header .main-menu > nav > ul li {
  position: relative;
}

.header .main-menu > nav > ul li ul {
  position: absolute;
  width: 250px;
  text-align: left;
  background: #fff;
  z-index: 900;
  border-top: 3px solid #ffd014;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  padding: 17px 0px;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
          box-shadow: 0px 15px 30px 0px rgba(0, 3, 143, 0.1);
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
          box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
}

.header .main-menu > nav > ul li ul li a {
  font-weight: 500;
  padding: 7px 28px;
  display: block;
  text-transform: capitalize;
  font-size: 15px;
  color: #666666;
}

.header .main-menu > nav > ul li ul li ul {
  position: absolute;
  left: 250px;
  top: 30px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.header .main-menu > nav > ul li ul li:hover ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0px;
}

.header .main-menu > nav > ul li ul li.sub_menu_li > a {
  position: relative;
}

.header .main-menu > nav > ul li ul li.sub_menu_li > a:before {
  position: absolute;
  content: '\f054';
  right: 28px;
  top: 9px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
}

.header.home2 .main-menu {
  width: 75%;
}

@media only screen and (max-width: 1023px) {
  .header.home2 .main-menu {
    width: 73%;
  }
}

.header.home2 nav#mobile-menu ul li a:hover {
  color: #ea1e40;
}

.header.home2 nav#mobile-menu ul li ul {
  border-top: 3px solid #ea1e40;
}

.header.home2 nav#mobile-menu > ul > li > a {
  color: #fff;
}

.header.home2 nav#mobile-menu > ul > li > a:hover {
  color: #ea1e40;
}

.header.home2 .header__side-nav {
  width: 10%;
}

@media only screen and (max-width: 1023px) {
  .header.home2 .header__side-nav {
    width: 12%;
  }
}

.header.home2 .header__side-nav > ul > li > a {
  color: #fff;
}

.header.home2 .header__side-nav > ul > li > a sub {
  background-color: #06ca76;
}

.header.home2 .header__side-nav > ul > li > button {
  color: #fff;
}

.header.home2 .search_box_container .search_form {
  border-bottom: 3px solid #06ca76;
}

.header.home2 .mean-container a.meanmenu-reveal {
  color: #fff;
  border: 1px solid #fff;
}

.header.home2 .mean-container a.meanmenu-reveal span {
  background: #fff;
}

.header.home3 {
  position: relative;
}

@media only screen and (max-width: 991px) {
  .header.home3 .header__menu-outer {
    padding: 25px 0px 28px;
  }
}

@media only screen and (max-width: 640px) {
  .header.home3 .header__menu-outer {
    padding: 25px 0px 21px;
  }
}

.header.home3 .main-menu > nav > ul > li > a {
  padding: 5px 25px 31px;
}

.header.home3 .main-menu > nav > ul > li > ul {
  top: 80px;
}

.header.home3 .main-menu > nav > ul > li:hover > ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 58px;
}

.header.home3 nav#mobile-menu ul li a:hover {
  color: #ee5542;
}

.header.home3 nav#mobile-menu ul li ul {
  border-top: 3px solid #ee5542;
}

.header.home3 nav#mobile-menu > ul > li > a:hover {
  color: #ee5542;
}

.header.home3 .home3-social ul li {
  display: inline-block;
}

.header.home3 .home3-social ul li:not(:first-child) {
  margin-left: 15px;
  margin-top: 3px;
}

.header.home3 .home3-social ul li a {
  display: inline-block;
  color: #706d6d;
}

.header.home3 .home3-social ul li a:hover {
  color: #ee5542;
}

.header.home3 .home3-social ul li a span:before {
  font-size: 16px;
}

.header.other_pages {
  position: relative;
}

.header.other_pages .header__menu-outer {
  padding: 30px 65px 0px;
}

@media only screen and (max-width: 1399px) {
  .header.other_pages .header__menu-outer {
    padding: 30px 0px 0px;
  }
}

@media only screen and (max-width: 991px) {
  .header.other_pages .header__menu-outer {
    padding: 25px 0px 30px;
  }
}

@media only screen and (max-width: 640px) {
  .header.other_pages .header__menu-outer {
    padding: 25px 0px 22px;
  }
}

.header.other_pages .main-menu > nav > ul > li > a {
  padding: 5px 28px 30px;
}

.header.other_pages .main-menu > nav > ul > li > ul {
  top: 90px;
}

.header.other_pages .main-menu > nav > ul > li:hover > ul {
  top: 57px;
}

.header.other_pages .search_box_container .search_form {
  top: 57px;
}

.header.other_pages nav#mobile-menu > ul > li > a {
  color: #191919;
}

.header.other_pages .header__side-nav > ul > li > button {
  color: #191919;
}

.header.other_pages .header__side-nav > ul > li > a {
  color: #191919;
}

.header.other_pages nav#mobile-menu ul li a:hover {
  color: #ee5542;
}

.header.other_pages nav#mobile-menu ul li ul {
  border-top: 3px solid #ee5542;
}

.header.other_pages nav#mobile-menu > ul > li > a:hover {
  color: #ee5542;
}

.header.other_pages .mean-container a.meanmenu-reveal {
  color: #191919;
  border: 1px solid #191919;
}

.header.other_pages .mean-container a.meanmenu-reveal span {
  background: #191919;
}

.header__menu {
  min-height: 80px;
}

.header__menu-wrapper {
  position: relative;
}

.header .menu_sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  z-index: 1010;
  -webkit-box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
          box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
}

.header .menu_sticky .header__menu-outer {
  padding-top: 25px;
}

@media only screen and (max-width: 991px) {
  .header .menu_sticky {
    background: #fff;
  }
}

.header.home3 .menu_sticky .header__menu-outer {
  padding-top: 25px;
}

.header.home2 .menu_sticky {
  background: #121624;
}

.header.home2.other_pages .menu_sticky {
  background: #fff;
}

/*==================================================
===| 10. Footer
===================================================*/
.footer1 {
  background-color: #000;
  text-align: center;
}

.footer1__top {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .footer1__top {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.footer1__logo {
  width: 158px;
  display: inline-block;
  margin-bottom: 65px;
}

.footer1__logo img {
  width: 100%;
  height: auto;
}

.footer1__nav {
  margin-bottom: 65px;
}

.footer1__nav ul li {
  display: inline-block;
}

.footer1__nav ul li:not(:first-child) {
  margin-left: 55px;
}

@media only screen and (max-width: 767px) {
  .footer1__nav ul li:not(:first-child) {
    margin-left: 20px;
  }
}

.footer1__nav ul li a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .footer1__nav ul li a {
    font-size: 14px;
  }
}

.footer1__nav ul li a:hover {
  color: #ffd014;
}

.footer1__social ul li {
  display: inline-block;
}

.footer1__social ul li:not(:first-child) {
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .footer1__social ul li:not(:first-child) {
    margin-left: 10px;
  }
}

.footer1__social ul li a {
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 45px;
  background-color: #4c4c4c;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
}

.footer1__social ul li a:hover {
  background-color: #ffd014;
  color: #000;
}

.footer1__bottom {
  border-top: 1px solid #272727;
  padding: 25px 0px;
}

.footer1__bottom p {
  color: #7f8183;
  font-size: 15px;
}

.footer1__bottom p a {
  color: #ffd014;
}

.footer1.home2 {
  background-color: #121624;
}

.footer1.home2 .footer1__nav ul li a {
  color: #fff;
}

.footer1.home2 .footer1__nav ul li a:hover {
  color: #ea1e40;
}

.footer1.home2 .footer1__social ul li a {
  background-color: #5a5c66;
  color: #fff;
}

.footer1.home2 .footer1__social ul li a:hover {
  background-color: #ea1e40;
}

.footer1.home2 .footer1__bottom p a {
  color: #ea1e40;
}

.footer1.home2 .footer1__bottom p a:hover {
  color: #ea1e40;
}

.footer1.home3 .footer1__nav ul li a {
  color: #fff;
}

.footer1.home3 .footer1__nav ul li a:hover {
  color: #ee5542;
}

.footer1.home3 .footer1__social ul li a {
  background-color: #4d4d4d;
  color: #fff;
}

.footer1.home3 .footer1__social ul li a:hover {
  background-color: #ee5542;
}

.footer1.home3 .footer1__bottom p {
  color: #7f8183;
  padding: 0px 40px;
}

.footer1.home3 .footer1__bottom p a {
  color: #ee5542;
}

.footer1.home3 .footer1__bottom p a:hover {
  color: #ee5542;
}

/*==================================================
===| 11. Hero
===================================================*/
.hero1__bg--01 {
  background: url("../img/hero/hero-01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero1__height {
  height: 100vh;
}

@media only screen and (max-width: 1199px) {
  .hero1__height {
    height: 950px;
  }
}

@media only screen and (max-width: 991px) {
  .hero1__height {
    height: 700px;
  }
}

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

.hero1__wrapper h3 {
  font-size: 20px;
  color: #555555;
  text-transform: uppercase;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 45px;
  font-family: "Rubik", sans-serif;
  letter-spacing: 5px;
}

@media only screen and (max-width: 1199px) {
  .hero1__wrapper h3 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .hero1__wrapper h3 {
    font-size: 18px;
    margin-bottom: 25px;
    letter-spacing: 3px;
  }
}

@media only screen and (max-width: 479px) {
  .hero1__wrapper h3 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
  }
}

.hero1__wrapper h1 {
  font-size: 80px;
  font-family: "Poppins", sans-serif;
  color: #191919;
  font-weight: bold;
  line-height: 90px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .hero1__wrapper h1 {
    font-size: 60px;
    line-height: 70px;
  }
}

@media only screen and (max-width: 991px) {
  .hero1__wrapper h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hero1__wrapper h1 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 479px) {
  .hero1__wrapper h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}

.hero2 {
  position: relative;
}

.hero2__bg--01 {
  background: url(../img/hero/hero-02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero2__content-box h3 {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .hero2__content-box h3 {
    font-size: 18px;
    letter-spacing: 1px;
  }
}

.hero2__content-box h1 {
  font-weight: 800;
  color: #fff;
  font-size: 100px;
  margin-bottom: 35px;
}

@media only screen and (max-width: 1399px) {
  .hero2__content-box h1 {
    font-size: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  .hero2__content-box h1 {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .hero2__content-box h1 {
    font-size: 50px;
  }
}

.hero2__content-box h1 span:not(:first-child) {
  color: #06ca76;
}

.hero2__content-box h1 span:not(:last-child) {
  color: #ea1e40;
}

.hero2__content-box p {
  color: #fff;
  font-size: 16px;
  margin: 0px;
}

@media only screen and (max-width: 767px) {
  .hero2__content-box p {
    font-size: 15px;
  }
}

.hero2__call-us {
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}

@media only screen and (max-width: 991px) {
  .hero2__call-us {
    display: none;
  }
}

.hero2__call-us ul li {
  display: inline-block;
}

.hero2__call-us ul li:not(:first-child) {
  margin-left: 15px;
}

.hero2__call-us ul li span {
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.hero2__social {
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
}

@media only screen and (max-width: 991px) {
  .hero2__social {
    display: none;
  }
}

.hero2__social ul li {
  display: inline-block;
}

.hero2__social ul li:not(:first-child) {
  margin-left: 15px;
}

.hero2__social ul li span {
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.hero2__social ul li a {
  color: #fff;
}

.hero2__social ul li a:hover {
  color: #ea1e40;
}

.arrow-down {
  position: absolute;
  bottom: 50px;
  left: 50%;
  color: #fff;
  font-size: 25px;
  width: 32px;
  height: 32px;
  text-align: center;
  margin-left: -16px;
  z-index: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.hero3-height {
  height: 880px;
}

@media only screen and (max-width: 991px) {
  .hero3-height {
    height: 700px;
  }
}

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

.hero3 {
  position: relative;
  overflow: hidden;
}

.hero3__bg--01 {
  background: url(../img/hero/hero-03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero3__content-box h1 {
  font-weight: bold;
  font-size: 70px;
  line-height: 80px;
  color: #fff;
  margin-bottom: 25px;
}

@media only screen and (max-width: 1199px) {
  .hero3__content-box h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .hero3__content-box h1 {
    font-size: 45px;
    line-height: 55px;
  }
}

@media only screen and (max-width: 479px) {
  .hero3__content-box h1 {
    font-size: 36px;
    line-height: 1.4;
  }
}

@media only screen and (max-width: 479px) {
  .hero3__content-box h1 {
    font-size: 32px;
  }
}

.hero3__content-box p {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .hero3__content-box p {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 479px) {
  .hero3__content-box p {
    font-size: 16px;
    line-height: 25px;
  }
}

.hero3__btn-box a:not(:last-child) {
  margin-right: 20px;
}

.hero3__call-us {
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: rotate(-90deg) translateX(20%);
          -ms-transform: rotate(-90deg) translateX(20%);
      transform: rotate(-90deg) translateX(20%);
}

@media only screen and (max-width: 991px) {
  .hero3__call-us {
    display: none;
  }
}

.hero3__call-us ul li {
  display: inline-block;
}

.hero3__call-us ul li:not(:first-child) {
  margin-left: 14px;
}

.hero3__call-us ul li span {
  color: #fff;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  display: inline-block;
}

/*==================================================
===| 12. Feature
===================================================*/
.feature1 {
  position: relative;
}

.feature1:before {
  position: absolute;
  width: 100%;
  height: 700px;
  content: '';
  background: #f6f6f6;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -100;
}

@media only screen and (max-width: 991px) {
  .feature1:before {
    height: 800px;
  }
}

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

.feature1__video {
  position: relative;
}

.feature1__video img {
  border-radius: 10px;
}

.feature1__video i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  font-size: 23px;
  color: #ffd014;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  border-radius: 5px;
}

.feature1__thumb {
  position: relative;
  margin-bottom: 40px;
}

.feature1__thumb:before {
  position: absolute;
  content: '';
  width: 53px;
  height: 53px;
  background: #ffd014;
  border-radius: 50%;
  z-index: -50;
}

.feature1__thumb img {
  padding-left: 20px;
  padding-top: 5px;
}

.feature1__text h4 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}

.feature1__text p {
  margin: 0px;
  padding: 0px 24px;
  line-height: 26px;
}

@media only screen and (max-width: 1199px) {
  .feature1__text p {
    padding: 0px;
  }
}

.feature1.other_pages .feature1__video i {
  color: #fff;
}

.feature1.other_pages .feature1__thumb:before {
  background-color: #e8eaeb;
}

.feature2 {
  position: relative;
}

.feature2__thumb {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 46%;
  background: url(../img/feature/feature-02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
}

@media only screen and (max-width: 991px) {
  .feature2__thumb {
    position: relative;
    width: 100%;
    height: 500px;
  }
}

@media only screen and (max-width: 991px) and (max-width: 640px) {
  .feature2__thumb {
    height: 300px;
  }
}

.feature2__wrapper p {
  margin-top: 20px;
  padding-right: 50px;
}

@media only screen and (max-width: 1199px) {
  .feature2__wrapper p {
    padding-right: 0px;
  }
}

.feature2__item {
  position: relative;
}

.feature2__item--img {
  position: absolute;
  left: 0px;
  top: 5px;
  width: 50px;
  height: 50px;
}

.feature2__item--text {
  padding-left: 85px;
}

@media only screen and (max-width: 479px) {
  .feature2__item--text {
    padding-left: 75px;
  }
}

.feature2__item--text h3 {
  font-size: 20px;
  font-weight: 600;
}

.feature3__item {
  padding: 0px 24px;
}

@media only screen and (max-width: 1399px) {
  .feature3__item {
    padding: 20px;
  }
}

@media only screen and (max-width: 1399px) {
  .feature3__item {
    padding: 0px;
  }
}

.feature3__thumb {
  position: relative;
  display: inline-block;
  margin-bottom: 35px;
}

.feature3__thumb:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 53px;
  height: 53px;
  background-color: #e8eaeb;
  border-radius: 50%;
  z-index: -1;
}

.feature3__thumb img {
  padding-left: 20px;
  padding-top: 3px;
}

.feature3__content h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 18px;
}

.feature3__content p {
  margin-bottom: 0px;
}

/*==================================================
===| 13. Service
===================================================*/
.service1__thumb {
  margin-bottom: 35px;
}

.service1__thumb img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.service1__content h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  position: relative;
  margin-bottom: 34px;
}

.service1__content h3:before {
  position: absolute;
  content: '';
  width: 50px;
  height: 2px;
  background: #ffd014;
  left: 0px;
  bottom: -12px;
}

.service1__content p {
  padding-right: 50px;
}

@media only screen and (max-width: 1199px) {
  .service1__content p {
    padding-right: 0px;
  }
}

.service1.other_pages .service1__content h3 a:hover {
  color: #ee5542;
}

.service1.other_pages .service1__content h3:before {
  background: #ee5542;
}

.service2__item {
  border: 1px solid #e1e4e6;
  padding: 40px 40px 55px;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 400px) {
  .service2__item {
    padding: 40px 30px 55px;
  }
}

.service2__item:before {
  position: absolute;
  content: '';
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  background: transparent;
  border: 1px solid #fff;
}

.service2__item:hover {
  background: #ea1e40;
  border-color: #ea1e40;
}

.service2__item:hover h4 {
  color: #fff;
}

.service2__item:hover p {
  color: #fff;
}

.service2__item:hover .service2__thumb span:before {
  color: #fff;
}

.service2__item:hover a {
  color: #191919;
  border-color: #fff;
  background-color: #fff;
}

.service2__item h4 {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 29px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.service2__item p {
  font-size: 15px;
  line-height: 26px;
  color: #666666;
  margin-bottom: 38px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.service2__item a {
  position: relative;
  z-index: 10;
}

.service2__thumb {
  margin-bottom: 25px;
}

.service2__thumb span {
  display: inline-block;
}

.service2__thumb span:before {
  font-size: 60px;
  color: #191919;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 767px) {
  .service2__btn {
    margin-top: 10px;
  }
}

.service2.home3 .service2__item:hover {
  background: #fff;
  border-color: #ee5542;
}

.service2.home3 .service2__item:hover h4 {
  color: #191919;
}

.service2.home3 .service2__item:hover p {
  color: #888;
}

.service2.home3 .service2__item:hover .service2__thumb span:before {
  color: #191919;
}

.service2.home3 .service2__item:hover a {
  color: #fff;
  border-color: #ee5542;
  background-color: #ee5542;
}

/*==================================================
===| 14. Portfolio
===================================================*/
@media only screen and (max-width: 991px) {
  .portfolio1__active {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio1__active {
    margin-top: 10px;
  }
}

.portfolio1__active button {
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #191919;
  display: inline-block;
  position: relative;
}

.portfolio1__active button:not(:first-child) {
  margin-left: 55px;
}

@media only screen and (max-width: 767px) {
  .portfolio1__active button:not(:first-child) {
    margin-left: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio1__active button:not(:first-child) {
    margin-left: 25px;
    margin-top: 20px;
  }
}

.portfolio1__active button.active {
  position: relative;
}

.portfolio1__active button.active:before {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ffd014;
  content: '';
  left: 0px;
  bottom: -8px;
}

.portfolio1__item {
  position: relative;
}

.portfolio1__item:hover .portfolio1__thumb:before {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.portfolio1__item:hover .portfolio1__content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  bottom: 35px;
}

.portfolio1__thumb {
  position: relative;
}

.portfolio1__thumb:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #ffd014;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.portfolio1__content {
  position: absolute;
  left: 40px;
  bottom: 0px;
  z-index: 10;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.portfolio1__content h5 a {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  color: #191919;
  font-weight: 500;
}

.portfolio1__content span a {
  font-size: 15px;
  font-family: "Rubik", sans-serif;
  color: #191919;
  font-weight: 400;
}

.portfolio1.other_pages {
  padding: 0px 80px;
}

@media only screen and (max-width: 1399px) {
  .portfolio1.other_pages {
    padding: 0px 0px;
  }
}

.portfolio1.other_pages .portfolio1__active {
  margin-top: 0px;
}

.portfolio1.other_pages .portfolio1__active button.active:before {
  background-color: #ee5542;
}

.portfolio1.other_pages .portfolio2__active button.active:before {
  background: #ee5542;
}

.portfolio2 {
  padding: 0px 80px;
}

@media only screen and (max-width: 1399px) {
  .portfolio2 {
    padding: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .portfolio2__active {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio2__active {
    margin-top: 10px;
  }
}

.portfolio2__active button {
  background: none;
  border: none;
  font-size: 13px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #191919;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}

.portfolio2__active button:not(:first-child) {
  margin-left: 35px;
}

@media only screen and (max-width: 767px) {
  .portfolio2__active button:not(:first-child) {
    margin-left: 25px;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio2__active button:not(:first-child) {
    margin-left: 20px;
    margin-top: 20px;
  }
}

.portfolio2__active button.active {
  position: relative;
}

.portfolio2__active button.active:before {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ea1e40;
  content: '';
  left: 0px;
  bottom: -8px;
}

.portfolio2__item {
  position: relative;
  max-height: 840px;
  overflow: hidden;
}

.portfolio2__item:hover .portfolio2__thumb:before {
  opacity: 90%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}

.portfolio2__item:hover .portfolio2__content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  bottom: 50%;
}

.portfolio2__thumb {
  position: relative;
}

.portfolio2__thumb:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: #ea1e40;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
      transform: scale(0.9);
}

.portfolio2__content {
  position: absolute;
  bottom: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          -ms-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%);
  width: 100%;
  z-index: 10;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

.portfolio2__content h5 a {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 6px;
}

.portfolio2__content span a {
  font-size: 15px;
  font-family: "Rubik", sans-serif;
  color: #fff;
  font-weight: 400;
}

.portfolio2.other_pages .portfolio2__active button.active:before {
  background: #ee5542;
}

.portfolio3__wrapper {
  padding: 0px 65px;
}

@media only screen and (max-width: 1399px) {
  .portfolio3__wrapper {
    padding: 0px;
  }
}

.portfolio3__item {
  position: relative;
}

.portfolio3__item:hover .portfolio3__thumb:before {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  visibility: visible;
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}

.portfolio3__item:hover .portfolio3__content {
  top: 0px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.portfolio3__thumb {
  position: relative;
}

.portfolio3__thumb:before {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  content: '';
  background-color: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
      transform: scale(0.9);
  visibility: hidden;
}

.portfolio3__content {
  position: absolute;
  padding: 40px 45px;
  top: 20px;
  left: 0px;
  width: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

@media only screen and (max-width: 400px) {
  .portfolio3__content {
    padding: 20px 25px;
  }
}

.portfolio3__content h4 {
  margin: 0px;
}

.portfolio3__content h4 a {
  font-size: 15px;
  font-weight: 400;
  color: #ee5542;
  font-family: "Rubik", sans-serif;
}

.portfolio3__content h3 a {
  font-size: 20px;
  font-weight: 600;
  font-family: "Rubik", sans-serif;
  color: #191919;
}

.portfolio_single__info {
  border: 1px solid #eff1f2;
  padding: 47px 30px;
}

@media only screen and (max-width: 400px) {
  .portfolio_single__info {
    padding: 35px 20px;
  }
}

.portfolio_single__info h4 {
  font-size: 20px;
  font-weight: bold;
}

.portfolio_single__info ul li {
  border-bottom: 1px solid #e8eaec;
  padding: 19px 0px 14px;
}

.portfolio_single__info ul li p {
  font-size: 16px;
  color: #191919;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  margin: 0px;
  padding: 0px;
  position: relative;
}

.portfolio_single__info ul li p span {
  color: #666666;
  font-size: 15px;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  position: absolute;
  right: 0px;
}

/*==================================================
===| 15. Blog
===================================================*/
.blog1 {
  overflow-x: hidden;
}

.blog1__item {
  position: relative;
}

.blog1__item:before {
  position: absolute;
  left: 0px;
  top: 0px;
  content: '';
  width: 100%;
  height: 100%;
  background-color: #191919;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.blog1__content {
  position: absolute;
  padding: 0px 40px 43px;
  left: 0px;
  bottom: 0px;
}

@media only screen and (max-width: 400px) {
  .blog1__content {
    padding: 0px 20px 15px;
  }
}

.blog1__content h3 {
  color: #fff;
  font-size: 27px;
  font-weight: 600;
  margin-top: 13px;
}

@media only screen and (max-width: 400px) {
  .blog1__content h3 {
    margin-top: 5px;
    font-size: 20px;
  }
}

.blog1__content h3 a:hover {
  color: #ea1e40;
}

.blog1__data span {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  font-family: "Rubik", sans-serif;
  position: relative;
}

.blog1__data span:not(:first-child) {
  margin-left: 10px;
}

.blog1__data span:not(:first-child):before {
  position: absolute;
  content: '/';
  left: -9px;
  top: 0px;
  font-size: 13px;
}

.blog1 .owl-carousel .owl-stage-outer {
  overflow: inherit;
}

.slider-section-dots {
  position: relative;
}

.slider-section-dots .owl-dots {
  margin: 0px;
}

.slider-section-dots .owl-dots .owl-dot.active span,
.slider-section-dots .owl-dots .owl-dot:hover span {
  background: #ea1e40;
}

.slider-section-dots .owl-dots .owl-dot span {
  width: 24px;
  height: 4px;
  border-radius: 0px;
  border: none;
  background: #d9dbde;
  margin: 0px 9px;
}

.blog2__content {
  background: #f7f7f7;
  padding: 40px 40px 30px;
}

@media only screen and (max-width: 400px) {
  .blog2__content {
    padding: 30px 20px 20px;
  }
}

.blog2__content h3 a {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #191919;
  font-size: 27px;
  line-height: 40px;
}

.blog2__content h3 a:hover {
  color: #ee5542;
}

.blog2__data {
  margin-bottom: 5px;
}

.blog2__data span {
  font-size: 13px;
  text-transform: uppercase;
  position: relative;
}

.blog2__data span:not(:first-child) {
  margin-left: 12px;
}

.blog2__data span:not(:first-child):before {
  position: absolute;
  content: '/';
  left: -10px;
  top: -1px;
  font-size: 13px;
}

.blog_single1--first-letter {
  font-size: 36px;
  font-weight: 500;
  color: #ee5542;
}

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

.blog_single1__data--tag a {
  font-size: 14px;
  color: #666666;
  border: 1px solid #e0e3e7;
  display: inline-block;
  padding: 7px 25px;
  margin-bottom: 20px;
}

.blog_single1__data--tag a:not(:last-child) {
  margin-right: 14px;
}

.blog_single1__data--tag a:hover {
  color: #666666;
  background-color: #f7f7f7;
}

.blog_single1__data--share span {
  font-size: 16px;
  font-weight: 500;
  color: #191919;
  font-family: "Poppins", sans-serif;
}

.blog_single1__data--share a {
  color: #888;
  display: inline-block;
  padding: 5px;
  margin-left: 2px;
}

.blog_single1__data--share a:hover {
  color: #ee5542;
}

.blog_single1__profile {
  position: relative;
  border-bottom: 1px solid #e8eaed;
}

.blog_single1__profile--thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
}

@media only screen and (max-width: 400px) {
  .blog_single1__profile--thumb {
    width: 65px;
    height: 65px;
  }
}

.blog_single1__profile--content {
  min-height: 100px;
  padding-left: 130px;
}

@media only screen and (max-width: 400px) {
  .blog_single1__profile--content {
    padding-left: 85px;
  }
}

.blog_single1__profile--content h4 {
  font-size: 18px;
  font-weight: 600;
  color: #191919;
  margin-bottom: 15px;
}

.blog_single1__profile--content p {
  color: #666666;
}

.blog_single1__profile--social a {
  color: #888888;
  display: inline-block;
  padding: 5px;
}

.blog_single1__profile--social a:not(:last-child) {
  margin-right: 7px;
}

.blog_single1__profile--social a:hover {
  color: #ee5542;
}

.blog_single1__comment--item {
  position: relative;
}

.blog_single1__comment--thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
}

@media only screen and (max-width: 400px) {
  .blog_single1__comment--thumb {
    width: 65px;
    height: 65px;
  }
}

.blog_single1__comment--content {
  padding-left: 130px;
}

@media only screen and (max-width: 400px) {
  .blog_single1__comment--content {
    padding-left: 85px;
  }
}

.blog_single1__comment--content p {
  color: #666666;
}

.blog_single1__comment--content a {
  display: inline-block;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  color: #191919;
  font-weight: 600;
  text-transform: uppercase;
}

.blog_single1__comment--content a:hover {
  color: #ee5542;
}

.blog_single1__comment--info {
  margin-bottom: 6px;
}

.blog_single1__comment--info h5.user-name {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #191919;
}

@media only screen and (max-width: 400px) {
  .blog_single1__comment--info h5.user-name {
    display: block;
  }
}

.blog_single1__comment--info span {
  font-size: 14px;
  color: #666666;
  margin-left: 35px;
}

@media only screen and (max-width: 400px) {
  .blog_single1__comment--info span {
    margin-left: 0px;
  }
}

.blog_single1__reply h3 {
  margin-bottom: 12px;
}

.blog_single1__reply p {
  margin-bottom: 25px;
}

.blog_single1 .video1__thumb:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.blog_page1__thumb {
  position: relative;
}

.blog_page1__thumb--tag {
  position: absolute;
  left: 21px;
  bottom: 60px;
  display: inline-block;
  background: #ee5542;
  color: #fff;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: uppercase;
  -webkit-transform: translate(-50%) rotate(-90deg);
          -ms-transform: translate(-50%) rotate(-90deg);
      transform: translate(-50%) rotate(-90deg);
}

.blog_page1__thumb--tag:hover {
  color: #fff;
}

.blog_page1__data {
  margin-bottom: 23px;
}

.blog_page1__data a {
  color: #666666;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 25px;
}

.blog_page1__data a:hover {
  color: #ee5542;
}

.blog_page1__data a i {
  padding-right: 10px;
}

.blog_page1__content h3 {
  font-size: 27px;
  font-weight: 600;
  color: #0c1215;
  margin-bottom: 22px;
}

.blog_page1__content p {
  margin-bottom: 30px;
}

/*==================================================
===| 16. Testimonial
===================================================*/
.testimonial1__title {
  margin-bottom: 70px;
}

@media only screen and (max-width: 479px) {
  .testimonial1__title {
    margin-bottom: 55px;
  }
}

.testimonial1__thumb-active {
  width: 488px;
  text-align: center;
  margin: auto;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .testimonial1__thumb-active {
    width: 100%;
  }
}

.testimonial1__thumb-active:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #dcdfe0;
  left: 0px;
  top: 61px;
}

@media only screen and (max-width: 575px) {
  .testimonial1__thumb-active:before {
    display: none;
  }
}

.testimonial1__thumb-active button {
  background: none;
  border: none;
  color: #afafaf;
  font-size: 20px;
  left: -50px;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.testimonial1__thumb-active button.slick-next {
  left: auto;
  right: -50px;
}

.testimonial1__wrapper:hover .testimonial1__thumb-active button {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.testimonial1__thumb {
  overflow: hidden;
}

.testimonial1__thumb img {
  -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
      transform: scale(0.7);
  margin: auto;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border-radius: 50%;
}

.testimonial1__thumb.slick-center img {
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}

.testimonial1__content-active {
  position: relative;
  margin: 50px 0px 0px;
}

.testimonial1__content-active:before {
  position: absolute;
  background: url(../img/png-img/quote.png);
  left: 50%;
  top: -28px;
  width: 140px;
  height: 119px;
  content: '';
  -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.testimonial1__item {
  padding: 0px 70px;
}

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

.testimonial1__item p {
  font-size: 20px;
  line-height: 36px;
  color: #222;
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .testimonial1__item p {
    font-size: 17px;
  }
}

.testimonial1__item h4 {
  font-size: 20px;
  font-weight: 500;
  margin: 0px;
}

.testimonial1__item h4 span {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}

.testimonial1.home3 {
  background-color: #f7f7f7;
}

/*==================================================
===| 17. Team
===================================================*/
.team1__item {
  position: relative;
  overflow: hidden;
}

.team1__item--01 {
  margin-right: 15px;
}

.team1__item--02 {
  margin-left: 5px;
  margin-right: 10px;
}

.team1__item--03 {
  margin-left: 10px;
  margin-right: 5px;
}

.team1__item--04 {
  margin-left: 15px;
}

@media only screen and (max-width: 1199px) {
  .team1__item {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.team1__item:before {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  content: '';
  background: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

.team1__item:hover .team1__info {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  bottom: 0px;
}

.team1__item:hover .team1__social {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  right: -47px;
}

.team1__item:hover:before {
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.team1__thumb img {
  width: 100%;
  height: auto;
}

.team1__info {
  position: absolute;
  padding: 20px 0px 40px;
  left: 0px;
  bottom: -50px;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media only screen and (max-width: 319px) {
  .team1__info {
    padding: 20px 0px;
  }
}

.team1__info h4 {
  font-size: 20px;
  font-weight: 500;
}

.team1__info p {
  margin: 0px;
  color: #646464;
}

.team1__social {
  position: absolute;
  background-color: #181818;
  -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  top: calc(50% - 27px);
  right: -65px;
  padding: 15px 20px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.team1__social a {
  color: #fff;
  display: inline-block;
}

.team1__social a:not(:first-child) {
  margin-left: 14px;
}

.team1__social a:hover {
  color: #ffd014;
}

.team1.home2 .team1__item {
  margin-left: 0px;
  margin-right: 0px;
}

.team1.home2 .team1__social {
  background-color: #ea1e40;
}

.team1.home2 .team1__social a {
  color: #fff;
}

.team1.home2 .team1__social a:hover {
  color: #191919;
}

.team1.home2 .team1__info h4 a {
  color: #191919;
}

.team1.home2 .team1__info h4 a:hover {
  color: #ea1e40;
}

.team1.home2.other_pages .team1__social {
  background-color: #ee5542;
}

/*==================================================
===| 18. About
===================================================*/
.about1__img {
  padding-right: 80px;
}

@media only screen and (max-width: 1199px) {
  .about1__img {
    padding-right: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .about1__img {
    padding-right: 0px;
    margin-bottom: 60px;
  }
}

.about1__img img {
  border-radius: 10px;
  width: 100%;
  height: auto;
}

.about1__item {
  position: relative;
  padding-right: 50px;
}

@media only screen and (max-width: 1199px) {
  .about1__item {
    padding-right: 0px;
  }
}

.about1__thumb {
  position: absolute;
  left: 0px;
  top: 7px;
}

.about1__text {
  padding-left: 80px;
}

@media only screen and (max-width: 479px) {
  .about1__text {
    padding-left: 70px;
  }
}

.about1__text h3 {
  font-size: 20px;
  font-weight: 500;
  color: #191919;
}

.about2__img-area {
  padding-right: 70px;
  padding-top: 30px;
  padding-left: 30px;
}

@media only screen and (max-width: 479px) {
  .about2__img-area {
    padding-right: 0px;
  }
}

.about2__thumb {
  position: relative;
}

.about2__thumb:before {
  position: absolute;
  content: '';
  left: -30px;
  top: -30px;
  background-color: #ea1e40;
  z-index: -1;
  height: 100%;
  width: calc(100% - 70px);
}

@media only screen and (max-width: 991px) {
  .about2__wrapper {
    margin-top: 60px;
  }
}

.about2__wrapper p {
  line-height: 26px;
  padding-right: 80px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .about2__wrapper p {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .about2.other_pages .about2__thumb {
    margin-bottom: 50px;
  }
}

.about2.other_pages .about2__thumb:before {
  background-color: #ee5542;
}

/*==================================================
===| 19. Working Process
===================================================*/
.working-process__box {
  border: 1px solid #e2e5e7;
  border-radius: 5px;
  padding: 40px 20px 25px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.working-process__box h4 {
  margin: 40px 0px 15px;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  color: #191919;
  line-height: 30px;
  font-weight: 500;
}

.working-process__box p {
  color: #666666;
  line-height: 26px;
}

.working-process__thumb {
  max-width: 60px;
  margin-bottom: 35px;
  display: inline-block;
  position: relative;
}

.working-process__thumb:before {
  position: absolute;
  content: '';
  width: 80px;
  height: 2px;
  background: #ffd014;
  left: -10px;
  bottom: -40px;
}

.working-process.other_pages .working-process__thumb:before {
  background: #ee5542;
}

.working-process.process_page .working-process__box:hover {
  -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 28, 107, 0.1);
          box-shadow: 0px 20px 40px 0px rgba(0, 28, 107, 0.1);
  border-color: #fff;
}

/*==================================================
===| 20. Working Skill
===================================================*/
.working-skill__img {
  position: relative;
}

@media only screen and (max-width: 991px) {
  .working-skill__img {
    margin-bottom: 60px;
  }
}

.working-skill__img img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 46%;
}

@media only screen and (max-width: 991px) {
  .working-skill__img img {
    position: relative;
    width: 100%;
  }
}

.working-skill__wrapper {
  padding: 76px 0px;
}

@media only screen and (max-width: 1399px) {
  .working-skill__wrapper {
    padding: 0px;
  }
}

.working-skill__content {
  margin-top: 25px;
}

.working-skill__content p {
  padding-right: 25px;
  font-size: 15px;
  line-height: 26px;
}

@media only screen and (max-width: 1199px) {
  .working-skill__content p {
    padding-right: 0px;
  }
}

#progress-elements {
  margin-top: 55px;
}

.progress-skill {
  margin-top: 35px;
}

.progress-skill h4 {
  color: #222;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 11px;
}

.progress-skill .progress {
  height: 6px;
  border-radius: 0;
  background: #efefef;
  overflow: visible;
}

.progress-skill .progress-bar {
  background-color: #ffd014 !important;
  position: relative;
}

.progress-skill .progress-bar span {
  position: absolute;
  font-size: 13px;
  font-weight: 100;
  background: #fff;
  color: #222;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  padding: 3px;
  left: 97%;
  top: -30px;
}

.working-skill2 {
  position: relative;
}

.working-skill2:before {
  position: absolute;
  content: '';
  left: 80px;
  top: 0px;
  height: 100%;
  background-color: #f7f7f7;
  width: calc(100% - 160px);
}

@media only screen and (max-width: 1399px) {
  .working-skill2:before {
    width: 100%;
    left: 0px;
  }
}

.working-skill2__img-box {
  background: url(../img/about/about-04.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  right: 80px;
  top: 0px;
  width: 41.4%;
  height: 100%;
}

@media only screen and (max-width: 1399px) {
  .working-skill2__img-box {
    right: 0px;
    width: 45%;
  }
}

@media only screen and (max-width: 991px) {
  .working-skill2__img-box {
    width: 100%;
    height: 450px;
  }
}

@media only screen and (max-width: 575px) {
  .working-skill2__img-box {
    height: 350px;
  }
}

.working-skill2__wrapper {
  padding: 110px 0px;
}

@media only screen and (max-width: 1399px) {
  .working-skill2__wrapper {
    padding: 80px 0px;
  }
}

@media only screen and (max-width: 991px) {
  .working-skill2__wrapper {
    margin-top: 450px;
  }
}

@media only screen and (max-width: 575px) {
  .working-skill2__wrapper {
    margin-top: 350px;
  }
}

.working-skill2.home3 #progress-elements {
  margin-top: 45px;
}

.other_pages.working-skill2:before {
  background-color: #fff;
}

@media only screen and (max-width: 991px) {
  .other_pages.working-skill2 .working-skill2__wrapper {
    padding-bottom: 0px;
  }
}

.process_page.working-skill2 .working-skill2__img-box {
  right: 0px;
  width: 45.5%;
}

@media only screen and (max-width: 1399px) {
  .process_page.working-skill2 .working-skill2__img-box {
    right: 0px;
    width: 45%;
  }
}

@media only screen and (max-width: 991px) {
  .process_page.working-skill2 .working-skill2__img-box {
    width: 100%;
    height: 450px;
  }
}

@media only screen and (max-width: 575px) {
  .process_page.working-skill2 .working-skill2__img-box {
    height: 350px;
  }
}

/*==================================================
===| 21. Why Choose
===================================================*/
.why_choose {
  position: relative;
}

.why_choose__wrapper {
  padding: 70px 0px;
}

@media only screen and (max-width: 1399px) {
  .why_choose__wrapper {
    padding: 0px;
  }
}

.why_choose__title {
  padding-right: 100px;
}

@media only screen and (max-width: 1199px) {
  .why_choose__title {
    padding-right: 0px;
  }
}

.why_choose__img-box {
  position: absolute;
  left: 80px;
  top: 120px;
  width: 41.5%;
}

@media only screen and (max-width: 1399px) {
  .why_choose__img-box {
    left: 0px;
    width: 45%;
  }
}

@media only screen and (max-width: 1199px) {
  .why_choose__img-box {
    top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .why_choose__img-box {
    width: 100%;
    position: relative;
    top: 0px;
    margin-bottom: 60px;
  }
}

.why_choose__img-box img {
  width: 100%;
  height: auto;
}

.why_choose__content p {
  line-height: 26px;
}

.why_choose__item {
  margin-top: 35px;
}

.why_choose__thumb {
  position: relative;
}

.why_choose__thumb:before {
  position: absolute;
  width: 53px;
  height: 53px;
  content: '';
  background-color: #e9edf0;
  z-index: -1;
  border-radius: 50%;
}

.why_choose__thumb img {
  padding-left: 25px;
  padding-top: 3px;
}

.why_choose__text h4 {
  font-size: 20px;
  font-weight: 600;
  color: #191919;
  margin-bottom: 15px;
}

.why_choose__text p {
  line-height: 26px;
}

.why_choose.other_pages .why_choose__wrapper {
  padding: 80px 0px 85px;
}

@media only screen and (max-width: 1399px) {
  .why_choose.other_pages .why_choose__wrapper {
    padding: 0px;
  }
}

.why_choose.other_pages .why_choose__img-box {
  top: 0px;
  left: 0px;
}

@media only screen and (max-width: 1399px) {
  .why_choose.other_pages .why_choose__img-box {
    width: 40%;
  }
}

@media only screen and (max-width: 991px) {
  .why_choose.other_pages .why_choose__img-box {
    width: 100%;
  }
}

/*==================================================
===| 22. Fun Facts
===================================================*/
.fun-facts {
  background: url(../img/bg/fun-facts-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}

.fun-facts:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #0c0c12;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.fun-facts__item h3 {
  color: #ffd014;
  font-family: "Rubik", sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 84px;
  position: relative;
  margin-bottom: 34px;
}

.fun-facts__item h3:before {
  position: absolute;
  content: '';
  width: 70px;
  height: 1px;
  background: #fff;
  left: calc(50% - 35px);
  bottom: -8px;
}

.fun-facts__item p {
  font-size: 16px;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  color: #fff;
}

.fun-facts.home3 .fun-facts__item h3 {
  color: #fff;
}

/*==================================================
===| 23. Client
===================================================*/
.client1__thumb {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.client1__thumb:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.client1.home2 {
  border-bottom: 1px solid #e2e5e7;
}

/*==================================================
===| 24. Video area
===================================================*/
.video1 {
  position: relative;
}

.video1__thumb {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.video1__thumb:before {
  position: absolute;
  background: #2a2a2c;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.video1__thumb img {
  width: 100%;
  height: auto;
}

.video1__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.video1__content a {
  width: 85px;
  height: 85px;
  text-align: center;
  color: #fff;
  background: #ea1e40;
  display: inline-block;
  border-radius: 5px;
}

@media only screen and (max-width: 991px) {
  .video1__content a {
    width: 60px;
    height: 60px;
  }
}

@media only screen and (max-width: 400px) {
  .video1__content a {
    width: 45px;
    height: 45px;
  }
}

.video1__content a i {
  font-size: 23px;
  line-height: 85px;
  display: inline-block;
}

@media only screen and (max-width: 991px) {
  .video1__content a i {
    line-height: 60px;
    font-size: 25px;
  }
}

@media only screen and (max-width: 400px) {
  .video1__content a i {
    line-height: 45px;
  }
}

.video1__content h3 {
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  margin-top: 35px;
}

@media only screen and (max-width: 991px) {
  .video1__content h3 {
    font-size: 32px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .video1__content h3 {
    display: none;
  }
}

.video1.other_pages .video1__content a {
  background: #ee5542;
}

/*==================================================
===| 25. Price
===================================================*/
.price1__item {
  border: 1px solid #e2e5e7;
  padding: 20px 20px 40px;
}

.price1__item:hover .price1__btn a {
  background-color: #ee5542;
  border-color: #ee5542;
}

.price1__thumb {
  margin-bottom: 22px;
}

.price1__data {
  margin-bottom: 30px;
}

.price1__data p {
  font-size: 20px;
  font-weight: 500;
  color: #191919;
  font-family: "Poppins", sans-serif;
}

.price1__data h4 {
  font-size: 36px;
  font-weight: 500;
  font-family: "Rubik", sans-serif;
  color: #191919;
}

.price1__data h4 span {
  font-size: 15px;
  font-weight: 400;
  color: #666666;
}

.price1__content ul {
  margin-bottom: 37px;
}

.price1__content ul li {
  margin-bottom: 10px;
}

.price1__content ul li span {
  font-size: 15px;
  color: #666666;
}

/*==================================================
===| 26. Page title
===================================================*/
.page_title__bg-1 {
  background: url(../img/bg/page-title-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-2 {
  background: url(../img/bg/page-title-02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-3 {
  background: url(../img/bg/page-title-03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-4 {
  background: url(../img/bg/page-title-04.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-5 {
  background: url(../img/bg/page-title-05.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-6 {
  background: url(../img/bg/page-title-06.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-7 {
  background: url(../img/bg/page-title-07.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-7a {
  background: url(../img/bg/page-ecommerce.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-7b {
  background: url(../img/bg/page-seo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-7c {
  background: url(../img/bg/page-logo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-7d {
  background: url(../img/bg/page-domain.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-8 {
  background: url(../img/bg/page-title-08.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-9 {
  background: url(../img/bg/page-title-09.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-10 {
  background: url(../img/bg/page-title-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-11 {
  background: url(../img/bg/page-title-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-12 {
  background: url(../img/bg/page-title-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-13 {
  background: url(../img/bg/page-title-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-14 {
  background: url(../img/bg/page-title-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-15 {
  background: url(../img/bg/page-title-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-16 {
  background: url(../img/bg/page-title-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-17 {
  background: url(../img/bg/page-title-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-18 {
  background: url(../img/bg/page-title-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-19 {
  background: url(../img/bg/page-title-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__bg-20 {
  background: url(../img/bg/page-title-20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title__padding {
  padding: 230px 20px;
}

@media only screen and (max-width: 1199px) {
  .page_title__padding {
    padding: 200px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .page_title__padding {
    padding: 150px 20px;
  }
}

@media only screen and (max-width: 479px) {
  .page_title__padding {
    padding: 100px 20px;
  }
}

.page_title__content h1 {
  margin: 0px;
  font-size: 70px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .page_title__content h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 319px) {
  .page_title__content h1 {
    font-size: 45px;
  }
}

.page_title.other_pages .page_title__padding {
  padding-left: 0px;
  padding-right: 0px;
}

.page_title.other_pages .page_title__data {
  margin-bottom: 25px;
}

.page_title.other_pages .page_title__data a {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 25px;
}

.page_title.other_pages .page_title__data a i {
  padding-right: 10px;
}

.page_title.other_pages .page_title__data a:hover {
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .page_title.other_pages .page_title__content h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .page_title.other_pages .page_title__content h1 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 479px) {
  .page_title.other_pages .page_title__content h1 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 319px) {
  .page_title.other_pages .page_title__content h1 {
    font-size: 32px;
  }
}

/*==================================================
===| 27. Our Office
===================================================*/
.our_office__content {
  padding-right: 50px;
}

@media only screen and (max-width: 991px) {
  .our_office__content {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 1399px) {
  .our_office__content {
    padding: 0px;
  }
}

.our_office__content p {
  line-height: 26px;
}

/*==================================================
===| 28. CTA area
===================================================*/
.cta__content {
  padding-right: 300px;
}

@media only screen and (max-width: 1199px) {
  .cta__content {
    padding-right: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .cta__content {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .cta__content {
    margin-bottom: 30px;
  }
}

.cta__content h2 {
  font-family: "Poppins", sans-serif;
  font-size: 42px;
  font-weight: 600;
  margin: 0px;
}

@media only screen and (max-width: 479px) {
  .cta__content h2 {
    font-size: 32px;
  }
}

/*==================================================
===| 29. Side bar
===================================================*/
.side_bar1__widget {
  background: #f7f7f7;
  padding: 45px 30px;
}

@media only screen and (max-width: 319px) {
  .side_bar1__widget {
    padding: 40px 20px;
  }
}

.side_bar1__widget h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}

.side_bar1__service-list ul li a {
  display: block;
  background: #fff;
  font-size: 15px;
  font-family: "Rubik", sans-serif;
  color: #666666;
  padding: 15px 20px;
  position: relative;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.side_bar1__service-list ul li a i {
  position: absolute;
  right: 20px;
  top: 18px;
  font-size: 15px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.side_bar1__service-list ul li a:hover {
  background: #ee5542;
  color: #fff;
}

.side_bar1__service-list ul li a:hover i {
  color: #fff;
}

.side_bar1__service-list ul li:not(:first-child) a {
  margin-top: 15px;
}

.side_bar1__help {
  background: url(../img/bg/help-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 440px;
  width: 100%;
}

.side_bar1__help-content h3 {
  font-size: 27px;
  color: #fff;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 22px;
}

.side_bar1__help-content p {
  color: #fff;
  margin-bottom: 30px;
}

.side_bar2__search {
  position: relative;
}

.side_bar2__search input {
  border: none;
  border-bottom: 1px solid #eceef0;
  width: 100%;
  padding: 10px 0px;
  display: inline-block;
}

.side_bar2__search input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}

.side_bar2__search input:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}

.side_bar2__search input::-ms-input-placeholder {
  color: #999;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}

.side_bar2__search input::-webkit-input-placeholder {
  color: #999;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}

.side_bar2__search input::-moz-placeholder {
  color: #999;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}

.side_bar2__search input:-ms-input-placeholder {
  color: #999;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}

.side_bar2__search input::placeholder {
  color: #999;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}

.side_bar2__search button {
  color: #999;
  position: absolute;
  right: 0px;
  top: 10px;
}

.side_bar2__widget h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 25px;
}

.side_bar2__widget--tag a {
  display: inline-block;
  font-size: 14px;
  color: #666666;
  background: #f7f7f7;
  padding: 12px 24px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.side_bar2__widget--tag a:hover {
  color: #fff;
  background: #ee5542;
}

.side_bar2__widget--categories ul li {
  margin-bottom: 13px;
}

.side_bar2__widget--categories ul li a {
  display: inline-block;
  color: #666666;
}

.side_bar2__widget--categories ul li a:hover {
  color: #ee5542;
}

.side_bar2__widget--post {
  position: relative;
  margin-bottom: 20px;
}

.side_bar2__widget--post .side_bar2__post-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 90px;
}

.side_bar2__widget--post .side_bar2__post-content {
  padding-left: 120px;
  min-height: 90px;
}

.side_bar2__widget--post .side_bar2__post-content h4 a {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #0c1215;
}

.side_bar2__widget--post .side_bar2__post-content h4 a:hover {
  color: #ee5542;
}

.side_bar2__widget--post .side_bar2__post-content span {
  color: #666666;
  font-size: 13px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 25px;
}

.side_bar2__widget--post .side_bar2__post-content span i {
  padding-right: 10px;
}

@media only screen and (max-width: 991px) {
  .service_details1 {
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .service_details1__thumb.thumb2 {
    margin-bottom: 30px;
  }
}

.service_details1__content p {
  line-height: 26px;
}

/*==================================================
===| 30. Accordion Style
===================================================*/
.faq1__wrapper {
  margin-top: 80px;
}

@media only screen and (max-width: 991px) {
  .faq1__wrapper {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .faq1__wrapper {
    margin-top: 50px;
  }
}

.accordion_style_01 .card {
  border: none;
  margin-bottom: 22px;
  border-radius: 0px;
}

.accordion_style_01 .card-header {
  padding: 0px;
  border: none;
  background-color: #fff;
}

.accordion_style_01 .card-header a {
  display: block;
  padding: 20px 42px 20px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #191919;
  border: 1px solid #e4e7e8;
  background: #fff;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.accordion_style_01 .card-header a:hover {
  border-color: #ee5542;
}

.accordion_style_01 .card-header a i {
  position: absolute;
  right: 20px;
  top: 22px;
  color: #b9b9b9;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.accordion_style_01 .card-header a:hover i {
  color: #ee5542;
}

.accordion_style_01 .card-header a[aria-expanded="true"] {
  border-color: #ee5542;
}

.accordion_style_01 .card-header a[aria-expanded="true"] i {
  color: #ee5542;
  -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
}

.accordion_style_01 .card-body {
  padding: 0px;
  margin-top: 15px;
}

.accordion_style_01 .card-body p {
  margin: 0px;
}

.pagination__content ul li {
  display: inline-block;
  margin-right: 20px;
}

.pagination__content ul li a {
  width: 50px;
  height: 50px;
  border: 1px solid #e9ebed;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 51px;
  font-size: 14px;
  color: #191919;
}

.pagination__content ul li a:hover {
  color: #fff;
  background: #191919;
  border-color: #191919;
}

.pagination__content ul li:last-child a {
  background: #191919;
  border-color: #191919;
  color: #fff;
}

/*==================================================
===| 31. Contact
===================================================*/
.contact_page1__form {
  margin-top: 50px;
}

@media only screen and (max-width: 991px) {
  .contact_page1__form {
    margin-top: 0px;
  }
}

.contact_page1__form h3 {
  font-size: 27px;
  font-weight: 600;
  margin-bottom: 30px;
}

.contact_page1__content h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 32px;
}

.contact_page1__item--name {
  position: relative;
}

.contact_page1__item--name i {
  position: absolute;
  left: 0px;
  top: 1px;
  font-size: 18px;
  color: #191919;
}

.contact_page1__item--name h5 {
  font-size: 16px;
  font-weight: 500;
  padding-left: 27px;
  margin-bottom: 15px;
}

.contact_page1__item p {
  margin: 0px;
}

/*==================================================
===| Author CSS End
===================================================*/
/*==================================================
===| Helper classes
===================================================*/
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
 * Don't show links that are fragment identifiers,
 * or use the `javascript:` pseudo protocol
 */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
 * Printing Tables:
 * http://css-discuss.incutio.com/wiki/Printing_Tables
 */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*==================================================
===| Style CSS End
===================================================*/