@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900,900i&display=swap');

/*------------ Masthead changes -------------*/
.entry-content { 
margin:0!important
} 
 
.site-content .searchform input::placeholder {
color:#333!important
} 
 
     

#masthead #site-title .searchform fieldset .btn:hover{ 
	background-color: rgba(0, 0, 0, 0.71); 
	transition: all 150ms ease-in-out;
}
    
#masthead #site-title .col-sm-8 #uc-site-header #uc-site-parent a {
color:#333333;
}
 
#masthead #site-title .col-sm-8 #uc-site-header #uc-site-parent a:hover {
color:#000e2f; 
}
 
#masthead #site-title .col-sm-8 #uc-site-header #uc-site-parent a:active{
color:#000e2f;
} 
 
#masthead #site-title .col-sm-8 #uc-site-header #uc-site-parent a:focus {
color:#000e2f;
}

#masthead #site-title .col-sm-8 #uc-site-header #uc-site-title a {
color:#000;
}

#masthead #site-title .col-sm-8 #uc-site-header #uc-site-title a:hover {
color:#000e2f;
}

#masthead #site-title .col-sm-8 #uc-site-header #uc-site-title a:active {
color:#000e2f;
}

#masthead #site-title .col-sm-8 #uc-site-header #uc-site-title a:focus {
color:#000e2f;
}

#masthead #site-title .searchform fieldset .form-control::placeholder{
color: #000 !important;  
}
#masthead #site-title .searchform fieldset .form-control::-moz-placeholder{
color: #000 !important; 
}
#masthead #site-title .searchform fieldset .form-control::-webkit-input-placeholder {
color:#000;
}
#masthead #site-title .searchform fieldset .form-control:-ms-input-placeholder{
color:#000;
}

#masthead #site-title .searchform fieldset .form-control {
background-color:#fff;
border:1px solid rgb(0, 0,0);
}

#masthead #site-title .searchform fieldset .btn {
background-color:rgba(0,0,0,0.96);
color:white !important;
}

#masthead #site-title .searchform fieldset .form-control{
	color:black !important;
}

#masthead #site-title .searchform fieldset .btn {
    background: none; 
    background-color: black;
    filter: none;
    color: rgb(255, 255, 255) !important;
    border: none;
    padding: 7px 12px;
    border-radius: 0px;
    opacity: 1;
}

#masthead #nav-wrapper .navbar-collapse .nav > li:first-child > a{
	padding-left:15px;
	margin-left:-15px;
}

.navbar-default .navbar-nav > li > a{
color:black;
transition: all 300ms ease-in-out;
} 

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
color:#333333
} 

#masthead #nav-wrapper .navbar-header .navbar-brand {
    color: #000;
}

#masthead .navbar-default .navbar-nav > .active a{
  background-color: #05366b;
  color:white;
}


.navbar-default .navbar-nav > li > a:hover {
background-color:#05366b;
color:white;
transition: all 300ms ease-in-out;
}

.navbar-default .navbar-nav > .open > a:active {
background-color:#E3E3E3;
color:black !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e9e9e9;
    color: black !important;
}

#masthead #nav-wrapper .navbar-collapse .nav > li.active::after, #masthead #nav-wrapper .navbar-collapse .nav > li.current-menu-ancestor::after {
	display: none;
}

.navbar-default > li > a:focus-visited{
background-color:#E3E3E3;
color:black;
}

.navbar-default > a:focus {
background-color:#E3E3E3;
color:black;
}

.navbar-default .navbar-nav > li > a:focus {
background-color: #121212;
color: white !important;
}

#masthead {
background:linear-gradient(to bottom,#fff 0%,#fff 100%);
border-bottom: rgba(0,0,0,0.21) solid .5px;
}

 
#masthead #nav-wrapper .navbar-header .navbar-toggle {
    color: rgba(255, 255, 255, 0.87);
    border-color: rgba(0, 0, 0, 0.1);
    background-color: rgb(0, 14, 47);
}

#content #page-blank .row .hentry{
	margin:0px;
	
}


.so-panel{
	margin-bottom: 0px;
	
}

.entry-content{
	margin:0px;
}

#page-blank .entry-content .panel-layout .panel-grid:nth-of-type(1) .siteorigin-panels-stretch {
margin-top:-1px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
	background-color: black;
	transition: all 150ms ease-in-out;
}

#masthead #nav-wrapper .navbar-header .navbar-toggle {
    color: rgba(255, 255, 255, 0.87);
    border-color: rgba(0, 0, 0, 0.1);
    background-color: rgb(0, 0, 0);
	transition: all 150ms ease-in-out;
}

#masthead #nav-wrapper .navbar-header .navbar-toggle:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.btn-default {
    color: #fff !important;
	background-color: #000;
}

#dropdown-wrapper .form-group .btn i {
    color: #fff !important;
}
/*------------ Homepage -------------*/
body{
	background-color: #ffffff;
}

#primary #main{
	padding-left: 0px;
	padding-right:0px;
	border:none;
}

#primary #main .page h1{
	border-bottom: none;
}

#primary #main .page h1{
	font-family: 'lato',sans-serif;
    font-weight: 700;
    text-align: left;
    line-height: 1.3;
    color: #09396D;
    font-size: 3em;
}

h1 {
    font-family: 'lato',sans-serif;
    font-weight: 400;
    text-align: left;
    line-height: 1.3;
    color: #09396D;
    font-size: 42px;
}


h2 {
font-size:60px;
font-weight:300;
color:black;
font-family:'lato',sans-serif
}

h3{
color:#000e2f;
font-size:31px;
font-weight: 300;
}


h4 {
font-size:26px;
font-weight:300;
color:#00032f;
font-family:'lato',sans-serif;
}

h5 {
font-size:20px;
font-weight:400;
color:#ac0000;
font-family:'lato',sans-serif;
}

