@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Bubblegum+Sans');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700');
body {
  padding:0;
  margin:0;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color:#58595b;
  background-color:#ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
p {
  line-height: 23px;
}
body > div {
  font-size: 18px;
}
.white, .white a,.white em, .white .fa {
  color: #fff;
}
a {
  text-decoration: none !important;
  color: #000;
}
:focus{outline:none;}
h1 , h2 , h3 , h4 , h5 , h6 {
  font-weight: 400;
}
h1 {
  font-family: 'Bubblegum Sans', cursive;
  font-size: 48px;
  font-weight:400;
}
h2 {
  font-size: 36px;
}
h3,.footer-widget p, .ts-box-icon-title-text {
  font-family: 'Josefin Sans', sans-serif;   
}
h4 {
  font-size: 12px;
  color: #000;
  font-family: 'Crimson Text', serif;
}
.menu, .menu li, .menu li a, .menu a:hover{
  border:none;
  background:none;
}
.menu a, .menu_control {
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 21px;
  font-weight: bold;
}
.menu li{
  display:inline-block;
  padding:10px 20px;
}
.menu-item-type-post_type.current-menu-item > a {
  color: #002d67 !important;
}
.menu li.current-menu-item > a {
  cursor: pointer;
  background: none;
}
.menu li .sub-menu {
  display: none;
  position: absolute;
  top: 35px;
  z-index: 99;
  background-color: #002d67;
}
.menu li .sub-menu li{
  margin: 2px 10px;
}
.footer-widget .menu li:last-child {
  padding-right: 0px;
}
.menu li:hover > .sub-menu {
  display: block;
}
.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: #3071d4 !important;
  color: #fff !important;
  font-family: 'Crimson Text', serif;
  font-size: 18px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0px 10px;
  line-height: 1.5;
  border:1px solid #002d67;
}
.vc_row .vc_btn3.vc_btn3-style-custom i {
  background:#8ea7c8!important;
  color: #000!important;
  width: 28px;
  height: 27px;
  font-size: 14px;
  line-height: 26px;
  padding: 0px 7px;
  border-left: 1px solid #002d67;
}
.vc_row.client-row .vc_btn3.vc_btn3-style-custom {
  padding-right: 36px;
}
.vc_row.client-row .vc_btn3.vc_btn3-style-custom i {
  background:#fff!important;
  color: #000!important;
}
.vc_row .vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-custom.vc_btn3-icon-right i {
  right: 0!important;
}
::-webkit-input-placeholder { 
  color:    #5A656F;
  opacity:  1;
}
:-moz-placeholder {
  color:    #5A656F;
  opacity:  1;
}
::-moz-placeholder { 
  color:    #5A656F;
  opacity:  1;
}
:-ms-input-placeholder { 
  color:    #5A656F;
  opacity:  1;
}
input, select, textarea {
  background:#a1bbd3;
  border: 0;
  font-family: 'Crimson Text', serif!important;
  color: #000;
  font-size: 18px !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;
}
.vc_row .ts-vcsc-logos-layout-wrapper .nchgrid-item.nchgrid-tile {
  border: none;
  box-shadow: none !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.large, .vc_row .gform_wrapper textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;    
  box-sizing: border-box;        
}
.vc_row .gform_wrapper .gform_body, .error404 .content {
  width: 100%;
}
.vc_row  .ts-social-network-shortcode {
  margin: 0;
}
.vc_row div.mjp-s-wrapper.s-graphic{
  padding:0 !important;
  width:100%;
  background:#3071d4;
  border:3px solid #002d67;
  height: 40px;
  width:78%;
  border-radius: 5px;
  margin-bottom: 10px !important;
}
div.statusMI, span.posbarB_mp3j .ui-slider-handle, .indi_mp3j, .vc_row  span.vol_mp3j .ui-slider-handle {
  display: none;
}
.vc_row .wrap_inline_mp3j .play-mjp, .vc_row .wrap_inline_mp3j .pause-mjp, .vc_row .sdl_linkWrap a, .vc_row .bars_mp3j .ui-slider-handle, .vc_row span.vol_mp3j:before{
  background-color: transparent!important;
  background-image: url('https://www.havechrissayit.com/wp-content/uploads/2018/11/spritebutton-chis.svg');
  background-repeat: no-repeat;
  padding: 0px;
  background-size: 342px 34px;
}
.vc_row span.vol_mp3j:before{
  content: '';
  top: -11px;
  left: -51px;
  width: 99px;
  max-width: 120px;
  height: 36px;
  z-index: 0;
  position: absolute;
  background-position: -64px 0;
}
span.vol_mp3j.flipped {
  right: -116px !important;
  top: 10px !important;
  max-width: 50px;
}
.vc_row span.vol_mp3j .ui-widget-header {
  background: none !important;
  background-color: #12478b!important;
  height: 10px !important;
  border-radius: 0 !important;
  top: 1px;
}
.vc_row .wrap_inline_mp3j .play-mjp {
  background-position: -12px 0px;
}
.vc_row .wrap_inline_mp3j .play-mjp, .wrap_inline_mp3j .pause-mjp{
  width: 27px;
  height: 34px;
  display: inline-block;
}
.vc_row .wrap_inline_mp3j .pause-mjp {
  background-position: -43px 0px;
}
.sdl_linkWrap {
  background-color: transparent !important;	
}
.vc_row .sdl_linkWrap a {
  width: 22px;
  height: 21px;
  background-position: -206px -11px;
}
.mjp-s-wrapper.s-graphic .sdl_linkWrap {
  float: none;
  position: absolute;
  top: -23px;
  left: 10em;
}
.T_mp3j {
  font-size: 15px!important;
  bottom: -53px;
  font-weight: 400;
  color: #fff;
  left: -38px;
  top: -29px;
}
.vc_row .mjp-s-wrapper span.bars_mp3j{
  background:#fff;
  height: 10px;
  width: 100%;
  top: 12px;
}
.group_wrap .ui-slider-horizontal .ui-slider-range {
  background-color:#002d67!important;
}
.vc_row span.group_wrap{
  position: relative;
  margin: 0;
  width:50%;
  display: inline-block;   
}
.group_wrap span.load_mp3j, .group_wrap span.loadB_mp3j {
  min-height: 0px;
  height: 0px;
}
.vc_custom_heading a:hover {
  opacity: 1;
}
.vc_row.demo-row h2 i{
  color:#002d67;
  font-style: normal;
}
.footer-widget .menu a{
  font-size: 14px;
  font-weight: 400;
}
.footer-widget .menu li {
  padding: 0 8px;
}
.footer-widget .menu-item-type-post_type.current-menu-item > a {
  color:#3071d4 !important;
}
.site-header .ts-box-icon-title-icon{
  line-height: 11px !important;
} 
.footer-widget .menu-menu-container{
  text-align: right;
}
.footer-widget p{
  font-size:14px;
}
.gform_wrapper textarea.medium {
  height: 100px;
}
body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0 !important;
}
.gform_wrapper .gform_body ul.gform_fields li.gfield {
  padding-right: 0px;
  margin-top: 30px;
}
.gform_wrapper .gform_body ul.gform_fields li.gf_left_half {
  padding-right: 7.5px;
}
.gform_wrapper ul.gform_fields li.gf_right_half {
  padding-left: 7.5px;
}
.vc_row .gform_wrapper .gform_footer input[type=submit] {
  padding: 12px 3.8em!important;
  color: #5A656F;
  background:#a1bbd3;
  margin:0;
}
.vc_row .gform_footer {
  text-align: center;
}
.gform_wrapper .gform_footer {
  padding: 3px 0;
}
.vc_row .nch-lightbox-single.nch-lightbox-youtube {
  border: 0px;
}
.vc_row .ts-testimonial-main.style1 .ts-testimonial-user, .vc_row .ts-testimonial-main.style1 .ts-testimonial-content {
  margin: 0 auto;
}
.ts-testimonial-main.style1 .ts-testimonial-content {
  padding: 20px;
  background: transparent!important;
  border: none!important;
}
.vc_row .ts-testimonial-main.style1 .ts-testimonial-content, .vc_row .ts-testimonial-main.style1 .ts-testimonial-user-name, .vc_row .ts-testimonial-main.style1 .ts-testimonial-user-meta {
  color: #000;
  font-size: 18px;
  line-height: 1.7em;
}
.vc_row .ts-testimonial-main.style1 .ts-testimonial-user-name{
  text-align: right;
  padding-right:10em;
}
.vc_row .ts-testimonial-main.style1 .ts-testimonial-arrow ,.owl-controls {
  display: none;
}
.vc_row.blog-row .vc_grid .vc_btn3.vc_btn3-style-custom{
  border:2px solid #21283c;
  background:transparent !important;
  color:#21283c !important;
  font-size:8px;
  padding: 0px 16px!important;
}
.vc_row.blog-row .vc_gitem-post-data-source-post_excerpt p {
  color: #000000;
}
.vc_row .ts-testimonial-main.style1 .ts-testimonial-user-name:before {
  content: '-';
  padding: 0 4px;
}
.demo-row .wpb_column .vc_column-inner{
  background-position: center 20%!important;
} 
.blog-row .wpb_single_image.wpb_content_element{
  line-height: 0;
}
.single .post, .archive .post {
  padding: 2em 0;
}
.archive-description {
  margin: 2em 0 0;
}
.contact-row .vc_column-inner .wpb_wrapper .gform_wrapper{
  width: 83%;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px){
  .menu li {
    padding: 10px 10px;
  }
  .vc_row.demo-row h2 {
    font-size: 32px;
  }
  .vc_row span.group_wrap {
    width: 43%; 
  }
  .demo-row .about.wpb_column .vc_column-inner{
    padding-left: 2.6em!important;
  }
  .vc_row.demo-row h2 {
    font-size: 24px!important;
  }
  #demos{ 
    padding-top: 30px;
  }
}
@media only screen and (max-width: 1023px){
  .footer-widget p {
    font-size: 11px;
  }
  .vc_row span.group_wrap {
    width: 20%;
  }
  .demo-row h1{
    font-size: 36px;
  }
  .menu li {
    padding: 10px 7px;
  }
  .vc_row.demo-row h2 {
    font-size: 24px;
  }
  .menu a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 991px){
  .vc_row.demo-row .wpb_column.vc_col-sm-12 .vc_column-inner {
    background-image: none !important;
  }
  .vc_row.demo-row .wpb_column.vc_col-sm-12 .vc_row.vc_inner  {
    padding-bottom: 2em!important;
  }
  .vc_row.demo-row .innercontainer {
    display: block;
  }
  .vc_row.demo-row .vc_row.vc_inner .wpb_column {
    width:100%
  }
  .header-widget .widget.widget_nav_menu,.vc_row div.mjp-s-wrapper.s-graphic,.vc_btn3-container.vc_btn3-left , .demo-row h1,h2,h3 ,.header-widget .header-row{
    text-align:center !important;
  }
  .vc_row.demo-row h2{
    padding-top:2em;
  }
  .demo-row .wpb_column .vc_column-inner{
    padding-left: 15px!important;
  }
  span.vol_mp3j.flipped {
    right: 0px !important;
  }
  .vc_row span.group_wrap {
    width: 85%;
  }
  .vc_row div.mjp-s-wrapper.s-graphic {
    width: 100%;
  }
  .vc_row .mjp-s-wrapper span.bars_mp3j {
    width: 80%;
  }
  .demo-row .about.wpb_column .vc_column-inner{
    padding-left: 15px!important;
  }
  .vc_row .ts-testimonial-main.style1 .ts-testimonial-user-name {
    text-align: center;
    padding-right: 0em; 
  }
}
@media only screen and (max-width: 767px){
  .vc_row.parentrower .innercontainer, .vc_row.parentrower{ 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mobilefirst { 
    -webkit-order: 1;
    order: 1;
  }
  .mobilesecond { 
    -webkit-order: 2;
    order: 2;
  }
  .footer-widget, .footer-widget .text-right.wpb_column,.footer-widget .menu-menu-container{
    text-align:center !important; 
  }
  .demo-row .menu-toggle {
    display: block;
    background-color: transparent !important;
    margin:0 auto;
    font-family: 'Josefin Sans', sans-serif;
    padding:0px;
  }
  .demo-row .menu-toggle:before {
    font-size: 25px;
    content : "MENU";
  }
  .demo-row .menu {
    display : none;
  }
  .menu li .sub-menu li {
    margin: 2px 0px;
  }
  .menu li .sub-menu {
    position: relative;
    top: 0px;
  } 
  .demo-row .menu li {
    width : 100%;
  }
  .vc_row .mjp-s-wrapper span.bars_mp3j {
    width: 75%;
  }
  .contact-row .vc_column-inner .wpb_wrapper .gform_wrapper{
    width: 100%;
  }
  .footer-widget .menu li:last-child {
    padding-right: 8px; 
  }
  .ts-icon-box-inner{
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .vc_row .ts-box-icon-link{
    display:block !important; 
    padding-top: 5px;
  }
  .vc_row .ts-box-icon-link:first-child{
    padding-top: 8px !important;      
  }
  .ts-box-icon-title-holder{
    float: none !important;
  }
  .site-footer .vc_row.parentrower{
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 640px){
  .gform_wrapper .gform_body ul.gform_fields li.gf_left_half ,.gform_wrapper ul.gform_fields li.gf_right_half {
    padding:0px;
  }
}
@media only screen and (max-width: 639px){
  .header-widget .header-row .ts-icon-box-inner{
    padding-left: 0!important;
    padding-right: 16px!important;
  }
  .vc_row .mjp-s-wrapper span.bars_mp3j {
    width: 62%;
  }
  .contact-row h2 {
    font-size: 28px;
  }
  .ts-box-icon-title-text{
    font-size: 13px !important;
  }
}
@media only screen and (max-width: 590px){
  .header-widget .demo-row{
    background-image: url(https://www.havechrissayit.com/wp-content/uploads/2018/11/mobile-img.png)!important;
  }
}
@media only screen and (max-width: 479px){

  .vc_row.demo-row h2 {
    font-size: 22px !important;
  }
  .header-widget .header-row .ts-icon-box-inner,.footer-widget .ts-icon-box-inner {
    padding-right: 0px!important;
  }
  .vc_row .mjp-s-wrapper span.bars_mp3j {
    width: 52%;
  }
  .contact-row h2 {
    font-size: 25px;
  }
  .blog-row h2 ,.client-row h2,.testimonial-row h2  {
    font-size: 30px;
  }
  .vc_row span.group_wrap {
    width: 79%;
  }
  .footer-widget .menu a {
    font-size: 12px;
  }
  .footer-widget .menu li {
    padding: 0 5px;
  }
}