/*
Theme Name: Titan
Theme URI: https://titanwms.com
Author: Ryan Miller Front-End Developer at Titan Web Marketing Solutions
Author URI: https://titanwms.com
Description: A Gutenberg-ready bootstrap 4 theme created and modified based off of the Twenty Nineteen Theme.
Requires at least: WordPress 4.9.6
Version: 3.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: titan
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Titan is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc and the Twenty Nineteen Theme.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Titan Utilizes Reboot from Bootstrap to provide normalizing styles.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

#Website Colors
#Typography
#Bootstrap Margin Fix
#Media
  ## Captions
  ## Galleries
#Transition Mixin and Normalizing Styles
#Header Blocks
#Footer Blocks
#Home Hero Content Block
#Home Content Blocks
#Internal Hero Content Block
#Internal Content Blocks
#Gravity Forms
#Custom Site Style by Developer

--------------------------------------------------------------*/
/*---
Website Colors
---*/
.white {
  color: #ffffff;
}

.primary {
  color: #3351A0;
}

.secondary {
  color: #F26F26;
}

.dkgray {
  color: #58595B;
}

.primary-bg {
  background-color: #3351A0;
}

.secondary-bg {
  background-color: #F26F26;
}

.ltgray-bg {
  background-color: #f1f2f2;
}

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

.black-bg {
  background-color: #333333;
}

/*---
Typography
---*/
/* Define Fonts for the Website */
a {
  font-size: inherit;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: #3351A0;
}

body {
  font-size: 10px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  color: #58595B;
  overflow: hidden;
}

p, .screen-reader-text, input[type=search], .tos-list, li {
  font-size: 22px;
  line-height: 26.4px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

h1 {
  font-size: 33px;
  line-height: 39.6px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
p.sub, .sub.screen-reader-text, input.sub[type=search] {
  font-size: 31px;
  line-height: 37.2px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

h2 {
  font-size: 33px;
  line-height: 39.6px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}
h3 {
  font-size: 24px;
  line-height: 25px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

h4 {
  font-size: 24px;
  line-height: 25px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  font-style: italic;
}

nav ul li {
  font-size: inherit;
}

.vertical-center {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.vertical-top {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column-reverse;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.vertical-top h3 {
  padding-top: 150px;
}

.light {
  font-weight: 300;
}

/*---
Bootstrap Margin Fix
---*/
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*---
Media
---*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

embed,
iframe,
object {
  max-width: 100%;
}

.custom-logo-link {
  display: inline-block;
}

.avatar {
  border-radius: 100%;
  display: block;
  height: 22.5px;
  min-height: inherit;
  width: 22.5px;
}

svg {
  transition: fill 120ms ease-in-out;
  fill: currentColor;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .wp-caption.aligncenter {
    position: relative;
    left: calc((66.6666666667vw - 28px) / 2);
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1200px) {
  .wp-caption.aligncenter {
    left: calc((50vw - 28px) / 2);
  }
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption-text {
  color: #767676;
  font-size: 12px;
  margin: 0;
  padding: 15px;
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.gallery-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
  margin-right: 0;
}
.gallery-columns-3 .gallery-item {
  max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
  margin-right: 0;
}
.gallery-columns-4 .gallery-item {
  max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
  margin-right: 0;
}
.gallery-columns-5 .gallery-item {
  max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
  margin-right: 0;
}
.gallery-columns-6 .gallery-item {
  max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
  margin-right: 0;
}
.gallery-columns-7 .gallery-item {
  max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
  margin-right: 0;
}
.gallery-columns-8 .gallery-item {
  max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
  margin-right: 0;
}
.gallery-columns-9 .gallery-item {
  max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
  margin-right: 0;
}
.gallery-item:last-of-type {
  padding-right: 0;
}

.gallery-caption {
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 15px;
}

.gallery-item > div > a {
  display: block;
  line-height: 0;
  box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
  box-shadow: 0 0 0 2px #0073aa;
}

/*-------
Transition Mixin and Normalizing Styles
-------*/
html {
  scroll-behavior: smooth;
  overflow: hidden scroll;
}

.search-submit {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0px;
  white-space: normal;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  padding: 10px 25px;
  background-color: #3351A0;
  border: solid 3px #3351A0;
}
.search-submit:hover {
  background-color: transparent;
  color: #F26F26;
  border-color: #F26F26;
}

/*---
Header Blocks
---*/
/*--Dropdown Blue Box Fix--*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: transparent;
}

/*--- Import Color Mixins ---*/
.white {
  color: #ffffff;
}

.primary {
  color: #3351A0;
}

.secondary {
  color: #F26F26;
}

.dkgray {
  color: #58595B;
}

.primary-bg {
  background-color: #3351A0;
}

.secondary-bg {
  background-color: #F26F26;
}

.ltgray-bg {
  background-color: #f1f2f2;
}

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

.black-bg {
  background-color: #333333;
}

/*--- Collapse Header Navigation ---*/
img.custom-logo {
  height: auto;
  padding: 7px 0;
}

/*  BURGER MENU
========================================== */
.menu {
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 21;
  left: 15px;
  cursor: pointer;
  background-image: url("/wp-content/themes/titan/images/menu.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: unset;
  margin-top: 15px;
}

.menu span {
  position: relative;
  margin-top: 9px;
  margin-bottom: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -1.5px;
}

.menu span, .menu span::before, .menu span::after {
  display: block;
  width: 26px;
  right: 0;
  height: 3px;
  background-color: transparent;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.menu span::before, .menu span::after {
  position: absolute;
  content: "";
}

.menu span::before {
  top: -9px;
  width: 20px;
}

.menu span::after {
  top: 9px;
  width: 33px;
}

.menu.clicked span {
  background-color: transparent;
}

.menu.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
  width: 33px;
}

.menu.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}

.menu.clicked span:before, .menu.clicked span:after {
  background-color: #3351A0;
}

.menu:hover {
  cursor: pointer;
}

/*  NAV
========================================== */
#nav {
  background: #3351A0;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  height: 100%;
  max-width: 257px;
  width: 100%;
  padding: 100px 40px 60px 40px;
  overflow-y: auto;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#nav.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-box-shadow: -11px 21px 35px -14px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: -11px 21px 35px -14px rgba(0, 0, 0, 0.9);
  box-shadow: -11px 21px 35px -14px rgba(0, 0, 0, 0.9);
}

#nav.show ul.main li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

.menu.clicked {
  /* position: fixed; */
  z-index: 99;
  background-image: none;
}

#nav.show ul.main li:nth-child(1) {
  transition-delay: 0.15s;
}

#nav.show ul.main li:nth-child(2) {
  transition-delay: 0.3s;
}

#nav.show ul.main li:nth-child(3) {
  transition-delay: 0.45s;
}

#nav.show ul.main li:nth-child(4) {
  transition-delay: 0.6s;
}

#nav.show ul.main li:nth-child(5) {
  transition-delay: 0.75s;
}

#nav.show ul.main li:nth-child(6) {
  transition-delay: 0.9s;
}

#nav.show ul.main li:nth-child(7) {
  transition-delay: 1.05s;
}