h6 {
font-size:15px;
font-weight:400;
color:#000E3F;
font-family:'lato',sans-serif;
}


p{
	font-family:'lato',sans-serif;
	font-weight:400;
	text-align:left;
	font-size:16px;
	line-height:1.7em;
}

.main-page h2{
	color:#000E2F;
	text-align: center;
	padding-top:50px;
}

.featured-title{
	text-align: center;
	color: #000E2F;
	padding-bottom:10px;
}

.main-box {
height:auto;
padding:10px 0px 10px 0px;
}

.main-box p {
font-family:'lato',sans-serif;
color:#fff;
font-size:16px;
line-height:1.8;
padding-top:10px;
}

.main-box h1{
	color:#fff;
}

.main-box-left {
margin-top:100px;
height:400px
}

.home #content .panel-grid .widget a.main-btn {
padding: 10px;
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f;
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 20px;
background-color: rgb(255, 255, 255);
text-decoration: none;
background: linear-gradient(to left, rgb(240, 240, 240) 50%, rgb(0, 14, 47) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(0, 14, 47);
font-size:12pt;
}

.home #content .panel-grid .widget a.main-btn:focus{
padding: 10px;
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f;
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 20px;
background-color: rgb(255, 255, 255);
text-decoration: none;
background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(0, 14, 47) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(0, 14, 47);
}

.home #content .panel-grid .widget a.main-btn:hover {
background-color: #000e2f;
color: #fff;
background-position: left bottom;
border-left: 7px solid rgb(0, 14, 47);
}

.main-btn {
-webkit-transition:.3s ease-in-out;
transition:.3s ease-in-out
}

a.main-btn:after {
font-family:'Glyphicons Regular';
font-style:normal;
content:"\E212";
position:absolute;
margin-left:8px
}



.main-img {
margin:90px 0 0 0px;
box-shadow:0 4px 8px 0px rgba(0,0,0,0.35);
}

.featured-textblock{
	padding:80px 1px 40px 15px;
}


.featured-textblock h4{
	display:inline-block;
	width:auto;
	text-align: left;
	color:black;
	font-weight:300;
	font-size:32px;
	padding-bottom: 4px;
}

.featured-textblock h4:after {
    content: ""; 
    display: block; 
    margin-left: 0; 
    width: 20%; 
    padding-top: 10px; 
    border-bottom: 2px solid black; 
}

.featured-textblock p{
	color:black;
	font-size:16px;
	font-weight: 400;
	
}

p.featured-p {
font-family:'lato',sans-serif;
line-height:1.7;
text-align:left;
font-size: 16px;
color:#00000094;
}

.featured-img{
	filter:drop-shadow(0 1rem 0.9rem rgba(0, 0, 0, 0.35));
	margin-top:50px;
	margin-bottom:50px;
	margin-left:50px;
	margin-right:50px;
}

.home .browse-btn{
	min-height:140px;
}

.home #content .panel-grid .widget a.primary-btn {
padding: 15px;
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f;
font-family: 'lato',sans-serif;
font-size:17px;
padding-right: 35px;
display: inline-block;
margin-top: 20px;
background-color: rgb(255, 255, 255);
text-decoration: none;
background: linear-gradient(to left, rgb(240, 240, 240) 50%, rgb(0, 14, 47) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(0, 14, 47);
-webkit-transition:.3s ease-in-out;
transition:.3s ease-in-out;
float:right;
margin-bottom:55px
}

.home #content .panel-grid .widget a.primary-btn:hover {
background-color: #000e2f;
color: #fff;
background-position: left bottom;
border-left: 7px solid rgb(0, 14, 47);
}

a.primary-btn:after {
font-family:'Glyphicons Regular';
font-style:normal;
content:"\E212";
position:absolute;
margin-left:8px
}

.home #content .panel-grid .widget a.primary-btn:focus {
padding: 15px;
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f;
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 20px;
background-color: #000e2f;
text-decoration: none;
background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(0, 14, 47) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important; 
border-left: 7px solid rgb(0, 14, 47);
}





/*------------ Featured Projects ( ColorBoxes ) ---------------*/


.home #content .entry-content .featured-projects .widget{
	display:flex;
	background-color: #f0f0f0;
	padding: 70px 40px;
	z-index: 1;
	position:relative;
	 /* HOVER OFF */
    
}



.home #content .entry-content .featured-projects{
	display:flex;
	flex-wrap: nowrap;
	position:relative;
}



.home #content .entry-content .featured-projects .widget img{
	box-shadow: 0 4px 20px 8px rgba(0, 0, 0, 0.5);
}

.home #content .entry-content .featured-projects .widget .widget_sp_image-description a{
	position: absolute;
	display:flex;
	align-items: center;
	justify-content: center;
	top:0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0);
	left:0;
	text-align: center;
	vertical-align: middle;
	font-family: 'lato',sans-serif;
	font-size:2em;
	color:rgba(255,255,255,0.00);
	padding-left: 10px;
	padding-right: 10px;
	
}

.home #content .entry-content .featured-projects .widget .widget_sp_image-description a .glyphicon{
	display: none;	
}

.home #content .entry-content .featured-projects .widget a {
	font-family: 'lato',sans-serif;
	font-size: 2em;
	color:white;
	background: rgba(7,7,7,.7);
	text-decoration: none;
	transition: all 300ms ease-out !important;
	
	
}


.home #content .entry-content .featured-projects .widget:hover a {
	font-family: 'lato',sans-serif;
	font-size: 2em;
	font-weight:300;
	line-height: 1.3em;
	color:white;
	background: rgba(7,7,7,.7);
	text-decoration: none;
	transition: all 300ms ease-out !important;
	
	
}

/*------------ Projects(Search Page) -------------*/

