/*
Theme Name: Velocity Audio Visual
Description: Custom Wordpress Theme
Author: Ultra Design Agency
Author URI: http://www.ultradesignagency.com
Version: 6.2.A
License: Copyright 2015 Ultra Design Agency
*/

/* CSS RESET 
--------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0 ;padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} 
ol,ul {list-style:none}
table {border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
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; }

/* MOBILE DROPDOWN
.drop_down
------------------------------------------------------*/



/* BASIC STRUCTURE 
------------------------------------------------------*/

body {background: #000410; color:#ffffff; font-size: 100%; font-family:'Open Sans', sans-serif; font-weight:300;} 
.float_container {clear: both; overflow: hidden;}
.wrapper {position: relative; max-width: 1200px; margin: 0 auto;}
.wrapper-thin {position: relative; max-width: 1000px; margin: 0 auto;}
#container {position: relative; padding:50px 0;}
a {text-decoration: none; cursor: pointer; color:#00628e;}
a:hover {text-decoration: none; cursor: pointer; color:#238ebf;}
.hover {-webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out;	-o-transition: opacity .2s ease-in-out;	transition: opacity .2s ease-in-out;}
.hover:hover {filter: alpha(opacity=60) !important; opacity: 0.6 !important;}
img {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
h1 {font-size: 32px; line-height: 34px; font-family: 'Lato', sans-serif; letter-spacing: 1px; text-transform:uppercase;   margin-bottom: 20px;}
h2 {font-size: 28px; line-height: 30px; font-family: 'Lato', sans-serif; letter-spacing: 1px; text-transform:uppercase; font-weight:300;   margin-bottom: 15px;}
h3 {font-size: 24px; line-height: 24px; font-family: 'Lato', sans-serif; letter-spacing: 1px; text-transform:uppercase;}
h4 {font-size: 18px; line-height: 24px; letter-spacing: 1px; font-family: 'Lato', sans-serif; margin-bottom: 10px;}
h5 {font-size: 16px; line-height: 24px; letter-spacing: 1px;}
p {font-size: 16px; line-height: 24px; margin: 0 0 15px;   letter-spacing: 1px;}
.clear {clear: both;}
.left {float: left;}
.right {float: right}
.uppercase {text-transform: uppercase;}
.center {text-align: center;}
.responsive {text-align: center}
.responsive li {display: inline-block; vertical-align: top;}
.responsive-img {max-width: 100%; height: auto; width: auto;}
.scroll {background-attachment: fixed}
strong {font-weight:700;}
em {  font-style: italic;}

body.logged-in{margin-top:20px;}

h1, h2, h3, h4, h5, .header-image, .menu li, div.content.clients p img, .gallery ul li, .team-image,  .gform_footer { visibility: hidden; }

.body-background {background:#000410; background-image:url(images/bg.jpg); background-attachment: fixed}

/* HEADER 
------------------------------------------------------*/

header {position: relative; }
nav {position: relative;}

.social, .header-title, .nav {float: right; clear:right; }

.header-title {margin-top:95px;}
.header-title h2 {font-size:36px;  font-weight: 700;    text-align: right; line-height: 36px; margin-bottom:0;}
.header-title h2 span {color:#00628e;}

.topheader {padding:20px 0;}
.social {}
.social img {margin: 0 2px;}

.menu {clear: both; }
.menu li {float: left; margin-right: 40px;}
.menu li:hover .sub-menu {left: auto;}

.nav li ul {
    position:absolute;
    left:0;
    top:30px;
    z-index:999;
}
.nav li ul li {overflow:hidden;
    height:0;
-webkit-transition:height 300ms ease-in;
    -moz-transition:height 300ms ease-in;
    -o-transition:height 300ms ease-in;
    transition:height 300ms ease-in;}
.nav ul > li:hover ul { background-color: rgba(9, 15, 27, 0.85);}
.nav ul > li:hover ul li {  height:30px;}

.menu li:last-child {margin-right: 0;}
.menu a {text-decoration: none; display: block; color: #fff; text-decoration: none; display: block;
  font-size: 22px; text-transform: uppercase; letter-spacing: 2px; font-weight: 300;}
.menu a:hover, .current-menu-item a {color:#00628e;}
.sub-menu li {display: block; float: none; padding:2px 0;}
 .sub-menu li a { font-size: 18px; margin: 0 7px; color:#ffffff;}

#logo {position: relative; height:199px; width:161px; margin-top: 5px; float:left; font-size: 0;}

.topbar {
padding:8px 0;
background: #004263; /* Old browsers */
background: -moz-linear-gradient(top,  #004263 0%, rgba(0, 98, 142, 0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004263), color-stop(100%,rgba(0, 98, 142, 0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #004263 0%,rgba(0, 98, 142, 0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #004263 0%,rgba(0, 98, 142, 0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #004263 0%,rgba(0, 98, 142, 0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom,  #004263 0%,rgba(0, 98, 142, 0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004263', endColorstr='#00628e',GradientType=0 ); /* IE6-9 */
}
.topbar p {text-transform:uppercase; text-align:right; margin: 0;}

/* Home PAGE
------------------------------------------------------*/
.specialties {padding:50px 100px;  text-align:center;}
.specialties ul li {display:inline-block; }
.specialties ul li h3 {line-height: 36px; text-transform:none; font-size:28px;}
.specialties ul li h3::after {content:" - "; margin:10px;}
.specialties ul li:last-child h3::after {content:" ";}



/*Rev Slider css*/
.tp-leftarrow.default {opacity: .5;}
.tp-rightarrow.default {opacity: .5;}
.tp-button.blue.small{ background-color:rgba(0, 98, 142, 0.76); color:#ffffff; padding:8px 30px !important; border:0 !important; border-radius: 10px; text-transform:uppercase; letter-spacing:1px; z-index:900;}
.slideshow:hover .tp-button.blue.small {opacity:1; background-color:rgba(0, 98, 142, 1);}


/*SideBar Widget CSS */
.instagram {padding:50px 70px;}
.instagram p {color:#333;     font-size: 12px; line-height:18px;}


h1.home{
  text-align: center;
  margin-top: 1.5em;
  margin-bottom: 0;
}

/* About PAGE
------------------------------------------------------*/
.page-content {padding: 0 100px;}
.content h2 {margin-top:100px;}
.content ul {list-style-type:disc; margin-left:50px; margin-bottom:15px;}

h2.title-about {margin-bottom: 0;}
.featured-video {padding: 0 100px; margin-bottom:40px;}

.separator {border-bottom:3px solid #07273d;}
.content.about h2:first-child {margin-top:50px;}

.service-icons ul {text-align:center; padding:40px 0 60px;}
.service-icons ul li {width:15%; display:inline-block; vertical-align:top;}
.service-icons ul li a {text-transform:uppercase; font-weight:700;}
.service-icons ul li.sep {width:auto; vertical-align:middle; padding:0 20px;}

.service-icons ul li a img {margin-bottom:10px}
.service-icons ul li.sep img  {margin-bottom:0px}

.content.clients {background:#ffffff; padding: 10px 20px 30px; margin-top:50px;}
.content.clients p {color:#00628e; margin-bottom: 0;}
.content.clients img { vertical-align: middle; margin: 11px;}

/* Contact PAGE
------------------------------------------------------*/
.team-member {margin-bottom:100px; padding:30px 0;}
.team-member h3 {display:inline; margin-right:10px; font-weight: 700;}

.team-member h4 {display:inline; font-style:italic; font-size:20px;}

.team-member h5 a { color:#238ebf; margin-right:10px;}
.team-member h5 a:hover {color:#00628e}

.team-member h5 {margin-bottom: 20px; margin-top:5px; font-size:18px;}
.team-member h5 span {color:#238ebf; margin-right:10px;}

.team-member .info {padding-left:275px }
.team-member .team-image img {border-radius: 150px; float:left; max-width: 150px;}

.contact {padding:50px;}
.address {position: relative;  left: 475px; top:30px;}
.contact-form {position: relative;    top: -120px;}

.gform_wrapper .top_label .gfield_label {font-weight:300 !important; margin: 20px 0 2px !important;}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{ background-color:#00628e; color:#ffffff; padding:8px 50px !important; border:0 !important; border-radius: 10px; text-transform:uppercase; letter-spacing:1px; cursor:pointer !important;}

.gform_wrapper .gform_footer input[type=submit]:hover {opacity: .7}

/*Services Page
------------------------------------------------------*/
h4.subtitle {font-weight:700;}
.header-image {text-align:center;   margin-bottom: 50px;}
.header-image img {max-width:100%}
.services-title h1, .services-title h4 {margin: 0 auto 15px;}
.content.services h1, .content.services h2, .content.services h3, .content.services h4, .content.services h5, .content.services h6 {color:#00628e; margin: 15px auto;  /* font-size: larger; */} 
.header-images {
	margin: 5% 0 0;
}
.header-images .left {
	width: 48%;
	margin: 0 2% 5% 0;
	float: left;
}
.header-images .right {
    width: 48%;
    margin: 0 0 5% 2%;
    float: right;
}
.header-images .main-image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	padding: 30%;
	margin: 0 0 20px;
}
/*BLOG 
------------------------------------------------------*/
.content img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 20px 0;
}
.blog-single {
  margin: 50px 0 0;
}
.blog-preview-single {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #00628E;
}
.blog-preview-single h1 {
margin: 0 0 15px !important;
}
.blog-preview-single ul {
  width: 100%;
  text-align: left;
  margin: 0 !important;
}
.blog-preview-single ul li {
  vertical-align: top;
  text-align: left;
  display: inline-block;
}
.blog-preview-single ul li:last-child a {
  display: inline-block;
  padding: 8px 20px;
  background: #00628E;
  color: #fff;
  margin: 25px 0 25px;
}
.blog-preview-single ul li img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.blog-preview-single li:first-child {
  width: 25%;
  margin: 0 5% 0 0;
}
.blog-preview-single li:last-child {
  width: 65%;
  padding: 0 0 0 4%;
  border-left: 1px solid #5f5f5f;
}
/*Gallery
------------------------------------------------------*/
.gallery-section {padding:50px 0 70px;}

  .gallery-nav ul  { margin-bottom: 20px;}
.gallery-nav ul li {display:inline-block; font-size: 20px; text-transform:uppercase; margin-right: 15px;}
.gallery-nav ul li a.active {color:#238ebf;}

.gallery-nav ul li a {color:#fff;}
.gallery-nav ul li:hover a {color:#238ebf;}

.gallery-thumb {background-color: #00628e; overflow:hidden; height: 200px; }
.gallery-thumb:hover img, .gallery-thumb:hover iframe { opacity:1; transition: visibility 0s 2s, opacity 1s linear;}
.gallery-thumb img, .gallery-thumb iframe {opacity:.3; transition: opacity 1s linear;}

.gallery-fullsize {display:none; }

.gallery ul {font-size:0; margin-left: -10px;}
.gallery ul li {display:inline-block;  max-width:25%; padding:10px; vertical-align: top; margin-bottom:25px;}

.gallery ul li.video { }

.caption h3 {font-size: 13px; text-align:center; text-transform:none; margin: 5px 0 0;}

.wpv-filter-next-link, .wpv-filter-previous-link {margin: 0 10px;}

.fancybox-nav span { visibility: visible !important;     opacity: .7;}


/* Gravity forms error handling */
/* ############################################### */

/* Make the error stand out */
.gform_wrapper li.gfield.gfield_error,
 .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	background-color: transparent !important;
	color:#ffffff;
padding: 0 !important;
border-top:0 !important;
border-bottom:0 !important;
}
.gform_wrapper form.contact-page-form li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error, .gform_wrapper .gfield_error .gfield_label {color:#ffffff !important;}
/* Prepend the error message to the missing but required field */
.gform_wrapper li.gfield.gfield_error:before {
	font-weight: bold;
	content: "Sorry, this field is required: ";
	color: #ffffff;
	padding-left: 5px;
}
/* Hide the error message since we're displaying it above */
.validation_error, .validation_message {
	display:none;
}


/*FOOTER
------------------------------------------------------*/

footer p {text-align:center; color: #00628e;   }
footer {padding: 50px 0 20px;}

.ultra {opacity: .6}


/*RESPONSIVE CSS
------------------------------------------------------*/
@media only screen and (max-width : 1200px)  
{
  .topbar {padding: 8px 2%;}
.topheader {padding: 20px 2%;}
.page-content {  padding: 0 6%;}
}
@media only screen and (max-width : 1100px)  
{
.header-title {max-width: 400px; margin-top: 55px;  margin-bottom: 5px;}
}
@media only screen and (max-width : 1000px)  
{
.page-content {  padding: 0 5%;}
}

@media only screen and (max-width : 900px)  
{
.specialties ul li h3::after {
  content: " ";
  margin: 10px;
}

.header-title {display:none;}

 .contact {padding: 50px 2%;}
.contact-form { top: 0px; }
.address { left: 0px;  top: 0px; }

.team-member .team-image img {float:none; margin-bottom:20px;}
.team-member .info {padding-left:2%; padding-right:2%;}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper .top_label textarea.textarea.medium, .gform_wrapper .hidden_label textarea.textarea.medium {width:100% !important;}

.gallery ul li {max-width:33%}

.instagram {padding:50px 3%;}

.blog-preview-single li:first-child {
  width: 100%;
  margin: 0 0 30px 0;
}
.blog-preview-single li:last-child {
  width: 100%;
  padding: 0;
  border-left: none;
}
 }

@media only screen and (max-width : 600px)  
{
.gallery ul li {max-width:50%}
.social {display: none;}
}

@media only screen and (max-width : 500px)  
{
.page-content {  padding: 0 3%;}
}

@media only screen and (max-width : 300px)  
{
.gallery ul li {max-width:100%}



}