body, h2,h3,p {
	font-family:'source-sans-pro','Source Sans Pro', sans-serif;
  font-weight:400;

}

section {
	padding:0;
}

header.bg-primary {
  background-color:#007BFF !important;
  background-size: cover;
  background-position: center center;
  min-height: 800px;
}

header.bg-inner2{
	background-color:#000000 !important;
	width: 100%;
	background-size: cover;
	background-position:  center center;
	padding: 0;
	position: relative;
	min-height: 514px;
}

.bg-inner2 video {
	position:absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.nav-gradient{
	background: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0));
}

.nopadding{
	padding:0;
	margin:0;
}
.intro {
	background-color:#fff !important;
	color:#000000;
	position:relative;
}

.intro-content {
	background-color:#ffffff;
	border-radius: 4px;
	color:#000000;
	font-size: 24px;
	line-height:1.25em;
	padding: 30px;
	min-height:250px;
	top:-90px;
	box-shadow: 0px 0px 4px #000000;

}

.bg-inner-outer {
	position: absolute;
	left: 50%;
  transform: translateX(-50%);
	bottom: 130px;
	z-index: 9;
	padding: 15px;
}

.content.row {
	margin-top: -100px;
}

.bg-inner-title {
	font-family:'source-sans-pro','Source Sans Pro', sans-serif;
	font-size: 42px;
	color: #fff;
}

.bg-inner-text {
	font-family:'source-sans-pro','Source Sans Pro', sans-serif;
	font-size: 24px;
	color: #fff;
	margin-bottom: 50px;
}

.filter-outer {

}

.filter-label {
	color: #2699FB;
	font-family:'source-sans-pro','Source Sans Pro', sans-serif;
	font-size: 12px;
}

.blue-caret {
	color: #007BFF;
}
.dropdown-toggle::after {
	display: none !important;
}

.blue-btn {
	background:#007BFF;
    font-family:"Open Sans", sans-serif;
    font-weight:600;
	font-size:14px;
	line-height:14px;
	text-transform:uppercase;
	color:#ffffff;
	border:  1px solid #007BFF;
	border-radius:5px;
  	box-shadow: 0px 5px 0px #0172EB;
	padding: 18px 25px 15px 25px;
	display: inline-block;
	position: relative;
  	float: right;
}
.blue-btn:hover{
    background: #2E9BFF;
    border: 1px solid #2E9BFF;
    box-shadow: 0px 5px 0px #007BFF;
	color:#000000;
	text-decoration: none;
}


/*footer styles*/
footer {
	background: linear-gradient( #007BFF, #0172EB);
	padding:50px 70px 20px 70px;
	margin:0;
}

.email-phone {
	font-family:"Avenir-Heavy";
	font-size:24px;
	color:#000000;
}
.email-phone a{
	color:#000000;
}
.email-phone a:hover{
	color:#ffffff;
}
.copywrite{
	font-family:'source-sans-pro','Source Sans Pro', sans-serif;
	font-size:14px;
	color:#000000;
}

.sm-icon-footer{
	max-width:25px;
	padding-right:10px;
}


/*
Shared Vision Web Design Stylesheet Clients*/
/*swapped vh1sould with diagio*/
.client1 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_01.jpg) no-repeat;
}
.client1 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_01.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client1:hover span {
	opacity: 1;
}
.client2 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_02.jpg) no-repeat;
}
.client2 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_02.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client2:hover span {
	opacity: 1;
}
.client3 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_03.jpg) no-repeat;
}
.client3 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_03.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client3:hover span {
	opacity: 1;
}
.client4 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_04.jpg) no-repeat;
}
.client4 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_04.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client4:hover span {
	opacity: 1;
}
.client5 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_05.jpg) no-repeat;
}
.client5 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_05.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client5:hover span {
	opacity: 1;
}
.client6 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_06.jpg) no-repeat;
}
.client6 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_06.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client6:hover span {
	opacity: 1;
}
.client7 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_07.jpg) no-repeat;
}
.client7 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_07.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client7:hover span {
	opacity: 1;
}
.client8 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_08.jpg) no-repeat;
}
.client8 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_08.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client8:hover span {
	opacity: 1;
}
.client9 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_09.jpg) no-repeat;
}
.client9 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_09.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client9:hover span {
	opacity: 1;
}
.client10 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_10.jpg) no-repeat;
}
.client10 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_10.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client10:hover span {
	opacity: 1;
}
.client11 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_11.jpg) no-repeat;
}
.client11 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_11.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client11:hover span {
	opacity: 1;
}
.client12 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_12.jpg) no-repeat;
}
.client12 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_12.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client12:hover span {
	opacity: 1;
}
.client13 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_13.jpg) no-repeat;
}
.client13 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_13.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client13:hover span {
	opacity: 1;
}
.client14 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_14.jpg) no-repeat;
}
.client14 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_14.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client14:hover span {
	opacity: 1;
}
.client15 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_15.jpg) no-repeat;
}
.client15 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_15.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client15:hover span {
	opacity: 1;
}
.client16 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_16.jpg) no-repeat;
}
.client16 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_16.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client16:hover span {
	opacity: 1;
}
.client17 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_17.jpg) no-repeat;
}
.client17 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_17.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client17:hover span {
	opacity: 1;
}
.client18 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
	background: url(../img/clientlogo_18.jpg) no-repeat;
}
.client18 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(../img/clientlogorollover_18.jpg) no-repeat;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client18:hover span {
	opacity: 1;
}