.container-fluid{
	padding: 0px 0px 50px 0px;
}


.page-template-page-project .filter-options{
	background-image:url("http://development.wordpress.uconn.edu/webdev/wp-content/uploads/sites/9/2019/10/webdev_background.png");
	color:white;
	font-family: 'lato',sans-serif;
	height:115px;
	margin-top:-1px;
}

.page-template-page-project .filter-options .container{
	color:white;
	font-family: 'lato',sans-serif;
	padding:35px 0px;
	
}

.page-template-page-project #project_keyword_input{
	border: 3px;
	border-radius:0px;
	color:rgba(0,0,0,1.00);
	margin-left:0px;
}

.page-template-page-project .form-control{
	height:40px;
}

.page-template-page-project #project_year_select{
	border: 3px;
	border-radius:1px;
	color:black;
	width:200px;
	margin-left:0px;
	float:right;
}

.page-template-page-project #project_year_select:after{
  font-family:'Glyphicons Regular';
  font-style:normal;
  content:"\E602";
  position: absolute;
}




.page-template-page-project select {
  width: 100%;
  height: 40px;
  font-size: 100%;
  font-weight: 400;
  cursor: pointer;
  border-radius: 0;
  background-color: #ffffff;
  color:black;
  padding: 10px;
  padding-right: 38px;
  transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
}

.page-template-page-project input:focus {
  width: 100%;
  height: 40px;
  font-size: 100%;
  cursor: pointer;
  border-radius: 0;
  background-color: #ffffff;
  border: none;
  border-bottom: 2px solid #962d22;
  color: white;
  padding-right: 38px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
}

 .page-template-page-project select:hover, .page-template-page-project select:focus{
  color: black;
  background-color: #e8e8e8;
  border-bottom-color: #FFFFFF;
}


select#project_year_select{
	background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(135deg, black 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select#project_year_select:focus {
  background-image:
    linear-gradient(45deg, black 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, black 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: black;
  outline: 0;
	
}

select#project_category_select{
	background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(135deg, black 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
	width:200px;
	margin-left:0px;
	float:right;
}

select#project_category_select:focus {
  background-image:
    linear-gradient(45deg, black 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, black 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: black;
  outline: 0;
	
}

select#project_tag_select{
	background-image:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(135deg, black 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
	width:200px;
	margin-left:0px;
	float:right;
}

select#project_tag_select:focus {
  background-image:
    linear-gradient(45deg, black 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, black 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: black;
  outline: 0;
	
}


.page-template-page-project .project-item{
	padding-top:35px;
	
}
.page-template-page-project .project-title a{
	display:inline-block;
	position:relative;
	width: auto;
	max-width:260px;
	font-family: 'lato',sans-serif;
	padding-bottom: 5px;
	color: black;	
	font-size: 21px;
	text-decoration: none;
	font-weight:400;
	
}

.page-template-page-project .container
.project-container .project-thumbnail{
	background-color: #f0f0f0;
	padding: 45px 25px;
}

.page-template-page-project .container
.project-container .project-thumbnail img{
	text-align:center;
	display:flex;
	z-index: 1;
	position:relative;
	box-shadow: 0 4px 20px 8px rgba(0, 0, 0, 0.5)
	 
}
.page-template-page-project img .attachment-post-thumbnail .size-post-thumbnail .wp-post-image{
	box-shadow: 0 4px 20px 8px rgba(0, 0, 0, 0.5);
}

.page-template-page-project .container
.project-container .project-title{
	display:inline-block;
	font-family:'lato',sans-serif;
	font-weight:700;
	color:#000000;
	text-decoration:none;
	text-align: left;
	margin-left:0;
	width:auto;
	max-width:300px;
	position: relative;
	padding: 18px 0px 0px 12px;
	
}

.page-template-page-project .container
.project-container .project-year{
	display:inline-block;
	font-family:'lato',sans-serif;
	font-weight:400;
	color:#000000;
	text-decoration:none;
	margin-left:0;
	position: relative;
	font-size:18px;
	padding-top:18px;
	text-align:right;
	width: 100px;
	float: right;
}


.page-template-page-project .project-container .row a::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 3px;
  bottom: 0px;
  left: 0px;
  background-color: black;
  transition: all 0.3s ease-in-out;
  margin-top: -5px;
    
}

 

.page-template-page-project .project-container .row a:hover::after {
  width: 100%;
}

 

.page-template-page-project .project-item > .project-thumbnail:hover + .row a::after {
  width: 100%;
}

.project-title a {
	width:auto;
}

/*
.page-template-page-project .container
.project-container .project-title:before {
  content: "";
  position: absolute;
  width: 35px;
  height: 3px;
  bottom: -6px;
  left: 14px;
  background-color: black;
  transition: all 0.3s ease-in-out;
  margin-top: 10px;
	
}
*/
.page-template-page-project .container
.project-container .project-title:hover:before {
  visibility: visible;
  width: 100%;
}

/*---------- Individual Project Pages ---------*/

.project-images{
	display: relative;
	
}

.project-images .img-desktop{
	position:absolute;
	width: 60%;
	margin-top:35px;
	box-shadow:0 4px 8px 0px rgba(0,0,0,0.35);
	
}

.project-images .img-mobile{
	position:relative;
	margin-top: 200px;
	box-shadow:0 4px 8px 0px rgba(0,0,0,0.35);
	width:250px;
	margin-left:8vw;
	
	
}

.project-view{
	background-color: #F7F7F7;
	padding-top: 40px;
	padding-bottom: 80px;
}

.project-title h1 {
	font-family:'lato',sans-serif;
	font-weight:300;
	text-align:left;
	line-height:1.3;
	color:#000;
	font-size:3em;
	}
.project-title h1:after {
    content: ""; 
    display: block; 
    margin-left: 0; 
    width: 25%; 
    padding-top: 10px; 
    border-bottom: 2px solid black; 
}

