.velocity-plugin-wrap *{
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;  
}
.velocity-plugin-wrap a:focus,
.velocity-plugin-wrap a:active{
   box-shadow: none;
}
.velocity-plugin-wrap{
   max-width: 1300px;
   position: relative;
   overflow: hidden;
}  
   .velocity-plugin-wrap hgroup.title{
      position: relative;
      display: block;
      padding: 0 0 0 60px;
      background: url('../img/velocity-logo-48x48.png') no-repeat left center;
      min-height: 48px;
   }   
      .velocity-plugin-wrap hgroup.title h1{
         font-weight: 700;
         margin: 0 0 1px;
         padding: 0;
      }
      .velocity-plugin-wrap hgroup.title span{
         opacity: 0.3;
         font-weight: 400;
         margin: 0 0 0 5px;
      }
      .velocity-plugin-wrap hgroup.title span.tagline{
         margin: 0;
         padding: 0;
         opacity: 0.7;
         display: block;
         font-size: 13px;
         line-height: 1.2;
      }
      
   .velocity-plugin-wrap.loading .velocity-main,
   .velocity-plugin-wrap.loading .velocity-sidebar{
      opacity: 0.5;
   }
   .velocity-plugin-wrap.loading .loader{
      display: block;
   }
   .velocity-plugin-wrap .loader{
      width: 100%;
      height: 100%;
      background: url("../img/ajax-loader.gif") no-repeat center center;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 999;
      display: none;
   }

.velocity-plugin-wrap label{
   display: block;
   font-weight: 700;
   padding: 0;
   margin: 0 0 10px;
   color: #666;
}
.velocity-plugin-wrap label span{
   display: block;
   opacity: 0.7;
   font-weight: 400;
}
.velocity-plugin-wrap select,
.velocity-plugin-wrap input,
.velocity-plugin-wrap button{
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   border-radius: 3px;
}


/* Form Replacement */
.velocity-plugin-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none !important;
  border: none;
  color: #32373c;
  font-size: 14px;
  margin: 0;
  padding: 8px;
}
   .velocity-plugin-wrap .select-wrap {
     background: #f7f7f7 url("../img/bkg-select.png") no-repeat right center;
     border: 1px solid #dcdcdc;
     height: auto;
     margin: 0;
     overflow: hidden;
     width: 100%;
   }
      .velocity-plugin-wrap .select-wrap select {
        cursor: pointer;
        padding: 0 8px;
        width: calc(100% + 20px);
        height: 36px;
        line-height: 1;        
      }
      .velocity-plugin-wrap .select-wrap select[disabled]{
         opacity: 0.45;
      }
      .velocity-plugin-wrap .select-wrap select option{
         border: none;
      }
      
      
#velocity-builder input[type=checkbox]{
   display:none;
}
   #velocity-builder input[type=checkbox] + label{
      background: #fff url(../img/bkg-chkbox_off.png) no-repeat left top;
      height: auto;
      min-height: 20px;
      width: auto;
      display:inline-block;
      padding: 1px 0 0 30px;
      margin: 0 0 5px;
      font-size: 13px;
      line-height: 1.42;
      cursor: pointer !important;
   }
   #velocity-builder input[type=checkbox]:hover + label{ /* hover */
      background-image: url(../img/bkg-chkbox_on.png);
   }  
   #velocity-builder input[type=checkbox]:checked + label{ /* selected */   
      background-image: url(../img/bkg-chkbox_selected.png);
      color: #000;
   } 
   #velocity-builder input[type=checkbox] + label:hover{
      color: #000;
   }


/* Toggle Switch */
.velocity-toggle-switch{
   display: block;
   clear: both;
   margin: 0 0 20px;   
}   
   .velocity-toggle-switch .desc,
   .velocity-toggle-switch .controls{
      display: inline-block;
      width: auto;
      vertical-align: top;
   }
   .velocity-toggle-switch .desc{      
      padding: 15px 10px;
      line-height: 1;
      color: #666;
      font-weight: 600;
   }
   
   .velocity-toggle-switch .controls{
      border: 1px solid #efefef; 
      background-color: #f1f1f1;
      border-radius: 3px;
      overflow: hidden;  
   }
      .velocity-toggle-switch a{
         display: inline-block;
         width: auto;
         padding: 15px 0;
         line-height: 1;
         background: #f7f7f7;
         color: #444;
         text-decoration: none;
         font-weight: 600;
         box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.02);
         width: 60px;
         text-align: center;
      }
      .velocity-toggle-switch a:hover{
         color: #111;  
         background-color: #f1f1f1;
      }
      .velocity-toggle-switch a:first-of-type{
         margin-right: 1px;
      }
      .velocity-toggle-switch a.active{
         background-color: #626266;
         color: #fff;
         box-shadow: inset 0 -20px 20px rgba(255, 255, 255, 0.02);
         cursor: default;
      }
   

