.site-header.header-scrolled {
    background-color: rgba(255, 255, 255, 1);
}
.hidden{
display: none;
}
.cta{
    padding: 10px 20px;
    letter-spacing: 0px!important;
    font-size: 25px;
    background: #ecec0a!important;
    color: #0b4763!important;
    box-shadow: none!important;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6) !important;
text-transform: capitalize!important;
font-weight: 400;
}
.outliner{
border: 2px solid #fff;
background: transparent!important;
padding: 10px 20px;
    letter-spacing: 0px!important;
    font-size: 25px;
box-shadow: none!important;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6) !important;
text-transform: capitalize!important;
font-weight: 400;
}

@media (min-width: 1200px){
.container {
    width: 1590px;
max-width: 100%;
}
}
.main-navigation {
    display: block;
    float: left;
    width: 90%;
    text-align: right;
}
.site-branding {
    width: 10%;
    float: left;
    padding: 15px 0;
}
.uppercase h2{
text-transform:uppercase;
}
.grid vubon_figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 320px;
    max-width: 480px;
    height: 360px;
    width: 48%;
    background: #eee;
    text-align: center;
    cursor: pointer;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

vubon_figure.effect-sadie vubon_figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
background: rgba(35,89,114,1);
background: -moz-linear-gradient(top, rgba(35,89,114,1) 0%, rgba(10,64,89,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,89,114,1)), color-stop(100%, rgba(10,64,89,1)));
background: -webkit-linear-gradient(top, rgba(35,89,114,1) 0%, rgba(10,64,89,1) 100%);
background: -o-linear-gradient(top, rgba(35,89,114,1) 0%, rgba(10,64,89,1) 100%);
background: -ms-linear-gradient(top, rgba(35,89,114,1) 0%, rgba(10,64,89,1) 100%);
background: linear-gradient(to bottom, rgba(35,89,114,1) 0%, rgba(10,64,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235972', endColorstr='#0a4059', GradientType=0 );
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

vubon_figure.effect-sadie h2 {
	position: absolute;
	top: 80%;
	left: 0;
	width: 100%;
	color: #0b4763!important;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

vubon_figure.effect-sadie vubon_figcaption::before,
vubon_figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

vubon_figure.effect-sadie p {
	position: absolute;
	bottom: 10%;
	left: 10%;
	padding: 2em;
	width: 80%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

vubon_figure.effect-sadie:hover h2 {
	color: #ecec0a!important;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
        top:50%;
}

vubon_figure.effect-sadie:hover vubon_figcaption::before ,
vubon_figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.grad{
background: rgba(35,89,114,1);
background: -moz-linear-gradient(top, rgba(35,89,114,1) 0%, rgba(10,64,89,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,89,114,1)), color-stop(100%, rgba(10,64,89,1)));
background: -webkit-linear-gradient(top, rgba(35,89,114,1) 0%, rgba(10,64,89,1) 100%);
background: -o-linear-gradient(top, rgba(35,89,114,1) 0%, rgba(10,64,89,1) 100%);
background: -ms-linear-gradient(top, rgba(35,89,114,1) 0%, rgba(10,64,89,1) 100%);
background: linear-gradient(to bottom, rgba(35,89,114,1) 0%, rgba(10,64,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235972', endColorstr='#0a4059', GradientType=0 );
}
#footer-navigation{
display: none;
}
#sidebar-footer{
background-color: #252525!important;
color: #fff;
padding-top: 0;
}
.footer-widgets .widget {
    padding: 30px 30px 0;
    width: 100%;
    margin-bottom: 30px;
}
.footer-widgets p{
color: #fff;
}
.footer-widgets .widget-title {
    color: #fff;
    margin: 15px 0;
    background-color: rgba(0,0,0,0);
    border: 0px solid rgba(255,255,255,0.05);
    padding: 15px 0;
}
#sidebar-footer .container{
    width: 1045px;
max-width: 100%;
}
#text-2{
width: 70%;
float:left;
}
#text-4{
width: 30%;
Float: left;
}
.current-menu-item a {
    font-weight: 600;
    color: #0b4763;
    border: 1px solid #0b4763;
    border-radius: 4px;
}
@media only screen and (min-width:800px) and (max-width: 1024px){
#dslc-module-3 .dslc-text-module-content h2{
padding-left: 10px!important;
padding-right: 10px!important;
}
#dslc-content .dslc-modules-section {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    margin-bottom: 15px;
}
.mobile-nav, .small-header {
    display: none;
}
}

@media only screen and (width:1024px){
#dslc-module-29 .dslc-text-module-content{
padding-top: 50px!important;
padding-bottom: 50px!important;
}
#dslc-module-27 .dslc-text-module-content{
padding-top: 100px!important;
padding-bottom: 100px!important;
}
#dslc-module-fgrk76k72k8 .dslc-image-container, #dslc-module-5jvjdcfl4j8 .dslc-image-container {
    display: none;
}
}
@media only screen and (width:768px){
#dslc-module-23 .dslc-image-container, #dslc-module-25 .dslc-image-container {
    display: none;
}
}
@media only screen and (max-width: 768px){
.main-navigation{
display: none;
}
.dslc-no-columns-spacing .dslc-6-col {
    width: 100%;
}
.dslc-6-col {
    width: 100%;
}
#dslc-content .dslc-modules-section {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    margin-bottom: 15px;
}
.dslc-text-module-content {
    border: 0 solid transparent;
    padding: 10px!important;
}
}
@media only screen and (max-width: 680px){
.site-branding, .mobile-nav {
    width: 100%!important;
    text-align: center;
    clear: both;
}
.menu-toggle, .main-navigation.toggled ul {
    display: none;
}
#text-2{
width: 100%;
float:left;
}
#text-4{
width: 100%;
Float: left;
}
.footer-widgets .widget {
    padding: 5px;
}
.dslc-module-section{
padding-bottom: 20px!important;
padding-top: 20px!important;
}
.grid vubon_figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 240px;
    max-width: 480px;
    height: 270px;
    width: 48%;
    background: #eee;
    text-align: center;
    cursor: pointer;
}
}
@media only screen and (max-width: 480px){
.grid vubon_figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 260px;
    max-width: 480px;
    height: 270px;
    width: 48%;
    background: #eee;
    text-align: center;
    cursor: pointer;
}
#dslc-module-3 .dslc-text-module-content h2{
padding-left: 10px!important;
padding-right: 10px!important;
}
.dslc-module-section{
padding-bottom: 20px!important;
padding-top: 20px!important;
}
}