@font-face {
font-family: 'Zen Kaku Gothic Antique';
font-family: 'Oxygen';
font-family: 'lastica bold';
font-display: swap;
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2023/07/ZenKakuGothicAntique-Bold.ttf);
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2023/07/ZenKakuGothicAntique-Light.ttf);
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2023/07/ZenKakuGothicAntique-Medium.ttf);
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2023/07/ZenKakuGothicAntique-Regular.ttf);
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2023/07/Oxygen-Regular.ttf);
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2023/08/lastica-bold.otf);
}
body {
color:#282828;
font-family: 'Zen Kaku Gothic Antique';
background-color:#ffffff;
font-weight:400;
}
body > div {
font-size: 18px;
}
a {
text-decoration: none !important;
color:#282828;
} h1 , h2 , h3 , h4 , h5 , h6 {
font-family: 'Zen Kaku Gothic Antique';
color:#282828;
font-weight:bold;
}
h1,.home h1 i{
font-family: 'lastica bold';
font-weight:700;
}
h2{
font-weight:bold;
} .menu a span {
font-family: 'Zen Kaku Gothic Antique';
color: #fff;
font-size: 27px;
font-weight:bold;
}
.menu li {
padding: 0px 15px;
}
.menu li:first-child{
padding-left:0;
}
.menu li:last-child{
padding-right:0;
}
.vc_row .nav-primary, .menu-toggle{
float:right;
}
.vc_row .contact-menu span{
color:#FF950A;
} .genesis-nav-menu .sub-menu a{
border:0;
width:100%;
background-color:transparent;
}
.menu li .sub-menu{
top: 20px;
background-color: #0BC163;
padding-bottom:15px;
padding-left:0px;
border:0;
text-align: center;
}
.menu li .sub-menu li{
margin:0
}
.vc_row .sub-menu-toggle {
padding:0;
display: block;
visibility: visible;
}
.sub-menu-toggle::before {
content: """";
border: 5px solid transparent;
border-top: 5px solid #FF950A;
vertical-align: bottom;
width: auto;
height: auto;
}
.header-full-width .wpb-content-wrapper .row-container[data-vc-full-width]>.vc_row{
max-width: 1200px;
margin: 0 auto;
}
.header-full-width .wpb-content-wrapper .row-container[data-vc-stretch-content]>.vc_row{
max-width: 100%;
} .vc_row .wpb_button, .vc_row .wpb_content_element, .vc_row ul.wpb_thumbnails-fluid>li, .entry {
margin-bottom: 0;
}
.vc_row .vc_btn3.vc_btn3-style-custom {
font-size: 18px;
font-weight: 800;
border-radius:20px;
padding: 0px 18px 3px 16px;
color: #2C557E;
box-shadow: 3px 3px 8px #000000b8;
background:#FF950A;
background-image: none;
} ::-webkit-input-placeholder { 
color:#fff;
opacity:  1;
}
:-moz-placeholder { 
color:#fff;
opacity:  1;
}
::-moz-placeholder {
color:#fff;
opacity:  1;
}
:-ms-input-placeholder {
color:#fff;
opacity:  1;
} .wpls-logo-showcase .slick-arrow svg{
fill: #FF950A;
}
body .vc_row .wpls-logo-showcase .slick-arrow{
text-indent: 0;
background: transparent !important;
}
.vc_row .shadow-row:before,.vc_row .shadow-row:after {
position: relative;
z-index: 9;
content: '';
bottom: 0;
height: 20px;
width: 100%;
background: -webkit-radial-gradient(ellipse at 50% 0,rgba(0,0,0,.2),transparent 58%);
background: radial-gradient(ellipse at 50% 0,rgba(0,0,0,.2),transparent 58%);
}
.vc_row .shadow-row:before {
transform: rotate(180deg);
top:0;
}
.vc_row .shadow-row:after{
bottom:0;
}
.vc_row .wpls-logo-showcase .slick-arrow {
background-color: transparent;
}
.wpls-logo-showcase .slick-arrow {
width: 40px!important;
height: 40px!important;
} .wpb_raw_code.social-icon .wpb_wrapper{
display: flex;
align-items: center;
column-gap: 10px;
justify-content:center;
}
#header .text-right.wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: end;
row-gap:5px;
}
#banner{
background-position: center right !important;
}
.disable  .vc_btn3, .vc_row .group,.banner-responsive,.responsive-row{
display:none;
}
.vc_row .group.active {
display: block;
}
p {
margin: 0 0 10px;
}
#header .wpb_column > .vc_column-inner > .wpb_wrapper > .header-icons .wpb_column:first-child .wpb_single_image img {
width: 25px;
height: auto;
}
#header .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner .wpb_column:first-child .wpb_raw_code > .wpb_wrapper {
display: flex;
row-gap: 10px;
}
#header .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner .wpb_column:first-child > .vc_column-inner > .wpb_wrapper,#header .text-right .wpb_raw_code .wpb_wrapper {
display: flex;
column-gap: 20px;
}
.site-header{
position: sticky;
z-index: 99;
position: -webkit-sticky;
top: 0;
background-color:#fff!important;
} .home .header-row{
background-color: #ffffff6e !important;
}
.home.head-sticky .header-row{
padding-top: 0.8em !important;
padding-bottom: 0.8em !important;
background-color: #05191b !important;
}
.home.head-sticky .menu li,.home.head-sticky .menu a span, .menu li, .menu a span {
transition: all 0.5s ease-in-out;
transition-timing-function: linear;
} #voiceDemos{
z-index: auto!important;
top:-1em;
left: 0;
position:relative;
}
.vc_row .clsVZbutton {
clear: both;
display: block!important;
float: none;
left: 0;
position: relative;
text-decoration: none;
background: transparent;
padding: 5px 8px;
width: 65%;
border-radius: 25px;
background: transparent!important;
}
.clsDemoName {
vertical-align: top;
line-height: 27px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 54px);
display: inline-block;
position: absolute;
top: -14px;
font-size: 16px;
font-weight: bold;
color: #2C557E; left: 28px;
}
.NoDownloadBtn{
vertical-align: top;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 30px);
display: inline-block;
}
.NoPlayBtn{
vertical-align: top;
line-height: 2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 35px);
display: inline-block; 
margin-left: 7px;
}
.NoBtn{
vertical-align: top;
line-height: 2; 
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: calc(100% - 15px);
display: inline-block;
margin-left: 7px;
}
.clsBtnPlay{
display: inline-block;
width: calc(100% - 15px);
box-shadow: none !important;	
}
.btnDownloadIcon.fa-download:before ,.fa-play:before{
display: none!important;
}
.clsBtnDownload{
box-shadow: none !important;
left: auto; right: 0;
position: absolute;
width: 22px;
top: 0;
}
.btnPlayIcon, .btnPauseIcon,.custom-event-class .btnPlayIcon ,.custom-event-class .btnPauseIcon {
position: absolute;
width: 22px;
height: 22px;
content: "";
background-image: url(https://www.tylersmithvoice.com/wp-content/uploads/2023/09/audio-button.svg);
background-size: 61px;
background-repeat: no-repeat;
background-position: 1px 4px;
top: -12px;
z-index: 9;
left: 4px;
}
.btnPauseIcon {
width: 16px;
top: -8px;
left: 1px;
} .btnPauseIcon {
background-position: -21px 1px;
}
#voiceDemos{
top: 1em;
}
.single .content img{
padding-bottom:20px;
}
#banner iframe{
height: 500px!important;
}
#banner .fa-pause:before{
display:none;
} #footer .footer-icons .wpb_wrapper{
justify-content:center;
display: flex;
column-gap: 10px;
}
#footer p{
font-weight:300;
}
#videos p{
font-size:14px;
}
#banner{
height:900px;
}
.header-calender img {
vertical-align: middle!important;
}
#footer .wpb_single_image img {
width: 20px;
}
#footer .footer-icons .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
#footer > .vc_row.wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
justify-content: center;
align-items:center;
column-gap: 20px;
}
.anchor-link img{
vertical-align: baseline;
}
#header .vc_row.responsive-row .wpb_raw_code .wpb_wrapper {
flex-direction: column;
align-items : flex-start;
}
.error404 input{
border:1px solid #262626!important;
}  @media only screen and (max-width: 2000px){
#banner{
height:650px;
}
#voiceDemos {
top: 4em;
left: -13em;
}
}
@media only screen and (max-width: 1200px){
.genre-list{
padding-left:1em;
}
h1.title-tag {
font-size: 50px !important;
}
}
@media only screen and (max-width: 1023px){
.home h1 i{
font-size: 36px;
}
#banner {
background-position: 86% !important;
}
.wpb_raw_code.demo-first:before {
width: 130px;
height: 69px;
bottom: -63px;
}
.wpb_raw_code.demo-first {
width: 100%;
}
}
@media only screen and (max-width: 959px){
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
color: #fff;
}
.menu.genesis-nav-menu a {
display: inline;
}
.menu-toggle {
padding:0;
font-size: 25px;
line-height:30px;
font-weight: 700;
float:right;
}
.menu li{
padding: 5px 0px;
}
.custom-event-class nav::before {
font-size: 25px;
margin: 0 0 0 auto;
}
.menu li .sub-menu {
padding-bottom: 0;
}
.vc_row .nav-primary{
position: absolute;
background:#fff;
z-index: 9;
left: 0;
padding: 0 0 10px 0;
right:0;
top: 20px;
width: 100%;
border:2px solid #115782;
}
.custom-event-class .vc_row .nav-primary{
position: absolute!important;
top: -9px;
left: -7px;
background: transparent;
border: 0;
transform: none;
width: 100%;
}
.menu a span {
color: #2c557e;
}
#genesis-mobile-nav-primary span ,.vc_row.header-icons .wpb_raw_code,.vc_row.header-icons img{
display: none;
}
.header-menu{
text-align:center;
}
.custom-event-class nav::before{
content: '☰' !important;
}
.site-header .menu-toggle::before{
content: '☰';
}
.site-header .menu-toggle.activated::before {
content: "☓";
}
.site-header .menu-toggle::before {
top: -5px;
margin-right: 8px;
}
#genesis-mobile-nav-left span {
display: none!important;
}
#header .wpb_column {
width:100%;
}
.vc_row .oxilab-flip-box-col-3 {
width: 100%!important;
}
#flip h2.flip-heading,#header .text-right.wpb_column > .vc_column-inner > .wpb_wrapper{
display: block;
margin-right: 0!important;
}
.vc_row.contact-link{
padding-top: 1em !important;
}
#contact .contact-image,#about .wpb_single_image   {
padding-top: 2em !important;
}
#header .social-icon .vc_column-inner,	#header .text-right.wpb_column .vc_column-inner .wpb_raw_code,.header-image {
margin-bottom: 10px!important;
}
#header .text-right.wpb_column .wpb_text_column,#header .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner .wpb_column:first-child > .vc_column-inner > .wpb_wrapper {
justify-content: center;
}
.site-header {
padding-top: 0 !important;
}
#header .text-right.wpb_column .wpb_text_column{
display: flex;
}
#header .text-right.wpb_column .wpb_text_column{
padding-bottom: 10px!important;
}
#header .text-right.wpb_column > .vc_column-inner > .wpb_wrapper{
align-items: center;
}
.header-menu button {
position: absolute;
right: 0;
top: 0;
}
#header .text-right {
position: inherit;
padding-top: 10px;
}
h1.title-tag {
font-size: 22px !important;
}
.home h1 i {
font-size: 19px;
}
.header-contact-icons{
position:relative;
}
.responsive-row .microphone-img img{
width:45px;
height:88px;
}
#ZAMPLAYER_IFRAME_MEDIAZAM{
border: 2px solid #000!important;
}
#voiceDemos {
top: 0;
}
.responsive-row{
display:block;
}
}
@media only screen and (max-width: 767px){
h1, h2,h3, .vc_row .wpb_single_image, .vc_row .vc_btn3-container, .site-footer .text-right, .site-footer p, .site-footer .vc_row,#voiceDemos {
text-align:center !important;
}
.vc_row .testimonial-content::before, .vc_row .testimonial-content::after {
width: 20px;
height: 20px;
}
.vc_row .testimonial-content::before,#voiceDemos   {
left: 0;
}
.vc_row .testimonial-content::after,#voiceDemos,#vzCloseDemoButton{
right: 0;
}
.vc_row .testimonial {
padding: 0 2.2em;
}
#banner{
padding-top: 0 !important;
background-image: none!important;
}
.banner-responsive{
display:block!important;
}
.site-header{
position:relative;
}
#banner {
height: auto;
}
.genre-list{
padding-left:0;
}
.genre-list-col.wpb_column .wpb_text_column {
align-items: center;
display:flex;
justify-content:center;
}
#banner h1 {
display:none;
}
.vc_row .clsVZbutton {
width: 275px;
}
#vzCloseDemoButton {
left: 0 !important;
top: -11px !important;
}
#voiceDemos {
z-index: 99!important;
}
#demos .wpb_raw_code div {
margin: 0 auto;
}
.vc_row .clsVZbutton {
margin: 40px auto 0 auto;
}
#footer .wpb_single_image,#footer .wpb_single_image img{
width: 30px;
}
img.alignright {
float: none;
margin: 0 auto!important;
display: block;
}
.wpb_raw_code.demo-first{
padding: 3em 0em 1em 0em !important;
}
.wpb_raw_html.info-head {
margin: 6px auto;
}
.wpb_raw_code.demo-first:before {
bottom: 5px;
}
}
@media only screen and (max-width: 639px){
#contact .contact-icon > .vc_column-inner > .wpb_wrapper {
display: block;
text-align: center;
}
#about h2{
font-size: 28px;
}
#calender iframe{
width:275px;
display:flex;
margin:0 auto;
}
.clsDemoName {
left: 33px;
}
}
@media only screen and (max-width: 479px){
.vc_row .oxilab-flip-box-back-2-data .oxilab-info {
font-size: 13px !important;
}
h2{
font-size: 28px;
}
#tagline-row h2{
font-size: 26px!important;
}
#header .wpb_raw_code.social-icon a{
font-size: 14px!important;
}
.vc_row .testimonial-name, .vc_row .testimonial-company {
display: block;
text-align: center;
}
.vc_row .testimonial-company::before {
content: none;
margin: 0;
}
#contact p {
font-size: 15px;
}
#contact .contact-social-icons.wpb_raw_code.white a{
margin-right: 2px!important;
}
}
@media only screen and (max-width: 400px){
#calender iframe{
width:255px;
}
} input, select, textarea {
font-size: 18px !important;
font-weight: 400;
line-height: 1.5 !important;
} html {
scroll-behavior: smooth;
}
:target::before {
content: "";
display: block;
height: 80px; margin-top: -80; }