/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
/* ==========================================
font-family: 'Open Sans', sans-serif;
=============================================*/
/*--------------------------------------------------------------
# Table of content
--------------------------------------------------------------*/
/* ==================================
1. basic css directory
==================================
  1.1 universal css
  1.2 BootStarp settings

==================================
2. Property directory css
==================================
  2.1 Typography css
    2.1.1 font color
    2.1.2 font family
    2.1.3 font weight
    2.1.4 line height
    2.1.5 font size
    2.1.6 text-transform
  2.2 margin css
    2.2.1 clear margin
    2.2.2 MARGIN TOP
    2.2.3 MARGIN BOTTOM
    2.2.4 MARGIN RIGHT
    2.2.5 MARGIN LEFT
    2.2.5 MARGIN LEFT
    2.2.6 margin bottom for small device
    2.2.7 margin top for small device
    2.2.8 margin bottom for small device landscape
    2.2.9 margin top for small device landscape
  2.3 padding css
    2.3.1 clear padding
    2.3.2 padding TOP
    2.3.3 padding BOTTOM
    2.3.4 padding RIGHT
    2.3.5 padding LEFT
    2.3.5 padding LEFT
    2.3.6 padding bottom for small device
    2.3.7 padding top for small device
    2.3.8 padding bottom for small device landscape
    2.3.9 padding top for small device landscape
  2.4 display property css
  2.5 visiblity property css
  2.6 color property css
  2.7 border property css

==================================
3. ELEMENTS related
==================================
  3.1 social nav css
  3.2 social nav two
  3.3 skills one css
  3.4 email subscribe element css
  3.5 email subscribe element two css
  3.6 Down arrow css
  3.7 venobox video element css

==================================
4. modular section related css
==================================
  4.1 preloder css
  4.2 header css
  4.3 nav css
  4.4 hamburger menu css
  4.5 ham burger menu two
  4.6 breadcrumb css
  4.7 aboutOne section block css
  4.8 about-social section block css
  4.9 about-social-two section block csS
  4.10 about section three css
  4.11 grid text block css
  4.12 send mail button section css
  4.13 Gallery style one css
  4.14 feature one section CSS
  4.15 testimonial one CSS
  4.16 SKILL-one section block css
  4.17 get started section css
  4.18 section with image css
  4.19 call to action section CSS
  4.20 call to action two css
  4.21 feature two css
  4.22 counter up css
  4.23 counter up css start
  4.24 pricing css
  4.25 pricing table two css
  4.26 team css
  4.27 masonry gallery css
  4.28 feature three css
  4.29 Instagram feed css
  4.30 video gallery css
  4.31 footer css
  4.32 footer two css

PAGE CSS
  1. TRAVEL PAGE CSS
  2. RESUME PAGE CSS
  3. CHARITY PAGE CSS
  4. SOFTWARE PAGE CSS
  5. STARTUP PAGE CSS
  6. PORTFOLIO PAGE CSS
  7. FASHION PAGE CSS
  8. CONSULTING PAGE CSS
  9. CATERING PAGE CSS
  10. YOUTUBE PAGE CSS
  10. PREVIEW PAGE CSS



========================================*/
/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/* ============== Universal variables ===============*/
/*==============media query variable ============*/
/*================ Resume page variable ================*/
/*================ Charity page variable ================*/
/*================ software page variable =================*/
/*================ start up page variable =================*/
/*================ profile up page variable =================*/
/*================ fashion up page variable =================*/
/*================ consulting up page variable =================*/
/*================ catering up page variable =================*/
/*================ youtuber up page variable =================*/
/*--------------------------------------------------------------
# Basic css
--------------------------------------------------------------*/
/*=================== basic css directory ======================*/
/*============= universal css ================ */
body {
  font: 100% "Open Sans", sans-serif;
  font-size: 14px;
  color: #252525;
  font-weight: 400;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  position: relative; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  color: #252525;
  font-weight: 700;
  line-height: 1.2; }

a, a:hover, a:visited, a:focus {
  text-decoration: none;
  transition: all .4s ease;
  font-family: "Open Sans", sans-serif; }

.img-responsive {
  margin: auto; }

.section-title {
  font-size: 31px;
  margin-top: 0;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 0; }

