/*-----------------------------------------------------------------------------

Styles
============
Site:       Third Eye Global;
Author:     Nik Wahlberg;
Framework:  Foundation (v 5.0);

-----------------------------------------------------------------------------*/

/* set font family for document */
body { background: #fff; }
body, h1, h2, h3, h4, h5, p { font-family: 'Exo', sans-serif; }
.common-shadow-box { box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.4); }
.ctr-info { background: #d31145; padding: 15px 0; color: #fff; }
.ctr-info a, .ctr-info a:focus { color: #fff; font-weight: 600; }
.ctr-info a:hover { color: #ccc; }
.ctr-info .contact { font-weight: 200; }
.ctr-info a, .ctr-info a:hover { font-weight: 600; color: #fff; }

.ctr-topheader { padding: 15px 0 25px 0; }
.ctr-topheader nav span { border-top: 3px solid #fff; padding-top: 5px; }
.ctr-topheader nav  ul, .ctr-topheader nav li { margin:0;padding:0;list-style-type:none; }
.ctr-topheader nav li { position: relative; float: left; }
.ctr-topheader nav li > a { display: block; float: left; height: 98px; line-height: 98px; margin-left: 40px; color: #000; font-weight: 600; text-transform: uppercase; }
.ctr-topheader nav  li > a span.active { border-top: 3px solid #d31145; color: #d31145; }

.std-nav .sub { display:none; position: absolute; top: 63px; left: 22px; background: #d31145; padding: 15px; width: 265px; z-index: 1000; }
.std-nav .sub.right { right: 0; left: auto; }
.std-nav .sub a { color: #fff; display: block; padding: 5px 3px; border-bottom: 1px solid #9f1e41; font-weight: 600; font-size: 0.9rem; }
.std-nav .sub a:hover { background-color: #bd1b46; }
.std-nav .sub a:last-child { border-bottom: 0px; }

/* mobile navigation */
.mobile-nav { display: none; }
.ctr-topheader .mobile-nav nav li { float: none; }
.ctr-topheader .mobile-nav .sub { display: none; }
.ctr-topheader .mobile-nav .active .sub { display: block; }
.ctr-topheader .mobile-nav .sub a { display: block; border-bottom: 0; color: #4d4d4d; font-size: 0.85rem; font-weight: 600; margin-left: 20px; }
.ctr-topheader .mobile-nav nav a { float: none; height: 35px; line-height: 35px;border-bottom: 1px solid #ccc; border-top: 0; margin-left: 0; }
.ctr-topheader .mobile-nav nav a:last-child { border-bottom: 0; }
.ctr-topheader .mobile-nav nav { margin-top: 20px; }
.ctr-topheader .mobile-nav nav nav { margin-top: 0px; }
.burger a { color: #4d4d4d; display: block; margin-top: 40px; margin-right: 15px; }
.burger a:hover { color: #d31145; }

.ctr-hero.home { background: url(../img/bg-hero-wide-short.jpg) no-repeat 0 0; /*background-size: 100% 200%;*/ background-size: cover; }
.ctr-hero .badge { margin: -52px 0 10px; }
.ctr-hero { color: #fff; }
.ctr-hero h1 { margin-top: 60px; margin-bottom: 25px; color: #fff; font-size: 2.75rem; line-height: 90%; }
.ctr-hero p { font-size: 1.2rem; line-height: 1.6rem; font-weight: 200; }

.ctr-services { padding: 70px 0 50px 0; }
.services .off { display: block; background: #d31145; padding: 20px 20px 0 20px; position: relative; overflow: hidden; }
.services .on { background: #4d4d4d; padding: 20px; color: #fff; position: absolute; top: 0; left: 0px; width:100%; display: none; }
.services .off h2 { color: #fff; font-size: 1.2rem; width: 80%; margin: 0 auto; text-align: center; font-weight: 600; height: 55px; text-transform: uppercase; }
.services .off .img { height: 140px; width: 170px; margin: 0 auto; background-repeat: no-repeat; background-position: bottom center }
.services .on .txt { display: block; margin-top: 15px; font-size: 1.2rem; line-height: 1.65rem; }


.ctr-header { background: #d5d4d4; }
.ctr-header .border { background: #000; height: 4px; }
.ctr-header h1 { font-weight: 800; text-shadow: 1px 1px #fff; margin: 30px 0 0; }
.ctr-header p { font-size: 1.562rem; text-shadow: 1px 1px #fff; color: #4d4d4d; line-height: 120%; margin-bottom: 30px; }
.ctr-header .icon { background-repeat: no-repeat; background-position: bottom right; }

.ctr-content { padding: 50px 0; } 
.ctr-content h1, .ctr-gallery-hdr h1, .ctr-logos h1 { color: #4d4d4d; }
.ctr-content h2 { font-size: 1.562rem; color: #d31145; font-weight: 600; margin-top: 75px; }
.ctr-content h2:first-child { margin-top: 0; }
.ctr-content p { color: #4d4d4d; font-size: 1.25rem; line-height: 1.6rem; }
.ctr-content .contact { margin-top: 50px; }
.ctr-content .contact a { display: block; background: #d31145; padding: 20px 50px; color: #fff; }
.ctr-content .contact a { font-size: 1.125rem; font-weight: 400; text-transform: uppercase; }
.ctr-content .contact a span { font-size: 2.4rem; display:block; font-weight: 800; text-transform: uppercase; margin-bottom: 5px; }
.ctr-content .contact a:hover span { color: #93082d; }

.ctr-gallery-hdr { border-top: 1px solid #d5d4d4; margin-top: 30px; padding: 50px 0; }
.ctr-gallery { background: url(../img/bg-photogallery.png) repeat-x left center; margin-bottom: 85px; }
#gallery { border: 8px solid #fff; background: #fff; -webkit-box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.75); }
#gallery .item { background: #d5d4d4; position: relative; }
#gallery .item img { min-width: 100%; }
.ctr-gallery .arrow { position: relative; margin-top: 10px; text-align: center; }
.ctr-gallery .arrow img { position: absolute; top: 50%; left: 20%; cursor: pointer; }
.item .caption { display: block; text-align: center; font-weight: 600; position: absolute; left:50%; bottom: 15px; z-index: 900000; width: 80%; background: rgba(255,255,255,0.8); padding: 5px; border-radius: 20px; margin: 0 auto; }

.ctr-logos { margin: 30px 0; padding: 30px 0 20px 0; border-bottom: 1px solid #d5d4d4; border-top: 1px solid #d5d4d4; }

.ctr-subnav { margin: 30px 0; padding: 30px 0 20px 0; }
.ctr-subnav h3 { color: #d31145; font-size: 0.875rem; text-transform: uppercase; font-weight: 800; margin: 0; }
.ctr-subnav i { font-style: normal; color: #d5d4d4; }
.ctr-subnav a { font-weight: 600; font-size: 0.8rem; color: #4d4d4d; display: inline-block; padding: 0 5px; }
.ctr-subnav a:first-child { padding-left: 0; }

.ctr-contact { background: #d5d4d4; padding: 40px 0; }
.ctr-contact .bg { background: url(../img/img-vehicle.png) no-repeat right center; }
.ctr-contact h1, .ctr-contact p, .ctr-contact .phone { color: #4d4d4d; text-shadow: 1px 1px #fff; }
.ctr-contact h1 { font-weight: 300; margin-bottom:0; }
.ctr-contact p { font-size: 1.1rem; }
.ctr-contact .phone { margin-top: 40px; }
.ctr-contact .phone .lbl, .ctr-contact .phone a { display: block; font-weight: 600; }
.ctr-contact .phone .lbl { margin-bottom: 4px; }
.ctr-contact .phone a { color: #d31145; font-size: 2.5rem; }
.ctr-contact .txt { padding-top: 20px; padding-bottom: 20px; }


footer { padding: 40px 0 20px 0; }
footer h3 { font-size: 0.9rem; color: #d31145; text-transform: uppercase; font-weight: 600; }
footer ul,footer li, footer ul ul, footer ul li { margin: 0;padding:0;list-style-type: none; }
footer li, footer a { color: #4d4d44; }
footer a { font-size: 0.9rem; font-weight: 600; }
footer a:hover { color: #000; }
.fb { margin-top: 40px; }

.ctr-copyright { background: #4d4d4d; padding: 22px 0; font-size: 0.8rem; color: #fff; }
.ctr-copyright a { color: #fff; }
.ctr-copyright a:hover { color: #ccc; }
.ctr-copyright i { font-style: normal; display: inline-block; padding: 0 10px; }



@media only screen and (max-width: 40em) {
	.ctr-info .email { padding-top: 10px; }
	.ctr-hero h1 { margin-top: 30px; margin-bottom: 10px; color: #fff; font-size: 2.1rem; line-height: 90%; } 
	.ctr-hero .badge { margin: 15px 0; }
	.ctr-contact .txt { padding-top: 0px; padding-bottom: 0px; }
	.ctr-contact .bg { background: none; }
	.ctr-copyright .copy { line-height: 150%; }
	.ctr-copyright .privacy { padding-top: 20px; }
	.on { display: none !important; }
	.ctr-header p { font-size: 1.3rem; }
	.ctr-content h1, .ctr-gallery-hdr h1, .ctr-logos h1 { font-size: 1.6rem; }
	.ctr-content h2 { font-size: 1.4rem; margin-top: 30px; }
	.ctr-content p { font-size: 1.1rem; line-height: 1.4rem; }
	.ctr-content .contact a { font-size: 0.9rem; padding: 20px; }
	.ctr-content .contact a span { font-size: 1.4rem; }
	.ctr-content .contact { margin-top: 20px; }
	.ctr-gallery-hdr { padding: 20px 0; }
	.ctr-gallery { background: none; }
	.ctr-subnav i { display: none; }
	.ctr-subnav a { padding: 5px; background: #ececec; margin: 3px; }
	.ctr-subnav a:first-child { padding-left: 5px; }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	.ctr-hero .badge { max-width: 85%; }
	.hero-txt { margin-bottom: 40px; }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	.ctr-contact .bg { background-size: 60%; background-position: 90% 50% }
	.ctr-hero .badge { margin: -30px 0; }
	.ctr-copyright { font-size: 0.75rem; }
	.ctr-topheader .logo { height: 75px; }
	.ctr-topheader nav a { height: 75px; line-height: 85px; }
	.ctr-topheader nav .sub a { height: 30px; line-height: 20px; }
	.on { display: none !important; }
	.ctr-subnav i { display: none; }
	.ctr-subnav a { padding: 5px; background: #ececec; margin: 3px; }
	.ctr-subnav a:first-child { padding-left: 5px; }
	.ctr-content .contact a { padding: 20px; }
}