.project-title{
	display:inline-block;
	font-family:'lato',sans-serif;
	font-weight:700;
	color:#fff;
	text-decoration:none;
	text-align: left;
	margin-left:0;
	position: relative;
}

.project-description{
	font-family:'lato',sans-serif;
	flex-direction:column;
	text-align: left;
	line-height: 1.5em;
}

.project-description h2{
	font-family:'lato',sans-serif;
	text-align:left;
	font-weight:300;
	font-size:14pt;
	color:#09396D;
	
	
	
}

.project-description p{
	font-family:'lato',sans-serif;
	text-align:left;
	font-size:12pt;
	color: #575757;
	padding-bottom: 25px;
	margin-top: 30px;
	
	
}


.project-description a.visit-btn{
	padding: 15px;
    padding-right: 15px;
    letter-spacing: .7px;
    text-transform: uppercase;
    color: rgb(0, 13, 48);
    width: auto;
    font-family: 'lato',sans-serif;
    padding-right: 35px;
    display: inline-block;
    margin-top: 25px;
    background-color: rgb(255, 255, 255);
    text-decoration: none;
    background: linear-gradient(to left, rgb(230, 230, 230) 50%, rgb(0, 13, 48) 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 500ms ease !important;
    border-left: 7px solid rgb(0, 13, 48);
}

.project-description a.visit-btn:hover{
    background-color: #000d30;
    color: #fff;
    background-position: left bottom;
    border-left: 7px solid rgb(0, 13, 48);
}

.project-description a.visit-btn:focus{
padding: 15px;
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f;
width:145px;
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 25px;
background-color: rgb(255, 255, 255);
text-decoration: none;
background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(0, 14, 47) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(0, 14, 47);
}

a.visit-btn:after{
	font-family:'Glyphicons Regular';
	font-style:normal;
	content:"\E212";
	position:absolute;
	margin-left:8px
}

.visit-btn .glyphicon-new-window{
	display:none;
}

.entry-content .panel-grid-cell .project-display .project-images .img-desktop{
	dispaly:relative;
}

.entry-content .panel-grid-cell .project-display .project-images .img-mobile .attachment-full{
	dispaly:relative;
	margin:40px;
}

.project-screens{
	padding:50px 0px 50px 0px;
}


.similar-projects{
	display:flex;
	justify-content: space-between;
	padding:50px;

}

.similar-projects-title{
	background-color:#05366b;	
}

.similar-projects-title h2{
	color:white;
	margin-top:80px;
	font-size:45px;
	text-align:center;
} 

.similar-projects img{
	text-align:center;
	box-shadow:0 4px 8px 0px rgba(0,0,0,0.35);
	display:flex;
	background-color: #000e2f;
	padding: 45px 25px;
	z-index: 1;
	position:relative;
}

.similar-projects .entry-header{
	display:inline-block;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

.similar-projects .panel-grid-cell h2{
	display:inline-block;
	position:relative;
	margin-left:0;
	text-align:left;
	line-height: .9em;
	margin-top:-10px;
}

.similar-projects .panel-grid-cell h2 :after{
    width: 112px;
    border-bottom: 5px solid #09396D;
	border-radius: 0px;
    position: relative;
}


.similar-projects .entry-title a{
	display:inline-block;
	font-family:'lato',sans-serif;
	font-weight:400;
	color:#fff;
	font-size:14pt;
	text-decoration:none;
	text-align: left;
	margin-left:0;
	margin-top:30px;
	line-height:30px;
	position: relative;
}


.similar-projects .entry-title a:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  transition: all 0.3s ease-in-out;
	
}

.similar-projects .entry-title a:hover:before {
  visibility: visible;
  width: 100%;
}


.similar-projects .entry-title a:focus{
	display:inline-block;
	font-family:'lato',sans-serif;
	font-weight:400;
	color:#f0f0f0; 
	font-size:14pt;
	text-decoration:none;
	text-align: left;
	margin-left:0;
}
 
.similar-projects .entry-title a:active{
	display:inline-block;
	font-family:'lato',sans-serif;
	font-weight:400;
	color:#f0f0f0;
	font-size:14pt;
	text-decoration:none;
	text-align: left;
	margin-left:0;
} 

.similar-projects .accent-line{
    width: 40px;
    border-bottom: 3px solid #FFFFFF;
	border-radius: 0px;
    position: relative;
	margin-top:-35px;
	
}

.similar-projects .post-tile{
	text-align:left;
}

.edit-link, .entry-content .read_more{
	display:none;
}

.similar-projects .view-all{
	position:relative;
	margin-left:-870px;
	margin-right:auto;
	text-align: center;
	padding-top:35px;
}

.similar-projects .view-all a{
	display:inline-block;
	font-family:'lato',sans-serif;
	font-weight:700;
	color:#fff;
	font-size:11pt;
	text-decoration:none;
	text-align: left;
	margin-left:0;
	margin-top: 50px;
	width:150px;
	position:relative;
	line-height: 1.9em;
}

.similar-projects .view-all a:after{
	font-family:'Glyphicons Regular';
	font-style:normal;
	content:"\E224";
	position:absolute;
	margin-left:8px
}

.similar-projects .view-all a:hover{
	display:inline-block;
	font-family:'lato',sans-serif;
	font-weight:700;
	color:#fff;
	font-size:11pt;
	text-decoration:none;
	text-align: left;
	margin-left:0;
	margin-top: 50px;
	width:150px;
	line-height: 1.9em;
}


.similar-projects .view-all a:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  transition: all 0.3s ease-in-out;
  padding-bottom: 3px;
}

.similar-projects .view-all a:hover:before {
  visibility: visible;
  width: 100%;
	padding-bottom: 3px;
}

