@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import 'https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,700,700i'; /* font-family: 'Crimson Text', serif; */
@import 'https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700,700i';/* font-family: 'Merriweather Sans', sans-serif; */
@font-face {
  font-family: "SF-Pro-Display-Regular.otf";
  src: url("https://www.ericaragoni.com/wp-content/uploads/fonts/SF-Pro-Display-Regular.otf");
}
/* Default Codes */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
body {
  padding:0;
  margin:0;
  font-family: "SF-Pro-Display-Regular.otf";
  font-size: 14px;
  font-weight: 400;/*normal*/
  color:#58595b;
  background-color:#ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body > div {
  font-size: 14px;
}
.white, .white a,.white em, .white .fa {
  color: #fff;
}
a {
  text-decoration: none !important;
  color: #3eafa9;
}

h1 , h2 , h3 , h4 , h5 , h6 {
  font-family: "SF-Pro-Display-Regular.otf";
  font-weight:400;
}
h1 {
  font-size: 50px;
  color: #000;
  font-weight:bold;
}
h2 {
  font-size: 31px;
  color: #000000;
}
h3 {
  font-size: 27px;
  color: #000000;
}
h4 {
  font-size: 22px;
  color: #78787a;
}
h5 {
  font-size: 20px;
  color: #000000;
}
h6 {
  font-size: 16px;
  color: #000000;
}
.menu, .menu li, .menu li a, .menu a:hover{
  border:none;
  background:none;
}
.menu li{
  display: inline-block;
}
.menu a, .menu_control {
  color: #fff;
  font-family: "SF-Pro-Display-Regular.otf";
  font-size: 16px;
  font-weight: 400;
  padding: 10px 30px;
}
.menu li.current-menu-item > a {
  cursor: pointer;
  background: none;
  color:#ffffff94;
}
.menu-toggle , .indi_mp3j span , .vc_row .gform_wrapper .top_label .gfield_label , .post-edit-link, .error404 .sidebar{
  display:none;
}
.vc_row .wpb_button, .vc_row .wpb_content_element, .vc_row ul.wpb_thumbnails-fluid>li {
  margin-bottom: 0;
}
.vc_row .vc_btn3.vc_btn3-style-custom {
  background: transparent !important;
  color: #fff !important;
  font-family: "SF-Pro-Display-Regular.otf";
  font-size: 14px;
  font-weight:400;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px 20px 5px 20px !important;
  line-height: 1.5;
  border-color: #fff;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #bcbec0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #bcbec0;
  opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #bcbec0;
  opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #bcbec0;
}
input, select, textarea {
  background-color: #F1F2F2;
  border: 0;
  font-family: Avenir-Book !important;
  color: #7C7879;
  font-size: 12px !important;
  font-weight: 400;
  padding: 10px !important;
}
input:focus, textarea:focus {
  border: none;
  outline: none;
}
.vc_row .ts-owlslider-controls div {
  padding: 0;
  border: none;
}
.gform_confirmation_message{
  text-align: center;
  margin-top: 20px;   
}
.vc_row .ts-box-icon.icon_left-style .ts-main-ico{
  margin:0;
}
.vc_row .ts-box-icon-link{
  clear:both;
  overflow:hidden;
  display: inline-block;
  line-height:1;
  vertical-align: middle;
}