#velocity_play_btn_controls{
   display: block;
   clear: both;
}

.input-selection{
   display: block;
   clear: both;
   padding: 16px 0;
}
.velocity-main,
.velocity-sidebar{
   float: left;
   width: 68%;
   padding-top: 20px;
}
.velocity-main p{
   margin: 0 0 16px;
}
.velocity-sidebar{
   width: 30%;
   float: right;
   max-width: none !important;
}
.velocity-sidebar h3{
   border-bottom: 1px solid #efefef;
}
.leave-donation{
   display: none;
   margin: 0;
   padding: 15px;
   background-color: #f7f7f7;
   border: 1px solid #efefef;
}

.velocity-main #img-preview{
   max-width: 100%; 
   width: auto;
   margin: 20px 0 0;
   position: relative;
   display: inline-block;
}
   .velocity-main #img-preview img{
      max-width: 100%;
      padding: 5px; 
      background: #fff;
      border: 1px dashed #ccc;
   }   
   
a.clear-img{
   width: 30px;
   height: 30px;
   line-height: 27px;
   text-align: center;
   color: #222;
   background: #fff;
   border: 1px solid #e7e7e7;
   border-radius: 100%;
   display: inline-block;
   text-decoration: none;
   font-size: 20px;
   position: absolute;
   right: -12px;
   top: -12px;
   z-index: 1;
}
   a.clear-img:hover{
      border-color: #f12929;
      background-color: #f12929;
      color: #fff;
   }
   
button.velocity-btn{
   padding: 12px 22px 13px 20px;
   margin: 0;
   -webkit-appearance: none;
   font-weight: 400;
   font-size: 14px;
   line-height: 1;
   text-transform: uppercase;
   border: none;
   box-shadow: none;
   border-radius: 3px;
   display: inline-block;
   background-color: #4684d6;
   color: #fff;
   cursor: pointer;
   font-weight: 600;
}
   button.velocity-btn i{
      opacity: 0.7;  
      font-size: 18px;
      margin: 0 2px 0 0;
      position: relative;
      left: -4px;
      top: 1px;
   }
   button.velocity-btn:hover{
      background-color: #5998eb;
   }
   button.velocity-btn:focus,
   button.velocity-btn:active{
      background-color: #3d71b7;
      box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
   }

.centered-btn{
   display: block;
   padding: 15px 0 5px;
   text-align: center;
}

   
/* ----------------------------------------*/

/* Velocity Shortcode Builder */

/* ----------------------------------------*/

#velocity-builder-body{
   padding: 10px;
   margin: 0;
   background: #efefef;
}
#velocity-builder{ 
   display: block;
   margin: 0;
   padding: 0;
}
#velocity-builder label,
#velocity-builder input,
#velocity-builder select,
#velocity-builder p{
   font-size: 13px;
}

#velocity-builder .item-wrap{
   display: block;
   clear: both;
   margin: 0 0 15px;
   background: #fff;
   border: 1px solid #e3e3e3;
   position: relative;
   overflow: hidden;
}
   #velocity-builder .item-wrap .half_col{
      width: 48%;
      float: left;
   }
   #velocity-builder .item-wrap .half_col.last{
      float: right;  
   }
   
#velocity-builder h1{
   color: #333;
}