.client19, .client20, .client21, .client22, .client23, .client24 {
	display: block;
	position: relative;
	float: left;
	padding-right: 5px;
	margin-top: 10px;
	text-indent: -9999px;
	width: 152px;
	height: 150px;
}
.client19 span, .client20 span, .client21 span, .client22 span, .client23 span, .client24 span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
}
.client19:hover span, .client20:hover span, .client21:hover span, .client22:hover span, .client23:hover span, .client24:hover span {
	opacity: 1;
}
.client19 {
	background: url(../img/clientlogo_19.jpg) no-repeat;
}
.client19 span {
	background: url(../img/clientlogorollover_19.jpg) no-repeat;
}
.client20 {
	background: url(../img/clientlogo_20.jpg) no-repeat;
}
.client20 span {
	background: url(../img/clientlogorollover_20.jpg) no-repeat;
}
.client21 {
	background: url(../img/clientlogo_21.jpg) no-repeat;
}
.client21 span {
	background: url(../img/clientlogorollover_21.jpg) no-repeat;
}
.client22 {
	background: url(../img/clientlogo_22.jpg) no-repeat;
}
.client22 span {
	background: url(../img/clientlogorollover_22.jpg) no-repeat;
}
.client23 {
	background: url(../img/clientlogo_23.jpg) no-repeat;
}
.client23 span {
	background: url(../img/clientlogorollover_23.jpg) no-repeat;
}
.client24 {
	background: url(../img/clientlogo_24.jpg) no-repeat;
}
.client24 span {
	background: url(../img/clientlogorollover_24.jpg) no-repeat;
}
.clientlogorow {
	margin-left: 10px;
	padding-bottom:10px;
}
.project-inner {
	background-color: #000;
	min-height: 187px;
	position:relative;
	padding-left:0px;
	overflow: hidden;
}
.project-photo {
	min-height: 300px;
}

.item-title-rollover {
	position:absolute;
	background-color:rgba(0,0,0,0.8);
	padding: 13px 13px 25px 13px;
	text-align:center;
	width:340px;
	margin:0 auto;
	bottom:0px;
	font-family: 'Avenir-Heavy', 'Europa', sans-serif;
	font-size:20px;
	font-weight: lighter;
	color:#fff;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	height: auto;
	transition: .3s ease all;
}

.project-inner:hover .item-title-rollover {
	background-color:rgba(0,0,0,0);
	width: 100%;
}

.item-blue-line {
	position:absolute;
	left:40%;
	right: 40%;
	height: 3px;
	background-color: #007BFF;
	bottom: 15px;
	transition: .2s ease all;
}

.project-inner:hover .item-blue-line {
	left:10%;
	right: 10%;
}

.project-inner:hover .project-photo {
	transition: .3s ease all;
	-webkit-filter: grayscale;
	-webkit-filter: brightness(30%);
}

/*
.project-inner:hover .item-title-rollover {
	transition: 1s;
    bottom: 10px;
} */

.project-outter {
	padding: 10px 10px 10px 15px;
}


.btn-svm {
	background:#007BFF;
	font-family: 'Avenir-Heavy', 'Europa', sans-serif;
	font-size:14px;
	line-height:14px;
	text-transform:uppercase;
	color:#ffffff;
	border:  1px solid #007BFF;
	border-radius:5px;
	box-shadow: 0px 5px 0px #0172EB;
	padding: 18px 25px 15px 25px;
	margin-top: 20px;
	margin-bottom: 30px;
	cursor: pointer;
	transition: .4s ease all;
}
.btn-svm:hover{
    background: #2E9BFF;
    border: 1px solid #2E9BFF;
    box-shadow: 0px 5px 0px #007BFF;
    color: #000000;
}
.btn-svm i {
	color: #fff;
}

.loading-bar {
	text-align: center;
}

.isoitem {
	width:33%;
}
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

#filters {
	font-size:18px;
	border-radius: 0px;
	font-family:'source-sans-pro','Source Sans Pro', sans-serif;
}

.dropdown-projects {
	text-transform: none;
	font-size:19px;
	background-color: transparent !important;
	border-color: transparent !important;
	border-radius: 0px;
	font-family: 'Avenir-Heavy', 'Europa', sans-serif;
	color: #fff;
}
.itemLoadForm {
	text-align:center;
	width:100%;
}

.col-iso-item {
	padding-left:0px !important;
	padding-right:0px !important;

}

.col-iso-item .isoitem {
	width:auto !important;
}

#filter-title {
font-size: 18px;
color: #000;
font-family:'source-sans-pro','Source Sans Pro', sans-serif;
text-transform: uppercase;
font-weight: bold;
margin-top:5px;
}

#placeHolder {
	width: 100%;
}
.btn-filter-text {
	background-color: rgba(0,0,0,0.8)!important;
	border-color: rgba(0,0,0,0.8) !important;
	border-radius: 0px;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in-out 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in-out 1;
    animation:fadeIn ease-in-out 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    animation-duration:0.5s;
}



@media (min-width: 1200px) {
    .container{
        max-width: 1300px;
    }
}