@font-face {
font-family: 'Satoshi-Light';
src: url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Light.woff2) format("woff2"), url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Light.woff) format("woff"), url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Light.ttf) format("truetype");
font-weight: 300;
font-display: swap;
font-style: normal; }
@font-face {
font-family: 'Satoshi-Regular';
src: url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Regular.woff2) format("woff2"), url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Regular.woff) format("woff"), url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Regular.ttf) format("truetype");
font-weight: 400;
font-display: swap;
font-style: normal; }
@font-face {
font-family: 'Satoshi-Medium';
src: url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Medium.woff2) format("woff2"), url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Medium.woff) format("woff"), url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Medium.ttf) format("truetype");
font-weight: 500;
font-display: swap;
font-style: normal; }
@font-face {
font-family: 'Satoshi-Bold';
src: url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Bold.woff2) format("woff2"), url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Bold.woff) format("woff"), url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/fonts/Satoshi-Bold.ttf) format("truetype");
font-weight: 700;
font-display: swap;
font-style: normal; } @keyframes pulsate {
0% {
-webkit-box-shadow: 0px 0px 10px 8px rgba(219, 20, 20, 0);
box-shadow: 0px 0px 10px 8px rgba(219, 20, 20, 0); }
50% {
-webkit-box-shadow: 0px 0px 10px 8px rgba(219, 20, 20, 0.4);
box-shadow: 0px 0px 10px 8px rgba(219, 20, 20, 0.4); }
100% {
-webkit-box-shadow: 0px 0px 10px 8px rgba(219, 20, 20, 0);
box-shadow: 0px 0px 10px 8px rgba(219, 20, 20, 0); } } body {
font-family: "Satoshi-Regular", arial, sans-serif;
font-size: 18px;
line-height: auto;
color: #fff;
background-size: cover !important;
background-color: #000;
overflow-x: hidden;
scroll-behavior: smooth; }
body.mobile_menu-active {
overflow: hidden; }
a:hover, a:focus, a:active {
text-decoration: none;
color: #fff; }
::selection {
background: rgba(252, 115, 38, 0.25); }
@media (max-width: 767px) {
.row {
margin-left: 0;
margin-right: 0; } } .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.active:hover {
opacity: 0.7; }
.hamburger.active .hamburger-inner,
.hamburger.active .hamburger-inner::before,
.hamburger.active .hamburger-inner::after {
background-color: #D9D9D9; }
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 48px;
height: 1px;
background-color: #D9D9D9;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } h1, h2, h3, h4, h5, h6 {
margin: 0;
margin-bottom: 70px; }
@media (max-width: 991px) {
h1, h2, h3, h4, h5, h6 {
margin-bottom: 50px; } }
h1 {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 74px;
line-height: 89px;
letter-spacing: -4px; }
@media (max-width: 1199px) {
h1 {
font-size: 54px;
line-height: 60px;
letter-spacing: -4px; } }
@media (max-width: 767px) {
h1 {
font-size: 46px;
line-height: 54px;
letter-spacing: -4px; } }
h2 {
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 48px;
line-height: 63px; }
@media (max-width: 1199px) {
h2 {
font-size: 40px;
line-height: 50px; } }
@media (max-width: 500px) {
h2 {
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 26px;
line-height: 29px; } }
h3 {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 24px;
line-height: 39px; }
h4 {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 24px;
line-height: 39px; }
h5 {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 22px;
line-height: 37px; }
h6 {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 20px;
line-height: 35px; }
p {
font-family: "Satoshi-Regular", arial, sans-serif;
font-size: 18px;
line-height: auto; } .btn_type1 {
background: #FC7326;
border-radius: 84px;
display: inline-block;
border: 1px solid #FC7326;
position: relative;
font-size: 25px;
line-height: 39px;
color: #fff;
font-family: 'Satoshi-Bold', arial, sans-serif;
transition: .3s;
letter-spacing: -1px;
overflow: hidden;
height: 59px; }
@media (max-width: 1199px) {
.btn_type1 {
font-size: 18px;
height: 49px; } }
.btn_type1 .arrow-right {
display: block;
width: 20px;
position: absolute;
top: 52%;
transform: translateY(-50%);
right: 31px; }
@media (max-width: 1199px) {
.btn_type1 .arrow-right {
width: 18px;
top: 54%; } }
@media (max-width: 500px) {
.btn_type1 .arrow-right {
width: 18px;
right: 16px; } }
.btn_type1 .text_up {
display: block;
height: 100%;
width: 100%;
position: relative;
top: 0%;
transition: 0.3s;
padding: 9px 31px;
padding-right: 59px; }
@media (max-width: 1199px) {
.btn_type1 .text_up {
padding: 4px 31px 6px;
padding-right: 59px; } }
@media (max-width: 500px) {
.btn_type1 .text_up {
padding: 4px 16px 6px;
padding-right: 44px; } }
.btn_type1:hover {
background: #050405;
color: #fff;
border: 1px solid #7B6666; }
.btn_type1:hover .text_up {
top: -100%; }
.btn_type2 {
background: #050405;
border-radius: 84px;
display: inline-block;
padding: 9px 31px;
padding-left: 56px;
border: 1px solid #7B6666;
position: relative;
font-size: 25px;
line-height: 39px;
color: #fff;
font-family: 'Satoshi-Bold', arial, sans-serif;
transition: .3s;
letter-spacing: -1px; }
@media (max-width: 1199px) {
.btn_type2 {
font-size: 18px;
padding: 4px 31px 6px;
padding-left: 56px; } }
@media (max-width: 500px) {
.btn_type2 {
padding: 4px 16px 6px;
padding-left: 40px; } }
.btn_type2:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 31px;
transform: translateY(-50%);
width: 15px;
height: 15px;
border-radius: 50%;
background: #FC7326;
transition: .3s;
-webkit-box-shadow: 0px 0px 10px 8px rgba(219, 20, 20, 0.25);
box-shadow: 0px 0px 10px 8px rgba(219, 20, 20, 0.25);
animation: pulsate 3s infinite; }
@media (max-width: 1199px) {
.btn_type2:before {
width: 13px;
height: 13px; } }
@media (max-width: 500px) {
.btn_type2:before {
left: 17px; } }
.btn_type2:hover {
background: #FC7326;
color: #fff;
border: 1px solid #FC7326; }
.btn_type2:hover:before {
background: #fff; } .duck_section {
padding-bottom: 150px;
overflow-x: hidden; }
@media (max-width: 991px) {
.duck_section {
padding-bottom: 100px; } }
@media (max-width: 767px) {
.duck_section {
padding-bottom: 70px; } }
@media (max-width: 767px) {
.duck_section {
padding-bottom: 50px; } } header {
padding: 70px 0;
font-size: 0; }
@media (max-width: 991px) {
header {
padding: 40px 0; } }
@media (max-width: 991px) {
header .row {
position: relative;
text-align: left; } }
@media (max-width: 500px) {
header .row {
text-align: center; } }
header .duck_logo, header .duck_menu {
display: inline-block;
vertical-align: middle;
float: none; }
header .duck_logo .logo-img {
max-width: 86px;
display: block; }
@media (max-width: 991px) {
header .duck_menu {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: #181819;
background: linear-gradient(174deg, #181819 0%, black 30%, black 100%);
padding: 70px 50px 70px;
overflow: hidden;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: .3s;
text-align: left; }
header .duck_menu.active {
opacity: 1;
visibility: visible; } }
header .duck_menu ul {
padding: 0;
margin: 0;
display: inline-block;
border-radius: 96px;
padding: 15px 25px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.17);
backdrop-filter: blur(42px); }
@media (max-width: 991px) {
header .duck_menu ul {
border: none;
backdrop-filter: none;
background: transparent;
padding: 0;
left: 50px;
right: 50px;
position: absolute;
top: 160px; } }
header .duck_menu ul li {
display: inline-block;
padding: 0 16px; }
@media (max-width: 991px) {
header .duck_menu ul li {
display: block;
padding: 0;
margin-bottom: 20px; } }
header .duck_menu ul li:first-child {
padding-left: 0; }
header .duck_menu ul li:last-child {
padding-right: 0; }
@media (max-width: 991px) {
header .duck_menu ul li:last-child {
margin: 0; } }
header .duck_menu ul li a {
font-size: 16px;
line-height: 28px;
color: #fff;
font-family: 'Satoshi-Medium', arial, sans-serif;
transition: .3s; }
@media (max-width: 991px) {
header .duck_menu ul li a {
font-size: 36px;
line-height: 36px;
font-family: "Satoshi-Bold", arial, sans-serif; } }
header .duck_menu ul li a:hover {
color: #FC7326;
text-decoration: none; }
header .duck_menu ul li.highlight-btn a {
background: #FC7326;
border-radius: 84px;
display: block;
padding: 3px 20px;
padding-right: 40px;
border: 1px solid #FC7326;
position: relative; }
@media (max-width: 991px) {
header .duck_menu ul li.highlight-btn a {
background: transparent;
border: none;
padding: 0;
color: #FC7326; } }
header .duck_menu ul li.highlight-btn a .arrow-right {
display: block;
width: 14px;
position: absolute;
top: 52%;
transform: translateY(-50%);
right: 20px; }
@media (max-width: 991px) {
header .duck_menu ul li.highlight-btn a .arrow-right {
display: none; } }
header .duck_menu ul li.highlight-btn a:hover {
background: #050405;
color: #fff;
border: 1px solid #7B6666; }
@media (max-width: 991px) {
header .duck_menu ul li.highlight-btn a:hover {
border: none;
background: transparent; } }
header .duck_trigger {
display: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2; }
@media (max-width: 991px) {
header .duck_trigger {
display: block; } } footer {
background: #080808;
padding: 70px 0; }
footer .footer_first-row {
margin-bottom: 40px; }
footer .footer_title {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 80px;
line-height: 89px;
letter-spacing: -3px;
margin-bottom: 0; }
@media (max-width: 1199px) {
footer .footer_title {
font-size: 60px;
line-height: 69px; } }
@media (max-width: 500px) {
footer .footer_title {
font-size: 46px;
line-height: 54px; } }
@media (max-width: 380px) {
footer .footer_title {
font-size: 42px;
line-height: 50px; } }
footer .footer_btn-container {
padding-top: 30px;
text-align: right; }
@media (max-width: 991px) {
footer .footer_btn-container {
text-align: left; } }
footer .footer_contact-details {
margin-bottom: 40px; }
footer .footer_contact-details .container_title {
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 18px;
line-height: 19px;
margin: 0;
margin-bottom: 10px; }
footer .footer_contact-details ul {
list-style: none;
padding: 0;
margin: 0; }
footer .footer_contact-details ul li a {
color: #fff;
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 24px;
line-height: 30px; }
footer .footer_contact-details ul#menu-social-media-menu, footer .footer_contact-details ul#menu-footer-menu {
display: flex;
justify-content: space-between; }
@media (max-width: 991px) {
footer .footer_contact-details ul#menu-social-media-menu, footer .footer_contact-details ul#menu-footer-menu {
display: block; } }
footer .footer_contact-details ul#menu-social-media-menu li, footer .footer_contact-details ul#menu-footer-menu li {
display: inline-block;
padding: 0 10px; }
@media (max-width: 991px) {
footer .footer_contact-details ul#menu-social-media-menu li, footer .footer_contact-details ul#menu-footer-menu li {
display: block;
margin: 0;
padding: 0;
margin-bottom: 10px; } }
footer .footer_contact-details ul#menu-social-media-menu li:first-child, footer .footer_contact-details ul#menu-footer-menu li:first-child {
padding-left: 0; }
footer .footer_contact-details ul#menu-social-media-menu li:last-child, footer .footer_contact-details ul#menu-footer-menu li:last-child {
padding-right: 0; }
@media (max-width: 991px) {
footer .footer_contact-details ul#menu-social-media-menu li:last-child, footer .footer_contact-details ul#menu-footer-menu li:last-child {
margin: 0; } }
footer .footer_contact-details ul#menu-footer-menu {
display: block; }
footer .footer_contact-details ul#menu-footer-menu li {
padding: 0 20px; }
@media (max-width: 991px) {
footer .footer_contact-details ul#menu-footer-menu li {
padding: 0; } }
footer .footer_contact-details ul#menu-footer-menu li:first-child {
padding-left: 0; }
footer .footer_contact-details ul#menu-footer-menu li:last-child {
padding-right: 0; }
@media (max-width: 991px) {
footer .footer_contact-details ul#menu-footer-menu li:last-child {
margin: 0; } } .intro_section {
padding: 50px 0 80px; }
@media (max-width: 991px) {
.intro_section {
padding: 0 0 80px; } }
.intro_section .first_row {
margin-bottom: 80px; }
@media (max-width: 500px) {
.intro_section .first_row {
margin-bottom: 70px; } }
.intro_section .intro_title {
margin-bottom: 0; }
.intro_section .intro_description {
font-family: 'Satoshi-Medium', arial, sans-serif;
font-size: 18px;
line-height: 28px;
color: #fff;
background: -webkit-linear-gradient(#fff, #D4D4D4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
text-align: right;
margin: 0;
padding: 20px 0 40px; }
@media (max-width: 991px) {
.intro_section .intro_description {
text-align: left;
padding: 20px 0 30px; } }
.intro_section .intro_buttons {
text-align: right;
font-size: 0; }
@media (max-width: 991px) {
.intro_section .intro_buttons {
text-align: left; } }
.intro_section .intro_buttons a {
vertical-align: top; }
.intro_section .intro_buttons .btn_type2 {
margin-left: 20px; }
@media (max-width: 380px) {
.intro_section .intro_buttons .btn_type2 {
margin-left: 5px;
padding: 4px 16px 6px; }
.intro_section .intro_buttons .btn_type2:before {
display: none; } }
@media (max-width: 767px) {
.intro_section .intro_carousel {
width: 70%; } }
@media (max-width: 500px) {
.intro_section .intro_carousel {
width: 90%; } }
.intro_section .intro_carousel .owl-stage:after {
content: '';
display: block;
clear: both; }
.intro_section .intro_carousel .owl-stage .owl-item {
float: left; }
.intro_section .intro_carousel .owl-stage .owl-item img {
border-radius: 15px; }
.intro_section .intro_carousel .owl-nav, .intro_section .intro_carousel .owl-dots {
display: none; }
.partners_section .section_description {
margin-bottom: 40px;
font-size: 25px;
line-height: 30px;
letter-spacing: -1px; }
@media (max-width: 991px) {
.partners_section .section_description {
font-size: 22px;
line-height: 30px; } }
@media (max-width: 767px) {
.partners_section .section_description {
font-size: 16px;
line-height: 26px; } }
@media (max-width: 500px) {
.partners_section .section_description {
margin-bottom: 10px; } }
.partners_section .partners_logos {
overflow: hidden; }
.partners_section .partners_logos .owl-stage:after {
content: '';
display: block;
clear: both; }
.partners_section .partners_logos .owl-stage .owl-item {
display: inline-block;
float: none;
vertical-align: middle; }
.partners_section .partners_logos .owl-nav, .partners_section .partners_logos .owl-dots {
display: none; }
.partners_section .partners_logos .partner_logo {
padding: 0 15px; }
.partners_section .partners_logos .partner_logo img {
width: 100%;
max-width: 80%;
display: block; }
.benefits_section .benefit_card {
padding: 0 10px;
margin-bottom: 20px;
overflow: hidden; }
.benefits_section .benefit_card .card_container {
border-radius: 10px;
border: 1px solid #1B1B1B;
padding: 0 50px 50px;
position: relative;
height: 440px;
overflow: hidden; }
@media (max-width: 380px) {
.benefits_section .benefit_card .card_container {
padding: 0 25px 25px; } }
.benefits_section .benefit_card .card_container .card_content {
position: absolute;
top: 300px;
left: 50px;
right: 50px;
z-index: 1; }
@media (max-width: 1199px) {
.benefits_section .benefit_card .card_container .card_content {
top: 250px; } }
@media (max-width: 991px) {
.benefits_section .benefit_card .card_container .card_content {
top: 300px; } }
@media (max-width: 380px) {
.benefits_section .benefit_card .card_container .card_content {
top: 270px;
left: 25px;
right: 25px; } }
.benefits_section .benefit_card .card_container .card_content .card_title {
color: #D8FEE5;
font-size: 24px;
line-height: 30px;
margin-bottom: 15px;
background: -webkit-linear-gradient(#D8FEE5, #C0E4CD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Satoshi-Bold", arial, sans-serif; }
.benefits_section .benefit_card .card_container .card_content .card_text {
color: #7EA18A;
margin: 0;
padding: 0;
font-family: 'Satoshi-Light', arial, sans-serif;
font-size: 16px; }
.benefits_section .benefit_card .card_container .card_image {
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 100%; }
@media (max-width: 991px) {
.benefits_section .benefit_card .card_container .card_image {
max-width: 50%;
top: -20px; } }
@media (max-width: 600px) {
.benefits_section .benefit_card .card_container .card_image {
max-width: 80%;
top: -50px; } }
@media (max-width: 500px) {
.benefits_section .benefit_card .card_container .card_image {
max-width: 100%;
top: -50px; } }
@media (max-width: 420px) {
.benefits_section .benefit_card .card_container .card_image {
max-width: 150%;
top: -120px;
width: 150%; } }
@media (max-width: 360px) {
.benefits_section .benefit_card .card_container .card_image {
top: -70px; } }
.benefits_section .benefit_card.card_1 .card_container:before {
content: '';
background: #1b1b1b;
background: linear-gradient(0deg, rgba(27, 27, 27, 0) 0%, #fc7326 50%, rgba(27, 27, 27, 0) 100%);
position: absolute;
top: 10%;
height: 40%;
width: 1px;
left: -1px; }
.benefits_section .benefit_card.card_1 .card_container:after {
content: '';
display: block;
position: absolute;
top: -100px;
left: 0;
height: 150px;
width: 200px;
background: white;
background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 50%;
z-index: -1; }
.benefits_section .benefit_card.card_1 .card_image {
max-width: 75%;
top: 0; }
@media (max-width: 991px) {
.benefits_section .benefit_card.card_1 .card_image {
max-width: 38%; } }
@media (max-width: 700px) {
.benefits_section .benefit_card.card_1 .card_image {
top: 20px; } }
@media (max-width: 500px) {
.benefits_section .benefit_card.card_1 .card_image {
max-width: 57%; } }
@media (max-width: 420px) {
.benefits_section .benefit_card.card_1 .card_image {
max-width: 65%; } }
@media (max-width: 370px) {
.benefits_section .benefit_card.card_1 .card_image {
max-width: 75%; } }
.benefits_section .benefit_card.card_2 .card_container:before, .benefits_section .benefit_card.card_2 .card_container:after {
content: '';
background: #1b1b1b;
background: linear-gradient(90deg, rgba(27, 27, 27, 0) 0%, #fc7326 50%, rgba(27, 27, 27, 0) 100%);
position: absolute;
top: -1px;
height: 1px;
width: 50%;
left: 50%;
transform: translateX(-50%); }
.benefits_section .benefit_card.card_2 .card_container:after {
top: auto;
bottom: 0; }
.benefits_section .benefit_card.card_3 .card_container:before {
content: '';
background: #1b1b1b;
background: linear-gradient(0deg, rgba(27, 27, 27, 0) 0%, #fc7326 50%, rgba(27, 27, 27, 0) 100%);
position: absolute;
bottom: 10%;
height: 40%;
width: 1px;
right: -1px; }
.benefits_section .benefit_card.card_3 .card_container:after {
content: '';
display: block;
position: absolute;
top: -100px;
left: 10%;
height: 150px;
width: 200px;
background: white;
background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0) 100%);
border-radius: 50%;
z-index: -1; }
@media (max-width: 991px) {
.benefits_section .benefit_card.card_3 .card_container .card_image {
max-width: 55%; } }
@media (max-width: 600px) {
.benefits_section .benefit_card.card_3 .card_container .card_image {
max-width: 85%; } }
@media (max-width: 500px) {
.benefits_section .benefit_card.card_3 .card_container .card_image {
max-width: 100%; } }
@media (max-width: 420px) {
.benefits_section .benefit_card.card_3 .card_container .card_image {
max-width: 130%;
width: 130%;
top: -70px; } }
@media (max-width: 360px) {
.benefits_section .benefit_card.card_3 .card_container .card_image {
top: -20px; } }
.benefits_section .benefit_card.card_4 .card_container:before {
content: '';
background: #1b1b1b;
background: linear-gradient(90deg, rgba(27, 27, 27, 0) 0%, #fc7326 50%, rgba(27, 27, 27, 0) 100%);
position: absolute;
bottom: -1px;
height: 1px;
width: 20%;
right: 20%; }
.benefits_section .benefit_card.card_4 .card_container .card_image {
max-width: 90%;
top: -130px; }
@media (max-width: 1199px) {
.benefits_section .benefit_card.card_4 .card_container .card_image {
top: -90px; } }
@media (max-width: 991px) {
.benefits_section .benefit_card.card_4 .card_container .card_image {
max-width: 70%; } }
@media (max-width: 600px) {
.benefits_section .benefit_card.card_4 .card_container .card_image {
max-width: 90%; } }
@media (max-width: 500px) {
.benefits_section .benefit_card.card_4 .card_container .card_image {
max-width: 100%; } }
@media (max-width: 420px) {
.benefits_section .benefit_card.card_4 .card_container .card_image {
max-width: 140%;
width: 140%; } }
@media (max-width: 360px) {
.benefits_section .benefit_card.card_4 .card_container .card_image {
top: -40px; } }
@media (max-width: 1199px) {
.benefits_section .benefit_card.card_4 .card_container .card_content {
top: 300px; } }
.benefits_section .benefit_card.card_5 .card_container:before {
content: '';
background: #1b1b1b;
background: linear-gradient(90deg, rgba(27, 27, 27, 0) 0%, #fc7326 50%, rgba(27, 27, 27, 0) 100%);
position: absolute;
top: -1px;
height: 1px;
width: 45%;
right: 10%; }
.benefits_section .benefit_card.card_5 .card_container .card_image {
max-width: 95%;
top: -60px; }
@media (max-width: 1199px) {
.benefits_section .benefit_card.card_5 .card_container .card_image {
top: -30px; } }
@media (max-width: 991px) {
.benefits_section .benefit_card.card_5 .card_container .card_image {
max-width: 60%;
top: -40px; } }
@media (max-width: 600px) {
.benefits_section .benefit_card.card_5 .card_container .card_image {
max-width: 90%; } }
@media (max-width: 500px) {
.benefits_section .benefit_card.card_5 .card_container .card_image {
max-width: 100%; } }
@media (max-width: 420px) {
.benefits_section .benefit_card.card_5 .card_container .card_image {
max-width: 140%;
width: 140%;
top: -80px; } }
@media (max-width: 360px) {
.benefits_section .benefit_card.card_5 .card_container .card_image {
top: -40px; } }
@media (max-width: 1199px) {
.benefits_section .benefit_card.card_5 .card_container .card_content {
top: 300px; } }
.services_section {
margin-top: -100px; }
.services_section .services_container {
padding: 70px;
border-radius: 24px;
border: 1px solid #1B1B1B;
position: relative;
overflow: hidden;
background: #181819;
background: linear-gradient(174deg, #181819 0%, black 30%, black 100%); }
@media (max-width: 991px) {
.services_section .services_container {
padding: 40px 20px; } }
.services_section .services_container .services_list {
list-style: none;
padding: 0;
margin: 0;
columns: 3; }
@media (max-width: 991px) {
.services_section .services_container .services_list {
columns: 1; } }
.services_section .services_container .services_list .service_item {
padding: 15px 20px 15px 80px;
position: relative;
display: block;
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 18px;
line-height: 39px;
color: #fff; }
@media (max-width: 991px) {
.services_section .services_container .services_list .service_item {
padding-left: 50px; } }
.services_section .services_container .services_list .service_item:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 31px;
transform: translateY(-50%);
width: 7px;
height: 7px;
border-radius: 50%;
background: #FC7326;
transition: .3s;
-webkit-box-shadow: 0px 0px 10px 8px rgba(219, 20, 20, 0.25);
box-shadow: 0px 0px 10px 8px rgba(219, 20, 20, 0.25); }
@media (max-width: 991px) {
.services_section .services_container .services_list .service_item:before {
left: 20px; } }
.services_section .services_container .services_list .service_item:after {
content: '';
display: block;
width: 95%;
height: 1px;
background: rgba(87, 85, 85, 0.3);
position: absolute;
bottom: 0;
left: 30px; }
@media (max-width: 991px) {
.services_section .services_container .services_list .service_item:after {
left: 20px; } }
.services_section .services_container .button_container {
text-align: center;
margin-top: 70px; }
@media (max-width: 991px) {
.services_section .services_container .button_container {
margin-top: 40px; } }
.about_section {
position: relative;
overflow: hidden; }
.about_section:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: black;
background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
width: 20%; }
@media (max-width: 991px) {
.about_section:before {
width: 10%; } }
.about_section:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: black;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%);
z-index: 1;
width: 20%; }
@media (max-width: 991px) {
.about_section:after {
width: 10%; } }
.about_section .about_carousel {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
list-style: none; }
.about_section .about_card {
min-width: 353px;
margin-right: 20px; }
.about_section .about_card .card_container {
border-radius: 27px;
background: #181819;
background: linear-gradient(174deg, #1A1A1A 0%, black 10%, black 100%);
position: relative;
padding: 30px; }
.about_section .about_card .card_container .card_image {
display: block;
width: 100px;
margin-bottom: 400px; }
@media (max-width: 1199px) {
.about_section .about_card .card_container .card_image {
margin-bottom: 320px; } }
.about_section .about_card .card_container .card_content {
position: absolute;
top: 57%;
left: 30px;
right: 30px; }
@media (max-width: 500px) {
.about_section .about_card .card_container .card_content {
top: 48%; } }
@media (max-width: 400px) {
.about_section .about_card .card_container .card_content {
top: 31%; } }
.about_section .about_card .card_container .card_content .card_title {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 24px;
line-height: 100%;
color: #fff;
margin: 0;
margin-bottom: 25px; }
@media (max-width: 1199px) {
.about_section .about_card .card_container .card_content .card_title {
font-size: 22px; } }
.about_section .about_card .card_container .card_content .card_text {
color: #7EA18A;
font-family: "Satoshi-Light", arial, sans-serif;
font-size: 18px;
line-height: 24px; }
.plans_section {
padding-bottom: 30px; }
@media (max-width: 991px) {
.plans_section {
padding-bottom: 20px; } }
.plans_section .col_left, .plans_section .col_right {
padding: 0 10px; }
.plans_section .card_wrapper {
border: 1px solid #2C2C2C;
border-radius: 13px;
background: #181819;
background: linear-gradient(174deg, #181819 0%, black 30%, black 100%);
padding: 50px; }
@media (max-width: 400px) {
.plans_section .card_wrapper {
padding: 30px !important; } }
.plans_section .card_wrapper .btn_type2 {
margin-bottom: 30px; }
.plans_section .card_wrapper .card_title {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 29px;
line-height: 56px;
color: #FC7326;
margin-bottom: 0px; }
.plans_section .card_wrapper .card_subtitle {
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 48px;
line-height: 56px;
color: #fff;
margin: 0; }
.plans_section .card_wrapper .card_subtitle small {
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 24px;
line-height: 40px;
color: #fff; }
.plans_section .card_wrapper .card_text {
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 16px;
line-height: 56px;
color: #fff; }
.plans_section .card_wrapper .btn_type1 {
margin-top: 10px; }
.plans_section .card_wrapper .list_items {
padding: 0;
margin: 0;
list-style: none;
border-top: 1px solid rgba(217, 217, 217, 0.2);
margin-top: 80px;
padding-top: 20px;
columns: 2; }
@media (max-width: 767px) {
.plans_section .card_wrapper .list_items {
columns: 1;
padding-top: 30px;
margin-top: 30px; } }
.plans_section .card_wrapper .list_items .list_item {
position: relative;
font-family: "Satoshi-Regular", arial, sans-serif;
font-size: 16px;
line-height: 25px;
padding-left: 25px; }
.plans_section .card_wrapper .list_items .list_item .arrow-right-orange {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8px; }
.plans_section .col_left .card_wrapper {
margin-bottom: 20px; }
.plans_section .col_right .card_wrapper {
margin-bottom: 20px;
padding-top: 69px;
padding-bottom: 69px; }
@media (max-width: 1199px) {
.plans_section .col_right .card_wrapper {
padding-top: 65px;
padding-bottom: 65px; } }
.plans_section .col_right .card_wrapper .card_title {
margin-bottom: 10px; }
.plans_section .col_right .card_wrapper .card_text {
line-height: 24px;
font-size: 18px;
margin: 0; }
.plans_section .col_right .card_wrapper:last-child {
margin-bottom: 0; }
.plans_section .col_right .card_wrapper .btn_type3 {
margin-bottom: 10px;
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 16px;
color: #fff;
transition: .3s;
margin-top: 25px;
display: inline-block; }
.plans_section .col_right .card_wrapper .btn_type3:hover {
color: #FC7326; }
@media (max-width: 1199px) {
.social_media_section {
text-align: center; } }
.social_media_section .col-md-12 {
padding: 0 10px; }
.social_media_section .social_media-container {
border: 1px solid #2C2C2C;
border-radius: 13px;
background: #181819;
background: linear-gradient(174deg, #181819 0%, black 30%, black 100%);
padding: 30px 50px;
font-size: 0; }
@media (max-width: 400px) {
.social_media_section .social_media-container {
padding: 30px 20px; } }
.social_media_section .social_media-container .social_media_items,
.social_media_section .social_media-container .profile_picture,
.social_media_section .social_media-container .section_text {
display: inline-block;
vertical-align: middle; }
.social_media_section .social_media-container .profile_picture {
max-width: 84px;
width: 100%; }
@media (max-width: 1199px) {
.social_media_section .social_media-container .profile_picture {
display: block;
margin: auto;
margin-bottom: 30px; } }
.social_media_section .social_media-container .section_text {
font-family: 'Satoshi-Bold', arial, sans-serif;
font-size: 22px;
line-height: 100%;
color: #fff;
background: -webkit-linear-gradient(#D8FEE5, #C0E4CD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin: 0;
margin-left: 50px; }
@media (max-width: 1199px) {
.social_media_section .social_media-container .section_text {
text-align: center;
width: 100%;
display: block;
margin: 0;
margin-bottom: 30px; } }
.social_media_section .social_media-container .social_media_items {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
width: 45%; }
@media (max-width: 1199px) {
.social_media_section .social_media-container .social_media_items {
text-align: center;
display: block;
text-align: center;
width: 100%; } }
.social_media_section .social_media-container .social_media_items .list_item {
display: inline-block;
vertical-align: middle;
margin-left: 50px;
width: 26px;
position: relative; }
@media (max-width: 1199px) {
.social_media_section .social_media-container .social_media_items .list_item {
margin-left: 30px; } }
.social_media_section .social_media-container .social_media_items .list_item img {
width: 100%;
transition: .3s; }
.social_media_section .social_media-container .social_media_items .list_item img.icon-default {
opacity: 1;
visibility: visible; }
.social_media_section .social_media-container .social_media_items .list_item img.icon-hover {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0; }
.social_media_section .social_media-container .social_media_items .list_item:first-child {
margin-left: 0; }
@media (max-width: 1199px) {
.social_media_section .social_media-container .social_media_items .list_item:first-child {
margin-left: 0; } }
.social_media_section .social_media-container .social_media_items .list_item:hover img.icon-default {
opacity: 0;
visibility: hidden; }
.social_media_section .social_media-container .social_media_items .list_item:hover img.icon-hover {
opacity: 1;
visibility: visible; }
.clients_section {
position: relative; }
@media (min-width: 768px) {
.clients_section {
padding-bottom: 0; } }
.clients_section:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 70px;
bottom: 30px;
background: black;
background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
width: 20%; }
.clients_section:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 70px;
bottom: 30px;
background: black;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%);
z-index: 1;
width: 20%; }
.clients_section .testimonials_carousel .owl-stage:after {
content: '';
display: block;
clear: both; }
.clients_section .testimonials_carousel .owl-stage .owl-item {
float: left; }
.clients_section .testimonials_carousel .owl-nav, .clients_section .testimonials_carousel .owl-dots {
display: none; }
.clients_section .testimonials_carousel .testimonial_card .card_container {
border: 1px solid #2C2C2C;
border-radius: 13px;
background: #181819;
background: linear-gradient(174deg, #181819 0%, black 30%, black 100%);
padding: 70px 50px 40px; }
@media (max-width: 400px) {
.clients_section .testimonials_carousel .testimonial_card .card_container {
padding: 40px 30px 40px; } }
.clients_section .testimonials_carousel .testimonial_card .card_container .card_text {
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 20px;
line-height: 126%;
margin: 0;
margin-bottom: 50px; }
.clients_section .testimonials_carousel .testimonial_card .card_container .client_picture {
max-width: 57px;
display: block;
width: 100%; }
.clients_section .testimonials_carousel .testimonial_card .card_container .client_name {
font-family: "Satoshi-Bold", arial, sans-serif;
color: #D8FEE5;
font-size: 22px;
line-height: 100%;
margin-bottom: 0;
background: -webkit-linear-gradient(#D8FEE5, #C0E4CD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-top: 15px;
padding: 5px 0; }
.clients_section .testimonials_carousel .testimonial_card .card_container .client_firm {
color: #D8FEE5;
font-size: 18px;
line-height: 100%;
margin: 0;
padding: 5px 0;
background: -webkit-linear-gradient(#D8FEE5, #C0E4CD);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Satoshi-Regular", arial, sans-serif; }
.work_section {
position: relative;
padding: 45% 0 45%; }
@media (max-width: 1199px) {
.work_section {
padding: 31% 0; } }
@media (max-width: 767px) {
.work_section {
padding: 50px 0; } }
.work_section .work_text {
text-align: center;
padding: 0 70px;
opacity: 0; }
@media (max-width: 991px) {
.work_section .work_text {
padding: 0 250px; } }
@media (max-width: 767px) {
.work_section .work_text {
opacity: 1;
transform: none !important;
padding: 0 50px; } }
@media (max-width: 500px) {
.work_section .work_text {
padding: 0 20px; } }
@media (max-width: 400px) {
.work_section .work_text {
padding: 0; } }
.work_section .work_text .section_title {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 48px;
line-height: 56px;
margin: 0; }
@media (max-width: 991px) {
.work_section .work_text .section_title {
font-size: 40px;
line-height: 48px; } }
.work_section .work_text .section_text {
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 20px;
line-height: 126%;
margin: 0;
margin-top: 30px; }
@media (max-width: 991px) {
.work_section .work_text .section_text {
font-size: 16px; } }
.work_section .work_text .btn_type1 {
margin-top: 40px; }
.work_section .work_images {
font-size: 0; }
@media (max-width: 767px) {
.work_section .work_images {
display: none; } }
.work_section .work_images .project_image {
width: 100%;
display: inline-block;
border-radius: 26px;
max-width: 35%;
position: absolute;
z-index: 1; }
.work_section .work_images .project_image.project-1 {
top: 18%;
left: -1%;
transform: rotateZ(-10deg); }
.work_section .work_images .project_image.project-2 {
top: 40%;
left: -3%;
transform: rotateZ(2deg); }
.work_section .work_images .project_image.project-3 {
top: 64%;
left: 2%;
transform: rotateZ(-8deg); }
.work_section .work_images .project_image.project-4 {
top: 18%;
right: -1%;
transform: rotateZ(10deg); }
.work_section .work_images .project_image.project-5 {
top: 40%;
right: -3%;
transform: rotateZ(-2deg); }
.work_section .work_images .project_image.project-6 {
top: 64%;
right: -1%;
transform: rotateZ(8deg); }
.work_section .work_images .project_image:nth-child(2n+2) {
margin-right: 0; }
.work_section .work_carousel {
display: none;
margin-top: 40px; }
@media (max-width: 767px) {
.work_section .work_carousel {
width: 70%;
display: block; } }
@media (max-width: 500px) {
.work_section .work_carousel {
width: 90%; } }
.work_section .work_carousel .owl-stage:after {
content: '';
display: block;
clear: both; }
.work_section .work_carousel .owl-stage .owl-item {
float: left; }
.work_section .work_carousel .owl-stage .owl-item img {
border-radius: 15px; }
.work_section .work_carousel .owl-nav, .work_section .work_carousel .owl-dots {
display: none; }
.faq_section {
position: relative;
overflow: hidden; }
@media (max-width: 991px) {
.faq_section {
padding-bottom: 250px; } }
.faq_section .bg-shape {
position: absolute;
max-width: 55%;
bottom: -53%; }
@media (max-width: 1199px) {
.faq_section .bg-shape {
bottom: -26%; } }
@media (max-width: 991px) {
.faq_section .bg-shape {
bottom: -20%; } }
@media (max-width: 991px) {
.faq_section .bg-shape {
max-width: 100%;
bottom: -20%; } }
.faq_section .section_title {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 48px;
line-height: 56px;
letter-spacing: -3px; }
@media (max-width: 500px) {
.faq_section .section_title {
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 32px;
line-height: 32px;
letter-spacing: -3px; } }
.faq_section .faq_tabs .faq_tab {
position: relative; }
.faq_section .faq_tabs .faq_tab:after {
content: '';
display: block;
width: 100%;
height: 1px;
background: rgba(87, 85, 85, 0.3);
position: absolute;
bottom: 0;
left: 0; }
.faq_section .faq_tabs .faq_tab:last-child {
margin-bottom: 0; }
.faq_section .faq_tabs .faq_tab:last-child:after {
display: none; }
.faq_section .faq_tabs .faq_tab .faq_question {
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 22px;
line-height: 100%;
padding: 30px 20px 30px 0px;
position: relative;
cursor: pointer;
transition: .3s; }
@media (max-width: 1199px) {
.faq_section .faq_tabs .faq_tab .faq_question {
font-size: 19px; } }
.faq_section .faq_tabs .faq_tab .faq_question:after {
content: '';
width: 0;
height: 0;
display: inline-block;
vertical-align: middle;
border-color: #fff transparent transparent transparent;
border-style: solid;
border-width: 6px 6px 0 6px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: .3s; }
.faq_section .faq_tabs .faq_tab .faq_question:hover {
color: #FC7326; }
.faq_section .faq_tabs .faq_tab .faq_question:hover:after {
border-color: #FC7326 transparent transparent transparent; }
.faq_section .faq_tabs .faq_tab .faq_answer {
display: none;
margin: 0;
padding-bottom: 30px; }
.faq_section .faq_tabs .faq_tab.active .faq_question {
color: #FC7326; }
.single-product section, .cart section, .checkout section {
margin: auto;
width: 100%;
padding: 0 15px; }
@media (min-width: 768px) {
.single-product section, .cart section, .checkout section {
width: 750px; } }
@media (min-width: 992px) {
.single-product section, .cart section, .checkout section {
width: 970px; } }
@media (min-width: 1200px) {
.single-product section, .cart section, .checkout section {
width: 1170px; } }
.single-product a, .cart a, .checkout a {
color: #fff;
transition: .3s; }
.single-product h1, .cart h1, .checkout h1 {
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 74px;
line-height: 89px;
letter-spacing: -4px; }
@media (max-width: 1199px) {
.single-product h1, .cart h1, .checkout h1 {
font-size: 54px;
line-height: 60px;
letter-spacing: -4px; } }
@media (max-width: 767px) {
.single-product h1, .cart h1, .checkout h1 {
font-size: 46px;
line-height: 54px;
letter-spacing: -4px; } }
.single-product .date,
.single-product .author,
.single-product article > p,
.single-product .comments,
.single-product .post-edit-link,
.single-product .sidebar,
.single-product .product_meta,
.single-product header .duck_menu,
.cart .sidebar,
.cart .post-edit-link,
.cart header .duck_menu,
.checkout .sidebar,
.checkout .post-edit-link,
.checkout header .duck_menu,
.cart .wp-block-woocommerce-empty-cart-block hr,
.cart .wp-block-woocommerce-empty-cart-block hr + h2,
.cart .wp-block-woocommerce-empty-cart-block .wp-block-product-new {
display: none; }
.single-product .woocommerce div.product {
padding-bottom: 70px; }
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background: #FC7326;
color: #fff; }
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
color: #fff; }
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
padding: 0;
margin-top: 5px;
background: none !important;
color: #fff !important;
font-family: "Satoshi-Bold", arial, sans-serif; }
@media (max-width: 991px) {
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
float: none;
display: block; } }
.single-product .woocommerce div.product:after {
content: '';
display: block;
clear: both; }
.single-product.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.single-product.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: #fff;
font-family: "Satoshi-Bold", arial, sans-serif;
font-size: 29px;
line-height: 30px; }
.single-product .woocommerce-product-details__short-description .list_items {
padding: 0;
margin: 0;
padding-top: 0px;
margin-top: 0px;
list-style: none;
border-top: 1px solid rgba(217, 217, 217, 0.2);
margin-top: 20px;
padding-top: 20px;
margin-bottom: 30px; }
.single-product .woocommerce-product-details__short-description .list_items .list_item {
position: relative;
font-family: "Satoshi-Regular", arial, sans-serif;
font-size: 16px;
line-height: 25px;
padding-left: 25px; }
.single-product .woocommerce-product-details__short-description .list_items .list_item .arrow-right-orange {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8px; }
.single-product.woocommerce div.product form.cart .button,
.cart .components-button,
.checkout .wc-block-components-checkout-place-order-button {
background: #FC7326;
border-radius: 84px;
display: inline-block;
border: 1px solid #FC7326;
position: relative;
font-size: 25px;
color: #fff;
font-family: 'Satoshi-Bold', arial, sans-serif;
transition: 0.3s !important;
letter-spacing: -1px;
overflow: hidden;
padding: 15px 35px !important;
min-height: 0 !important;
box-shadow: none !important; }
.cart .components-button {
margin-top: 30px; }
.wc-block-cart .wc-block-cart__submit-container--sticky {
display: none !important; }
.single-product.woocommerce div.product form.cart .button:hover,
.cart .components-button:hover,
.checkout .wc-block-components-checkout-place-order-button:hover {
background: #050405;
color: #fff;
border: 1px solid #7B6666; }
.cart .is-large.wc-block-cart .wc-block-cart-items {
border-collapse: collapse; }
.cart .is-large.wc-block-cart .wc-block-cart-items td,
.cart .is-large.wc-block-cart .wc-block-cart-items th {
border: 1px solid #2C2C2C;
padding: 10px !important; }
.cart .wp-block-woocommerce-cart-order-summary-block {
border: 1px solid #2C2C2C;
padding: 10px; }
.cart .is-large.wc-block-cart .wc-block-cart__totals-title {
border-bottom: 1px solid #2C2C2C;
text-align: left;
padding-bottom: 20px; }
.cart .wp-block-woocommerce-cart-order-summary-block > div > div {
padding-left: 0 !important;
padding-right: 0 !important; }
.accordions {
display: flex;
flex-direction: column;
align-items: center; }
.accordion {
width: 100%;
border-radius: 15px;
border: 1px solid #1B1B1B;
border-radius: 13px;
background: #181819;
background: linear-gradient(174deg, #181819 0%, black 30%, black 100%);
padding: 70px 50px 40px;
overflow: hidden; }
.spacer {
height: 100vh; }
.accordions {
width: 100%;
padding-top: 25px; }
.accordion {
padding: 30px 50px 30px;
position: relative; }
@media (max-widh: 400px) {
.accordion {
padding: 30px 30px 30px; } }
.accordion-2 {
position: relative;
top: -25px; }
.accordion-3 {
position: relative;
top: -50px; }
.accordion .accordion_header {
font-size: 0;
padding-bottom: 25px; }
.accordion .accordion_header .accordion_no {
display: inline-block;
vertical-align: middle;
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 24px;
line-height: 100%; }
.accordion .accordion_header .accordion_title {
display: inline-block;
vertical-align: middle;
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 24px;
line-height: 100%;
margin: 0;
margin-left: 20px; }
.accordion .accordion_content {
padding: 0;
overflow: hidden;
height: auto; }
.accordion .accordion_content .accordion_content-title {
display: block;
font-family: "Satoshi-Medium", arial, sans-serif;
font-size: 24px;
line-height: 100%;
margin: 0;
margin-top: 50px;
margin-bottom: 15px; }
@media (max-widh: 400px) {
.accordion .accordion_content .accordion_content-title {
margin-top: 30px; } }
@media (max-widh: 400px) {
.accordion .accordion_content .accordion_content-title {
margin-top: 30px; } }
.accordion .accordion_content .accordion_text {
color: #5D5D5D;
display: block;
width: 100%;
max-width: 400px;
margin-bottom: 30px; }
how_its_works_section {
padding: 0; } .page-template-template-regular header .duck_menu,
.page-template-template-regular header .duck_trigger {
display: none !important; }
.page-template-template-regular .regular_content {
padding-bottom: 100px; }
.page-template-template-regular .regular_content a {
color: #FC7326;
text-decoration: none; } footer .footer_links {
padding: 30px 0;
border-top: 1px solid #1B1B1B;
border-bottom: 1px solid #1B1B1B; }
footer .footer_links .footer_contact-details {
margin-bottom: 0; }
footer .footer_links .footer_contact-details #menu-footer-menu {
margin-bottom: 20px; }
footer .footer_links .footer_contact-details #menu-footer-menu li a {
font-size: 16px; }
footer .footer_links .footer_contact-details .firm_details {
font-size: 16px;
margin-bottom: 20px; }
footer .footer_copyright {
padding-top: 30px; }
footer .footer_copyright .footer_contact-details {
margin-bottom: 0; }
footer .footer_copyright .footer_contact-details .copyright_details {
font-size: 14px; } .single-projects {
background: url(//thatcoolduck.studio/wp-content/themes/thatcoolduckstudio/img/bg-project-min.jpg) no-repeat top center !important;
background-size: cover !important; }
#project_sections {
padding-bottom: 100px; }
#project_sections .project_section {
margin-bottom: 30px;
min-height: 1000px;
padding: 30px 0; }
@media (max-width: 991px) {
#project_sections .project_section {
min-height: 0; } }
#project_sections .project_section .section_content {
padding-right: 30px;
transition: .3s;
visibility: visible;
opacity: 1; }
@media (max-width: 991px) {
#project_sections .project_section .section_content {
position: static !important;
visibility: visible !important;
opacity: 1 !important;
margin-bottom: 30px; } }
#project_sections .project_section:last-child {
margin-bottom: 0; }
#project_sections .project_section.faded-out .section_content {
opacity: 0;
visiblity: hidden; }
#project_sections .project_section .section_image {
display: block;
border-radius: 15px;
margin-bottom: 30px; }
#project_sections .project_section .section_image:last-child {
margin-bottom: 0; }
#project_sections .project_section .section_title {
font-size: 42px;
line-height: 100%;
font-family: "Satoshi-Medium", arial, sans-serif;
margin: 0 0 30px 0;
padding: 0; }
@media (max-width: 767px) {
#project_sections .project_section .section_title {
font-size: 30px; } }
#project_sections .project_section:first-child .section_title {
font-size: 70px;
font-family: "Satoshi-Bold", arial, sans-serif; }
@media (max-width: 767px) {
#project_sections .project_section:first-child .section_title {
font-size: 42px; } }
#project_sections .project_section .section_row {
border-top: 1px solid rgba(255, 255, 255, 0.25);
padding: 30px 0; }
#project_sections .project_section .section_row:after {
content: '';
display: block;
clear: both; }
#project_sections .project_section .section_row .row_title {
font-size: 18px;
line-height: 100%;
font-family: "Satoshi-Medium", arial, sans-serif;
color: #9F9F9F;
padding: 7px 0;
float: left;
width: 33.333%; }
@media (max-width: 767px) {
#project_sections .project_section .section_row .row_title {
width: 100%;
margin-bottom: 10px; } }
#project_sections .project_section .section_row .row_list {
list-style: none;
padding: 0;
margin: 0;
font-size: 0; }
#project_sections .project_section .section_row .row_list .list_item {
display: inline-block;
background: #232323;
border-radius: 10px;
font-size: 18px;
line-height: 100%;
padding: 7px 12px;
margin: 0 15px 15px 0;
font-family: "Satoshi-Medium", arial, sans-serif; }
#project_sections .project_section .section_row .row_text {
font-family: "Satoshi-Regular", arial, sans-serif;
font-size: 16px;
color: #fff;
line-height: 20px;
margin: 0;
padding: 0; }
#project_sections .project_section .section_row .row_list,
#project_sections .project_section .section_row .row_text {
width: 66.666666%;
float: left; }
@media (max-width: 767px) {
#project_sections .project_section .section_row .row_list,
#project_sections .project_section .section_row .row_text {
width: 100%; } }