.velocity-main #velocity-builder .item-wrap.last{ 
   margin: 0;
}
#velocity-builder-body .media-modal-backdrop{
   background-color: #000 !important;
}
#velocity-builder-body .media-modal-content{
   box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2);
   border-radius: 3px;
}

   #velocity-builder .item-wrap h3{
      display: block;
      margin: 0;
      padding: 0;
      font-size: 16px;  
      color: #555;
   }
   #velocity-builder .item-wrap h3.clickable a{
      display: block;
      clear: both;
      padding: 15px;  
      color: #555;
      border-bottom: 1px solid #f7f7f7;
      text-decoration: none;
      position: relative;
   }
   #velocity-builder .item-wrap h3.clickable a:hover:after,
   #velocity-builder .item-wrap h3.clickable a:focus:after{
      color: #999;
   }
   #velocity-builder .item-wrap h3.clickable a:focus{
      outline: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }
   #velocity-builder .item-wrap h3.clickable a:after{
      font-family: 'FontAwesome';
      content: '\f077';
      color:#e1e1e1;
      font-size: 15px;
      position: absolute;
      right: 12px;
      top: 15px;
      height: 100%;
      width: 20px;
      cursor: pointer;
   }
   #velocity-builder .item-wrap h3.clickable.open a:after{
      content:'\f078';
   }      
   
   #velocity-builder .item-wrap h4{
      padding: 0;
      margin: 0 0 15px;
   }
   #velocity-builder .item-wrap h4,
   #velocity-builder .item-wrap label{
      color: #666;  
   }
   #velocity-builder .item-wrap h4 span,
   #velocity-builder .item-wrap label span{
      display: block;
      font-weight: normal;
      opacity: 0.7;  
      font-style: italic;
   }
   .velocity-placeholder-wrap{
      display: block;
      position: relative;
   }
      .velocity-placeholder-wrap input[type=button]{
         position: absolute;
         right: 4px;
         top: 5px;
         z-index: 1;
      }
   
   #velocity-builder .expand-wrap{
      position: relative;
   }
   #velocity-builder .expand-wrap .velocity-loading{
      width: 100%;
      height: 100%;
      z-index: 9;
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(255, 255, 255, 0.9) url("../img/ajax-loader.gif") no-repeat center center;
      display: none;
   }
   #velocity-builder .expand-wrap .inner{
      padding: 15px;
      width: 100%;
   }
   #velocity-builder .item-wrap .item.radio input[type=radio]{
      position: absolute;
      left: 8px;
      top: 9px;   
      opacity: 0;
      filter: alpha(opacity=0);
      visibility: hidden;
   }
   
   #velocity-builder .item-wrap label{
      margin: 0 0 8px;
      font-weight: 600;
   }
   #velocity-builder .item-wrap .item{
      width: auto;
      float: left;  
      margin: 0 10px 0 0;
      position: relative;
   }
   #velocity-builder .item-wrap .item#velocity_soundcloud_playlist_wrap{
	   display: none;
	   padding: 14px 9px 0 5px;
   }
   #velocity-builder .item-wrap .item.radio label{
      padding: 14px 18px 14px 44px;   
      margin: 0;
      display: block;
      cursor: pointer;
      border: 1px solid #dcdcdc;
      background-color: #f7f7f7;
      border-radius: 3px;
      position: relative;
      font-size: 14px;
      transition: all 0.15s ease;
      font-weight: 600;
   }   
   #velocity-builder .item-wrap .item.radio label:before{
      font-family: 'FontAwesome';
      content: "\f16a";
      color: #999;
      position: absolute;
      left: 12px;
      top: 14.5px;
      z-index: 1;
      display: block;
      transition: all 0.15s ease;
      font-size: 20px;
   }
   #velocity-builder .item-wrap .item.radio label.youtube:before{
      content: "\f16a"; 
      color: #bb0000;
   }
   #velocity-builder .item-wrap .item.radio label.vimeo:before{
      content: "\f27d"; 
      color: #4bf;
   }
   #velocity-builder .item-wrap .item.radio label.twitch:before{
      content: "\f1e8"; 
      color: #6441a4;
   }
   #velocity-builder .item-wrap .item.radio label.soundcloud{
      padding-left: 46px
   }
   #velocity-builder .item-wrap .item.radio label.soundcloud:before{
      content: "\f1be"; 
      color: #f50;
   }
   #velocity-builder .item-wrap .item.radio label:hover,
   #velocity-builder .item-wrap .item.radio label:focus{
      border-color: #999;
      background-color: #f1f1f1;
   }
   #velocity-builder .item-wrap .item.radio input:checked + label.youtube{
      background-color: #bb0000;
      border-color: #bb0000;
      color: #fff;
   }
   #velocity-builder .item-wrap .item.radio input:checked + label.vimeo{
      background-color: #4bf;
      border-color: #4bf;
      color: #fff;
   }
   #velocity-builder .item-wrap .item.radio input:checked + label.twitch{
      background-color: #6441a4;
      border-color: #6441a4;
      color: #fff;
   }
   #velocity-builder .item-wrap .item.radio input:checked + label.soundcloud{
      background-color: #f50;
      border-color: #f50;
      color: #fff;
   }
   #velocity-builder .item-wrap .item.radio input:checked + label.youtube:before,
   #velocity-builder .item-wrap .item.radio input:checked + label.vimeo:before,
   #velocity-builder .item-wrap .item.radio input:checked + label.twitch:before,
   #velocity-builder .item-wrap .item.radio input:checked + label.soundcloud:before{
      color: #fff;  
   }
   #velocity-builder .item-wrap .item.radio input:checked + label{
      cursor: default !important;
   }
   
   #velocity-builder h3{
      color: #232323;
      padding: 0;
      margin: 0 0 15px;
   }
   
   #velocity-builder input[type=text]{
      background-color: #f7f7f7;
      border: 1px solid #dcdcdc;
      padding: 10px;
      font-size: 13px;
      width: 100%;
      height: auto;
      line-height: 1;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }
      #velocity-builder input[type=text]:focus{
         border-color: #999;  
      }
      #velocity-builder input[type=text].readonly{
         border-color: #f7f7f7 !important;
         color: #999 !important;
         cursor: default;
      }
      
   
   /* Service Preview Image */
   #velocity-default-preview{
      display: none;
   }
      #velocity-default-preview .velocity-preview-img-wrap{
         display: block;
         width: 100%;
      }
      #velocity-default-preview #velocity-service-img{
         display: block;
         width: 100%;
         min-height: 200px;
         padding: 5px;
         border: 1px dashed #ccc; 
      }
      #velocity-default-preview img{
         max-width: 100%; 
         width: 100%;
         display: block; 
      }
   
   
   /* Custom Preview Image */
   .velocity-preview-img{
      width: 60%;
      margin-right: 3%;
      float: left;
      text-align: center;
   }
      .velocity-preview-img-wrap{
         position: relative;
         display: inline-block;         
         max-width: 100%;
      }
      .velocity-preview-img .clear-img{
         display: none;  
         color: #666;
      }
      .velocity-preview-img-a{
         display: block;
         position: relative;
      }
      .velocity-preview-img-a .velocity-play-btn {
         display:block;
         position:absolute;
         z-index:9;
         top:50%;
         left:50%;
         margin-top:-40px;
         margin-left:-40px;
         width:80px;
         height:80px;
         border-radius:80px;
         -webkit-border-radius:80px;
         -moz-border-radius:80px;
         opacity:.4;
         -webkit-transition:all .3s ease;
         -moz-transition:all .3s ease;
         transition:all .3s ease;
      }
      .velocity-preview-img-a .velocity-arrow {
         display: block; 
         position: absolute; 
         z-index: 10;  
         top: 50%; 
         left: 50%; 
         margin-top: -17px; 
         margin-left: -9px; 
         width: 0; 
         height: 0; 
         border-top: 18px solid transparent; 
         border-bottom: 18px solid transparent; 
         border-left: 26px solid transparent;
      }
      .velocity-preview-img-a:hover .velocity-play-btn {
         opacity:.8;
         -webkit-transform:scale(1.1);
         -moz-transform:scale(1.1);
         transform:scale(1.1);
      }
      .velocity-preview-img-a:active,
      .velocity-preview-img-a:focus{
         box-shadow: none;
      }
      .velocity-preview-img img{
         max-width: 100%;
         padding: 5px;
         border: 1px dashed #ccc;   
      }
   .velocity-preview-controls{
      width: 37%;
      float: left;
   }   


