@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap');
/*
 * 0: Custom styles for AWD Digital
 * sass --watch style.scss:style.css
 * @package awddigital
 */
/*
 * 0: Mixins
 * 
 * @package awddigital
 */
header .right nav ul.navbar-nav li.dropdown .dropdown-toggle:after, .layout .has-slick .slick-arrow:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
}
/* @include box-shadow(0,0,21px,0, rgba($dark, .1), false); */
/*
 * 0: Colours
 * 
 * @package awddigital
 */
/*** -1 Color Scheme ***/
.t-primary {
  color: #007bff;
}
.t-secondary {
  color: #5a9540;
}
.t-dark {
  color: #798087;
}
.t-white {
  color: #fff;
}
.t-grey {
  color: #efefef;
}
.b-primary {
  background-color: #007bff;
}
.b-secondary {
  background-color: #5a9540;
}
.b-dark {
  background-color: #798087;
}
.b-white {
  background-color: #fff;
}
.b-grey {
  background-color: #efefef;
}
r body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
}
h1, h2, h3 {
  font-weight: bold;
  text-transform: uppercase;
}
/*
 * 0: Classes
 * 
 */
html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
main {
  overflow: hidden;
}
section, footer, main {
  position: relative;
  width: 100%;
  float: left;
}
a {
  display: inline-block;
}
a:hover, a:focus {
  color: #798087;
}
a, a:hover, a:focus, input, input:hover, input:focus {
  outline: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
h1, h2, h3 {
  font-weight: 500;
}
.t-reg {
  font-weight: 400;
}
.t-med {
  font-weight: 500;
}
.t-bold {
  font-weight: 700;
}
button:focus {
  outline: 0;
}
form#search .input-group .form-control, form#search .input-group .btn {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  border-bottom: 1px solid #007bff;
  font-size: 12px;
}
form#search .input-group .form-control:focus, form#search .input-group .btn:focus, form#search .input-group .form-control:hover, form#search .input-group .btn:hover {
  box-shadow: none;
}
form#search .input-group .form-control {
  padding-left: 0;
}
form#search .input-group span button {
  padding-right: 0;
}
form#search .input-group span button i {
  color: #007bff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
form#search .input-group span:hover i, form#search .input-group span:focus i {
  color: #5a9540;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/*** -3 Classes ***/
