html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
overflow-x: hidden;
overflow-y: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
a[href^=tel] {
color: inherit;
text-decoration: none;
}
a[href^=tel]:active, a[href^=tel]:hover {
color: inherit;
text-decoration: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
u {
text-decoration-color: hsl(360, 82%, 53%);
text-decoration-thickness: 4px;
text-decoration-skip-ink: none;
text-decoration-line: underline;
}
pre {
overflow: auto;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
outline: none;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], textarea {
-webkit-appearance: none;
-moz-appearance: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@media print {
*, *:before, *:after {
background: transparent !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " ("attr(href) ")";
}
abbr[title]:after {
content: " ("attr(title) ")";
}
a[href^="#"]:after, a[href^="javascript:"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret, .dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td, .table th {
background-color: #fff !important;
}
.table-bordered th, .table-bordered td {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:focus {
outline: none !important;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.42857143;
color: #45465f;
background-color: #ffffff;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #45465f;
text-decoration: none;
transition: all .2s ease;
}
a:hover {
color: hsl(290, 9%, 14%);
text-decoration: none;
}
a:focus {
outline: 0;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
[role="button"] {
cursor: pointer;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: normal;
line-height: 1.25;
color: inherit;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
font-weight: normal;
line-height: 1;
color: #777777;
}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
font-size: 65%;
}
h4, .h4, h5, .h5, h6, .h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
font-size: 75%;
}
h1, .h1 {
font-size: 36px;
}
h2, .h2 {
font-size: 30px;
}
h3, .h3 {
font-size: 24px;
}
h4, .h4 {
font-size: 18px;
}
h5, .h5 {
font-size: 14px;
}
h6, .h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
small, .small {
font-size: 85%;
}
mark, .mark {
background-color: #fcf8e3;
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul, ol ul, ul ol, ol ol {
margin-bottom: 0;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt, dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width:768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title], abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted hsl(290, 9%, 14%);
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
} .no-margin {
margin: 0 !important;
}
.margin-bottom-lg {
margin-bottom: 5px;
}
.margin-bottom-xl {
margin-bottom: 10px;
}
.margin-bottom-xxl {
margin-bottom: 20px;
}
.no-padding {
padding: 0 !important;
}
.force-padding {
padding: 24px;
}
.large-padding {
padding: 48px;
}
.small-padding {
padding: 12px;
}
.no-y-padding {
padding: 0 24px;
}
.no-side-padding {
padding: 24px 0;
}
.no-shadow {
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .row:before, .row:after, .form-group::after, .form-group::before {
content: " ";
display: table;
}
.clearfix:after, .dl-horizontal dd:after, .row:after, .form-group::after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.visible-small {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
} .row {
margin-right: -15px;
margin-left: -15px;
}
.small-1, .medium-1, .large-1, .small-2, .medium-2, .large-2, .small-3, .medium-3, .large-3, .small-4, .medium-4, .large-4, .small-5, .medium-5, .large-5, .small-6, .medium-6, .large-6, .small-7, .medium-7, .large-7, .small-8, .medium-8, .large-8, .small-9, .medium-9, .large-9, .small-10, .medium-10, .large-10, .small-11, .medium-11, .large-11, .small-12, .medium-12, .large-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.small-1, .small-2, .small-3, .small-4, .small-5, .small-6, .small-7, .small-8, .small-9, .small-10, .small-11, .small-12 {
float: left;
}
.small-12 {
width: 100%;
}
.small-11 {
width: 91.66666667%;
}
.small-10 {
width: 83.33333333%;
}
.small-9 {
width: 75%;
}
.small-8 {
width: 66.66666667%;
}
.small-7 {
width: 58.33333333%;
}
.small-6 {
width: 50%;
}
.small-5 {
width: 41.66666667%;
}
.small-4 {
width: 33.33333333%;
}
.small-3 {
width: 25%;
}
.small-2 {
width: 16.66666667%;
}
.small-1 {
width: 8.33333333%;
}
.small-pull-12 {
right: 100%;
}
.small-pull-11 {
right: 91.66666667%;
}
.small-pull-10 {
right: 83.33333333%;
}
.small-pull-9 {
right: 75%;
}
.small-pull-8 {
right: 66.66666667%;
}
.small-pull-7 {
right: 58.33333333%;
}
.small-pull-6 {
right: 50%;
}
.small-pull-5 {
right: 41.66666667%;
}
.small-pull-4 {
right: 33.33333333%;
}
.small-pull-3 {
right: 25%;
}
.small-pull-2 {
right: 16.66666667%;
}
.small-pull-1 {
right: 8.33333333%;
}
.small-pull-0 {
right: auto;
}
.small-push-12 {
left: 100%;
}
.small-push-11 {
left: 91.66666667%;
}
.small-push-10 {
left: 83.33333333%;
}
.small-push-9 {
left: 75%;
}
.small-push-8 {
left: 66.66666667%;
}
.small-push-7 {
left: 58.33333333%;
}
.small-push-6 {
left: 50%;
}
.small-push-5 {
left: 41.66666667%;
}
.small-push-4 {
left: 33.33333333%;
}
.small-push-3 {
left: 25%;
}
.small-push-2 {
left: 16.66666667%;
}
.small-push-1 {
left: 8.33333333%;
}
.small-push-0 {
left: auto;
}
.small-offset-12 {
margin-left: 100%;
}
.small-offset-11 {
margin-left: 91.66666667%;
}
.small-offset-10 {
margin-left: 83.33333333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-offset-8 {
margin-left: 66.66666667%;
}
.small-offset-7 {
margin-left: 58.33333333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-offset-5 {
margin-left: 41.66666667%;
}
.small-offset-4 {
margin-left: 33.33333333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-offset-2 {
margin-left: 16.66666667%;
}
.small-offset-1 {
margin-left: 8.33333333%;
}
.small-offset-0 {
margin-left: 0;
}
@media only screen and (min-width: 600px) {
.medium-1, .medium-2, .medium-3, .medium-4, .medium-5, .medium-6, .medium-7, .medium-8, .medium-9, .medium-10, .medium-11, .medium-12 {
float: left;
}
.medium-12 {
width: 100%;
}
.medium-11 {
width: 91.66666667%;
}
.medium-10 {
width: 83.33333333%;
}
.medium-9 {
width: 75%;
}
.medium-8 {
width: 66.66666667%;
}
.medium-7 {
width: 58.33333333%;
}
.medium-6 {
width: 50%;
}
.medium-5 {
width: 41.66666667%;
}
.medium-4 {
width: 33.33333333%;
}
.medium-3 {
width: 25%;
}
.medium-2 {
width: 16.66666667%;
}
.medium-1 {
width: 8.33333333%;
}
.medium-pull-12 {
right: 100%;
}
.medium-pull-11 {
right: 91.66666667%;
}
.medium-pull-10 {
right: 83.33333333%;
}
.medium-pull-9 {
right: 75%;
}
.medium-pull-8 {
right: 66.66666667%;
}
.medium-pull-7 {
right: 58.33333333%;
}
.medium-pull-6 {
right: 50%;
}
.medium-pull-5 {
right: 41.66666667%;
}
.medium-pull-4 {
right: 33.33333333%;
}
.medium-pull-3 {
right: 25%;
}
.medium-pull-2 {
right: 16.66666667%;
}
.medium-pull-1 {
right: 8.33333333%;
}
.medium-pull-0 {
right: auto;
}
.medium-push-12 {
left: 100%;
}
.medium-push-11 {
left: 91.66666667%;
}
.medium-push-10 {
left: 83.33333333%;
}
.medium-push-9 {
left: 75%;
}
.medium-push-8 {
left: 66.66666667%;
}
.medium-push-7 {
left: 58.33333333%;
}
.medium-push-6 {
left: 50%;
}
.medium-push-5 {
left: 41.66666667%;
}
.medium-push-4 {
left: 33.33333333%;
}
.medium-push-3 {
left: 25%;
}
.medium-push-2 {
left: 16.66666667%;
}
.medium-push-1 {
left: 8.33333333%;
}
.medium-push-0 {
left: auto;
}
.medium-offset-12 {
margin-left: 100%;
}
.medium-offset-11 {
margin-left: 91.66666667%;
}
.medium-offset-10 {
margin-left: 83.33333333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-offset-8 {
margin-left: 66.66666667%;
}
.medium-offset-7 {
margin-left: 58.33333333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-offset-5 {
margin-left: 41.66666667%;
}
.medium-offset-4 {
margin-left: 33.33333333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-offset-2 {
margin-left: 16.66666667%;
}
.medium-offset-1 {
margin-left: 8.33333333%;
}
.medium-offset-0 {
margin-left: 0;
}
}
@media only screen and (min-width: 992px) {
.large-1, .large-2, .large-3, .large-4, .large-5, .large-6, .large-7, .large-8, .large-9, .large-10, .large-11, .large-12 {
float: left;
}
.large-12 {
width: 100%;
}
.large-11 {
width: 91.66666667%;
}
.large-10 {
width: 83.33333333%;
}
.large-9 {
width: 75%;
}
.large-8 {
width: 66.66666667%;
}
.large-7 {
width: 58.33333333%;
}
.large-6 {
width: 50%;
}
.large-5 {
width: 41.66666667%;
}
.large-4 {
width: 33.33333333%;
}
.large-3 {
width: 25%;
}
.large-2 {
width: 16.66666667%;
}
.large-1 {
width: 8.33333333%;
}
.large-pull-12 {
right: 100%;
}
.large-pull-11 {
right: 91.66666667%;
}
.large-pull-10 {
right: 83.33333333%;
}
.large-pull-9 {
right: 75%;
}
.large-pull-8 {
right: 66.66666667%;
}
.large-pull-7 {
right: 58.33333333%;
}
.large-pull-6 {
right: 50%;
}
.large-pull-5 {
right: 41.66666667%;
}
.large-pull-4 {
right: 33.33333333%;
}
.large-pull-3 {
right: 25%;
}
.large-pull-2 {
right: 16.66666667%;
}
.large-pull-1 {
right: 8.33333333%;
}
.large-pull-0 {
right: auto;
}
.large-push-12 {
left: 100%;
}
.large-push-11 {
left: 91.66666667%;
}
.large-push-10 {
left: 83.33333333%;
}
.large-push-9 {
left: 75%;
}
.large-push-8 {
left: 66.66666667%;
}
.large-push-7 {
left: 58.33333333%;
}
.large-push-6 {
left: 50%;
}
.large-push-5 {
left: 41.66666667%;
}
.large-push-4 {
left: 33.33333333%;
}
.large-push-3 {
left: 25%;
}
.large-push-2 {
left: 16.66666667%;
}
.large-push-1 {
left: 8.33333333%;
}
.large-push-0 {
left: auto;
}
.large-offset-12 {
margin-left: 100%;
}
.large-offset-11 {
margin-left: 91.66666667%;
}
.large-offset-10 {
margin-left: 83.33333333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-offset-8 {
margin-left: 66.66666667%;
}
.large-offset-7 {
margin-left: 58.33333333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-offset-5 {
margin-left: 41.66666667%;
}
.large-offset-4 {
margin-left: 33.33333333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-offset-2 {
margin-left: 16.66666667%;
}
.large-offset-1 {
margin-left: 8.33333333%;
}
.large-offset-0 {
margin-left: 0;
}
} .label {
border-radius: 0.2em;
color: hsl(290, 9%, 14%);
display: inline;
font-size: 95%;
font-weight: normal;
line-height: 1;
padding: 0.2em 0.6em 0.3em;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
} .form-group {
margin-bottom: 15px;
}
.form-control {
display: block;
width: 100%;
height: 46px;
padding: 10px 15px;
font-size: 14px;
line-height: 1.42857143;
background-color: #ffffff;
background-image: none;
border: 1px solid rgba(69, 70, 95, 0.25);
border-radius: 25px;
-webkit-transition: border-color ease-in-out .15s;
-o-transition: border-color ease-in-out .15s;
transition: border-color ease-in-out .15s;
}
.form-control:focus {
border: 1px solid rgba(69, 70, 95, 1);
outline: 0;
}
.form-control::-moz-placeholder {
color: rgba(69, 70, 95, 1);
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: rgba(69, 70, 95, 1);
}
.form-control::-webkit-input-placeholder {
color: rgba(69, 70, 95, 1);
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
textarea.form-control {
border-radius: 20px;
height: 120px;
resize: none;
} .cs_select {
margin-bottom: 0;
position: relative;
}
.cs_select:last-child {
margin-bottom: 0;
}
.cs_select > select, .cs_select > span > select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.cs_select::after {
background: transparent url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/select-arrow.png) 50% 50% /11px no-repeat;
pointer-events: none;
position: absolute;
content: "";
right: 2px;
top: 2px;
width: 50px;
height: calc(100% - 4px);
border-radius: 0 25px 25px 0;
z-index: 15;
} .btn {
font-family: 'Montserrat', sans-serif;
display: inline-block;
padding: 0 20px;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 40px;
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: 50px;
min-width: 150px;
min-height: 40px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.btn:hover {
color: #fff;
text-decoration: none;
}
.btn:active, .btn.active {
background-image: none;
outline: 0;
}
.btn i {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/right-arrow.svg) 0 0 /cover no-repeat;
display: block;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
}
.btn:hover i {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/right-arrow-hover.svg) 0 0 /cover no-repeat;
}
.btn-fill {
background: hsl(0, 0%, 37%);
color: #fff;
border-color: hsl(0, 0%, 37%);
transition: none;
}
.btn-fill:hover {
background: hsl(290, 9%, 14%);
color: #fff;
border-color: hsl(290, 9%, 14%);
}
.btn-fill:active, .btn-fill:active:hover {
background: hsl(290, 9%, 14%);
color: #fff;
border-color: hsl(290, 9%, 14%);
} /
.btn-small {
font-size: 16px;
}
.btn-large {
font-size: 22px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width: 100%;
}
.btn-with-arrow {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/right-arrow.svg) 88% 50% /20px no-repeat hsl(360, 82%, 53%);
padding: 0 60px 0 20px;
color: #ffffff;
}
.btn-with-arrow:hover, .btn-with-arrow:active, .btn-with-arrow:active:hover {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/right-arrow-hover.svg) 88% 50% /20px no-repeat hsl(290, 9%, 14%);
color: #ffffff;
} header {
background: #ffffff;
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
display: block;
height: 90px;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1000;
position: fixed;
-webkit-transition: height 0.5s, top 0.5s;
-moz-transition: height 0.5s, top 0.5s;
-ms-transition: height 0.5s, top 0.5s;
-o-transition: height 0.5s, top 0.5s;
transition: height 0.5s, top 0.5s;
}
.home header {
background: #fff;
box-shadow: none;
}
header.sticky {
background: #ffffff;
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
} .logo, .stikcylogo {
float: left;
width: 185px;
margin-top: 10px;
margin-right: 15px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.logo {
opacity: 0;
width: 0;
display: none;
}
.stikcylogo {
opacity: 1;
width: 140px;
display: block;
}
.logo a, .stikcylogo a {
display: inline-block;
}
.logo img, .stikcylogo img {
max-width: 100%;
display: block;
}
.home header .logo {
opacity: 1;
width: 140px;
display: block;
}
.home header .stikcylogo {
opacity: 0;
width: 0;
display: none;
}
.home header.sticky .logo {
opacity: 0;
width: 0;
display: none;
}
.home header.sticky .stikcylogo {
opacity: 1;
width: 140px;
display: block;
} .main-menu {
display: block;
text-align: center;
margin-right: 30px;
margin-top: 25px;
}
.main-menu ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
.main-menu ul li {
display: inline-block;
padding: 0 20px;
position: relative;
vertical-align: middle;
}  .main-menu ul li:last-child {
padding-right: 0;
}
.main-menu ul li a {
color: #5e5e5e;
font-weight: 400;
display: block;
font-size: 14px;
text-align: center;
line-height: 40px;
text-transform: capitalize;
position: relative;
}
.main-menu ul li a i.menu-arrow {
width: 11px;
height: 11px;
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/sticky-menu-arrow.png);
background-repeat: no-repeat;
background-size: 100%;
display: inline-block;
transition: .5s ease;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
position: relative;
top: 1px;
margin-left: 5px;
}
.main-menu ul li:hover a i.menu-arrow {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/menu-arrow-hover.png);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.main-menu ul li a:hover {
color: #ea2425;
}
.main-menu ul li.active a, .main-menu ul li.current_page_item a, .main-menu ul li.current_page_ancestor a, .main-menu ul li.current-menu-item a, .main-menu ul li.current-menu-ancestor a {
color: #ea2425;
}
.main-menu ul li.active a i.menu-arrow, .main-menu ul li.current_page_item a i.menu-arrow, .main-menu ul li.current_page_ancestor a i.menu-arrow, .main-menu ul li.current-menu-ancestor a i.menu-arrow {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/menu-arrow-hover.png);
}
.main-menu ul li:hover > a {
color: #ea2425;
}
.main-menu ul li:hover > a i.menu-arrow {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/menu-arrow-hover.png);
}
.sub-menu {
background: #fff none repeat scroll 0 0;
box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.3);
border-radius: 5px;
display: block;
max-width: 100%;
min-width: 220px;
position: absolute;
top: 60px;
width: 100%;
z-index: 10;
left: calc(50% - 110px);
transition: .5s ease;
opacity: 0;
-webkit-transform: translateY(2rem);
transform: translateY(2rem);
pointer-events: none;
}
.main-menu ul li:hover .sub-menu {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
pointer-events: auto;
}
.sub-menu::after {
content: "";
height: 28px;
left: 0;
position: absolute;
top: -25px;
width: 100%;
}
.sub-menu::before {
border-bottom: 8px solid hsl(0, 0%, 37%);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
position: absolute;
left: calc(50% - 8px);
top: -6px;
}
ul.sub-menu li {
display: block;
margin: 0 !important;
padding: 0 !important;
transition: none;
}
ul.sub-menu li::after {
display: none;
}
ul.sub-menu li:first-of-type::before {
border-bottom: 8px solid hsl(0, 0%, 37%);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content: "";
position: absolute;
left: calc(50% - 8px);
top: -7px;
}
ul.sub-menu li:first-of-type:hover::before, ul.sub-menu li.active:first-of-type::before {
border-bottom-color: hsl(360, 82%, 53%);
}
ul.sub-menu li a {
font-size: 13px;
font-weight: 400;
color: rgba(255, 255, 255, 1) !important;
text-align: left;
display: block;
padding: 12px 15px;
line-height: normal;
letter-spacing: 0;
text-transform: initial;
transition: none;
}
ul.sub-menu li a span.cat_count {
display: inline-block;
}
ul.sub-menu li a:hover {
background: hsl(0, 0%, 37%);
color: #ffffff !important;
}
ul.sub-menu li.active a, ul.sub-menu li.current-menu-item a, ul.sub-menu li.current-menu-ancestor a {
background: hsl(0, 0%, 37%);
color: #ffffff !important;
}
ul.sub-menu li:first-of-type > a:hover, ul.sub-menu li.active:first-of-type > a, ul.sub-menu li.current-menu-item:first-of-type > a, ul.sub-menu li.current-menu-ancestor:first-of-type > a {
border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
}
ul.sub-menu li:last-of-type > a:hover, ul.sub-menu li.active:last-of-type > a, ul.sub-menu li.current-menu-item:last-of-type > a, ul.sub-menu li.current-menu-ancestor:last-of-type > a {
border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
}   .call-us {
float: right;
margin-top: 32px;
margin-left: 15px;
font-size: 0;
}
.call-us i {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/contact-call-icon.png);
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
}
.call-us:hover i {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/contact-call-icon.png);
}
.call-us span {
font-size: 13px;
color: hsl(290, 9%, 14%);
font-weight: 500;
margin: 0 0 0 10px;
vertical-align: middle;
text-align: left;
display: inline-block;
}
.call-us span small {
display: block;
}
.call-us:hover span {
color: hsl(360, 82%, 53%);
}
.home header .call-us i, .mobnav__header.sticky .call-us i {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/contact-call-icon.png);
}
.home header .call-us:hover i, .mobnav__header.sticky .call-us:hover i {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/contact-call-icon.png);
}
.home header .call-us span, .mobnav__header.sticky .call-us span {
color: hsl(290, 9%, 14%);
}
.home header .call-us:hover span, .mobnav__header.sticky .call-us:hover span {
color: hsl(360, 82%, 53%);
}
header.sticky .call-us i, .mobnav__header.sticky .call-us i {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/contact-call-icon.png);
}
header.sticky .call-us:hover i, .mobnav__header.sticky .call-us:hover i {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/contact-call-icon.png);
}
header.sticky .call-us span, .mobnav__header.sticky .call-us span {
color: hsl(290, 9%, 14%);
}
header.sticky .call-us:hover span, .mobnav__header.sticky .call-us:hover span {
color: hsl(360, 82%, 53%);
} .request-quote-btn {
float: right;
margin-top: 26px;
margin-left: 15px;
}
.request-quote-btn a {
background: hsl(0, 0%, 37%);
border: 2px solid hsl(0, 0%, 37%);
min-width: 165px;
padding: 0 15px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 34px;
display: block;
border-radius: 30px;
text-align: center;
}
.request-quote-btn a:hover {
background: hsl(290, 9%, 14%);
border-color: hsl(290, 9%, 14%);
color: #ffffff;
}   .top-social-part {
display: inline-flex;
height: 40px;
align-items: center;
}
.top-social-part ul {
list-style-type: none;
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
font-size: 0;
}
.top-social-part ul li {
display: inline-block;
margin: 0 10px 0 0;
}
.top-social-part ul li:last-child {
margin-right: 0;
}
.top-social-part ul li a {
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
vertical-align: middle;
text-align: center;
border: 1px solid #ffffff;
color: #ffffff;
line-height: 22px;
font-size: 12px;
}
.top-social-part ul li a:hover {
background: #ffffff;
color: hsl(290, 9%, 14%);
} .humburgermenu-icon {
background: hsl(360, 82%, 53%);
border-radius: 50px;
float: right;
height: 38px;
width: 38px;
text-align: center;
display: none;
margin-top: 26px;
margin-left: 15px;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.humburgermenu-icon a {
display: block;
height: 100%;
text-align: center;
}
.humburgermenu-icon img {
display: inline-block;
width: 20px;
height: 20px;
margin-top: 10px;
}
.humburgermenu-icon:hover {
background: hsl(290, 9%, 14%);
} .humburgerMenu {
width: 20px;
height: 16px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
display: inline-block;
top: 12px;
}
.humburgerMenu span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #ffffff;
border-radius: 15px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.humburgermenu-icon:hover .humburgerMenu span {
background: #ffffff;
}
.humburgerMenu span:nth-child(1) {
top: 0px;
}
.humburgerMenu span:nth-child(2), .humburgerMenu span:nth-child(3) {
top: 6px;
width: 80%;
left: auto;
right: 0;
}
.humburgerMenu span:nth-child(4) {
top: 12px;
}
.humburgerMenu.open span:nth-child(1) {
top: 6px;
width: 0%;
left: 50%;
}
.humburgerMenu.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 0;
right: auto;
width: 100%;
}
.humburgerMenu.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 0;
right: auto;
width: 100%;
}
.humburgerMenu.open span:nth-child(4) {
top: 6px;
width: 0%;
left: 50%;
} .banner-section.slider-desktop {
display: block;
}
.banner-section.slider-mobile {
display: none;
}
.banner-section {
background: #252026;
display: block;
position: relative;
}
.banner-slide {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-color: #252026;
height: 100%;
position: relative;
}
.banner-overlay {
background: #000;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.6;
}
.banner-video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.banner-video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.special-banner-part {
width: calc(100% - 30px);
position: absolute;
top: calc(50% + 25px);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.special-banner-part .special-banner-text {
width: 50%;
float: left;
max-width: 520px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.special-banner-part .special-banner-pic {
width: 50%;
float: right;
text-align: right;
}
.special-banner-part .special-banner-pic img {
max-width: 85%;
display: inline-block;
}
.banner-inner {
display: block;
height: 770px;
position: relative;
z-index: 1;
}
.banner-inner .container {
position: relative;
height: 100%;
}
.banner-text {
max-width: 700px;
position: absolute;
top: calc(50% + 25px);
width: calc(100% - 30px);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.banner-text.banner-text-center {
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%);
text-align: center;
}
.banner-text.banner-text-right {
left: auto;
right: 15px;
text-align: right;
}
.banner-text h1, .special-banner-text h1, .banner-text h2, .special-banner-text h2 {
color: #ffffff;
font-size: 60px;
font-weight: 600;
line-height: 65px;
margin: 0;
padding: 0;
}
.banner-text p, .special-banner-text p {
color: #ffffff;
font-size: 18px;
font-weight: 400;
line-height: 30px;
margin: 15px 0 0;
}
.banner-text .btn, .special-banner-text .btn {
margin-top: 50px;
margin-right: 10px;
}
.banner-text .btn + .btn, .special-banner-text .btn + .btn {
margin-right: 0;
}
.banner-slider .slick-prev, .banner-slider .slick-next {
width: 25px;
height: 25px;
bottom: 20px;
top: auto;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, 0%);
}
.banner-slider .slick-prev {
left: auto;
right: 65px;
}
.banner-slider .slick-prev, .banner-slider .slick-prev:hover {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/arrow-left.png);
}
.banner-slider .slick-next, .banner-slider .slick-next:hover {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/arrow-right.png);
}
.banner-slider .slick-dots {
bottom: 20px;
}
.banner-slider .slick-dots li {
border: none !important;
background: #ffffff;
width: 15px !important;
height: 1px !important;
border-radius: 0;
position: relative;
top: -7px;
transition: all 0.5s ease;
}
.banner-slider .slick-dots li::after {
height: 13px !important;
content: "";
position: absolute;
width: 100%;
left: 0;
top: -5px;
}
.banner-slider .slick-dots li.slick-active {
background: hsl(360, 82%, 53%);
width: 25px !important;
height: 3px !important;
top: -6px;
}
.banner-scroll {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/scroll-down-arrow.png) 0 0 no-repeat;
background-size: cover;
position: absolute;
bottom: 20px;
width: 30px;
height: 30px;
left: 30px;
cursor: pointer;
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
} .our-services-section {
display: block;
padding: 90px 0;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.our-service-main {
display: block;
position: relative;
}
.our-service-main::before {
display: block;
content: "";
width: 200px;
height: 200px;
position: absolute;
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/hexa-bg.png) 50% 50%/cover;
top: -40px;
left: -40px;
}
.our-services-section ul {
list-style-type: none;
margin: 0 -15px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.our-services-section ul li {
display: flex;
position: relative;
padding-left: 15px;
padding-right: 15px;
height: 380px;
float: left;
margin: 15px 0;
}
.our-services-section ul li:nth-child(1) {
width: 40%;
}
.our-services-section ul li:nth-child(2) {
width: 60%;
}
.our-services-section ul li:nth-child(3) {
width: 40%;
}
.our-services-section ul li:nth-child(4) {
width: 35%;
}
.our-services-section ul li:nth-child(5) {
width: 25%;
}
.our-service-heading {
display: block;
padding: 40px;
background: #ffffff;
}
.our-service-heading h2 {
font-size: 45px;
line-height: 1.15;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 5px;
}
.our-service-heading p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin: 25px 0 0;
}
.our-service-heading .btn {
margin-top: 35px;
}
.service-item-box {
display: block;
position: relative;
height: 100%;
width: 100%;
}
.service-overlay-link {
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-indent: -99999px;
z-index: 3;
}
.service-item-image {
position: absolute;
overflow: hidden;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.service-item-image:after {
background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, rgba(0,0,0,.7)), color-stop(75%, transparent));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,.7) 25%, transparent 75%);
background: -o-linear-gradient(bottom, rgba(0,0,0,.7) 25%, transparent 75%);
background: linear-gradient(1turn, rgba(0,0,0,.7) 25%, transparent 75%);
width: 100%;
height: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
z-index: 1;
opacity: 0.5;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.service-item-box:hover .service-item-image:after {
opacity: 1;
background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, rgba(0,0,0,.8)), color-stop(75%, transparent));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,.8) 25%, transparent 75%);
background: -o-linear-gradient(bottom, rgba(0,0,0,.8) 25%, transparent 75%);
background: linear-gradient(1turn, rgba(0,0,0,.8) 25%, transparent 75%);
}
.service-item-image figure {
height: 100%;
background-position: center;
background-size: cover;
transition: transform 0.5s;
}
.service-item-box:hover .service-item-image figure {
transform: scale(1.1, 1.1);
}
.service-zoom-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 60px;
height: 60px;
top: calc(50% - 30px);
left: calc(50% - 30px);
z-index: 2;
background: #ffffff;
border-radius: 50%;
opacity: 0;
transform: scale(0);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.service-zoom-icon i {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/zoom-icon.png) 0 0 no-repeat;
background-size: cover;
width: 22px;
height: 22px;
}
.service-item-box:hover .service-zoom-icon, .project-gallery-section ul li:hover .service-zoom-icon {
opacity: 1;
transform: scale(1);
}
.service-item-details {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 30px;
z-index: 2;
}
.service-item-details-inner {
display: flex;
align-items: flex-end;
justify-content: space-between;
height: 100%;
width: 100%;
}
.service-item-content {
width: 80%;
}
.service-item-content h3 {
font-size: 18px;
font-weight: 500;
color: #ffffff;
margin: 0
}
.service-item-content p {
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
font-weight: 400;
margin: 0;
}
.service-arrow {
background: transparent;
border: 1px solid #fff;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-bottom: 5px;
transition: all 0.3s;
}
.service-arrow svg {
fill: #ffffff;
width: 70%;
}
.service-item-box:hover .service-arrow {
background: #ffffff;
}
.service-item-box:hover .service-arrow svg {
fill: hsl(290, 9%, 14%);
} .recent-project-section {
display: block;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 90px 0;
position: relative;
overflow: hidden;
}
.our-services-section + .recent-project-section {
padding-top: 0;
}
.recent-project-heading {
display: block;
position: relative;
text-align: left;
margin: 0 auto 40px;
}
.recent-project-heading h2 {
font-size: 28px;
line-height: 1.25;
font-weight: 600;
color: hsl(290, 9%, 14%);
margin: 0;
max-width: 255px;
}
.recent-project-heading h2 u {
text-decoration-thickness: 3px;
}
.recent-project-heading p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin: 15px 0 0;
}
.recent-project-heading p a {
color: hsl(290, 9%, 14%);
}
.recent-project-heading p a:hover {
color: hsl(360, 82%, 53%);
text-decoration: underline;
}
.recent-project-slider-part {
display: block;
}
.recent-project-slider-part .slick-prev, .recent-project-slider-part .slick-next {
top: -60px;
bottom: auto;
width: 30px;
height: 30px;
}
.recent-project-slider-part .slick-prev {
right: 70px;
left: auto;
}
.recent-project-slider-part .slick-next {
right: 30px;
}
.recent-project-slider-part ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-right: calc(-100vw / 2 + (100% - -10px) / 2);
}
.recent-project-slider-part ul li {
display: block;
position: relative;
padding: 0 5px;
}
.project-item-box {
display: block;
position: relative;
padding-top: 140%;
}
.project-item-image {
position: absolute;
overflow: hidden;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.project-item-image:after {
background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, rgba(0,0,0,.7)), color-stop(75%, transparent));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,.7) 25%, transparent 75%);
background: -o-linear-gradient(bottom, rgba(0,0,0,.7) 25%, transparent 75%);
background: linear-gradient(1turn, rgba(0,0,0,.7) 25%, transparent 75%);
width: 100%;
height: 100%;
position: absolute;
content: "";
top: 0;
left: 0;
z-index: 1;
opacity: 0.5;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.project-item-box:hover .project-item-image:after {
opacity: 1;
background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, rgba(0,0,0,.8)), color-stop(75%, transparent));
background: -webkit-linear-gradient(bottom, rgba(0,0,0,.8) 25%, transparent 75%);
background: -o-linear-gradient(bottom, rgba(0,0,0,.8) 25%, transparent 75%);
background: linear-gradient(1turn, rgba(0,0,0,.8) 25%, transparent 75%);
}
.project-item-image figure {
height: 100%;
background-position: center;
background-size: cover;
transition: transform 0.5s;
}
.project-item-box:hover .project-item-image figure {
transform: scale(1.1, 1.1);
}
.project-item-details {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 30px;
z-index: 2;
}
.project-item-details-inner {
display: block;
position: relative;
z-index: 3;
overflow: hidden;
}
.project-item-details-inner h3 {
font-size: 18px;
font-weight: 500;
color: #ffffff;
margin: 0
} .home-about-section {
display: block;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 90px 0;
position: relative;
}
.recent-project-section + .home-about-section {
padding-top: 0;
}
.home-about-section .row {
display: flex;
align-items: center;
}
.home-about-content {
display: block;
margin-left: 100px;
}
.home-about-content h2 {
font-size: 45px;
line-height: 1.15;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 10px;
}
.home-about-content p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin-bottom: 20px;
}
.home-about-content p:last-child {
margin-bottom: 0;
}
.home-about-content p span {
color: hsl(290, 9%, 14%);
}
.home-about-content p a {
color: hsl(290, 9%, 14%);
font-weight: 500;
}
.home-about-content p a:hover {
color: hsl(360, 82%, 53%);
text-decoration: underline;
}
.home-about-content p strong, .home-about-content p b {
font-weight: 600;
}
.home-about-content ul {
list-style-type: none;
margin: 5px 0 0 0;
padding: 0;
}
.home-about-content ul li {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/check-icon.png) 0 0 no-repeat;
background-size: 25px;
color: #45465f;
font-size: 14px;
font-weight: 400;
padding: 3px 15px 0 40px;
margin: 6px 0;
min-height: 25px;
}
.home-about-content ul li a {
color: #45465f;
}
.home-about-content ul li a:hover {
color: hsl(360, 82%, 53%);
}
.home-about-content .btn {
margin-top: 35px;
}
.home-about-image {
display: block;
position: relative;
text-align: center;
border-radius: 0;
margin-left: -8vw !important;
padding-right: 80px;
}
.home-about-image::before {
display: block;
content: "";
width: 200px;
height: 200px;
position: absolute;
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/hexa-bg.png) 50% 50%/cover;
top: 40px;
right: 20px;
z-index: 0;
}
.home-about-image img {
max-width: 100%;
display: inline-block;
border-radius: 0;
width: 100%;
position: relative;
z-index: 1;
}
.home-about-image .play-btn {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/play-icon.png) 0 0 /cover no-repeat;
width: 80px;
height: 80px;
box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.2);
border-radius: 50%;
position: absolute;
left: calc(50% - 40px);
top: calc(50% - 40px);
z-index: 1;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.home-about-image .play-btn:hover {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
} .testimonial-blockquote-section {
display: block;
width: 270px;
background: #ffffff;
padding: 40px 25px 35px;
box-shadow: 0px 2px 22px 0px rgba(0, 0, 0, 0.1);
position: absolute;
z-index: 1;
bottom: 0;
right: -40px;
} .testimonial-slider-part {
width: 100%;
position: relative;
}
.testimonial-slider-part .slick-prev, .testimonial-slider-part .slick-next {
bottom: 0;
top: auto;
width: 30px;
height: 30px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.testimonial-slider-part .slick-prev {
left: 0;
}
.testimonial-slider-part .slick-next {
left: 40px;
}
.text-testimonial-part {
position: relative;
margin-bottom: 55px;
padding: 0 5px;
}
.text-testimonial-part::before {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/quote-icon.png) no-repeat 0 0 /cover;
width: 35px;
height: 22px;
position: absolute;
content: "";
top: 0;
}
.testimonial-text {
display: block;
min-height: 190px;
padding-top: 40px;
font-size: 15px;
line-height: 1.65;
color: hsl(290, 9%, 14%);
font-style: italic;
}
.testimonial-text p {
font-size: 15px;
line-height: 1.65;
color: hsl(290, 9%, 14%);
font-style: italic;
margin: 0 0 20px;
}
.testimonial-text p:last-child {
margin-bottom: 0;
}
.testimonial-text a {
font-style: normal;
color: hsl(290, 9%, 14%);
font-weight: 500;
text-decoration-color: hsl(360, 82%, 53%);
text-decoration-thickness: 1px;
text-decoration-skip-ink: none;
text-decoration-line: underline;
}
.testimonial-text a:hover {
color: hsl(360, 82%, 53%);
}
.video-testimonial-pic {
display: block;
position: relative;
text-align: center;
border-radius: 10px;
overflow: hidden;
height: 120px;
}
.video-testimonial-pic::after {
background: hsl(290, 9%, 14%);
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.5;
}
.video-testimonial-pic img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
.video-testimonial-pic .play-btn {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/play-icon.png) 0 0 /cover no-repeat;
width: 50px;
height: 50px;
box-shadow: 0px 5px 35px 0px rgba(16, 66, 97, 0.2);
border-radius: 50%;
position: absolute;
left: calc(50% - 25px);
top: calc(50% - 25px);
z-index: 1;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.video-testimonial-pic .play-btn:hover {
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.5);
}
.testimonial-provide {
display: block;
padding: 0 5px;
margin: 20px -5px 0;
min-height: 40px;
}
.testimonial-provide img {
float: left;
width: 40px;
margin-right: 15px;
box-shadow: 1px 0 5px 0px rgba(0, 0, 0, 0.1);
border-radius: 50%;
}
.testimonial-provide h6 {
overflow: hidden;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
color: #182140;
font-weight: 600;
margin: 0;
padding-top: 5px;
}
.testimonial-provide h6 span {
display: block;
font-family: 'Poppins', sans-serif;
color: #45465f;
font-size: 10px;
font-weight: 400;
}
.testimonial-blockquote-section .video-testimonial-pic + .testimonial-text {
min-height: 70px;
padding-top: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.testimonial-blockquote-section .video-testimonial-pic + .testimonial-text p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .custom-modal-part {
background: #ffffff;
display: block;
margin: 25px auto;
position: relative;
max-width: 1024px;
padding: 0;
border-radius: 10px;
}
.custom-modal-inner-part {
margin: 0 auto;
padding: 35px;
position: relative;
z-index: 1;
}
.testimonial-content-modal {
max-width: 800px;
}
.testimonial-content-modal .testimonial-item-box .text-testimonial-part {
margin: 0;
}
.video-container {
display: block;
text-align: center;
overflow: hidden;
}
.video-container iframe {
display: block;
width: 100% !important;
height: 600px;
} .home-blog-section {
display: block;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 90px 0;
}
.inspiration-section {
display: block;
}
.inspiration-section ul {
list-style-type: none;
margin: 0 -15px;
padding: 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 720px;
}
.inspiration-section ul li {
width: 25%;
padding: 0 15px 30px;
position: relative;
}
.inspiration-section ul li:nth-child(1) {
height: 235px;
}
.inspiration-section ul li:nth-child(1)::before {
display: block;
content: "";
width: 140px;
height: 140px;
position: absolute;
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/hexa-bg.png) 50% 50%/cover;
bottom: -30px;
left: calc(50% - 70px);
z-index: 0;
}
.inspiration-section ul li:nth-child(3) {
width: 50%;
}
.inspiration-heading {
display: block;
padding-right: 10px;
}
.inspiration-heading h2 {
font-size: 45px;
line-height: 1.15;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 5px;
}
.inspiration-item-box {
display: block;
}
.inspiration-item-image {
display: block;
overflow: hidden;
}
.inspiration-item-image img {
display: block;
max-width: 100%;
transition: transform 0.5s;
}
.inspiration-item-box:hover img {
transform: scale(1.1, 1.1);
}
.inspiration-item-content {
display: block;
margin-top: 20px;
}
.inspiration-item-content h3 {
font-size: 18px;
color: hsl(290, 9%, 14%);
font-weight: 600;
margin: 0;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.inspiration-section ul li:nth-child(3) .inspiration-item-content h3 {
-webkit-line-clamp: 1;
}
.inspiration-item-content p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin: 3px 0 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.view-all-btn {
display: block;
margin-top: 25px;
text-align: center;
} .cta-section {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/cta-bg.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-color: #ffffff;
display: block;
padding: 60px 0;
position: relative;
overflow: hidden;
}
.cta-content {
display: block;
max-width: 520px;
position: relative;
z-index: 1;
}
.cta-content h4 {
font-size: 45px;
line-height: 1.15;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0
}
.cta-content p {
color: hsl(290, 9%, 14%);
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin: 15px 0 0;
}
.cta-content .btn {
margin-top: 30px;
min-width: 185px;
}
.cta-img {
position: absolute;
right: 0;
bottom: 0;
top: 0;
text-align: right;
}
.cta-img img {
display: inline-block;
height: 100%;
object-fit: cover;
max-width: 100%;
} footer { border-top: 1em solid hsl(290, 9%, 14%);
display: block;
position: relative;
padding: 60px 0 15px;
} .footer-top {
display: block;
padding-bottom: 70px;
}
.footer-info {
display: block;
}
.foter-info-left {
float: left;
}
.foter-info-left .footer-logo {
width: 200px;
max-width: 100%;
margin-right: 30px;
}
.foter-info-left .footer-logo-other {
width: 70px;
max-width: 100%;
vertical-align: bottom;
}
.footer-info-right {
float: right;
padding: 6px 0px;
display: flex;
align-items: center;
} .footer-social {
display: inline-block;
vertical-align: middle;
border-right: 2px solid hsl(360, 82%, 53%);
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 15px;
}
.footer-social ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 0;
}
.footer-social ul li {
display: inline-block;
margin: 0 0 0 8px;
vertical-align: middle;
text-align: center;
}
.footer-social ul li:first-child {
margin-left: 0;
}
.footer-social ul li a {
display: block;
width: 38px;
height: 38px;
border-radius: 50%;
text-align: center;
background: hsl(0, 0%, 37%);
color: #fff;
font-size: 20px;
line-height: 40px;
}
.footer-social ul li a:hover {
background: hsl(290, 9%, 14%);
border-color: hsl(290, 9%, 14%);
color: #fff;
} .footer-review-logo {
display: inline-block;
vertical-align: middle;
}
.footer-review-logo h5 {
font-size: 12px;
color: #ffffff;
display: inline-block;
vertical-align: middle;
width: 70px;
}
.footer-review-logo img {
max-width: 100%;
max-height: 50px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
} .footer-middle {
display: block;
padding-bottom: 60px;
}
.footer-menu {
display: block;
}
.footer-menu h4 {
font-size: 20px;
font-weight: 600;
color: hsl(290, 9%, 14%);
margin: 0 0 10px;
position: relative;
padding-bottom: 10px;
}
.footer-menu h4 span {
position: relative;
z-index: 1;
}
.footer-menu h4 span::after {
position: absolute;
content: "";
left: 0;
bottom: 5px;
background: hsl(360, 82%, 53%);
height: 2px;
width: 100%;
z-index: -1;
}
.footer-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.footer-menu ul li {
display: block;
margin: 10px 0;
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
font-weight: 400;
}
.footer-menu ul li a {
font-size: 13px;
color: #242424;
font-weight: 400;
}
.footer-menu ul li a:hover {
color: hsl(360, 82%, 53%);
}
.footer-menu ul.footer-info {
list-style-type: none;
margin: 0;
padding: 0;
}
.footer-menu ul.footer-info li {
display: flex;
margin: 10px 0;
align-items: center;
}
.footer-menu ul.footer-info li:before, .footer-menu ul.footer-info li:after {
content: " ";
display: table;
}
.footer-menu ul.footer-info li:after {
clear: both;
}  .footer-menu ul.footer-info li .f-info-icon {
float: left;
width: 20px;
margin-right: 12px;
}
.footer-menu ul.footer-info li .f-info-content {
font-size: 13px;
color: #242424;
overflow: hidden;
} .footer-bottom {
border-top: 1px solid #e0dfe7;
display: block;
padding-top: 15px;
}
.copyright {
font-size: 13px;
color: #242424;
line-height: 30px;
}
.copyright a {
color: #242424;
}
.copyright a:hover {
color: hsl(360, 82%, 53%);
}
.websiteby {
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
line-height: 30px;
text-align: right;
}
.websiteby a {
color: rgba(255, 255, 255, 0.7);
}
.websiteby a:hover {
color: hsl(360, 82%, 53%);
}  .main-title-section {
background: #ffffff;
display: block;
position: relative;
margin-top: 90px;
}
.main-title-section + .main-container-section {
margin-top: 0;
}
.title-inner-section {
position: relative;
padding: 90px 0 0;
}
.title-inner-section::before {
background: #ffffff;
content: "";
height: 550px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
opacity: 0;
z-index: 1;
}
.title-inner-section:after {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/default-page-bg.jpg);
background-color: #f3f8f8;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
content: "";
position: absolute;
height: 550px;
top: 0;
right: 0;
left: 0;
z-index: 0;
margin: 0 auto;
}
.page-title-part {
display: block;
}
.page-title-inner {
text-align: center;
position: relative;
left: 0;
top: 0;
width: 100%;
z-index: 2;
}
.page-title-part .container {
max-width: 780px;
margin: 0 auto;
}
.page-title-part .container .row {
display: flex;
align-items: center;
}
.page-title-part h1 {
font-size: 45px;
line-height: 1.25;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0;
}
.page-title-part p {
color: #45465f;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
margin: 25px 0 0;
}
.page-title-part p.highlight-para {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: hsl(290, 9%, 14%);
}
.page-title-part p:first-child {
margin-top: 0;
} .main-container-section {
display: block;
margin-top: 90px;
position: relative;
z-index: 2;
} .single-pic-part {
display: block;
text-align: center;
padding: 90px 0;
}
.single-pic-part .medium-12 {
padding: 0 70px;
}
.single-pic-part img {
max-width: 100%;
display: inline-block;
}
.single-pic-inner-part {
position: relative;
}
.single-pic-inner-part::before {
display: block;
content: "";
width: 200px;
height: 200px;
position: absolute;
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/hexa-bg.png) 50% 50%/cover;
bottom: -80px;
right: -80px;
z-index: -1;
} .textImage-panel-section {
display: block;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 90px 0;
position: relative;
z-index: 1;
overflow: hidden;
}
.textImage-panel-section .row {
display: flex;
}
.textImage-panel-section .row.reverse-row {
flex-direction: row-reverse;
}
.textImage-panel-section .row.align-top {
align-items: flex-start;
}
.textImage-panel-section .row.align-center {
align-items: center;
}
.textImage-panel-section .row.align-bottom {
align-items: flex-end;
}
.textImage-panel-content {
display: block;
margin-right: 100px;
position: relative;
z-index: 1;
}
.textImage-panel-section .row.reverse-row .textImage-panel-content {
margin-left: 100px;
margin-right: 0;
}
.textImage-panel-content h2 {
font-size: 45px;
line-height: 1.25;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 30px;
}
.textImage-panel-content p {
color: #242424;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin-bottom: 25px;
}
.textImage-panel-content p:last-child {
margin-bottom: 0;
}
.textImage-panel-content p.highlight-para {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: #242424;
}
.textImage-panel-content p span {
color: hsl(290, 9%, 14%);
}
.textImage-panel-content p a {
color: hsl(290, 9%, 14%);
font-weight: 500;
}
.textImage-panel-content p a:hover {
color: hsl(360, 82%, 53%);
text-decoration: underline;
}
.textImage-panel-content p strong, .textImage-panel-content p b {
font-weight: 600;
}
.textImage-panel-content ul {
list-style-type: none;
margin: 10px 0 30px 0;
padding: 0;
}
.textImage-panel-content ul:last-child {
margin-bottom: 0;
}
.textImage-panel-content ul li {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/check-icon.png) 0 0 no-repeat;
background-size: 25px;
color: #45465f;
font-size: 14px;
font-weight: 400;
padding: 3px 15px 0 40px;
margin: 6px 0;
min-height: 25px;
}
.textImage-panel-content ul li a {
color: #45465f;
}
.textImage-panel-content ul li a:hover {
color: hsl(360, 82%, 53%);
}
.textImage-panel-content .btn {
margin-top: 20px;
}
.textImage-panel-image {
display: block;
position: relative;
text-align: center;
} .textImage-panel-image img {
max-width: 100%;
display: inline-block;
width: 100%;
}
.textImage-panel-image .play-btn {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/play-icon.png) 0 0 /cover no-repeat;
width: 80px;
height: 80px;
box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.2);
border-radius: 50%;
position: absolute;
left: calc(50% - 40px);
top: calc(50% - 40px);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.textImage-panel-image .play-btn:hover {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
}
.textImage-panel-smallImage {
display: block;
margin-top: 45px;
}
.textImage-panel-smallImage img {
max-width: 100%;
display: inline-block;
} .zig-zag-section {
display: block;
background: #ffffff;
padding: 90px 0;
position: relative;
z-index: 1;
margin-top: 100px;
margin-bottom: 60px;
}
.zig-zag-section:first-child {
margin-top: calc(20rem + 90px);
}
.zig-zag-section::after {
background-color: #f2f3f9;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
content: "";
position: absolute;
height: 100%;
top: 0;
right: 40px;
left: calc(50% - 430px);
z-index: -2;
margin: 0 auto;
}
.zig-zag-section:nth-of-type(2n) {
margin-top: 0;
margin-bottom: 0;
}
.zig-zag-section:nth-of-type(2n)::after {
background-color: #ffffff;
right: calc(50% - 430px);
left: 40px;
}
.zig-zag-section .row {
display: flex;
flex-direction: row-reverse;
}
.zig-zag-section:nth-of-type(2n) .row {
flex-direction: row;
}
.zig-zag-section .row.align-top {
align-items: flex-start;
}
.zig-zag-section .row.align-center {
align-items: center;
}
.zig-zag-section .row.align-bottom {
align-items: flex-end;
}
.zig-zag-content {
display: block;
margin-left: 100px;
position: relative;
z-index: 1;
}
.zig-zag-section:nth-of-type(2n) .zig-zag-content {
margin-left: 0;
margin-right: 100px;
}
.zig-zag-content h2 {
font-size: 45px;
line-height: 1.25;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 30px;
}
.zig-zag-content p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin-bottom: 25px;
}
.zig-zag-content p:last-child {
margin-bottom: 0;
}
.zig-zag-content p.highlight-para {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: hsl(290, 9%, 14%);
}
.zig-zag-content p span {
color: hsl(290, 9%, 14%);
}
.zig-zag-content p a {
color: hsl(290, 9%, 14%);
font-weight: 500;
}
.zig-zag-content p a:hover {
color: hsl(360, 82%, 53%);
text-decoration: underline;
}
.zig-zag-content p strong, .zig-zag-content p b {
font-weight: 600;
}
.zig-zag-content ul {
list-style-type: none;
margin: 10px 0 30px 0;
padding: 0;
}
.zig-zag-content ul:last-child {
margin-bottom: 0;
}
.zig-zag-content ul li {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/check-icon.png) 0 0 no-repeat;
background-size: 25px;
color: #45465f;
font-size: 14px;
font-weight: 400;
padding: 3px 15px 0 40px;
margin: 6px 0;
min-height: 25px;
}
.zig-zag-content ul li a {
color: #45465f;
}
.zig-zag-content ul li a:hover {
color: hsl(360, 82%, 53%);
}
.zig-zag-content .btn {
margin-top: 20px;
}
.zig-zag-image {
display: block;
position: relative;
text-align: center;
margin-top: -15rem;
}
.zig-zag-section:nth-of-type(2n) .zig-zag-image {
margin-top: 0;
}
.zig-zag-image::before {
display: block;
content: "";
width: 200px;
height: 200px;
position: absolute;
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/hexa-bg.png) 50% 50%/cover;
top: -80px;
left: -80px;
z-index: -1;
}
.zig-zag-section:first-of-type .zig-zag-image::before {
display: none;
}
.textImage-panel-section + .zig-zag-section:first-of-type .zig-zag-image::before {
display: block;
}
.zig-zag-section:nth-of-type(2n) .zig-zag-image::before {
left: auto;
right: -80px;
}
.zig-zag-image img {
max-width: 100%;
display: inline-block;
width: 100%;
}
.zig-zag-image .play-btn {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/play-icon.png) 0 0 /cover no-repeat;
width: 80px;
height: 80px;
box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.2);
border-radius: 50%;
position: absolute;
left: calc(50% - 40px);
top: calc(50% - 40px);
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.zig-zag-image .play-btn:hover {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
}
.zig-zag-small-image {
display: block;
margin-top: 45px;
}
.zig-zag-small-image img {
max-width: 100%;
display: inline-block;
} .center-textImage-section {
display: block;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 90px 0;
position: relative;
}
.center-textImage-inner {
display: block;
max-width: 980px;
margin: 0 auto;
text-align: center;
}
.center-textImage-inner h2 {
font-size: 45px;
line-height: 1.25;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 30px;
}
.center-textImage-inner p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin-bottom: 25px;
}
.center-textImage-inner p:last-child {
margin-bottom: 0;
}
.center-textImage-inner p.highlight-para {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: hsl(290, 9%, 14%);
}
.center-textImage-inner p span {
color: hsl(290, 9%, 14%);
}
.center-textImage-inner p a {
color: hsl(290, 9%, 14%);
font-weight: 500;
}
.center-textImage-inner p a:hover {
color: hsl(360, 82%, 53%);
text-decoration: underline;
}
.center-textImage-inner p strong, .center-textImage-inner p b {
font-weight: 600;
}
.center-textImage-inner ul {
list-style-type: none;
margin: 10px 0 30px 0;
padding: 0;
}
.center-textImage-inner ul:last-child {
margin-bottom: 0;
}
.center-textImage-inner ul li {
color: #45465f;
font-size: 14px;
font-weight: 400;
position: relative;
padding-left: 20px;
padding-right: 0;
margin: 10px 0;
font-weight: 400;
}
.center-textImage-inner ul li::before {
content: '\2022' !important;
color: hsl(360, 82%, 53%);
font-size: 16px;
display: inline-block;
position: relative;
top: 1px;
font-weight: 700;
font-style: normal;
padding-right: 13px;
}
.center-textImage-inner ul li a {
color: #45465f;
}
.center-textImage-inner ul li a:hover {
color: hsl(360, 82%, 53%);
}
.center-textImage-inner .btn {
margin-top: 20px;
}
.center-textImage-inner img, .center-textImage-inner iframe, .center-textImage-inner embed {
max-width: 100%;
margin: 40px auto;
display: block;
}
.center-textImage-inner img:last-child, .center-textImage-inner iframe:last-child, .center-textImage-inner embed:last-child {
margin-bottom: 0;
} .our-team-section {
display: block;
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/team-bg.jpg);
background-color: #ffffff;
background-position: 50% 0%;
background-repeat: repeat-x;
padding: 90px 0;
position: relative;
}
.our-team-heading {
display: block;
max-width: 650px;
margin: 0 auto 60px;
text-align: center;
}
.our-team-heading h2 {
font-size: 45px;
line-height: 1.15;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0;
}
.our-team-heading p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin: 10px 0 0;
} .meet-team-section {
display: block;
}
.meet-team-section ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.meet-team-section ul li {
display: block;
position: relative;
margin: 20px 15px;
}
.meet-team-section .slick-prev, .meet-team-section .slick-next {
width: 50px;
height: 50px;
top: calc(50% - 10px);
}
.meet-team-section .slick-prev {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-left-1.png);
left: -75px;
}
.meet-team-section .slick-prev:hover {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-left-1-hover.png);
}
.meet-team-section .slick-next {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-right-1.png);
right: -75px;
}
.meet-team-section .slick-next:hover {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-right-1-hover.png);
}
.meet-team-section .slick-dots {
bottom: 20px;
}
.team-box-section {
display: block;
width: 100%;
}
.team-pic-part {
background: #ffffff;
display: block; position: relative;
transition: all 0.5s;
box-shadow: 0px 2px 20px 0px rgba(26, 33, 70, 0.1);
}
.team-pic-part img {
max-width: 100%;
width: 100%;
}
.team-member-name {
width: 100%;
background-color: #ffffff;
display: table;
padding: 20px;
height: 70px;
position: relative;
}
.team-member-name h4 {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: hsl(290, 9%, 14%);
font-weight: 600;
margin: 0;
float: left;
width: 55%;
}
.team-member-name h4 span {
font-size: 12px;
margin: 0;
opacity: 0.9;
display: block;
font-weight: 400;
}
.team-member-name .btn {
height: 26px;
min-width: 70px;
line-height: 26px;
font-size: 10px;
float: right;
padding: 0 10px;
min-height: auto;
background: hsl(360, 82%, 60%);
margin-top: 5px;
color: hsl(290, 9%, 14%);
border-color: hsl(360, 82%, 60%);
}
.team-pic-part:hover .team-member-name .btn {
background: hsl(290, 9%, 14%);
color: hsl(360, 82%, 53%);
border-color: hsl(290, 9%, 14%);
}
.team-info-part {
display: block;
position: relative;
width: 100%;
}
.team-info-left {
float: left;
width: 350px;
padding-right: 30px;
}
.team-info-left h3 {
font-size: 24px;
color: hsl(290, 9%, 14%);
font-weight: 600;
text-transform: capitalize;
margin: 0 0 10px;
}
.team-info-left h3 a i {
color: hsl(360, 82%, 53%);
margin-left: 10px;
font-size: 28px;
}
.team-info-left h3 a:hover i {
color: hsl(290, 9%, 14%);
}
.team-info-left p {
font-size: 14px;
color: #45465f;
}
.team-info-left ul {
list-style-type: none;
margin: 25px 0 0;
padding: 0;
}
.team-info-left ul li {
display: block;
margin: 10px 0;
font-size: 12px;
color: #45465f;
font-style: italic;
font-weight: 400;
position: relative;
padding-left: 20px;
}
.team-info-left ul li::before {
content: '\2022' !important;
color: hsl(360, 82%, 53%);
font-size: 24px;
display: block;
position: absolute;
top: -8px;
left: 0;
font-weight: 700;
font-style: normal;
}
.team-info-right {
overflow: hidden;
margin-left: 35px;
padding-top: 5px;
}
.team-info-right .right-top {
display: block;
margin-bottom: 30px;
}
.team-info-right h4 {
font-weight: 500;
font-size: 20px;
color: hsl(290, 9%, 14%);
text-transform: capitalize;
margin: 0 20px 0 0;
float: left;
}
.team-info-right .right-top .call {
float: left;
margin-right: 20px;
margin-top: 2px;
}
.team-info-right .right-top .mail {
float: left;
margin-top: 2px;
}
.team-info-right .right-top .call a, .team-info-right .right-top .mail a {
font-weight: 400;
font-size: 13px;
color: hsl(290, 9%, 14%);
}
.team-info-right .right-top .call a:hover, .team-info-right .right-top .mail a:hover {
color: hsl(360, 82%, 53%);
}
.team-info-right .right-top .call img, .team-info-right .right-top .mail img {
height: 20px;
margin-right: 10px;
vertical-align: bottom;
}
.team-info-right p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin-bottom: 25px;
}
.team-info-right p:last-child {
margin-bottom: 0;
} .testimonial-section {
display: block;
padding: 90px 0;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.our-team-section + .testimonial-section {
padding-top: 0;
}
.testimonial-section .slick-prev, .testimonial-section .slick-next {
width: 50px;
height: 50px;
top: calc(50% - 15px);
}
.testimonial-section .slick-prev {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-left-1.png);
left: -75px;
}
.testimonial-section .slick-prev:hover {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-left-1-hover.png);
}
.testimonial-section .slick-next {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-right-1.png);
right: -75px;
left: auto;
}
.testimonial-section .slick-next:hover {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-right-1-hover.png);
}
.testimonial-heading {
display: block;
max-width: 650px;
margin: 0 auto 60px;
text-align: center;
}
.testimonial-heading h2 {
font-size: 45px;
line-height: 1.15;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0;
}
.testimonial-heading p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin: 10px 0 0;
}
.testimonial-section .testimonial-item-box {
margin: 0 15px;
}
.testimonial-section .text-testimonial-part {
background: #ffffff;
border-radius: 20px;
box-shadow: 0px 2px 15px 0px rgba(26, 33, 70, 0.1);
margin: 40px 0 20px;
padding: 1px 40px 40px;
}
.testimonial-section .text-testimonial-part::before {
display: none;
}
.testimonial-section .testimonial-category {
position: absolute;
width: 70px;
height: 70px;
margin-top: -35px;
border-radius: 100%;
box-shadow: 0px 1px 5px 0px rgba(26, 33, 70, 0.1);
top: 0;
left: 25px;
}
.testimonial-section .testimonial-category img {
width: 100%;
height: 100%;
}
.testimonial-section .testimonial-text {
min-height: 280px;
font-size: 14px;
color: #45465f;
font-style: normal;
padding-top: 70px;
}
.testimonial-section .testimonial-text p {
font-size: 14px;
color: #45465f;
font-style: normal;
}
.testimonial-section .testimonial-text a {
color: #45465f;
font-size: 12px;
}
.testimonial-section .testimonial-text a:hover {
color: hsl(360, 82%, 53%);
}
.testimonial-section .testimonial-provide h6 {
font-size: 16px;
padding-top: 0;
}
.testimonial-section .testimonial-provide h6 span {
font-size: 12px;
margin-top: 5px;
}
.testimonial-section .video-testimonial-pic {
margin-top: 60px;
height: 150px;
}
.testimonial-section .video-testimonial-pic + .testimonial-text {
min-height: 70px;
padding-top: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.testimonial-section .video-testimonial-pic + .testimonial-text p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .benefits-section {
display: block;
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/team-bg.jpg);
background-color: #f2f3f9;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 90px 0;
}
.benefits-section h2 {
font-size: 28px;
line-height: 1.25;
font-weight: 600;
color: hsl(290, 9%, 14%);
margin: 0 0 40px;
text-align: center;
}
.benefits-section ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0 auto;
padding: 0;
max-width: 1024px;
}
.benefits-section ul li {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/check-icon-fill.png) 0 0 no-repeat;
background-size: 24px;
color: #45465f;
font-size: 14px;
font-weight: 400;
float: left;
width: 33.33%;
padding: 2px 15px 0 40px;
margin: 7px 0;
min-height: 24px;
}
.benefits-section ul li a {
color: #45465f;
}
.benefits-section ul li a:hover {
color: hsl(360, 82%, 53%);
}  .filter-section {
position: relative;
z-index: 100;
padding: 50px 0 0;
}
.filter-part {
display: flex;
flex-direction: row;
justify-content: center;
}
dl.filter-dropdown {
height: 50px;
width: 100%;
margin: 0 15px;
background: #ffffff;
border-radius: 50px;
box-shadow: 0px 2px 12px 0px rgba(26, 33, 70, 0.1);
max-width: 260px;
}
.filter-dropdown dt {
position: relative;
height: 100%;
}
.filter-dropdown dt a {
color: hsl(290, 9%, 14%);
display: block;
font-size: 14px;
font-weight: 500;
overflow: hidden;
padding: 0 50px 0 20px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
height: 100%;
line-height: 52px;
}
.filter-dropdown dt a span.caret {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/filter-arrow.png) no-repeat 0 0 / cover;
width: 15px;
height: 15px;
position: absolute;
right: 20px;
top: calc(50% - 6px);
}
.filter-dropdown dd {
position: relative;
}
.filter-dropdown dd ul {
display: none;
left: 0;
list-style: outside none none;
overflow: auto;
position: absolute;
top: 3px;
width: 280px;
}
.filter-dropdown .mutliSelect ul {
background: #fff none repeat scroll 0 0;
border: 1px solid rgba(69, 70, 95, 0.2);
border-radius: 15px;
box-shadow: 0px 2px 10px 0px rgba(26, 33, 70, 0.1);
margin: 0;
padding: 0;
width: 100%;
max-height: 276px;
}
.filter-dropdown .mutliSelect ul li {
display: block;
}
.filter-dropdown .mutliSelect ul li a {
color: hsl(290, 9%, 14%);
display: block;
padding: 10px 15px;
border-bottom: 1px solid rgba(26, 33, 70, 0.1);
}
.filter-dropdown .mutliSelect ul li::before, .filter-dropdown .mutliSelect ul li::after {
content: " ";
display: table;
}
.filter-dropdown .mutliSelect ul li::after {
clear: both;
}
.filter-dropdown .mutliSelect ul li a:hover {
background: #f5f5f5;
color: hsl(290, 9%, 14%);
}
.filter-dropdown .mutliSelect ul li.active a {
background: hsl(360, 82%, 53%);
color: #ffffff;
}
.hint-text {
text-align: center;
color: hsl(290, 9%, 14%);
font-size: 12px;
font-weight: 400;
line-height: 1.7;
margin: 30px 0 0;
}
.hint-text i {
color: #45465f;
margin-right: 5px;
font-size: 11px;
} .testimonial-section.testimonial-page {
padding: 60px 0;
background-color: transparent;
}
.testimonial-inner-section {
display: block;
}
.testimonial-inner-section ul {
list-style-type: none;
margin: 0 -15px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.testimonial-inner-section ul li {
width: 33.33%;
margin-bottom: 30px;
}
.testimonial-section.testimonial-page .text-testimonial-part {
margin-bottom: 0;
} .faq-page {
display: block;
padding: 70px 0;
}
.accordion {
max-width: 970px;
margin: 0 auto;
}
.accordion-section {
background: #ffffff;
box-shadow: 0px 0px 15px 0px rgba(26, 33, 70, 0.1);
border-radius: 40px;
margin-bottom: 20px;
padding: 20px 30px;
display: flex;
flex-direction: column;
min-height: 80px;
justify-content: center;
}
.accordion-section:last-child {
border-bottom: none;
}
.accordion-section-title {
width: 100%;
display: block;
transition: all linear 0.15s;
font-size: 16px;
color: hsl(290, 9%, 14%);
font-weight: 600;
position: relative;
padding: 0 50px 0 0;
}
.accordion-section-title::before {
content: '';
position: absolute;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #ffffff;
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/faq-arrow.png);
background-repeat: no-repeat;
background-size: 15px 15px;
background-position: 50% 50%;
display: inline-block;
transition: .15s ease;
vertical-align: middle;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
right: 0;
top: calc(50% - 15px);
}
.accordion-section-title.active:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.accordion-section-title.active, .accordion-section-title:hover {
color: hsl(290, 9%, 14%);
}
.accordion-section-content {
display: none;
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
padding-top: 15px;
padding-right: 30px;
}
.accordion-section-content p {
margin-bottom: 25px;
}
.accordion-section-content p strong, .accordion-section-content p b {
font-weight: 500;
}
.accordion-section-content p:last-child {
margin-bottom: 0;
}
.accordion-section-content h5 {
font-size: 14px;
color: #45465f;
font-weight: 600;
margin: 0 0 5px;
}
.accordion-section-content img {
max-width: 100%;
float: right;
} .contact-page {
display: block;
position: relative;
padding: 90px 0;
} .contact-page-inner {
display: block;
position: relative;
}
.contact-part {
display: block;
} .contact-info-part {
display: block;
}
.contact-info-part h2 {
font-size: 45px;
line-height: 1.25;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 25px;
padding-right: 60px;
}
.contact-info-part p {
color: #242424;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin-bottom: 25px;
padding-right: 60px;
}
.contact-info-part p:last-child {
margin-bottom: 0;
}
.contact-info-part ul {
list-style-type: none;
margin: 60px 0 0;
padding: 0;
display: flex;
justify-content: space-between;
}
.contact-info-part ul li {
margin: 0 50px 15px 0;
width: 100%;
}
.contact-info-part ul li:last-child {
margin: 0 0 15px 0;
}
.contact-info-part ul li a {
font-size: 14px;
color: #45465f;
}
.contact-info-part ul li a:hover {
color: hsl(360, 82%, 53%);
}
.contact-info-part ul li .f-info-icon {
display: block;
margin-bottom: 12px;
}
.contact-info-part ul li .f-info-icon img {
display: block;
width: 45px;
}
.contact-info-part ul li .f-info-content {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #242424;
font-weight: 600;
}
.contact-info-part ul li .f-info-content span {
display: block;
font-family: 'Poppins', sans-serif;
font-size: 14px;
color: #45465f;
font-weight: 400;
} .contact-form-part {
display: block;
background: #ffffff;
border-radius: 20px;
box-shadow: 0px 2px 15px 0px rgba(26, 33, 70, 0.1);
padding: 45px;
}
.margin_t15 {
margin-top: 15px;
}
.margin_t30 {
margin-top: 30px;
}
.pad-right {
padding-right: 7px;
}
.pad-left {
padding-left: 7px;
} .contact-map-part {
display: block;
position: relative;
padding: 90px 0;
}
.contact-page + .contact-map-part {
padding-top: 0;
}
.contact-map-part iframe, .contact-map-part #map_canvas {
display: block;
width: 100%;
height: 400px;
} .request-page {
display: block;
position: relative;
padding: 90px 0;
}
.multistep-form-section {
display: block;
background: #ffffff;
box-shadow: 0px 2px 15px 0px rgba(26, 33, 70, 0.1);
max-width: 840px;
margin: 0 auto;
position: relative;
} .multistep-form-steps {
display: block;
padding: 5px 0;
}
.multistep-form-steps ul {
list-style-type: none;
margin: 0 -3px;
padding: 0;
display: flex;
}
.multistep-form-steps ul li {
background: hsl(360, 82%, 53%);
opacity: 0.25;
width: 100%;
height: 7px;
margin: 0 3px;
}
.multistep-form-steps ul li.complete, .multistep-form-steps ul li.active {
background: hsl(360, 82%, 53%);
opacity: 1;
} .multistep-main-form {
display: block;
max-width: 650px;
margin: 0 auto;
padding: 50px 15px;
}
.multistep-form-heading {
display: block;
margin: 0 auto 40px;
text-align: center;
}
.multistep-form-heading h2 {
font-size: 28px;
line-height: 1.25;
font-weight: 500 !important;
color: #1a2146;
margin: 0;
}
.multistep-form-heading h2 u {
text-decoration-thickness: 2px;
}
.multistep-form-heading p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin: 15px 0 0;
}
.multistep-main-form .form-group {
margin-bottom: 10px;
}
.multistep-main-form .pad-right {
padding-right: 5px;
}
.multistep-main-form .pad-left {
padding-left: 5px;
}
.multistep-main-form .btn {
min-width: 210px;
line-height: 48px;
min-height: 48px;
font-size: 16px;
} .file-upload {
border: 2px solid hsl(360, 82%, 53%);
display: flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
overflow: hidden;
width: 100%;
max-width: 100%;
height: 200px;
padding: 5px 10px;
font-size: 15px;
text-align: center;
color: #45465f;
border-radius: 20px;
}
.file-upload:hover {
border: 2px solid hsl(290, 9%, 14%);
}
.file-upload-wrapper .file-upload-message {
position: relative;
}
.file-upload-wrapper .file-upload-message i.drag-drop-icon {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/drag-drop-icon.png);
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
width: 45px;
height: 45px;
display: block;
margin: 0 auto 10px;
}
.file-upload-wrapper .file-upload-message p {
margin: 5px 0 0;
font-size: 15px;
font-weight: 500;
color: hsl(290, 9%, 14%);
}
.file-upload-wrapper .file-upload-message p.message-click {
font-size: 14px;
font-weight: 400;
color: #45465f;
}
.file-upload-wrapper .file-upload-message p.message-click u {
text-decoration-thickness: 2px;
font-weight: 500;
}
.file-upload-wrapper .file-upload-message p.message-max {
font-size: 11px;
font-weight: 400;
color: #45465f;
margin-top: 20px;
}
.file-upload-wrapper input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
cursor: pointer;
z-index: 5;
} .thanks-section {
background: #ffffff;
display: block;
height: 100vh;
min-height: 600px;
}
.thanks-inner-section {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/request-page-bg.jpg);
background-color: rgba(0, 0, 0, 0);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
}
.thanks-content {
display: block;
max-width: 500px;
padding: 250px 0 50px;
text-align: center;
margin: 0 auto;
position: relative;
z-index: 2;
}
.thanks-content h2 {
font-size: 45px;
line-height: 1.25;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 30px;
}
.thanks-content p {
color: #45465f;
font-size: 16px;
font-weight: 400;
line-height: 1.7;
margin: 0 0 25px;
padding: 0 15px;
}
.thanks-content .footer-social {
display: block;
border: none;
margin: 50px 0 25px;
padding: 0;
}
.thanks-content .footer-social ul li a {
line-height: 42px;
} .static-content-page {
display: block;
padding: 90px 0;
}
.static-content-page img, .static-content-page iframe, .static-content-page embed {
max-width: 100%;
margin: 40px auto;
display: block;
}
.static-content-page img:last-child, .static-content-page iframe:last-child, .static-content-page embed:last-child {
margin-bottom: 0;
}
.static-content-page h1, .static-content-page h2, .static-content-page h3, .static-content-page h4, .static-content-page h5, .static-content-page h6 {
display: block;
color: hsl(290, 9%, 14%);
font-weight: 500;
margin: 0 0 30px;
}
.static-content-page p {
color: #45465f;
font-size: 14px;
line-height: 1.7;
font-weight: 400;
margin-bottom: 25px;
}
.static-content-page p u {
text-decoration-thickness: 2px;
}
.static-content-page p:last-child {
margin-bottom: 0;
}
.static-content-page p span {
color: hsl(290, 9%, 14%);
}
.static-content-page p strong, .static-content-page p b {
font-weight: 600;
}
.static-content-page a {
color: hsl(290, 9%, 14%);
font-weight: 500;
}
.static-content-page a:hover {
color: hsl(360, 82%, 53%);
text-decoration: underline;
}
.static-content-page ul, .static-content-page ol {
list-style-type: none;
margin: 10px 0 30px 0;
padding: 0;
}
.static-content-page ol {
list-style-type: decimal;
margin-left: 15px;
}
.static-content-page ul li, .static-content-page ol li {
color: #45465f;
font-size: 14px;
font-weight: 400;
position: relative;
padding-left: 20px;
padding-right: 0;
margin: 10px 0;
font-weight: 400;
}
.static-content-page ol li {
padding-left: 10px;
}
.static-content-page ul li::before {
content: '\2022' !important;
color: hsl(360, 82%, 53%);
font-size: 16px;
display: block;
position: absolute;
top: -1px;
left: 0;
font-weight: 700;
font-style: normal;
}
.static-content-page ul li a {
color: #45465f;
font-weight: 400;
}
.static-content-page ul li a:hover {
color: hsl(360, 82%, 53%);
text-decoration: underline;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, .wpcf7-response-output {
display: none !important;
}
div.wpcf7 .ajax-loader {
position: absolute;
right: 180px;
top: calc(50% - 10px);
}
.ajax-data-loading::before {
background: rgba(0, 0, 0, 0.5) url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/loader.svg) 50% 50% no-repeat;
content: "";
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100000;
} .project-page {
display: block;
padding: 30px 0 90px;
}
.project-listing-main {
display: block;
}
.project-listing-main ul {
list-style-type: none;
margin: 0 -15px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.project-listing-main ul li {
display: flex;
position: relative;
padding-left: 15px;
padding-right: 15px;
height: 380px;
float: left;
margin: 15px 0;
}
.project-listing-main ul li .service-item-content {
width: 100%;
}
.project-listing-main ul li:nth-child(5n+1) {
width: 40%;
}
.project-listing-main ul li:nth-child(5n+2) {
width: 60%;
}
.project-listing-main ul li:nth-child(5n+3) {
width: 40%;
}
.project-listing-main ul li:nth-child(5n+4) {
width: 35%;
}
.project-listing-main ul li:nth-child(5n+5) {
width: 25%;
} .blog-page {
display: block;
padding: 60px 0;
}
.blog-listing-section {
display: block;
}
.blog-listing-section ul {
list-style-type: none;
margin: 0 -15px;
padding: 0;
}
.blog-listing-section ul li {
float: left;
width: 33.33%;
padding: 0 15px 50px;
position: relative;
}
.blog-listing-section ul li:nth-child(1) {
width: 75%;
}
.blog-listing-section ul li:nth-child(2), .blog-listing-section ul li:nth-child(3) {
width: 25%;
}
.blog-item-box {
display: block;
}
.blog-item-image {
display: block;
overflow: hidden;
}
.blog-item-image figure {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transition: transform 0.3s ease;
padding-top: 70%;
transition: transform 0.5s;
}
.blog-item-box:hover figure {
transform: scale(1.1, 1.1);
}
.blog-item-content {
display: block;
margin-top: 20px;
}
.blog-item-content time {
color: #45465f;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px;
display: block;
}
.blog-item-content h3 {
font-size: 18px;
color: hsl(290, 9%, 14%);
font-weight: 600;
margin: 0;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-item-content h3 a {
color: hsl(290, 9%, 14%);
}
.blog-item-content h3 a:hover {
color: hsl(360, 82%, 53%);
}
.blog-des {
min-height: 50px;
}
.blog-item-content p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin: 10px 0 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-listing-section ul li:nth-child(1) .blog-item-content p {
-webkit-line-clamp: 3;
}
.blog-item-content .btn {
min-height: 30px;
min-width: 130px;
line-height: 30px;
font-size: 10px;
margin-top: 20px;
}
.blog-item-content .btn svg {
fill: hsl(360, 82%, 53%);
width: 15px;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.blog-item-content .btn:hover svg {
fill: #ffffff;
} .paging {
display: block;
margin: 0 auto;
text-align: center;
}
.page-numbers {
display: inline-block;
padding-left: 0;
margin: 0;
font-size: 0;
}
.page-numbers > li {
display: inline-block;
margin-bottom: 5px;
vertical-align: top;
}
.page-numbers > li > a, .page-numbers > li > span {
position: relative;
float: left;
padding: 0 5px;
margin: 0 4px;
border: 2px solid hsl(360, 82%, 53%);
color: hsl(360, 82%, 53%);
text-decoration: none;
background-color: transparent;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
height: 40px;
line-height: 38px;
min-width: 40px;
font-weight: 600;
border-radius: 50%;
}
.page-numbers > li:first-child > a, .page-numbers > li:first-child > span {
margin-left: 0;
}
.page-numbers > li:last-child > a, .page-numbers > li:last-child > span {
margin-right: 0;
}
.page-numbers > li.next, .page-numbers > li.prev {
margin: 0;
}
.page-numbers > li.next > a, .page-numbers > li.prev > a, .page-numbers > li > a.next, .page-numbers > li > a.prev {
border: 2px solid hsl(360, 82%, 53%);
color: hsl(360, 82%, 53%);
background-color: transparent;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 38px;
}
.page-numbers > li.next > a:hover, .page-numbers > li.prev > a:hover, .page-numbers > li > a.next:hover, .page-numbers > li > a.prev:hover {
background: hsl(360, 82%, 53%);
}
.page-numbers > li > a:hover, .page-numbers > li > span:hover, .page-numbers > li > a:focus, .page-numbers > li > span:focus {
z-index: 2;
background: hsl(360, 82%, 53%);
color: #fff;
}
.page-numbers > li > a svg {
fill: hsl(360, 82%, 53%);
display: inline-block;
width: 18px;
vertical-align: middle;
margin-top: -4px;
}
.page-numbers > li > a.prev svg {
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.page-numbers > li > a:hover svg, .page-numbers > li > a:focus svg {
fill: #fff;
}
.page-numbers > .active > a, .page-numbers > .active > span, .page-numbers > .active > a:hover, .page-numbers > .active > span:hover, .page-numbers > .active > a:focus, .page-numbers > .active > span:focus {
z-index: 3;
cursor: default;
background: hsl(360, 82%, 53%);
color: #fff;
}
.page-numbers > .disabled > span, .page-numbers > .disabled > span:hover, .page-numbers > .disabled > span:focus, .page-numbers > .disabled > a, .page-numbers > .disabled > a:hover, .page-numbers > .disabled > a:focus, .page-numbers li > a.disabled, .page-numbers li > a.disabled:hover, .page-numbers li > a.disabled:focus {
color: hsl(360, 82%, 53%);
cursor: not-allowed;
opacity: 0.5;
}
.page-numbers > .next.disabled a, .page-numbers > .prev.disabled a, .page-numbers li > a.next.disabled, .page-numbers li > a.prev.disabled {
background-color: transparent;
color: hsl(360, 82%, 53%);
}
.page-numbers > .next.disabled a:hover, .page-numbers > .prev.disabled a:hover, .page-numbers li > a.next.disabled:hover, .page-numbers li > a.prev.disabled:hover {
background-color: transparent;
color: hsl(360, 82%, 53%);
}
.page-numbers > .disabled a svg, .page-numbers > .disabled a:hover svg {
filter: none;
-webkit-filter: none;
opacity: 0.5;
}
.page-numbers > li > a.disabled svg, .page-numbers > li > a.disabled:hover svg {
filter: none;
-webkit-filter: none;
}
.page-numbers li span.current {
background: hsl(360, 82%, 53%);
color: #fff;
z-index: 2;
} .blog-detail-page {
display: block;
padding: 90px 0;
}
.blog-detail-inner {
display: block;
}
.blog-detail-main {
max-width: 780px;
margin: 0 auto;
}
.blog-detail-top-part {
display: block;
margin: 0 0 50px;
position: relative;
}
.blog-detail-top-part h1 {
font-size: 28px;
line-height: 1.25;
font-weight: 600;
color: hsl(290, 9%, 14%);
margin: 0 0 30px;
text-align: center;
}
.date-part {
float: left;
font-size: 14px;
color: #45465f;
margin: 5px 0;
}
.date-part span {
display: inline-block;
margin: 0 5px;
vertical-align: middle;
}
.date-part span:first-child {
margin-left: 0;
}
.date-part span:last-child {
margin-right: 0;
}
.date-part a {
color: #45465f;
}
.date-part a:hover {
color: hsl(360, 82%, 53%);
}
.share-part {
float: right;
font-size: 14px;
color: #45465f;
}
.share-part span {
margin-right: 10px;
vertical-align: middle;
}
.share-part span + div {
display: inline-block;
vertical-align: middle;
}
.blog-detail-content {
display: block;
}
.blog-detail-content .static-content-page {
padding: 0;
} .related-blog-section {
display: block;
padding: 70px 0;
background-color: #fff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.related-blog-heading {
display: block;
max-width: 650px;
margin: 0 auto 60px;
text-align: center;
}
.related-blog-heading h2 {
font-size: 45px;
line-height: 1.15;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0;
}
.related-blog-heading p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin: 10px 0 0;
}
.related-blog-listing ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.related-blog-listing ul li {
display: block;
position: relative;
margin: 0 15px;
}
.related-blog-listing .slick-prev, .related-blog-listing .slick-next {
width: 50px;
height: 50px;
top: calc(50% - 10px);
}
.related-blog-listing .slick-prev {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-left-1.png);
left: -75px;
}
.related-blog-listing .slick-prev:hover {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-left-1-hover.png);
}
.related-blog-listing .slick-next {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-right-1.png);
right: -75px;
}
.related-blog-listing .slick-next:hover {
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/slider-arrow-right-1-hover.png);
} .project-detail-page {
display: block;
padding: 70px 0;
} .project-gallery-section {
display: flex;
overflow: hidden;
position: relative;
}
.project-gallery-section ul {
list-style-type: none;
padding: 0;
margin: 0 -15px;
width: calc(100% + 30px);
}
.project-gallery-section ul li {
display: block;
float: left;
height: 400px;
padding: 0 15px;
margin-bottom: 30px;
position: relative;
}
.project-gallery-section ul li img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
.project-gallery-section ul li .play-btn {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/play-icon.png) 0 0 /cover no-repeat;
width: 80px;
height: 80px;
box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.2);
border-radius: 50%;
position: absolute;
left: calc(50% - 40px);
top: calc(50% - 40px);
z-index: 1;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.project-gallery-section ul li .play-btn:hover {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
}
.project-gallery-section ul li:nth-of-type(1) {
width: 60%;
height: 400px;
}
.project-gallery-section ul li:nth-of-type(2) {
width: 25%;
}
.project-gallery-section ul li:nth-of-type(3), .project-gallery-section ul li:nth-of-type(4) {
width: 15%;
height: 185px;
}
.project-gallery-section ul li:nth-of-type(1):last-of-type {
width: 100%;
}
.project-gallery-section ul li:nth-of-type(2):last-of-type {
width: 40%;
}
.project-gallery-section ul li:nth-of-type(3):last-of-type {
height: 400px;
}
.show-photo-btn {
background: #fff;
color: hsl(290, 9%, 14%);
border: none;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
position: absolute;
right: 15px;
bottom: 50px;
font-size: 9px;
line-height: 25px;
min-width: 100px;
min-height: 25px;
}
.show-photo-btn:hover {
background: hsl(360, 82%, 53%);
color: #fff;
} .project-tag-section {
display: block;
}
.project-tag-section ul {
list-style-type: none;
padding: 0;
margin: 0 -5px;
font-size: 0;
}
.project-tag-section ul li {
font-family: 'Montserrat', sans-serif;
display: block;
margin: 0 5px 5px;
background: hsl(360, 82%, 53%);
color: hsl(290, 9%, 14%);
border-radius: 25px;
font-size: 10px;
font-weight: 600;
text-align: center;
height: 30px;
line-height: 30px;
display: inline-block;
}
.project-tag-section ul li span {
padding: 0 20px;
}
.project-tag-section ul li a {
background: hsl(360, 82%, 53%);
color: hsl(290, 9%, 14%);
display: block;
border-radius: 25px;
}
.project-tag-section ul li a:hover {
background: hsl(360, 82%, 53%);
color: #fff;
} .project-main-section {
display: block;
padding: 50px 0 0;
}
.project-main-content {
display: block;
padding-right: 20px;
}
.project-main-content h1 {
font-size: 45px;
line-height: 1.25;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 30px;
}
.project-main-content img, .project-main-content iframe, .project-main-content embed {
max-width: 100%;
margin: 40px auto;
display: block;
}
.project-main-content img:last-child, .project-main-content iframe:last-child, .project-main-content embed:last-child {
margin-bottom: 0;
}
.project-main-content p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin-bottom: 25px;
}
.project-main-content p:last-child {
margin-bottom: 0;
}
.project-main-content p.highlight-para {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: #242424;
}
.project-main-content p span {
color: hsl(290, 9%, 14%);
}
.project-main-content p a {
color: hsl(290, 9%, 14%);
font-weight: 500;
}
.project-main-content p a:hover {
color: hsl(360, 82%, 53%);
text-decoration: underline;
}
.project-main-content p strong, .project-main-content p b {
font-weight: 600;
}
.project-main-content ul, .project-main-content ol {
list-style-type: none;
margin: 10px 0 30px 0;
padding: 0;
}
.project-main-content ol {
list-style-type: decimal;
margin-left: 15px;
}
.project-main-content ul li, .project-main-content ol li {
color: #45465f;
font-size: 14px;
font-weight: 400;
position: relative;
padding-left: 20px;
padding-right: 0;
margin: 10px 0;
font-weight: 400;
}
.project-main-content ol li {
padding-left: 10px;
}
.project-main-content ul li::before {
content: '\2022' !important;
color: hsl(360, 82%, 53%);
font-size: 16px;
display: block;
position: absolute;
top: -1px;
left: 0;
font-weight: 700;
font-style: normal;
}
.project-main-content ul li a {
color: #45465f;
font-weight: 400;
}
.project-main-content ul li a:hover {
color: hsl(360, 82%, 53%);
text-decoration: underline;
} .project-features-box {
display: block;
background: #fff;
border-radius: 20px;
box-shadow: 0px 2px 20px 0px rgba(26, 33, 70, 0.1);
margin: 0 0 40px;
padding: 40px;
}
.project-features-box:last-child {
margin-bottom: 0;
}
.project-features-box h2 {
font-size: 28px;
line-height: 1.25;
font-weight: 600;
color: hsl(290, 9%, 14%);
margin: 0 0 30px;
}
.project-features-box h2 u {
text-decoration: none;
border-bottom: 3px solid hsl(360, 82%, 53%);
display: inline-block;
}
.project-features-box ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.project-features-box ul li {
display: block;
margin: 5px 0;
width: 100%;
position: relative;
padding-left: 20px;
color: #45465f;
font-size: 16px;
}
.project-features-box ul li::before {
content: '\2022' !important;
color: hsl(360, 82%, 53%);
font-size: 16px;
display: block;
position: absolute;
top: -1px;
left: 0;
font-weight: 700;
font-style: normal;
}
.project-features-box ul li a {
display: block;
font-size: 16px;
color: #45465f;
}
.project-features-box ul li a:hover {
color: hsl(360, 82%, 53%);
}
.project-features-box ul li i {
width: 45px;
height: 45px;
float: left;
margin-right: 20px;
background: #def2f1;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.project-features-box ul li i img {
width: 25px;
height: 25px;
}
.project-features-box ul li span {
overflow: hidden;
display: block;
padding-top: 12px;
}
.project-service-box ul li {
padding-left: 0;
}
.project-service-box ul li::before {
display: none;
} .project-testimonial-section {
display: block;
padding: 90px 0;
background-color: #ffffff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.project-testimonial-main {
max-width: 800px;
margin: 0 auto;
} .video-testimonial-part {
display: block;
position: relative;
text-align: center;
}
.video-testimonial-part img {
max-width: 100%;
}
.video-testimonial-part::after {
background: hsl(290, 9%, 14%);
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.5;
}
.video-testimonial-part .play-btn {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/play-icon.png) 0 0 /cover no-repeat;
width: 80px;
height: 80px;
box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.2);
border-radius: 50%;
position: absolute;
left: calc(50% - 40px);
top: calc(50% - 40px);
z-index: 1;
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.video-testimonial-part .play-btn:hover {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
}
.testimonial-video-blockquote {
display: block;
width: 250px;
background: #fff;
padding: 30px 25px;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
position: absolute;
z-index: 1;
left: -70px;
top: -40px;
text-align: left;
}
.testimonial-video-blockquote .text-testimonial-part {
margin-bottom: 0;
padding: 0;
}
.testimonial-video-blockquote .text-testimonial-part::before {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/quote-icon.png) no-repeat 0 0 /cover;
width: 35px;
height: 22px;
position: absolute;
content: "";
top: 0;
}
.testimonial-video-blockquote .testimonial-text {
font-size: 13px;
}
.testimonial-video-blockquote .testimonial-text p {
font-size: 13px;
}
.testimonial-video-blockquote .testimonial-provide {
margin-top: 0;
min-height: auto;
}
.video-testimonial-container {
display: block;
text-align: center;
overflow: hidden;
}
.video-testimonial-container iframe {
display: block;
width: 100%;
height: 400px;
}
.video-testimonial-container .text-testimonial-part {
text-align: left;
display: block;
margin: 40px 0 0;
} .single-text-testimonial-part {
display: block;
background: #fff;
border-radius: 25px;
box-shadow: 0px 2px 20px 0px rgba(26, 33, 70, 0.1);
padding: 40px;
text-align: center;
}
.single-text-testimonial-part .text-testimonial-part {
margin-bottom: 0;
padding: 0;
}
.single-text-testimonial-part .text-testimonial-part::before {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/quote-icon.png) no-repeat 50% 50% / 35px #f3f8f8;
width: 75px;
height: 75px;
border-radius: 50%;
left: calc(50% - 38px);
}
.single-text-testimonial-part .testimonial-text {
padding-top: 105px;
font-size: 16px;
}
.single-text-testimonial-part .testimonial-text p {
font-size: 16px;
}
.single-text-testimonial-part .testimonial-provide {
margin-top: 40px;
}
.single-text-testimonial-part .testimonial-provide h6 {
font-size: 16px;
}
.single-text-testimonial-part .testimonial-provide h6 span {
font-size: 12px;
font-weight: 400;
margin-top: 8px;
} .customGravity_form .gform_wrapper {
margin-bottom: 0;
margin-top: 0;
}
body .customGravity_form .gform_wrapper ul li.gfield {
margin-top: 15px;
padding: 0 5px !important;
}
body .customGravity_form .gform_wrapper ul li.gfield:first-child {
margin-top: 0;
}
.customGravity_form .gform_wrapper ul.gform_fields li.gfield {
padding-right: 0;
}
.customGravity_form .gform_wrapper li.hidden_label input {
margin-top: 0;
}
.customGravity_form .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"], .customGravity_form .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
margin-bottom: 0;
}
.customGravity_form .gform_wrapper input.form-control:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
padding: 10px 15px;
font-size: 14px;
}
.customGravity_form .gform_wrapper textarea {
font-size: 14px;
padding: 10px 15px;
}
.customGravity_form .gform_wrapper textarea.small, .customGravity_form .gform_wrapper textarea.medium, .customGravity_form .gform_wrapper textarea.large {
height: 120px;
}
.customGravity_form .gform_wrapper.gf_browser_gecko select {
padding: 10px 35px 10px 15px;
}
.customGravity_form .gform_wrapper .top_label input.small, .customGravity_form .gform_wrapper .top_label select.small, .customGravity_form .gform_wrapper .top_label input.medium, .customGravity_form .gform_wrapper .top_label select.medium {
width: 100%;
}
.customGravity_form .gform_wrapper .gform_footer {
padding: 16px 5px 10px 5px;
} .customGravity_form .gform_wrapper .validation_message {
font-weight: 400;
}
.customGravity_form .gform_wrapper .validation_message ul {
padding: 0;
}
.customGravity_form .gform_wrapper div.validation_error {
font-weight: 500;
}
.customGravity_form .gform_wrapper .field_description_below .gfield_description {
padding: 0 !important;
margin-top: 3px;
}
.customGravity_form .gform_wrapper li.gfield.gfield_creditcard_warning {
padding: 0;
width: calc(100% - 0px);
}
.customGravity_form .gform_wrapper li.gfield.gfield_error, .customGravity_form .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background: transparent;
margin-bottom: 0px !important;
border-top: none;
border-bottom: none;
padding-bottom: 0;
padding-top: 0;
}
.customGravity_form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
padding-right: 0;
}
.customGravity_form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: calc(100% - 0px) !important;
}
.customGravity_form .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
margin-top: 15px;
}  .customGravity_form .gform_wrapper .gf_progressbar_wrapper {
margin: 0;
padding: 0;
position: absolute;
left: 0;
right: 0;
top: 5px;
}
.customGravity_form .gf_progressbar_title {
display: none;
}
.customGravity_form .gform_wrapper .gf_progressbar {
padding: 0;
background: transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: calc(100% - 0px);
}
.customGravity_form .gform_wrapper .gf_progressbar_percentage {
height: 7px;
font-size: 0 !important;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: transparent;
}
.customGravity_form .gform_wrapper .gf_progressbar::after {
height: 7px;
margin-top: -7px;
background-color: rgba(65,182,168,.25);
border-radius: 0 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} .customGravity_form .multistep-form-heading {
margin: 17px auto 25px;
}
.customGravity_form .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), .customGravity_form .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) {
margin: 0;
}
.customGravity_form .top_label div.ginput_complex.ginput_container.gf_name_has_1, .customGravity_form .top_label div.ginput_complex.ginput_container.gf_name_has_2, .customGravity_form .top_label div.ginput_complex.ginput_container.gf_name_has_3 {
width: calc(100% + 0px);
}
.customGravity_form div.ginput_container_name span {
padding-right: 0;
}
.customGravity_form .gform_wrapper .ginput_container span:not(.ginput_price) {
margin-bottom: 0;
}
.customGravity_form .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {
padding: 0 5px !important;
}
.customGravity_form .gform_wrapper .top_label .gfield_error {
width: calc(100% - 0px);
}
.customGravity_form .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .customGravity_form .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
max-width: calc(50% - 0px);
}
@media (max-width:640px) {
.customGravity_form .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .customGravity_form .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
max-width: calc(100% - 0px);
}
}
.customGravity_form .gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {
margin-right: 0;
}
.customGravity_form .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
margin-top: 15px;
}
.customGravity_form .gform_wrapper li.gfield_error select {
border-color: #790000;
} .customGravity_form .gform_wrapper .gform_page_footer {
border: none;
padding: 30px 5px 0;
margin-bottom: 0;
text-align: center;
display: flex;
flex-wrap: wrap;
}
.customGravity_form .gform_wrapper .gform_page_footer .button.gform_button, .customGravity_form .gform_wrapper .gform_page_footer .button.gform_next_button, .customGravity_form .gform_wrapper .gform_page_footer .button.gform_previous_button {
font-family: 'Montserrat', sans-serif;
display: inline-block;
padding: 0 20px;
border-radius: 50px;
min-width: 210px;
line-height: 48px !important;
min-height: 48px !important;
font-size: 16px;
font-weight: 600;
text-align: center;
background: #41b6a8;
border: 1px solid #41b6a8;
color: #ffffff;
margin: 0;
}
.customGravity_form .gform_wrapper .gform_page_footer .button.gform_button:hover, .customGravity_form .gform_wrapper .gform_page_footer .button.gform_next_button:hover {
background: #1a2146;
color: #ffffff;
border-color: #1a2146;
}
.customGravity_form .gform_wrapper .gform_page_footer .button.gform_previous_button {
color: #41b6a8;
background: transparent;
border-color: #41b6a8;
}
.customGravity_form .gform_wrapper .gform_page_footer .button.gform_previous_button:hover {
background: #41b6a8;
color: #ffffff;
border-color: #41b6a8;
}
.customGravity_form .gform_wrapper .gform_page_footer .button.gform_button, .customGravity_form .gform_wrapper .gform_page_footer .button.gform_next_button:first-of-type, .customGravity_form .gform_wrapper .gform_page_footer .button.gform_previous_button:last-of-type {
margin-left: auto;
margin-right: auto;
}
.customGravity_form .gform_wrapper .gform_page_footer .button.gform_next_button {
margin-left: auto;
}
.customGravity_form .gform_wrapper .gform_page_footer .button.gform_previous_button {
margin-right: auto;
}
.customGravity_form .gform_wrapper .gform_page_footer .btn {
width: initial;
}
@media (max-width:640px) {
.customGravity_form .gform_wrapper .gform_page_footer .button.gform_previous_button {
margin-bottom: 15px;
}
.customGravity_form .gform_wrapper .gform_page_footer .btn {
width: 100%;
}
} .customGravity_form .gform_wrapper span.gform_drop_instructions {
display: none;
}
.customGravity_form .gform_wrapper .gform_fileupload_multifile .gform_drop_area {
padding: 25px;
border: 2px solid #41b6a8;
color: #1a2146;
background: transparent;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.customGravity_form .gform_wrapper .gform_fileupload_multifile .gform_drop_area:hover {
border: 2px solid #1a2146;
}
.customGravity_form .gform_wrapper li b, .customGravity_form .gform_wrapper li strong {
font-weight: 600;
} .customGravity_form .gform_wrapper.gf_browser_chrome select {
padding: 10px 35px 10px 15px;
}
.customGravity_form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .customGravity_form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .customGravity_form .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
margin-left: 0px
} .Counter-section {
padding: 50px 0px;
background-color: hsl(0, 0%, 37%);
}
.Counter-section .row {
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.counter-main-box {
text-align: center;
display: block;
}
.counter-img-box {
display: inline-block;
width: 120px;
height: 120px;
}
.counter-img-box img {
width: 100%;
display: block;
}
.counter-number-main {
margin: 15px 0px;
display: block;
}
.counter-number-main span {
display: inline-flex;
font-size: 40px;
font-weight: 600;
color: hsl(290, 9%, 14%);
}
.text-counter {
padding: 0px 20px;
}
.text-counter p {
color: #242424;
font-size: 16px;
margin: 0;
}
.text-counter a {
color: hsl(290, 9%, 14%);
font-weight: 500;
font-size: 14px;
padding: 0px 0px;
position: relative;
margin-top: 10px;
display: inline-block;
}
.text-counter a:hover{
color:hsl(360, 82%, 53%);
}
.text-counter a:hover:before{
background-color: hsl(360, 82%, 53%);
}
.text-counter a:hover .readmore-arrow{
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/read-more-y.png);
}
.text-counter a:before {
content: '';
display: block;
position: absolute;
height: 2px;
background-color: #9facf2;
width: 100%;
left: 0;
right: 0;
bottom: 0;
}
.text-counter a .readmore-arrow {
width: 10px;
height: 10px;
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/read-more.png);
background-repeat: no-repeat;
background-size: 100%;
display: inline-block;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
position: relative;
top: 1px;
margin-left: 3px;
} .whatwedo-section {
display: block;
background: #ffffff;
padding: 130px 0 90px 0;
position: relative;
z-index: 1;
}
.whatwedo-section .row {
display: flex;
}
.whatwedo-section .row.reverse-row {
flex-direction: row-reverse;
}
.whatwedo-section .row.align-top {
align-items: flex-start;
}
.whatwedo-section .row.align-center {
align-items: center;
}
.whatwedo-section .row.align-bottom {
align-items: flex-end;
}
.whatwedo-content {
display: block;
margin-right: 100px;
}
.whatwedo-section .row.reverse-row .whatwedo-content {
margin-left: 100px;
margin-right: 0;
}
.whatwedo-content h2 {
font-size: 45px;
line-height: 1.25;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 30px;
}
.whatwedo-content p {
color: #45465f;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
margin-bottom: 25px;
}
.whatwedo-content p:last-child {
margin-bottom: 0;
}
.whatwedo-content p.highlight-para {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: hsl(290, 9%, 14%);
}
.whatwedo-content p span {
color: hsl(290, 9%, 14%);
}
.whatwedo-content p a {
color: hsl(290, 9%, 14%);
font-weight: 500;
}
.whatwedo-content p a:hover {
color: hsl(360, 82%, 53%);
text-decoration: underline;
}
.whatwedo-content p strong, .textImage-panel-content p b {
font-weight: 600;
}
.whatwedo-content ul {
list-style-type: none;
margin: 10px 0 30px 0;
padding: 0;
}
.whatwedo-content ul:last-child {
margin-bottom: 0;
}
.whatwedo-content ul li {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/check-icon.png) 0 0 no-repeat;
background-size: 25px;
color: #45465f;
font-size: 14px;
font-weight: 400;
padding: 3px 15px 0 40px;
margin: 6px 0;
min-height: 25px;
}
.whatwedo-content ul li a {
color: #45465f;
}
.whatwedo-content ul li a:hover {
color: hsl(360, 82%, 53%);
}
.whatwedo-content .btn {
margin-top: 20px;
}
.whatwedo-image {
display: block;
position: relative;
text-align: center;
}
.whatwedo-image::before {
display: block;
content: "";
width: 200px;
height: 200px;
position: absolute;
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/hexa-bg.png) 50% 50%/cover;
top: -80px;
right: -80px;
z-index: -1;
}
.whatwedo-section .row.reverse-row .whatwedo-image::before {
right: -60px;
left: auto;
}
.whatwedo-image img {
max-width: 100%;
display: inline-block;
width: 100%;
}
.whatwedo-image .play-btn {
background: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/play-icon.png) 0 0 /cover no-repeat;
width: 80px;
height: 80px;
box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.2);
border-radius: 50%;
position: absolute;
left: calc(50% - 40px);
top: calc(50% - 40px);
}
.textImage-panel-smallImage {
display: block;
margin-top: 45px;
}
.textImage-panel-smallImage img {
max-width: 100%;
display: inline-block;
} .donation-fundrais-section {
display: block;
background: #ffffff;
padding: 90px 0;
position: relative;
overflow: hidden;
}
.donation-fundrais-section .row {
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.donation-fundrais-section .dofu-main-box {
text-align: center;
display: block;
}
.donation-fundrais-section .dofu-img-box {
display: inline-block;
width: 150px;
height: 150px;
}
.donation-fundrais-section .dofu-img-box img {
width: 100%;
display: block;
}
.donation-fundrais-section .dofu-content-main {
margin: 15px 0px;
display: block;
padding: 0px 20px;
}
.donation-fundrais-section .dofu-content-main {
margin-top: 15px;
display: block;
}
.donation-fundrais-section .dofu-content-main h2 {
font-size: 25px;
line-height: 1.25;
font-weight: 500;
color: hsl(290, 9%, 14%);
margin: 0 0 0px;
}
.donation-fundrais-section .dofu-content-main p {
font-size: 14px;
font-weight: 400;
color: #242424;
margin: 20px 0px;
display: block;
}
.donation-fundrais-section .dofu-content-main a {
color: hsl(290, 9%, 14%);
font-weight: 500;
font-size: 14px;
padding: 0px 0px;
position: relative;
transition: all .2s ease;
}
.donation-fundrais-section .dofu-content-main a:before {
content: '';
display: block;
position: absolute;
height: 2px;
background-color: #9facf2;
width: 100%;
left: 0;
right: 0;
bottom: 0;
transition: all .3s ease;
}
.donation-fundrais-section .dofu-content-main a .readmore-arrow {
width: 10px;
height: 10px;
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/read-more.png);
background-repeat: no-repeat;
background-size: 100%;
display: inline-block;
transition: .5s ease;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
position: relative;
top: 1px;
margin-left: 3px;
} .supporters-section {
display: block;
background: #ffffff;
padding: 0px 0px 90px;
position: relative;
overflow: hidden;
}
.supporters-section .recent-project-heading {
display: block;
position: relative;
text-align: left;
margin: 0;
}
.top-suppoters-head {
display: flex;
justify-content: space-between;
margin-bottom:10px;
}
.top-suppoters-head .recent-project-heading h2 {
font-size: 28px;
line-height: 1.25;
font-weight: 600;
color: #182140;
margin: 0;
max-width: 255px;
}
.supporters_carousel .slick-prev, .supporters_carousel .slick-next {
top: 90%;
width: 30px;
height: 30px;
}
.supporters_carousel .slick-slider {
margin: 0 -15px;
}
.supporters_carousel .slick-slide {
padding: 10px;
margin-right: 30px;
margin-left: 30px;
}
.supporters-slider-part {
margin-top: -25px;
}
.supporters_carousel .slick-next {
right: 126%;
}
.supporters_carousel .slick-prev {
right: 131%;
left: auto;
}
.supporters-image {
width: 150px;
display: flex;
justify-content: center;
align-items: center;
margin: 0px 0;
height: 90px;
}
.supporters-image img {
width: 100%;
display: block;
}
.view-all-supporters {
text-align: right;
}
.view-all-supporters a:hover{
color:hsl(360, 82%, 53%)0;
}
.view-all-supporters a:hover:before{
background-color: hsl(360, 82%, 53%);
}
.view-all-supporters a:hover .readmore-arrow{
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/read-more-y.png);
}
.view-all-supporters a .readmore-arrow {
width: 10px;
height: 10px;
background-image: url(//www.thedadbodproject.org/wp-content/themes/thedadbodproject/assets/images/read-more.png);
background-repeat: no-repeat;
background-size: 100%;
display: inline-block;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
position: relative;
top: 1px;
margin-left: 3px;
}
.view-all-supporters a {
color: hsl(290, 9%, 14%);
font-weight: 500;
font-size: 14px;
padding: 0px 0px;
position: relative;
}
.view-all-supporters a:before {
content: '';
display: block;
position: absolute;
height: 2px;
background-color: #9facf2;
width: 100%;
left: 0;
right: 0;
bottom: -4px;
} .text-notification-bar {
background: hsl(290, 9%, 14%);
padding: 10px 0px;
text-align: center;
}
.text-notification-bar h4 {
margin: 0;
font-size: 21px;
color: #fff;
}
.text-notification-bar h4 span {
width: 80px;
display: inline-block;
vertical-align: middle;
margin-right: 25px;
}
.text-notification-bar h4 span img {
width: 100%;
display: block;
} .footer-top .subscribe-part label {
font-size: 14px;
color: hsl(0, 0%, 37%);
font-weight: 600;
margin-top: 0px;
text-align: left;
}
.footer-top .subscribe-part .gform_wrapper form {
display: flex;
width: 100%;
}
.footer-top .subscribe-part .gform_body {
width: 70%;
}
.footer-top .subscribe-part .gform_wrapper ul.gform_fields {
margin: 0!important;
list-style-type: none;
display: block;
height: 100%;
}
.footer-top .subscribe-part .gform_wrapper ul.gform_fields li.gfield {
padding: 0;
margin: 0;
height: 0;
display: block;
width: 100%;
}
.footer-top .subscribe-part .gform_wrapper .top_label div.ginput_container {
margin-top: 0;
}
.footer-top .subscribe-part .gform_wrapper li.hidden_label input {
margin-top: 0;
padding: 5px 0px 5px 10px !important;
}
.footer-top .subscribe-part .gform_wrapper .gform_footer {
padding: 0;
margin: 0;
clear: both;
width: 42%;
}
.footer-top .subscribe-part {
display: flex;
justify-content: flex-end;
align-items: center;
}
.footer-top .subscribe-part .subscribe-form-part {
padding-left: 25px;
position: relative;
display: flex;
width: 60%;
justify-content: flex-end;
}
.footer-top .subscribe-part .subscribe-form-part input.form-control {
background: #ffffff;
border: 1px solid rgba(35, 31, 30, 0.3);
height: 40px;
border-radius: 30px 0 0 30px;
font-size: 12px;
color: #636363;
max-width: 260px;
display: inline-block;
border-right: 0;
}
.footer-top .subscribe-part .subscribe-form-part .btn {
margin-left: 0px;
border-width: 2px;
font-size: 12px;
min-width: 120px;
height: 40px;
border-radius: 0px 30px 30px 0px;
border-left: 0;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
} .supporters-web-link {
display: block;
width: 100%;
}
.supporters-main-box {
display: flex;
padding: 40px 50px;
width: 100%;
height: 200px;
justify-content: center;
align-items: center;
background-color: #fff;
border-radius: 50px;
box-shadow: 0px 2px 15px 0px rgba(26, 33, 70, 0.1);
margin-bottom: 30px;
}
.supporters-main-box:hover img {
transform: scale(1.1, 1.1);
}
.supporters-main-box img {
width: 100%;
display: block;
background-size: contain;
transition: transform 0.5s;
} .contact-section {
display: block;
background: #ffffff;
padding: 90px 0;
position: relative;
z-index: 1;
} .project_supporter_outer li {
width: 50% !important;
padding: 0 5px !important;
height: 100px;
display: flex !important;
justify-content: center;
align-items: center;
}
.project_supporter_outer li a {
display: block;
font-size: 16px;
color: #45465f;
height: 100%;
width: 100%;
}
.project_supporter_outer li:before {
display: none !important;
}
.project_supporter_outer li a img {
width: 100%;
object-fit: contain;
height: 100%;
} .slick-dots li.slick-active {
background: hsl(360, 82%, 53%) !important;
border: 2px solid hsl(360, 82%, 53%) !important;
}
.slick-dots li {
border: 1px solid hsl(360, 82%, 53%) !important;
}
.video-container iframe {
display: block;
width: 100% !important;
height: 600px;
}
.cs_select select#input_6_12 {
padding: 0px 15px;
}
button#gform_submit_button_6 {
color: #fff;
}
.top-counter .text-counter {
padding: 0px 40px;
}
.top-counter  .counter-number-main {
margin: 10px 0px;
display: block;
}
.gform_wrapper.gform_validation_error .top_label select.medium {
width: 100% !important;
}