x@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');

/* CSS Craig Cogan */

body {font-family: "europa";
	font-weight: 300;
	font-size: 13px;
	background: #fff;
	padding: 25px 0 0 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "raleway";
	font-weight: 700;
	font-style: normal;
	text-align: left
}
strong {
}
a {
	color: #b5061a;
}
/* Header */

.logo {
	padding: 30px 0 0 0;
}
#header {
	height: 157px;
	background: #fff;
	width: 100%;
}
/* Home Styles */

.banner {
	display: block;
	position: relative;
}
#awone, #awtwo, #awthree {
	position: absolute; bottom: -80px; z-index: 999;
}
#awone {
	right: 24%;
}
#awtwo {
	right: 13%;
}
#awthree {
	right: 2%;
}
#testimonials {
	position: relative;
}
.testimonials {
	padding: 0 0 15% 0;
	margin: 0 0 7% 0;
}
.testimonials h2 {
    color: #231f20;
    font-family: 'europa', serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    margin: 0 0 0 0;
}
.testimonials h5 {
    color: #424141;
    font-family: "europa";
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 33px;
    text-align: center;
    margin: 0 0 10px 0;
}
.testimonials p {
    color: #424141;
    font-family: "europa";
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 33px;
    text-align: center;
    margin: 0 0 10px 0;
}
.testimonials hr {
	width: 100px;
	display: inline-block;
	border-top: 1px #b7b7b7 solid;
	margin: 0.5em 0 1.4em 0;
}
.slides figcaption {
	position: absolute;
	top: 90%;
 left: 50%;
 transform: translate(-50%, -50%);
	display: block;
	width: 33%;
	background: #fff;
	padding: 3% 6%;
	text-align: center;
}
.slideContent {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
}
.slideContent div {
	padding: 15% 0 15% 25%;
}
.slideContent div h3 {
	color: #fff;
	font-family: "raleway";
	font-weight: 700;
	font-size: 56.68px;
	line-height: 60px;
	text-transform: uppercase;
}
.slideContent div h3 span {
	font-size: 62.11px;
}
.slideContent div h3 strong {
	font-size: 54.35px;
	font-weight: 700;
}
.slideContent div p {
	color: #fff;
	font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif;
	font-size: 24px;
}
.slideContent div a {
	color: #fff;
	font-family: "raleway";
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	padding: 3% 5% 2% 5%;
	display: block;
	border: 3px #505050 solid;
	max-width: 200px;
	border-radius: 4px;
}
.slideContent div a:hover {
	background: #505050;
}
.flexslider .slides .slideContent div a img {
	max-width: 15px;
	display: inline-block;
	padding: 0 5% 0 0;
}

.flexsliderPS img {
	width: 100%;
	display: block;
	}

.flexcaro img {
	width: 100%;
	display: block;
	}

/* Nav */