.similar-projects .view-all a:after{
	font-family:'Glyphicons Regular';
	font-style:normal;
	content:"\E224";
	position:absolute;
	margin-left:8px

}

.contact-background{
	background-color: linear-gradient(315deg, transparent 50%, #FFF 50%),;
}


.contact-section h2{
	font-family: 'lato',sans-serif;
	font-weight: 400;
	text-align: center;
	line-height: 1.3em;
	color:white;
	font-size: 3.2em;
	margin-top: 50px;
	margin-bottom: 35px;
}

.contact-section .textwidget{
	display:inline;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
}

.contact-section .textwidget p{
	text-align: center;
	min-height:150px;
}



.contact-section a.visit-btn{
	display: inline-block;
	position:relative;
	padding: 23px 34px 23px 10px;
	width:270px;
	letter-spacing: .7px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'lato',sans-serif;
	font-size:16px;
	margin-top: 10px;
	margin-bottom: 60px;
	background-color: rgb(255, 255, 255);
	text-decoration: none;
    background: linear-gradient(to left, rgb(0, 14, 47) 50%, rgb(255, 255, 255) 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 500ms ease !important;
	border-left: 7px solid rgb(255,255,255);
	-webkit-transition:.3s ease-in-out;
	

}

.contact-section a.visit-btn:hover{
background-color: #fff;
color: #000e2f; 
background-position: left bottom;
border-left: 7px solid rgb(255, 255, 255);
}

.contact-section a.visit-btn:focus{
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f;
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 10px;
margin-bottom: 60px;
background-color: rgb(255, 255, 255);
text-decoration: none;
background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(0, 14, 47) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(0, 14, 47);
}

.contact-section a.visit-btn:active{
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f;
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 10px;
background-color: rgb(255, 255, 255);
text-decoration: none;
background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(0, 14, 47) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(0, 14, 47);
}



.contact-section a.visit-btn:after{
	font-family:'Glyphicons Regular';
	font-style:normal;
	content:"\E212";
	position:absolute;
	margin-left:8px
}

.contact-content{
	padding:40px 15px 70px 15px;
}

.contact-sheet{
	background-color: #fff;
}

.contact-header{
	margin-top:80px;
}

.contact-header h3
{
	display: block;
	margin: 0;
	font-family:'lato',sans-serif;
	font-size: 27px;
	font-weight: 300;
	text-align: center;
	color: #fff;
	line-height: 1.5;
	margin-bottom: -35px;
}

.contact-header h2{
	display: block;
	margin: 0;
	color: white;
	font-size: 50px;
	padding-top:20px;
	text-align:center;
}
.contact-info h2{
	color:white;
}

panel-layout{
	padding:30px;
}


.contact-card{
	display:block;
	font-family:'lato',sans-serif;
	font-size:1.2em;
	font-weight: 400;
	background-color: white;
	height: auto;
	border-radius:0px;
	padding: 30px;


}

.contact-content .panel-layout {
    background:#AF1F17 ;
}

.contact-card input {
	border-radius:5px;
	background-color: #fff;
	width:auto;
	padding: 3px 15px 3px 30px;
	border: none;
}

.gform_wrapper .gfield_required {
    display:none;
}



.gform_footer input.button, .gform_footer input[type="button"], .gform_page_footer input.button, .gform_page_footer input[type="button"] {
padding: 15px;
letter-spacing: .7px;
text-transform: uppercase;
color: rgb(175, 31, 23);
font-family: 'lato',sans-serif;
font-size:17px;
padding-right: 19px;
display: inline-block;
margin-top: 20px;
background-color: rgb(255, 255, 255);
text-decoration: none;
background: linear-gradient(to left, rgb(242, 242, 242) 50%, rgb(175, 31, 23) 50%);
background-size: 200% 100%;
background-position: right bottom;
border-left: 7px solid rgb(175, 31, 23);
-webkit-transition:.3s ease-in-out;
transition:.3s ease-in-out;
float:right;
margin-bottom:55px;
border-radius:0px;
}

.gform_footer input.button:hover, .gform_footer input[type="button"]:hover, .gform_page_footer input.button:hover, .gform_page_footer input[type="button"]:hover {
    background-color: rgb(175, 31, 23);
color: #fff;
background-position: left bottom;
border-left: 7px solid rgb(175, 31, 23);
}

.gform_footer input.button:focus, .gform_footer input[type="button"]:focus, .gform_page_footer input.button:focus, .gform_page_footer input[type="button"]:focus {
padding: 15px;
letter-spacing: .7px;
text-transform: uppercase;
color: rgb(175, 31, 23);
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 10px;
background-color: #000e2f;
text-decoration: none;
background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(175, 31, 23) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(175, 31, 23);
}

.gform_footer .right_label::after{
font-family:'Glyphicons Regular';
font-style:normal;
content:"\E212";
position:absolute;
margin-left:8px
}


.contact-map{
	padding: 100px 0px 150px 0px;
}

.info-card{
	display:block;
	background-color: #AF1F17;
	font-family:'lato',sans-serif;
	font-size:1.2em;
	font-weight:400;
	padding: 17px;
	height: 100%;
	widht:100%;
	margin-left:0px;
	text-align: left;
	color: white;
}

.info-card p{
	font-weight: 300;
	line-height:1.6em;
	font-size:17px;
	
	
	
}

.red-card{
	display: inline-block;
	max-height: 747px;
	padding: 40px 45px 10px 40px;
}

.info-address, .info-phone, .info-email, .info-hours{
	position:relative;
	left: 50px;
	padding: 10px 0 10px 0;
}

.red-card .info-address::before{
	font-family:'Glyphicons Regular';
	font-style:normal;
	content:"\E090";
	position:absolute;
	margin-left:-58px;
	margin-top:-3px;
	font-size:28px;
	color:rgba(255,255,255,0.80);
}


.red-card .info-phone::before{
	font-family:'Glyphicons Regular';
	font-style:normal;
	content:"\E443";
	position:absolute;
	margin-left:-58px;
	margin-top:-8px;
	font-size:28px;
	color:rgba(255,255,255,0.80);
}

.red-card .info-email::before{
	font-family: 'Glyphicons Regular';
	font-style: normal;
	content: "\E011";
	position: absolute;
	margin-left: -58px;
	margin-top: -8px;
	font-size: 28px;
	color: rgba(255,255,255,0.80);
}

.red-card .info-hours::before{
	font-family:'Glyphicons Regular';
	font-style:normal;
	content:"\E055";
	position:absolute;
	margin-left:-58px;
	margin-top: -8px;
	font-size:28px;
	color:rgba(255,255,255,0.80);
}

embed, iframe, object{
	max-width: 100%;
	height: 360px;
	position: relative;
	display: inline-block;
}


.contact-img-header{
	margin-top:80px;
}

.contact-img-header h3
{
	display: block;
	margin: 0;
	font-family:'lato',sans-serif;
	font-size: 25px;
	font-weight: 300;
	text-align: center;
	color: black;
	line-height: 1.5;
	margin-top: 15px;
}

.contact-img-header h2{
	display: block;
	margin: 0;
	color: black;
	font-size: 50px;
	text-align:center;
}

.search-results{
	background-color: #fff;
}

.form-control{
	height:40px;
}

#page-sidebar {
    margin-top: 70px;
}

#page-search #primary #main{
	background-color: #fff;
	padding-bottom: 150px;
}