/* Shortcode Display */
#velocity-builder .item-wrap.velocity-shortcode{
   padding: 15px;
}
.velocity-shortcode-display{
   display: block;
   background: #fff9ea;
   border-left: 5px solid #dfd8c2;
   padding: 18px 60px 18px 18px;
   margin: 15px 0 0;
   border-radius: 2px;
   position: relative;
}
.velocity-shortcode-display .copy{
	position: absolute;
	right: 15px;
	bottom: 15px;
	text-decoration: none;
	padding: 6px;
	display: inline-block;
	line-height: normal;
	background: rgba(0, 0, 0, 0.25);
	border-radius: 2px;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
}
	.velocity-shortcode-display .copy:hover{
		background: rgba(0, 0, 0, 0.5);		
	}
#velocity-shortcode-output{
   color: #333;
   font-family: 'consolas', Arial, sans-serif;
   cursor: pointer;
   display: block;
}
.velocity-code-block{
   font-family: 'consolas', Arial, sans-serif;
}
#velocity_selected_media{
   font-weight: 600;
}
#insert-velocity{
   margin-top: 20px !important;
}
.velocity-main #insert-velocity{
   display: none !important;
}


/* Toggle Content */
.velocity-content-toggle-wrap{
   display: block;
   border: 1px solid #e2e2e2;
   border-top: none;
   padding: 15px;
   background: #f5f5f5;
}
.velocity-plugin-wrap h2.nav-tab-wrapper{
   border-bottom: 1px solid #e5e5e5;
}
.velocity-plugin-wrap .nav-tab{
   border-color: #ccc; 
   font-size: 15px;
   padding: 8px 15px;
   color: #555;
   font-weight: 500;
}
.velocity-plugin-wrap .nav-tab:hover{
   color: #111;
   background-color: #f5f5f5;
}
.velocity-plugin-wrap .nav-tab-active, 
.velocity-plugin-wrap .nav-tab-active:focus, 
.velocity-plugin-wrap .nav-tab-active:focus:active, 
.velocity-plugin-wrap .nav-tab-active:hover {
   background: #f5f5f5;
   border-color: #e2e2e2;
   border-bottom: 1px solid #f5f5f5;
   color: #111;
}
.velocity-plugin-wrap .nav-tab-active{
	font-weight: 600;
}