#nav.show ul.main li:nth-child(8) {
  transition-delay: 1.2s;
}

#nav.show ul.main li:nth-child(9) {
  transition-delay: 1.35s;
}

#nav.show .about, #nav.show .social, #nav.show ul.sub {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.85s;
}

@media (min-width: 667px) {
  #nav {
    padding: 120px 30px 70px 20px;
  }
}
#nav ul.main {
  list-style-type: none;
}

#nav ul.main li {
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  float: none;
  list-style: none;
  color: #fff;
}
#nav ul.main li.current-menu-item a, #nav ul.main li:hover a {
  background-color: #F26F26;
}

#nav ul.main li:last-of-type {
  margin-bottom: 0px;
}

#nav ul.main li a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  display: block;
  padding: 10px 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#nav ul.main li a span {
  color: #f1f2f2;
}

#nav ul.main li a:hover {
  color: #f1f2f2;
}

#nav ul.sub {
  list-style-type: none;
  margin-top: 40px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#nav ul.sub li {
  margin-bottom: 10px;
}

#nav ul.sub li:last-of-type {
  margin-bottom: 0px;
}

#nav ul.sub li a {
  color: #ffffff;
  font-family: "Raleway", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#nav ul.sub li a:hover {
  color: #B3B3B3;
}

/*  OVERLAY
========================================== */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #603e82;
  opacity: 0;
  visibility: hidden;
}

.overlay.show {
  opacity: 0.8;
  visibility: visible;
}

/*--- Dropdowns --*/
.dropdown-menu.show {
  position: relative !important;
  transform: translate3d(0px, 0px, 0px) !important;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #f1f2f2;
  background-color: transparent;
}