#nav {
	display: block;
}
#nav nav {
	display: block;
}
nav.main {
	padding: 35px 0 0 0;
	text-align: right;
}
nav.main > ul > li {
	padding: 0;
	margin: 10px 30px 10px 0;
	display: inline-block;
}
nav.main > ul > li > a:before {
  content: "";
  border-left: 1px solid red;
  margin-right: 10px;
  height: 0px;
  position: absolute;
  left: -10px;
  top: bott;
  bottom: 7px;
  transition: all 0.3s linear;
}
nav.main > ul > li > a:hover:before {
  content: "";
  border-left: 1px solid #ed1c24;
  margin-right: 10px;
	height: 53px;
	position: absolute;
	left: -10px;
	top: 0px;
}
nav.main > ul > li:hover > a {
	color:#ed1c24;
	transition: all 0.3s linear;
}
nav.main > ul > li:last-child > a:before {
	content:none;
}
nav.main > ul > li:first-child {
	border-left: none;
}
nav.main > ul > li > a {
	color: #231f20;
	text-decoration: none;
	font-family: "europa";
	font-weight: 500;
	font-size: 16px;
	padding: 30px 0 0 10px;
	position: relative;
}
nav.main > ul > li:last-child:hover a {
	background: #ed1c24;
	color: #fff;
	transition: all 0.4s ease;
}
nav.main > ul > li:last-child > a {
	color: #231f20;
	text-decoration: none;
	font-family: "europa";
	font-weight: 500;
	font-size: 16px;
	padding: 8px 2em 10px 2em;
	border-left: none;
	background: #f7f6f6;
	border-radius: 50em;
}
nav.main > ul > li:last-child > a i {
	margin-left: 5px;
	margin-left: 5px;
	font-size: 14px;
	position: relative;
	top: 0px;
}
nav.main > ul > li > a:hover {
	width: 35%;
}
nav.main > ul > li:last-child > a:hover {
	border-left: none;
}
nav.main > ul > li > a.menuactive {
	border-left: 1px #ed1c24 solid;
}
nav.main > ul > li > a.menuactive:before {
	content:none;
}
.nav > li > div {
	position: absolute;
	left: auto;
	top: 80px;
	display: none;
	background: #fff;
	padding: 0px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	overflow: hidden;
	border-top: 4px solid #b52031;
	z-index: 999;
}
.nav > li:hover > a {
}
.nav > li:hover > div {
	display: block;
}
.menu-text {
	display: block;
	padding-bottom: 20px;
}
.menu-text h1 {
	font-family: "raleway";
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
}
.menu-text hr.red {
	width: 100%;
	height: 2px;
	background: #282828;
	border: 0;
	margin: 10px 0 0 0
}

/* COLUMNS */

.container-drop ul {
	margin: 0;
	float: left;
	padding: 0 0px;
}
.container-drop ul li a {
	color: #231f20;
	text-decoration: none;
	font-family: "europa";
	font-weight: 300;
	font-size: 17px;
	display: block;
	padding: 3px 0;
}
.container-drop ul li a:hover {
	color: #ed1c24;
}
nav.main > ul > li:last-child .container-drop {
	left: auto;
	right: 0;
}
.col-sm {
	width: 300px !important;
}
/* Drop Column */

.container-drop {
	width: 50%;
}
.inner {
	padding: 30px 45px;
	display: block;
	overflow: hidden
}

/* Content */

.contentMain header {
	height: 50px;
	background: url(../images/header-bg.jpg) center center repeat-x;
	}

.contentMain {
	display: block;
	background: #fff;
	padding: 10% 0;
}
.botc {
	display: block;
	background: #fff;
	padding: 5% 0 6% 0;
}
.topc {
	display: block;
	background: #fff;
	padding: 0 0 2% 0;
}
#references {
	display: block;
	background: #fff;
	padding: 0 0 5% 0;
}

.contentMain.tp {
	display: block;
	padding: 0 0 0 0;
}

.contentMain.reftp {
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
}

.contentMain.how, .contentMain.three {
	display: block;
	padding: 0 0 0 0;
}

