@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
 @import url('https://fonts.googleapis.com/css?family=Roboto');
 @import url('https://fonts.googleapis.com/css?family=Lato');
 @import url('https://fonts.googleapis.com/css?family=Pattaya');
 @import url('https://fonts.googleapis.com/css?family=Rajdhani:400,700');
 @import url('https://fonts.googleapis.com/css?family=Oswald:400,500');
 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: 'Open Sans', sans-serif;
     font-size: 18px;
     font-weight: 400;
     color:#1c1c1c;
     background-color:#fff;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 body > div {
     font-size: 18px;
}
 .white, .white a,.white em, .white .fa {
     color: #fff;
}
 a {
     text-decoration: none !important;
     color: #3eafa9;
}
 :focus{
    outline:none;
}
 h1 , h2 , h3 , h4 , h5 , h6 {
     text-transform: inherit;
     font-family: 'Roboto', sans-serif;
}
 h1 {
     font-size: 30px;
     font-weight:400;
}
 h2 {
     font-family: 'Pattaya', sans-serif;
}
 h3 {
     font-size: 25px;
     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 a, .menu_control {
     color:#fff;
     font-size:15px;
}
 .menu li {
     display: inline;
     padding: 0px 18px;
     position: relative;
     top: 34px;
}
 .menu-item-type-post_type.current-menu-item > a{
     cursor: pointer;
     background: none;
     color:#ffffff;
}
 .menu-toggle , .indi_mp3j span , .vc_row .gform_wrapper .top_label .gfield_label , .post-edit-link, .error404 .sidebar, .vc_row .owl-controls, .vc_row .owl-item .ts-testimonial-arrow, .single .widget_search input[type="submit"], .archive .widget_search input[type="submit"], .vc_row.mobile-image  {
     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 {
     font-size: 11px;
     font-weight: normal;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     padding: 4px 49px 4px 31px !important;
     line-height: 1.5;
}
 .vc_btn3.vc_btn3-style-custom {
     background-image: none!important;
}
 ::-webkit-input-placeholder {
     color:#022b68;
     opacity: 1;
}
 :-moz-placeholder {
     color:#022b68;
     opacity: 1;
}
 ::-moz-placeholder {
     color:#022b68;
     opacity: 1;
}
 :-ms-input-placeholder {
     color:#022b68;
     opacity: 1;
}
 input, select, textarea {
     background-color: #fff;
     border: 0;
     color:#022b68;
     font-size: 12px !important;
     font-weight: 400;
     padding: 6px !important;
     border-radius: 10px;
}
 input:focus, textarea:focus {
     border: none;
     outline: none;
}
 .vc_row .ts-owlslider-controls div {
     padding: 0;
     border: none;
}
 .vc_row .ts-box-icon.icon_left-style .ts-main-ico{
     margin:0;
}
 .learn-section .ts-main-ico {
     border: 0!important;
}
 .vc_row .ts-box-icon-link{
     clear:both;
     overflow:hidden;
     display: inline-block;
     line-height: 1.3;
     vertical-align: middle;
}
 body .nchgrid-item img {
     width:100%;
     height:auto !important;
}
 body .nch-logo-link {
     pointer-events: none;
     border: 0!important;
}
 .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;
     -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;
}
 .mail-border .ts-box-icon-title-text {
     border-right: 1px solid;
     padding-right: 10px;
}
 .site-footer p {
     font-family: 'Lato', sans-serif;
     font-size: 10px;
}
 .menu-menu-container {
     background-image: url(https://www.twistedvo.com/wp-content/uploads/2018/04/Menu.png);
     background-repeat: no-repeat;
     padding-bottom: 4em;
     text-align: center;
     background-position: top center;
     margin-top: -2px;
}
 .audio-col i:before {
     content: '';
     background-image: url(https://www.twistedvo.com/wp-content/uploads/2018/04/Listen.png) !important;
     background-repeat: no-repeat;
     padding: 1.5em;
     background-size: contain;
     background-position: center;
}
 .vc_row.border-row {
     background-repeat: repeat-x !important;
     background-position: 0 6px !important;
}
 .learn-section .vc_column-inner {
     border: 2px solid #565656;
     border-radius: 50%;
}
 .learn-section .wpb_column {
     padding: 0em 2.6em;
     width: 400px;
}
 .learn-section .vc_column-inner .wpb_text_column{
     border-radius: 50%;
}
 h1.image-heading {
     position: relative;
     top: 35px;
     padding-left: 10px;
}
 .learn-section .ts-vcsc-box-icon {
     position: absolute;
     right: 50px;
}
 .learn-section p{
     font-size:14px;
}
 .about-row li:before {
     content: '\f101';
     font-family: fontawesome;
     font-size: 18px;
     padding-right: 10px;
}
 .about-row li {
     list-style-type: none!important;
     padding-bottom: 8px;
}
 .about-row .wpb_text_column {
     display: flex;
     justify-content: center;
}
 .vc_btn3-icon {
     font-size: 10px!important;
     right:32px!important;
}
 .vc_row .about-row {
     background-position: right!important;
     background-size: 35% 100%!important;
}
 .learn-section .wpb_column.vc_column_container:hover .wpb_text_column, .learn-section .wpb_column.vc_column_container:hover i.ts-box-icon-title-icon {
     background-color: #fff !important;
}
 .learn-section .wpb_column.vc_column_container:hover .wpb_text_column p{
     color:#565656!important;
}
 .shadow-row:before {
     bottom: -22px!important;
     transform: rotate(180deg);
}
 .shadow-row:before, .shadow-row:after {
     position: relative;
     z-index: 9;
     display: inline-block!important;
     content: ''!important;
     bottom:5px;
     height: 16px;
     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,.34),transparent 58%);
}
 .ts-owlslider-controls-prev {
     float: left!important;
}
 .vc_row .ts-owlslider-controls {
     top: 43%;
     z-index: 1;
     color: #2F528F;
     position: absolute!important;
     border:none;
}
 .vc_gitem_row p {
     font-size: 11px;
     color: #fff;
     font-family: 'Rajdhani', sans-serif;
     text-align: left;
     margin-bottom: 2px;
}
 .vc_gitem-post-data-source-post_title p {
     font-family: 'Open Sans', sans-serif;
     font-size: 11px;
}
 .gform_wrapper ul.gform_fields li.gfield {
     padding-right: 0!important;
     margin-top: 0!important;
     margin-bottom: 12px;
}
 .gform_wrapper ul.gform_fields li.gfield.gf_left_half {
     padding-right: 25px !important;
}
 .gform_wrapper ul.gform_fields li.gfield.gf_right_half {
     padding-left: 25px !important;
}
 .vc_grid-item h4{
     color:#022b68;
     font-family: 'Rajdhani', sans-serif;
}
 .blog-row .vc_grid-item p{
     color:#1c1c1c;
     font-weight: bold;
}
 .blog-row .vc_btn3.vc_btn3-style-custom {
     font-size: 10px;
     padding: 4px 25px 4px 25px !important;
     font-family: 'Oswald', sans-serif;
     border: 0;
}
 .gform_wrapper textarea.medium {
     height: 120px!important;
}
 input#gform_submit_button_1 {
     width: 100%;
     background-color: #fff;
     color: #022b68;
     font-weight: normal;
       margin: 0;
}
 .gform_footer.top_label {
     padding: 0;
     margin: 5px 0 0;
}
 .vc_row div.mjp-s-wrapper.s-graphic{
     padding: 0px 0 0px 0;
     width: 72%;
     margin: 18px auto!important;
     border-radius: 25px !important;
     border: 1px solid #022b68;
     height: 35px;
}
 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.twistedvo.com/wp-content/uploads/2018/05/Margret-2.svg')!important;
     background-repeat: no-repeat!important;
     padding: 0px!important;
     background-size: 111px 36px!important;
}
 .wrap_inline_mp3j .play-mjp {
     background-position: 4px 0px!important;
     position: relative;
     bottom: 18px;
}
 .wrap_inline_mp3j .play-mjp, .wrap_inline_mp3j .pause-mjp, .sdl_linkWrap a {
     width: 33px!important;
     height: 33px !important;
     display: inline-block;
     margin: 0!important;
}
 .wrap_inline_mp3j .pause-mjp {
     background-position: -38px 0px!important;
     position: relative;
     bottom: 18px;
}
 .sdl_linkWrap {
     background-color: transparent !important;
     margin: 0!important;
     float: none!important;
}
 .sdl_linkWrap a {
     background-position: -82px -1px!important;
}
 .group_wrap span.load_mp3j, .group_wrap span.loadB_mp3j {
     min-height: 0px !important;
     height: 0px !important;
}
 .vc_row .mjp-s-wrapper span.bars_mp3j {
     left: 0px;
     width: 92%;
     background: #fff;
     height: 10px;
     border-radius: 25px;
     top: 17px;
     bottom:0px!important;
     z-index:999;
     right: 0;
     margin: 0 auto;
}
 .group_wrap .ui-slider-horizontal .ui-slider-range {
     background:#3b90f4 !important;
     border-radius: 10px;
}
 .vc_row span.group_wrap {
     position: relative;
     margin: 0;
     width: 82%;
     bottom: 22px;
     right: 1px;
     display: inline-block;
}
 .vc_row span.group_wrap:after{
     content: '';
     background-image: url(https://www.twistedvo.com/wp-content/uploads/2018/04/bar.png)!important;
     background-repeat: no-repeat;
     background-size: 100% 100%!important;
     display: block;
     padding: 13px;
     position: relative;
     margin-top: -9px;
}
 span.textbutton_mp3j, span.T_mp3j {
     top: -18px;
     left: -38px;
     color:#022b68;
}
 body .blog-row .vc_grid-owl-nav, body .blog-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev, body .blog-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next {
     opacity: 1 !important;
     transition: none !important;
     top: 0px!important;
     display: inline-block!important;
     left: inherit;
}
 body .blog-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev {
     right: 1.8em !important;
}
 body .blog-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next {
     right: 3.5em !important;
}
 .blog-row .vc_arrow-icon-arrow_12_left:before, .blog-row .vc_arrow-icon-arrow_12_right:before {
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     color: #FF8603;
     font-size: 24px;
     background-color: #022B68;
     padding: 4px 13px;
     opacity: 1;
}
 .blog-row .vc_arrow-icon-arrow_12_left:before{
     content: "\f0da";
}
 .blog-row .vc_arrow-icon-arrow_12_right:before{
     content: "\f0d9";
}
 .single .site-inner, .archive .site-inner, .archive .site-inner{
     padding-top: 3em;
}
 .sidebar .search-form input, .error404 .search-form input{
     border: 2px solid;
}
 .sidebar li a, .single .site-inner a, .archive .site-inner a, .error404 .site-inner a{
     color:#1c1c1c !important;
}
 .vc_row.blog-row{
     background-position: left !important;
     background-size: 35% 100%!important;
}
 .vc_row .vc_grid-owl-dots {
     display: none!important;
}
 .testimonial-row .vc_grid-item:nth-child(odd) {
     background-image: url(https://www.twistedvo.com/wp-content/uploads/2018/04/test-1.png) !important;
}
 .testimonial-row .vc_grid-item:nth-child(odd), .testimonial-row .vc_grid-item:nth-child(even) {
     background-size: contain;
     background-repeat: no-repeat;
     padding: 4em 0em !important;
     text-align: center;
}
 .testimonial-row .vc_gitem_row {
     width: 68%;
     margin: 0 auto!important;
}
 .testimonial-row .vc_grid-item:nth-child(even) {
     background-image: url(https://www.twistedvo.com/wp-content/uploads/2018/04/test-2.png) !important;
     margin-top: 5.4em;
}
 .testimonial-row .vc_grid-item:nth-child(2) {
     margin-right: -12px;
}
 .header-row .wpb_single_image {
     position: relative;
     bottom: 46px;
}
 div#gform_wrapper_1 {
     width: 90%;
     margin: 0 auto;
}
.contact-row .vc_column-inner {
background-position: bottom right!important;
}
.gform_confirmation_message {
    color: #fff;
}
/*Responsive*/
 @media only screen and (max-width:1680px){
      .vc_row.header-row {
    background-size: cover!important;
}
}
 @media only screen and (max-width: 1280px){
     .single .site-inner, .archive .site-inner{
         padding: 3em 15px;
    }
     .site-header .header-row {
         background-size: cover !important;
    }
     .learn-section .vc_column-inner .wpb_text_column {
         padding: 5em 1em!important;
    }
     .learn-section .wpb_column {
         padding: 0em 1em;
         width: 330px;
    }
     .vc_row.learn-section{
         width: 991px;
         margin: 0 auto;
    }
}
 @media only screen and (max-width: 1200px){
     .testimonial-row .vc_gitem_row {
         width: 50%;
    }
     .testimonial-row .vc_grid-item:nth-child(odd) {
         width: 50%;
         background-position: center;
    }
     .testimonial-row .vc_grid-item:nth-child(even) {
         margin-top: 0em;
         width: 50%;
         background-position: center;
    }
     .testimonial-row .vc_grid-item:nth-child(odd), .testimonial-row .vc_grid-item:nth-child(even) {
         padding: 6em 0em !important;
         margin-bottom: 2em;
    }
     .vc_row span.group_wrap {
         width: 79%;
    }
}
 @media only screen and (max-width: 1023px){
     .site-header .vc_row .wpb_column {
         width: 100%;
    }
     .site-header .vc_row:nth-child(1), .site-footer, .gfield p, #contact {
         text-align: center;
    }
     .header-row .wpb_single_image {
         bottom: 0;
    }
     .site-header h2 {
         padding-top: 0em!important;
    }
     .vc_row.learn-section {
         width: 400px;
         margin: 0 auto;
    }
     .learn-section .wpb_column {
         padding: 1em 3em;
         width: 400px;
    }
     .vc_row .about-row, .vc_row.blog-row {
         background-image: none!important;
    }
     .about-row h1, .blog-row h1{
         color: #022b68!important;
    }
     .about-row .wpb_text_column{
         color: #1c1c1c!important;
         padding-bottom: 2em;
    }
     .contact-row .ts-icon-box-inner {
         padding: 12px 0px!important;
    }
     h1 {
         font-size: 28px;
    }
     .vc_row span.group_wrap {
         width: 86%;
    }
   .contact-row .vc_column-inner {
   background-image:none!important;
   padding-bottom: 0!important;
   padding-top: 2em!important;
}
        .contact-row .ts-box-icon-link {
         display: block;
    }
   .contact-row .wpb_column {
    width: 100%;
}
   div#gform_wrapper_1 {
    width: 100%;
}
   .vc_row.mobile-image {
    display:block;
}
   #contact h1{
padding-bottom: 3em!important;
}
}
 @media only screen and (max-width: 880px){
     .site-inner, .wrap {
         padding-left: 0;
         padding-right: 0;
    }
}
 @media only screen and (max-width: 767px){
     .testimonial-row .vc_grid-item:nth-child(odd), .testimonial-row .vc_grid-item:nth-child(even) {
         width: 75%;
         margin: 2em auto;
    }
    .blog-row .wpb_single_image, .blog-row .vc_grid-item h4, .blog-row .vc_btn3-container.vc_btn3-left, .vc_gitem_row p, #Contact, #Blog, #Clients, .vc_row.video-section, .vc_row.testimonials-section, .vc_row.about-row {
         text-align: center!important;
    }
     .vc_row span.group_wrap {
         width: 83%;
    }
   .about-row ul {
    margin-left: 0;
}
}
 @media only screen and (max-width: 640px){
     .gform_wrapper ul.gform_fields li.gfield.gf_left_half, .gform_wrapper ul.gform_fields li.gfield.gf_right_half{
         padding:0 !important;
    }
     .gform_wrapper ul.gform_fields li.gfield {
         margin-bottom: 20px;
    }
}
 @media only screen and (max-width: 639px){
     .menu-toggle {
         display: block;
         background-color: transparent !important;
         margin:0 auto;
         padding:0px;
    }
     .menu-toggle:before {
         font-size: 25px;
         content : "MENU";
    }
     .menu {
         display : none;
    }
     .menu li {
         width : 100%;
         display: block;
         top: 0;
    }
     .menu-menu-container {
         background-image: none;
         padding-bottom: 0em;
    }
     .vc_row .menu-row {
         background-color: #084896;
         padding: 10px 0px;
    }
     .vc_row span.group_wrap {
         width: 77%;
    }
     .testimonial-row .vc_grid-item:nth-child(odd), .testimonial-row .vc_grid-item:nth-child(even) {
         margin: 0em auto;
    }
.gfield p {
    font-size: 18px!important;
}
}
 @media only screen and (max-width: 479px){
     .learn-section .vc_column-inner .wpb_text_column {
         padding: 3em 2em!important;
    }
     .learn-section .wpb_column {
         padding: 1em 0em;
         width: 255px;
    }
     .vc_row.learn-section {
         width: 257px;
         margin: 0 auto;
    }
     .testimonial-row .vc_grid-item:nth-child(odd), .testimonial-row .vc_grid-item:nth-child(even) {
         width: 100%;
    }
     .testimonial-row .vc_gitem_row {
         width: 68%;
    }
     .learn-section .ts-main-ico {
         position: relative;
         bottom: 33px;
    }
     .vc_row span.group_wrap {
         width: 62%;
    }
     .site-header h2 {
         font-size: 20px!important;
    }
     h1 {
         font-size: 18px;
    }
     .gfield p {
         font-size: 14px!important;
    }
     .vc_gitem-post-data-source-post_title p {
         font-size: 9px;
    }
    span.T_mp3j {
         font-size: 14px!important;
}
    .vc_row span.group_wrap {
         bottom: 24px;
}
    .vc_row .mjp-s-wrapper span.bars_mp3j {
        top: 19px;

}
}