.has-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.has-absolute {
  position: relative;
}
.absolute-xy {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.absolute-x {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}
.absolute-y {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
.table-div {
  display: table;
}
.table-row {
  display: table-row;
}
.table-cell {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.has-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.has-video {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.has-video i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  font-size: 32px;
}
.has-video:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  background-color: rgba(225, 37, 27, .8);
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.has-video:hover:before {
  bottom: 0;
  transition: all 0.3s ease;
  z-index: 1;
}
.has-square {
  position: relative;
  width: 100%;
}
.has-square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.has-square.pb-five:after {
  padding-bottom: 50%;
}
.has-square.pb-seven:after {
  padding-bottom: 70%;
}
.has-square.pb-eight:after {
  padding-bottom: 80%;
}
.is-circle {
  border-radius: 100%;
  width: 250px;
  height: 250px;
  background-color: #007bff;
}
/*
 * 0: Spacers
 * This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
 * 
 * It will generate several classes such as:
 * .m-r-10 which gives margin-right 10 pixels.
 * .m-r-15 gives MARGIN to the RIGHT 15 pixels.
 * .p-b-5 gives PADDING to the BOTTOM of 5 pixels
 * .p-b-5 gives PADDING to the BOTTOM of 5 pixels
 * The first letter is "m" or "p" for MARGIN or PADDING
 * Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
 * Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.
 * 
 */
.m5t {
  margin-top: 5px;
}
.p5t {
  padding-top: 5px;
}
.m5b {
  margin-bottom: 5px;
}
.p5b {
  padding-bottom: 5px;
}
.m5l {
  margin-left: 5px;
}
.p5l {
  padding-left: 5px;
}
.m5r {
  margin-right: 5px;
}
.p5r {
  padding-right: 5px;
}
.m10t {
  margin-top: 10px;
}
.p10t {
  padding-top: 10px;
}
.m10b {
  margin-bottom: 10px;
}
.p10b {
  padding-bottom: 10px;
}
.m10l {
  margin-left: 10px;
}
.p10l {
  padding-left: 10px;
}
.m10r {
  margin-right: 10px;
}
.p10r {
  padding-right: 10px;
}
.m15t {
  margin-top: 15px;
}
.p15t {
  padding-top: 15px;
}
.m15b {
  margin-bottom: 15px;
}
.p15b {
  padding-bottom: 15px;
}
.m15l {
  margin-left: 15px;
}
.p15l {
  padding-left: 15px;
}
.m15r {
  margin-right: 15px;
}
.p15r {
  padding-right: 15px;
}
.m20t {
  margin-top: 20px;
}
.p20t {
  padding-top: 20px;
}
.m20b {
  margin-bottom: 20px;
}
.p20b {
  padding-bottom: 20px;
}
.m20l {
  margin-left: 20px;
}
.p20l {
  padding-left: 20px;
}
.m20r {
  margin-right: 20px;
}
.p20r {
  padding-right: 20px;
}
.m25t {
  margin-top: 25px;
}
.p25t {
  padding-top: 25px;
}
.m25b {
  margin-bottom: 25px;
}
.p25b {
  padding-bottom: 25px;
}
.m25l {
  margin-left: 25px;
}
.p25l {
  padding-left: 25px;
}
.m25r {
  margin-right: 25px;
}
.p25r {
  padding-right: 25px;
}
.m30t {
  margin-top: 30px;
}
.p30t {
  padding-top: 30px;
}
.m30b {
  margin-bottom: 30px;
}
.p30b {
  padding-bottom: 30px;
}
.m30l {
  margin-left: 30px;
}
.p30l {
  padding-left: 30px;
}
.m30r {
  margin-right: 30px;
}
.p30r {
  padding-right: 30px;
}
.m35t {
  margin-top: 35px;
}
.p35t {
  padding-top: 35px;
}
.m35b {
  margin-bottom: 35px;
}
.p35b {
  padding-bottom: 35px;
}
.m35l {
  margin-left: 35px;
}
.p35l {
  padding-left: 35px;
}
.m35r {
  margin-right: 35px;
}
.p35r {
  padding-right: 35px;
}
.m40t {
  margin-top: 40px;
}
.p40t {
  padding-top: 40px;
}
.m40b {
  margin-bottom: 40px;
}
.p40b {
  padding-bottom: 40px;
}
.m40l {
  margin-left: 40px;
}
.p40l {
  padding-left: 40px;
}
.m40r {
  margin-right: 40px;
}
.p40r {
  padding-right: 40px;
}
.m45t {
  margin-top: 45px;
}
.p45t {
  padding-top: 45px;
}
.m45b {
  margin-bottom: 45px;
}
.p45b {
  padding-bottom: 45px;
}
.m45l {
  margin-left: 45px;
}
.p45l {
  padding-left: 45px;
}
.m45r {
  margin-right: 45px;
}
.p45r {
  padding-right: 45px;
}
.m50t {
  margin-top: 50px;
}
.p50t {
  padding-top: 50px;
}
.m50b {
  margin-bottom: 50px;
}
.p50b {
  padding-bottom: 50px;
}
.m50l {
  margin-left: 50px;
}
.p50l {
  padding-left: 50px;
}
.m50r {
  margin-right: 50px;
}
.p50r {
  padding-right: 50px;
}
.m80t {
  margin-top: 80px;
}
.p80t {
  padding-top: 80px;
}
.m80b {
  margin-bottom: 80px;
}
.p80b {
  padding-bottom: 80px;
}
.m80l {
  margin-left: 80px;
}
.p80l {
  padding-left: 80px;
}
.m80r {
  margin-right: 80px;
}
.p80r {
  padding-right: 80px;
}
.m100t {
  margin-top: 100px;
}
.p100t {
  padding-top: 100px;
}
.m100b {
  margin-bottom: 100px;
}
.p100b {
  padding-bottom: 100px;
}
.m100l {
  margin-left: 100px;
}
.p100l {
  padding-left: 100px;
}
.m100r {
  margin-right: 100px;
}
.p100r {
  padding-right: 100px;
}
.m150t {
  margin-top: 150px;
}
.p150t {
  padding-top: 150px;
}
.m150b {
  margin-bottom: 150px;
}
.p150b {
  padding-bottom: 150px;
}
.m150l {
  margin-left: 150px;
}
.p150l {
  padding-left: 150px;
}
.m150r {
  margin-right: 150px;
}
.p150r {
  padding-right: 150px;
}
.m200t {
  margin-top: 200px;
}
.p200t {
  padding-top: 200px;
}
.m200b {
  margin-bottom: 200px;
}
.p200b {
  padding-bottom: 200px;
}
.m200l {
  margin-left: 200px;
}
.p200l {
  padding-left: 200px;
}
.m200r {
  margin-right: 200px;
}
.p200r {
  padding-right: 200px;
}
.m250t {
  margin-top: 250px;
}
.p250t {
  padding-top: 250px;
}
.m250b {
  margin-bottom: 250px;
}
.p250b {
  padding-bottom: 250px;
}
.m250l {
  margin-left: 250px;
}
.p250l {
  padding-left: 250px;
}
.m250r {
  margin-right: 250px;
}
.p250r {
  padding-right: 250px;
}
/*
 * 0: Styles for buttons and links
 *
 */
.ahref {
  position: relative;
  border-radius: 25px;
  border: 0;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  padding: 8px 30px;
  max-width: 100%;
}
.ahref.solid {
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
}
.ahref.solid:hover {
  background-color: #fff;
  color: #007bff;
  text-decoration: none;
}
.ahref.solid.white {
  background-color: #fff;
  color: #007bff;
}
.ahref.solid.white:hover {
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
}
.ahref.solid.gold {
  border-color: #007bff;
  background-color: #007bff;
  color: #007bff;
}
.ahref.bordered {
  border: 2px solid #798087;
  background-color: transparent;
  color: #798087;
  text-decoration: none;
}
.ahref.bordered:hover {
  background-color: #798087;
  color: #fff;
}
.ahref.bordered.primary {
  border-color: #007bff;
  background-color: transparent;
  color: #007bff;
}
.ahref.bordered.primary:hover {
  background-color: #007bff;
  color: #fff;
}
.ahref.bordered.white {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.ahref.bordered.white:hover {
  border-color: #007bff;
  background-color: #007bff;
  color: #fff;
}
.ahref.line {
  color: #007bff;
  padding: 0;
}
.ahref.line:hover {
  text-decoration: none;
  color: #5a9540;
}
.ahref.line:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #007bff;
  color: #007bff;
}
.ahref.boxedarrow {
  position: relative;
  left: 40px;
  background-color: #007bff;
  color: #fff;
  padding: 10px 25px;
}
.ahref.boxedarrow:before {
  content: '>';
  position: absolute;
  left: -40px;
  top: 0;
  background-color: #5a9540;
  width: 40px;
  height: 100%;
  padding: 10px 0;
  text-align: center;
  transition: all 0.3s ease;
}
.ahref.boxedarrow:hover {
  color: #fff;
  text-decoration: none;
}
.ahref.boxedarrow:hover:before {
  width: 50px;
}
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 80px;
  z-index: 5;
  background-color: rgba(46, 56, 68, 0);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 1016px) and (min-width: 991px) {
  header {
    max-height: 90px;
  }
}
header .left a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .left a img {
  height: 45px;
  display: block;
}
@media (max-width: 991px) {
  header .left a {
    font-size: 21px;
  }
}
header .right nav {
  padding: 0;
}
@media (max-width: 991px) {
  header .right nav ul.navbar-nav {
    margin-top: 25px;
  }
}
header .right nav ul.navbar-nav:hover li a {
  color: rgba(255, 255, 255, .5);
}
header .right nav ul.navbar-nav li.dropdown .dropdown-toggle:after {
  content: '\f107';
  border: none;
  vertical-align: unset;
}
header .right nav ul.navbar-nav li a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease;
}
header .right nav ul.navbar-nav li a:hover, header .right nav ul.navbar-nav li a:focus {
  color: #fff;
}
header .right nav ul.navbar-nav li a:hover.dropdown-toggle:after, header .right nav ul.navbar-nav li a:focus.dropdown-toggle:after {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
header .right nav ul.navbar-nav li .dropdown-menu {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 21px 0 rgba(46, 56, 68, .1);
  -moz-box-shadow: 0 0 21px 0 rgba(46, 56, 68, .1);
  box-shadow: 0 0 21px 0 rgba(46, 56, 68, .1);
  font-size: 14px;
  max-width: 350px;
}
header .right nav ul.navbar-nav li .dropdown-menu a {
  background-color: #fff;
  color: #798087;
  white-space: normal;
  padding: 5px 15px;
  border-bottom: 1px solid #efefef;
}
header .right nav ul.navbar-nav li .dropdown-menu a:hover, header .right nav ul.navbar-nav li .dropdown-menu a.active {
  color: #fff;
  background-color: #007bff;
}
@media (max-width: 767px) {
  header .right nav ul.navbar-nav li .dropdown-menu {
    border-top: 1px solid #efefef;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
header .right nav ul.navbar-nav li.current-page-parent > a, header .right nav ul.navbar-nav li.current_page_parent > a {
  color: #fff;
}
header .right .cta {
  margin-left: 15px;
}
header .right .cta a {
  background-color: rgba(255, 255, 255, .2);
  color: #fff;
  font-weight: bold;
  padding: 5px 15px;
  transition: all 0.3s ease;
}
header .right .cta a:hover {
  background-color: rgba(255, 255, 255, .3);
}
header .right .cta a:hover i {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 0.3s ease;
}
header.sticky {
  position: fixed;
  background-color: rgba(121, 123, 126, 1);
  -webkit-box-shadow: 0 0 21px 0 rgba(46, 56, 68, .1);
  -moz-box-shadow: 0 0 21px 0 rgba(46, 56, 68, .1);
  box-shadow: 0 0 21px 0 rgba(46, 56, 68, .1);
}
header.sticky .left svg {
  font-size: 21px;
}
.popup {
  position: fixed;
  top: 80px;
  opacity: 0;
  width: 100vw;
  height: calc(100vh - 80px);
  background: #798087;
  min-height: 500px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 6;
}
.popup#menu {
  right: -100vw;
}
.popup#menu ul li {
  list-style: none;
}
.popup#menu ul li .dropdown-menu.show {
  position: relative !important;
  transform: none !important;
}
.popup#menu ul li a {
  color: rgba(255, 255, 255, .5);
}
.popup#menu ul li a:hover, .popup#menu ul li a.active, .popup#menu ul li a.current_page_parent {
  color: rgba(225, 37, 27, 1);
  background-color: transparent;
}
@media (max-width: 767px) {
  .popup#menu ul li a {
    font-size: 1.2rem;
  }
}
.popup#menu ul li .dropdown-menu {
  background-color: #798087;
  border: 0;
}
.popup#menu ul li.current-menu-item a {
  color: rgba(255, 255, 255, 1);
}
.popup.popped {
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.popup.popped#menu {
  right: 0;
}
@media (max-width: 767px) {
  .popup {
    padding: 80px 0 80px !important;
    overflow: scroll;
  }
}
#phno {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  background-color: #007bff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  z-index: 2;
}
#phno a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}
footer {
  padding: 100px 0 50px;
  color: rgba(255, 255, 255, .7);
  background-color: #798087;
  border-bottom: 5px solid #007bff;
  border-top-right-radius: 150px;
}
footer svg {
  fill: #fff;
  height: 30px;
}
footer a {
  color: rgba(255, 255, 255, .7);
}
footer a:hover {
  color: rgba(255, 255, 255, 1);
}
footer .left div {
  margin-bottom: 15px;
}
footer .left div:first-child {
  font-size: 24px;
  font-weight: bold;
}
footer .mid {
  padding: 0 50px;
  border-left: 1px solid rgba(255, 255, 255, .3);
  border-right: 1px solid rgba(255, 255, 255, .3);
}
@media (max-width: 991px) {
  footer .mid {
    padding: 15px;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, .3);
  }
}
@media (max-width: 767px) {
  footer .mid {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding: 25px 15px;
  }
}
footer .right {
  padding: 0 50px;
}
@media (max-width: 767px) {
  footer .right {
    padding: 15px;
  }
  footer .right img {
    max-width: 150px;
  }
}
footer .byawddigital a svg {
  height: 12px;
}
@media (max-width: 767px) {
  footer {
    border-top-right-radius: 0;
    padding: 50px 0 100px;
  }
}
.gform_wrapper {
  margin: 0 !important;
}
.gform_wrapper form {
  background-color: #fff;
}
.gform_wrapper form .gform_heading {
  text-align: center;
  color: #798087;
}
@media (max-width: 767px) {
  .gform_wrapper form .gform_heading {
    text-align: left;
  }
}
.gform_wrapper form .gform_heading .gform_title {
  padding: 25px 25px 15px;
  font-size: 28px;
  font-weight: bold;
  border-bottom: 1px solid rgba(239, 239, 239, 1);
  text-transform: uppercase;
}
.gform_wrapper form .gform_heading .gform_description {
  padding: 0 25px;
  font-size: 14px;
}
.gform_wrapper form .gform_body {
  padding: 0 25px;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield {
  border: none;
  padding-right: 0;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield input, .gform_wrapper form .gform_body ul.gform_fields li.gfield textarea {
  border: 1px solid rgba(46, 56, 68, .3);
  background-color: #fff;
  margin-top: 0;
  border-radius: 20px;
  padding: 5px 15px !important;
  outline: none;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield input:hover, .gform_wrapper form .gform_body ul.gform_fields li.gfield textarea:hover, .gform_wrapper form .gform_body ul.gform_fields li.gfield input:focus, .gform_wrapper form .gform_body ul.gform_fields li.gfield textarea:focus {
  border-color: #007bff;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield textarea {
  height: 100px;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield select {
  display: none;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield label {
  margin: 0 !important;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown {
  position: relative;
  width: 100%;
  border: 0;
  border-radius: 5px;
  padding: 5px;
  background-color: transparent;
  color: #798087;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  outline: none;
  border: 1px solid #798087;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown:after {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  font-size: 21px;
  position: absolute;
  right: 10px;
  top: 0px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform-origin: center;
  transform-origin: center;
  display: block;
  pointer-events: none;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown .list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0;
  background-color: #798087;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 999;
  box-sizing: border-box;
  -webkit-transition: all 0.15s, opacity 0.1s linear;
  -moz-transition: all 0.15s, opacity 0.1s linear;
  -ms-transition: all 0.15s, opacity 0.1s linear;
  -o-transition: all 0.15s, opacity 0.1s linear;
  transition: all 0.15s, opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);*/
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown .list ul {
  padding-left: 0;
  margin: 0;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown .list ul .option {
  color: #fff;
  list-style-type: none;
  text-align: left;
  cursor: default;
  outline: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown .list ul .option:hover, .gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown .list ul .option:focus {
  background-color: #007bff !important;
  color: #fff;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown .list ul .option:first-child {
  display: none;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown .list ul .option.selected:focus {
  background: #f6f6f6;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown.open:after {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown.open .list {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown.open .list .option {
  cursor: pointer;
  border-bottom: 1px solid #aaa;
  padding: 5px 8px;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown.wide {
  width: 100%;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield .dropdown.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield#field_1_7 {
  padding: 50px;
  border: 1px solid #fff;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield.gfield_error {
  padding-right: 0;
  max-width: 100% !important;
  background-color: transparent;
  color: #fff;
}
.gform_wrapper form .gform_body ul.gform_fields li.gfield.gfield_error .validation_message {
  padding-top: 5px;
}
.gform_wrapper form .gform_footer {
  padding: 0 25px 25px;
}
.gform_wrapper form .gform_footer input[type="submit"] {
  width: 100%;
  background: none;
  background-color: #fff;
  color: #007bff;
  border: 2px solid #007bff;
  border-radius: 20px;
  padding: 8px 15px;
  font-weight: bold;
  text-transform: uppercase;
  max-width: 300px;
  margin: 0 auto;
  display: block;
}
.gform_wrapper form .gform_footer input[type="submit"]:hover, .gform_wrapper form .gform_footer input[type="submit"]:focus {
  background-color: #007bff;
  color: #fff;
}
.gform_wrapper form .validation_error {
  display: none;
}
/*
 * LAYOUT 
 * - elements
 *
 */
.parallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120% !important;
}
.layout {
  padding: 100px 0;
  overflow: hidden;
}
.layout:first-child {
  padding-top: 100px;
}
.layout.b-dark h1, .layout.b-primary h1, .layout.has-image h1, .layout.b-dark h2, .layout.b-primary h2, .layout.has-image h2, .layout.b-dark h3, .layout.b-primary h3, .layout.has-image h3, .layout.b-dark h4, .layout.b-primary h4, .layout.has-image h4, .layout.b-dark h5, .layout.b-primary h5, .layout.has-image h5, .layout.b-dark h6, .layout.b-primary h6, .layout.has-image h6, .layout.b-dark p, .layout.b-primary p, .layout.has-image p, .layout.b-dark span, .layout.b-primary span, .layout.has-image span, .layout.b-dark a, .layout.b-primary a, .layout.has-image a, .layout.b-dark li, .layout.b-primary li, .layout.has-image li {
  color: #fff;
}
.layout .is-shadow {
  position: absolute;
  top: 0;
  left: 0%;
  background-color: rgba(46, 56, 68, .1);
  width: 50%;
  height: 110%;
  clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
}
.layout .layout--content {
  text-align: left;
  margin-bottom: 0;
}
.layout .layout--heading {
  position: relative;
  padding-bottom: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.layout .layout--heading span {
  color: #007bff;
}
.layout .layout--heading.text-center:before {
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
}
.layout .layout--heading.text-left:before {
  left: 0;
}
@media (max-width: 767px) {
  .layout .layout--heading {
    font-size: 2rem;
  }
}
.layout .listing img {
  width: 100%;
}
.layout .listing .has-svg {
  margin-bottom: 25px;
}
.layout .listing .has-svg img {
  max-width: 100px;
}
@media (max-width: 767px) {
  .layout .listing .has-svg img {
    max-width: 80px;
  }
}
.layout .listing .has-image {
  margin-bottom: 25px;
}
.layout .listing .each {
  margin-bottom: 25px;
}
.layout .listing .each > {
  background-color: rgba(239, 239, 239, .2);
}
.layout .listing.simple .each {
  border-top: 1px solid rgba(46, 56, 68, .2);
  margin-bottom: 0;
}
.layout .listing.simple .each:nth-child(-n+3) {
  border-bottom: 0;
  border-top: 0;
}
.layout .listing.simple .each:nth-child(3n+1) {
  border-right: 1px solid rgba(46, 56, 68, .2);
}
.layout .listing.simple .each:nth-child(3n) {
  border-left: 1px solid rgba(46, 56, 68, .2);
}
.layout .listing.simple .each > a {
  display: block;
  text-align: center;
  padding: 50px 50px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.layout .listing.simple .each > a h4 {
  min-height: 50px;
}
@media (max-width: 767px) {
  .layout .listing.simple .each > a {
    padding: 25px;
  }
  .layout .listing.simple .each > a h4 {
    min-height: none;
  }
}
.layout .listing.simple .each:hover {
  background-color: rgba(255, 255, 255, .2);
  color: #007bff;
  transition: all 0.3s ease;
}
.layout .listing.simple .each:hover h4 {
  color: #007bff;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .layout .listing.simple .each {
    border: 0;
    border-top: 1px solid rgba(46, 56, 68, .2) !important;
  }
  .layout .listing.simple .each:nth-child(-n+3), .layout .listing.simple .each:nth-child(3n+1), .layout .listing.simple .each:nth-child(3n) {
    border: 0;
  }
  .layout .listing.simple .each:nth-child(-n+2) {
    border-top: 0 !important;
  }
  .layout .listing.simple .each:nth-child(odd) {
    border-right: 1px solid rgba(46, 56, 68, .2);
  }
  .layout .listing.simple .each:last-child {
    margin-bottom: 0;
  }
}
.layout .listing.advance a {
  text-decoration: none;
  color: #798087;
  transition: all 0.3s ease;
}
.layout .listing.advance a .has-image {
  background-color: #efefef;
  background-size: 100%;
  transition: all 0.3s ease;
}
.layout .listing.advance a:hover h4 {
  color: #007bff;
  transition: all 0.3s ease;
}
.layout .listing.advance a:hover .has-image {
  background-size: 110%;
  ransition: all 0.3s ease;
}
.layout.banner {
  padding: 50px;
  height: 50vh;
  min-height: 350px;
  overflow: hidden;
}
.layout.banner .has-overlay {
  background-color: rgba(46, 56, 68, .6);
}
.layout.banner .layout--heading {
  margin-bottom: 0;
}
.layout.banner .layout--heading small {
  font-size: 14px;
}
@media (max-width: 991px) {
  .layout.banner {
    height: 300px;
    padding: 25px 0;
  }
}
@media (max-width: 767px) {
  .layout.banner {
    height: 350px;
    padding: 25px 0;
    min-height: 0;
  }
}
.layout.herobanners {
  height: 100vh;
  min-height: 500px;
  padding: 0;
}
.layout.herobanners .has-slick .slick-track, .layout.herobanners .has-slick .slick-list {
  height: 100%;
}
.layout.herobanners .has-slick .slick-track h2, .layout.herobanners .has-slick .slick-list h2 {
  font-size: 40px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .layout.herobanners .has-slick .slick-track h2, .layout.herobanners .has-slick .slick-list h2 {
    font-size: 30px;
  }
}
.layout.herobanners .has-slick .slick-track h2 small, .layout.herobanners .has-slick .slick-list h2 small {
  font-size: 18px;
}
.layout.herobanners #styleone .has-overlay {
  background-color: rgba(46, 56, 68, .6);
}
.layout.herobanners #styleone h2, .layout.herobanners #styleone p {
  color: #fff;
}
.layout.herobanners #styletwo .has-image {
  height: 100%;
}
.layout.herobanners #styletwo .has-content > div {
  padding: 50px;
}
@media (max-width: 767px) {
  .layout.herobanners #styletwo .has-image {
    height: 50%;
  }
  .layout.herobanners #styletwo .has-content {
    height: auto;
  }
}
@media (max-width: 767px) {
  .layout.herobanners {
    height: calc(80vh - 80px);
  }
}
.layout.herobanner.is-strip {
  padding: 50px 0;
}
.layout.herobanner.has-gallery {
  padding: 0;
}
.layout.herobanner.has-gallery .slick-list, .layout.herobanner.has-gallery .slick-track {
  height: 100%;
}
.layout.herobanner.has-gallery .slick-list .each, .layout.herobanner.has-gallery .slick-track .each {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout.herobanner.has-gallery .slick-list .each .has-overlay, .layout.herobanner.has-gallery .slick-track .each .has-overlay {
  background-color: rgba(46, 56, 68, .5);
}
.layout.titletextonly .is-circle {
  position: absolute;
}
.layout.titletextonly .is-circle.left {
  bottom: 0;
  left: 0;
  background-color: #efefef;
}
@media (max-width: 767px) {
  .layout.titletextonly .is-circle.left {
    width: 100px;
    height: 100px;
  }
}
.layout.titletextonly .is-circle.right {
  top: -50%;
  right: -200px;
  width: 500px;
  height: 500px;
}
@media (max-width: 767px) {
  .layout.titletextonly .is-circle.right {
    top: -100px;
    right: -100px;
    width: 200px;
    height: 200px;
  }
}
.layout.titletextonly #quote {
  position: absolute;
  top: 10%;
  right: 15px;
}
.layout.titletextonly #quote .is-circl {
  position: relative;
  border-radius: 100%;
  background-color: rgba(239, 239, 239, .7);
  text-align: center;
}
.layout.titletextonly #quote .is-circl.bigger {
  width: 280px;
  height: 280px;
  background-color: #007bff;
  color: #fff;
}
.layout.titletextonly #quote .is-circl.bigger > div {
  position: absolute;
  top: 50%;
  padding: 25px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
}
.layout.titletextonly #quote .is-circl.bigger span {
  color: #798087;
}
.layout.titletextonly #quote .is-circl.smaller {
  top: -50px;
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.layout.titletextonly #quote .is-circl.smaller svg {
  width: 50px;
  height: 50px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .layout.titletextonly #quote {
    position: relative;
    top: unset;
    right: unset;
  }
  .layout.titletextonly #quote .is-circl {
    margin: 0 auto;
  }
  .layout.titletextonly #quote .is-circl.smaller {
    top: 0;
    margin-top: -50px;
  }
}
.layout.halftexthalfmedia .has-media {
  position: unset;
}
.layout.halftexthalfmedia .is-circle {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.8;
}
@media (max-width: 767px) {
  .layout.halftexthalfmedia .is-circle {
    width: 100px;
    height: 100px;
  }
}
.layout.halftexthalfmedia .mleft .is-shadow {
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
}
.layout.halftexthalfmedia .mright .is-shadow {
  clip-path: polygon(100% 0%, 100% 100%, 0% 0%);
  right: 0;
  bottom: 0;
  left: unset;
  top: unset;
}
@media (max-width: 991px) {
  .layout.halftexthalfmedia .has-image {
    margin-bottom: 15px;
  }
  .layout.halftexthalfmedia .has-image.pb-eight:after {
    padding-bottom: 50%;
  }
}
.layout.onecol-textonlythreeicons {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#361fa9+0,212121+100&0.67+0,0.36+100 */
}
.layout.onecol-textonlythreeicons .has-overlay {
  background: -moz-linear-gradient(top, rgba(54, 31, 169, 0.67) 0%, rgba(33, 33, 33, 0.36) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(54, 31, 169, 0.67) 0%, rgba(33, 33, 33, 0.36) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(54, 31, 169, 0.67) 0%, rgba(33, 33, 33, 0.36) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab361fa9', endColorstr='#5c212121',GradientType=0);
  /* IE6-9 */
  height: 100%;
}
.layout.onecol-textonlythreeicons.b-dark .listing .each {
  border-color: rgba(255, 255, 255, .2);
}
.layout.calltoactions a.each {
  height: 150px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .layout.calltoactions a.each {
    margin-bottom: 25px;
  }
  .layout.calltoactions a.each:last-child {
    margin-bottom: 0;
  }
}
.layout.calltoactions a.each > div {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 5px;
}
.layout.calltoactions a.each > div:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(46, 56, 68, 1);
  transition: all 0.3s ease;
}
.layout.calltoactions a.each > div:hover:before {
  background-color: rgba(90, 149, 64, 0);
  transition: all 0.3s ease;
}
.layout.calltoactions a.each > div span {
  font-size: 21px;
  color: #fff;
}
.layout.latestprojectsorblogs .is-shadow {
  clip-path: polygon(0 0%, 100% 0%, 0 100%);
}
.layout.latestprojectsorblogs .listing .each {
  text-decoration: none;
}
.layout.latestprojectsorblogs .listing .each .has-image {
  background-color: #efefef;
  background-size: 140%;
  margin-bottom: 0;
  transition: all 0.3s ease;
}
.layout.latestprojectsorblogs .listing .each .has-content {
  padding: 25px;
  background-color: #efefef;
  color: #798087;
}
.layout.latestprojectsorblogs .listing .each .has-content h4, .layout.latestprojectsorblogs .listing .each .has-content p {
  color: #798087;
}
.layout.latestprojectsorblogs .listing .each .has-content .title {
  min-height: 85px;
}
.layout.latestprojectsorblogs .listing .each:hover .has-image {
  background-size: 150%;
  transition: all 0.3s ease;
}
.layout.latestprojectsorblogs .listing .each:hover .has-content {
  background-color: #007bff;
  transition: all 0.3s ease;
}
.layout.latestprojectsorblogs .listing .each:hover h4, .layout.latestprojectsorblogs .listing .each:hover p {
  color: #fff;
  transition: all 0.3s ease;
}
.layout.latestprojectsorblogs.b-dark a .has-content {
  background-color: #fff;
  color: #798087;
}
.layout.latestprojectsorblogs.b-dark a .has-content h4, .layout.latestprojectsorblogs.b-dark a .has-content p {
  color: #798087;
}
.layout.latestprojectsorblogs.b-dark a:hover h4, .layout.latestprojectsorblogs.b-dark a:hover p {
  color: #fff;
  transition: all 0.3s ease;
}
.layout.logoslider .has-image {
  background-size: 70%;
  margin-top: 25px;
}
@media (max-width: 991px) {
  .layout.logoslider .has-image {
    background-size: 80%;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .layout.logoslider .has-image {
    background-size: contain;
    margin: 0;
  }
}
.layout.team .each .has-image {
  background-color: #798087;
}
.layout.team .each .has-content {
  margin: 25px 0;
}
.layout.contactsform .listing > .row {
  padding: 25px 0;
  border-bottom: 1px solid #efefef;
}
.layout.contactsform .listing > .row > div:first-child {
  color: #007bff;
  font-weight: 700;
}
.layout.contactsform .listing > .row .mapouter {
  position: relative;
  text-align: right;
  height: 300px;
  width: 100%;
  margin-top: 15px;
}
.layout.contactsform .listing > .row .mapouter > iframe {
  overflow: hidden;
  background: none !important;
  height: 300px;
  width: 100%;
}
.layout.contactsform .gform_wrapper form {
  background-color: #efefef;
}
@media (max-width: 767px) {
  .layout.contactsform {
    padding-top: 50px;
  }
}
.layout.blogcontrols {
  padding: 50px 0;
}
.layout.blogcontrols a {
  color: #798087;
  text-decoration: none;
  font-size: 14px;
}
.layout.blogcontrols a:hover, .layout.blogcontrols a:focus {
  color: #007bff;
}
/*
 * LAYOUT PARTIALS
 * - elements / slick
 *	
 */
.layout .has-slick .slick-arrow {
  width: 50px;
  height: 50px;
  z-index: 2;
}
.layout .has-slick .slick-arrow:before {
  font-size: 2.5rem;
}
.layout .has-slick .slick-arrow.slick-prev:before {
  content: '\f053';
}
.layout .has-slick .slick-arrow.slick-next:before {
  content: '\f054';
}
@media (max-width: 767px) {
  .layout .has-slick .slick-arrow {
    width: 15px;
    height: 15px;
  }
}
.layout .has-slick.has-slick--arrowin .slick-arrow.slick-prev {
  left: 25px;
}
.layout .has-slick.has-slick--arrowin .slick-arrow.slick-next {
  right: 25px;
}
.layout .has-slick.has-slick--dark .slick-arrow:before {
  color: #798087;
}
@media (max-width: 991px) {
  .layout .has-slick .slick-dots {
    bottom: -65px;
  }
}