#page-search h1.page-title{
	font-size: 35px;
	background-color: white;
	color:#000e2f    ;
	padding: 0 0 5px 20px;
	border: solid 2px none;
	border-radius: 10px;
	text-align:center;
}

#page-search h1.page-title #text{
display:none;
}

#page-search h3{
	margin-top: 21px;
	border-top: 2px solid #d7d7d7;
	padding: 30px 0px 0px 0px;
}


#page-search h1.page-title span{
	font-size: 70px;
	font-weight:300;

}

#page-search a{
	font-family:'lato',sans-serif;
	font-size: 30px;
	color:#ac0000;
}
#page-search .nav-next, #page-search .nav-previous{
	display:inline;
	width:auto;
}

#page-search .nav-links{
	border-bottom: 2px solid #e1e1e1;
	margin-top: 70px;
}

#page-search .nav-next a{
	font-size:40px;
	color:#09396D;
	float:right;
	margin-top:20px;
}

#page-search .nav-previous a{
	font-size:40px;
	color:#09396D;
	float:left;
	margin-top:20px;
}

#page-sidebar .widget a {
    color: #09396D;
}

#page-sidebar .widget {
    margin: 0 0 10px;
    background-color: #fff;
	border: solid 2px #d5d5d5;
	min-height:115px;
}

#page-sidebar .widget .widget-head{
	background-color:#fff;
}

#page-search .contact-btn-search {
	display: inline-block;
position: relative;
padding: 23px 34px 23px 10px;
    padding-top: 23px;
    padding-bottom: 23px;
width: 160px;
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f !important;
font-family: 'lato',sans-serif;
font-size: 16px !important;
margin-top: 3px;
background-color: rgb(255, 255, 255);
text-decoration: none;
background: linear-gradient(to left, rgb(242, 242, 242) 50%, rgb(0, 14, 47) 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(0, 14, 47);
-webkit-transition: .3s ease-in-out;
line-height: 1px !important;
padding-bottom: 25px;
padding-top: 25px;

}

#page-search .contact-btn-search a{
display: inline-block;
	position:relative;
	padding: 23px 34px 23px 10px;
	width:160px;
	letter-spacing: .7px;
	text-transform: uppercase;
	color: #fff !important;
	font-family: 'lato',sans-serif;
	font-size:16px !important;
	margin-top: 0px;
	margin-bottom: 60px;
	background-color: rgb(255, 255, 255);
	text-decoration: none;
    background: linear-gradient(to left, rgb(0, 14, 47) 50%, rgb(255, 255, 255) 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 500ms ease !important;
	border-left: 7px solid rgb(255,255,255);
	-webkit-transition:.3s ease-in-out;
	line-height: 1px;
	padding-bottom: 25px;
	padding-top: 25px;


} 

a.contact-btn-search::after {
    font-family: 'Glyphicons Regular';
    font-style: normal;
    content: "\E212";
    position: absolute;
    margin-left: 8px;
}

#page-search .contact-btn-search a::before{
	width:0px
}
 

#page-search .contact-btn-search:hover  {
background-color: #000e2f;
color: #fff !important;
background-position: left bottom;
border-left: 7px solid #000e2f;
}

#page-search .contact-btn-search:focus  {
background-color: #000e2f;
color: #000e2f !important;
background-position: left bottom;
border-left: 7px solid rgb(0, 14, 47);
margin-top:0px;
}

#page-search .contact-btn-search:active  {
background-color: #000e2f;
color: #000e2f !important;
background-position: left bottom;
border-left: 7px solid rgb(0, 14, 47);
margin-top:0px;
}

#page-sidebar .widget .widget-title{

	margin-left: -15px;
    font-size: 30px;
    color: #09396D;
    padding-bottom: 20px;
    text-align: center;
    background-color: #fff;
    font-weight: 700;
}


#content .widget .widget-head .widget-title {
    font-weight: 400;
    text-align: center;
    margin-left: -15px;
    font-size: 28px;
    color: #000;
}

#page-sidebar .widget a:hover {
    color: #000e2f;
}

#page-sidebar .widget a{
    position: relative;
	color: #000e2f;
    font-size: 20px;
	text-decoration: none;
	font-weight: 400;
	line-height: 25px;
	display: inline-block;
}