.contentMain div.col-sm-6 > div {
	padding: 8% 10% 0 10%;
}
.contentMain div.col-sm-6.rightcol > div {
	padding: 0 10% 0 10%;
}
.contentMain.how div.col-sm-6 > div {
	padding: 5% 10% 5% 10%;
}
.contentMain div.col-sm-4 > div {
	padding: 12% 9% 12% 9%;
}
.contentMain.three.scd div.col-sm-4 > div {
	padding: 0 8% 12% 8%;
}
.contentMain.tp div.col-sm-6 > div {
	padding: 20% 10% 0 10%;
}
.contentMain.reftp div.col-sm-5 > div {
	padding: 20% 10% 0 10%;
}
.contentMain.how div.col-sm-5 > div {
	padding: 13% 10% 0 10%;
}
.contentMain div.col-sm-12 > div {
	padding: 15px 25px;
}
#references div.col-sm-6 > div.left {
	margin: 0 15px 0 0;
}
#references div.col-sm-6 > div.right {
	margin: 0 0 0 15px;
}
#references div.col-sm-12 > div {
	padding: 12% 10% 12% 10%;
	margin: 0 0 30px 0;
}
.contentMain figure.col-sm-7 img {
	width: 100%;
}
.contentMain.how figure.col-sm-7 img {
	width: 100%;
}
.contentMain.how.dark-grey .col-sm-6 { width: 49%; display: inline-block; vertical-align: middle; float: none; }
.contentMain div.col-sm-4 > div hr, .contentMain div.col-sm-6 > div hr {
	width: 100px;
	display: inline-block;
	border-top: 1px #b7b7b7 solid;
	margin: 1.4em 0 1.4em 0;
}
.contentMain h1, .topc h1 {
	color: #231f20;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 48px;
	text-align: center;
	line-height: 65px;
	position: relative;
}
.contentMain h2 {
	color: #231f20;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 48px;
	text-align: left;
	line-height: 65px;
	margin: 0 0 35px 0;
	position: relative;
}
.topc h2 {
  color: #231f20;
  font-family: "europa";
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  text-transform: uppercase;
}
.contentMain h2:after {
	content: "";
	border-top: 1px #b7b7b7 solid;
	display: block;
	position: absolute;
	bottom: -19px;
	left: -12.5%;
	width: 200px;
}
.contentMain h3 {
	color: #231f20;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 28px;
	text-align: left;
	line-height: 40px;
	margin: 0 0 10px 0;
	position: relative;
}
#references h3 {
	color: #231f20;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
  font-size: 23px;
  text-align: left;
  line-height: 30px;
	margin: 0 0 10px 0;
	position: relative;
}
.contentMain h4 {
	color: #231f20;
	font-family: "europa";
	font-weight: 700;
	font-size: 16px;
	text-align: left;
	line-height: 30px;
	text-transform: uppercase;
}
#references h4 {
	color: #231f20;
	font-family: "europa";
	font-weight: 400;
	font-size: 16px;
  font-size: 14px;
  text-align: left;
  line-height: 20px;
}
.contentMain p {
	color: #424141;
	font-family: "europa";
	font-weight: 300;
	font-size: 15px;
	line-height: 30px;
	text-align: left;
	margin: 0 0 10px 0;
}
.topc p, .botc p {
	color: #424141;
	font-family: "europa";
	font-weight: 300;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
	margin: 10px 0 30px;
}
#references p {
	color: #424141;
	font-family: "europa";
  font-size: 16px;
  line-height: 29px;
  text-align: left;
  margin: 0 0 15px 0;
}
.contentMain ol, .contentMain ul {
	color: #424141;
	font-family: "europa";
	font-weight: 300;
	font-size: 18px;
	line-height: 36px;
	text-align: left;
	margin-bottom: 15px;
}
.contentMain li, #references li {
	color: #424141;
	font-family: "europa";
	font-weight: 300;
  font-size: 16px;
  line-height: 29px;
	text-align: left;
	margin: 0 0 0 0;
}
.gallery figure.col-4 {
    padding: 1% 1% 1% 1%;
    float: left;
    width: 31.333%;
}
.gallery figure.col-8 {
    padding: 1% 1% 1% 1%;
    float: left;
    width: 64.666%;
}
.gallery figure.col-4 img, .gallery figure.col-8 img {
    max-height: 350px;
    width: 100%;
}
.my-gallery figcaption {
  display: none;
}

/* Alignment */

.right {
	float: right
}
.left {
	float: left
}
.a-right {
	text-align: right
}
.a-left {
	text-align: left
}
.a-center {
	text-align: center
}
.a-justify {
	text-align: justify
}
.gap {
	margin: 0 0 8% 0;
}
.gap2 {
	margin: 2% 2% 0 0;
}
/* Colors */