.dropdown-item {
  font-size: 16px;
  margin-left: 10px;
}

/*------*/
/*--- Social Menu ---*/
.social-menu {
  border-top: solid 2px #f1f2f2;
  border-bottom: solid 2px #f1f2f2;
  padding-top: 15px;
  padding-bottom: 15px;
}

.social-menu li {
  display: inline-block;
}
.social-menu li a {
  color: #f1f2f2;
  padding: 5px 10px;
}

/*------*/
/*--- Mobile Style ---*/
@media (max-width: 767px) {
  #nav {
    max-width: 100%;
  }
}
.header-top {
  position: relative;
  z-index: 3;
}
.header-top:after {
  content: "";
  position: absolute;
  width: 452px;
  height: 36px;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -52px;
  background-image: url("/wp-content/themes/titan/images/header-bottom.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.header-top .text-right {
  -webkit-justify-content: end;
  -ms-justify-content: end;
  justify-content: end;
}
.header-top .text-right,
.header-top .social-menu-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.header-top .social-links a {
  font-size: 25px;
  color: #3351A0;
  margin-right: 20px;
  line-height: 1;
}
.header-top .social-links a:last-child {
  margin-right: 0;
}
.header-top .social-links a:hover {
  color: #F26F26;
}

/*---
Footer Blocks
---*/
.white {
  color: #ffffff;
}

.primary {
  color: #3351A0;
}

.secondary {
  color: #F26F26;
}

.dkgray {
  color: #58595B;
}

.primary-bg {
  background-color: #3351A0;
}

.secondary-bg {
  background-color: #F26F26;
}

.ltgray-bg {
  background-color: #f1f2f2;
}

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

.black-bg {
  background-color: #333333;
}

footer {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #58595B;
}

.footer-text p, .footer-text .screen-reader-text, .footer-text input[type=search], .footer-text a {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 0px;
}

/*---
Home Hero Content Block
---*/
.home-top {
  background-color: #F26F26;
  background-image: url("/wp-content/themes/titan/images/header-top.jpg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 643px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
}
.home-top .text-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 10%;
}
.home-top .container,
.home-top .row,
.home-top .form-container {
  height: 100%;
}
.home-top .form-container {
  background: rgba(51, 81, 160, 0.6);
}
.home-top .form-container a:hover {
  color: #F26F26;
}
.home-top:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-image: url("/wp-content/themes/titan/images/hero-bottom.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 167px;
}

/*---
Home Content Blocks
---*/
.home-row1 {
  padding: 100px 0 110px;
  z-index: 3;
  position: relative;
}

.home-row2 {
  padding: 100px 0 190px;
  position: relative;
}
.home-row2 .img-container {
  position: relative;
  z-index: 3;
}
.home-row2 .img-container img {
  border-radius: 30px;
  border: 10px solid #ffffff;
  box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.3);
}
.home-row2 .text-content {
  padding-left: 100px;
  z-index: 2;
}
.home-row2:before, .home-row2:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
}
.home-row2:after {
  background-image: url("/wp-content/themes/titan/images/home-row2.png");
  background-position: left top;
  width: 888px;
  height: 770px;
}
.home-row2:before {
  background-image: url("/wp-content/themes/titan/images/row2-before.png");
  background-position: center;
  width: 377px;
  height: 406px;
  z-index: 3;
  margin-left: -125px;
  margin-top: -80px;
}
.home-row2 #quote-calculator {
  width: 444px;
}
.home-row2 #quote-calculator select {
  display: block;
  height: 56px;
  border: 0;
  border-radius: 7px;
  color: #6D6E70;
  margin-bottom: 20px;
  width: 100%;
  font-size: 22px;
  line-height: 26.4px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 20px;
  border: 2px solid #D0D2D3;
  background-image: url("/wp-content/themes/titan/images/select-bg.jpg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.home-row2 #quote-calculator select.error {
  border: 2px solid #dc3545;
}
.home-row2 #quote-calculator .error-msg {
  color: #dc3545;
}
.home-row2 #quote-calculator .result {
  display: block;
  border: 2px solid transparent;
  border-radius: 4px;
  padding: 10px;
  min-height: 49px;
}
.home-row2 #quote-calculator .result.active {
  border: 2px solid #F26F26;
}