#page-sidebar .widget .contact-btn-search a{
    color: #000e2f;
    font-size: 16px;
	text-decoration: none;
}

#page-sidebar .widget_siteorigin-panels-postloop a:after{
  content: "";
  position: absolute;
  width: 30px;
  height: 3px;
  margin-top:26px;
  margin-left:0px;
  left:0;
  border-radius: 0px;
  background-color: #000e2f;
  transition: all 0.3s ease-in-out;
}

 #page-sidebar .widget_siteorigin-panels-postloop a:hover:after {
  visibility: visible;
  width: 100%;
}

#page-sidebar h2{
	margin-top: 20px;
	line-height:7px;
}
/*---------- Media Queries ---------*/
@media(max-width:630px){
	
	#page-search .nav-next a{
		font-size:25px;
	}
	
	#page-search .nav-previous a{
		font-size:25px;
	}
}




@media(min-width:780px) and (max-width:991px) {
	p.services-p {
	font-family:'lato',sans-serif;
	line-height:1.7;
	text-align:center;
}
	
	.main-box-left {
	margin-top:40px;
	padding-bottom: 30px;
	height:auto;
}
	.main-img{
		width:100%;
	}
	
	.home #content .entry-content .featured-projects .panel-grid-cell{
	width:100%;
        }

	.home #content .entry-content .featured-projects{
	display:flex;
	flex-wrap: wrap;
	position:relative;
}


	 }	 
	 
@media (max-width:1000px) {
	.home #content .entry-content .panel-grid-cell .textwidget .featured-text{
		display: flex;
		align-content: center;
		flex-wrap: nowrap;
		width: 300px;
		color: black;
		font-size: 13pt;
		margin-left:auto;
		margin-right: auto;
		
	}
	
	#masthead #nav-wrapper .navbar-collapse .nav > li:first-child > a {
    padding-left: 15px;
    margin-left: 0px;
}

}

@media (max-width:780px){
	.services-info {
		padding:15px
	}
	
	.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #000;
    border-radius: 0px;
}
	.btn-default {
    color: #333 !important;
    background-color: #000;
    border-color: #000;
    border: none;
	
	}
	
	.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #606060;
    border-color: #000;
	}
	
}

@media(max-width:992px){
	
	#masthead #nav-wrapper .searchform .btn {
    padding: 10px 12px;
    margin-top: -0px !important;
	}
	
	.page-template-page-project .filter-options{
		height:auto;
		
	}
	
	.page-template-page-project #project_keyword_input{
		width:100%;
		margin-top:10px
	}
	
	.page-template-page-project #project_year_select, .page-template-page-project #project_category_select, .page-template-page-project #project_tag_select{
	width:100%;
	margin-top:15px;
	}
	
	.page-template-page-project .container .project-container .project-year{
		float:right;
		}
}	 
	 
@media (max-width:778px){
	.project-view{
		margin-left:auto;
		margin-right:auto;
  }
	.project-images .img-desktop{
		position:absolute;
		margin-left: 10px;
		width:90vw;
  }
	.project-images .img-mobile{
		display:flex;
		position:relative;
		width: auto;
		margin-left: 60%;
		margin-top: 15%;
  }
	
	.featured-textblock {
    padding: 0px 1px 40px 15px;
}
	
	
}

@media (min-width:991px) and (max-width:1200){
	.page-template-page-project .container .project-container .project-title {
		max-width:221px;
  }
	
}

@media (max-width:991){
	.page-template-page-project .project-title a{
		max-width:360px;
	}
	
	.page-template-page-project .container .project-container .project-title{
		max-width:400px;
	}
}


@media (max-width:760px){
	.main-box-left{
    	margin-top: -30px;
    	height: 400px;
	}
}

@media (min-width:750px) and (max-width:781){
	
.similar-projects .entry-header img{
	display:inline-block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
 }
}

@media (min-width:1000px) and (max-width:1200px){
 .similar-projects .view-all{
	position:relative;
	margin-left:-740px;
	margin-right:auto;
	text-align: center;
	}
}

@media (min-width:760px) and (max-width:100px){
 .similar-projects .view-all{
	position:relative;
	margin-left:-570px;
	margin-right:auto;
	text-align: center;
	}
}
	

/*---------- Services/Contact (Styles Test) ---------*/

.services-header h2{
	font-family:'lato',sans-serif;
	font-weight:300;
	text-align:center;
	font-size: 60px;
	padding: 30px 0px 30px;
	letter-spacing: 1.4px;
}

.glyphicons-services-page{
display:flex;
justify-content:center;
color:#05366B;
font-size: 90px;
margin-top: 30px;
}


.services-info{
	display:inline-block;
	font-family:'lato',sans-serif;
	font-weight:700;
	text-align:left;
	font-size: 60px;
}

.services-box{
	display:inline-block;
	background-color: #f9f9f9;
	padding: 35px;
}

.services-box h3{
	font-size:42px;
	color:#05366B;
	font-family:'lato',sans-serif;
	font-weight:300;
	text-align:center;
	padding-bottom: 10px;
}

.services-info p{
	font-size:16px;
	text-align:center;
}



.services-bottom{
	padding-bottom: 80px;
	min-height:220px;
}

.services-bottom h3{
	color:#05366B;
}




