/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

@import url("../salient/style.css");
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300')
@import url('https://fonts.googleapis.com/css?family=Anton')
@font-face {
    font-family: 'antoniobold';
    src: url('font/antonio-bold-webfont.eot');
    src: url('font/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/antonio-bold-webfont.woff2') format('woff2'),
         url('font/antonio-bold-webfont.woff') format('woff'),
         url('font/antonio-bold-webfont.ttf') format('truetype'),
         url('font/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Antonio-Regular';
    src:  url('font/Antonio-Regular.ttf.woff') format('woff'),
    url('font/Antonio-Regular.ttf.svg#Antonio-Regular') format('svg'),
    url('font/Antonio-Regular.ttf.eot'),
    url('font/Antonio-Regular.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Antonio-Bold';
    src:  url('font/Antonio-Bold.ttf.woff') format('woff'),
    url('font/Antonio-Bold.ttf.svg#Antonio-Bold') format('svg'),
    url('font/Antonio-Bold.ttf.eot'),
    url('font/Antonio-Bold.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

.box12{background:url('images/bg9.png')no-repeat center top; z-index:5;}

.wp-image-65{position:relative; z-index:4;}
.comp{    position: relative;
    margin: -400px 188px;}
.current-menu-item,.sf-menu li a:hover,.sf-menu li a{font-weight:bold; font-size:14px !important; color:#fff !important;}
.top-logo {text-align:center;}
.top-logo li{ display:inline-block; margin-right:55px;}
.main-content ul, .main-content ol{margin-left:120px;}
pre img{margin-right:33px;}
p, li {
    padding: 0 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 22pt !important;
    color: #fff;
    line-height: 120%;
}
.home p{
    font-size: 13pt!important;
    line-height: 160%;
    font-weight: 100;
}


#gform_wrapper_2 .gform_footer{    position: relative;
    text-align:center;
    margin: 0 auto !important;
    width: 10%;
    float:none;
}

#gform_2 label{text-align:left;}

#gform_submit_button_1{
  margin-right: 15px;
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label{font-weight:400 !important;}
.gform_wrapper .ginput_complex label{font-size:14px !important;}
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{margin-top:1.375em !important;background:#339999;}
#gform_wrapper_2 input{background:#339999; border-radius:7px;     font-family: 'Antonio-Bold';
    color: #e00808;}
.widget p{font-size:13pt !important;}
.regular{font-size:33pt !important;  font-family: 'Antonio-Regular' !important;line-height: 120%; color:#fff;font-weight:regular !important;}
.main-content ul li,.main-content ol li {margin-top:20px;}
small{font-family: 'Open Sans', sans-serif;
    font-size: 11pt !important;}
#footer-outer #footer-widgets .col input[type=text]{width:49% !important;}
#footer-outer #footer-widgets .col ul li{border:0;}
.col{margin-right:0 !important;}
nav a{text-transform:uppercase;}
.container-wrap, .project-title{margin-top:-120px; background:none; padding-bottom:0 !important;}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{margin-bottom:0 !important;}
h5{padding:0 !important; font-size:24pt !important;font-family: 'Open Sans', sans-serif;line-height: 120%; font-weight:normal !important;}
h5 strong{font-size:34pt !important;}
h6{font-size:21pt;font-family: 'Open Sans', sans-serif; font-weight:bold; color:#fff;margin-bottom:20px;}
h2{  font-family: 'Antonio-Bold'; font-size:46pt; font-weight:bold;line-height: 120%; color:#fff;}
.home h2{letter-spacing:12px;}
.feature{  font-size:46pt; font-weight:bold; color:#fff;}
p,li{padding:0 !important;font-family: 'Open Sans', sans-serif; font-size:17pt; color:#fff; line-height: 120%;}
h4,.text-on-hover-wrap .categories a{font-size:22pt; color:#fff; margin:30px 0;font-family: 'Open Sans', sans-serif;font-weight:400;line-height:120%;}
#footer-outer .widget h4{font-weight:bold;font-size:15pt;font-family: 'Open Sans', sans-serif;line-height:120%;}
.home #footer-outer h2{padding-top:0px;}
.home{background:url('images/home.jpg');
background-size: 100% 100%;}
.page-id-964{background:url('images/bn-bg.jpg')no-repeat center top#A31208 !important;}
.page{background:url('images/page.jpg');
background-size: 100% 100%;}
.wp-image-71{margin-top:-144px;}

#extensions_message{display:none;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{background:none !important;}


.wp-image-90{margin-top:-290px;    position: relative;
    z-index: 9999;}
.wp-image-116{margin-top:-118px;}
.box11{padding-top: 100px;z-index:5;}
.wp-image-121{margin-top:-167px;}
.wp-image-130{margin-top:-228px;}

.box13{padding-top:161px;}

.circle-img{margin-top:-292px;}
.box12 p{font-size:22px !important;;}
.box12 .vc_toggle{margin:20px 0;}
#footer-outer{    background: url('images/footer-13.png')no-repeat center top;
    background-size: cover;
   
    position: relative;
    z-index:1;
   }

#footer-outer h2{padding-top:150px;}
#sound .soundtrack{padding:0 0 0 270px;}
.smallfont{margin:10px 0;}
#black-studio-tinymce-2 p{font-size:18pt !important;}

#footer-outer #copyright{background:none;}
.logos li{display:inline-block;margin:0 20px 0 0;}
.logos{text-align:center;}
.gform_heading,.gfield_label{display:none !important;}
 input[type=text]{padding:0 !important;}
.gform_footer{    position: relative;
    text-align: right;
    margin:-45px 137px 0 0 !important;
    width: 10%;
    float: right;}
.gform_body{text-align:center;}
::-webkit-input-placeholder {
   font-size:14px;
  padding-top:5px;
}

:-moz-placeholder { /* Firefox 18- */
    font-size:14px; 
    padding-top:5px;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-size:14px;
    padding-top:5px;
}

:-ms-input-placeholder {  
     font-size:14px;
    padding-top:5px;
}
.shadow-img{margin:-480px 0 0 750px;}
.shadow2{margin:0 0 0 -113px ;}
.shadow4{margin:-268px 0 0 239px;}
.fight1{margin:0 0 0 0;}
.fight2{margin:-740px 0 0 250px; position:relative; z-index:2;}
.fight3{margin:-916px 0 0 331px;}
.fight4{margin:77px 0 0 -20px;}
.comp1{padding: 257px 0 0 0;margin: -247px 0 0 0;}


.soundtrack-list p {
    font-size:16px !important;
    font-weight: 400 !important;
    margin-left:10px !important;
    margin-left:28px!important;
}
.wp-image-331{width:100%;}


.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*********************************** 
Wordpress Native Audio Player styling
***************************************/
 
/* change the color of the background */

.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
    background: red;
}
.mejs-container .mejs-controls {
  /*background: url('http://iyeesales.ca/afro/wp-content/themes/salient-child/images/afrovideo.png') !important; */
 background: transparent !important;
  background-color: transparent !important;
}
 
/* change the color of the lettering */
.mejs-currenttime,
.mejs-duration {
  color: #fff !important;
}
 
/* eliminate the yellow border around the play button during playback */
.mejs-controls .mejs-button button:focus {
outline: none !important;
}

/* use a sprite file with darker transport icons 
.mejs-controls .mejs-button button {
  background-image: url('your-images-directory/controls-dark.svg') !important;}*/

.mejs-container .mejs-controls{
  height: 30px;
  width: 70% !important;
}
 
/* change the color of the progress bar */
.mejs-controls .mejs-time-rail .mejs-time-total {
  background: red !important;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded{
  background: red !important;
}
 
/* change the color of the current time bar */
.mejs-controls .mejs-time-rail .mejs-time-current {
  background: red !important;
}
 
 change the color of the file loading bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #ccc !important;
}
/*
@media screen and (min-width: 1920px){
  .sword{bottom:-109px !important;}
  .box{margin-top:-149px;}
  .home #footer-outer {margin: -294px 0;padding: 285px 0;}
  .box12{margin-top:-145px;padding:144px 0 543px 0 }
  #gallery{margin-top:-127px; padding-top:200px;}
  .box11{margin-top: -203px;padding:232px 0 100px;z-index: 5; background-size:cover;}
  .videoplayer{margin-top:-500px; margin-left: -40px;}
  .box7{padding-top: 281px;margin-top: -248px;z-index:1;}
  .box5{margin-top: -92px;padding: 105px 0 0 0;}
  .box-shadow{margin-top:-500px;}
	.comp{margin:-530px 412px;}
	.wp-image-331{width:100%;}
	.box3{margin-top:-355px;padding:313px 0 0;}
	.box6{margin-top:0; }
	.box8{margin-top:0; }
	.box9{margin-top:-158px;padding: 253px 0; z-index:5[}
	.box10{margin-top:0; z-index: 999; }
  
}

@media screen and(max-width: 1600px){

   
}

@media screen and (max-width:1440px){
   .comp{margin-right:0 !important;}
  .sword{bottom:-109px !important;}
  .box{margin-top:-149px;}
  .home #footer-outer {margin: -294px 0;padding: 285px 0;}
  .box12{margin-top:-145px;padding:144px 0 543px 0 }
  #gallery{margin-top:-127px; padding-top:200px;}
  .box11{margin-top: -203px;padding:232px 0 100px;z-index: 5; background-size:cover;}
  .videoplayer{margin-top:-300px; margin-left: -40px;}
  .box7{padding-top:280px;margin-top: -248px;z-index:1;}
  .box5{margin-top: -92px;padding: 105px 0 0 0;}
  .box-shadow{}
	.comp{margin:-530px 412px;}
	.wp-image-331{width:100%;}
	.box3{margin-top:-355px;padding:313px 0 0;}
	.box6{margin-top:0; }
	.box8{margin-top:0; }
	.box9{margin-top:-158px;padding: 253px 0; z-index:5[}
	.box10{margin-top:0; z-index: 999; }
  
}
@media screen and (max-width:1366px){
  .comp{margin-right:0 !important;}
  .sword{bottom:-109px !important;}
  .box{margin-top:-149px;}
  .home #footer-outer {margin: -294px 0;padding: 285px 0;}
  .box12{margin-top:-145px;padding:144px 0 543px 0 }
  #gallery{margin-top:-127px; padding-top:200px;}
  .box11{margin-top: -203px;padding:232px 0 100px;z-index: 5; background-size:cover;}
  .videoplayer{margin-top:-300px; margin-left: -40px;}
  .box7{padding-top:280px;margin-top: -248px;z-index:1;}
  .box5{margin-top:-103px;padding: 105px 0 0 0;}
  .box-shadow{}
	.comp{margin:-530px 412px;}
	.wp-image-331{width:100%;}
	.box3{margin-top:-355px;padding:313px 0 0;}
	.box6{margin-top:0; }
	.box8{margin-top:0; }
	.box9{margin-top:-127px;padding: 253px 0; z-index:5[}
	.box10{margin-top:0; z-index: 999; }
}
@media screen and (max-width:1280px){
   .comp{margin-right:0 !important;}
  .sword{bottom:-109px !important;}
  .box{margin-top:-149px;}
  .home #footer-outer {margin: -294px 0;padding: 285px 0;}
  .box12{margin-top:-145px;padding:144px 0 543px 0 }
  #gallery{margin-top:-127px; padding-top:200px;}
  .box11{margin-top: -203px;padding:232px 0 100px;z-index: 5; background-size:cover;}
  .videoplayer{margin-top:-300px; margin-left: -40px;}
  .box7{padding-top:280px;margin-top: -248px;z-index:1;}
  .box5{margin-top:-103px;padding: 105px 0 0 0;}
  .box-shadow{}
	.comp{margin:-530px 412px;}
	.wp-image-331{width:100%;}
	.box3{margin-top:-355px;padding:313px 0 0;}
	.box6{margin-top:0; }
	.box8{margin-top:0; }
	.box9{margin-top:-127px;padding: 253px 0; z-index:5[}
	.box10{margin-top:0; z-index: 999; }
}
@media screen and (max-width:1152px){
  .box11{margin-top:-170px;}
  .box{margin-top:0;}
}
@media screen and (max-width:1024px){
  .comp{margin-right:0 !important;}
  .sword{bottom:-109px !important;}
  .box{margin-top:-149px;}
  .home #footer-outer {margin: -294px 0;padding: 285px 0;}
  .box12{margin-top:-145px;padding:144px 0 543px 0 }
  #gallery{margin-top:-127px; padding-top:200px;}
  .box11{margin-top: -203px;padding:232px 0 100px;z-index: 5; background-size:cover;}
  .videoplayer{margin-top:-300px; margin-left: -40px;}
  .box7{padding-top:280px;margin-top: -248px;z-index:1;}
  .box5{margin-top:-103px;padding: 105px 0 0 0;}
  .box-shadow{}
	.comp{margin:-530px 412px;}
	.wp-image-331{width:100%;}
	.box3{margin-top:-355px;padding:313px 0 0;}
	.box6{margin-top:0; }
	.box8{margin-top:0; }
	.box9{margin-top:-127px;padding: 200px 0 61px 0; z-index:5[}
	.box10{margin-top:0; z-index: 999; }
}
*/

#comp-click {
    width: 20%;
    padding-bottom: 20%;
    position: absolute;
    top: -17vw;
    right: 9.5vw;
    cursor: pointer;
}

.box{ padding:40vw 0 20px 0;
height:84vw;
}

.box h4 {
    font-size: 18px!important;
    font-size: 1.3vw!important;
    line-height: 160%;
}

.box h5 span{
    font-size:24px!important;
    font-size:2vw!important;
    line-height:100%;
}

.box h3{
    font-size:12px;
    margin-bottom:0;
}

ul.top-logo{
    margin-left:0;
    text-align:center;
    margin-bottom:15px!important;
}

ul.top-logo li {
    width:10%;
    margin-right:2%;
    margin-top:0;
    text-align:center;
}



.slash1 {
    z-index:1;
    position:absolute;
    width:100%;
}

.slash1-image, .slash1{
    margin-top:-8vw!important;
}

.slash1-desc{
    margin-top:7vw;
}

.slash2 {
    position:absolute;
    z-index:0;
    width:100%;
}

.slash2{
    margin-top:-10vw!important;
}

.slash2-desc{
    margin-top:8vw;
}

.slash3 {
    position:absolute;
    z-index: -1;
    width:100%;
}

.slash3{
    margin-top:-14.3vw!important;
}

.slash3-desc{
    margin-top:6vw;
}

.zslash3{
  z-index: 50;
  position:absolute;
}


.slash4 {
    position:absolute;
    margin-top:-18vw;
    width:100%;
    }

.zslash4{
  z-index: 50;
}

.slash5 {
    position:absolute;
    z-index:1;
    margin-top:-10.5vw;
    width:100%;
  }
    
.slash6 {
    margin-top: -14vw;
}

.inner-width{
  padding:0 7%;
  }

#fight-section{
      margin-top: 0vw;
    margin-bottom:-10%!important;
    z-index: 0;
  }

div#sound {
    background-size: contain;
    height:150vw;
    margin-top:0vw!important;
}

.soudtrack.vc_custom_1441355152017 {
    margin-top:8vw!important;
}

.vc_custom_1441079463118{
  padding-top:0vw!important;
  }

#character{
  margin-top:0%;
  }

.nbox11 {
    margin-top: 0%;
    z-index: 0!important;
}

.box1 h6{
    margin-top:15%!important;
}

.box1{
  margin-top:-20%;
  }

.nbox3 h6{
    margin-top: 40%!important;
}

.nbox5 h6{
    margin-top:15%!important;
}

.nbox7 h6{
    margin-top:15%!important;
}

.box1{
  //top: -150px;
}

.nbox2{
  //top: -490px;
}

  .nbox3 {
    margin-top: -18%!important;
  postition:absolute!important;
    
}

.nbox4{
  //top: -1140px;
}

.nbox5{
margin-top: -25%!important;
  position:absolute;
}

.nbox7 {
    margin-top: -5vw!important;
    position:absolute!important;
}
.nbox8{
  z-index: 999;
}


.videoplayer{
  margin-top: -390px;
}

.raticle{
  left:50px;
}

.sound {
    padding-left:8%!important;
    padding-top: 0!important;
}

#media{
    width:60%;
    text-align:center;
    margin:auto;
    margin-top:15vw!important;
    padding-bottom:25px!important;
}

h2.soundtrack {
    padding-left: 0!important;
    margin-top:3vw!important;
}

.soudtrack {
    margin-top: 10vw!important;
}


.nbox10{
   //top: -2716px;
  z-index: 999;
}
.nbox11{
  //top: -2900px;
  z-index: 800;
  
}
.nbox12{
  //top: -3172px;
  z-index: 999;
}
.nbox13{
  //top: -2818px;
  z-index: 899;
}
.nbox14{
 //top: -2828px;
}


.nbox16{
 //top: -100px;
}
.home #footer-outer{
 top:0;
  padding:180px 0 0 0;
   margin-top: -23%;
    z-index: 10;
}

.game-info h5 {
    width:72%;
    margin:auto;
    margin-bottom:15px;
}

.game-info h4{
    width:80%;
    margin:auto;
}

.rza p {
    font-size: 18px!important;
    margin-bottom: 20px!important;
    margin-top: 20px;
}

.vc_toggle_title {
    margin-top: 15px!important;
}

.soundtrack-list p {
    line-height: 30px;
}


@media (min-width: 1921px) and (max-width: 2930px) {
   .test{ top: -2950px;}
  .video{top: -3397px;}
  .sword{
    position:absolute;
    bottom:0;
    width:80%!important;
    right: 1100px;
    max-width:80%!important;
    max-height:850px;
}
  .home #footer-outer{padding:233px 0;}
  .slash3{
    margin-top:-13.5vw!important;
}
}

@media (min-width: 1681px) and (max-width: 1920px) {
  .video{top:-3063px;}
  .test{top:-2760px}
  .sword{
    position:absolute;
    bottom:0;
    width:80%!important;
    right: 890px;
    max-width:80%!important;
    max-height:850px;
}
}

@media (min-width: 1441px) and (max-width: 1680px) {
  .test{ top: -2577px;}
  .video{top: -2890px;}
  .sword{
    position:absolute;
    bottom:0;
    width:80%!important;
    right: 800px;
    max-width:80%!important;
    max-height:850px;
}
  
}
@media (min-width: 1281px) and (max-width: 1440px) {
  .test{ top: -2550px;}
  .video {top: -2800px;}
  .sword{
    position:absolute;
    bottom:0;
    width:80%!important;
    right: 730px;
    max-width:80%!important;
    max-height:800px;
}

.video .wp-image-398{width:90%;}
  
}

@media (min-width: 1024px) and (max-width: 1280px) {
.test{ top: -24550px;}
.video{top: -2750px;}
.sword{
    position:absolute;
    bottom:0;
    width:80%!important;
    right: 700px;
    max-width:80%!important;
    max-height:800px;
}
  
  .video .wp-image-398{width:95%;}
}

#av-wrap * {
  color: #000000;
  font-size: 14px !important;
}
.mediavideo{
  
  left: 20%;
   width:60%;
   
}

.mediavideo2{ right: -10px;}
.smallvideo{ margin-top: 0px; }
.commingsoon{ margin-left: 10px;
	margin-top: -20px;
}
   
.fightingstylesanchor{
 position:relative;
 position:absolute; 
 top:-100px;

}

.galleryanchor{
 position:relative;
 position:absolute; 
 top:-300px;

}

.alignnonepc{
  margin-bottom: 50px;
}