.home-row3 {
  padding: 0 0 60px;
  position: relative;
}
.home-row3 .text-content svg {
  color: #F26F26;
}
.home-row3 .text-content h3 a {
  font-size: 22px;
  color: #58595B;
  font-weight: 400;
}
.home-row3 .text-content h3 a:hover {
  color: #F26F26;
}
.home-row3 .text-content hr {
  border-top: 2px solid #D0D2D3;
  width: 420px;
  text-align: left;
  display: inline-block;
  margin-bottom: 30px;
}
.home-row3 .testimonial-container {
  box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.3);
  border-radius: 30px;
  position: relative;
  z-index: 4;
  height: 495px;
}
.home-row3 .testimonial-container:before, .home-row3 .testimonial-container:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 46px;
}
.home-row3 .testimonial-container:before {
  background-image: url("/wp-content/themes/titan/images/quote-top.png");
  top: 0;
  margin-top: 40px;
}
.home-row3 .testimonial-container:after {
  background-image: url("/wp-content/themes/titan/images/quote-bottom.png");
  bottom: 0;
  margin-bottom: 40px;
}
.home-row3 .tss-wrapper {
  margin-top: 110px;
}
.home-row3 .tss-wrapper .tss-carousel3 .item-content-wrapper {
  background-color: transparent !important;
  padding: 0;
}
.home-row3 .tss-wrapper .tss-carousel3 .item-content-wrapper:before {
  display: none;
}
.home-row3 .tss-wrapper .tss-carousel3 .item-content-wrapper .item-content {
  text-align: center;
  font-size: 24px;
  line-height: 28.8px;
  font-family: "Poppins", sans-serif;
}
.home-row3:after {
  content: "";
  position: absolute;
  background-image: url("/wp-content/themes/titan/images/home-row3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 887px;
  height: 769px;
  bottom: 0;
  right: 0;
}

.hp-icons {
  max-width: 135px;
}

.service-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 1.5px;
}
.service-bg.one {
  background-image: url("/wp-content/themes/titan/images/placeholder-1.jpg");
}
.service-bg.two {
  background-image: url("/wp-content/themes/titan/images/placeholder-1.jpg");
}
.service-bg.three {
  background-image: url("/wp-content/themes/titan/images/placeholder-1.jpg");
}