/*Logos default code*/
.vc_row .ts-vcsc-logos-layout-wrapper .nchgrid-item.nchgrid-tile {
  border: none;
  box-shadow: none !important;
}
.ts-lightbox-freewall-grid-container, body .nchgrid-item div.nchgrid-caption {
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
.ts-lightbox-freewall-item.ts-lightbox-freewall-active.nchgrid-item.nchgrid-tile {
  -webkit-transition: none !important;
  transition: none !important;
}
.ts-lightbox-freewall-item.ts-lightbox-freewall-active.nchgrid-item.nchgrid-tile img{
  width: 151.43px !important;
  margin:0 auto;
}
.ts-lightbox-freewall-grid-container div.nchgrid-item .nchgrid-caption, body .nchgrid-item div.nchgrid-caption {
  background: none !important;
  display:none !important;
}
body .nchgrid-item img {
  width:100%;
  height:auto !important;
}
body .nch-logo-link {
  pointer-events: none;
}
.ts-owlslider-controls div:hover {
  background: transparent !important;
}
.message-heard .wrap-mjp {
  padding:0;
}
.vc_row .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) , .gform_wrapper textarea{
  text-indent: 4px;
}
.vc_row .gform_wrapper input.large, .vc_row .gform_wrapper textarea {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.vc_row .gform_wrapper .gform_body, .error404 .content {
  width: 100%;
}
.vc_row  .ts-social-network-shortcode {
  margin: 0;
} 
#voiceDemos iframe {
  width: 100% !important;
}
.header-logo{
  font-size: 35px;
  font-weight:400;
}
/*Audio*/
.vc_row div.mjp-s-wrapper.s-graphic{
  padding:0 !important;
  width:100%;
  margin: 0 auto !important;
  height: 50px;
}
div.statusMI, span.posbarB_mp3j .ui-slider-handle, .indi_mp3j {
  display: none;
}
.wrap_inline_mp3j .play-mjp,.wrap_inline_mp3j .pause-mjp, .sdl_linkWrap a,.bars_mp3j .ui-slider-handle {
  background: transparent!important;
  background-image: url('https://www.ericaragoni.com/wp-content/uploads/2018/05/Sprite-Svg.svg')!important;
  background-repeat: no-repeat!important;
  padding: 0px!important;
  background-size: 105px 28px!important;
}
.wrap_inline_mp3j .play-mjp {
  background-position: -0px 0px !important;
}
.wrap_inline_mp3j .play-mjp, .wrap_inline_mp3j .pause-mjp{
  width: 27px!important;
  height: 27px !important;
  display: inline-block;
}
.wrap_inline_mp3j .pause-mjp {
  background-position: -39px 0px !important;
}
.sdl_linkWrap {
  background-color: transparent !important;	
}
.sdl_linkWrap a {
  width: 30px;
  height: 26px;
  background-position: -76px -3px !important;
}
.mjp-s-wrapper.s-graphic .sdl_linkWrap {
  margin-top: 0;
  float: none;
  position: relative;
  top: 19px;
}
.T_mp3j {
  text-transform:uppercase;
  font-size:18px!important;
  top:-15px!important;
  font-weight:400;
}
.vc_row .mjp-s-wrapper span.bars_mp3j{
  background:#000000 !important;
  top: 10px;
  height: 13px;
}
.group_wrap .ui-slider-horizontal .ui-slider-range {
  background:#b00e23 !important;
}
.vc_row span.group_wrap{
  position: relative;
  margin: 0;
  width:73%;
  display: inline-block;   
}
.group_wrap span.load_mp3j, .group_wrap span.loadB_mp3j {
  min-height: 0px !important;
  height: 0px !important;
} 
.header-widget{
  position: fixed;
  z-index: 999;
}
.footer-row .wpb_column {  
width: 20%;
}
/*Responsive*/
@media only screen and (max-width: 1280px){

}
@media only screen and (max-width: 1200px){

}
@media only screen and (max-width: 1023px){
  .header-row .wpb_column {
    width: 100%;
    text-align: center;
  }
  .vc_row span.group_wrap {
    width: 58%;
  }
}
@media only screen and (max-width: 767px){
  .footer-row .wpb_column {  
width: 100%;
}
}
@media only screen and (max-width: 639px){
  .header-widget{
  position: inherit;
  }
  .menu-toggle {
    display: block;
    background-color: transparent !important;
    margin:0 auto;
    font-family: 'Roboto Condensed', sans-serif;
    padding:0px;
  }
  .menu-toggle:before {
    font-size: 25px;
    content : "MENU";
  }
  .menu {
    display : none;
  }
  .menu li {
    width : 100%;
  }   
  .vc_row.audio-row{
padding-top: 5em !important;
}
  .header-row .vc_custom_heading{
border-right-width: 0px!important;
}
}
@media only screen and (max-width: 479px){
.header-row  h2{
    padding-left: 0px!important;
        font-size: 19px !important;
}
  .header-row .ts-icon-box-inner{
 padding: 0px 0px 0px 0px;
}
  h1 {
  font-size: 30px;
  }
}