body {color: #333; font-family: "Montserrat", serif; font-size: 14px; line-height: 24px; background-color: rgb(253, 251, 246);}
header a {
    text-decoration: none;
}
ul {
    margin-bottom: 0px;
}
ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.header-area {
    background: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    border-bottom: 1px solid #eee;
  }
  
  .header-area .main-nav {
    min-height: 80px;
    background: transparent;
  }
  
  .header-area .main-nav .logo {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    float: left;
    padding-top: 16px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
.header-area .main-nav .nav {
    float: right;
    margin-top: 20px;
    margin-right: 0px;
    background-color: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    
  }
  @media (max-width: 1024px){
   
    .header-area .main-nav .nav.nav-main:not(#menuToggle){display:none;}
    .header-area .main-nav .nav li.has-sub:after{right:70px !important; top:18px !important;}

  }
  @media (min-width: 1025px){
    .header-area .main-nav #menuToggle {  display: none !important; }
  }
  
  /* .header-area .main-nav .nav li {
    padding-left: 30px;
    padding-right: 30px;
  } */
  .header-area .main-nav .nav li {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .header-area .main-nav .nav li:last-child {
    padding-right: 0px;
  }
  
  .header-area .main-nav .nav li a {
    display: block;
    font-weight: 800;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    color: #111;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    height: 40px;
    line-height: 40px;
    border: transparent;
    letter-spacing: 1px;
  }
  
  .header-area .main-nav .nav li:hover a,
  .header-area .main-nav .nav li a.active {
    color: #111 !important;
  }
.header-area .main-nav .nav li.has-sub {
    position: relative;
    padding-right: 15px;
  }
  
  /*.header-area .main-nav .nav li.has-sub:after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 12px;
    color: #111;
    position: absolute;
    right: 5px;
    top: 8px;
  }*/ 
  
  .header-area .main-nav .nav li.has-sub ul.sub-menu {
    position: absolute;
    width: 140px;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
    overflow: hidden;
    top: 40px;
    border-radius: 5px;
    opacity: 0;
    transition: all .3s;
    transform: translateY(+2em);
    visibility: hidden;
    z-index: -1;
  }
  
  .header-area .main-nav .nav li.has-sub ul.sub-menu li {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .header-area .main-nav .nav li.has-sub ul.sub-menu li a {
    opacity: 1;
    display: block;
    background: #f7f7f7;
    color: #2a2a2a!important;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid #eee;
  }
  
  .header-area .main-nav .nav li.has-sub ul li a:hover {
    background: #fff;
    padding-left: 25px;
  }
  
  .header-area .main-nav .nav li.has-sub ul li a:hover:before {
    width: 3px;
  }
  
  .header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
  }
  
  .header-area .main-nav .menu-trigger {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 75px;
    width: 32px;
    height: 40px;
    text-indent: -9999em;
    z-index: 99;
    right: 40px;
    display: none;
  }
.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #111;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #111;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #fff;
}
.header-area .main-nav .menu-trigger.active span:after {
    -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
    transform: translateY(-6px) translateX(1px) rotate(-45deg);
    background-color: #fff;
  }
.header-area.header-sticky {
    min-height: 80px;
  }
  
  .header-area .nav {
    margin-top: 30px;
  }
  
  .header-area.header-sticky .nav li a.active {
    color: #dc8cdb;
  }

/*  @media (max-width: 1024px) {
    input[type="checkbox"]#menu-trigger-1:checked + ul.nav{display:block}
    input[type="checkbox"]#menu-trigger-1:checked ~ label.menu-trigger .lines {background-color: transparent; }
    input[type="checkbox"]#menu-trigger-1:checked ~ label.menu-trigger .lines:before {
        -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
        -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
        -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
        transform: translateY(6px) translateX(1px) rotate(45deg);
        background-color: #111;
    }
    input[type="checkbox"]#menu-trigger-1:checked ~ label.menu-trigger .lines:after {
        -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
        -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
        -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
        transform: translateY(-6px) translateX(1px) rotate(-45deg);
        background-color: #111;
    }
   
  }*/

@media (max-width: 1200px) {
    .header-area .main-nav .nav li {
      padding-left: 7px;
      padding-right: 7px;
    }
    .header-area .main-nav:before {
      display: none;
    }
    .header-area {
        background: #fff !important;
      }
    input[type="checkbox"]#menu-trigger-1:checked + ul.nav{display:block}
    input[type="checkbox"]#menu-trigger-1:checked ~ label.menu-trigger .lines {background-color: transparent; }
    input[type="checkbox"]#menu-trigger-1:checked ~ label.menu-trigger .lines:before {
        -moz-transform: translateY(7px) translateX(1px) rotate(45deg);
        -ms-transform: translateY(7px) translateX(1px) rotate(45deg);
        -webkit-transform: translateY(7px) translateX(1px) rotate(45deg);
        transform: translateY(7px) translateX(1px) rotate(45deg);
        background-color: #111;
    }
    input[type="checkbox"]#menu-trigger-1:checked ~ label.menu-trigger .lines:after {
        -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
        -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
        -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
        transform: translateY(-6px) translateX(1px) rotate(-45deg);
        background-color: #111;
    }
    input[type="checkbox"]#menu-trigger-1{display: none;}
  }
  
  /*@media (max-width: 1024px) {
    .header-area .main-nav .logo {
      color: #1e1e1e;
    }
    .header-area.header-sticky .nav li a:hover,
    .header-area.header-sticky .nav li a.active {
      color: #dc8cdb!important;
      opacity: 1;
    }
    .header-area.header-sticky .nav li.search-icon a {
      width: 100%;
    }
    .header-area {
      background-color: #f7f7f7;
      padding: 0px 15px;
     
      box-shadow: none;
      text-align: center;
    }
    .header-area .container {
      padding: 0px;
    }
    .header-area .logo {
      margin-left: 30px;
    }
    .header-area .menu-trigger {
      display: block !important;
    }
    .header-area .main-nav {
      overflow: hidden;
    }
    .header-area .main-nav .nav {
      float: none;
      width: 100%;
      display: none;
      -webkit-transition: all 0s ease 0s;
      -moz-transition: all 0s ease 0s;
      -o-transition: all 0s ease 0s;
      transition: all 0s ease 0s;
      margin-left: 0px;
    }
    .header-area .main-nav .nav li:first-child {
      border-top: 1px solid #eee;
    }
    .header-area.header-sticky .nav {
      margin-top: 100px !important;
    }
    .header-area .main-nav .nav li {
      width: 100%;
      background: #fff;
      border-bottom: 1px solid #eee;
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .header-area .main-nav .nav li a {
      height: 50px !important;
      line-height: 50px !important;
      padding: 0px !important;
      border: none !important;
      background: #f7f7f7 !important;
      color: #191a20 !important;
    }
    .header-area .main-nav .nav li a:hover {
      background: #eee !important;
      color: #111!important;
    }
    .header-area .main-nav .nav li.has-sub ul.sub-menu {
      position: relative;
      visibility: inherit;
      opacity: 1;
      z-index: 1;
      transform: translateY(0%);
      top: 0px;
      width: 100%;
      box-shadow: none;
      height: 0px;
      transition: all 0s;
    }
    .header-area .main-nav .nav li.submenu ul li a {
      font-size: 12px;
      font-weight: 400;
    }
    .header-area .main-nav .nav li.submenu ul li a:hover:before {
      width: 0px;
    }
    .header-area .main-nav .nav li.has-sub ul.sub-menu {
      height: auto;
    }
    .header-area .main-nav .nav li.has-sub:after {
      color: #3B566E;
      right: 100px;
      font-size: 14px;
      top: 12px;
    }
    .header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
      height: 0px;
    }
    .header-area .main-nav .nav li.has-sub ul.sub-menu {
        display: none;
      }
  }*/
  @media (max-width: 767px){
    .section-head{padding-right: 12px !important; padding-left: 12px !important;}
  }
  @media (min-width: 1024px) {
    .header-area .main-nav .nav {
      display: flex !important;
    }
  }
  input[type="checkbox"]#menu-trigger-1{display: none;}

.topbar {
    position: relative;
    z-index: 200;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
.topbar .topbar-dropdown .title a{color: #747474;}
.topbar-dropdown {
    color: #747474;
    float: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 40px;
    height: 40px;
    position: relative;
}
.topbar-dropdown:first-child .title {
    border-color: transparent;
    padding-left: 0;
}
.topbar-dropdown .title {
    padding: 0 20px;
    cursor: pointer;
}
.topbar-dropdown .dropdown-list {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 40px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border: solid 1px #eee;
    padding: 0px 16px;
    z-index: 1;
    text-align: left;
    opacity: 0;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transform-origin: 50% 0% 0px;
    -moz-transform-origin: 50% 0% 0px;
    -webkit-transform-origin: 50% 0% 0px;
    -ms-transform-origin: 50% 0% 0px;
    z-index: 1;
    visibility: hidden;
}
.topbar-dropdown .list-entry:first-child {
    border-top: none;
}
.topbar-dropdown .list-entry {
    white-space: nowrap;
    display: block;
    color: #747474;
    padding: 2px 0;
    border-top: 1px #f0f0f0 solid;
}
a {
    color: rgb(108, 186, 187);
    text-decoration: none !important;
}
a:hover {
    color: rgb(108, 186, 187);
    text-decoration: none !important;
}
.form-control:focus {
    border-color: rgb(36, 43, 57);
    box-shadow: 0 0 0 .25rem rgba(36, 43, 57, .25);
}
.goog-te-gadget {
    font-family: arial;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}
.goog-te-gadget-simple {
    background-color: #fff;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #d5d5d5;
    font-size: 10pt;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 2px;
    cursor: pointer;
    zoom: 1;
    *display: inline;
}
.goog-te-gadget img {
    vertical-align: middle;
    border: none;
}
.goog-te-gadget-icon {
    margin-left: 2px;
    margin-right: 2px;
    width: 19px;
    height: 19px;
    border: none;
    vertical-align: middle;
}
.goog-te-gadget-simple .goog-te-menu-value {
    color: #000;
}
.goog-te-menu-value {
    text-decoration: none;
    color: #0000cc;
    white-space: nowrap;
    margin-left: 4px;
    margin-right: 4px;
}
.goog-te-gadget-simple .goog-te-menu-value span {
    text-decoration: none;
}
.topbar .social-icons {
    float: right;
    height: 100%;
    overflow: hidden;
}
.social-icons ul {
    padding: 0;
}
.topbar .social-icons li, .topbar .social-icons li a {
    float: left;
    list-style: outside none none;
}
.topbar .social-icons li:first-child a {
    border-left: 1px solid rgba(180, 180, 180, 0.2);
}
.topbar .social-icons li a {
    border-radius: 0px;
    border-right: 1px solid rgba(180, 180, 180, 0.2);
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 35px;
    overflow: hidden;
    margin: 0;
}
.social-icons li a {
    float: left;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    margin: 0 8px 8px 0;
    border-radius: 4px;
    border: 0;
    background: transparent;
    color: #333;
    overflow: hidden;
}
.text-grey, .text-grey h1, .text-grey h2, .text-grey h3, .text-grey h4, .text-grey h5, .text-grey h6, .text-grey .lead, .text-grey p, .text-grey a:not(.button), .text-grey i, .text-grey li, .text-grey label, .text-grey div:not(.alert), .text-grey span {
    color: #ccc;
}
.background-dark {
    background-color: rgb(36, 43, 57) !important;
}
#footer {
    clear: both;
    position: relative;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.footer-content {
    padding: 40px 0;
}
.footer-content .borders{position: relative;}
.footer-content .borders::before{position: absolute; content: ""; width: calc(100% - 20px); height: 1px; background: #333; left: 0; right: 0; margin: 0px auto; top:0;}
.footer-content .widget-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
/* .list-arrow-icons li:before {
  margin-left: -18px;
  position: absolute;
  font-family: fontawesome;
  content: "\f105";
} */
#footer .widget-categories a {
  color: rgb(255, 255, 255);
}
#footer .widget-categories a:hover {
    color: rgb(108, 186, 187);
}
.text-grey a.btn{background: rgb(108, 186, 187); border-color: rgb(108, 186, 187); color: rgb(36, 43, 57) !important;}
.text-grey a.btn i{color: rgb(36, 43, 57) !important;}
/* .list-icons li, .list-arrow-icons li, .list-tweets li {
  padding-left: 20px;
} */
.list-large li:first-child, .list-medium li:first-child {
    margin-top: 0;
}
.list-large li {
  margin: 14px 0;
}
.list-icons li i {
  font-size: 14px;
  margin-left: -22px;
  margin-right: 6px;
  top: 0;
}
.text-grey, .text-grey h1, .text-grey h2, .text-grey h3, .text-grey h4, .text-grey h5, .text-grey h6, .text-grey .lead, .text-grey p, .text-grey a:not(.button), .text-grey i, .text-grey li, .text-grey label, .text-grey div:not(.alert), .text-grey span {
  color: rgb(255, 255, 255);
}
#footer .form-transparent-fields .form-control {
  background-color: transparent;
  border: 1px solid #ebebeb;
  color: #bbbbbb;
}
#footer .form-transparent-fields .form-control:focus{box-shadow: none;}
.form-control {
  border-radius: 0;
  box-shadow: none;
  height: auto;
  line-height: 1.33333;
  padding: 12px 18px;
}
.form-group .button{font-size: 12px; color: white; cursor: pointer;}
.copyright-content {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  min-height: 80px;
  padding: 20px 0;
}
#footer .social-icons li a {
  float: left;
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  margin: 0 8px 0 0;
  border-radius: 4px;
  border: 0;
  background: transparent;
  color: #333;
  overflow: hidden;
}
#footer .social-icons li{display: inline-block;}
.footer-content .footer-logo{height: 58px; width: auto; margin: auto; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.footer-content .footer-world{display: inline-block; width: auto; margin: 0 auto;}
.footer-content .burrow-text{padding-top: 18px;}
#footer .widget .list-icon li{display: flex;}
#footer .widget .list-icon li i{vertical-align: middle; height: auto; line-height: 28px;}
#footer .widget .list-icon li p{vertical-align: middle; height: auto; margin-left: 8px;}
/*.heading:after {
  border-top: 3px solid #303030;
  display: block;
  margin-top: 10px;
  width: 30px;
  content: "";
}*/
section.section-head {
  padding: 80px 0;
  position: relative;
  z-index: auto;
  width: 100%;
  overflow: hidden;
}
.heading h2 {
  font-size: 40px;
  line-height: 42px;
}
.heading h1, .heading h2, .heading h3, .heading h4 {
  color: #303030;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.icon-box .icon {
  height: 64px;
  position: absolute;
  width: 64px;
}
.icon {
  margin-bottom: 16px;
}
.icon-box .icon a, .icon-box .icon i {
  width: 100%;
  height: 100%;
  color: #333;
}
.icon-box.fancy .icon i {
  background-color: transparent;
  color: #222;
  font-size: 110px;
  opacity: 0.09;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  border-radius: 0px;
}
.icon-box.medium > h3, .icon-box.medium > h4 {
  margin: 0 12px 10px 84px;
}
.icon-box.medium > p {
  margin: 0 0 20px 84px;
}
.jumbotron.jumbotron-fullwidth {
  padding: 36px 24px 30px;
}
.background-colored {
    background-color: rgb(108, 186, 187) !important;
}
.jumbotron {
  position: relative;
  overflow: hidden;
  padding: 24px 30px 12px;
}
.jumbotron a.button {
  margin-left: 22px;
  margin-top: -24px;
  right: auto;
  top: 50%;
  float: right;
}
.jumbotron .button.effect {
  position: relative;
  overflow: hidden;
}
.jumbotron .button.transparent {
  background-color: rgb(36, 43, 57);
  border-color: rgb(36, 43, 57);
  border-style: solid;
  border-width: 2px;
  box-shadow: none;
  color: rgb(255, 255, 255);
  letter-spacing: 2px;
  opacity: 1;
  padding: 16px 36px;
  transition: all 0.2s linear 0s;
}
.jumbotron .button.rounded {
  border-radius: 3px;
}
.jumbotron .button {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  margin: 10px 0;
  outline: 0 none;
  padding: 18px 36px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #ccc;
}
.button.transparent:hover, .button.transparent:active, .button.transparent:hover i, .button.transparent:hover span {
    background-color: transparent;
    color: rgb(36, 43, 57) !important;
    border-color: rgb(36, 43, 57);
}

.button.border:hover, .button.transparent:hover {
  opacity: 1;
}
.button:hover.effect.icon-left span {
  -webkit-transform: translate(15px, 0);
  -ms-transform: translate(15px, 0);
  transform: translate(15px, 0);
  ms-transform: translate(15px, 0);
}
.button.effect.icon-left span {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  ms-transform: translate(0, 0);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  ms-backface-visibility: hidden;
}
.button:hover.effect.icon-right i, .button:hover.effect.icon-left i, .button:hover.effect.icon-top i, .button:hover.effect.icon-bottom i {
  opacity: 1;
}
.button.effect.icon-left i {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-24px, -50%);
  -ms-transform: translate(-24px, -50%);
  transform: translate(-24px, -50%);
  ms-transform: translate(-24px, -50%);
  opacity: 0;
}
.button, .button.effect.fill-vertical:after, .button.effect.fill-horizontal:after, .button.effect.icon-bottom span, .button.effect.icon-bottom i, .button.effect.icon-top span, .button.effect.icon-top i, .button.effect.icon-right span, .button.effect.icon-right i, .button.effect.icon-left span, .button.effect.icon-left i {
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
.button.transparent:hover, .button.transparent:hover span, .button.transparent:hover i {
  color: #ffffff;
}
section.market-background{background: url(../images/1.jpg); position: relative; z-index: auto; width: 100%; overflow: hidden; background-size: cover !important; background-position: center center !important; min-height: 550px;}
section.market-background h2{color: #fff;}
section.market-background .heading h2 {font-size: 40px; line-height: 42px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px;}
section.market-background .heading:after {border-top: 4px solid #fff; margin: 30px auto 0;}
section.market-background .button.color{background-color: #0075bb; border-color: #0075bb; color: #fff;}
section.market-background .button {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  margin: 10px 0;
  outline: 0 none;
  padding: 18px 36px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #ccc;
}
section.website img{width: 100%; height: auto;}
section.website{background: rgb(108, 186, 187); padding: 80px 0; width: 100%; overflow: hidden;}
section.website h2{color: rgb(255 255 255);}
section.website span{color: rgb(255 255 255); font-size: 16px;}
section.about-us .idc-global{padding-bottom: 0; padding-left: 20px;}
section.about-us .idc-global li{list-style-type: disc; color: #333; font-size: 14px; line-height: 24px;}
section.about-us img{margin: auto; display: block; width: 100%;}
section.ourteam{color: #333; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px;}
section.ourteam .button{
  background-color: #0075bb;
  color: #fff;
}
section.ourteam .button {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 100%;
  margin: 10px 0;
  outline: 0 none;
  padding: 18px 36px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #ccc;
}
section.ourteam .seperator{border-bottom: 1px solid #eee;}
section.datafloat .datafloat{padding-bottom: 0; padding-left: 20px;}
section.datafloat .datafloat li{list-style-type: disc; line-height: 24px;}
section.datafloat{color: #333; font-size: 14px;}
section.solutions .border-bottom {border-bottom: 1px solid #eee;}
section.solutions .accordion.border-bottom .ac-item .ac-title {border-bottom: 1px solid #e7e7e7;}
section.solutions .accordion .ac-title {color: #0075bb; font-size: 17px !important;}
section.solutions .accordion .ac-title {
  position: relative;
  padding: 12px 30px 12px 15px;
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 12px;
}
section.solutions li{list-style-type: disc; line-height: 24px;}
section.solutions ul{padding-left: 20px; margin-bottom: 10px;}
section.solutions .accordion .ac-item > .ac-title > i {margin-right: 16px;}
section.ourclients .heading.heading-center:after, .heading.title-center:after {margin: 30px auto 0;}
section.ourclients .heading:after {
  border-top: 3px solid #303030;
  display: block;
  width: 30px;
  content: "";
}
section.ourclients .heading-center {text-align: center; float: none; color: #888; font-size: 16px;}
section.ourclients .line {text-align: center;}
section.ourclients .line .reach:hover {
  color: rgba(0, 0, 0, 0.4);
}
section.ourclients .line .reach {
  position: relative;
  color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
  font-size: 30px;
  font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;
}
section.ourclients  .line .reach:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
section.ourclients .line .reach:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1.5px;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
section.ourclients img{max-width: 100%; max-height: 100%;}
section.ourclients .seperator{border-bottom: 1px solid #eee;}
section.learnmore h3{color: #222222; font-size: 24px; font-weight: 500;}
section.learnmore p{color: #696f6f;}
section.learnmore strong {font-weight: 700;}
section.learnmore .more-address input::placeholder{color: rgba(0, 0, 0, 0.4) !important;}
section.learnmore .more-address{border-left: 1px solid #ccc;}
section.learnmore .more-address .form-label{text-transform: uppercase;}
section.learnmore .more-address .form-label{font-weight: 700; font-size: 12px;}
section.learnmore .more-address .form-select {padding: 10.4px 18px; border-radius: 0;}
section.learnmore .more-address .form-controls{padding: 0px; border-width: 0 0 2px 0; box-shadow: none; text-transform: uppercase;}
section.learnmore .btn.btn-primary {background-color: #0075bb; border-color: #0075bb; color: #fff;}
section.learnmore .btn {padding: 6px 12px!important;}
section.learnmore .btn {border-radius: 4px; padding: 12px 20px;}
section.learnmore .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  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;
  border: 1px solid transparent;
  border-radius: 4px;
}
#page-title {
  
  clear: both;

 
  background-color: #f8f8f8;
}
.parallax, .page-title-parallax {
  background-attachment: fixed;
  background-size: cover !important;
  background-position: center center !important;
}

section.solutions .background-overlay:before {
    background: url(../images/overlay-pattern-1.png);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: " ";
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.8;
    display: none;
}

.page-title h1 {
  display: block;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-left: -2px;
  margin-top: -4px;
  text-transform: uppercase;
}
.text-medium {font-size: 50px !important;}
.page-title span {display: none;}
.page-title > span {opacity: 0.7;}

.header-area .main-nav .nav li input:checked ~ ul.sub-menu {
  max-height: 100vh;
  display: block;
}
.header-area .main-nav .nav li input[type="checkbox"] {
  display: none;
}
.footer-content .widget {background-position: 50% 55px; background-repeat: no-repeat; background-size: 67%;}
@media (max-width: 1024px){
  section.our-leading .leadings{padding: 0 !important;}
}
@media (max-width: 992px){
  section.learnmore .more-address{border-left: none;}
}
/*@media (max-width: 1024px){
  .header-area .main-nav .nav li .about-menu {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #f7f7f7 !important;
    color: #191a20 !important;}
}*/
.footer-content .widget {background-size: 100%;}

@media (max-width: 580px){
  .footer-content .widget {background-size: 50%;}
  .page-title h1.text-medium{font-size: 40px !important;}
  section.jumbotron .Contact-more{display: flex; justify-content: center;}
  .header-area a.logo img{max-width: 190px !important;}
}
.header-area .main-nav .nav li .about-menu {
    display: block;
    font-weight: 800;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    color: #111;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    height: 40px;
    line-height: 40px;
    border: transparent;
    letter-spacing: 1px;
}
section.slider.home-slider .item{height: 798px;}
section.slider .item {background-size: cover !important; background-position: center center !important; background-position: 50% 161.1px;}
section.slider .owl-dots{position: absolute; bottom: 20px; left: 0; right: 0;}
section.slider .owl-theme .owl-dots .owl-dot span {width: 16px; height: 16px; background: transparent; border: 2px solid #fff; margin: 5px 3px;}
section.slider .owl-theme .owl-dots .owl-dot.active span, section.slider .owl-theme .owl-dots .owl-dot:hover span {background: #fff;}
section.slider .item video{object-fit: cover;}
@media (max-width: 767px){
  section.slider .item{height: 40vh;}
  section.our-leading .leadings{height: auto !important;}
  .slider .item .slider-style h1 {line-height: 30px !important; font-size: 20px !important;}
  .slider .item .slider-style {top: 34% !important;}
}
body.scroll .topbar{transform: translate3d( 0px, -10px, 0px); transition: 0.1s;}
body.scroll .header-area{position: fixed; box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
body.scroll .header-area .logo img{height: 60px;}
body.scroll .header-area .main-nav {min-height: 0px;}
body.scroll .header-area .main-nav .nav {margin: 0.5rem;}
body.scroll .header-area .main-nav .logo {line-height: 0;}
body.scroll .header-area .main-nav .menu-trigger{top: 30px;}

section.our-leading span{font-size: 16px;}
section.our-leading .leadings{height: 260px; display: flex; justify-content: center; align-items: center;}
/*section.our-leading .leadings h2, section.our-leading .leadings span.lead{color: rgb(36, 43, 57);}*/

.footer-content .form-group textarea.form-control{height: 106px;}
section.slider .banner{position: relative;}

.slide-right {
  overflow: hidden;
}

.slide-right h1 {
  animation: 2s slide-right;
  animation-delay: 2s;
}

@keyframes slide-right {
   from {
      margin-left: -500px;
   }

   to {
      margin-left: 0%;
   }
}

.slider .item .slider-style{position: absolute; top: 40%;width: 100%; left: 5%;}
.slider .item .slider-style h1{color: rgb(255, 255, 255); transition: none 0s ease 0s; line-height: 1.2; border-width: 0px; padding: 0px; letter-spacing: 0px; font-weight: 500; font-size: 40px; text-shadow: 2px 2px 4px #4a4a4a; text-align: left; width: 700px; text-transform: uppercase;}

.modal-body strong {font-weight: 700;}
.modal-body .more-address input::placeholder{color: rgba(0, 0, 0, 0.4) !important;}
.modal-body .more-address .form-label{text-transform: uppercase;}
.modal-body .more-address .form-label{font-weight: 700; font-size: 12px;}
.modal-body .more-address .form-select {padding: 10.4px 18px; border-radius: 0;}
.modal-body .more-address .form-controls{padding: 0px; border-width: 0 0 2px 0; box-shadow: none; text-transform: uppercase;}
.modal-footer .button-style{display: flex; justify-content: start; width: 100%;}
.modal-footer .btn.btn-primary {background-color: rgb(108, 186, 187); border-color: rgb(108, 186, 187); color: rgb(36, 43, 57);}
.modal-footer .btn.btn-primary i:before{color: rgb(36, 43, 57);}

.gototop-button {
    color: #fff; background-color: rgb(36, 43, 57); border: 1px solid rgb(108, 186, 187);
}
.gototop-button:hover{color: rgb(108, 186, 187);}
.gototop-button {
  border-radius: 4px 0 0 4px;
  bottom: 110px;
  box-shadow: 0 0 10px rgb(0 0 0 / 5%);
  line-height: 24px;
  padding: 8px 14px 9px;
  position: fixed;
  right: 0;
  z-index: 200;
}

body:not(.scroll) .gototop{display: none !important; opacity: o;}

.footer-content .message-box{border: 2px solid #ebebeb; padding: 4px 12px;}
.section-head .what-we-do{font-size: 18px; color: #222222;}

section .background-overlay:before {background: url(../images/overlay-pattern-1.png); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: " "; width: 100%; height: 100%; z-index: 0; opacity: 0.8}
section.page-title.with-banner .page-heading .title-heading{width: 100%;}
.main-spacings{padding-top: 45px; padding-bottom: 45px;}
/*Arya*/
    nav ul.nav li .button.schedule-demo {background-color: rgb(36, 43, 57); border-color: rgb(36, 43, 57); border-style: solid; border-width: 2px; box-shadow: none; color: rgb(255, 255, 255); letter-spacing: 2px;  opacity: 1; padding: 14px 34px; transition: all 0.2s linear 0s; height: auto; line-height: normal;}
    nav ul.nav li .button.schedule-demo:hover {background-color: transparent;  color: rgb(36, 43, 57) !important; border-color: rgb(36, 43, 57);}
    nav ul.nav li .button.schedule-demo i:before{color: rgb(36, 43, 57);}
    section.page-title.with-banner {height: auto !important; display:block;position:relative;}
    section.page-title.with-banner img.banner-autoheight {  width:100%;height:auto;}
    section.page-title.with-banner .page-heading{position:absolute !important;top: 150px; padding:8px}
    section.page-title.with-banner h1, section.page-title.with-banner p{  text-shadow: 1px 1px 2px rgb(0 0 0 / 16%); }
    section.page-title.with-banner p{font-size:18px;}
    section.solution .content-section{padding-bottom:45px;}
    section.solution .content-margin{margin-bottom:45px;}
    section.solution .content-section p{margin:0}
    section.solution .solution-section2 img { width: 100%;  height: auto;}
    section.back-office {  background: url(../images/back-office.jpg); position: relative; z-index: auto; width: 100%;overflow: hidden; background-size: cover !important;  background-position: center center !important;  min-height: 550px;}
    section.back-office .office-crm{ position:absolute;top:150px;padding: 0px 60px; text-align: right; box-sizing: border-box;right:0}
   .solution .heading:after{display:none;}
    .solution-section4{text-align:center;}
    section.back-office .office-crm h2 {    color: #fff !important;}
    .solution-section5 { background: url(../images/df-consumer.jpg); position: relative; z-index: auto; width: 100%; overflow: hidden;background-size: cover !important; background-position: center center !important;  min-height: 550px;}
    .datafloat img{max-width:200px}
    .datafloat{padding:30px 20px; position:absolute;}
    .solution-section5:before {  content: ""; width: 40%;height: 100%; background: rgba(255,255,255,.8); box-shadow: 0 0 320px 600px rgb(255 255 255 / 80%); position: absolute; z-index: 0; left: -16%;}
    .marketing-tools { max-width: 225px;margin: 0 auto;}
    .solution p{font-size:16px;}
    .solution .list-items li{list-style:disc;}
    .solution ul.list-items { padding-left: 40px;}
    .ac-item{padding-bottom:20px;}
.solution .marketing-tools h5{padding-top:10px}

@media(max-width: 1200px) {
    section .page-title.with-banner .page-heading { top: 100px;}
}
section.back-office:before { height: 100%; content: "";  position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.3);  background: -moz-linear-gradient(120deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 70%,transparent calc(70% - -1px),transparent 100%);}

    @media(max-width: 840px) {
        section .page-title.with-banner h1 { font-size: 40px !important }
        section.page-title.with-banner p { font-size: 16px !important }
        section.page-title.with-banner .page-heading { top: 65px; }
        section.solution h2{ font-size:34px !important;}
    }
    @media(max-width: 630px) {
    
        section.back-office .office-crm{ padding: 0 16px; top:115px}
    }
    @media(max-width: 700px) {
         section.page-title.with-banner.solutions img.banner-autoheight{object-fit: cover;  height: 250px;  object-position: right;}
    }
@media(max-width: 991px) {
    .solution .philo-img{ text-align:center;}
}

   
    
    #menuToggle { display: block; position: absolute;top: 50px;right: 50px;z-index: 1;  -webkit-user-select: none;  user-select: none; }
    #menuToggle input {  display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }  
    #menuToggle span:not( .schedule-icon) { display: block;  width: 33px;height: 4px;  margin-bottom: 5px; position: relative;  background: #cdcdcd;  border-radius: 3px;  z-index: 1;transform-origin: 4px 0px;  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
    #menuToggle span:first-child {transform-origin: 0% 0%;   }
    #menuToggle span:nth-last-child(2) {  transform-origin: 0% 100%; }
    #menuToggle input:checked ~ span {  opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323;  }
    #menuToggle input:checked ~ span:nth-last-child(3) { opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);  }
    #menuToggle input:checked ~ span:nth-last-child(2) {opacity: 1; transform: rotate(-45deg) translate(0, -1px);   }
    #menu {position: fixed; width: 300px; margin: -100px 0 0 0; padding: 33px; padding-top: 125px; right: 0px; background: #ededed; list-style-type: none; -webkit-font-smoothing: antialiased; display: none !important;  height: 100vh;  box-sizing: border-box;  transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
    #menu li:not(.sub-listing) {  padding: 10px 0; font-size: 22px;  }
    #menuToggle input:checked ~ ul {transform: none; opacity: 1; display: block !important; }
    @media screen and (max-width: 768px) {
        #menu {  transform: none;  opacity: 0;transition: opacity 0.5s cubic-bezier(0.77,0.2,0.05,1.0);  }
    }
/*Arya*/
/*Anand*/
.fun-facts {padding-left: 3rem;}
.fun-facts li{list-style: disc;}
.solution .head-crm {padding: 0 8rem;}
.solution .head-data {padding: 4rem 10rem 4rem 0;}
section.back-office .office-crm {padding: 0 18rem 0 0;}
.logos-bg{background: #939598;}
.logos-bg .image-cell img {height: auto; width: 95%; max-width: 275px; padding: 0 2.5%;}
.logos-bg .image-cell{padding: 30px 0;}
.slider .client{position: relative;}
section.slider .owl-theme.client .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    background: transparent;
    border: 2px solid #939598;
    margin: 5px 3px;
}
.slider .client .name{font-weight: bold; display: flex; justify-content: flex-end;}
.slider .client .content-global {padding: 0 10px 10px 10px;}
/*.slider .client .content-group {
    min-height: 200px;
    overflow: hidden;
    height: 100%;
}*/
section.slider .owl-theme.client .owl-dots {bottom: -10px;}
.clients-imgs img{height: auto; width: 100%; max-width: 250px;}
section.logos-bg {margin: 1rem 0; padding: 1rem 0;}
.image-ourteam{margin: 50px 0 14px 0;}
.image-ourteam img{width: 100%; height: auto;}
@media (min-width: 1025px) {
    .logos-bg .text-center .image-cell {width: auto;}
    .logos-bg .text-center .image-cell.new-logo{width: 220px;}
}
@media (max-width: 767px) {
    .slider .client .items-card {height: auto;}
}
@media (max-width: 480px) {
    section.page-title.with-banner .page-heading {top: 36px;}
}

.our-clients p, .about-burrow p, .about-burrow ul li{font-size: 16px;}
.about-burrow .heading h2{margin-bottom: 24px; margin-top: 42px;}
.contact-learn .form-container .contact-form{margin-bottom: 12px;}
.contact-learn .form-container input{margin-right: 12px;}
.contact-learn .form-container .btn{background-color: rgb(36, 43, 57); color: rgb(255, 255, 255) !important; border-color: rgb(36, 43, 57);}
.contact-learn .form-container .btn:hover{background-color: transparent; color: rgb(36, 43, 57) !important; border-color: rgb(36, 43, 57);}
/*Anand*/