.color-overlay {
  min-height: 280px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(242, 111, 38, 0.7);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.color-overlay:hover {
  background-color: transparent;
  visibility: hidden;
}
.color-overlay:hover .service-box-text {
  display: none;
  visibility: hidden;
}

.swapping-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.swapping-wrapper.image-r {
  background-image: url("/wp-content/themes/titan/images/swap-image-r.png");
}
.swapping-wrapper.image-l {
  background-image: url("/wp-content/themes/titan/images/swap-image-l.png");
}
@media (max-width: 991px) {
  .swapping-wrapper.image-r, .swapping-wrapper.image-l {
    background-image: none;
  }
}
@media (min-width: 992px) {
  .swapping-wrapper img {
    display: none !important;
  }
}

/*---
Home Bottom Blocks
---*/
.home-bot {
  background-image: url("/wp-content/themes/titan/images/home-bot.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 240px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/*---
Internal Hero Content Block
---*/
.internal-head {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 141px;
}

/*---
Internal Content Blocks
---*/
.privacy-policy .header-top:after,
.page-template-thank-you .header-top:after,
.page-template-terms-of-service .header-top:after {
  display: none;
}

/*---
Internal Bottom Blocks
---*/
/*---
Gravity Forms
---*/
.gform_wrapper {
  margin: 0px 0px 15px !important;
  width: 380px;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea {
  outline: none !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  font-family: "Poppins", sans-serif;
  padding: 2px 10px;
  margin-bottom: 2px !important;
  border-radius: 5px;
  border: 0;
  height: 47px;
}

body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}

.gform_wrapper textarea {
  margin-top: 12px;
  height: 47px !important;
}

body .gform_wrapper ul li.gfield {
  margin-top: 7px !important;
}

.gform_wrapper .gform_footer {
  text-align: center;
  margin-top: 0px !important;
  padding-bottom: 0px !important;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.gform_wrapper .gform_footer input.button {
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  background-color: transparent;
  border-radius: 0px;
  white-space: normal;
  padding: 8px 20px 6px;
  outline: none !important;
  box-shadow: none !important;
  border: 2px solid #F26F26;
  border-radius: 4px;
  min-width: 130px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #F26F26;
  color: #ffffff;
}
.gform_wrapper .gform_footer input.button:hover {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  color: #F26F26;
}

/* Chrome Width Issue */
.gform_wrapper.gf_browser_chrome .gform_body {
  width: 100% !important;
}

@media (max-width: 640px) {
  .gform_wrapper select {
    min-height: 2.5rem !important;
    padding: 5px 4px !important;
  }
}
/*---
Custom Site Styles by Developer
---*/
/*--- Buttons ---*/
/* Shrink */
.btn,
.hvr-shrink,
.gform_footer {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.btn:hover,
.hvr-shrink:hover,
.gform_footer:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.btn {
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  background-color: transparent;
  border-radius: 0px;
  white-space: normal;
  padding: 8px 20px 6px;
  outline: none !important;
  box-shadow: none !important;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn.primary-btn {
  color: #ffffff;
  background-color: #3351A0;
}
.btn.primary-btn:hover {
  background-color: #F26F26;
  color: #ffffff;
}
.btn.secondary-btn {
  color: #ffffff;
  background-color: #F26F26;
}
.btn.secondary-btn:hover {
  background-color: #3351A0;
  color: #ffffff;
}
.btn.white-btn {
  background-color: #ffffff;
  color: #3351A0;
}
.btn.white-btn:hover {
  color: #ffffff;
  background-color: #3351A0;
}
.btn.transparent-btn {
  background-color: #ffffff;
  color: #F26F26;
  border: 2px solid #F26F26;
}
.btn.transparent-btn:hover {
  color: #ffffff;
  background-color: #F26F26;
}

/*------*/
@media only screen and (max-width: 2048px) {
  .home-top:after {
    height: 118px;
  }
}
@media only screen and (max-width: 1920px) {
  .home-top:after {
    height: 111px;
  }
}
@media only screen and (max-width: 1680px) {
  .home-top:after {
    height: 97px;
  }
}
@media only screen and (max-width: 1600px) {
  .home-top:after {
    height: 93px;
  }
}
@media only screen and (max-width: 1536px) {
  .home-top:after {
    height: 89px;
  }
}
@media only screen and (max-width: 1366px) {
  .home-top:after {
    height: 79px;
  }
}
@media only screen and (max-width: 1180px) {
  .home-top:after {
    height: 68px;
  }
}
@media only screen and (max-width: 991px) {
  .desktop {
    display: none !important;
  }
  .header-top .text-right {
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 20px;
  }
  .header-top .social-menu-container {
    text-align: center;
    margin-top: 20px;
  }
  .home-top .text-content br {
    display: none;
  }
  .home-row2 {
    padding: 0 0 80px;
  }
  .home-row2 .img-container img {
    width: 100%;
  }
  .home-row2 .text-content {
    padding-top: 60px;
    padding-left: 15px;
  }
  .home-row2:after {
    margin-top: -300px;
  }
  .home-row3 .testimonial-container {
    margin-top: 80px;
  }
  .form-mobile {
    padding-top: 80px;
  }
  .form-mobile .gform_wrapper {
    width: 100%;
  }
  .form-mobile .gform_wrapper .gform_footer input.button {
    border: 2px solid #3351A0;
    background-color: #3351A0;
  }
  .form-mobile .gform_wrapper .gform_footer input.button:hover {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    color: #3351A0;
  }
}
@media only screen and (max-width: 800px) {
  .home-row3:after {
    margin-bottom: -265px;
  }
}
@media only screen and (max-width: 767px) {
  .home-row3 .testimonial-container {
    height: auto;
    padding-bottom: 160px;
  }
}
@media only screen and (max-width: 568px) {
  .home-row3 .text-content hr {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  img.custom-logo {
    width: 100%;
  }
  .header-top:after {
    width: 100%;
  }
  .home-row2:after {
    margin-top: -400px;
  }
  .home-row2 #quote-calculator {
    width: 100%;
  }
}
@media only screen and (max-width: 414px) {
  .home-row2 .text-content {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 375px) {
  h1 {
    font-size: 28px;
    line-height: 34.6px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
  }
  h2 {
    font-size: 26px;
    line-height: 35.6px;
  }
  .home-row3 .text-content h3 a,
p,
.screen-reader-text,
input[type=search], .tos-list, li,
.home-row3 .tss-wrapper .tss-carousel3 .item-content-wrapper .item-content {
    font-size: 18px;
    line-height: 21px;
  }
  .home-row2 .text-content {
    padding-top: 165px;
  }
  .home-row2 #quote-calculator select {
    font-size: 18px;
    line-height: 3;
  }
}

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