.services-bottom a.visit-btn{
padding: 15px;
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f;
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 10px;
background-color: rgb(210, 210, 210);
text-decoration: none;
background: linear-gradient(to left, rgb(240, 240, 240) 50%, rgb(0, 14, 47) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(0, 14, 47);
	

}

.services-bottom a.visit-btn:focus{
background-color: #000e2f;
color: #fff;
background-position: left bottom;
border-left: 7px solid rgb(0, 14, 47);
margin-top:10px;
}

.services-bottom a.visit-btn:active{
background-color: #000e2f;
color: #fff;
background-position: left bottom;
border-left: 7px solid rgb(0, 14, 47);
margin-top:10px;
}

.services-bottom a.visit-btn:hover{
background-color: #000e2f;
color: #fff;
background-position: left bottom;
border-left: 7px solid rgb(0, 14, 47);
}

.services-bottom p{
	font-family:'lato',sans-serif;
	font-weight:400;
	text-align: center;
	margin:0;
}
.services-bottom h3{
	font-family:'lato',sans-serif;
	font-weight:300;
	font-size:51px;
	padding-top:60px;
	padding-bottom:20px;
	text-align: center;
	margin:0;

}

.services-content h1 {
	font-family:'lato',sans-serif;
	font-weight:700;
	text-align:left;
	line-height:1.3;
	color:#fff;
	font-size:3em;
	width:500px;
	}

 .services-content h1:before{
  content: "";
  position: absolute;
  width: 80px;
  height: 6px;
  margin-top:2.7em;
  border-radius: 0px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
	
}

 .services-content h1:hover:before {
  visibility: visible;
  width: 20%;
}
.services-content .project-heading-text p{
	font-family:'lato',sans-serif;
	font-weight:300;
	text-align:left;
	font-size:1.5em;
	line-height:1.8em;
	color:white;
	margin-top:30px;
	width:500px;
	padding-top:50px;
}

.services-content p{
	font-family:'lato',sans-serif;
	font-weight:300;
	text-align:left;
	font-size:1.4em;
	line-height:1.7em;
	color:white;
	margin-top:30px;
	padding-top:50px;
}

.services-content h2 {
	text-align:left;
	color:white;
	padding-top:50px;
}

.services-content h3 {
font-size:30px;
font-weight:400;
color:#fff;
text-align:left;
font-family:'lato',sans-serif;
padding-top:50px;
}



.services-content h4 {
font-size:27px;
font-weight: 400;	
letter-spacing:.3px;
color:#fff;
text-align:left;
font-family:'lato',sans-serif;
padding-top:50px;
}

.services-content h5 {
font-size:24px;
font-weight: 400;
letter-spacing:.3px;
color:#fff;
text-align:left;
font-family:'lato',sans-serif;
padding-top:50px;
}

.services-content h6 {
font-size:20px;
font-weight: 400;
letter-spacing:.3px;
color:#fff;
text-align:left;
font-family:'lato',sans-serif;
padding-top:50px;
}


.test-content .text-large {
	font-family:'lato',sans-serif;
	font-weight:700;
	text-align:left;
	line-height:1.3;
	color:#fff;
	font-size:3em;
	padding: 100px 0 100px 0;
}

.test-content .text-small {
	font-family:'lato',sans-serif;
	font-weight:300;
	text-align:left;
	line-height:1em;
	color:#151515;
	font-size:1.5em;
}

.test-content .test-btn .visit-btn{
padding: 15px;
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f;
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 8px;
background-color: rgb(255, 255, 255);
text-decoration: none;
background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgb(0, 14, 47) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(0, 14, 47);

}



.test-content .test-btn .visit-btn:hover {
background-color: #000e2f;
color: #fff;
background-position: left bottom;
border-left: 7px solid rgb(0, 14, 47);
}

.test-content .test-btn .main-btn{
padding: 15px;
letter-spacing: .7px;
text-transform: uppercase;
color: #fff;
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 8px;
background-color: rgb(0, 14, 47);
text-decoration: none;
background: linear-gradient(to left, rgb(0, 14, 47) 50%, rgb(255, 255, 255) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(255, 255, 255);

}



.test-content .test-btn .main-btn:hover {
background-color: #000e2f;
color: #000e2f;
background-position: left bottom;
border-left: 7px solid rgb(255, 255, 255);
}

.test-content .test-btn .primary-btn{
padding: 15px;
letter-spacing: .7px;
text-transform: uppercase;
color: #000e2f;
font-family: 'lato',sans-serif;
padding-right: 35px;
display: inline-block;
margin-top: 8px;
background-color: rgb(210, 210, 210);
text-decoration: none;
background: linear-gradient(to left, rgb(210, 210, 210) 50%, rgb(0, 14, 47) 50%);
background-size: 200% 100%;
background-position: right bottom;
transition: all 500ms ease !important;
border-left: 7px solid rgb(0, 14, 47);

}



.test-content .test-btn .primary-btn:hover {
background-color: #000e2f;
color: #fff;
background-position: left bottom;
border-left: 7px solid rgb(0, 14, 47);
}

.test-content .test-btn{
	padding: 100px 0 100px 0;
}





/*---------- Footer ---------*/

#footers {
font-family:'lato',sans-serif;
background-color:#121212;
border:0;
padding-top:2em
}


#mega-footer h3{
	color:#fff;
	font-size:35px;
}

#mega-footer .widget a:hover{
	color: #fff;
}

#mega-footer a{
	font-family:'lato',sans-serif;
}

#mega-footer .footer-links, #mega-footer .footer-contact{
	margin-top:40px;
	position:relative;
}

@media (min-width:780px){
	#mega-footer .footer-links:after{
  	  content: '';
  	  position: absolute;
  	  right: 0px;
  	  top: 13%;
  	  height: 74%;
    border-right: 1px solid #fff;
	
	}

	#mega-footer .footer-logo{
		top: 25.5%;
		position: absolute;
		padding-left: 10%;
	}
}



#footers p{
	color: #fff;
	font-weight:300;
}

#footer li a {
    padding: 0px;
}

#mega-footer {
    padding-top: 1em;
    background-color: transparent;
    padding-bottom: 22px;
}

#footer{
	line-height:2.5em;
	padding: 0px 0px 22px 0px;
}