.red {
	background: #b5061a;
}
.dark-grey {
	background: #f8f8f8;
}
/* Buttons */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
	z-index: 999;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
	color: #e0272d;
  background: #231f20 url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #231f20;
  opacity: 1;
}

/*Changes*/
.slogan {position: absolute; left: 27%;}
.slogan h4 {font-size: 30px; font-style: italic; text-align: center; font-family: "europa" !important; padding: 60px;}






@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
		height: 50px;
		width: 50px;
		right: 30px;
		bottom: 30px;
		border-radius: 50%;
  }
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

/* Footer */

#footer {
	background: #f8f8f8;
	height: 323px;
}
.footer-links footer {
	padding: 0 0 0 0;
	display: block;
	overflow: hidden;
}
footer figure {
	background: #f1f1f1;
	height: 323px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
footer figure img {
	display: block;	position: absolute;
	top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
footer .con > div {
	padding: 100px 0 0 0;
}
footer .con2 > div {
	padding: 110px 0 0 0;
}
footer .con.cone > div {
	padding: 100px 0 0 30%;
}
footer p {
	font-family: "europa";
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0.02em;
	color: #828181;
	line-height: 35px;
	margin-bottom: 0;
}
footer p a {
	font-family: "europa";
	font-weight: 400;
	font-size: 15px;
	color: #828181;
	text-decoration: none;
}
footer p a:hover {
	color: #ed1c24;
}
footer ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
}
footer ul li a {
	color: #828181;
	font-family: "europa";
	font-weight: 400;
	font-size: 15px;
	text-decoration: none;
	display: block;
	line-height: 35px;
}
footer ul li a:hover {
	color: #ed1c24;
}

footer ul li a#ffb {
	color: #3c3a3b;
	text-decoration: none;
	font-family: "europa";
	font-weight: 300;
	font-size: 16px;
	padding: 3px 17px 3px;
	border-left: none;
	background: #ffffff;
	border-radius: 50em;
	display: inline-block;
	margin: 6px 0 0 0;
}
footer ul li a#ffb:hover {
  background: #ed1c24;
  color: #fff;
  transition: all 0.4s ease;
}

footer p.copyright {
	font-size: 10px;
	font-weight: normal;
	color: #c7c2c2;
	padding: 0 0 0 10%;
}

footer p.copyright a {
	font-size: 12.2px;
	font-weight: normal;
	color: #c7c2c2;
}
footer p.copyright a:hover {
	color:#828181;
	transition:all 0.5s ease;
}

a.menu-icon {
  width: 50px;
  position: fixed;
  top: 0;
  right: 0;
  background: #ed1c24;
  color: #fff;
  text-align: center;
  font-size: 30px;
  padding: 10px 5px;
  display: none;
  z-index: 999;
}

@media only screen and (max-width: 1440px) {
	.slogan {position: absolute; left: 24%;}
}

@media only screen and (max-width: 1366px) {
	nav.main > ul > li { padding: 12px 2% 11px; }
	nav.main > ul > li > a { font-size: 14px; }
	footer p, footer p a, footer ul li a { font-size: 13px; }
	.contentMain h2 { font-size: 24px; line-height: 35px; }
	.testimonials p { font-size: 14px; line-height: 25px; }
	.contentMain p { font-size: 16px; line-height: 25px; }
}

@media only screen and (max-width: 1280px) {
	footer p, footer p a, footer ul li a, footer p.copyright { font-size: 12px; }
	nav.main > ul > li { padding: 12px 1% 11px 1%; }
	nav.main > ul > li > a { font-size: 14px; }
	nav.main { width: 70%; }
	#awone, #awtwo, #awthree { position: absolute; bottom: -60px; z-index: 999; width: 120px; }
	.testimonials hr { margin: 0.5em 0 0.5em 0; }
	.testimonials p,	.contentMain p, #references p { font-size: 14px; line-height: 17px; }
	#references li { font-size: 14px; line-height: 17px; margin: 0 0 10px 0; }
	footer .con.cone > div, footer .con > div { padding: 100px 0 0 10%; }
	footer p.copyright { padding: 0 0 0 3.2%; }
	.slogan {position: absolute; left: 19%;}
	.slogan h4 {font-size: 23px; font-style: italic; text-align: center; font-family: "europa" !important;}
}

