@font-face {
    font-family: 'Gill Sans Light';
    src: local('Gill Sans Light'), local('GillSans-Light'),
        url('https://www.vai.com/News/newsletters/111119/GillSans-Light.woff2') format('woff2'),
        url('https://www.vai.com/News/newsletters/111119/GillSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gill Sans';
    src: local('Gill Sans'), local('GillSans'),
        url('https://www.vai.com/News/newsletters/111119/GillSans.woff2') format('woff2'),
        url('https://www.vai.com/News/newsletters/111119/GillSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



html,
body,

#intro {
   	height: 100%;
    font-family: 'Gill Sans Light'!important;
    color: #000;
    background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
    background-size: cover;
}

.foogallery-album-gallery-list .foogallery-pile h3 {
    color: #000000 !important;
    z-index: 1000000;
	text-transform: uppercase;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #000000;
	font-size: 17px;
    font-weight: bold;
    opacity: 1!important;
}

.img-padding {
	padding: 15px;
}
.button:active, .button.is-checked {
    background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
}

.navbar-light .nav-item.active .nav-link,
.navbar-light .nav-item .nav-link:active,
.navbar-light .nav-item .nav-link:focus,
.navbar-light .nav-item:hover .nav-link {
    background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.homepage {
    height: 10%;
    font-family: 'Gill Sans Light';
    color: #000;
}

abbr[data-original-title], abbr[title]  {
	text-decoration: underline;
}


.ac-container {
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px;
}
.ac-container label {
    padding: 5px 0;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    line-height: 33px;
    font-size: 19px;
    border-bottom: 1px solid red;
    background: url(/images/open.png) right center no-repeat;
}
.ac-container input:checked+label:hover:after, .ac-container label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
}
.ac-container input {
    display: none;
}
.ac-container article {
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height .3s ease-in-out, box-shadow .6s linear;
    -moz-transition: height .3s ease-in-out, box-shadow .6s linear;
    -o-transition: height .3s ease-in-out, box-shadow .6s linear;
    -ms-transition: height .3s ease-in-out, box-shadow .6s linear;
    transition: height .3s ease-in-out, box-shadow .6s linear;
}
.ac-container article p {
    font-style: italic;
    color: #777;
    line-height: 23px;
    font-size: 14px;
    padding: 20px;
}
.ac-container input:checked~article {
    -webkit-transition: height .5s ease-in-out, box-shadow .1s linear;
    -moz-transition: height .5s ease-in-out, box-shadow .1s linear;
    -o-transition: height .5s ease-in-out, box-shadow .1s linear;
    -ms-transition: height .5s ease-in-out, box-shadow .1s linear;
    transition: height .5s ease-in-out, box-shadow .1s linear;
    box-shadow: 0 0 0 1px rgba(155, 155, 155, .3);
}
.ac-container input:checked~article.ac-medium, .ac-container input:checked~article.ac-small {
    height: 100%}
.ac-container input:checked~article.ac-large {
    height: 230px;
}

.stevesquote {
	color: #339966!important;
}

*[class^='categorynews']
 {
	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
    background-size: cover;
}

*[class^='ontheroad']
 {
 	 height: 100%;
	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  	background-size: cover;

}

*[class^='categoryhiveupdates']
 {
 	 height: 100%;
	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  	background-size: cover;
}

*[class^='categorya-note-from-steve']
 {
 	height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}




*[class^='categoryinterviewpage']
 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}

*[class^='guitars']
 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}


*[class^='photo-galleries']
 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}

*[class^='solo']
 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}

*[class^='in-the-press'] 

 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}
*[class^='part'] 

 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}

*[class^='categorymailbag'] 

 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}
*[class^='journals'] 

 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}

*[class^='tourdates'] 

 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}


*[class^='categoryanswers'] 

 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}
*[class^='categorytimeline']
 {
 	    height: 100%;

	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
  background-size: cover;

}
.counter, .evo-packages-us, .evo-packages-eu, .evo-faq, .album-alive-in-an-ultra-world, .vaiography, .press-information, .contactweb, .press-photos, .creditsweb, .vai-com-user-agreement,  .minisites-archive, .guitars, .regular, .rare-photos, .tempo-mental, .discography, .martian-love-secrets, .video-vault, .vai-art, .discography-vaitunes, .discography-video, .discography-solo, .bands, .categoryinterview, .categorya-note-from-steve, .discography-full, .categoryhiveupdates, .categorytimeline-archive, .awards-and-accolades {
  	height: 100%;
	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
	background-size: cover;
}