.section-sub-title {
  font-size: 21px;
  color: #252525;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 5px; }

.divider-style-1 {
  background: #e5e6ea;
  height: 1px; }

.mix-btn {
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 25px;
  background: #1fcaea;
  color: #ffffff;
  font-size: 14px;
  padding: 9px 24px;
  display: inline-block;
  margin: 20px auto;
  font-weight: 700;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  transition: all .7s ease;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .mix-btn:hover, .mix-btn:active, .mix-btn:focus {
    color: #1fcaea;
    border: 1px solid #1fcaea;
    background: #ffffff; }

.transform-btn {
  text-transform: uppercase;
  border: 1px solid #8a84d7;
  border-radius: 25px;
  background: #1fcaea;
  color: #ffffff;
  font-size: 14px;
  padding: 14px 39px;
  display: inline-block;
  margin: 20px auto;
  font-weight: 700;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  transition: color .4s ease;
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent; }
  .transform-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    border-radius: 25px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .transform-btn:hover {
    color: #1fcaea;
    border: 1px solid #1fcaea; }
    .transform-btn:hover:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out; }

.div-height-fix-flex {
  -webkit-align-items: center;
  align-items: center;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around; }
  @media only screen and (max-width: 991px) {
    .div-height-fix-flex {
      display: block; } }

blockquote {
  margin: 24px auto;
  background: #f8faff;
  color: #222222;
  padding: 30px;
  font-size: 16px; }
  blockquote p {
    font-style: italic;
    color: #767676; }

.bounce-btn {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  margin: .4em 0;
  padding: 1em;
  cursor: pointer;
  background: #e1e1e1;
  text-decoration: none;
  line-height: 140%;
  color: #666;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .bounce-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .bounce-btn:hover {
    color: white; }
    .bounce-btn:hover:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
      transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.vbox-close {
  top: 100px; }
  @media (max-width: 1399px) {
    .vbox-close {
      top: 60px; } }

.overlay {
  position: relative;
  z-index: 1; }
  .overlay:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(41, 41, 41, 0.4);
    z-index: -1; }

.copy a {
  color: #505050; }
  .copy a:hover {
    color: #717171; }

/*======================= BootStarp settings  =========================*/
button, .btn:focus, a:focus {
  outline: none; }

.form-control:focus {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.2); }

@media (min-width: 1200px) {
  .container {
    width: 1200px; } }

/*nav bar css fix*/
.navbar-fixed-bottom, .navbar-fixed-top {
  padding: 10px 30px; }
  @media (max-width: 1399px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
      padding: 10px 30px; } }

/*--------------------------------------------------------------
# Property css
--------------------------------------------------------------*/
/*=================== Property directory css ======================*/
/*===========Typography css==============*/
/*-----------------font color---------------------*/
._white {
  color: #ffffff; }

._black {
  color: #000000; }

._primary {
  color: #1fcaea; }

._secondary {
  color: #8a84d7; }

/*-----------------font family---------------------*/
.roboto {
  font-family: 'Roboto', sans-serif; }

.open-sans {
  font-family: 'Open Sans', sans-serif; }

.lato {
  font-family: 'Lato', sans-serif; }

.lora {
  font-family: 'Lora', sans-serif; }

.montserrat {
  font-family: 'Montserrat', sans-serif; }

.raleway {
  font-family: 'Raleway', sans-serif; }

.libre {
  font-family: 'Libre Baskerville', serif; }

.poppins {
  font-family: 'Poppins', sans-serif; }

/*-----------------font weight---------------------*/
.thin {
  font-weight: 100; }

.light {
  font-weight: 300; }

.regular {
  font-weight: 400; }

.medium {
  font-weight: 500; }

.semi-bold {
  font-weight: 600; }

.bold {
  font-weight: 700; }

.extra-bold {
  font-weight: 800; }

.Black {
  font-weight: 900; }

._100 {
  font-weight: 100; }

._300 {
  font-weight: 300; }

._400 {
  font-weight: 400; }

._500 {
  font-weight: 500; }

._600 {
  font-weight: 600; }

._700 {
  font-weight: 700; }

._800 {
  font-weight: 800; }

._900 {
  font-weight: 900; }

/*-----------------line height---------------------*/
._line-1 {
  line-height: 1.1; }

._line-2 {
  line-height: 1.2; }

._line-3 {
  line-height: 1.3; }

._line-4 {
  line-height: 1.4; }

._line-5 {
  line-height: 1.5; }

._line-6 {
  line-height: 1.6; }

._line-7 {
  line-height: 1.7; }

/*------------- font size ---------------*/
._12px {
  font-size: 12px; }

._13px {
  font-size: 13px; }

._14px {
  font-size: 14px; }

._15px {
  font-size: 15px; }

._16px {
  font-size: 16px; }

._17px {
  font-size: 17px; }

._18px {
  font-size: 18px; }

._19px {
  font-size: 19px; }

._20px {
  font-size: 20px; }

._21px {
  font-size: 21px; }

._22px {
  font-size: 22px; }

._23px {
  font-size: 23px; }

._24px {
  font-size: 24px; }

._25px {
  font-size: 25px; }

._26px {
  font-size: 26px; }

._27px {
  font-size: 27px; }

._28px {
  font-size: 28px; }

._29px {
  font-size: 29px; }

._30px {
  font-size: 30px; }

._31px {
  font-size: 31px; }

._32px {
  font-size: 32px; }

._33px {
  font-size: 33px; }

._34px {
  font-size: 34px; }

._35px {
  font-size: 35px; }

._36px {
  font-size: 36px; }

._37px {
  font-size: 37px; }

._38px {
  font-size: 38px; }

._39px {
  font-size: 39px; }

._40px {
  font-size: 40px; }

._41px {
  font-size: 41px; }

._42px {
  font-size: 42px; }

._43px {
  font-size: 43px; }

._44px {
  font-size: 44px; }

._45px {
  font-size: 45px; }

._46px {
  font-size: 46px; }

._47px {
  font-size: 47px; }

._48px {
  font-size: 48px; }

._49px {
  font-size: 49px; }

._50px {
  font-size: 50px; }

._51px {
  font-size: 51px; }

._52px {
  font-size: 52px; }

._53px {
  font-size: 53px; }

._54px {
  font-size: 54px; }

._55px {
  font-size: 55px; }

._56px {
  font-size: 56px; }

._57px {
  font-size: 57px; }

._58px {
  font-size: 58px; }

._59px {
  font-size: 59px; }

._60px {
  font-size: 60px; }

._61px {
  font-size: 61px; }

._62px {
  font-size: 62px; }

._63px {
  font-size: 63px; }

._64px {
  font-size: 64px; }

._65px {
  font-size: 65px; }

._66px {
  font-size: 66px; }

._67px {
  font-size: 67px; }

._68px {
  font-size: 68px; }

._69px {
  font-size: 69px; }

._70px {
  font-size: 70px; }

._71px {
  font-size: 71px; }

._72px {
  font-size: 72px; }

._73px {
  font-size: 73px; }

._74px {
  font-size: 74px; }

._75px {
  font-size: 75px; }

._76px {
  font-size: 76px; }

._77px {
  font-size: 77px; }

._78px {
  font-size: 78px; }

._79px {
  font-size: 79px; }

._80px {
  font-size: 80px; }

@media only screen and (max-width: 767px) {
  ._19px, ._20px, ._21px, ._22px, ._23px {
    font-size: 18px; }
  ._24px, ._25px, ._26px, ._27px, ._28px, ._29px, ._30px {
    font-size: 20px; }
  ._31px, ._32px, ._33px, ._34px, ._35px, ._36px, ._37px, ._38px, ._39px, ._40px {
    font-size: 22px; }
  ._41px, ._42px, ._43px, ._44px, ._45px, ._46px, ._47px, ._48px, ._49px, ._50px {
    font-size: 28px; }
  ._51px, ._52px, ._53px, ._54px, ._55px, ._56px, ._57px, ._58px, ._59px, ._60px {
    font-size: 28px; }
  ._61px, ._62px, ._63px, ._64px, ._65px, ._66px, ._67px, ._68px, ._69px, ._70px, ._71px, ._72px, ._73px, ._74px, ._75px, ._76px, ._77px, ._78px, ._79px, ._80px, ._81px, ._82px, ._83px, ._84px, ._85px, ._86px, ._87px, ._88px, ._89px, ._90px, ._91px, ._92px, ._93px, ._94px, ._95px, ._96px, ._97px, ._98px, ._99px, ._100px, ._101px, ._102px, ._103px, ._104px, ._105px, ._106px, ._107px, ._108px, ._109px, ._110px, ._111px, ._112px, ._113px, ._114px, ._115px, ._116px, ._117px, ._118px, ._119px, ._120px {
    font-size: 35px; } }

@media only screen and (orientation: landscape) and (max-width: 767px) {
  ._21px, ._22px, ._23px {
    font-size: 20px; }
  ._24px, ._25px, ._26px, ._27px, ._28px, ._29px, ._30px {
    font-size: 24px; }
  ._31px, ._32px, ._33px, ._34px, ._35px, ._36px, ._37px, ._38px, ._39px, ._40px {
    font-size: 28px; }
  ._41px, ._42px, ._43px, ._44px, ._45px, ._46px, ._47px, ._48px, ._49px, ._50px {
    font-size: 32px; }
  ._51px, ._52px, ._53px, ._54px, ._55px, ._56px, ._57px, ._58px, ._59px, ._60px {
    font-size: 36px; }
  ._61px, ._62px, ._63px, ._64px, ._65px, ._66px, ._67px, ._68px, ._69px, ._70px, ._71px, ._72px, ._73px, ._74px, ._75px, ._76px, ._77px, ._78px, ._79px, ._80px, ._81px, ._82px, ._83px, ._84px, ._85px, ._86px, ._87px, ._88px, ._89px, ._90px, ._91px, ._92px, ._93px, ._94px, ._95px, ._96px, ._97px, ._98px, ._99px, ._100px, ._101px, ._102px, ._103px, ._104px, ._105px, ._106px, ._107px, ._108px, ._109px, ._110px, ._111px, ._112px, ._113px, ._114px, ._115px, ._116px, ._117px, ._118px, ._119px, ._120px {
    font-size: 40px; } }

/*================== text-transform =====================*/
.uppercase {
  text-transform: uppercase; }

/*-----------------
Start:margin
-----------------*/
/*clear margin*/
.clear-margin {
  margin: 0; }

.clear-margin-top {
  margin-top: 0; }

.clear-margin-bottom {
  margin-bottom: 0; }

.clear-margin-left {
  margin-left: 0; }

.clear-margin-right {
  margin-right: 0; }

/*MARGIN TOP*/
.m-t-5 {
  margin-top: 5px; }

.m-t-10 {
  margin-top: 10px; }

.m-t-15 {
  margin-top: 15px; }

.m-t-20 {
  margin-top: 20px; }

.m-t-25 {
  margin-top: 25px; }

.m-t-30 {
  margin-top: 30px; }

.m-t-35 {
  margin-top: 35px; }

.m-t-40 {
  margin-top: 40px; }

.m-t-45 {
  margin-top: 45px; }

.m-t-50 {
  margin-top: 50px; }

.m-t-55 {
  margin-top: 55px; }

.m-t-60 {
  margin-top: 60px; }

.m-t-65 {
  margin-top: 65px; }

.m-t-70 {
  margin-top: 70px; }

.m-t-75 {
  margin-top: 75px; }

.m-t-80 {
  margin-top: 80px; }

.m-t-85 {
  margin-top: 85px; }

.m-t-90 {
  margin-top: 90px; }

.m-t-95 {
  margin-top: 80px; }

.m-t-100 {
  margin-top: 80px; }

/*MARGIN BOTTOM*/
.m-b-5 {
  margin-bottom: 5px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-b-25 {
  margin-bottom: 25px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-b-35 {
  margin-bottom: 35px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-b-45 {
  margin-bottom: 45px; }

.m-b-50 {
  margin-bottom: 50px; }

.m-b-55 {
  margin-bottom: 55px; }

.m-b-60 {
  margin-bottom: 60px; }

.m-b-65 {
  margin-bottom: 65px; }

.m-b-70 {
  margin-bottom: 70px; }

.m-b-75 {
  margin-bottom: 75px; }

.m-b-80 {
  margin-bottom: 80px; }

/*MARGIN RIGHT*/
.m-r-0 {
  margin-right: 0; }

.m-r-5 {
  margin-right: 5px; }

.m-r-10 {
  margin-right: 10px; }

.m-r-15 {
  margin-right: 15px; }

.m-r-20 {
  margin-right: 20px; }

.m-r-25 {
  margin-right: 25px; }

.m-r-30 {
  margin-right: 30px; }

.m-r-35 {
  margin-right: 35px; }

.m-r-40 {
  margin-right: 40px; }

.m-r-45 {
  margin-right: 45px; }

.m-r-50 {
  margin-right: 50px; }

/*MARGIN LEFT*/
.m-l-0 {
  margin-left: 0; }

.m-l-5 {
  margin-left: 5px; }

.m-l-10 {
  margin-left: 10px; }

.m-l-15 {
  margin-left: 15px; }

.m-l-20 {
  margin-left: 20px; }

.m-l-25 {
  margin-left: 25px; }

.m-l-30 {
  margin-left: 30px; }

.m-l-35 {
  margin-left: 35px; }

.m-l-40 {
  margin-left: 40px; }

.m-l-45 {
  margin-left: 45px; }

.m-l-50 {
  margin-left: 50px; }

@media only screen and (max-width: 767px) {
  .s-m-l-0 {
    margin-left: 0; }
  .s-m-r-0 {
    margin-right: 0; }
  /*margin bottom for small device*/
  .s-m-b-5 {
    margin-bottom: 5px; }
  .s-m-b-10 {
    margin-bottom: 10px; }
  .s-m-b-15 {
    margin-bottom: 15px; }
  .s-m-b-20 {
    margin-bottom: 20px; }
  .s-m-b-25 {
    margin-bottom: 25px; }
  .s-m-b-30 {
    margin-bottom: 30px; }
  .s-m-b-35 {
    margin-bottom: 35px; }
  .s-m-b-40 {
    margin-bottom: 40px; }
  .s-m-b-45 {
    margin-bottom: 45px; }
  .s-m-b-50 {
    margin-bottom: 50px; }
  .s-m-b-55 {
    margin-bottom: 55px; }
  .s-m-b-60 {
    margin-bottom: 60px; }
  /*margin top for small device*/
  .s-m-t-5 {
    margin-top: 5px; }
  .s-m-t-10 {
    margin-top: 10px; }
  .s-m-t-15 {
    margin-top: 15px; }
  .s-m-t-20 {
    margin-top: 20px; }
  .s-m-t-25 {
    margin-top: 25px; }
  .s-m-t-30 {
    margin-top: 30px; }
  .s-m-t-35 {
    margin-top: 35px; }
  .s-m-t-40 {
    margin-top: 40px; }
  .s-m-t-45 {
    margin-top: 45px; }
  .s-m-t-50 {
    margin-top: 50px; }
  .s-m-t-55 {
    margin-top: 55px; }
  .s-m-t-60 {
    margin-top: 60px; }
  .s-m-t-65 {
    margin-top: 65px; }
  .s-m-t-70 {
    margin-top: 70px; }
  .s-m-t-75 {
    margin-top: 75px; }
  .s-m-t-80 {
    margin-top: 80px; } }

@media only screen and (orientation: landscape) and (max-width: 767px) {
  .s-m-l-0 {
    margin-left: 0; }
  .s-m-r-0 {
    margin-right: 0; }
  /*margin bottom for small device landscape*/
  .s-m-b-5 {
    margin-bottom: 5px; }
  .s-m-b-10 {
    margin-bottom: 10px; }
  .s-m-b-15 {
    margin-bottom: 15px; }
  .s-m-b-20 {
    margin-bottom: 20px; }
  .s-m-b-25 {
    margin-bottom: 25px; }
  .s-m-b-30 {
    margin-bottom: 30px; }
  .s-m-b-35 {
    margin-bottom: 35px; }
  .s-m-b-40 {
    margin-bottom: 40px; }
  .s-m-b-45 {
    margin-bottom: 45px; }
  .s-m-b-50 {
    margin-bottom: 50px; }
  .s-m-b-55 {
    margin-bottom: 55px; }
  .s-m-b-60 {
    margin-bottom: 60px; }
  /*margin top for small device landscape*/
  .s-m-t-5 {
    margin-top: 5px; }
  .s-m-t-10 {
    margin-top: 10px; }
  .s-m-t-15 {
    margin-top: 15px; }
  .s-m-t-20 {
    margin-top: 20px; }
  .s-m-t-25 {
    margin-top: 25px; }
  .s-m-t-30 {
    margin-top: 30px; }
  .s-m-t-35 {
    margin-top: 35px; }
  .s-m-t-40 {
    margin-top: 40px; }
  .s-m-t-45 {
    margin-top: 45px; }
  .s-m-t-50 {
    margin-top: 50px; }
  .s-m-t-55 {
    margin-top: 55px; }
  .s-m-t-60 {
    margin-top: 60px; }
  .s-m-t-65 {
    margin-top: 65px; }
  .s-m-t-70 {
    margin-top: 70px; }
  .s-m-t-75 {
    margin-top: 75px; }
  .s-m-t-80 {
    margin-top: 80px; } }

/*-----------------------
padding
-----------------------*/
.less-padding {
  padding: 0 1px; }
  @media only screen and (max-width: 767px) {
    .less-padding {
      padding: 0 15px; } }
  @media only screen and (orientation: landscape) and (max-width: 767px) {
    .less-padding {
      padding: 0 15px; } }

.clear-padding {
  padding: 0; }

.clear-padding-top {
  padding-top: 0; }

.clear-padding-bottom {
  padding-bottom: 0; }

.clear-padding-left {
  padding-left: 0; }

.clear-padding-right {
  padding-right: 0; }

/*-------------padding left---------------*/
.p-l-5 {
  padding-left: 5px; }

.p-l-10 {
  padding-left: 10px; }

.p-l-15 {
  padding-left: 15px; }

.p-l-20 {
  padding-left: 20px; }

.p-l-25 {
  padding-left: 25px; }

.p-l-30 {
  padding-left: 30px; }

.p-l-35 {
  padding-left: 35px; }

.p-l-40 {
  padding-left: 40px; }

.p-l-45 {
  padding-left: 45px; }

.p-l-50 {
  padding-left: 50px; }

.p-l-55 {
  padding-left: 55px; }

.p-l-60 {
  padding-left: 60px; }

.p-l-65 {
  padding-left: 65px; }

/*right padding*/
.p-r-5 {
  padding-right: 5px; }

.p-r-10 {
  padding-right: 10px; }

.p-r-15 {
  padding-right: 15px; }

.p-r-20 {
  padding-right: 20px; }

.p-r-25 {
  padding-right: 25px; }

.p-r-30 {
  padding-right: 30px; }

.p-r-35 {
  padding-right: 35px; }

.p-r-40 {
  padding-right: 40px; }

.p-r-45 {
  padding-right: 45px; }

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

.p-r-55 {
  padding-right: 55px; }

.p-r-60 {
  padding-right: 60px; }

.p-r-65 {
  padding-right: 65px; }

/*bottom padding*/
.p-b-5 {
  padding-bottom: 5px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-b-25 {
  padding-bottom: 25px; }

.p-b-30 {
  padding-bottom: 30px; }

.p-b-35 {
  padding-bottom: 35px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-b-45 {
  padding-bottom: 55px; }

.p-b-50 {
  padding-bottom: 50px; }

.p-b-55 {
  padding-bottom: 55px; }

.p-b-60 {
  padding-bottom: 60px; }

.p-b-65 {
  padding-bottom: 65px; }

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

.p-t-10 {
  padding-top: 10px; }

.p-t-15 {
  padding-top: 15px; }

.p-t-20 {
  padding-top: 20px; }

.p-t-25 {
  padding-top: 25px; }

.p-t-30 {
  padding-top: 30px; }

.p-t-35 {
  padding-top: 35px; }

.p-t-40 {
  padding-top: 40px; }

.p-t-45 {
  padding-top: 55px; }

.p-t-50 {
  padding-top: 50px; }

.p-t-55 {
  padding-top: 55px; }

.p-t-60 {
  padding-top: 60px; }

.p-t-65 {
  padding-top: 65px; }

/*Padding for small screen*/
@media only screen and (max-width: 767px) {
  .s-p-l-5 {
    padding-left: 5px; }
  .s-p-l-10 {
    padding-left: 10px; }
  .s-p-l-15 {
    padding-left: 15px; }
  .s-p-l-20 {
    padding-left: 20px; }
  .s-p-l-25 {
    padding-left: 25px; }
  .s-p-l-30 {
    padding-left: 30px; }
  .s-p-l-35 {
    padding-left: 35px; }
  .s-p-l-40 {
    padding-left: 40px; }
  .s-p-l-45 {
    padding-left: 45px; }
  .s-p-l-50 {
    padding-left: 50px; }
  .s-p-l-55 {
    padding-left: 55px; }
  .s-p-l-60 {
    padding-left: 60px; }
  .s-p-l-65 {
    padding-left: 65px; }
  .s-p-r-5 {
    padding-right: 5px; }
  .s-p-r-10 {
    padding-right: 10px; }
  .s-p-r-15 {
    padding-right: 15px; }
  .s-p-r-20 {
    padding-right: 20px; }
  .s-p-r-25 {
    padding-right: 25px; }
  .s-p-r-30 {
    padding-right: 30px; }
  .s-p-r-35 {
    padding-right: 35px; }
  .s-p-r-40 {
    padding-right: 40px; }
  .s-p-r-45 {
    padding-right: 45px; }
  .s-p-r-50 {
    padding-right: 50px; }
  .s-p-r-55 {
    padding-right: 55px; }
  .s-p-r-60 {
    padding-right: 60px; }
  .s-p-r-65 {
    padding-right: 65px; }
  .s-p-b-5 {
    padding-bottom: 5px; }
  .s-p-b-10 {
    padding-bottom: 10px; }
  .s-p-b-15 {
    padding-bottom: 15px; }
  .s-p-b-20 {
    padding-bottom: 20px; }
  .s-p-b-25 {
    padding-bottom: 25px; }
  .s-p-b-30 {
    padding-bottom: 30px; }
  .s-p-b-35 {
    padding-bottom: 35px; }
  .s-p-b-40 {
    padding-bottom: 40px; }
  .s-p-b-45 {
    padding-bottom: 55px; }
  .s-p-b-50 {
    padding-bottom: 50px; }
  .s-p-b-55 {
    padding-bottom: 55px; }
  .s-p-b-60 {
    padding-bottom: 60px; }
  .s-p-b-65 {
    padding-bottom: 65px; }
  .s-p-t-5 {
    padding-top: 5px; }
  .s-p-t-10 {
    padding-top: 10px; }
  .s-p-t-15 {
    padding-top: 15px; }
  .s-p-t-20 {
    padding-top: 20px; }
  .s-p-t-25 {
    padding-top: 25px; }
  .s-p-t-30 {
    padding-top: 30px; }
  .s-p-t-35 {
    padding-top: 35px; }
  .s-p-t-40 {
    padding-top: 40px; }
  .s-p-t-45 {
    padding-top: 55px; }
  .s-p-t-50 {
    padding-top: 50px; }
  .s-p-t-55 {
    padding-top: 55px; }
  .s-p-t-60 {
    padding-top: 60px; }
  .s-p-t-65 {
    padding-top: 65px; } }

@media only screen and (orientation: landscape) and (max-width: 767px) {
  .s-p-l-5 {
    padding-left: 5px; }
  .s-p-l-10 {
    padding-left: 10px; }
  .s-p-l-15 {
    padding-left: 15px; }
  .s-p-l-20 {
    padding-left: 20px; }
  .s-p-l-25 {
    padding-left: 25px; }
  .s-p-l-30 {
    padding-left: 30px; }
  .s-p-l-35 {
    padding-left: 35px; }
  .s-p-l-40 {
    padding-left: 40px; }
  .s-p-l-45 {
    padding-left: 45px; }
  .s-p-l-50 {
    padding-left: 50px; }
  .s-p-l-55 {
    padding-left: 55px; }
  .s-p-l-60 {
    padding-left: 60px; }
  .s-p-l-65 {
    padding-left: 65px; }
  .s-p-r-5 {
    padding-right: 5px; }
  .s-p-r-10 {
    padding-right: 10px; }
  .s-p-r-15 {
    padding-right: 15px; }
  .s-p-r-20 {
    padding-right: 20px; }
  .s-p-r-25 {
    padding-right: 25px; }
  .s-p-r-30 {
    padding-right: 30px; }
  .s-p-r-35 {
    padding-right: 35px; }
  .s-p-r-40 {
    padding-right: 40px; }
  .s-p-r-45 {
    padding-right: 45px; }
  .s-p-r-50 {
    padding-right: 50px; }
  .s-p-r-55 {
    padding-right: 55px; }
  .s-p-r-60 {
    padding-right: 60px; }
  .s-p-r-65 {
    padding-right: 65px; }
  .s-p-b-5 {
    padding-bottom: 5px; }
  .s-p-b-10 {
    padding-bottom: 10px; }
  .s-p-b-15 {
    padding-bottom: 15px; }
  .s-p-b-20 {
    padding-bottom: 20px; }
  .s-p-b-25 {
    padding-bottom: 25px; }
  .s-p-b-30 {
    padding-bottom: 30px; }
  .s-p-b-35 {
    padding-bottom: 35px; }
  .s-p-b-40 {
    padding-bottom: 40px; }
  .s-p-b-45 {
    padding-bottom: 55px; }
  .s-p-b-50 {
    padding-bottom: 50px; }
  .s-p-b-55 {
    padding-bottom: 55px; }
  .s-p-b-60 {
    padding-bottom: 60px; }
  .s-p-b-65 {
    padding-bottom: 65px; }
  .s-p-t-5 {
    padding-top: 5px; }
  .s-p-t-10 {
    padding-top: 10px; }
  .s-p-t-15 {
    padding-top: 15px; }
  .s-p-t-20 {
    padding-top: 20px; }
  .s-p-t-25 {
    padding-top: 25px; }
  .s-p-t-30 {
    padding-top: 30px; }
  .s-p-t-35 {
    padding-top: 35px; }
  .s-p-t-40 {
    padding-top: 40px; }
  .s-p-t-45 {
    padding-top: 55px; }
  .s-p-t-50 {
    padding-top: 50px; }
  .s-p-t-55 {
    padding-top: 55px; }
  .s-p-t-60 {
    padding-top: 60px; }
  .s-p-t-65 {
    padding-top: 65px; } }

/*--------- display property css start ----------*/
.block {
  display: block; }

.inline-block {
  display: inline-block; }

.inline {
  display: inline; }

.flex {
  display: flex; }

.display-none {
  display: none; }

/*=====  visiblity property css start=======*/
.visiblity-hidden {
  visibility: hidden; }

.visiblity-visible {
  visibility: visible; }

/* ============== color property css start  ================ */
.bg-transparent {
  background: transparent;
  transition: all .4s ease; }

.bg-white {
  background: #ffffff;
  transition: all .4s ease; }

.bg-dark {
  background: #2B333F;
  transition: all .4s ease; }

.bg-primary {
  background: #1fcaea;
  transition: all .4s ease; }

.bg-light {
  background: #f1f1f1; }

/*==========border property css start here============*/
.border_1px {
  border: 1px solid #ddd; }

.border_2px {
  border: 2px solid #ddd; }

/*--------------------------------------------------------------
# Elements css
--------------------------------------------------------------*/
/*================= ELEMENTS related css  =====================*/
/*==============social nav css start from here=============*/
.social-nav {
  margin: 20px 0; }
  .social-nav a {
    margin-right: 5px;
    display: inline-block; }
    .social-nav a:last-child {
      margin-right: 0; }
    .social-nav a i {
      color: #000000;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 2px solid #827364;
      background: #ffffff;
      line-height: 37px;
      text-align: center;
      transition: all .4s ease; }
    .social-nav a i:hover {
      color: #ffffff;
      background: #827364; }

/*============= social nav two  ==============*/
.social-nav-element-two a {
  color: rgba(255, 255, 255, 0.6);
  display: inline-block;
  padding: 5px 10px;
  font-size: 25px;
  transition: all .4s ease; }
  .social-nav-element-two a:hover {
    color: #d6da31; }

/*============= skills one css==============*/
.skills .skill-list {
  overflow: hidden; }
  .skills .skill-list .progress {
    background-color: #eee;
    border-radius: 0;
    height: 2px;
    position: relative;
    margin: 60px 0 50px 0;
    box-shadow: none;
    overflow: visible; }
    .skills .skill-list .progress h6 {
      color: #8c8c8c;
      font-size: 14px;
      font-weight: 700;
      left: 0;
      top: -40px;
      text-transform: uppercase;
      position: absolute;
      z-index: 99; }
  .skills .skill-list .progress-bar {
    background-color: #111; }
    .skills .skill-list .progress-bar span {
      background-color: #111;
      position: relative;
      float: right;
      padding: 0 5px;
      font-size: 12px;
      margin-top: -23px; }
      .skills .skill-list .progress-bar span :after {
        position: absolute;
        content: "";
        border-width: 6px 4px 0 4px;
        border-style: solid;
        border-color: black transparent transparent transparent;
        left: 50%;
        bottom: -6px;
        margin-left: -4px; }

/*======== email subscribe element css start ==========*/
.subscribe-form label {
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 600; }
  @media only screen and (max-width: 767px) {
    .subscribe-form label {
      font-size: 14px; } }

.subscribe-form .input-group {
  margin: 0 0 20px; }

.subscribe-form input {
  height: 40px;
  border-radius: 25px 0 0 25px;
  padding: 6px 25px; }

.subscribe-form button {
  height: 40px;
  border-radius: 0 25px 25px 0;
  padding: 6px 25px;
  background: #eac11f;
  text-transform: uppercase;
  font-weight: 700;
  border-color: #eac11f; }
  .subscribe-form button:hover {
    background: #c7a417;
    border-color: #c7a417; }

.subscribe-form p {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 700; }

/*========== email subscribe element two css start =============*/
.subscribe-form-two .form-control {
  height: 40px;
  border-radius: 20px;
  padding: 0 20px;
  margin-bottom: 20px;
  border-color: transparent; }

.subscribe-form-two button {
  background: #d6da31;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase; }

/*===========Down arrow css start============*/
.down_arrow {
  font-size: 41px;
  color: #ffffff;
  display: inline-block; }
  .down_arrow:hover {
    color: #ffffff; }

/*=============== venobox video element css start ===============*/
.venobox-video {
  position: relative; }
  .venobox-video .venobox {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #f5f5f5;
    background: rgba(51, 51, 51, 0.7);
    color: #ffffff;
    font-size: 19px;
    line-height: 78px;
    text-align: center;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 35px); }
    .venobox-video .venobox:hover {
      background: rgba(218, 208, 208, 0.63);
      color: #ffffff;
      border: 2px solid #f5f5f5; }
    .venobox-video .venobox i {
      position: absolute;
      top: calc(50% - 9.5px);
      left: calc(50% - 5.5px); }
    @media only screen and (max-width: 767px) {
      .venobox-video .venobox {
        width: 60px;
        height: 60px;
        line-height: 58px;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        font-size: 16px; }
        .venobox-video .venobox i {
          position: absolute;
          top: calc(50% - 7px);
          left: calc(50% - 5px); } }
  .venobox-video img {
    width: 100%; }
  .venobox-video figcaption {
    position: absolute;
    bottom: 4%;
    left: 4%; }
    .venobox-video figcaption p {
      margin-bottom: 0;
      line-height: 1.2;
      font-size: 18px;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .venobox-video figcaption p {
          font-size: 12px;
          line-height: 1; } }
    .venobox-video figcaption a {
      display: inline-block;
      font-size: 12px;
      text-transform: uppercase;
      text-decoration: underline;
      color: #ffffff; }
      @media only screen and (max-width: 767px) {
        .venobox-video figcaption a {
          font-size: 10px; } }

/*--------------------------------------------------------------
# Modular css
--------------------------------------------------------------*/
/*================= modular section related css  =====================*/
/*===============preloder css start==================*/
.js div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #ffffff url("/img/preloader.gif") no-repeat;
  background-size: 150px auto;
  background-position: calc(50%) 50%; }

/*====================header css start==================*/
header {
  color: #ffffff;
  padding-top: 76px; }
  @media only screen and (max-width: 991px) {
    header {
      min-height: initial; } }
  @media (max-width: 1399px) {
    header {
      padding-top: 76px; } }
  header .heading_nav {
    background: transparent; }

.animate {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.heading_nav .mentis-nav-search.animate {
  border-top-width: 1px;
  z-index: 50; }

.heading_nav .navbar-nav > li > form > .input-group > input,
.heading_nav .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
  border-radius: 0; }

.heading_nav .navbar-nav > li > form > .input-group > .input-group-btn > .btn-danger {
  background-color: #1fcaea;
  border-color: #1fcaea; }

.heading_nav .mentis-nav-search {
  display: none; }

.heading_nav .mentis-nav-search .form-control {
  background-color: #ebebeb;
  border-radius: 0;
  border-width: 0;
  font-size: 24px;
  padding: 30px 0; }

.heading_nav .mentis-nav-search .form-control:focus {
  border-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.heading_nav .mentis-nav-search .input-group-btn > .btn {
  padding: 14px 16px;
  border-radius: 0;
  background-color: #1fcaea;
  border-color: #1fcaea; }

.heading_nav .mentis-nav-search .input-group-btn > .btn.active,
.heading_nav .mentis-nav-search .input-group-btn > .btn:hover,
.heading_nav .mentis-nav-search .input-group-btn > .btn:focus {
  padding: 14px 16px 14px 15px; }

.heading_nav .mentis-nav-search .input-group-btn > .btn-default {
  background-color: whitesmoke; }

@media screen and (min-width: 768px) {
  .heading_nav .mentis-nav-search {
    background-color: #ebebeb;
    display: block;
    position: absolute;
    width: 100%;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    visibility: hidden; }
  .heading_nav .mentis-nav-search.open {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible; }
  .heading_nav .mentis-nav-search > .container {
    padding: 0; } }

/* ================ nav scss =====================IMPORTANT*/
.nav-bg {
  border-bottom: 1px solid #6c6e6e; }
  @media only screen and (max-width: 767px) {
    .nav-bg .navbar-toggle {
      margin-top: 0px;
      margin-right: 0;
      padding: 7px 10px 0px; }
      .nav-bg .navbar-toggle .icon-bar {
        background: #ffffff; } }
  .nav-bg .navbar-brand {
    height: auto;
    padding: 0;
    line-height: 1; }
    @media (max-width: 1399px) {
      .nav-bg .navbar-brand {
        padding: 0; } }
  .nav-bg .navbar-nav {
    padding: 0;
    margin-right: 0; }
    @media (max-width: 1399px) {
      .nav-bg .navbar-nav {
        padding: 0; } }
    .nav-bg .navbar-nav li a {
      font-family: "Open Sans", sans-serif;
      font-size: 13px;
      text-transform: uppercase;
      color: #005493;
      font-weight: 700; }
    .nav-bg .navbar-nav li a:focus {
      color: #ffffff; }
    .nav-bg .navbar-nav li a:hover {
      background: transparent;
      color: #1fcaea; }
    .nav-bg .navbar-nav li.active {
      border-bottom: 1px solid #fff;
      transition: border-bottom .2s ease; }
  .nav-bg .navigation-center {
    padding-left: calc(50% - 300px); }
  .nav-bg .navigation-right-btn {
    margin-top: 4px;
    }
    .nav-bg .navigation-right-btn li a {
      background: transparent;
      padding: 10px 32px;
      border-radius: 25px;
      text-transform: lowercase;
      color: #005493;
      border: 1px solid #fff; }

      @media only screen and (max-width: 767px) {
        .nav-bg .navigation-right-btn li a {
          display: inline-block; } }
      .nav-bg .navigation-right-btn li a:hover {
        background: #005493;
        color: #ffffff;
        border: 1px solid transparent; }

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: transparent; }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: transparent;
  border-color: #337ab7; }

.dropdown-menu {
  background-color: #003;
  -webkit-box-shadow: 0 2px 9px 0 #444;
  box-shadow: 0 2px 9px 0 #444; }

@media (min-width: 768px) {
  .dropdown a .caret {
    margin-left: 7px; }
  .navbar-right .dropdown-menu {
    left: auto;
    right: -5px;
    border: 1px solid rgba(119, 119, 119, 0.64);
    padding: 0 15px;
    text-align: right;
    display: block;
    z-index: -100;
    opacity: 0;
    transition: all .4s ease;
    top: 50%; }
    .navbar-right .dropdown-menu li a {
      padding: 17px 20px 0; }
    .navbar-right .dropdown-menu li:last-child a {
      padding: 12px 20px 17px; }
  .open .dropdown-menu {
    z-index: 1000;
    transition: all .4s ease;
    opacity: 1;
    top: 100%; } }

/*============== hamburger menu css start ================*/
.heading_burger_nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1500;
  background: #ffffff;
  border-bottom: 1px solid #dddddd; }

.burger_nav {
  position: relative;
  left: 0;
  right: 0;
  top: 0; }

.nav-head {
  width: 100%;
  background: #ffffff;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  font-size: 12px; }
  @media (max-width: 1399px) {
    .nav-head {
      height: 60px;
      line-height: 60px; } }
  .nav-head span {
    padding-left: 20px;
    font-size: 50px;
    font-weight: 700;
    line-height: 55px; }
    @media (max-width: 1399px) {
      .nav-head span {
        line-height: 55px; } }
    .nav-head span a {
      color: #252525; }

.hamburger {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 45px;
  padding: 5px 15px 0 15px;
  color: #999;
  border: 0;
  font-size: 1.4em;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  z-index: 10000000000000; }

.cross {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 5px 18px 0 15px;
  color: #999;
  border: 0;
  font-size: 3em;
  line-height: 55px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  z-index: 10000000000000; }

.menu {
  z-index: 1000000;
  font-weight: bold;
  font-size: 0.8em;
  width: 100%;
  background: #f1f1f1;
  position: absolute;
  text-align: center;
  font-size: 12px; }

.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none; }

.menu li {
  display: block;
  padding: 15px 0 15px 0;
  border-bottom: #dddddd 1px solid; }

.menu li:hover {
  display: block;
  background: #ffffff;
  padding: 15px 0 15px 0;
  border-bottom: #dddddd 1px solid; }

.menu ul li a {
  text-decoration: none;
  margin: 0;
  color: #666;
  display: block; }

.menu ul li a:hover {
  color: #666;
  text-decoration: none; }

.menu a {
  text-decoration: none;
  color: #666; }

.menu a:hover {
  text-decoration: none;
  color: #666; }

/*============ ham burger menu two ==============*/
.heading_burger_nav_two {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1500;
  min-height: 75px; }

.burger_nav_two {
  position: relative;
  left: 0;
  right: 0;
  top: 10px; }

.nav-head-two {
  width: 100%;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  font-size: 12px; }
  @media (max-width: 1399px) {
    .nav-head-two {
      height: 60px;
      line-height: 60px; } }
  .nav-head-two span {
    padding-left: 20px;
    font-size: 50px;
    font-weight: 700;
    line-height: 55px; }
    @media (max-width: 1399px) {
      .nav-head-two span {
        line-height: 55px; } }
    .nav-head-two span a {
      color: #252525; }

.burger-icon {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 45px;
  padding: 5px 15px 0 15px;
  color: #999;
  border: 0;
  font-size: 1.4em;
  font-weight: bold;
  cursor: pointer;
  outline: none; }

.menu-cross-btn {
  position: relative;
  left: 55px;
  top: 15px;
  color: black;
  cursor: pointer;
  font-size: 30px; }
  .menu-cross-btn:hover {
    color: red; }

#swipeNav {
  overflow-y: scroll;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%, #7db9e8 100%);
  border-left: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: none; }
  #swipeNav ul {
    margin-top: 30px; }
    #swipeNav ul li {
      border-bottom: none; }
  #swipeNav a {
    color: #000;
    padding: 15px 0 0 20px;
    transition: all .3s ease; }
    #swipeNav a:hover {
      background: white;
      font-weight: 700; }

/*=================breadcrumb css===============*/
.breadcrumb {
  padding: 12px 15px;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  text-transform: uppercase; }

/*aboutOne section block css*/
.about_one {
  padding: 100px 0 70px; }
  .about_one .lead_title {
    font-size: 44px;
    margin-top: 25px;
    margin-bottom: 25px; }
    @media (max-width: 1199px) {
      .about_one .lead_title {
        margin-top: 0;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 991px) {
      .about_one .lead_title {
        margin-top: 50px; } }
  .about_one .lead-text {
    font-size: 19px;
    color: #808080;
    margin-bottom: 20px; }
    @media (max-width: 1199px) {
      .about_one .lead-text {
        margin-bottom: 5px; } }
  .about_one .mix-btn {
    margin-top: 10px; }

/*about-social section block css*/
.about_social {
  padding: 100px 0; }
  .about_social .lead_title {
    font-size: 44px;
    margin-top: 5px;
    margin-bottom: 30px; }
    @media (max-width: 1199px) {
      .about_social .lead_title {
        margin-top: 0;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 991px) {
      .about_social .lead_title {
        margin-top: 50px; } }
  .about_social .lead-text {
    font-size: 19px;
    color: #808080;
    margin-bottom: 20px; }
    @media (max-width: 1199px) {
      .about_social .lead-text {
        margin-bottom: 0; } }

/*about-social-two section block css*/
.about_social-two {
  padding: 100px 0; }
  .about_social-two .about_social_two_text {
    max-width: 570px;
    padding-left: 50px; }
    @media only screen and (max-width: 991px) {
      .about_social-two .about_social_two_text {
        padding-left: 0;
        max-width: 100%; } }
  .about_social-two .lead_title {
    font-size: 44px;
    margin-top: 5px;
    margin-bottom: 30px; }
    @media (max-width: 1199px) {
      .about_social-two .lead_title {
        margin-top: 0;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 991px) {
      .about_social-two .lead_title {
        margin-top: 50px; } }
  .about_social-two .lead-text {
    font-size: 18px;
    color: #808080;
    margin-bottom: 20px; }
    @media (max-width: 1199px) {
      .about_social-two .lead-text {
        margin-bottom: 0; } }
  .about_social-two .about_social_img {
    margin-right: 0; }
    @media only screen and (max-width: 991px) {
      .about_social-two .about_social_img {
        margin-right: auto; } }
  @media only screen and (min-width: 1200px) {
    .about_social-two .lead_title {
      margin-top: 45px; } }

/*============= about section three css ==============*/
.about_three .table-responsive {
  border: none;
  margin-bottom: 0; }

.about_three .about_container {
  display: table;
  background: #ffffff; }
  @media only screen and (max-width: 991px) {
    .about_three .about_container {
      display: block;
      padding-bottom: 25px; } }
  .about_three .about_container .about_col {
    display: table-cell;
    vertical-align: middle;
    width: 50%; }
    @media (max-width: 1199px) {
      .about_three .about_container .about_col {
        padding-top: 25px;
        padding-bottom: 30px; } }
    @media only screen and (max-width: 991px) {
      .about_three .about_container .about_col {
        display: block;
        width: 100%;
        padding-top: 0;
        padding-bottom: 0px; }
        .about_three .about_container .about_col img {
          max-height: 450px;
          padding: 50px 0 40px; } }
    .about_three .about_container .about_col .about_col_in {
      padding: 20px 50px; }
      @media only screen and (max-width: 991px) {
        .about_three .about_container .about_col .about_col_in {
          padding-top: 45px; } }
      .about_three .about_container .about_col .about_col_in h2 {
        font-size: 33px;
        font-weight: 300;
        margin: 0 0 20px; }
      .about_three .about_container .about_col .about_col_in p {
        font-size: 19px;
        color: #808080; }
      .about_three .about_container .about_col .about_col_in .mix-btn {
        font-size: 12px;
        padding: 11px 58px;
        margin-bottom: 0; }

/*=============grid text block css================*/
.grid_text_one {
  padding: 40px 0; }

.text-col h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px; }

.text-col p {
  font-size: 14px;
  color: #666666; }

/*send mail button section css start*/
.send-mail {
  text-align: center;
  background: #f5f5f5;
  padding: 45px 0;
  transition: all .4s ease-in; }
  @media (max-width: 1199px) {
    .send-mail {
      padding: 20px 0; } }
  .send-mail p {
    color: #3d3f48;
    font-weight: 600;
    margin: 0;
    font-size: 21px; }
  .send-mail .send-mail-text {
    display: inline-block; }
  .send-mail .phone-number {
    color: #1fcaea;
    display: inline-block; }
  .send-mail .text-gap {
    margin-left: 15px; }
  .send-mail .mix-btn {
    margin: 0 0 0 20px;
    border-radius: 20px;
    padding: 9px 28px; }
    @media only screen and (max-width: 991px) {
      .send-mail .mix-btn {
        margin-top: 10px; } }

/*============Gallery style one css==============*/
.gallery_one {
  padding: 100px 0 50px; }

/*========= gallery header css===========*/
.gallery-header {
  margin-bottom: 40px; }

.gallery-title h2 {
  font-size: 33px;
  margin: 0; }

.sorting-menu {
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .sorting-menu {
      text-align: left;
      margin-top: 40px; } }
  .sorting-menu .category-text {
    display: inline-block;
    margin-right: 15px;
    font-weight: 700;
    color: #252525; }
  .sorting-menu .dropdown {
    display: inline-block; }
    .sorting-menu .dropdown .btn-default {
      color: #1fcaea;
      padding: 14px 20px; }
      .sorting-menu .dropdown .btn-default .caret {
        margin-left: 5px; }
    .sorting-menu .dropdown .dropdown-menu {
      background-color: rgba(197, 197, 197, 0.98); }

/*============ gallery body css start =============*/
.gallery-single {
  text-align: center;
  margin-bottom: 40px; }
  .gallery-single figcaption h4 {
    font-size: 19px;
    margin-top: 17px;
    margin-bottom: 0;
    line-height: 1.4; }
    .gallery-single figcaption h4 span {
      display: block;
      color: #252525;
      font-size: 14px;
      font-weight: 600; }

.vbox-content img {
  border: 20px solid #ffffff;
  border-bottom: 60px solid #ffffff;
  border-radius: 10px; }

/*================feature one section CSS start  =================== Important */
.feature-one {
  background: url("/img/feature_one_bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 100px 0;
  position: relative;
  z-index: 0; }
  .feature-one:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    z-index: -1; }

.feature-col {
  text-align: center;
  color: #ffffff;
  padding: 60px 40px 40px;
  margin-left: -15px;
  margin-right: -15px; }
  .feature-col i {
    font-size: 50px; }
  .feature-col h4 {
    font-size: 16px; /* Heading font changed from 14px */
    color: inherit;
    line-height: 58px;
    margin: 0px;
    text-transform: uppercase; }
  .feature-col p {
    font-size: 14px;
    margin: 0; }
  @media only screen and (max-width: 767px) {
    .feature-col {
      margin-left: 0;
      margin-right: 0; } }

.feature-col-one {
  border-bottom: 1px solid #655f5c;
  border-right: 1px solid #655f5c; }
  @media only screen and (max-width: 767px) {
    .feature-col-one {
      border-right: none; } }

.feature-col-two {
  border-bottom: 1px solid #655f5c;
  border-right: 1px solid #655f5c; }
  @media only screen and (max-width: 991px) {
    .feature-col-two {
      border-right: none; } }

.feature-col-three {
  border-bottom: 1px solid #655f5c; }
  @media only screen and (max-width: 991px) {
    .feature-col-three {
      border-right: 1px solid #655f5c; } }
  @media only screen and (max-width: 767px) {
    .feature-col-three {
      border-right: none; } }

.feature-col-four {
  border-right: 1px solid #655f5c; }
  @media only screen and (max-width: 991px) {
    .feature-col-four {
      border-right: none;
      border-bottom: 1px solid #655f5c; } }

.feature-col-five {
  border-right: 1px solid #655f5c; }
  @media only screen and (max-width: 767px) {
    .feature-col-five {
      border-right: none;
      border-bottom: 1px solid #655f5c; } }

/*=============testimonial one CSS start=============*/
.testimonial {
  padding: 100px 0 90px; }

.testimonial-one-title {
  font-size: 33px;
  text-align: center;
  margin: 0 0 60px; }

.testimonial-one .owl-controls {
  margin-top: 40px; }

.testimonial-col {
  text-align: center;
  padding: 0 35px; }
  .testimonial-col img {
    max-width: 100px;
    border-radius: 50%; }
  .testimonial-col h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px; }
    .testimonial-col h3 small {
      display: block;
      margin-top: 15px;
      font-size: 12px;
      text-transform: uppercase; }
  .testimonial-col p {
    font-size: 14px; }

/*SKILL-one section block css*/
.skill_one {
  padding: 100px 0; }
  .skill_one .skill_title {
    font-size: 44px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 30px; }
    @media (max-width: 1199px) {
      .skill_one .skill_title {
        margin-top: 0;
        margin-bottom: 10px; } }
    @media only screen and (max-width: 991px) {
      .skill_one .skill_title {
        margin-top: 50px; } }
  .skill_one .skill_lead_text {
    font-size: 19px;
    color: #808080;
    margin-bottom: 20px; }

/*get started section css start*/
.get-started {
  text-align: center;
  background: #1fcaea;
  padding: 55px 0;
  transition: all .3s ease-in; }
  @media (max-width: 1199px) {
    .get-started {
      padding: 20px 0; } }
  .get-started p {
    color: #3d3f48;
    font-weight: 600;
    margin: 0;
    font-size: 16px;
    font-style: italic; }
  .get-started .get-started-text {
    display: inline-block;
    color: #ffffff;
    line-height: 40px; }
  .get-started .phone-number {
    color: #1fcaea;
    display: inline-block; }
  .get-started .mix-btn {
    margin: 0 0 0 35px;
    border-radius: 20px;
    padding: 9px 28px;
    border: 1px solid #ffffff; }

/*=================section with image css start==============*/
.with_image {
  padding: 100px 0; }
  .with_image .with_image_text {
    margin-top: 75px; }
    .with_image .with_image_text .lead_title {
      font-size: 41px;
      color: #000000;
      margin-top: 5px;
      margin-bottom: 25px; }
      @media (max-width: 1199px) {
        .with_image .with_image_text .lead_title {
          margin-top: 0;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 991px) {
        .with_image .with_image_text .lead_title {
          margin-top: 50px; } }
    .with_image .with_image_text .lead-text {
      font-size: 19px; }

.adoption_story {
  padding: 80px 0 100px; }
  .adoption_story .story_title {
    text-align: center;
    font-size: 41px;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 30px; }

/*============call to action section CSS===============*/
.call_to_action {
  background: url("/img/charity-cta.jpg") center center no-repeat;
  background-size: cover;
  text-align: center;
  padding: 55px 0; }
  .call_to_action h3 {
    color: #ffffff;
    font-size: 42px;
    font-weight: 500; }

/*============ call to action two css ===============*/
.call_to_action_two {
  padding: 100px 0; }
  .call_to_action_two .call_to_action_two_inner {
    background: url("/img/bench-accounting.png") center center no-repeat;
    background-size: cover;
    text-align: center;
    padding: 65px 0; }
    .call_to_action_two .call_to_action_two_inner h3 {
      font-size: 42px; }

/*====================feature two css start here=======================*/
.feature-two {
  padding: 100px 0; }
  .feature-two .feature-two-img {
    padding: 15% 0 7%; }
    @media (max-width: 1199px) {
      .feature-two .feature-two-img {
        padding: 35% 0 7%; } }
    @media only screen and (max-width: 991px) {
      .feature-two .feature-two-img {
        padding: 0 0 50px; } }
  .feature-two .feature-two-text {
    color: #808080; }
    .feature-two .feature-two-text .feature-two-header {
      margin-bottom: 70px; }
      .feature-two .feature-two-text .feature-two-header h2 {
        font-size: 33px;
        margin: 0 0 20px; }
      .feature-two .feature-two-text .feature-two-header p {
        font-size: 19px; }
    .feature-two .feature-two-text .feature-two-feature i {
      font-size: 44px;
      color: #CE3795; }
    .feature-two .feature-two-text .feature-two-feature h5 {
      text-transform: uppercase;
      margin-bottom: 15px;
      margin-top: 15px;
      line-height: 1.1; }
    .feature-two .feature-two-text .feature-two-feature p {
      margin-bottom: 0; }

/*==============counter up css start=============*/
.counter-up {
  background: url("/img/counter-up.png") center center no-repeat;
  background-size: cover;
  padding: 73px 0; }
  .counter-up .counter-up-text {
    font-size: 44px;
    font-weight: 500;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .counter-up .counter-up-text {
        text-align: center;
        margin-bottom: 30px; } }
  .counter-up .counter-number {
    margin-bottom: 0;
    text-align: center;
    padding: 22px 0 18px;
    line-height: 1.4; }
    .counter-up .counter-number .counter {
      font-size: 35px;
      display: block; }
    .counter-up .counter-number small {
      font-weight: 600; }

/*==============counter up css start=============*/
.counter-up-two {
  background: url("/img/counter-up.png") center center no-repeat;
  background-size: cover;
  padding: 73px 0; }
  .counter-up-two .counter-up-text {
    font-size: 44px;
    font-weight: 500;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .counter-up-two .counter-up-text {
        text-align: center;
        margin-bottom: 30px; } }
  .counter-up-two .counter-number {
    margin-bottom: 0;
    text-align: center;
    padding: 22px 0 18px;
    line-height: 1.4; }
    .counter-up-two .counter-number .counter-number-in {
      font-size: 35px;
      display: inline-block; }
    .counter-up-two .counter-number .counter {
      font-size: 35px; }
    .counter-up-two .counter-number small {
      font-weight: 600;
      display: block;
      font-size: 14px; }

/*============== pricing css start from here ================*/
.pricing {
  padding: 100px 0; }
  .pricing .pricing-col {
    max-width: 438px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow .3s ease; }
    .pricing .pricing-col:hover {
      box-shadow: 0 28px 57px 0 rgba(0, 0, 0, 0.3); }
  .pricing .price {
    margin: 0;
    font-size: 44px;
    text-align: center;
    background: url("../img/footer-two-bg.jpg") center no-repeat;
    background-size: cover;
    line-height: 1.5;
    color: #ffffff;
    padding: 32px 0; }
  .pricing .pricing-col-text {
    padding: 0 40px; }
    .pricing .pricing-col-text .price-category {
      text-align: center;
      text-transform: uppercase;
      color: #666666;
      border-bottom: 1px solid #e5e6ea;
      margin: 0;
      padding: 14px 0;
      font-weight: 600; }
    .pricing .pricing-col-text h4 {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 14px;
      margin-top: 30px;
      margin-bottom: 5px; }
    .pricing .pricing-col-text .price-text {
      color: #666666;
      margin: 0; }
    .pricing .pricing-col-text .mix-btn {
      margin: 30px 0 50px;
      width: 100%; }
      @media only screen and (max-width: 375px) {
        .pricing .pricing-col-text .mix-btn {
          font-size: 11px; } }

/*============= pricing table two css start here ===============*/
.pricing-table-two {
  padding: 100px 0 50px; }

.pricing-two-col {
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.102);
  border-radius: 25px;
  padding: 75px 55px 55px;
  max-width: 370px;
  margin: 0 auto 50px; }

.price-text-two {
  font-size: 44px;
  font-weight: 300; }

.menu-title-two {
  font-size: 33px;
  color: #ffffff;
  margin: 25px 0 10px; }

.menu-description {
  font-size: 14px;
  color: #8b8c93;
  margin-bottom: 35px; }

/*============ team css start =============*/
.team {
  padding: 100px 0; }
  .team .team-title {
    text-align: center;
    font-size: 42px;
    margin: 0 0 50px;
    line-height: 1.1; }
  .team .media-left {
    max-width: 110px; }
  .team .media-body {
    padding-left: 25px; }
    .team .media-body .media-heading {
      font-size: 19px;
      font-weight: 600;
      margin-top: 10px; }
      .team .media-body .media-heading small {
        display: block;
        text-transform: uppercase;
        margin-top: 10px;
        font-size: 14px;
        color: #7d7d7d; }
    .team .media-body p {
      margin-top: 20px;
      color: #666666;
      margin-bottom: 0; }

/*=============masonry gallery css start================*/
.masonary-gallery {
  padding: 0; }
  .masonary-gallery .masonary .grid_item figure {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    transition: all .8s ease; }
  .masonary-gallery .masonary .grid_item .gallery-img {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border-radius: 12px;
    transition: all .8s ease; }
  .masonary-gallery .masonary .grid_item figcaption {
    position: absolute;
    bottom: 20px;
    left: 23px;
    color: #ffffff;
    text-decoration: underline;
    font-weight: 600;
    line-height: 1.2;
    z-index: -1;
    text-transform: uppercase;
    transition: all .8s ease; }
    @media only screen and (max-width: 767px) {
      .masonary-gallery .masonary .grid_item figcaption {
        bottom: 15px;
        left: 14px;
        font-size: 14px; } }
  .masonary-gallery .masonary .grid_item .venobox {
    color: #ffffff; }
  .masonary-gallery .masonary .grid_item figure:hover .gallery-img {
    z-index: -1; }
  .masonary-gallery .masonary .grid_item figure:hover figcaption {
    z-index: 1; }

/*====================feature three css start here=======================*/
.feature-three {
  padding: 100px 0; }
  .feature-three .feature-three-img {
    padding: 10px 30px 0 0;
    margin-left: auto;
    margin-right: 0; }
    @media all and (max-width: 1799px) {
      .feature-three .feature-three-img {
        padding: 5% 30px 0 0; } }
    @media all and (max-width: 1499px) {
      .feature-three .feature-three-img {
        padding: 13% 30px 0 0; } }
    @media (max-width: 1199px) {
      .feature-three .feature-three-img {
        padding: 35% 30px 0 0; } }
    @media only screen and (max-width: 991px) {
      .feature-three .feature-three-img {
        padding: 0 0 50px;
        margin: auto; } }
  .feature-three .feature-three-text {
    color: #808080;
    max-width: 570px;
    margin-top: 5px; }
    @media only screen and (max-width: 991px) {
      .feature-three .feature-three-text {
        margin: auto; } }
    .feature-three .feature-three-text .feature-three-header {
      margin-bottom: 70px; }
      .feature-three .feature-three-text .feature-three-header h2 {
        font-size: 33px;
        margin: 0 0 20px; }
      .feature-three .feature-three-text .feature-three-header p {
        font-size: 19px; }
    .feature-three .feature-three-text .feature-three-feature i {
      font-size: 44px;
      color: #CE3795; }
    .feature-three .feature-three-text .feature-three-feature h5 {
      text-transform: uppercase;
      margin-bottom: 15px;
      margin-top: 15px;
      line-height: 1.1; }
    .feature-three .feature-three-text .feature-three-feature p {
      margin-bottom: 0; }

/*============== Instagram feed css start =================*/
.instagram-feed {
  margin-bottom: -10px;
  text-align: center;
  position: relative; }
  .instagram-feed .btn-instagram {
    position: absolute;
    top: calc(50% - 31px);
    left: calc(50% - 120px);
    padding: 20px 45px;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .instagram-feed .btn-instagram {
        top: calc(50% - 12px);
        left: calc(50% - 75px);
        padding: 4px 12px;
        font-size: 11px; } }

.lightwidget-widget {
  width: 100%;
  border: 0;
  overflow: hidden; }

/*================== video gallery css start ================*/
.video-gallery {
  padding: 100px 0; }
  .video-gallery h2 {
    font-size: 44px;
    text-align: center;
    margin: 0 0 40px; }
  .video-gallery .venobox-video {
    margin-bottom: 30px; }

/*==================footer css start================*/
.footer-one .footer-top {
  background: #131313;
  padding: 80px 0 75px; }
  .footer-one .footer-top .footer-one-title {
    font-size: 33px;
    text-align: center;
    color: #ffffff;
    margin: 0 0 45px; }
  .footer-one .footer-top .footer-top-col h3 {
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;
    line-height: 28px;
    text-transform: uppercase;
    color: #efefef; }
  .footer-one .footer-top .footer-top-col p {
    color: #ffffff;
    line-height: 28px;
    margin-bottom: 20px; }
    .footer-one .footer-top .footer-top-col p a {
      color: #ffffff; }
  .footer-one .footer-top .footer-one-form .form-group {
    margin-bottom: 30px; }
    .footer-one .footer-top .footer-one-form .form-group:nth-child(3) {
      margin-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .footer-one .footer-top .footer-one-form .footer-form-wrapper {
      margin-top: 30px; } }
  .footer-one .footer-top .footer-one-form .form-control {
    background: #424242;
    color: #ffffff;
    border: 1px solid rgba(170, 170, 170, 0.01); }
  .footer-one .footer-top .footer-one-form .form-control[type=text], .footer-one .footer-top .footer-one-form .form-control[type=email] {
    height: 40px; }
  .footer-one .footer-top .footer-one-form .select2-container .select2-selection--single {
    height: 40px;
    background: #424242;
    border: 1px solid rgba(170, 170, 170, 0.01); }
  .footer-one .footer-top .footer-one-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    padding-left: 15px;
    color: #909090; }
  .footer-one .footer-top .footer-one-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px; }

.footer-one .footer-bottom {
  color: #505050;
  padding: 37px 0; }
  @media only screen and (max-width: 767px) {
    .footer-one .footer-bottom .footer-name {
      text-align: center; } }
  .footer-one .footer-bottom .footer-logo {
    font-size: 21px;
    color: #505050;
    font-weight: 700; }
  .footer-one .footer-bottom .copy {
    text-align: right;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .footer-one .footer-bottom .copy {
        text-align: center; } }
  .footer-one .footer-bottom .f-soc-nav {
    display: block;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .footer-one .footer-bottom .f-soc-nav {
        margin-top: 30px;
        text-align: center;
        display: block;
        float: none; } }
    .footer-one .footer-bottom .f-soc-nav a {
      margin-right: 15px;
      display: inline-block; }
      .footer-one .footer-bottom .f-soc-nav a:last-child {
        margin-right: 0; }
      .footer-one .footer-bottom .f-soc-nav a i {
        color: #505050;
        border-radius: 50%;
        border: 2px solid #ffffff;
        background: #ffffff;
        line-height: 31px;
        text-align: center;
        transition: all .4s ease; }

/*==================footer two css start================*/
.footer-two .footer-top {
  background: url("../img/footer-two-bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 80px 0 40px; }
  .footer-two .footer-top .footer-two-title {
    font-size: 33px;
    text-align: center;
    color: #ffffff;
    padding-bottom: 20px;
    margin: 0 0 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .footer-two .footer-top .tel-col, .footer-two .footer-top .email-col, .footer-two .footer-top .address-col {
    text-align: center; }
  .footer-two .footer-top .tel, .footer-two .footer-top .email, .footer-two .footer-top .address {
    color: #ffffff;
    font-weight: 600; }

.footer-two .footer-mid {
  padding: 50px 0 73px; }
  .footer-two .footer-mid .footer-two-form .form-group label {
    text-transform: uppercase;
    color: #505050;
    margin-bottom: 5px; }
  .footer-two .footer-mid .footer-two-form .form-control {
    background: #ffffff;
    border: 1px solid rgba(170, 170, 170, 0.01);
    border-radius: 10px;
    padding-left: 20px;
    margin-bottom: 2px; }
    .footer-two .footer-mid .footer-two-form .form-control:hover {
      border: 1px solid rgba(170, 170, 170, 0.7); }
  .footer-two .footer-mid .footer-two-form .form-control[type=text], .footer-two .footer-mid .footer-two-form .form-control[type=email] {
    height: 40px;
    border-radius: 20px; }
  .footer-two .footer-mid .footer-two-form .mix-btn {
    margin: 30px 0 0;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px; }

.footer-two .footer-bottom {
  color: #ffffff;
  padding: 37px 0;
  background: #005493; }
  @media only screen and (max-width: 767px) {
    .footer-two .footer-bottom .footer-name {
      text-align: center; } }
  .footer-two .footer-bottom .footer-logo {
    font-size: 21px;
    color: #005493;
    font-weight: 700; }
  .footer-two .footer-bottom .copy {
    text-align: right;
    margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .footer-two .footer-bottom .copy {
        text-align: center; } }
    .footer-two .footer-bottom .copy a {
      color: #005493; }
      .footer-two .footer-bottom .copy a:hover {
        color: #fff; }
  .footer-two .footer-bottom .f-soc-nav {
    display: block;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .footer-two .footer-bottom .f-soc-nav {
        margin-top: 30px;
        text-align: center;
        display: block;
        float: none; } }
    .footer-two .footer-bottom .f-soc-nav a {
      margin-right: 15px;
      display: inline-block; }
      .footer-two .footer-bottom .f-soc-nav a:last-child {
        margin-right: 0; }
      .footer-two .footer-bottom .f-soc-nav a i {
        color: #005493;
        border-radius: 50%;
        line-height: 31px;
        text-align: center;
        transition: all .4s ease; }
      .footer-two .footer-bottom .f-soc-nav a i:hover {
        color: #ffffff;
        background: transparent; }

/*============== page css start =================*/
/*============travel landing page css start==============*/
.travel .nav-bg {
  border-bottom: 1px solid rgba(245, 245, 245, 0.37); }

.travel .bg-dark {
  background: black; }

.travel .bg-primary {
  background: #ffffff; }

.travel .nav-bg .navigation-right-btn li a:hover {
  background: #1bb8d6; }

.travel .mix-btn {
  background: #0058bb; }

.travel .mix-btn:hover,
.travel .mix-btn:active,
.travel .mix-btn:focus {
  color: #fff;
  background: #0f4684;
  border-color: transparent; }

.travel .send-mail .phone-number,
.travel .sorting-menu .dropdown .btn-default {
  color: #0058bb; }

.travel_header {
  background: url(/img/travel-bg.jpg) center center no-repeat;
  background-size: cover; }

.travel_banner {
  text-align: center;
  padding: 160px 0 140px; }
  .travel_banner h1 {
    color: #fff; }
  @media only screen and (max-width: 767px) {
    .travel_banner {
      padding: 80px 0 40px; } }
  @media only screen and (max-width: 767px) {
    .travel_banner img {
      max-height: 100px; } }
  .travel_banner p {
    font-size: 44px;
    font-weight: 300;
    margin-top: 12px; }
    @media only screen and (max-width: 767px) {
      .travel_banner p {
        font-size: 26px; } }
  .travel_banner a:hover {
    border: 1px solid transparent; }
  @media only screen and (max-width: 767px) {
    .travel_banner a {
      font-size: 12px; } }
  .travel_banner .mix-btn {
    background: #0058bb;
    margin-top: 15px; }

.travel-grid-text-one {
  padding-bottom: 50px; }


/*============ software page css start =============*/
.software .bg-primary {
  background: #CE3795; }

.software .nav-bg {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .software .nav-bg .navigation-right-btn li a:hover {
    background: #ffffff;
    color: #252525; }

.software .bg-dark {
  background: #16aea4; }

.software .mix-btn {
  background: #CE3795;
  color: #ffffff;
  border: 1px solid transparent; }
  .software .mix-btn:hover {
    background: transparent;
    color: #CE3795;
    border: 1px solid #CE3795; }

.software .footer-two .footer-top {
  background: url("../img/software-footer.png") center center no-repeat;
  background-size: cover; }

.software_header {
  background-image: -moz-linear-gradient(230deg, #560f90 50%, #ce3895 50%, #ce3895 100%);
  background-image: -webkit-linear-gradient(230deg, #560f90 50%, #ce3895 50%, #ce3895 100%);
  background-image: -ms-linear-gradient(230deg, #560f90 50%, #ce3895 50%, #ce3895 100%);
  background-image: linear-gradient(230deg, #560f90 50%, #ce3895 50%, #ce3895 100%); }

.software_banner {
  text-align: center;
  margin-top: 0;
  padding: 30px 0 20px; }
  .software_banner .banner-text {
    text-align: right;
    padding: 20% 0 15%; }
    .software_banner .banner-text img {
      max-height: 100px;
      margin-right: 0; }
      @media (max-width: 1399px) {
        .software_banner .banner-text img {
          max-height: 70px; } }
    .software_banner .banner-text p {
      font-size: 44px;
      margin: 20px 0;
      line-height: 1.2; }
  .software_banner .mix-btn {
    background: #ffffff;
    border: 1px solid #ffffff;
    margin: 0 0 10px 20px;
    color: #252525; }
    @media only screen and (max-width: 767px) {
      .software_banner .mix-btn {
        margin: 10px 0; } }
    .software_banner .mix-btn:hover {
      background: transparent;
      border: 1px solid #ffffff;
      color: #ffffff; }

/*============ startup page css start here ===========*/
.startup .bg-transparent {
  background: #ffffff; }

.startup .bg-dark {
  background: #ffffff; }

.startup .bg-primary {
  background: #ffffff; }

.startup .nav-bg {
  border: none; }

.startup .mix-btn {
  background: #00aeef;
  color: #ffffff;
  border: 1px solid transparent; }
  .startup .mix-btn:hover {
    background: transparent;
    color: #00aeef;
    border: 1px solid #00aeef; }

.startup .call_to_action {
  background: url(../img/startup-bg.png) top center no-repeat;
  background-size: cover;
  padding: 100px 0; }
  .startup .call_to_action .mix-btn:hover {
    background: #ffffff;
    color: #00aeef; }

.startup_header {
  background: url(../img/startup-banner.png) left center no-repeat;
  background-size: cover; }

.startup_banner {
  text-align: center;
  padding: 160px 0 140px; }
  .startup_banner h1 {
    color: #fff; }
  @media (max-width: 1399px) {
    .startup_banner {
      padding: 80px 0 80px; } }
  .startup_banner p {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .startup_banner .mix-btn {
    padding: 9px 37px;
    background: #ffffff;
    color: #252525; }
    .startup_banner .mix-btn:hover {
      background: transparent;
      border: 1px solid #ffffff;
      color: #ffffff; }

/*============= portfolio page css start ==============*/
.portfolio .nav-bg {
  border: none; }

.portfolio .bg-dark {
  background: #ffffff;
  border-bottom: 1px solid #dddddd; }

.portfolio .bg-primary {
  background: #ffffff; }

.portfolio .nav-head-two span {
  padding-left: 0; }

.portfolio .burger-icon {
  padding: 5px 0 0 15px; }

.portfolio .mix-btn {
  background: #252525;
  color: #ffffff;
  border: 1px solid transparent; }
  .portfolio .mix-btn:hover {
    background: transparent;
    color: #252525;
    border: 1px solid #252525; }

.portfolio .about_one {
  padding: 100px 0; }

.portfolio .venobox-video img {
  border-radius: 5px; }

.portfolio .venobox-video .venobox:hover {
  background: rgba(51, 51, 51, 0.53); }

.portfolio .call_to_action_two .call_to_action_two_inner {
  border-radius: 10px; }

.portfolio .footer-two .footer-top {
  background: url("../img/portfolio-footer.png") center center no-repeat;
  background-size: cover;
  border-radius: 10px; }

.portfolio .bg-primary {
  border-bottom: 1px solid #ececec; }

.portfolio_header {
  background: none; }

.portfolio_banner {
  text-align: center; }
  .portfolio_banner figure {
    position: relative; }
  .portfolio_banner figcaption {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 95px); }
    @media only screen and (max-width: 767px) {
      .portfolio_banner figcaption {
        top: 40px; }
        .portfolio_banner figcaption img {
          max-width: 100px; } }
    .portfolio_banner figcaption p {
      font-size: 22px;
      font-weight: 400;
      margin-top: 15px;
      margin-bottom: 0;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #000000; }
      @media only screen and (max-width: 767px) {
        .portfolio_banner figcaption p {
          font-size: 14px;
          margin-top: 5px; } }

/*============= fashion page css start ===============*/
.fashion .nav-bg {
  border: none; }

.fashion .bg-dark {
  background: #000000; }

.fashion .heading_burger_nav_two .nav-head-two span a {
  color: #ffffff; }

.fashion .bg-primary {
  background: #2B333F; }

.fashion .mix-btn {
  background: #dcbe0c;
  color: #ffffff;
  border: 1px solid transparent; }
  .fashion .mix-btn:hover {
    background: transparent;
    color: #dcbe0c;
    border: 1px solid #dcbe0c; }

.fashion .gallery_one {
  background: #f2f2f2;
  padding: 100px 0 70px; }
  .fashion .gallery_one .gallery-single {
    background: #fcfcfc;
    border-radius: 10px;
    margin-bottom: 30px; }
    .fashion .gallery_one .gallery-single figcaption h4 {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.7;
      margin: 0;
      padding: 15px 0 18px; }
      .fashion .gallery_one .gallery-single figcaption h4 small {
        font-size: 14px;
        font-weight: 600; }

.fashion .sorting-menu .dropdown .btn-default {
  color: #dcbe0c; }

.fashion .call_to_action {
  background: url("../img/fashion-bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 55px 0 65px; }

.fashion-color {
  color: #dcbe0c; }

.fashion_header {
  background: url(../img/fashion-banner.jpg) center center no-repeat;
  background-size: cover;
  padding-top: 0; }

.fashion_banner {
  text-align: center;
  margin-top: 0;
  padding: 180px 0 130px;
  position: relative; }
  .fashion_banner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.39); }
  .fashion_banner .container {
    position: relative;
    z-index: 11; }
  @media only screen and (max-width: 767px) {
    .fashion_banner {
      padding: 120px 0 60px; } }
  .fashion_banner .simply-countdown {
    margin: auto;
    font-family: "Open Sans", sans-serif; }
    .fashion_banner .simply-countdown .simply-section {
      background: transparent;
      font-size: 42px;
      font-weight: 300;
      width: 100px;
      height: 100px;
      margin: 0;
      box-shadow: none;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .fashion_banner .simply-countdown .simply-section {
          font-size: 18px;
          width: 50px;
          height: 80px; } }
      .fashion_banner .simply-countdown .simply-section:after {
        content: "";
        width: 7px;
        height: 7px;
        background: #ffffff;
        position: absolute;
        top: 34%;
        right: 0;
        border-radius: 50%; }
      .fashion_banner .simply-countdown .simply-section:last-child:after {
        display: none; }
      .fashion_banner .simply-countdown .simply-section .simply-word {
        font-size: 19px;
        text-transform: uppercase;
        margin-top: 7px;
        font-weight: 700; }
        @media only screen and (max-width: 767px) {
          .fashion_banner .simply-countdown .simply-section .simply-word {
            font-size: 12px;
            margin-top: 0; } }
  .fashion_banner h3 {
    font-size: 44px;
    color: #ffffff;
    font-weight: 300;
    margin: 40px 0 0; }
    @media only screen and (max-width: 767px) {
      .fashion_banner h3 {
        font-size: 19px; } }
  .fashion_banner p {
    font-size: 16px;
    line-height: 1.1; }
  .fashion_banner .mix-btn {
    margin: 40px 0 20px;
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .fashion_banner .mix-btn {
        margin: 10px 0; } }
    .fashion_banner .mix-btn:hover {
      background: transparent;
      color: #ffffff; }

/*============= CONSULTING page css start ===============*/
.consulting .nav-bg {
  border: none; }

.consulting .heading_burger_nav_two .nav-head-two span a {
  color: #ffffff; }

.consulting .bg-primary {
  background: #eac11f; }

.consulting .subscribe-form {
  margin-bottom: 30px; }
  .consulting .subscribe-form p a {
    color: #ffffff; }
    .consulting .subscribe-form p a:hover {
      color: #ffffff; }

.consulting .mix-btn {
  background: #eac11f;
  color: #ffffff;
  border: 1px solid transparent; }
  .consulting .mix-btn:hover {
    background: transparent;
    color: #eac11f;
    border: 1px solid #eac11f; }

.consulting .feature-col i, .consulting .feature-col h4 {
  color: #ebc022; }

.consulting .feature-three .feature-three-text .feature-three-feature i {
  color: #eac11f; }

.consulting .counter-up {
  background: url("../img/consulting-counter.jpg") center center no-repeat;
  background-size: cover;
  color: #ffffff; }
  .consulting .counter-up .counter-up-text {
    color: #ffffff; }

.consulting .feature-one {
  background: #252525; }

.consulting .footer-two .footer-top {
  background: url("../img/software-footer.jpg") center center no-repeat;
  background-size: cover; }

.consulting-color {
  color: #eac11f; }

.consulting_header {
  background: url(../img/consulting-banner.jpg) center center no-repeat;
  background-size: cover;
  padding-top: 0; }

.consulting_banner {
  text-align: center;
  margin-top: 0;
  padding: 180px 0 130px; }
  @media only screen and (max-width: 767px) {
    .consulting_banner {
      padding: 100px 0 40px; } }
  .consulting_banner .consulting_banner_inner {
    max-width: 600px;
    margin: auto; }
  .consulting_banner h3 {
    font-size: 44px;
    color: #ffffff;
    font-weight: 300;
    margin: 0;
    margin-bottom: 10px;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .consulting_banner h3 {
        font-size: 21px; } }
  .consulting_banner img {
    margin: 10px auto 30px;
    max-height: 100px; }
    @media only screen and (max-width: 767px) {
      .consulting_banner img {
        max-height: 60px;
        margin: 10px auto 15px; } }
  .consulting_banner .mix-btn {
    margin: 40px 0 20px;
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .consulting_banner .mix-btn {
        margin: 10px 0; } }
    .consulting_banner .mix-btn:hover {
      background: transparent;
      color: #ffffff; }



/*============= preview page css start ==================*/
.preview_header {
  padding-top: 0; }
  .preview_header .nav-bg .navigation-right-btn li a {
    background: #ea3427;
    border: 1px solid #ea3427; }
    .preview_header .nav-bg .navigation-right-btn li a:hover {
      background: transparent;
      color: #ea3427; }
  @media only screen and (max-width: 767px) {
    .preview_header .nav-bg .navbar-toggle .icon-bar {
      background: #ea3427; } }

.preview_banner {
  text-align: center;
  color: #000000;
  padding: 80px 0 80px;
  background: url(../img/heder.png) center center no-repeat;
  background-size: cover; }
  .preview_banner .preview_banner_img {
    max-height: 120px;
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .preview_banner .preview_banner_img {
        max-height: 80px; } }
  .preview_banner h1 {
    font-size: 20px;
    font-weight: 300;
    margin: 0 0 5px;
    color: #fff;
    letter-spacing: 7px; }
    @media only screen and (max-width: 767px) {
      .preview_banner h1 {
        font-size: 13px; } }

.block_header {
  background: url("/img/travel-bg.jpg") center no-repeat;
  background-size: cover; }
  .block_header .nav-bg {
    border-bottom: 1px solid rgba(202, 193, 193, 0.62); }
  .block_header .bg-transparent .navbar-brand span {
    color: #ffffff; }
  .block_header .bg-dark {
    background: #ffffff; }
    .block_header .bg-dark .navbar-brand span {
      color: #000000; }
  .block_header .nav-bg .navigation-right-btn li a {
    background: #ea3427;
    border: 1px solid #ea3427; }
    .block_header .nav-bg .navigation-right-btn li a:hover {
      background: #ffffff;
      color: #ea3427;
      border: 1px solid transparent; }
  .block_header .nav-bg.bg-dark .navigation-right-btn li a {
    background: #ea3427;
    border: 1px solid #ea3427; }
    .block_header .nav-bg.bg-dark .navigation-right-btn li a:hover {
      background: transparent;
      color: #ea3427;
      border: 1px solid #ea3427; }
  .block_header .nav-head-two span a {
    color: #fff; }
  .block_header .block-nav {
    padding-top: 18px;
    font-size: 19px;
    color: #fff;
    font-weight: 600; }
    .block_header .block-nav a {
      color: #fff;
      padding-right: 15px; }
  @media only screen and (max-width: 767px) {
    .block_header .nav-bg .navbar-toggle .icon-bar {
      background: #ea3427; } }

.block_banner {
  text-align: center;
  color: #000000;
  padding: 90px 0 100px; }
  .block_banner h1 {
    font-size: 65px;
    font-weight: 300;
    margin: 0 0 5px;
    color: #ffffff; }
    @media only screen and (max-width: 767px) {
      .block_banner h1 {
        font-size: 45px; } }

.preview .bg-dark {
  background: #ffffff; }

.preview .nav-bg {
  border-bottom: 1px solid rgba(108, 110, 110, 0.11); }

.preview .mix-btn {
  background: #ea3427;
  border: 1px solid #ea3427; }
  .preview .mix-btn:hover {
    background: transparent;
    color: #ea3427; }

.preview .call_to_action {
  background: url(../img/startup-bg.png) top center no-repeat;
  background-size: cover; }
  .preview .call_to_action .mix-btn:hover {
    background: #ffffff;
    border: 1px solid transparent; }

.divider-section-black {
  background: #000;
  color: #ffffff;
  text-align: center;
  padding: 27px 0; }
  .divider-section-black p {
    margin: 0;
    line-height: 26px;
    font-weight: 600; }

.show-case {
  background: #252525; }
  .show-case h3 {
    text-align: center;
    margin: 60px 0 30px;
    color: #ffffff;
    font-weight: 600; }
  .show-case .show-item {
    display: block;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 55px;
    max-height: 547px;
    overflow: hidden; }
    @media (max-width: 1199px) {
      .show-case .show-item {
        margin-bottom: 35px; } }
    @media only screen and (max-width: 991px) {
      .show-case .show-item {
        margin-bottom: 15px; } }
    @media only screen and (max-width: 767px) {
      .show-case .show-item {
        margin-bottom: 35px; } }
    .show-case .show-item img {
      border-radius: 10px;
      margin-bottom: 15px;
      transition: transform .4s ease; }
      .show-case .show-item img:hover {
        transform: scale(1.03); }
    .show-case .show-item p {
      margin-bottom: 0;
      color: #ffffff;
      font-weight: 600;
      text-decoration: underline; }

.horizontal-line {
  border-top: 1px solid rgba(255, 255, 255, 0.1); }

/* =========== page css start =====================*/
/*responsive css*/
@media (max-width: 767px) {
  body {
    font-size: 18px; } }

/*# sourceMappingURL=maps/style.css.map */

/* Services */
/*============== pricing css start from here ================*/
.services{
  padding: 100px 0;
  .services-col{
    max-width: 438px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow .3s ease;
    &:hover{
      box-shadow: 0 28px 57px 0 rgba(0, 0, 0, 0.3);
    }
  }
  .service{
    margin: 0;
    font-size: 44px;
    text-align: center;
    background: url("../img/footer-two-bg.jpg") center no-repeat;
    background-size: cover;
    line-height: 1.5;
    color: #ffffff;
    padding: 32px 0;
  }
  .services-col-text{
    padding: 0 40px;
    .service-category{
      text-align: center;
      text-transform: uppercase;
      color: #666666;
      border-bottom: 1px solid #e5e6ea;
      margin: 0;
      padding: 14px 0;
      font-weight: 600;
    }
    h4{
      text-transform: uppercase;
      font-weight: 600;
      font-size: 14px;
      margin-top: 30px;
      margin-bottom: 5px;
    }
    .service-text{
      color: #666666;
      margin: 0;
    }
    .mix-btn{
      margin: 30px 0 50px;
      width: 100%;
      @media #{$mobile-375} {
        font-size: 11px;
      }
    }
  }
}
.shadow-box{

}