/*==============================================  IMPORTANT - PLEASE READ ==============================================

font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;
____

thin 100
light 300
regular 400
bold 700
black 900
____

========================================================================================================================
*/

/*
==============================================
Header
==============================================
*/

/*
Header
==============================================
*/

.logo-content .ftr-logo {
	max-width: none;
/*  Commented out per conversation with Evan/Jose/Olivier - check with them before enabling */
/*	width: 231px;  Width needed to keep transition change this to your logo width */
}

.social-contact-section {
    padding: 15px 0 11px;
}
.social-contact .ftr-nap li {
	display: inline;
}

.social-contact .ftr-nap .ftr-nap-phone:before {
	display:none;
}
.social-contact .ftr-nap {
	font-family: 'Lato', sans-serif;
    font-size: 14px;
	font-weight: 400;
	color: #427c7e;
    text-align: right;
    list-style-type: none;
	text-transform: uppercase;
}
.social-contact .ftr-nap a {
	color: #427c7e;
}
.social-contact {
	float: right;

}
.social-icons {
	float: right;
}
.social-icons .social-container {
    padding: 0;
}

.social-icons .social-container .fa {
	color: #427c7e;
	padding: 0 4px;
	font-size: 14px;
	position: relative;
  top: -1px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.social-contact .ftr-nap-wrapper .ftr-nap li {
    padding: 5px 8px 5px 0px;
}
.social-contact .ftr-nap-wrapper .ftr-nap li:after {
	content:"//";
	position: relative;
    margin-left: 8px;
}
.social-contact .ftr-nap a:hover {
    color: #104c6e !important;
}
.social-icons .social-container .fa:hover {
    color: #104c6e !important;
}
.header-cta {
	float: right;
}
.header-cta .ftr-cta-wrapper {
	margin: -2px 5px 0 0;
}
.header-cta .ftr-cta {
	font-family: 'Lato', sans-serif;
	color: #427c7e;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	border: none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.header-cta .ftr-cta:hover {
	color:#104c6e !important
}




/*
==============================================
Responsive Meia Queries NEW
==============================================
*/


/* Touch devices only */
@media (pointer:coarse) {
/*
==============================================
Header
==============================================
*/

}


/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
/*
==============================================
Header
==============================================
*/


}


/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {
/*
==============================================
Header
==============================================
*/

}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
/*
Header
==============================================
*/
	.fixed-header {
		position: relative !important;
	}


}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
/*
==============================================
Header
==============================================
*/
.social-contact-section {
	display:none;
}
.social-contact-section .social-icons {
    float: none !important;
}
.social-contact-section .social-contact {
    float: none !important;
}
.social-contact-section .header-cta {
    float: none;
}
.social-contact-section .ftr-nap {
	text-align: center !important;
}
.social-contact-section .social-container {
	text-align: center;
}


}



/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
/*
Header
==============================================
*/
.social-contact-section {
	display:none;
}



}

/* IE only */
@media screen\0 {


}