.under-it-all, .alien-guitar-secrets, .jeroen_temp, .melting-the-metal, .dimarzio, .under-your-skin, .fan-site, .guitar-pick-collectors-album, .the-studios, .ibanez-guitars, .live-gear, .sr-gear, .whitesnake-gear, .alcatraz-gear, .fire-garden-gear, .martian-love-secrets, .tempo-mental, .mini-lessons-84, .guitar-tabs, .uncle-hugo, .part-one, .part-two, .part-three, .part-four, .part-five, .part-six, .part-seven, .hammering-with-the-right-hand, .fun-with-your-whammy-bar, .double-stops-and-3-part-chords, .vibrato, .weird-noises, .building-chords-by-ear, .bending-notes, .fast-strumming, .skipping-strings-while-playing, .pull-off-playing-incl-hammer-ons, .two-handed-chords {
  	height: 100%;
	padding-top: 120px;
	background: url('/wp-content/themes/vai-2013/images/bgnews.jpg')no-repeat center fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

.discosolocard {
	margin-bottom: 12px;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;

}

.discosolocard:hover {
background: #EFEBEB;
	 -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    
border: 1px solid #000;

}

#content {
	background-color: #EFEBEB;
}

.borderred {
	border: 1px solid #000;
}


.ngg-albumoverview {
	margin-top: 0;
}
.ngg-album {
	border: 0 !important;
	float: left;
	margin: 0 42px 42px 0;
	padding: 0 !important;
    position: relative;
    font-size: 14px;
/* width: 186px; */
}
.ngg-album .ngg-thumbnail a img {
	border: 1px solid #a0a2a2 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: auto;
	width: 178px !important;
	font-size: 14px;
}
.ngg-album .ngg-thumbnail img:hover {
	border: 1px solid #c4c7c7 !important;
}
.ngg-albumtitle span.album-caption {
/*	background: url(images/gallery-caption-bg.png) top left repeat; */
	background-color: rgba(0,0,0,0.6);
	left: 1px;
	padding: 10px;
	position: absolute;
	text-align: left;
	line-height: 14px;
	top: 1px;
	width: 176px;
	z-index: 20px;
}
.ngg-albumtitle span.album-caption a {
	color: #fff!important;
	font-size: 14px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.ngg-galleryoverview {
	margin: 0 0 15px;
	padding: 00;
	width: 100%;
}
.ngg-gallery-thumbnail-box {
	border: none;
	float: left;
	margin: 0 42px 42px 0;
	padding: 0;
	width: 186px;
}
.ngg-gallery-thumbnail {
	position: relative;
}
.ngg-gallery-thumbnail a img {
	border: 4px solid #a0a2a2 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: auto;
	width: 178px !important;
}
.ngg-gallery-thumbnail img:hover {
	border: 4px solid #c4c7c7 !important;
}
 
.ngg-gallery-thumbnail .caption-box {
	background: url(images/gallery-caption-bg.png) top left repeat;
	left: 4px;
	padding: 10px;
	position: absolute;
	text-align: left;
	top: 4px;
	width: 158px;
	z-index: 20px;
}
.ngg-gallery-thumbnail span.alt-caption {
	color: #fff;
	font-family: questrialregular, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 29px;
	font-size: 2.9rem;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}






#timeline ul {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    list-style: none;
    background: url(/images/ul-bg.png) center top repeat-y;
    padding: 0;
}
#timeline ul li {
    display: block;
    position: relative;
    width: 50%;
    clear: both;
}
#timeline ul li .timeline-text {
    width: 65%;
    float: left;
    font-size: 14px;
    line-height: 17px;
    margin-left: 2%}
#timeline ul li:nth-child(even) {
    float: right;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}
#timeline ul li:nth-child(even)>div {
    display: block;
    float: left;
    background: url(/images/li-bg.png) left center no-repeat;
    margin-left: -10px;
    padding-left: 30px;
}
#timeline .timeline-date {
    text-align: right;
    margin-bottom: 1%;
    color: #000;
    
}
#timeline ul li:nth-child(even)>div .timeline-date {
    text-align: left;
}
#timeline ul li:nth-child(odd) {
    float: left;
    text-align: right;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
}

#timeline ul li:nth-child(odd)>div {
    display: block;
    float: right;
    background: url(/images/li-bg.png) right center no-repeat;
    margin-right: -10px;
    padding-right: 30px;
}
#timeline ul li:nth-child(odd)>div .timeline-text {
    float: right;
    text-align: right;
    margin-right: 2%;
    margin-left: 0;
}
#timeline ul .timeline-image {
    width: 30%;
    height: auto;
    overflow-x: hidden;
}
#timeline ul li:nth-child(odd)>div .timeline-image {
    float: right;
    margin: 0 0 0 1%}
#timeline ul li:nth-child(even)>div .timeline-image {
    float: left;
    margin: 0 1% 0 0;
}




.two_third {
	width: 60%!important;
	margin-right: 20px;
}

.colorborder {
  border-width: 1px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to bottom, 
      red, 
      rgba(0, 0, 0, 0)
    ) 1 100%;
}


.one_third {
	width: 30%!important;
}