@media only screen and (max-width: 1024px) {
	.main { display: none; }
	a.menu-icon { display: block; }
	.contentMain.tp div.col-sm-6 > div {padding: 15% 10% 0 10%;}
	.slides figcaption {width: 50%;top: 70%;}
	.contentMain.how div.col-sm-5 > div { padding: 4% 10% 0 10%; }
	.contentMain.reftp div.col-sm-5 > div { padding: 10% 10% 0 10%; }
	.contentMain h3 { font-size: 17px; line-height: 20px; margin: 0 0 10px 0; }
	footer figure img { width: 60%; }
	.slogan {left: 47%;}
}

@media only screen and (max-width: 980px) {
	a.menu-icon { display: block; }
}

@media only screen and (max-width: 800px) {
	.main { display: none !important; }
	a.menu-icon { display: block; }
	.mm-menu.mm-horizontal.mm-offcanvas { opacity: 0; }
	.mm-menu.mm-horizontal.mm-offcanvas.mm-current.mm-opened { opacity: 1; }
}

@media only screen and (max-width: 768px) {
	.main, footer p span, .links div.social, .footer-links .col-sm-2{ display: none !important; }
	a.menu-icon { display: block; }
	.contentMain h2 { font-size: 17px; line-height: 20px; }
	.testimonials p,	.contentMain p, #references p { font-size: 13px; line-height: 16px; }
	.contentMain { padding: 5% 0; }
	.contentMain h4 { font-size: 14px; line-height: 20px; }
	.slides figcaption {width: 75%;top: 70%;padding: 1.5% 6%;}
	footer .col-sm-4.con.cone, footer .col-sm-3.con { width: 50%; }
    .contentMain.how.dark-grey .col-sm-6 {width: 100%; display: block; vertical-align: middle; float: none; }
}

@media only screen and (max-width: 560px) {
	body { padding: 0px; }
	.slides::after { display: none; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .footer-links .col-sm-5, .footer-links .col-sm-3, .gallery figure.col-4, .gallery figure.col-8 {
	float: none;
	position: relative;
	display: block;
	width: 100%;
    padding: 2% 0;
}
.contentMain.tp div.col-sm-6 > div, .contentMain.how div.col-sm-5 > div, .contentMain.reftp div.col-sm-5 > div {
    padding: 10%;
}
	#references div.col-sm-12 > div {
    padding: 12% 10% 12% 10%;
    margin: 0 0 30px 0;
}
	#references div.col-sm-6 > div.left,	#references div.col-sm-6 > div.right {
    margin: 0 0 0 0;
}
	#awone, #awtwo, #awthree {
    position: relative;
    bottom: auto;
    z-index: 999;
    width: 30%;
		margin: 5% 1.5%;
		left: auto; right: auto;
		float: left;
}
	#footer { height: auto; padding: 0 0 15px 0; }
	footer figure { height: 200px; }
	footer .col-sm-4.con.cone, footer .col-sm-3.con { width: 100%; }
	footer .col-sm-4.con.cone > div, footer .col-sm-3.con > div { padding: 20px 0 0 0; }
	footer, footer p, footer p a, footer ul li a, footer p.copyright { text-align: center; line-height: 25px; }
	footer p.copyright { padding: 20px 15% 0 15%; }
	.slides figcaption {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 88%;
    padding: 3% 6%;
		margin: 0 0 15% 0;
}.testimonials {
    padding: 0 0 5% 0;
    margin: 0 0 7% 0;
}
	.botc p {
    color: #424141;
    font-family: "europa";
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin: 0 10% 10px 10%;
}
.slogan {display: none;}
}