.velocity-links{}
.velocity-links li{
	margin: 20px 0 0;
	padding: 0;
	display: block;
}
	.velocity-links a{
		display: block;
		padding: 0 0 0 52px;
		position: relative;
		min-height: 48px;
		text-decoration: none;
	}
		.velocity-links a:hover h4{
			color: #111;
			text-decoration: underline;	
		}
		.velocity-links img{
			position: absolute;
			left: 0;
			top: 2px;
			width: 42px;
		}
		.velocity-links h4{
		   padding: 0;
		   margin: 0 0 3px;
		   color: #444;
		   font-size: 14px;
		}
		.velocity-links p{
		   margin: 0 0 15px;
		   padding: 0;
		   color: #888;
		}



   
/* Misc */

.clearfix:after {clear:both;content:"."; display:block;	height:0; visibility:hidden;}
.clear {clear: both;height: auto; overflow: hidden; width:100%; padding:0; margin:0;}
.spacer {clear: both;height: 15px; overflow: hidden; width:100%; padding:0; margin:0; display: block;}
#velocity-builder hr{ 
   border: 0; 
   height: 1px; 
   background: #efefef;
   display: block;
   margin: 10px 0;
   padding: 0;
}
.velocity-plugin-wrap ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
  font-style: italic;
}
.velocity-plugin-wrap ::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  font-style: italic;
}
.velocity-plugin-wrap :-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
  font-style: italic;
}
.velocity-plugin-wrap :-moz-placeholder { /* Firefox 18- */
  color: #ccc;
  font-style: italic;
}
   
@media all and (max-width: 960px) {   
   
   .velocity-main,
   .velocity-sidebar,
   .velocity-preview-img,
   .velocity-preview-controls{
      float: none;
      width: 100%;  
   }
   .velocity-preview-img{
      padding-bottom: 20px;
   }
   
   .velocity-placeholder-wrap input[type=button]{
      position: static;
      margin-top: 10px;  
   }
   
}



@media all and (max-width: 520px) {  
   #velocity-builder .item-wrap .half_col {
      float: none !important;
      width: 100% !important;
      padding: 20px 0 0;
   }
   #velocity-builder .item-wrap .item {
      float: none;
      margin: 0 0 10px;
      width: 100%;
   }
   
}