.navigation {
	margin-left: 0px ;
	margin-right: 0px ;
	margin-top: 20px;
	margin-bottom: 20px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #83404D;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #000;
}



.brown {
	color: #83404D;
}


.services {
	font-family: 'Gill Sans';
}

#intro {
    background: url('/wp-content/themes/vai-2013/images/vai-new.jpg')no-repeat center 40% fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.content-area-news {
	top: -70%;
}

.aa {
border: 1px solid blue;
}
.bb {
border: 1px solid red;
}

a {
	color: #83404D;
	text-decoration: underline;
	}

a:hover {
	color: #000;
	}


.navbar {
  background-color: #EFEBEB !important;
  transition: background-color 400ms linear;
  border-bottom: 1px solid #333;
}

.navbar{ transition:background-color 400ms linear; }

.navbar {
/* font-family: 'Gill Sans'; */

}
.navbar .nav-link {
  color:#555;
}
.nav-link a {
	text-decoration: none;
}
#vaiNav {
	margin-left: 0px;
	margin-right: 0px;
}

section {
  position: relative;
  width: 100%;
/*  height: 100%; */
}

#section04 a {
  padding-top: 60px;
}
#section04 a span {
  position: absolute;
  top: 0;
  left: 10%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}

.demo a {
  position: absolute;
  bottom: 20px;
  left: 10%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}



.services-box {
    padding-top: 30px;
    text-align: left;
}
 
.services-box .services-box-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 40px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    border-radius: 28px;
    background: #9b59b6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffb24b 0%, #9b59b6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb24b), color-stop(100%,#9b59b6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffb24b 0%,#9b59b6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffb24b 0%,#9b59b6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffb24b 0%,#9b59b6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffb24b 0%,#9b59b6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb24b', endColorstr='#9b59b6',GradientType=0 ); /* IE6-9 */
}
 
.services-box h3 {
    margin-top: 0;
    padding: 0 0 10px 0;
}


.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

p {

font-size:1.1rem; 
line-height: 1.5;

}

.vai {
color: #24C35E;
}

.entryDate { 
    position: relative;
    border: 1px solid #999; 
    line-height: 1; 
 /*   width: 100px; */
    float: left;
    color: #000;
-webkit-box-shadow: 7px 5px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 7px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 7px 5px 5px 0px rgba(0,0,0,0.15);


}
.entryDate span { 
    display: block; 
    text-align: center; 
}
.postMonth { 
    text-transform: uppercase; 
    font-size: 1.2em;
    padding-top: 0.3em; 
    color: #000;
}

.postDay { font-size: 2em; }
.postYear { 
    color: #000; 
    font-size: 1.2em; 
    padding: 0.3em 0.3em; 
    margin-top: 0.3em;
}
.date {
    position: relative;
    color: rgba(255, 255, 255, .4);
    font: 13px/25px latoregular, Arial, sans-serif;
    padding-top: 0;
    padding-left: 10px;
    top: 25px;
    z-index: 2000;
    width: 100px;
}
.postitem {
}

.bordered {
	border-bottom: 1px solid rgba(0,0,0,.5);
}
.headtitle {
	
	font-size: 40px;
}
.menu-item a {
    color: rgba(0,0,0,.5);
}
@media (min-width: 992px)
.navbar-expand-lg .navbar-nav .menu-item {
    padding-right: .5rem;
    padding-left: .5rem;
}
.menu-item {
    display: block;
}

.menu-item a {
		text-decoration: none;
}

strong {
  font-weight: bold;
}

h2 {
	text-transform: uppercase;
	background: linear-gradient(to right, #83404D 0%, #f56c62 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

h3 {
	text-transform: uppercase;
	background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font: {
		size: 20px;
		family: $font;
	};
}
h5 {
	text-transform: uppercase;
	background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font: {
		size: 18px;
		family: $font;
	};
}



#tourdatess {
background: radial-gradient(180px at top right,#685e31,transparent),radial-gradient(180px at top left,#0d92c3,transparent),radial-gradient(180px at bottom left,#8a43bd,transparent),radial-gradient(180px at bottom right,#1d8d42,transparent);
}

hr {
  background: linear-gradient(to right, #30CFD0 0%, #330867 100%);
  height: 1px;
}

.footer-mailing {
	text-align: right;
	}

footer {

background-color: #EFEBEB;
color: #000;

}


footer a {
	color: #83404D;
	}
	
footer a: hover {
	color: #000;
	}
	

@media (min-width: 700px) and (max-width: 1430px) {
   .navbar {
/* font-family: 'Gill Sans'; */
font-size: 12px;
}
}

@media (min-width: 768px) and (max-width: 1160px) {
   .collapse {
       display: none !important;
   }
}
@media only screen and (max-width: 1000px) {

.navbar {
  background-color: #EFEBEB !important;
}
}