/*
 * PromosCentral combined-alt.css
 *
 * Build order preserved from the working live site:
 *   1. Conservatively reduced combined.css
 *   2. Complete embla1.css
 *   3. Complete rb-test-optimised.css
 *
 * The WordPress installation under /blog/ is intentionally excluded.
 */

/* STYLE CSS */
/*------------------------------------------------------------------
Theme Name: OPTIMUS
Version:	1.0
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[TABLE OF CONTENTS]

	1. Global Styles
	2. Header Styles
		2.1. Menu Styles 
	3. Slider
	4. About Styles 
	5. Services Styles 
	6. Portfolio Styles 
	7. Blog Styles 
	8. Testimonials Styles
	9. Client Styles
	10. Footer Styles 
	11. Resume Styles  / index3
	12.  Footer2 Styles
	13. Extras 
	14. Welcome Styles
	15. Video background Styles 
	16. Shop Styles 
	17. Magazine Styles / index4
	18. Food Page Styles  / index5
	19. Team Styles 
	20. Accordion Styles
	21. FAQ Styles 
	22. 404 Page Styles
	23. Contact Styles
	24. Blog Single Styles 
	25. Sidebar Styles 
	
-------------------------------------------------------------------*/

/* 1. Global Styles */

body {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #1f1f1f;
}

.body {
	overflow: hidden;
	width: 100%;
}

p {
	/* font-family: 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; */
	font-weight: 300;
	font-size: 14px;
	color: #152c4e;
	line-height: 22px;
	margin-bottom: 18px;
	text-align: justify; 
}

p.lite-medium {
	font-size: 16px;
	color: #9e9e9e;
	line-height: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
	font-weight: 700;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: 2px solid #f2a51a;
    outline-offset: 2px;
}

a {
	/* color: #1f1f1f;*/
    color: #245F9E;
    text-decoration: underline;
    text-decoration-color: rgba(36, 95, 158, 0.45);
    text-underline-offset: 2px;    
	transition: .3s;
}

a:hover{
	/* text-decoration: none;
	 color: #a89567; */
    color: #174a78;
    text-decoration-color: currentColor;
	transition: .3s;
}

a:focus{
	text-decoration: none;
	/* color: #a89567; */
    color: #174a78;
    outline: 2px solid #f2a51a;
    outline-offset: 2px;
	transition: .3s;
}


.uppercase {
	text-transform: uppercase;
}

.img-center {
	display: table;
	margin: 0 auto;
}
.preloader_hide {opacity:0; width:100%; overflow-x:hidden;}
#preloader {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#fff;
}
#preloader img {
	position:fixed;
	left:50%;
	top:50%;
	display:block;
	width:40px;
	height:40px;
	margin:-20px 0 0 -20px;
}

/* 2. Header Styles */

header {
	height: 80px;
	/* background: #020201; 
	background:#2e4968; Dark Blue - #091F39
	background: #000000; */
    background: #0e2035;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999999;
	padding-top:10px;
	border-bottom: solid #9F8A3F 1px;
	/* border-bottom: solid #a49260 1px;  */
}

.logo {	
	/* background: url(../images/logos/pc-logo1-60.png) no-repeat left top;
     background: url(../images/logos/pc-logo1-65px.png) no-repeat left top; */
    background: url(../images/logos/pc-logo1-65.png) no-repeat left top;
	display: block;
}
.logo .sitename {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	line-height: 70px;
	padding-left:70px;
}

.logo .sitename a {
	color: #fff;
}

.producthead h1, h2 {
	font-size: 20px;	
}

/* 2.1. Menu Styles */

#nav_menu,
#nav_menu ul,
#nav_menu ul li,
#nav_menu ul li a,
#nav_menu #menu-button {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#nav_menu:after,
#nav_menu > ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#nav_menu #menu-button {
	display: none;
	font-size: 0 !important;
}

#nav_menu {
	width: auto;
	line-height: 1;
}

#nav_menu > ul > li {
	float: left;
}

#nav_menu > ul > li a span {
	font-size: 8px;
	position: relative;
	top: -4px;
}

#nav_menu.align-center > ul {
	font-size: 0;
	text-align: center;
}

#nav_menu.align-center > ul > li {
	display: inline-block;
	float: none;
}

#nav_menu.align-center ul ul {
	text-align: left;
}

#nav_menu.align-right > ul > li {
	float: right;
}

#nav_menu.align-right ul ul {
	text-align: right;
}

#nav_menu > ul > li > a {
	padding: 30px;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	color: #efefef; /* #6e6e6e;*/
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

#nav_menu > ul > li:hover > a,
#nav_menu > ul > li.active > a {
	color: #fff;
}

#nav_menu ul ul {
	position: absolute;
	left: -9999px;
	/* background: rgba(0,0,0,0.9); */
	background: rgba(0,0,0);
	padding: 18px 0;
	width: 100px;
	min-width: 230px;
	max-width: 400px;
	transition: .3s;
	top: 80px;
}

#nav_menu li:hover > ul {
	left: auto;
	top: 70px !important;
	transition: .3s;
}

#nav_menu.align-right li:hover > ul {
	right: 0;
}

#nav_menu ul ul ul {
	margin-left: 100%;
	top: -1px;
	/* background: rgba(0,0,0,0.8); */
	background: rgba(0,0,0);
	min-width: 150px;
	max-width: 400px;
	top: -15px;
	transition: .3s;
}

#nav_menu ul ul li:hover > ul {
	left: auto;
	top: 0px !important;
	transition: .3s;
}

#nav_menu.align-right ul ul ul {
	margin-left: 0;
	margin-right: 100%;
}

#nav_menu ul ul li a {
	text-transform: uppercase;
	padding: 12px 0px;
	font-size: 10px;
	margin: 0 30px;
	text-decoration: none;
	color: #efefef; /* #6e6e6e;*/
	border-bottom: 1px solid rgba(38,38,38,0.9);
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

#nav_menu ul ul li:last-child a {
	border-bottom: none;
}

#nav_menu ul ul li:hover > a,
#nav_menu ul ul li a:hover {
	color: #ffffff;
}

#nav_menu ul li:nth-child(6) ul ul {
	margin-left: -230px;
	top: -1px;
	background: rgba(0,0,0,0.7);
	min-width: 230px;
	max-width: 400px;
	top: -15px;
	transition: .3s;
}

.search {
	margin-left: 30px;
}

.search span {
	color: #6e6e6e;
	line-height: 70px;
}

/* 2A Hero */
.hero {
	/* background: #020201; 
	background:#2e4968; Dark Blue - #091F39
	background: #000000; 
    background: #0e2035;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999999;
	padding:50px;
	/* border-bottom: solid #a49260 1px;  */
    width: 100%;
    /* aspect-ratio: 1110 / 402; */
    margin: 0;
    padding: 0;
    /* min-height: 100vh; Optional: full viewport height */
    background: #0e2035 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero img {
    display: block;
    height: auto;
    max-width: 90%;
    /*
    margin-right: auto;
    margin-left: auto;
    padding:10px;
    margin:10px; */
}

/* 3. Slider */

#slider {
}

#slider2 {
}

#slider3 {
	height: 800px;
	background: url(../images/slider/3.jpg) no-repeat center top;
	background-size: auto 100%;
}

.slider-btn {
	color:#fff !important;
	text-transform:uppercase;background:transparent;border:2px solid #fff;border-radius:5px;padding:15px 30px;
	transition:.4s;
}

.slider-btn:hover {
	background:#fff;
	color:#000 !important;
	transition:.4s;
}

/* 4. About Styles */

.home-about {
	padding: 90px 0;
	border-bottom: 1px solid #f0f0f0;
}

.home-about h3, .home-features h3, .home-blog h3, .home-quotes h3, .home-vtabs h3, .home-experience h3, .home-skills h3, .home-appinfo h3, .home-shop h3, .home-lookbook h3, 
.hf-menu h3, .team h3, .client2 h3, .about-process h3, .faq-content h3, .shortcode-forms h3, .shortcode-tabs h3, .contact-content2 h3,
.blog-single-comments h3, .blog-single-form h3, #portfolio-feed h3, .news-feed2 h3, #blog-content2 h3, .home-feature2 h3, .checkout-content h3 {
	border-bottom: 1px solid #e0e0e0;
	display: table;
	margin-bottom: 55px;
	padding-bottom: 5px;
	padding-right: 30px;
}

/* 5. Services Styles */

.home-features {
	padding: 90px 0 30px;
	border-bottom: 1px solid #f0f0f0;
}

.home-features i {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid #d7d7d7;
	line-height: 100px;
	text-align: center;
	display: table;
	font-size: 30px;
	background: #fff;
	transition:.4s;
	position:relative;
	z-index:77;
}

.home-features i:before {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:-1;
	border-radius:50%;
	transition:.4s;
}

.home-features .col-md-6:hover i:before {
	background:#d7d7d7;
	width:90%;
	height:90%;
	top:5%;
	left:5%;
	transition:.4s;
	line-height:89px;
}

.home-features .col-md-6:hover i {
	color:#fff;
	transition:.4s;
}

.home-features h4 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 22px 0 20px;
}

.home-features .col-md-6 {
	margin-bottom: 36px;
}

/* 6. Portfolio Styles */

.home-projects h3 {
	border-bottom: 1px solid #e0e0e0;
	display: table;
	padding-bottom: 5px;
	padding-right: 30px;
}

#filters {
	padding: 0;
	margin-bottom: 44px;
}

.project-filter {
	display: table;
	float: right;
	margin: 8px 0 0;
}

.project-filter li {
	float: left;
	list-style: none;
	position: relative;
	margin-left: 30px;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	color: #9e9e9e;
}

.project-filter li a:before {
	content: "";
	background: transparent;
	height: 1px;
	position: absolute;
	bottom: -11px;
	left: 0;
	right: 0;
}

.project-filter li a {
	color: #9e9e9e;
	position: relative;
}

.project-filter li a.active ,
.project-filter li a:hover {
	color: #1f1f1f;
}

.project-filter li a.active:before ,
.project-filter li a:hover:before {
	background: #e0e0e0;
	content: "";
}

#portfolio {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.portfolio-items {
	padding: 0;
}

.portfolio-items .item {
	float: left;
	width: 24.85%;
	padding: 1px;
}

.home-projects .width2 {
	width: 49.7%;
	padding: 0px;
	margin-left: 0px !important;
}

.home-projects {
	padding: 90px 0;
	border-bottom: 1px solid #f0f0f0;
} 

/* 7. Blog Styles */

.home-blog {
	padding: 90px 0;
}

.blog-content img {
	transition:.4s;
}

.blog-content:hover {
	cursor:pointer;
}

.blog-content:hover img {
	opacity:0.5;
	transition:.4s;
}

.blog-content h4 {
	margin: 53px 0 18px;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	line-height: 24px;
}

.blog-content p { 
	margin: 0;
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	text-align: justify;
}

.home-stats {
	background: #060706 url(../images/content/parallax/1.jpg) no-repeat center fixed;
	background-size: 100% auto;
	padding: 150px 0;
	position: relative;
}

.home-stats h3 {
	color: #fff;
	border-bottom: 1px solid #616161;
	display: table;
	margin-bottom: 55px;
	padding-bottom: 5px;
	padding-right: 30px;
}

.home-stats h4 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	border-left: 1px solid #7a7a7a;
	padding-left: 20px;
}

.home-stats h4 span {
	font-size: 36px;
	display: block;
	position: relative;
	top: -5px;
	margin-bottom: -2px;
}

.overlay {
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	z-index: 11;
}

.home-stats .container {
	position: relative;
	z-index: 111;
}

.home-quotes {
	padding: 90px 0 60px;
	border-bottom: 1px solid #f0f0f0;
}

.sub {
	margin: -30px 0 57px;
}

/* 8. Testimonials Styles */

.quotes-content {
	margin-bottom: 30px;
}

.quotes-content p {
	font-size: 14px;
	padding: 40px 45px;
	background: #f5f5f5;
	border-radius: 5px;
	text-align: center;
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	position: relative;
	text-align: justify;
}

.quotes-content p:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 5px 0;
	border-color: #f5f5f5 transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -10px;
	left: 40px;
}

.quotes-content h4, .quotes-content small {
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 30px 0;
	margin: 0;
	font-family: Montserrat;
	display:block;
	color:#1f1f1f;
}

.quotes-content a {
	font-family: lato;
	font-size: 13px;
	color: #9e9e9e;
	padding: 0 30px;
}

.quotes-content a:hover{
	color: #a89567;
	transition: .3s;
}

.home-vtabs {
	padding: 45px 0 0px;
	border-bottom: 1px solid #f0f0f0;
}

.home-vtabs h3 {
	margin: 0;
	position: relative;
	top: 40px;
}

/* 9. Client Styles */

.home-clients {
	padding: 90px 0;
}

.home-clients ul {
	padding: 0;
}

.home-clients img {
    transition: all 0.3s ease 0s;
    width: auto !important;
    max-width: 100%;
    opacity: 1;
    display: table;
    margin: 0 auto;
}


.home-clients img:hover {
	transition: .3s;
	transform: scale(0.9,0.9);
	cursor:pointer;
}

.client2 {
	padding: 90px 0 15px;
}

.client2 h3 {
	font-size: 24px;
	text-transform: uppercase;
	margin: 0;
}

.client2 p {
	margin: 25px 0 75px;
	font-size: 16px;
	color: #9e9e9e;
}

.client2 h4 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 22px 0 20px;
}

.client2 img {
	margin-bottom: 55px;
}

.client2 .col-md-4 p {
	font-size: 14px;
	color: #6b6b6b;
}



/* 10. Footer Styles */

footer {
	background: #0e2035 ;/* #2e4968; #000000; #0f0f0f; 
	padding: 90px 0 80px; */
	padding: 40px 0 30px;
}

footer h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #9F8A3F; /* #a49260; */
	line-height: 20px; /* 10px */
	margin: 0 0 30px;
}

footer, footer p, footer li h5 {
	/* font-family: lato; */
	font-family: 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #ffffff; /* #858585; */
	font-weight: 300;
	line-height: 24px;
}

footer .lnews, footer .social {
	padding: 0;
}

footer .lnews li {
	list-style: none;
	border-bottom: 1px solid #2b2b2b;
	margin: 0 0 7px;
	padding-bottom: 10px;
}

footer .social li {
	list-style: none;
	border-bottom: 1px solid #2b2b2b;
	margin: 0 0 5px;
	padding-bottom: 5px;
}

footer .lnews li:last-child, footer .social li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* footer .lnews a, footer .social a {
	color: #a49260;
} */
footer a {
	color: #9F8A3F; /* #a49260; */
}

footer a:hover {
	color: #ffffff;
	text-decoration:underline;
}

/* Match the Mailchimp area to the footer */
footer #mc_embed_signup,
footer #mc_embed_signup_scroll,
footer .mc-field-group {
    background: #0e2035 !important;
}

.newsletter {
	height: 40px;
	border: 1px solid #2b2b2b;
	border-radius: 5px;
	margin-top: 20px;
	display: table;
	width: 100%;
}

.newsletter input {
	background: transparent;
	border: none;
	height: 38px;
	padding: 5px 15px;
	width: 65%;
	float: left;
	font-size: 12px;
	color: #6b6b6b;
}

.newsletter input::-webkit-input-placeholder {
	color: #6b6b6b !important;
	opacity: 1 !important;
}

.newsletter input:-moz-placeholder {
	color: #6b6b6b !important;
	opacity: 1 !important;
}

.newsletter input::-moz-placeholder {
	color: #6b6b6b !important;
	opacity: 1 !important;
}

.newsletter input:-ms-input-placeholder {
	color: #6b6b6b !important;
	opacity: 1 !important;
}

.newsletter button {
	width: 35%;
	height: 40px;
	border: none;
	border-left: 1px solid #2b2b2b;
	border-radius: 5px;
	font-size: 11px;
	text-transform: uppercase;
	color: #6b6b6b;
	background: #1c1c1c;
	font-family: Montserrat;
	transition: .4s;
}

.newsletter button:hover {
	color: #fff;
	background: #0f0f0f;
	transition: .4s;
}

.footer-bottom {
	/* background: #0f0f0f; 
	background: #000000;
	background:#2e4968; */
    background:#0e2035;
}

.footer-bottom p {
	font-size: 12px;
	text-transform: uppercase;
	color: #a49260;
	font-family: Montserrat;
	margin: 0;
}

.footer-bottom p a {
	color: #ffffff;
}

.footer-bottom p a:hover {
	color: #2e4968;
}

.footer-bottom .container {
	padding: 23px 0;
	border-top: 1px solid #9F8A3F; /* #a49260; */
}

/* 11. Resume Styles */

#home-resume header {
	background: #fff;
}

#home-resume .logo h1 {
	line-height: 70px;
}

#home-resume .logo a {
	color: #1f1f1f;
}

#home-resume nav .resume-nav {
	padding: 0;
	display: table;
	float: right;
	margin: 0 0 0;
}

#home-resume nav .resume-nav li {
	float: left;
	list-style: none;
	font-size: 11px;
	text-transform: uppercase;
	color: #6e6e6e;
	padding: 0;
	margin-left: 65px;
	line-height: 7px;
}

#home-resume nav .resume-nav li a {
	color: #6e6e6e;
	padding: 0;
	position:relative;
	z-index:77;
	transition:.4s;
}

#home-resume nav .resume-nav li a:hover {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}

#home-resume nav .resume-nav li a:hover ,
#home-resume nav .resume-nav li.active a {
	color: #1f1f1f;
	background: transparent;
}

#home-resume header,
#home-resume .logo h1,
#home-resume nav .resume-nav {
	transition: .4s;
}

.home-me {
	padding: 130px 0 90px;
}

.home-me h3 {
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 44px;
	margin-top: -2px;
	text-align: center;
	padding: 90px 0 60px;
}

.home-me p {
	font-family: Montserrat;
	font-size: 14px;
	text-transform: uppercase;
	color: #858585;
	letter-spacing: 0.6em;
	font-weight: 300;
	text-align: center;
	margin: 0;
}

.home-works {
	padding: 90px 0;
	border-bottom: 1px solid #f0f0f0;
}

#owl-works .col-md-12 {
	padding: 0 14px;
}

#owl-works .col-md-6 ,
#owl-works .col-md-3 {
	padding: 1px;
}

.sep-2x {
	margin-bottom: 2px;
}

.project-item-thumb {
	position: relative;
}

.project-item-thumb img {
	width:100%;
}

.works-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

.works-overlay:before {
	content: "";
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	width: 0%;
	height: 0%;
	transition: .4s;
}

.project-item-thumb:hover .works-overlay, .portfolio-feed .item-inner2:hover .works-overlay {
	opacity: 1;
	visibility: visible;
	transition: .4s;
}

.project-item-thumb:hover .works-overlay:before, .portfolio-feed .item-inner2:hover .works-overlay:before {
	content: "";
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: .5s;
}

.wo-inner h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
}

.line-sep {
	width: 1px;
	height: 1px;
	background: #7a7a7a;
	margin: 8px 0 3px;
	transition: .4s;
}

.project-item-thumb:hover .line-sep, .portfolio-feed .item-inner2:hover .line-sep {
	width: 40px;
	height: 1px;
	background: #7a7a7a;
	margin: 8px 0 3px;
	transition: .6s;
}

.wo-inner {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.gallery-grid .wo-inner {
	position: absolute;
	bottom: auto;
	left: 0;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.wo-inner p {
	font-size: 12px;
	color: #9e9e9e;
	margin: 0;
}

.wo-inner i {
	font-size:50px;
	color:#fff;
	text-align:center;
	display:table;
	height:50px;
	margin:-25px auto 0;
	position:absolute;
	top:50%;
	left:0;
	right:0;
}	

#owl-works .owl-prev ,
#owl-works .owl-next {
	width: 40px;
	height: 40px;
	background: transparent;
	border-radius: 0;
	opacity: 1;
	font-size: 0px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
}

#owl-works .owl-prev {
	float: left;
	left: -50px;
}

#owl-works .owl-next {
	float: right;
	right: -50px;
}

#owl-works .owl-prev:before {
	content: "\e686";
	font-family: "icomoon";
	font-size: 53px;
	color: #1f1f1f;
	line-height: 16px;
	position: absolute;
	left: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
}

#owl-works .owl-next:before {
	content: "\e684";
	font-family: "icomoon";
	font-size: 53px;
	color: #1f1f1f;
	line-height: 16px;
	position: absolute;
	right: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
}

#owl-works .owl-prev:hover :before,
#owl-works .owl-prev:hover :before {
	color: #a89567;
	transition: .3s;
}

.home-experience {
	padding: 90px 0 30px;
	border-bottom: 1px solid #f0f0f0;
}

.home-experience h3 {
	margin-bottom: 30px;
	padding-bottom: 5px;
}

.he-content {
	border-bottom: 1px solid #e3e3e3;
	padding: 58px 0 57px;
}

.he-content h4 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 5px;
}

.he-content .col-md-9 h4 {
	margin: 0 0 20px;
}

.he-content p {
	margin: 0;
}

.no-border {
	border: none;
}

.no-margin {
	margin: 0px !important;
}

.home-skills {
	padding: 90px 0 75px;
	border-bottom: 1px solid #f0f0f0;
}

.skills ul {
	padding: 0;
}

.skills ul li {
	list-style: none;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 9px;
	display: table;
	width: 100%;
}

.skills ul li span {
	width: 110px;
	background: url('../images/drop-ico.png') repeat-x scroll left center transparent;
	display: inline-block;
	height: 14px;
	float: right;
	position: relative;
	margin-top: 2px;
}

.skills ul li span em {
	position: absolute;
	top: -1px;
	left: 0;
	width: 0%;
	background: url('../images/drop-active.png') repeat-x scroll left center transparent;
	display: inline-block;
	height: 14px;
	position: relative;
	transition: 0.8s;
}

.interest ul {
	padding: 0;
	height: 185px;
	position: relative;
	width: 401px;
	margin: -20px auto 0;
}

.interest ul li {
	list-style: none;
	float: left;
	font-size: 12px;
	position: absolute;
	text-transform: uppercase;
	display: table;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
}

.interest ul li span {
	position: relative;
	z-index: 77;
	opacity: 0;
	transition: .6s;
}

.interest ul li:before {
	content: "";
	background: #1f1f1f;
	position: absolute;
	top: 50%;
	left: 50%;
	right: 0;
	width: 0%;
	height: 0%;
	border-radius: 50%;
	z-index: 22;
	transition: .4s;
}

.interest ul li.interest-active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: .5s;
}

.interest ul li:nth-child(1).interest-active span {
	opacity: 1;
	transition: .6s;
}

.interest ul li:nth-child(2).interest-active:before {
	transition-delay: .2s;
}

.interest ul li:nth-child(3).interest-active:before {
	transition-delay: .4s;
}

.interest ul li:nth-child(4).interest-active:before {
	transition-delay: .6s;
}

.interest ul li:nth-child(5).interest-active:before {
	transition-delay: .8s;
}

.interest ul li:nth-child(2).interest-active span,
.interest ul li:nth-child(3).interest-active span,
.interest ul li:nth-child(4).interest-active span,
.interest ul li:nth-child(5).interest-active span {
	opacity: 1;
}

.interest ul li:nth-child(1) {
	width: 78px;
	height: 78px;
	line-height: 78px;
	bottom: 18px;
	left: 0;
}

.interest ul li:nth-child(1):before ,
.interest ul li:nth-child(2):before ,
.interest ul li:nth-child(4):before ,
.interest ul li:nth-child(5):before {
	opacity: 0.8;
}

.interest ul li:nth-child(2) {
	width: 110px;
	height: 110px;
	line-height: 110px;
	top: 2px;
	left: 8px;
}

.interest ul li:nth-child(3) {
	width: 160px;
	height: 160px;
	line-height: 160px;
	bottom: 0;
	left: 104px;
}

.interest ul li:nth-child(4) {
	width: 120px;
	height: 120px;
	line-height: 120px;
	bottom: 7px;
	right: 42px;
}

.interest ul li:nth-child(5) {
	width: 78px;
	height: 78px;
	line-height: 78px;
	top: 20px;
	right: 0;
}

.interest ul li.interest-active:hover:before {
	background-color: #a89567;
	transform: scale(1.15);
	transition-delay: 0 !important;
	transition: .4s;
	opacity: 1;
}

.social-lite {
	padding: 0;
	margin: 0;
}

.social-lite li {
	list-style: none;
	border-bottom: 1px solid #e3e3e3;
	margin: 0 0 9px;
	padding-bottom: 9px;
}

.social-lite li a {
	color: #1f1f1f;
	text-transform: uppercase;
}

.social-lite li a span {
	float: right;
	color: #b8b8b8;
	transition:.4s;
}

.social-lite li a:hover span {
	transition:.4s;
}

.sl-fb a:hover span {
	color: #3b5a9a;
}

.sl-tweet a:hover span {
	color: #29a9e1;
}

.sl-lkn a:hover span {
	color: #117bb8;
}

.sl-dribbble a:hover span {
	color:#eb4c89;
}

.sl-insta a:hover span {
	color:#766454;
}

.sl-picasa a:hover span {
	color:#6b3695;
}

.sl-behance a:hover span {
	color:#0274bb;
}


/* 12. Footer2 Styles */

.footer-bottom2 {
	background: transparent;
}

.footer-bottom2 p {
	font-size: 12px;
	text-transform: uppercase;
	color: #9e9e9e;
	font-family: lato;
	margin: 0;
}

.footer-bottom2 p a {
	color: #9e9e9e;
}

.footer-bottom2 .container {
	padding: 23px 0;
	border-top: 1px solid #f0f0f0;
}

.resume-contact {
	padding: 90px 0;
	border-top: 1px solid #f0f0f0;
}

.resume-contact h3 {
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
}

.resume-contact p {
	margin: 20px 0 55px;
	text-align: center;
	font-size: 16px;
	color: #9e9e9e;
}

.resume-contact form {
	font-family: lato;
}

.resume-contact form input {
	width: 100%;
	height: 43px;
	background-color: #fff;
	border: solid 1px #e3e3e3;
	text-align: center;
	padding: 5px 15px;
	margin-bottom: 15px;
	color: #9e9e9e;
	font-size: 13px;
}

.resume-contact form input:focus ,
.resume-contact form input:active {
	color: #1f1f1f !important;
}

.resume-contact form textarea {
	height: 217px;
	background-color: #fff;
	border: solid 1px #e3e3e3;
	width: 100%;
	text-align: center;
	padding: 15px;
	color: #9e9e9e;
	font-size: 13px;
	margin-bottom: 30px;
}

/* 13. Extras */

.btn-small {
	background: #1f1f1f;
	height: 40px;
	border-radius: 5px;
	color: #fff;
	font-family: Montserrat;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 30px;
	line-height: 40px;
	border: none;
	transition: .4s;
	display: table;
}

.btn-medium {
	background: #1f1f1f;
	height: auto;
	border-radius: 5px;
	color: #fff;
	font-family: Montserrat;
	font-size: 13px;
	text-transform: uppercase;
	padding: 4px 37px;
	line-height: 40px;
	border: none;
	transition: .4s;
	display: table;
}

.btn-small:hover, .btn-small.active ,
.btn-medium:hover, .btn-medium.active {
	background: #525252;
	transition: .4s;
	color: #fff;
}

.btn-small.lite ,
.btn-medium.lite {
	background: #e3e3e3;
	color: #1f1f1f;
}

.btn-small.white {
	background: #fff;
	color: #1f1f1f;
}

.btn.color1 {
	background: #86b934;
}

.btn.color1.active, .btn.color1:hover {
	background: #a3d94c !important;
}

.btn.color1.lite {
	background: #d3f995 !important;
}

.btn.color2 {
	background: #003164 !important;
}

.btn.color2.active, .btn.color2:hover {
	background: #007afc !important;
}

.btn.color2.lite {
	background: #b1d5fc !important;
}

.btn.color3 {
	background: #9f0b9a;
}

.btn.color3.active, .btn.color3:hover {
	background: #cf2eca !important;
}

.btn.color3.lite {
	background: #fe9cfb !important;
}

.btn.color4 {
	background: #cc0000;
}

.btn.color4.active, .btn.color4:hover {
	background: #ff3333 !important;
}

.btn.color4.lite {
	background: #ffcccc !important;
}

.btn.color5 {
	background: #eb8812;
}

.btn.color5.active, .btn.color5:hover {
	background: #ffac46!important;
}

.btn.color5.lite {
	background: #ffdaad !important;
}

.btn.color6 {
	background: #a89567;
}

.btn.color6.active, .btn.color6:hover {
	background: #dbc286!important;
}

.btn.color6.lite {
	background: #ffe9b5 !important;
}

.btn-lite {
	background: #b8b8b8;
}

.btn-center {
	display: table;
	margin: 0 auto;
}

/* 14. Welcome Styles */

.home-welcome {
	padding: 30px;  /* Was 90px */
	border-bottom: 1px solid #f0f0f0;
}

.home-welcome h1 {
	font-size: 30px;
	/* text-transform: uppercase; */
    text-transform: none;
	/* color: #1f1f1f;*/
    color: #152c4e;
	text-align: center;
	/* line-height: 48px; */
	line-height:37px;
	margin: 0 0 10px;
}
.home-welcome h2, h3, h4 {
	font-size: 24px;
	/* text-transform: uppercase;*/
    text-transform: none;
	/* color: #1f1f1f;*/
    color: #152c4e;
	text-align: center;
	/* line-height: 48px; */
	line-height:30px;
	margin: 0 0 10px;
}

.home-welcome p {
	/* text-align: center; */
	text-align:justify;
	margin: 0px;
	font-size: 16px;
	line-height: 24px;
	padding: 5px 2.5%;
}

.home-welcome1 {
	padding: 30px;
	border-bottom: 1px solid #f0f0f0;
}

.home-welcome1 h1 {
	font-size: 26px;
	/* text-transform: uppercase;*/
	color: #1f1f1f;
	text-align: center;
	line-height: 36px;
	margin: 0 0 40px;
}
.home-welcome1 h2, h3, h4 {
	font-size: 24px;
	text-transform: uppercase;
	color: #1f1f1f;
	text-align: center;
	line-height: 34px;
	margin: 0 0 40px;
}

.home-welcome1 p {
	/* text-align: center; */
	text-align:justify;
	margin: 0px;
	font-size: 16px;
	line-height: 24px;
	padding: 0 2.5%;
}

.home-services {
	padding: 90px 0 30px;
	border-bottom: 1px solid #f0f0f0;
}

.home-services i {
	width: 98px;
	height: 98px;
	-webkit-border-radius: 49px;
	-moz-border-radius: 49px;
	border-radius: 50%;
	background-color: #fff;
	border: solid 1px #d7d7d7;
	display: table;
	line-height: 96px;
	text-align: center;
	font-size: 30px;
	margin: 0 auto;
}

.home-services h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #1f1f1f;
	text-align: center;
	margin: 30px 0 23px;
}

.home-services p {
	font-size: 14px;
	color: #6b6b6b;
	text-align: center;
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.home-services .col-md-3 {
	margin-bottom: 40px;
}

.home-appinfo {
	padding: 90px 0;
}

.home-appinfo p {
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.dual-btns {
	display: table;
	margin-top: 25px;
}

.dual-btns a {
	display: inline-block;
	margin-right: 10px;
}

.theme-stats {
	margin: 57px -2.5% 25px;
	display: table;
}

.ts-info {
	width: 45%;
	float: left;
	margin: 0px 2.5%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #FFF;
	border: 1px solid #D7D7D7;
	margin-bottom: 30px;
	padding: 13px 30px 10px;
}

.ts-info h5 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1f1f1f;
	margin: 0;
}

.ts-info h5 span {
	display: block;
	font-size: 36px;
}

.ts-info p {
	font-family: Montserrat;
	font-size: 14px;
	text-transform: uppercase;
	color: #9e9e9e;
	margin: 0;
}

/* 15. Video background Styles */

.video-js {
	background-color: transparent;
	position: relative;
	padding-bottom: 0px;
	font-size: 0px;
	vertical-align: middle;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 100% !important;
	height: auto !important;
	margin: 0px;
}

.video-js .vjs-tech {
	height: 100%;
	width: 100%;
	display: block;
	width: 1920px;
	height: 702px;
	background-position: center center;
	margin-bottom: -46px;
	position: relative;
	left: -12px;
}

.video-js::-moz-full-screen {
	position: absolute;
}

.video-js::-webkit-full-screen {
	width: 100% !important;
	height: 100% !important;
}

.vjs-fullscreen {
	position: fixed;
	overflow: hidden;
	z-index: 10000;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border-top-radius: 0;
}

.vjs-fullscreen .vjs-control-bar {
	margin-top: 0;
	border-radius: 0;
}

.vjs-fullscreen .vjs-tech {
	background-color: transparent;
}

.vjs-poster {
	margin: 0 auto;
	padding: 0;
	cursor: pointer;
	position: relative;
	width: 100%;
	max-height: 100%;
	border-top-radius: 6px;
}

.vjs-control-bar {
	height: 0px;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	color: #ffffff;
	background: transparent;
	margin-top: -1px;
	border-radius: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.vjs-control-bar.vjs-fade-out {
	visibility: visible !important;
	opacity: 1 !important;
}

.vjs-text-track-display {
	text-align: center;
	position: absolute;
	bottom: 4em;
	left: 1em;
	right: 1em;
	font-family: "Lato", Helvetica, Arial, sans-serif;
}

.vjs-text-track {
	display: none;
	color: #ffffff;
	font-size: 1.4em;
	text-align: center;
	margin-bottom: .1em;
	background-color: rgba(0, 0, 0, 0.5);
}

.vjs-subtitles {
	color: #ffffff;
}

.vjs-captions {
	color: #fc6;
}

.vjs-tt-cue {
	display: block;
}

.vjs-fade-in {
	visibility: visible !important;
	opacity: 1 !important;
	-webkit-transition: visibility 0s linear 0s, opacity .3s linear;
	transition: visibility 0s linear 0s, opacity .3s linear;
}

.vjs-fade-out {
	visibility: hidden !important;
	opacity: 0 !important;
	-webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
	transition: visibility 0s linear 1.5s, opacity 1.5s linear;
}

.vjs-control {
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
	display: inline-block;
	height: 18px;
	width: 18px;
	vertical-align: middle;
}

.vjs-control:focus {
	outline: 0;
}

.vjs-control > div {
	background-position: center;
	background-repeat: no-repeat;
}

.vjs-control-text {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.vjs-play-control {
	cursor: pointer;
	height: 85px;
	width: 85px;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: table-cell;
}

.vjs-play-control > div {
	height: 85px;
}

.vjs-play-control > div:before,
.vjs-play-control > div:after {
	position: absolute;
	font-family: 'icomoon';
	color: #fff;
	font-size: 48px;
	top: 0;
	left: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: color .25s, opacity .25s;
	transition: color .25s, opacity .25s;
	width: 85px;
	height: 85px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: solid 2px #fff;
	line-height: 83px;
	text-align: center;
}

.vjs-play-control > div:after {
	content: "\e672";
	transform: rotate(90deg);
}

.vjs-play-control > div:before {
	content: "\e660";
	padding-left: 7px;
}

.vjs-paused .vjs-play-control:hover > div:before {
	color: #fff;
}

.vjs-paused .vjs-play-control > div:after {
	opacity: 0;
	filter: alpha(opacity=0);
}

.vjs-paused .vjs-play-control > div:before {
	opacity: 1;
	-webkit-filter: none;
	filter: none;
}

.vjs-playing .vjs-play-control:hover > div:after {
	color: #fff;
}

.vjs-playing .vjs-play-control > div:after {
	opacity: 1;
	-webkit-filter: none;
	filter: none;
}

.vjs-playing .vjs-play-control > div:before {
	opacity: 0;
	filter: alpha(opacity=0);
}

.vjs-rewind-control {
	width: 5em;
	cursor: pointer !important;
}

.vjs-rewind-control > div {
	width: 19px;
	height: 16px;
	background: none transparent;
	margin: .5em auto 0;
	display: none;
}

.vjs-mute-control {
	float: right;
	margin: 14px 0;
	cursor: pointer !important;
	display: none;
}

.vjs-mute-control:hover > div,
.vjs-mute-control:focus > div {
	color: #57718b;
}

.vjs-mute-control > div {
	height: 18px;
	color: #475d72;
}

.vjs-mute-control > div:after,
.vjs-mute-control > div:before {
	font-family: "Flat-UI-Icons";
	font-size: 16px;
	line-height: 18px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -0.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: color .25s, opacity .25s;
	transition: color .25s, opacity .25s;
}

.vjs-mute-control > div:after {
	content: "\e617";
}

.vjs-mute-control > div:before {
	content: "\e618";
	opacity: 0;
	filter: alpha(opacity=0);
}

.vjs-mute-control.vjs-vol-0 > div:after {
	opacity: 0;
	filter: alpha(opacity=0);
}

.vjs-mute-control.vjs-vol-0 > div:before {
	opacity: 1;
	-webkit-filter: none;
	filter: none;
}

.vjs-volume-control,
.vjs-volume-level,
.vjs-volume-handle,
.vjs-volume-bar {
	display: none;
}

.vjs-progress-control {
	display: none;
	height: 2px;
	position: absolute;
	left: 0px;
	right: 0px;
	width: auto;
	bottom: 34px;
	background: rgba(255,255,255,0.4);
	border-radius: 32px;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.vjs-progress-holder {
	position: relative;
	cursor: pointer !important;
	padding: 0;
	margin: 0;
	height: 2px;
}

.vjs-play-progress,
.vjs-load-progress {
	display: block;
	height: 2px;
	margin: 0;
	padding: 0;
}

.vjs-play-progress {
	background: #fff;
	left: -1px;
	position: absolute;
	top: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.vjs-load-progress {
	background: rgba(255,255,255,0.4);
}

.vjs-load-progress[style*="100%"],
.vjs-load-progress[style*="99%"] {
	border-radius: 32px;
}

.vjs-seek-handle {
	background-color: #fff;
	width: 10px;
	height: 10px;
	top: 0;
	position: absolute;
	margin: -4px 0 0 -3px;
	border-radius: 50%;
	-webkit-transition: background-color 0.25s;
	transition: background-color 0.25s;
}

.vjs-seek-handle[style*="95."] {
	margin-left: 3px;
}

.vjs-seek-handle[style="left: 0%;"] {
	margin-left: -2px;
}

.vjs-seek-handle:hover,
.vjs-seek-handle:focus {
	background-color: #fff;
}

.vjs-seek-handle:active {
	background-color: #117a65;
}

.vjs-time-controls {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: normal;
	width: auto;
	height: auto;
	position: absolute;
}

.vjs-time-divider {
	color: #5d6d7e;
	font-size: 14px;
	position: absolute;
	right: 114px;
	top: 11px;
	display: none;
}

.vjs-remaining-time {
	display: none;
}

.vjs-current-time {
	right: 122px;
	top: 16px;
	display: none;
}

.vjs-duration {
	color: #5d6d7e;
	right: 85px;
	top: 16px;
	display: none;
}

.vjs-fullscreen-control {
	cursor: pointer;
	float: right;
	margin: 14px 15px;
}

.vjs-fullscreen-control:hover > div,
.vjs-fullscreen-control:focus > div {
	color: #57718b;
}

.vjs-fullscreen-control > div {
	height: 18px;
	color: #475d72;
}

.vjs-fullscreen-control > div:before {
	font-family: "Flat-UI-Icons";
	content: "\e619";
	font-size: 16px;
	line-height: 18px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -0.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: color .25s, opacity .25s;
	transition: color .25s, opacity .25s;
	display: none;
}

.vjs-menu-button {
	display: none !important;
}

.vjs-loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #ebedee;
	display: none;
	height: 16px;
	width: 16px;
	border-radius: 10px;
	margin: -8px 0 0 -8px;
	-webkit-animation: sharp 2s ease infinite;
	animation: sharp 2s ease infinite;
}

@-webkit-keyframes sharp {
	0% {
		background-color: #e74c3c;
		border-radius: 10px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		background-color: #ebedee;
		border-radius: 0;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		background-color: #e74c3c;
		border-radius: 10px;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes sharp {
	0% {
		background-color: #e74c3c;
		border-radius: 10px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		background-color: #ebedee;
		border-radius: 0;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		background-color: #e74c3c;
		border-radius: 10px;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.home-video {
	position: relative;
	max-height: 702px;
	overflow: hidden;
}

/* CSS3 Flip */

.f1_container {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.f1_container {
	perspective: 1000;
}

.f1_card {
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	transition: all 0.4s ease-in-out 0s;
}

.f1_container:hover .f1_card {
	transform: rotateY(-180deg);
	transform-style: preserve-3d;
	backface-visibility: hidden;
	transition: all 0.4s ease-in-out 0s;
	cursor: pointer;
}

.face {
	position: relative;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.face.back {
	display: block;
	transform: rotateY(180deg);
	box-sizing: border-box;
	position: absolute;
	z-index: 11;
	top: 0;
	left: 0;
	right: 0;
}

/* 16. Shop Styles */

.home-shop {
	padding: 90px 0 85px;
	position: relative;
}

.shop-product h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #1f1f1f;
	line-height: 24px;
	margin: 23px 0 1px;
}

.shop-product p {
	margin: 0;
}

.flex-prev ,
.flex-next ,
.flex-prev1 ,
.flex-next1 {
	width: 40px;
	height: 40px;
	background: transparent;
	border-radius: 0;
	opacity: 1;
	font-size: 0px;
	position: absolute;
	top: 50%;
	margin-top: -60px;
}

.flex-prev ,
.flex-prev1 {
	float: left;
	left: -45px !important;
}

.flex-next ,
.flex-next1 {
	float: right;
	right: -35px !important;
}

.flex-prev:before ,
.flex-prev1:before {
	/* content: "\e686"; */
	content: "\f001";
	font-family: "icomoon";
	font-size: 53px;
	color: #1f1f1f;
	line-height: 16px;
	position: absolute;
	left: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
}

.flex-next:before ,
.flex-next1:before {
	/* content: "\e684"; */
	content: "\f002";
	font-family: "icomoon";
	font-size: 53px;
	color: #1f1f1f;
	line-height: 16px;
	position: absolute;
	right: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
}

.flex-prev:hover :before,
.flex-next:hover :before ,
.flex-prev1:hover :before,
.flex-next1:hover :before {
	color: #a89567;
	transition: .3s;
}

.home-shop h3 {
	float: left;
}

.home-shop-nav, .home-shop-nav1 {
	padding: 0;
	display: table;
	float: right;
}

.home-shop-nav li, .home-shop-nav1 li {
	float: left;
	margin-left: 30px;
	list-style: none;
	text-transform: uppercase;
	position: relative;
	color: #9e9e9e;
	cursor: pointer;
}

.home-shop-nav li:before, .home-shop-nav1 li:before {
	width: 0%;
	height: 1px;
	background: #e0e0e0;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	bottom: -12px;
	transition: .4s;
}
.list4 li{
	list-style:none;
}

.home-shop-nav li:hover, .home-shop-nav1 li:hover ,
.home-shop-nav li.flex-active, .home-shop-nav1 li.flex-active {
	color: #1f1f1f;
}

.home-shop-nav li:hover:before ,
.home-shop-nav li.flex-active:before ,
.home-shop-nav1 li:hover:before ,
.home-shop-nav1 li.flex-active:before {
	width: 100%;
	transition: .4s;
}

.home-clients-dark {
	background: #0e2035; /* #000000; #2e4968; #1f1f1f;*/
	/* padding: 60px 0 30px; */
	padding: 20px 0 20px;
	border: none;
}

.home-clients-dark h2 {
	color:#ffffff !important;
	/* color:#a49260 !important; */
}

.home-clients-dark .container {
	padding: 0;
}

.home-clients-dark img {
	opacity: 1;
}

.home-clients-dark img:hover {
	opacity: 0.80;
}

.home-lookbook {
	padding: 90px 0;
}

.home-lookbook h3 {
	margin: 0;
}

.home-lookbook p {
	margin: 25px 0 55px;
	font-size: 16px;
	color: #9e9e9e;
}

.home-lookbook .row .row {
	margin: 0px;
	padding: 0 14px;
}

.home-lookbook .col-md-3 ,
.home-lookbook .col-md-6 {
	/* padding: 0 1px; */
	padding: 1px;
}

.lb-info {
	position: relative;
	overflow: hidden;
	background: #000;
}

.lb-info img {
	transform: scale(1);
	transition: .3s;
	opacity: 1;
}

.lb-info:hover img {
	transform: scale(1.1);
	transition: .3s;
	opacity: .7;
}

.lb-info h4 {
	position: absolute;
	bottom: 20px;
	left: -200%;
	background: #FFF;
	padding: 8px 10px;
	text-transform: uppercase;
	font-size: 12px;
	transition: .4s;
}

.lb-info a h4 {
	color: #1f1f1f;
}

.lb-info:hover h4 {
	left: 20px;
	transition: .4s;
}

.lb-info i {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 50%;
    font-size: 0px;
    color: #FFF;
    transition: all 0.4s ease 0s;
    height: 0px;
    margin-top: -0px;
    text-align: center;
}

.lb-info:hover i{
    position: absolute;
    left: 0%;
    right: 0%;
    top: 50%;
    font-size: 50px;
    color: #FFF;
    transition: all 0.4s ease 0s;
    height: 48px;
    margin-top: -24px;
    text-align: center;
}

/* 17. Magazine Styles */

#index-blog header {
	background: #fff;
	height: 135px;
	position: relative;
	overflow: hidden;
}

#index-blog header h1 {
	line-height: 135px;
}

#index-blog header h1 a {
	color: #1f1f1f;
	font-size: 24px;
	letter-spacing: 0.05em;
}

#index-blog header h1 a span {
	color: #d72524;
}

.head-weather {
	display: table;
	float: right;
}

.head-weather ul {
	padding: 0;
}

.head-weather li {
	float: left;
	list-style: none;
	position: relative;
	border-right: 1px solid #f0f0f0;
	padding: 31px 0;
	padding-left: 105px;
	padding-right: 50px;
	margin: 0;
}

.head-weather li i {
	font-size: 60px;
	position: absolute;
	left: 29px;
	top: 31px;
}

.head-weather li h5 {
	font-size: 14px;
	text-transform: uppercase;
	color: #1F1F1F;
	margin: 8px 0 8px;
}

.head-weather li p {
	font-size: 12px;
	color: #9e9e9e;
}

.head-weather li p span {
	font-family: Montserrat;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1f1f1f;
	margin-right: 10px;
}

#index-blog nav {
	height: 70px;
	background: #191919;
}

#index-blog nav ul {
	margin: 0 -30px;
}

.search-blog {
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	padding: 18px 30px;
}

.search-blog form {
	width: 100%;
	height: 33px;
	background-color: #191919;
	border: solid 1px #3d3d3d;
}

.search-blog form input {
	border: medium none;
	background: transparent;
	height: 32px;
	padding: 5px 15px;
	width: 88%;
	color: #858585;
	font-size: 13px;
	font-family: lato;
}

.search-blog form input:focus {
	color:#fff;
}

.search-blog form button {
	color: #6b6b6b;
	width: 12%;
	background: none;
	border: none;
	line-height: 32px;
	text-align: center;
	float: right;
}

#index-blog nav .row, .news-ticker .row {
	margin-right: 0;
}

#index-blog nav .col-md-3, .news-ticker .col-md-3 {
	padding: 0;
}

.news-ticker {
	background: #e6e6e6;
	height: 54px;
	border-bottom: 1px solid #d6d6d6;
}

.head-social {
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	padding: 17px 30px 14px;
	margin: -1px 0 0;
}

.head-social a {
	color: #9E9E9E;
	font-size: 16px;
	margin-right: 32px;
}

.head-social a:hover {
	color: #1f1f1f;
}

.head-social a:nth-child(5) {
	margin-right: 0;
}

.vticker {
	width: 100%;
	position: relative;
	top: -37px;
}

.vticker ul {
	padding: 0;
	padding-left: 165px;
}

.vticker li {
	list-style: none;
	font-size: 14px;
	color: #6b6b6b;
	font-family: lato;
	padding: 16px 0;
}

.vticker li a {
	color: #6b6b6b;
}

.vticker li span {
	margin-left: 3px;
	font-size: 12px;
	color: #9e9e9e;
}

.nt-info h3 {
	width: 135px;
	height: 24px;
	background: #d72524;
	padding-left: 15px;
	font-size: 10px;
	letter-spacing: 0.05em;
	color: #fff;
	text-transform: uppercase;
	line-height: 24px;
	float: left;
	position: relative;
	margin-top: 15px;
}

.nt-info h3:before {
	content: "";
}

.nt-info h3:before {
	content: "";
	border-width: 12px;
	position: absolute;
	top: 0px;
	right: -12px;
	width: 0px;
	height: 0px;
	z-index: 9999;
	border-style: solid;
	border-color: #e6e6e6 #e6e6e6 #e6e6e6 #d72524;
}

.mag-wrap .col-md-6 ,
.mag-wrap .col-md-3 {
	padding: 1px;
}

.mag-wrap {
	padding-top: 60px;
}

.mag-wrap .row {
	margin: 0 -1px;
}

.mw-shadow {
	position: relative;
	overflow: hidden;
}

.mw-shadow h3 {
	font-size: 30px;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,.75);
	line-height: 48px;
	margin: 0;
	position: absolute;
	bottom: 50px;
	left: 30px;
}

.mw-shadow h5 {
	font-size: 18px;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,.75);
	line-height: 24px;
	margin: 0;
	position: absolute;
	bottom: 38px;
	left: 15px;
}

.mws-inner {
	position: absolute;
	bottom: 0;
	padding: 22px 30px;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.mws-inner:before {
	content: "";
	position: absolute;
	background-color: rgba(0,0,0,0);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.8), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.8), rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.8), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.8), rgba(0,0,0,0));
	background-image: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0));
	width: 100%;
	height: 100%;
	bottom: -50%;
	left: 0;
	right: 0;
	transition: .4s;
}

.mws-inner:hover:before {
	content: "";
	bottom: -25%;
	transition: .4s;
}

.post-date {
	font-size: 12px;
	font-family: lato;
	color: #9e9e9e;
	position: absolute;
	bottom: 22px;
	left: 30px;
}

.mw-shadow-small .post-date {
	font-size: 12px;
	font-family: lato;
	color: #9e9e9e;
	position: absolute;
	bottom: 15px;
	left: 15px;
}

.top-stories {
	background: #f5f5f5;
	padding: 30px;
	padding-right: 0px;
	height: 428px;
	overflow: hidden;
}

.top-stories ul {
	padding: 0;
	height: 340px;
	overflow: hidden;
}

.top-stories ul li {
	list-style: none;
	padding: 0 0 27px;
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: 25px;
	font-size: 14px;
	color: #6b6b6b;
	font-family: lato;
}

.top-stories ul li a {
	color: #6b6b6b;
}

.top-stories ul li a:hover {
    color: #a89567;
}

.top-stories ul li span {
	margin-left: 4px;
	font-size: 12px;
	color: #9e9e9e;
}

.top-stories h4 {
	text-transform: uppercase;
	margin: 0 0 15px;
	font-size: 14px;
}

.mag-featured {
	padding: 90px 0 50px;
	border-bottom: 1px solid #f0f0f0;
}

.mw-shadow .mag-cat-ribbon {
	top: 30px;
	left: 30px;
}

.mw-shadow-small .mag-cat-ribbon {
	top: 15px;
	left: 15px;
}

.mag-cat-ribbon {
	padding: 0 15px;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,.25);
	letter-spacing: 0.05em;
	line-height: 22px;
	position: absolute;
	top: 15px;
	left: 15px;
}

.mag-cat-ribbon-round {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	bottom: 0px;
	right: 5px;
	border-radius: 50%;
}

.mf-thumb {
	position: relative;
}

.mf-thumb:hover img {
	opacity:0.6;
	transition:.4s;
}

.mag-featured h3 {
	border-bottom: 1px solid #e0e0e0;
	display: table;
	margin-bottom: 55px;
	padding-bottom: 5px;
	padding-right: 30px;
	text-transform: uppercase;
}

.mag-featured h4, .newsfeed .item h4 {
	line-height: 24px;
	font-size: 14px;
	text-transform: uppercase;
	margin: 23px 0 2px;
}

.mag-featured p, .newsfeed .item .nmeta {
	font-size: 12px;
	color: #9e9e9e;
	margin: 0 0 8px;
}

.mag-video {
	padding: 60px 0;
	border-bottom: 1px solid #f0f0f0;
}

.mv-best {
	border: 1px solid #e0e0e0;
	margin-top: 30px;
	background: #fff;
}

.mv-best .title {
	height: 72px;
	line-height: 72px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: #1f1f1f;
	display: table;
	width: 100%;
}

.mv-best h4 {
	line-height: 24px;
	font-size: 14px;
	text-transform: uppercase;
	margin: 12px 0 2px;
	padding: 0 15px;
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.mv-best p {
	font-size: 12px;
	color: #9e9e9e;
	margin: 0 0 8px;
	padding: 0 15px;
}

.mv-inner {
	background: #f5f5f5;
}

.mv-inner h4 {
	line-height: 48px;
	font-size: 30px;
	margin: 17px 0 2px;
	padding: 0 30px;
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.mv-inner p {
	font-size: 12px;
	color: #9e9e9e;
	margin: 0 0 26px;
	padding: 0 30px;
}

.mv-inner-thumb {
	position: relative;
	margin-top:-5px;
}

.play-btn {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	font-size: 48px;
	text-align: center;
	border: 2px solid #FFF;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	color: #FFF;
	padding: 4px 0 0 8px;
	line-height: 85px;
}

.newsfeed .item {
	width: 32.5%;
	float: left;
	padding: 0 15px;
	margin-bottom: 30px;
}

.newsfeed .item-inner, .portfolio-feed .item-inner {
	position: relative;
	border-bottom: 1px solid #fff;
}

.newsfeed .item p {
	margin: 20px 0 15px;
}

.item-inner2 {
	position: relative;
	border-bottom: 1px solid #fff;
	display: table;
	margin: 0 auto;
	padding: 0px 0 30px;
}

.item-inner2 .mf-thumb-small {
	width: 117px;
	float: left;
}

.item2-inner {
	margin-left: 130px !important;
}

.item2-inner h4 {
	line-height: 24px;
	font-size: 14px;
	text-transform: uppercase;
	margin: 13px 0px 2px !important;
}

.mf-thumb-small {
	position: relative;
}

.space5 {
	margin-bottom: 5px;
}

.space10 {
	margin-bottom: 10px;
}

.space15 {
	margin-bottom: 15px;
}

.space20 {
	margin-bottom: 20px;
}

.space30 {
	margin-bottom: 30px;
}

.space40 {
	margin-bottom: 40px;
}

.space50 {
	margin-bottom: 50px;
}

.space55 {
	margin-bottom: 55px;
}

.space60 {
	margin-bottom: 60px;
}

.space70 {
	margin-bottom: 70px;
}

.space80 {
	margin-bottom: 80px;
}

.space90 {
	margin-bottom: 90px;
}

.reduce-10 {
	margin-top: -10px;
}

.nf-head {
	display: table;
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 60px;
}

.nf-head h3 {
	font-size: 24px;
	text-transform: uppercase;
	padding: 30px 5px;
	line-height: 17px;
}

.newsfeed-filter {
	padding: 0;
	display: table;
	float: right;
	margin: 0 !important;
}

.newsfeed-filter li {
	list-style: none;
	float: left;
	margin-left: 58px;
	text-transform: uppercase;
	font-size: 12px;
	position: relative;
}

.newsfeed-filter li a {
	color: #9E9E9E;
	padding: 30px 0px;
	display: table;
	position: relative;
}

.newsfeed-filter li a:before {
	content: "";
	width: 0%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	right: 0;
	left: 0;
	background: #1f1f1f;
	transition: .3s;
}

.newsfeed-filter li a.selected:before,
.newsfeed-filter li a.active:before,
.newsfeed-filter li a:hover:before {
	content: "";
	width: 100%;
	transition: .3s;
}


.newsfeed-filter li a.selected,
.newsfeed-filter li a.active,
.newsfeed-filter li a:hover {
	color: #1f1f1f;
}

/* 18. Food Page Styles */

#index-food .container {
	max-width: 1230px;
	width: 100%;
}

#index-food header {
	background: rgba(0,0,0,0.5);
}

#index-food .logo h1 span {
	color: #eb8812;
}

#index-food #nav_menu li a ,
#index-food .search span {
	color: #a1a1a1;
}

#index-food #nav_menu li a:hover {
	color: #fff;
	opacity: 1;
}

.hf-contact {
	border-bottom: 1px solid #EDEDED;
	background: none repeat scroll 0% 0% #FFF;
	margin-top: -120px;
	position: relative;
	z-index: 9999;
}

.hf-contact h4 {
	font-size: 24px;
	text-transform: uppercase;
	color: #1f1f1f;
	text-align: center;
	padding-bottom: 26px;
	position: relative;
	margin-bottom: 27px;
	margin-top: 28px;
}

.hf-contact h4 span {
	font-family: lato;
	font-size: 14px;
	font-style: italic;
	color: #6b6b6b;
	display: block;
	text-transform: none;
	margin-bottom: 8px;
}

.hf-contact h4:before {
	content: "";
	width: 30px;
	height: 1px;
	background: #e0e0e0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.hf-contact .col-md-6 {
	padding: 30px 15px;
}

.hf-contact p {
	text-align: center;
	margin: 0;
	padding: 0 0 24px;
}

.hf-contact .col-md-6 table {
	margin: 0 auto;
	font-family: lato;
	font-size: 14px;
	color: #6b6b6b;
	line-height: 21px;
}

.hf-contact .col-md-6:nth-child(1) {
	border-right: 1px solid #ededed;
}

.hf-contact .col-md-6 td:nth-child(1) {
	text-align: right;
	padding-right: 15px;
}

.hf-contact .col-md-6 td:nth-child(2) {
	text-align: left;
	padding-left: 15px;
}

.hf-contact .col-md-6 td:nth-child(1) em ,
.hf-contact .col-md-6 td:nth-child(2) em {
	margin: 0 3px;
	position: relative;
	top: -5px;
	letter-spacing: -2px;
}

.deals-head {
	background: #EB8812;
	padding: 60px 30px;
	display: table;
	width: 127%;
	position: relative;
	right: 27%;
	margin-top: 30px;
	z-index: 111;
}

.deals-head h4 {
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
	border-bottom: 1px solid #b86c0f;
	padding-bottom: 10px;
	line-height: 17px;
	margin-bottom: 23px;
}

.deals-head p {
	color: #fff;
	font-size: 16px;
	margin: 0;
}

.hf-deals {
	padding: 60px 15px;
	border-bottom: 1px solid #ededed;
	background: #fff;
}

.hfd-img {
	position: relative;
}

.hfd-img1 {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	opacity:1;
	transition:.6s;
}

.hfd-img2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity:0;
	transition:.6s;
}

.hfd-img3 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity:0;
	transition:.6s;
}

.hf-deals ul {
	padding: 0;
	margin-top: 57px;
}

.hf-deals ul li {
	list-style: none;
	font-size: 18px;
	color: #1f1f1f;
	border-bottom: 1px solid #ededed;
	padding-bottom: 24px;
	margin-bottom: 23px;
	position: relative;
	display:table;
	width:100%;
}

.hf-deals ul li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.hf-deals ul li em {
	font-style:normal;
	color: #1f1f1f;
	line-height: 22px;
	padding-right: 25px;
	width:85%;
	display:table;
	transition:.6s;
}

.hf-deals ul li em:hover {
	color: #eb8812;
	cursor:pointer;
	transition:.6s;
}

.hf-deals ul li span {
	float: right;
	margin-left: 30px;
	font-family: lato;
	color: #EB8812;
	font-size: 18px;
	position: absolute;
	right: 0;
	top: 0;
}

.hf-menu {
	padding: 60px 15px 0;
	background: #fff;
}

.menu-type {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ededed;
	margin: 0 -15px 60px;
	padding: 0 15px 2px;
}

.menu-type h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #eb8812;
}

.menu-type h5 {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.menu-type p {
	line-height: 22px;
}

.hf-menu-card {
	height: 120px;
}

.hf-reserve {
	padding: 0 0 60px;
	border-bottom: 1px solid #ededed;
	background: #fff;
}

.hf-reserve h3 {
	text-align: center;
	margin-bottom: 17px;
}

.hf-reserve p {
	text-align: center;
	font-size: 16px;
	color: #9e9e9e;
	margin-bottom: 57px;
}

.hf-reserve form input {
	width: 100%;
	height: 43px;
	background-color: #fff;
	border: solid 1px #e3e3e3;
	text-align: center;
	padding: 5px 15px;
	margin-bottom: 15px;
	color: #9e9e9e;
	font-size: 13px;
	font-family: lato;
}

.hf-reserve form select {
	width: 100%;
	height: 43px;
	background-color: #fff;
	border: solid 1px #e3e3e3;
	text-align: center;
	padding: 5px 15px;
	margin-bottom: 15px;
	color: #9e9e9e;
	font-size: 13px;
	font-family: lato;
}

#index-food .home-blog {
	padding: 60px 30px;
	margin-bottom: 60px;
	background: #fff;
}

#index-food .home-blog h4 a {
	color: #eb8812;
}

#index-food .btn-small:hover {
	background: #eb8812;
}

.lite-head {
	background: #fff;
}

.lite-head .logo h1 a {
	color: #1f1f1f;
}

.lite-head #nav_menu li a ,
.lite-head .search span {
	color: #767676;
}

.lite-head #nav_menu li a:hover {
	color: #1f1f1f;
	opacity: 1;
}

#slider4 {
	width: 268%;
	position: relative;
	left: -84%;
}

#slider {
	overflow: hidden;
	position: relative;
}

.slick-slide {
	opacity: 0.4;
}

.slick-center {
	opacity: 1;
}

.home-about2 {
	border-bottom: 1px solid #f0f0f0;
	height: 385px;
	margin-top: -30px;
}

.home-about2 .row {
	margin-right: 0;
}

.home-about2 .col-md-3 {
	padding: 95px 30px;
	border-right: 1px solid #f0f0f0;
}

.home-about2 .col-md-9 {
	padding: 85px 52px;
	border-right: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
}

.home-about2 .col-md-9 img {
	float: left;
	width: 170px;
}

.home-about2 .col-md-9 .ha-inner {
	margin-left: 200px;
}

.ha-inner h4 {
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 24px;
}

.i7-info {
	padding: 60px 0;
}

.i7-info .container {
	padding: 0;
}

.i7-info img {
	transform:scale(1);
	opacity:1;
	transition:.4s;
}

.i7-info img:hover {
	transform:scale(1.03);
	opacity:0.5;
	transition:.4s;
}

.i7-info h4 {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 10px;
	padding: 30px 0;
}

#page-header {
	margin-top: 20px; /* was 100px */
	padding: 0;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 27px;
}

.bcrumbs {
	padding: 0;
}

.bcrumbs li {
	float: left;
	margin-right: 25px;
	position: relative;
	color: #9e9e9e;
	list-style: none;
}

.bcrumbs li:before {
	content: "/";
	font-size: 14px;
	color: #d1d1d1;
	position: absolute;
	right: -15px;
	top: 1px;
}

.bcrumbs li:last-child:before {
	display: none;
}

.bcrumbs li a {
	color: #6b6b6b;
}

.about {
	padding-bottom: 67px;
}

/* 19. Team Styles */

.team {
	padding: 90px 0;
	margin-top: -1px;
	background: #f5f5f5;
}

.team .container {
	padding: 0;
}

.team img {
	display: table;
	margin: 0 auto;
	border-radius: 50%;
}

.team h4 {
	background: #fff;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	padding: 13px 15px;
	margin: 15px 0 25px;
}

.team h4 span {
	display: block;
	font-family: lato;
	text-transform: none;
	font-size: 14px;
	color: #6b6b6b;
	margin-top: 8px;
}

.team-social {
	padding: 0px;
	display: table;
	margin: 0 auto;
}

.team-social li {
	list-style: none;
	float: left;
	margin: 0 7.5px;
	;
}

.team-social li a {
	color: #b8b8b8;
}

.staff-thumb {
	position:relative;
}

.staff-thumb img {
	border-radius:50%;
}

.staff-thumb span {
	position: absolute;
	background: transparent;
	width: 90%;
	height: 90%;
	border-radius: 50%;
	top: 5%;
	left: 5%;
	right: 0px;
	border: 16px solid rgba(0,0,0,0.3);
	border-color: rgba(255,255,255,0.2) rgba(0,0,0,0.2);
	transform:rotate(0deg);
	transition:.4s;
	opacity:0;
	visibility:hidden;
}

.staff-thumb span i {
    color: #FFF;
    font-size: 50px;
    text-align: center;
    display: table-cell;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle !important;
    height: 52px;
}

.team .col-md-3:hover ,
.team .col-md-4:hover {
	cursor:pointer;
}

.team .col-md-3:hover .staff-thumb span ,
.team .col-md-4:hover .staff-thumb span {
	opacity:1;
	visibility:visible;
	transform:rotate(90deg);
	transition:.6s;
}

.team-max {
    width: 100%;
    max-width: 265px;
    margin: 0 auto;
}

.welcome2 {
	border: none;
	padding: 90px 0 70px;
}

.welcome2 p {
	text-align: left;
	font-size: 14px;
	margin-bottom: 20px;
	padding: 0 9%;
}

.welcome2 p.lite-medium {
	text-align: left;
	font-size: 16px;
}

.welcome2 h4 {
	margin: 0px 0px 60px;
}

.no-border {
	border-bottom: none !important;
}

.about-process {
	padding: 90px 0;
	border-bottom: 1px solid #f0f0f0;
}

.about-process span {
	font-size: 60px;
	font-weight: 700;
	float: left;
	line-height: 50px;
}

.ap-info {
	margin-left: 100px;
}

.ap-info h4 {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 24px;
	margin-bottom: 78px;
	position: relative;
}

.ap-info h4:before {
	content: "";
	position: absolute;
	width: 70px;
	height: 2px;
	background: #1f1f1f;
	bottom: -25px;
	left: 0;
}

.ap-info p {
	margin: 0;
}

.faq-content {
	padding: 90px 0;
}

/* 20. Accordion Styles */


.accordionf, .accordiont {
	margin: -15px 0 0;
}

.accordionf h3, .accordiont h3 {
	background-color: #f5f5f5;
	cursor: pointer;
	margin: 15px 0 0 !important;
	line-height: 24px;
	padding: 23px 30px !important;
	font-size: 14px;
	color: #1f1f1f;
	display: table;
	width: 100%;
	text-transform: uppercase;
	position: relative;
	border: none !important;
}

.accordionf h3:before, .accordiont h3:before {
	content: "\e689";
	font-family: icomoon;
	font-size: 30px;
	color: #9e9e9e;
	position: absolute;
	top: 22px;
	right: 15px;
	transition: .4s;
}

.accordionf h3.current ,
.accordionf h3:hover ,
.accordiont h3.current ,
.accordiont h3:hover {
	background-color: #f5f5f5;
	color: #6d6d6d;
}

.accordionf h3.current:before ,
.accordiont h3.current:before {
	transform: rotate(180deg);
	transition: .4s;
}

.accordionf div.pane ,
.accordiont div.pane {
	padding: 15px 30px 5px;
}

/* 21. FAQ Styles */

.faq-search input {
	height: 43px;
	background: transparent;
	border: solid 1px #e3e3e3;
	border-right: none;
	padding: 5px 15px;
	font-size: 13px;
	font-family: lato;
	width: 65%;
	float: left;
	margin-right: -2%;
}

.faq-search button {
	float: right;
	width: 37%;
	margin-top: 1px;
}

.faq-content h5 {
	text-transform: uppercase;
	line-height: 24px;
	margin-bottom: 26px;
	margin-top: -7px;
}

.sep-60 {
	height: 1px;
	background: #f0f0f0;
	display: table;
	width: 100%;
	margin: 60px 0;
}

/* 22. 404 Page Styles */

.error-content {
	padding-bottom: 120px;
}

.error-content h3 {
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	margin: 110px 0 55px;
}

.ec-info {
	width: 370px;
	height: 370px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	border: solid 1px #d7d7d7;
	margin: 0 auto -20px;
}

.ec-info h4 {
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	margin: 115px 0 0;
}

.ec-info h4 span {
	font-size: 100px;
	font-weight: bold;
	display: block;
	margin: -5px 0 0;
}

.shortcode-forms {
	padding: 90px 0;
}

.sc-btns {
	padding: 0px;
	margin-bottom: 40px;
	display: table;
	width: 100%;
}

.sc-btns li {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	list-style: none;
}

.sc-btns li.clearfix {
    display: table;
    width: 100%;
}

.o-form input {
	width: 100%;
	height: 43px;
	background-color: #fff;
	border: solid 1px #e3e3e3;
	text-align: left;
	padding: 5px 15px;
	margin-bottom: 15px;
	color: #9e9e9e;
	font-size: 13px;
}

form input::-webkit-input-placeholder {
	color: #9e9e9e !important;
	opacity: 1 !important;
}

form input:-moz-placeholder {
	color: #9e9e9e !important;
	opacity: 1 !important;
}

form input::-moz-placeholder {
	color: #9e9e9e !important;
	opacity: 1 !important;
}

form input:-ms-input-placeholder {
	color: #9e9e9e !important;
	opacity: 1 !important;
}

form textarea::-webkit-input-placeholder {
	color: #9e9e9e !important;
	opacity: 1 !important;
}

form textarea:-moz-placeholder {
	color: #9e9e9e !important;
	opacity: 1 !important;
}

form textarea::-moz-placeholder {
	color: #9e9e9e !important;
	opacity: 1 !important;
}

form textarea:-ms-input-placeholder {
	color: #9e9e9e !important;
	opacity: 1 !important;
}

.o-form textarea {
	height: 217px;
	background-color: #fff;
	border: solid 1px #e3e3e3;
	width: 100%;
	text-align: left;
	padding: 15px;
	color: #9e9e9e;
	font-size: 15px;
	font-family:lato;
	margin-bottom: 15px;
}

#input-focused {
	border-color: #1f1f1f;
	color: #1f1f1f;
}

#input-error {
	border-color: #cc0000;
	color: #cc0000;
}

.alert {
	border-radius: 0px;
	color: #1f1f1f;
	text-transform: uppercase;
	font-size: 14px;
}

.alert-general {
	background-color: #f5f5f5;
	border-color: #d4d4d4;
}

.alert-success {
	background-color: #e4fac1;
	border-color: #a3d94c;
}

.alert-danger {
	background-color: #ffcdcd;
	border-color: #ff3333;
}

.alert-warning {
	background-color: #ffefd0;
	border-color: #e6b960;
}

.alert button span {
	font-size: 16px;
}

.alert-help {
	background-color: #d4f4ff;
	border-color: #98d5ec;
}

.alert-info {
	background-color: #fafcd4;
	border-color: #d9d864;
}

.alert-dismissable .close, .alert-dismissible .close {
	position: relative;
	top: -1px;
	right: -25px;
	color: inherit;
}

.alert-ico {
	padding-left: 60px;
	position: relative;
}

.alert-ico i {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 32px;
}

.shortcode-tabs {
	padding: 90px 0 70px;
	border-bottom: 1px solid #f0f0f0;
}

h3 small {
	font-size: 14px;
	color: #1F1F1F;
	margin-left: 5px;
	position: relative;
	top: -7px;
}

#tabwrap {
	overflow: hidden;
	width: 100%;
	min-height: 100px;
}

#tabs {
	overflow: hidden;
	padding: 0;
	margin: 0 0 -6px;
}

#tabs li {
	list-style: none;
	margin: 0;
	margin-right: 7px;
	display: inline-block;
}

#tabs li a {
	float: left;
	display: block;
	padding: 10px 15px;
	color: #9e9e9e;
	width: auto;
	text-decoration: none;
	text-align: center;
	border: 1px solid transparent;
	border-bottom: none;
	font-size: 12px;
	text-transform: uppercase;
}

#tabs li a:hover {
	color: #1f1f1f;
}

#tabs li:first-child a {
}

#tabs li:last-child a {
}

#tabs li.current a {
	background: #fff;
	color: #1f1f1f;
	border-color: #e0e0e0;
}

#content > div {
	clear: both;
	padding: 20px 15px 18px;
	line-height: 19px;
	color: #666;
	border: 1px solid #e0e0e0;
	display: none;
}

#content .current {
	display: block;
}

#content #home.first {
	display: block;
}

#content p {
	margin: 0;
}

.tabs2-head h3 {
	float: left;
}

.shortcode-tabs .col-md-8 {
	padding-right: 115px;
}

.tabs-v2 p {
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/* 23. Contact Styles */

.contact-content {
	padding: 90px 0;
}

.contact-content h3 {
	font-size: 24px;
	text-align: center;
	margin: 0 0 24px;
	text-transform: uppercase;
}

.contact-content p {
	text-align: center;
}

.gmap1 {
	padding: 0px;
	height: 400px;
}

.gmap1 div {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#map1 {
	display: block;
	width: 100%;
	height: 400px;
	margin: 0 auto;
}

#map1.large {
	height: 400px;
}

#map1 img {
	max-width: none;
	height: auto;
}

#google-map {
	position: relative;
}

#google-map .container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 400px;
	z-index: 9999;
}

.contact-info {
	height: 400px;
	background: rgba(31,31,31,0.9);
}

.contact-info h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	line-height: 10px;
	margin: 0 0 25px;
}

.contact-info p {
	font-family: lato;
	font-size: 14px;
	color: #9e9e9e;
	font-weight: 300;
	line-height: 24px;
}

.ci-inner {
display: table-cell;
margin: auto;
position: relative;
top: 50%;
left: 0px;
right: 0px;
height: 130px;
display: table;
margin: -65px auto 0;
}

.contact-content2 {
	padding: 90px 0;
}

.c-info {
	padding: 0;
	margin: 0;
}

.c-info li {
	float: left;
	width: 50%;
	list-style: none;
	margin-bottom: 45px;
}

.c-info li h4 {
	font-size: 14px;
	line-height: 10px;
	margin-bottom: 22px;
	text-transform: uppercase;
}

.c-info li p {
	color: #9e9e9e;
}

.statusMessage,.successmessage,.errormessage {
	display: none;
	margin: auto;
	width: 100%;
	height: auto;
	background: #fff;
	border: 1px solid #ddd;
	margin: 0 auto;
	padding: 30px;
}

.statusMessage p {
	margin: 0;
	color: #888;
}

.successmessage p {
	margin: 0;
	color: #888;
}

.success-ico {
	color:#00b034;
	font-size:40px;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 15px;
	position: relative;
	top: -6px;
}

.error-ico {
	color:#f00;
	font-size:40px;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 15px;
	position: relative;
	top: -5px;
}

.errormessage p {
	margin: 0;
	color: #888;
}

/* 24. Blog Single Styles */

#blog-content {
	padding: 90px 0;
}

#blog-content article {
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: 1px solid #f0f0f0;
}

#blog-content article h4 {
	font-size: 24px;
	text-transform: uppercase;
	margin: 55px 0 18px;
	line-height: 36px;
}

.post-meta {
	font-family: lato;
	color: #9e9e9e;
	margin-bottom: 50px;
}

.post-meta a {
	color: #6b6b6b;
}

.post-meta em {
	font-size: 13px;
	font-style: normal;
	color: #9E9E9E;
	margin: 0px 15px;
	position: relative;
	top: 1px;
}

#blog-content article p {
	margin-bottom: 26px;
}

.blog-quote {
	position: relative;
}

.blog-quote img {
	width: 100%;
}

.blog-quote .excerpt {
	background: rgba(0,0,0,0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	padding: 30px 60px;
}

.blog-quote h4 {
	color: #fff;
	text-align: center;
	line-height: 36px;
}

.blog-quote p {
	color: #fff;
	text-align: center;
}

.blog-link {
	position: relative;
	height: 207px;
	overflow: hidden;
}

.blog-audio {
	position: relative;
	height: 150px;
	overflow: hidden;
}

.blog-audio li h4 {
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
	margin: 4px 30px !important;
}

.blog-link img, .blog-audio {
	width: 100%;
}

.blog-link .excerpt {
	background: rgba(0,0,0,0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	padding: 30px 60px;
}

.blog-audio .excerpt {
	background: rgba(0,0,0,0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	padding: 40px 60px 30px;
}

.blog-link h4 {
	color: #fff;
	text-align: center;
	line-height: 36px;
}

.blog-audio h4 {
	color: #fff;
}

.blog-link h4 a {
	color: #fff;
}

.blog-slider .excerpt {
	margin-left: 200px;
}

#blog-slider .owl-controls {
	width: 74px;
	position: absolute;
	bottom: -92px;
	left: -23px;
}

#blog-slider .owl-prev ,
#blog-slider .owl-next {
	width: 27px;
	height: 40px;
	background: transparent;
	border-radius: 0;
	opacity: 1;
	font-size: 0px;
	position: relative;
}

#blog-slider .owl-prev {
	float: left;
}

#blog-slider .owl-next {
	float: right;
}

#blog-slider .owl-prev:before {
	content: "\e686";
	font-family: "icomoon";
	font-size: 53px;
	color: #1f1f1f;
	position: absolute;
	left: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
}

#blog-slider .owl-next:before {
	content: "\e684";
	font-family: "icomoon";
	font-size: 53px;
	color: #1f1f1f;
	position: absolute;
	right: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
}

#blog-slider .owl-prev:hover:before,
#blog-slider .owl-next:hover:before {
	color: #a89567 !important;
	transition: .3s;
}

.page-nav {
	margin-top: -23px;
}

.page-nav .row {
	margin: 0 -25px;
}

.page-nav a {
	color: #1f1f1f;
	font-size: 30px;
}

.nav-page-count {
	display: table;
	margin: 0px auto;
	font-size: 60px;
	font-weight: 700;
	line-height: 28px;
}

.nav-page-count span {
	font-size: 14px;
	color: #B8B8B8;
	font-weight: 400;
	position: relative;
	top: -31px;
	left: 2px;
}

/* 25. Sidebar Styles */

.side-content {
	border-bottom: 1px solid #F0F0F0;
	margin: 0px 0px 60px;
	padding-bottom: 60px;
	display: inline-block;
	width: 100%;
}

.side-content h5 {
	text-transform: uppercase;
	line-height: 24px;
	margin-bottom: 26px;
}

.side-content .item img {
	width: 100px;
	float: left;
}

.pposts {
	margin-left: 130px;
}

.pposts h4 {
	font-family: lato;
	font-size: 14px;
	line-height: 24px;
}

.pposts p {
	font-size: 12px;
	margin: 0;
}

#side-slider .owl-controls {
	width: 22px;
	position: absolute;
	top: -68px;
	right: 0;
}

#side-slider .owl-prev ,
#side-slider .owl-next {
	width: 9px;
	height: 40px;
	background: transparent;
	border-radius: 0;
	opacity: 1;
	font-size: 0px;
	position: relative;
	margin: 0;
	padding: 0;
}

#side-slider .owl-prev {
	float: left;
}

#side-slider .owl-next {
	float: right;
}

#side-slider .owl-prev:before {
	content: "\e686";
	font-family: "icomoon";
	font-size: 23px;
	color: #6b6b6b;
	position: absolute;
	left: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
	font-weight: bold;
	margin: 0 -8px;
}

#side-slider .owl-next:before {
	content: "\e684";
	font-family: "icomoon";
	font-size: 23px;
	color: #6b6b6b;
	position: absolute;
	right: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
	font-weight: bold;
	margin: 0 5px;
}

#side-slider .owl-prev:hover:before,
#side-slider .owl-next:hover:before {
	color: #1f1f1f !important;
	transition: .3s;
}

.rcomments {
	padding: 0;
	margin: 0;
}

.rcomments li {
	list-style: none;
	padding-left: 35px;
	position: relative;
}

.rcomments li:before {
	content: "\e6ce";
	font-family: icomoon;
	font-size: 24px;
	position: absolute;
	top: -2px;
	left: 0;
}

.rcomments li p {
	font-size: 13px;
}

.rcomments li:last-child,
.rcomments li:last-child p {
	margin: 0;
}

.cat {
	padding: 0;
	margin: 0;
}

.cat li {
	list-style: none;
	position: relative;
	margin-bottom: 10px;
}

.cat li p {
	margin: 0;
}

.cat li:last-child {
	margin: 0;
}

.tags {
	padding: 0;
	margin: 0;
}

.tags li {
	list-style: none;
	float: left;
	margin-right: 8px;
}

.tags li p {
	margin: 0;
	line-height: 18px;
}

.tags li p a {
	color: #6b6b6b;
}

.tags li p a:hover {
	color: #1f1f1f;
}

.blog2 {
	background: #fcfcfc;
	margin-bottom: 30px;
	padding: 0;
}

.blog2 h4 {
	font-size: 18px;
	color: #1f1f1f;
	line-height: 36px;
	text-align: center;
	margin: 48px 0 30px;
	padding: 0 30px 39px;
	position: relative;
}

.blog2 h4:before ,
.blog2 h5:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 70px;
	height: 2px;
	background: #1f1f1f;
	margin: 0 auto;
}

.blog2 h5 {
	font-size: 30px;
	color: #1f1f1f;
	line-height: 48px;
	text-align: center;
	margin: 48px 0 26px;
	padding: 0 30px 19px;
	position: relative;
}

.blog2-date {
	font-size: 12px;
	font-family: lato;
	text-align: center;
	color: #9e9e9e;
	margin-bottom: 56px;
	padding: 0 30px;
}

#blog-content2 {
	padding: 90px 0;
}

#blog-content h3 {
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	margin: 2px 0 55px;
}

#blog-content2 article img {
	transition:.4s;
}

#blog-content2 article:hover img {
	transition:.4s;
	opacity:0.7;
}

.list {
	padding: 0;
	margin: 23px 0 30px;
}

.list li {
	font-family: lato;
	color: #6b6b6b;
	list-style: none;
	position: relative;
	padding-left: 20px;
	margin-bottom: 8px;
}

.list li:before {
	content: "\e684";
	font-family: icomoon;
	font-size: 18px;
	position: absolute;
	top: -2px;
	left: -6px;
}

.quote {
	font-family: lato;
	font-size: 24px;
	font-style: italic;
	color: #1f1f1f;
	line-height: 48px;
}

.blog-single-meta {
	border-bottom: 1px solid #F0F0F0;
	margin-top: -35px;
}

.blog-single-meta .post-meta {
	font-size: 12px;
	margin-bottom: 25px;
}

.bsm-social {
	font-family: lato;
	color: #6b6b6b;
	font-size: 12px;
	padding: 0px;
	display: table;
	float: right;
}

.bsm-social ul {
	margin: -16px 0 0;
}

.bsm-social li {
	float: left;
	list-style: none;
}

.bsm-social li a {
	color: #9E9E9E;
	font-size: 16px;
	margin-left: 15px;
}

.bsm-social li a:hover {
	color: #1f1f1f;
}

.blog-single-comments {
	padding: 83px 0 30px;
	border-bottom: 1px solid #f0f0f0;
}

.comments-content {
	margin-bottom: 60px;
}

.comments-content p {
	font-size: 14px;
	padding: 55px 47px;
	background: #f5f5f5;
	border-radius: 5px;
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	position: relative;
}

.comments-content p:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 5px 0;
	border-color: #f5f5f5 transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -10px;
	left: 40px;
}

.comments-content h4, .comments-content small {
	font-size: 14px;
	text-transform: uppercase;
	padding: 15px 0px 2px;
	margin: 0;
	color: #1f1f1f;
	font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
	display:block;
}

.comments-content a {
	color: #9e9e9e;
}

.comments-content img {
	float: left;
	margin-left: 15px;
}

.quotes-content img {
	float: left;
	margin-left: 15px;
	margin-right: -40px;
}

.comments-content span {
	margin-left: 115px;
	display: table;
	font-family: lato;
	font-size: 13px;
	color: #9e9e9e;
	padding: 0 30px;
}

.quotes-content span {
	margin-left: 0px;
	display: table;
	font-family: lato;
	font-size: 13px;
	color: #9e9e9e;
	padding: 0 30px;
}

.blog-single-form {
	padding-top: 83px;
}

.portfolio-feed .item {
	width: 32.5%;
	float: left;
	/* JimH padding: 0 15px; */
	padding: 15px;
	margin-bottom: 30px;
	border-radius:10px;
}
/* JimH */
.portfolio-feed .item:hover {
	background-color:#efefef !important;
}

.portfolio-feed .item-inner2 {
	position: relative;
	display: table;
	margin: 0 auto;
	padding: 0px;
	border: none;
}

.portfolio-feed .item-inner2 img {
	width: 100%;
}

.item-inner2:hover img {
	opacity:0.7;
	transtion:.4s;
}

.portfolio-feed-filter {
	padding: 0;
	display: table;
	float: right;
	margin: 0 !important;
}

.portfolio-feed-filter li {
	list-style: none;
	float: left;
	margin-left: 30px;
	text-transform: uppercase;
	font-size: 12px;
	position: relative;
}

.portfolio-feed-filter li a {
	color: #9E9E9E;
	padding: 0px 0px 15px;
	display: table;
	position: relative;
}

.portfolio-feed-filter li a:before {
	content: "";
	width: 0%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	right: 0;
	left: 0;
	background: #1f1f1f;
	transition: .3s;
}

.portfolio-feed-filter li a.selected:before,
.portfolio-feed-filter li a:hover:before {
	content: "";
	width: 100%;
	transition: .3s;
}

.portfolio-feed-filter li a.selected,
.portfolio-feed-filter li a:hover {
	color: #1f1f1f;
}

#portfolio-feed {
	padding: 90px 0;
}

.portfolio-feed {
	/* margin-top: 60px; */
	margin-top: 30px;
}

#portfolio-feed h3 {
	margin-bottom: 0;
}

.portfolio-feed-2col .item {
	width: 48.7%;
}

.portfolio-feed-3col .item {
	width: 32.5%;
}

.portfolio-feed-4col .item {
	width: 24.25%;
}

.portfolio-feed-5col .item {
	width: 98%;
}

.portfolio-feed-2col .item h4 ,
.portfolio-feed-3col .item h4 ,
.portfolio-feed-4col .item h4 ,
.portfolio-feed-5col .item h4 {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 24px;
	margin: 23px 0 3px;
}

.portfolio-feed-2col .item p ,
.portfolio-feed-3col .item p ,
.portfolio-feed-4col .item p ,
.portfolio-feed-5col .item p {
	margin: 0 0 -3px;
}

.portfolio-nav {
	border-top: 1px solid #f0f0f0;
	margin-top: 48px;
	padding-top: 37px;
}

.pf-nav {
	padding: 0px;
	display: table;
	float: right;
	margin-right: -10px;
}

.pf-nav li {
	list-style: none;
	float: left;
	margin-left: 60px;
	font-size: 14px;
	text-transform: uppercase;
}

.pf-nav li span {
	font-size: 45px;
	float: left;
	margin: -13px -7px;
}

.pf-nav li:nth-child(2) span {
	font-size: 45px;
	float: right;
	margin: -13px -7px;
}

.portfolio-single {
	padding-top: 52px;
}

.shop-content {
	padding: 90px 0;
}

.sc-product {
	padding: 0;
	margin: 0 -15px;
	display: table;
	width: 100%;
}

.sc-product li {
	list-style: none;
	float: left;
	padding: 0 15px;
	width: 33.33333%;
}

.sc-product li .product-info {
	height: 97px;
}

.shop-content .page-nav {
	margin-top: 30px;
	display: table;
	width: 100%;
	border-top: 1px solid #F0F0F0;
	padding-top: 36px;
}

.toggle {
	font-family: lato;
	font-size: 14px;
	color: #9e9e9e;
	line-height: 30px;
}

.toggle a {
	color: #9e9e9e;
}

.main-head {
	color: #858585 !important;
}

.toggle ul {
	padding: 0;
	margin-left: 15px;
}

.toggle ul ul {
	padding: 0;
	margin-left: 25px;
}

.toggle ul li {
	list-style: none;
}

.toggle ul li.active a {
	color: #1f1f1f;
}

.toggle-content2,
.toggle-content3,
.toggle-content4,
.toggle-content5,
.toggle-content6 {
	display: none;
}

.toggle a:hover {
	color: #1f1f1f;
	cursor: pointer;
}

.toggle.active .toggle-content1 ,
.toggle1.active .toggle-content2 ,
.toggle2.active .toggle-content3 ,
.toggle3.active .toggle-content4 ,
.toggle4.active .toggle-content5 ,
.toggle5.active .toggle-content6 {
	display: block;
}

.toggle1.active .toggle-head a ,
.toggle2.active .toggle-head a ,
.toggle3.active .toggle-head a ,
.toggle4.active .toggle-head a ,
.toggle5.active .toggle-head a ,
.toggle6.active .toggle-head a {
	color: #1f1f1f;
}

.s_range {
	margin-top: 25px;
	display: table;
	width: 100%;
	margin-bottom: -20px;
}

.range_v {
	margin-top: 30px;
}

.range_v span {
	font-size: 14px;
	color: #5b5b5b;
	float: left;
	margin-right: 5px;
	line-height: 23px;
}

.range_v input {
	display: table;
	float: left;
	width: 50px;
	font-size: 14px;
	color: #1f1f1f;
	margin-right: 7px;
	background: none;
	border: 0px;
	outline: 0;
	font-family: lato;
}

.filter-btn {
	background: transparent;
	font-family: lato;
	padding: 0;
	font-size: 14px;
	color: #858585;
	float: right;
	margin-top: -3px;
}

.filter-btn:hover {
	color: #1f1f1f;
}

.range_sep {
	background: #000;
	width: 4px;
	height: 1px;
	display: table;
	position: relative;
	top: 12px;
	right: 8px;
}

.side-content .ui-slider-horizontal .ui-slider-range {
	top: -0px !important;
	margin: 0px -6px;
	height: 5px;
	background: #B8B8B8 !important;
}

.side-content .ui-state-default, .side-content .ui-widget-content .ui-state-default, .side-content .ui-widget-header .ui-state-default {
	border: medium none;
	font-weight: normal;
	color: #555;
	height: 14px!important;
	background: #1f1f1f !important;
	width: 6px!important;
	margin-top: 5px;
	border-radius: 3px !important;
	cursor: pointer;
}

.side-content .ui-widget-content {
	border: none !important;
	background: #ebebeb !important;
	height: 5px;
	border-radius: 3px;
}

.side-list {
	padding: 0;
	margin: 0;
}

.side-list li {
	list-style: none;
	font-family: lato;
	display: table;
	width: 100%;
	margin-bottom: 15px;
}

.side-list li:last-child {
	margin-bottom: 0px;
}

.side-list li img {
	border-radius: 50%;
	width: 70px;
	float: left;
}

.si-inner {
	margin-left: 85px;
}

.si-inner p {
	margin: 9px 0 0;
	line-height: 18px;
}

.si-inner span {
	color: #6b6b6b;
}

.sc-product-full li {
	width: 25%;
}

.shop-content h3 {
	border-bottom: 1px solid #e0e0e0;
	display: table;
	margin-bottom: 55px;
	padding-bottom: 5px;
	padding-right: 70px;
	text-transform: uppercase;
}

#sort {
	border: solid 1px #e3e3e3;
	width: 186px;
	height: 43px;
	padding: 5px 15px;
	text-align: center;
	font-family: lato;
	font-size: 13px;
	color: #9e9e9e;
	margin-right: 15px;
}

#category {
	border: solid 1px #e3e3e3;
	width: 206px;
	height: 43px;
	padding: 5px 15px;
	text-align: center;
	font-family: lato;
	font-size: 13px;
	color: #9e9e9e;
}

.sort-select {
	display: table;
	float: right;
}

.shop-content-full h3 {
	float: left;
}

.shop-single {
	padding: 90px 0 0;
}

.shop-single h3 {
	border-bottom: 1px solid #e0e0e0;
	display: table;
	margin-bottom: 55px;
	padding-bottom: 5px;
	padding-right: 30px;
}

.shop-single1 {
	padding: 30px 0 0;
}

.shop-single1 h3 {
	border-bottom: 1px solid #e0e0e0;
	display: table;
	margin-bottom: 55px;
	padding-bottom: 5px;
	padding-right: 30px;
}

.ss-info-thumb {
	opacity:1;
	transition:0.6s;
}

.ss-info-thumb1,
.ss-info-thumb2,
.ss-info-thumb3,
.ss-info-thumb4,
.ss-info-thumb5,
.ss-info-thumb6,
.ss-info-thumb7 {
	opacity:0;
	transition:0.6s;
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
}

.ss-next {
	font-size: 12px;
	color: #6b6b6b;
	font-family: lato;
	position: relative;
	padding-left: 28px;
	float: right;
}

.ss-next span {
	position: absolute;
	top: -3px;
	left: 0;
	font-size: 21px;
	font-weight: 700;
	color: #6B6B6B;
}

.ss-price {
	float: left;
}

.ss-price span {
	color: #9e9e9e;
	text-decoration: line-through;
	margin-right: 10px;
}

.star-rating {
	display: table;
	float: right;
}

.star-rating span {
	font-size: 24px;
	float: left;
	color: #1f1f1f;
}

.star-rating span.no {
	color: #b8b8b8;
}

.ss-meta {
	margin-top: 57px;
}

#size ,
#quantity {
	width: 136px;
	height: 43px;
	text-align: center;
	font-family: lato;
	float: left;
	margin-right: 15px;
	background: transparent;
	color: #9d9d9d;
	display: inline-block;
}

.buy-btn {
	background: #1f1f1f;
	height: 43px;
	padding: 0 30px;
	border-radius: 5px;
	line-height: 43px;
	margin-right: 32px;
	display: table;
	color: #fff;
	text-transform: uppercase;
	float: left;
}

.buy-btn:hover {
	background: #525252;
	color: #fff;
}

.add-wishlist {
	height: 43px;
	display: table;
	text-transform: uppercase;
	color: #1f1f1f;
	font-size: 12px;
	line-height: 43px;
}

.add-wishlist i {
	font-size: 24px;
	margin-right: 8px;
	position: relative;
	top: 7px;
}

.ss-thumb {
	margin: 45px 0px 30px;
	display: table;
	width: 100%;
}

.ss-thumb div {
	margin: 0 -15px;
}

.ss-thumb span {
	width: 33.33333%;
	padding: 0 15px;
	float: left;
}

.ss-thumb span img {
	transition: .4s;
	cursor: pointer;
}

#ss-info-thumb1, #ss-info-thumb2 {
	opacity:0.4;
}

.ss-thumb span img:hover {
	opacity: 1;
	transition: .4s;
}

.ss-details div {
	font-size: 14px;
	font-family: lato;
	color: #6B6B6B;
	line-height: 5px;
}

.shop-product-info {
	padding: 60px 0 0;
}

.shop-product-info h5 {
	text-transform: uppercase;
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 11px;
	padding: 30px 0;
	width: 111%;
}

.shop-product-info h5 span {
	color: #858585;
	margin-left: 8px;
}

.shop-product-info div:nth-child(3) h5 {
	width: 100%;
}

#quote-slider .owl-prev ,
#quote-slider .owl-next {
	padding: 0;
	width: 27px;
	height: 40px;
	background: transparent;
	border-radius: 0;
	opacity: 1;
	font-size: 0px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
}

#quote-slider .owl-prev {
	float: left;
	left: -25px;
	margin: 0;
}

#quote-slider .owl-next {
	float: right;
	right: -25px;
	margin: 0;
}

.border {
	border-bottom: 1px solid #f0f0f0;
}

#quote-slider .owl-prev:before {
	content: "\e686";
	font-family: "icomoon";
	font-size: 43px;
	color: #1f1f1f;
	line-height: 16px;
	position: absolute;
	left: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
}

#quote-slider .owl-next:before {
	content: "\e684";
	font-family: "icomoon";
	font-size: 43px;
	color: #1f1f1f;
	line-height: 16px;
	position: absolute;
	right: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
}

#quote-slider .owl-prev:hover :before,
#quote-slider .owl-prev:hover :before {
	color: #a89567;
	transition: .3s;
}

#quote-slider .owl-controls {
	width: 16px;
	position: absolute;
	top: -94px;
	right: 26px;
}

#shop-single .quotes-content {
	margin-bottom: 0;
}

#shop-single .home-shop {
	padding-top: 90px;
	border-top: 1px solid #F0F0F0;
	margin-top: 30px;
}

.text-left h4, .text-left p {
	text-align: left;
}

.text-left h4 {
	margin-top: 25px;
}

#slider5 {
	width: 176%;
	position: relative;
	left: -38%;
}

#slider5 img {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.slider6 {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

#slider6 {
	position: relative;
	width: 120%;
	left: -10%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 90px 0 56px;
}

#slider6 h3 {
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}

#slider6 p {
	font-size: 16px;
	color: #9e9e9e;
	text-align: center;
	margin-bottom: 140px;
}

#slider6 .slick-prev {
	position: absolute;
	left: 87px;
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	right: auto;
}

#slider6 .slick-next {
	position: absolute;
	right: 87px;
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	left: auto;
}

#slider6 h4 {
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	margin: 8px 0;
}

#slider6 .product-price {
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	font-family: lato;
	color: #6b6b6b;
	display: table;
	margin: 0 auto;
}

.home-welcome2 {
	padding: 150px 0;
}

.home-welcome2 h4 {
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 27px;
}

.home-welcome2 p {
	margin: 0;
}

.home-gallery {
	padding: 90px 0;
}

.home-gallery h2 {
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1f1f1f;
	text-align: center;
	margin-bottom: 55px;
}

.home-gallery h3 {
	font-size: 14px;
	text-transform: uppercase;
	color: #858585;
	margin-bottom: 85px;
	text-align: center;
	letter-spacing: 0.6em;
	font-weight: 400;
}

#index-video {
	background: #171717;
}

#index-video h3 {
	color: #fff;
	border-bottom: 1px solid #404040;
}

#index-video .selected {
	color: #fff;
}

#index-video .selected:before {
	background: #404040;
}

#index-video .item-inner2 {
	background: #212121;
	height: 270px;
}

#index-video .item-inner2 h4 {
	text-transform: uppercase;
	font-size: 14px;
	color: #d1d1d1;
	line-height: 24px;
	margin: 23px 15px 2px;
	min-height: 40px;
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

#index-video .item-inner2 h4 a {
	color: #d1d1d1;
}

#index-video .item-inner2 p {
	font-size: 12px;
	color: #858585;
	margin: 0 15px 27px;
}

.searchbar-content {
	height: 200px;
	background: rgba(0,0,0,0.4);
	position: relative;
	top: -1px;
	display: none;
	width: 100%;
}

.searchbar-content form {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	padding: 55px 0 0;
}

.searchbar-content form input {
	font-family: lato;
	border: none;
	border-bottom: 5px solid #fff;
	font-size: 35px;
	padding: 0 0 15px;
	color: #fff;
	background: transparent;
	width: 100%;
	text-align: center;
}

.searchbar-content form input::-webkit-input-placeholder {
	color: #fff !important;
	opacity: 1 !important;
}

.searchbar-content form input:-moz-placeholder {
	color: #fff !important;
	opacity: 1 !important;
}

.searchbar-content form input::-moz-placeholder {
	color: #fff !important;
	opacity: 1 !important;
}

.searchbar-content form input:-ms-input-placeholder {
	color: #fff !important;
	opacity: 1 !important;
}

.menu-open {
	margin-right: 15px;
	font-size: 20px;
	position: absolute;
	right: 35px;
	z-index: 999;
}

.slide-search.active ,
.slide-search:hover {
	color: #fff;
	cursor: pointer;
}

.menu-open:hover {
	color: #fff;
	cursor: pointer;
}

.menu-open.active {
	color: #0b0b0b;
}

.hidden-menu {
	transition: .4s;
	opacity: 0;
	visibility: hidden;
}

.hidden-menu-active {
	transition: .4s;
	opacity: 1;
	visibility: visible;
}

.mv-subscribe {
	position: relative;
	background: url(../images/content/mag/subscribe.jpg);
}

.mvs-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	padding: 55px 30px;
}

.mvs-inner h6 {
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	margin-bottom: 23px;
}

.mag-newsletter {
	height: 40px;
	border: 1px solid #8a1717;
	border-radius: 5px;
	margin-top: 20px;
	display: table;
	width: 100%;
}

.mag-newsletter input {
	background: transparent;
	border: none;
	height: 38px;
	padding: 5px 15px;
	width: 65%;
	float: left;
	font-size: 12px;
	color: #fff;
}

.mag-newsletter input::-webkit-input-placeholder {
	color: #fa9090 !important;
	opacity: 1 !important;
}

.mag-newsletter input:-moz-placeholder {
	color: #fa9090 !important;
	opacity: 1 !important;
}

.mag-newsletter input::-moz-placeholder {
	color: #fa9090 !important;
	opacity: 1 !important;
}

.mag-newsletter input:-ms-input-placeholder {
	color: #fa9090 !important;
	opacity: 1 !important;
}

.mag-newsletter input:focus {
	color:#fff;
}

.mag-newsletter button {
	width: 35%;
	height: 40px;
	border: none;
	border-left: 1px solid #8a1717;
	border-radius: 5px;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	background: #8a1717;
	font-family: Montserrat;
	transition: .4s;
}

.mag-newsletter button:hover {
	color: #fff;
	background: #d72524;
	transition: .4s;
}

input {
	font-family: lato;
}

div.selectBox {
	position: relative;
	cursor: default;
	text-align: left;
	line-height: 43px;
	color: #888;
	width: 100%;
	height: 43px !important;
	display: table;
}

span.selected {
	text-indent: 20px;
	overflow: hidden;
	width: 100%;
	height: 43px;
	background-color: #FFF;
	border: 1px solid #E3E3E3;
	text-align: center;
	padding: 5px 15px;
	margin-bottom: 15px;
	color: #9E9E9E;
	font-size: 13px;
	font-family: lato;
}

span.selectArrow, span.selected {
	position: relative;
	float: left;
	z-index: 1;
	height: 43px;
	line-height: 33px;
	text-indent: -14px;
}

span.selectArrow {
	width: 24px;
	text-align: center;
	font-size: 20px;
	-moz-user-select: none;
	position: absolute !important;
	top: 6px;
	right: 0;
	color: #e3e3e3;
}

div.selectOptions {
	position: absolute;
	top: 42px;
	left: 0px;
	width: 100%;
	border: 1px solid #E3E3E3;
	overflow: hidden;
	background: #fff;
	padding-top: 2px;
	display: none;
	text-align: center;
	font-family: lato;
	color: #9b9b9b;
	z-index: 999;
}

span.selectOption {
	display: block;
	width: 100%;
	line-height: 30px;
	padding: 5px 10%;
	cursor: pointer;
}

span.selectOption:hover {
	color: #1f1f1f;
	background: #f9f9f9;
}

.date-picker {
	position: relative;
}

.date-picker i {
	position: absolute;
	right: 11px;
	top: 12px;
	font-size: 19px;
	color: #d3d3d3;
}

.shots-slider {
	padding-bottom: 75px;
	border-bottom: 1px solid #f0f0f0;
}

.custom_paging {
	display: table;
	margin: 0px auto -22px;
	padding: 0px;
	position: relative;
	top: 27px;
}

.custom_paging li.slick-active {
	display: block;
}

.custom_paging li {
	float: left;
	list-style: none;
	font-size: 14px;
	color: #1f1f1f;
	display: none;
}

.custom_paging li.slick-active {
	display: block;
}

.custom_paging li span {
	color: #b8b8b8;
}

.trans-nav {
	padding: 90px 0px 0;
}

.tn-women {
	background: url('../images/content/xtra/7-bg.png') no-repeat scroll 0% 0% transparent;
	padding: 15px;
	width: 100%;
	display: inline-block;
}

.tn-men {
	background: url('../images/content/xtra/8-bg.png') no-repeat scroll 0% 0% transparent;
	padding: 15px;
	width: 100%;
	display: inline-block;
}

.trans-nav a img {
	transition:.4s;
}

.trans-nav a:hover img {
	opacity:0.8;
	transition:.4s;
}

.cta-wrap {
	height: 184px;
	background-color: #FFF;
	border: 10px solid #1F1F1F;
	padding: 57px 45px;
}

.cta-wrap h4 {
	font-size: 24px;
	text-transform: uppercase;
}

.cta-wrap p {
	font-size: 16px;
	color: #9e9e9e;
}

.product-slider .slick-slide img {
	transform: scale(0.6);
}

.slick-slide img {
width:100%;
}

.product-slider .slick-slide h4, 
.product-slider .slick-slide .product-price, 
.product-slider .slick-slide p {
	opacity: 0;
	transition: .4s;
}

.product-slider .slick-center img {
	transform: scale(1);
}

.product-slider .slick-center h4, 
.product-slider .slick-center .product-price,
.product-slider .slick-center p {
	opacity: 1;
	transition: .4s;
}

.lookbook-wrap {
	padding: 90px 0 55px;
}

.lb-inner {
	padding-left: 100px;
	position: relative;
	padding-top: 60px;
	padding-bottom: 40px;
	margin-top: -10px;
}

.lb-inner:before {
	content: "";
	width: 1px;
	height: 100%;
	background: #f0f0f0;
	position: absolute;
	top: 0;
	left: 70px;
}

.lb-inner h5 {
	text-transform: uppercase;
	font-size: 14px;
	margin: 0px 0 20px;
}

.lb-inner p {
	margin: 0;
}

#lookbook-slider img, .insta-slider img {
	transition:.3s;
}

#lookbook-slider img:hover, .insta-slider img:hover {
	opacity:0.6;
	transform:scale(1.02);
	transition:.3s;
	cursor:pointer;
}

#lookbook-slider .owl-controls {
	width: 32px;
	position: relative;
	top: 167px;
	right: -102px;
	z-index: 99999;
}

#lookbook-slider .owl-prev ,
#lookbook-slider .owl-next {
	width: 9px;
	height: 40px;
	background: transparent;
	border-radius: 0;
	opacity: 1;
	font-size: 0px;
	position: relative;
	margin: 0;
	padding: 0;
}

#lookbook-slider .owl-prev {
	float: left;
}

#lookbook-slider .owl-next {
	float: right;
}

#lookbook-slider .owl-prev:before {
	content: "\e686";
	font-family: "icomoon";
	font-size: 23px;
	color: #6b6b6b;
	position: absolute;
	left: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
	font-weight: bold;
	margin: 0 -8px;
}

#lookbook-slider .owl-next:before {
	content: "\e684";
	font-family: "icomoon";
	font-size: 23px;
	color: #6b6b6b;
	position: absolute;
	right: 0px;
	height: 100%;
	width: 100%;
	line-height: 40px;
	font-weight: bold;
	margin: 0 5px;
}

#lookbook-slider .owl-prev:hover:before,
#lookbook-slider .owl-next:hover:before {
	color: #1f1f1f !important;
	transition: .3s;
}

.insta-slider img {
	margin-bottom: 30px;
}

.insta-slider .slick-slide {
	opacity: 1;
}

.insta-slider .slick-center {
	opacity: 1;
}

.instagram-slider .is-inner {
	padding: 0;
	width: 50%;
	float: left;
}

.is-follow {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 52px 0 57px;
}

.is-follow h4 {
	font-size: 14px;
	text-transform: uppercase;
}

.is-follow p {
	font-size: 14px;
	text-transform: normal;
	margin: 5px 0 0;
}

.isf-inner {
	float: left;
}

.is-follow .btn-small {
	float: right;
	height: 38px;
	line-height: 38px;
}

.is-follow {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	padding: 62px 0px 82px;
	width: 50%;
	float: right;
	padding-left: 30px;
	display: table-cell;
	vertical-align: middle;
	position: absolute;
	top: -165px;
	bottom: 0;
	right: 15px;
	height: 165px;
	margin: auto 0;
}

.insta-slider .slick-prev {
	position: absolute;
	display: block;
	line-height: 0;
	font-size: 0px;
	cursor: pointer;
	outline: medium none;
	left: auto;
	width: 40px;
	height: 40px;
	margin: 17px auto 0px;
	border: medium none;
	right: -43px;
	background: none repeat scroll 0% 0% transparent;
	top: 50%;
	margin-top: -120px;
	transform: rotate(90deg);
	z-index: 98888;
}

.insta-slider .slick-next {
	position: absolute;
	display: block;
	line-height: 0;
	font-size: 0px;
	cursor: pointer;
	outline: medium none;
	left: auto;
	width: 40px;
	height: 40px;
	margin: 17px auto 0px;
	border: medium none;
	right: -43px;
	background: none repeat scroll 0% 0% transparent;
	top: 50%;
	margin-top: -55px;
	transform: rotate(90deg);
	z-index: 98888;
}

.transparent-header {
	background: none;
}

.intro {
	background: url(../images/content/xtra/4.jpg) no-repeat center top fixed;
	background-size: 100% auto;
	padding: 530px 0 220px;
	overflow: hidden;
	position: relative;
}

.intro h3 {
	position: relative;
	z-index: 55;
	margin: 0 0 93px;
	font-size: 100px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	line-height: 100px;
	text-align: center;
}

.intro .btn-small {
	position: relative;
	z-index: 55;
}

.overlay32 {
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0.68;
	z-index: 10;
}

.intro-more {
	color: #858585;
	font-size: 60px;
	position: absolute;
	bottom: -10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	display: table;
	z-index: 55;
	transition: .4s;
}

.intro-more:hover {
	color: #fff;
	bottom: 10px;
	transition: .4s;
}

.home-dark {
	background: #000;
}

.history {
	padding: 50px 0 65px;
	border-bottom: 1px solid #262626;
}

.tabwrapv2 #tabs li {
	width: 33%;
	color: #fff;
	margin: 0;
}

.tabwrapv2 #tabs a {
	font-size: 24px;
	text-transform: uppercase;
	color: #6b6b6b;
	text-align: left;
	border: none !important;
	padding: 30px 0 20px;
	padding-left: 65px;
	position: relative;
}

.tabwrapv2 #tabs a i {
	font-size: 30px;
	position: absolute;
	left: 15px;
	top: 42px;
}

.tabwrapv2 #tabs a span {
	font-family: lato;
	font-size: 14px;
	color: #6b6b6b;
	text-transform: none;
	display: block;
}

.tabwrapv2 #content > div {
	clear: both;
	padding: 90px 0px 0px;
	line-height: 19px;
	color: #666;
	border: none;
	border-top: 1px solid #262626;
}

.tabwrapv2 #tabs li {
	position: relative;
}

.tabwrapv2 #tabs li:first-child a {
	padding-left: 50px;
}

.tabwrapv2 #tabs li:first-child a i {
	font-size: 30px;
	position: absolute;
	left: 0px;
	top: 42px;
}

.tabwrapv2 #tabs li.current:before {
	content: "";
	background: #fff;
	height: 3px;
	weight: 100%;
	bottom: 0px;
	left: 0;
	right: 0;
	position: absolute;
}

.tabwrapv2 #tabs .current a ,
.tabwrapv2 #tabs li:hover a {
	background: transparent !important;
	color: #fff;
	border: none !important;
}

.tabwrapv2 #tabs .current a span, .tabwrapv2 #tabs li:hover a span {
	color: #9e9e9e;
}

.tabwrapv2 #content > div p {
	margin-bottom: 20px;
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.gallery-grid {
	padding: 90px 0;
}

.gallery-grid .col-md-6, 
.gallery-grid .col-md-3 {
	padding: 1px;
}

.gallery-grid .row {
	margin: 0 -2px;
}

.audioplayer-volume {
	display: none;
}

.audio-wrap {
	background: #000 url(../images/content/xtra/5.jpg) no-repeat center top fixed;
	background-size: auto 100%;
	padding: 90px 0 60px;
}

#audio-wrap {
	padding: 0;
}

#audio-wrap li {
	list-style: outside none none;
	margin-bottom: -41px;
}

.audioplayer {
	height: auto !important;
	color: #FFF;
	text-shadow: none !important;
	border: medium none !important;
	position: relative;
	z-index: 1;
	background: none repeat scroll 0% 0% transparent !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	padding: 0px 0px 104px;
	display: table;
	width: 100%;
	line-height: 0;
	margin-top: -32px;
}

.audioplayer-bar, .audioplayer-volume-adjust > div {
	box-shadow: 0px !important;
	background: transparent !important;
	width: 100% !important;
	left: 0 !important;
	bottom: 0 !important;
	height: 1px !important;
}

.audioplayer-time-current {
	display: none !important;
}

.audioplayer-time-duration {
	border-right: none !important;
	right: -11px !important;
	padding: 0;
	top: 5px;
	font-family: lato;
	font-size: 14px;
	color: #9e9e9e;
}

.audioplayer-time {
	top: -8px !important;
}

.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
	border-right: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	height: 15px !important;
	width: 8px !important;
}

#audio-wrap li h4 {
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
	margin: 15px 30px;
}

.audioplayer-bar, .audioplayer-volume-adjust > div {
	box-shadow: none !important;
}

.audioplayer-bar-loaded {
	background: rgba(255,255,255,0.2) !important;
	z-index: 1;
}

.audioplayer-bar-played {
	background: rgba(255,255,255,1) !important;
	z-index: 1;
}

.audio-wrap h3 {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	text-transform: uppercase;
	display: table;
	margin-bottom: 55px;
	padding-bottom: 5px;
	padding-right: 30px;
}

.audio-clients {
	padding: 0;
}

.audio-clients li {
	list-style: none;
	float: left;
	margin-right: 60px;
	margin-bottom: 60px;
}

.audio-clients li img {
	opacity: 0.6;
	transition: .4s;
}

.audio-clients li img:hover {
	opacity: 1;
	transition: .4s;
}

.audio-video {
	padding: 90px 0;
}

.uv-events h5 {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 57px;
}

.event-info {
	padding: 0;
	margin-bottom: 30px;
}

.event-info li {
	border-top: 1px solid #262626;
	list-style: none;
	margin: 0;
	padding: 15px 0 20px;
}

.event-info li span {
	width: 70px;
	float: left;
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
	border-right: 1px solid #262626;
	line-height: 19px;
}

.event-info li span em {
	display: block;
	font-size: 14px;
	margin-top: 7px;
	font-style: normal;
	position: relative;
	top: 3px;
}

.event-info li:last-child {
	border-bottom: 1px solid #262626;
}

.event-info li p {
	margin-left: 90px;
	margin-top: 10px;
	margin-bottom: 9px;
}

.event-info li p a {
	color: #6b6b6b;
}

.event-info li p a:hover {
	color: #fff;
}

.twitterfeed {
	background: #000 url(../images/content/xtra/7.jpg) no-repeat center top fixed;
	background-size: auto 100%;
	padding: 90px 0;
}

.twitterfeed-slider {
	position:relative;
	z-index:222;
}

.twitterfeed h3 {
	font-sizE: 24px;
	margin-bottom: 27px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.twitterfeed h3 i {
	display: block;
	margin-bottom: 5px;
}

.twitterfeed-slider .slick-slide {
	opacity:1 !important;
}

.twitterfeed-slider p {
	font-size: 30px;
	color: #fff;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 30px 20%;
	margin: 0;
	line-height: 48px;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align: center;
}

.twitterfeed-slider p a {
	color: #b8b8b8;
}

.intro2 {
	background: url(../images/content/xtra/8.jpg) no-repeat center top fixed;
	background-size: 100% auto;
	padding: 240px 0 450px;
	overflow: hidden;
	position: relative;
}

.intro2 h3 {
	font-size: 24px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	line-height: 48px;
	margin: 0 0 75px;
}

.intro2 ul {
	padding: 0;
	display: table;
	margin: 0 auto;
	width: 100%;
}

.intro2 ul li {
	float: left;
	width: 16.66666%;
	list-style: none;
}

.intro2 ul li i {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	border: 1px solid #fff;
	line-height: 170px;
	text-align: center;
	font-size: 48px;
	color: #fff;
	display: table;
	margin: 0 auto;
}

.intro2 ul li i:hover {
transform:rotate(360deg);
	transition:.5s;
	display:table;
	cursor:pointer;
}


.intro2 ul li span {
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	text-align: center;
	display: table;
	margin: 23px auto;
}

#works-slider1 {
	padding-bottom: 90px;
	border-bottom: 1px solid #f0f0f0;
	margin-top: -90px;
	position: relative;
	z-index: 77;
}

.works-slider1 .slick-slide {
	opacity: 1 !important;
}

.works-slider1 .slick-center {
	opacity: 1;
}

.ws1-thumb {
	position: relative;
	margin: 0 1.5px;
}

.ws-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: .4s;
	background: rgba(0,0,0,0.4);
	opacity: 1;
	visibility: visible;
}

.ws1-thumb:hover .ws-overlay {
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

.wso-inner h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
}

.wso-inner p {
	font-size: 14px;
	color: #fff;
	margin: 3px 0 0;
}

.wso-inner {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.works-slider1 .slick-prev {
	right: 330px;
	margin: 26px auto 0px;
}

.works-slider1 .slick-next {
	right: -330px;
	margin: 26px auto 0px;
}

#index-university header {
	padding: 30px 0;
	height: 130px;
}

#index-university .searchbar-content {
	height: 200px;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
	position: relative;
	top: 29px;
	display: none;
	width: 100%;
}

.searchbar-content-up {
	top: -2px !important;
}

.intro3 {
	padding-top: 130px;
	position: relative;
}

.intro3 h3 {
	background-color: rgba(0,49,100,0.9);
	padding: 18px 30px 20px;
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 2px 3px rgba(0,0,0,.75);
	display: table-cell;
	position: absolute;
	z-index: 555;
	top: 0;
	left: -15px;
	bottom: 0;
	margin: auto;
	height: 101px;
}

.univ-info h4 {
	font-size: 30px;
	color: #003164;
	line-height: 48px;
	position: relative;
	top: -14px;
	margin-bottom: 26px;
}

.univ-info p {
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.ui-info {
	padding: 60px 30px 0 15px;
}

.univ-nav {
	background: #00244a;
	padding: 57.5px 30px;
}

.univ-nav ul {
	padding: 0;
	margin: 0;
}

.univ-nav ul li {
	margin-bottom: 15px;
	list-style: none;
}

.univ-nav ul li:last-child {
	margin-bottom: 0;
}

.univ-nav ul li a {
	height: 53px;
	padding: 18px 75px 0;
	border-radius: 15px;
	background: #003164;
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
	display: table;
	width: 100%;
	position: relative;
	transition: .4s;
}

.univ-nav ul li a:hover {
	background: #007afc;
	transition: .4s;
}

.ui-info .col-md-7 {
	padding-right: 0;
}

.univ-nav ul li a i {
	position: absolute;
	top: 11px;
	left: 30px;
	font-size: 30px;
}

.univ-nav li a:before {
	content: "\e684";
	font-family: icomoon;
	font-size: 44px;
	color: #FFF;
	position: absolute;
	top: -5px;
	right: 15px;
}

#index-university .flex-prev, #index-university .flex-next {
	width: 40px;
	height: 40px;
	background: none repeat scroll 0% 0% transparent;
	border-radius: 0px;
	opacity: 1;
	font-size: 0px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
}

#univ-widgets {
	padding: 90px 0 50px;
}

#univ-widgets h3 {
	text-transform: uppercase;
	border-bottom: 1px solid #e0e0e0;
	display: table;
	margin-bottom: 55px;
	padding-bottom: 5px;
	padding-right: 30px;
}

.uw-item {
	display: table;
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #f0f0f0;
}

.uw-item img {
	width: 100px;
	float: left;
}

.uwi-inner {
	margin-left: 130px;
}

.uwi-inner h4 {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 24px;
	margin: 0 0 8px;
}

.uwi-inner .nmeta, .side-content .nmeta {
	font-size: 12px;
	color: #9e9e9e;
	font-family: lato;
}

.univ-twitter ul {
	padding: 0;
	margin: 0;
}

.univ-twitter li {
	list-style: none;
	border-bottom: 1px solid #f0f0f0;
	padding: 0px 0px 30px 30px;
	margin: 0 0 30px;
	position: relative;
}

.univ-twitter li a {
	color: #003164;
}

.univ-twitter li p {
	margin: 0;
}

.univ-twitter li:last-child {
	margin-bottom: 0;
}

.univ-twitter li p span {
	font-size: 12px;
	color: #9e9e9e;
	margin-left: 15px;
}

.univ-twitter li:before {
	content: "\e7da";
	font-family: icomoon;
	position: absolute;
	top: 2px;
	left: 0;
	font-size: 16px;
	color: #b8b8b8;
}

.univ-events .event-info {
	padding: 0;
	margin-bottom: 0px;
}

.univ-events .event-info li {
	border-top: 1px solid #f0f0f0;
	list-style: none;
	margin: 0;
	padding: 15px 0 20px;
}

.univ-events .event-info li span {
	width: 70px;
	float: left;
	text-align: center;
	font-size: 24px;
	text-transform: uppercase;
	color: #9e9e9e;
	border-right: 1px solid #f0f0f0;
	line-height: 19px;
}

.univ-events .event-info li span em {
	display: block;
	font-size: 14px;
	margin-top: 7px;
	font-style: normal;
	position: relative;
	top: 3px;
}

.univ-events .event-info li:last-child {
	border-bottom: 1px solid #f0f0f0;
}

.univ-events .event-info li p {
	margin-left: 90px;
	margin-top: 10px;
	margin-bottom: 9px;
}

.univ-events .event-info li p a {
	color: #9e9e9e;
}

.univ-events .event-info li:hover p a ,
.univ-events .event-info li:hover .event-date {
	color: #1f1f1f;
	transition:.4s;
}

.intro4 {
	height: 600px;
	background: url(../images/content/xtra/11.jpg) no-repeat center top fixed;
	background-size: auto 100%;
	padding: 300px 0 0px;
	overflow: hidden;
	position: relative;
}

.intro4 h3 {
	text-align: center;
	font-size: 100px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	opacity: 0.6;
}

.social-sep {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	padding: 30px;
}

.news-feed2 {
	padding-top: 90px;
}

.social-sep ul {
	display: table;
	margin: 0 auto;
	padding: 0;
}

.social-sep li {
	float: left;
	margin: 0 20px;
	list-style: none;
}

.social-sep li a {
	width: 24px;
	height: 24px;
	background: #1f1f1f;
	border-radius: 50%;
	display: table;
	color: #fff;
	line-height: 24px;
	text-align: center;
	font-size: 16px;
}

.social-sep li a:hover {
	background: #9e9e9e;
}

.one-page-header {
	position: relative;
	background: #a89567;
}

.one-page-header #nav_menu ul ul {
	background: rgba(168,149,103,0.9);
}

.one-page-header #nav_menu ul ul ul {
	background: rgba(168,149,103,0.8);
}

.one-page-header #nav_menu li a ,
.one-page-header #nav_menu ul li a {
	border-bottom:1px solid #907f55;
}

.one-page-header #nav_menu li a ,
.one-page-header .search span {
	color: #fff;
}

.one-page-header #nav_menu li a:hover {
	color: #1f1f1f;
	opacity: 1;
}

.intro5 {
	height: 600px;
	background: url(../images/content/xtra/12.jpg) no-repeat center top fixed;
	background-size: 100% auto;
	padding: 350px 0px;
	overflow: hidden;
	position: relative;
}

.intro5 h3 {
	text-align: center;
	font-size: 85px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 10px;
}

.intro5 h5 {
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
}

.intro5 .container {
	position: relative;
	z-index: 77;
}

.home-gallery2 ul {
	padding: 0;
	margin: 0 -15px;
}

.home-gallery2 ul li {
	float: left;
	width: 25%;
	margin-bottom: 30px;
	padding: 0 15px;
	list-style: none;
}

.home-gallery2 h3 {
	display: table;
	margin-bottom: 55px;
	padding-bottom: 5px;
	text-transform: uppercase;
	position: relative;
}

.home-gallery2 h3:before {
	width: 80%;
	content: "";
	background: #f0f0f0;
	position: absolute;
	height: 1px;
	left: 0px;
	bottom: 0px;
}

.home-gallery2 {
	padding: 90px 0 60px;
}

#couple-about {
	padding: 90px 0;
	position: relative;
}

.couple-about {
	padding: 75px 35px 45px 75px;
}

.couple-about h4 {
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 23px;
}

.ca-wrap {
	position: relative;
}

.ca-wrap:before {
	content: "";
	border: 1px solid #F0F0F0;
	position: absolute;
	width: 98%;
	height: 90%;
	top: 5%;
	right: 2%;
	z-index: 9999;
}

.ca-wrap p {
	-ms-word-break: normal;
	word-break: normal;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.ca-wrap .btn-small {
    position: relative;
    z-index: 9999;
}

#couple-about ul {
	padding: 0;
	margin: 60px 0 0;
}

#couple-about ul li {
	list-style: none;
	float: left;
	width: 25%;
	padding: 0 15px;
}

#couple-about ul li h5 {
	width: 100%;
	height: 97px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	border: solid 1px #d7d7d7;
	line-height: 29px;
	font-size: 36px;
	font-weight: bold;
	text-transform: uppercase;
	color: #1f1f1f;
	padding: 3px 30px;
}

#couple-about ul li h5 span {
	font-size: 14px;
	display: block;
}

#couple-about ul li h5 em {
	font-style: normal;
	display: block;
	font-size: 14px;
	color: #9e9e9e;
}

.video-thumb {
	position: relative;
}

.video-thumb:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 55;
}

.video-thumb:after {
	content: "\e660";
	font-family: icomoon;
	width: 44px;
	height: 44px;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #fff;
	color: #fff;
	z-index: 77;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	border-radius: 50%;
	padding-left: 4px;
	margin: auto;
	bottom: 0;
}

.video-intro {
	padding: 160px 15px 0px;
}

.video-intro .col-md-8 ,
.video-intro .col-md-4 {
	padding: 0;
}

.video-intro .top-stories {
	background: #212121;
	height: 486px;
}

.mCSB_scrollTools {
	position: absolute;
	right: 4px !important;
}

.video-intro h4 {
	color: #FFF;
	border-bottom: 1px solid #2E2E2E;
	width: 91%;
	padding-bottom: 23px;
}

.video-intro .top-stories ul {
	padding: 10px 0 0;
	height: 370px;
	overflow: hidden;
}

.video-intro .top-stories li {
	padding-left: 100px;
	position: relative;
	width: 98%;
	border-bottom-color: #2E2E2E;
}

.video-intro .top-stories li img {
	position: absolute;
	width: 70px;
	top: 5px;
	left: 0;
}

.video-intro .mCSB_scrollTools .mCSB_draggerRail {
	background: #2e2e2e !important;
}

.video-intro .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
 /* the dragger element */
	background: #1c1c1c !important;
}

.home-projects-dark {
	background: #081f29;
	border-bottom: none;
}

.home-projects-dark .container {
	padding-left: 0;
	padding-right: 0;
}

.home-projects-dark h3 {
	color: #fff;
	border-bottom: 1px solid #6b797f;
	display: table;
	padding-right: 30px;
}

.home-projects-dark .project-filter li a.active ,
.home-projects-dark .project-filter li a:hover {
	color: #fff;
}

.home-clients-dark2 {
	background: #081f29 !important;
}

.about-process-bg {
	background: #f0f0f0;
}

.about-process-bg .container {
	padding-left: 0;
	padding-right: 0;
}

.home-feature2 {
	padding: 90px 0 60px;
}

.features-right ul , .features-left ul {
	padding: 0;
	margin: 0;
}

.features-right ul li , .features-left ul li {
	list-style: none;
	display: table;
	width: 100%;
	margin-bottom: 30px;
	cursor:pointer;
}

.features-right ul li i, .features-left ul li i  {
	font-size: 30px;
	color: #081f29;
	border: solid 1px #86b934;
	width: 104px;
	height: 104px;
	text-align: center;
	line-height: 102px;
	display: table;
	border-radius: 50%;
	float: left;
	position:relative;
}

.features-right li i:before ,
.features-left li i:before {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:-1;
	border-radius:50%;
	transition:.4s;
}

.features-right li:hover i:before ,
.features-left li:hover i:before {
	background:#86b934;
	width:90%;
	height:90%;
	top:5%;
	left:5%;
	transition:.4s;
	line-height:89px;
	color:#fff;
}

.features-right .fr-content {
	margin-left: 140px;
}

.fr-content h4 {
	text-transform: uppercase;
	font-size: 14px;
	margin: 2px 0 23px;
}

.fr-content p {
	margin: 0;
}

.features-left ul li i {
	font-size: 30px;
	color: #081f29;
	border: solid 1px #86b934;
	width: 104px;
	height: 104px;
	text-align: center;
	line-height: 102px;
	display: table;
	border-radius: 50%;
	float: right;
}

.features-left .fl-content {
	margin-right: 140px;
}

.fl-content h4 {
	text-transform: uppercase;
	font-size: 14px;
	margin: 2px 0 23px;
	text-align: right;
}

.fl-content p {
	margin: 0;
	text-align: right;
}

.home-services2 i {
	width: auto;
	height: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
	border: none;
	display: table;
	line-height: 120px;
	text-align: center;
	font-size: 120px;
	margin: 0px auto 55px;
	transition:.4s;
}

.home-services2 .col-md-3:hover {
	cursor:pointer;
}

.home-services2 .col-md-3:hover i {
	color:#a3d94c;
	transition:.4s;
}

.home-about3 {
	width: 100%;
	padding: 0;
}

.home-about3 .col-md-6:nth-child(1) {
	padding: 90px 45px 90px 15px;
}

.home-about3 .mv-inner-thumb img {
	max-width: none;
}

.shortcode-content {
	padding: 90px 0;
}

.progress {
	height: 25px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 0px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.progress-s3 .progress-bar {
	width: 0%;
	transition: .8s;
}

.progress-bar {
	background-color: #1f1f1f;
}

.color1 {
	background-color: #239fdc;
}

.color2 {
	background-color: #5f208f;
}

.color3 {
	background-color: #d72524;
}

.color4 {
	background-color: #278f20;
}

.color5 {
	background-color: #525252;
}

.color6 {
	background-color: #f07d0c;
}

.color7 {
	background-color: #ae8300;
}

.text-color1 {
	color: #239fdc;
}

.text-color2 {
	color: #5f208f;
}

.text-color3 {
	color: #d72524;
}

.text-color4 {
	color: #278f20;
}

.text-color5 {
	color: #525252;
}

.text-color6 {
	color: #f07d0c;
}

.text-color7 {
	color: #ae8300;
}

.progress-s3 .progress-bar span {
	color: #1F1F1F;
	background: #fff;
	border-radius: 2px;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0px 7px 0;
	position: relative;
	top: 4px;
	float: left;
	left: 4px;
	line-height: 17px;
}

.progress-s3 .progress-bar em {
	float: right;
	position: relative;
	right: 5px;
	top: 2px;
	font-style: normal;
}

.progress-s4 {
	height: 25px;
	margin-top: 0px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 0px;
	box-shadow: none;
}

.progress-s4 .progress-bar {
	height: 5px;
	margin-top: 19px;
	width: 0%;
	transition: .5s;
}

.progress-s4 .progress-bar span {
	color: #1F1F1F;
	background: none repeat scroll 0% 0% #FFF;
	border-radius: 0;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0;
	position: relative;
	top: -20px;
	float: left;
	left: 0;
	line-height: 17px;
}

.progress-s4 .progress-bar em {
	float: right;
	position: relative;
	right: 0;
	top: -19px;
	font-style: normal;
	padding: 0 5px;
	border: 1px solid #f0f0f0;
	color: #9e9e9e;
	font-size: 10px;
	line-height: 15px;
	border-radius: 4px;
}

.shortcode-content h3 {
	border-bottom: 1px solid #e0e0e0;
	display: table;
	margin-bottom: 55px;
	padding-bottom: 5px;
	padding-right: 30px;
}

.shortcode-content h3 span {
	font-size: 15px;
	position: relative;
	top: -5px;
}


/*------------------------------------------------------------- 
                    PRICING STYLES
--------------------------------------------------------------- */

.pricing-table2 ul {
	text-shadow: none;
}

.pricing-table2 li {
	list-style: none;
	height: 40px;
	line-height: 40px;
	color: #6a6a6a;
	text-align: center;
	text-shadow: none;
}

.pricing-table {
	text-align: center;
	margin-top: 0px;
	border: 1px solid #e6e6e6;
}

.pricing-table .plan {
	font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
	text-shadow: 0 1px rgba(255,255,255,.8);
	background: #fff;
	color: #333;
	position: relative;
}

.pricing-table h4 {
	font-size: 15px;
	color: #FFF;
	font-weight: 400 !important;
	padding: 30px 20px 20px;
	background-color: #1F1F1F;
	margin-top: 0px;
	text-transform: uppercase;
	text-shadow: none;
}

.popular1 {
	position: relative;
	top: -25px;
}

.p-btn {
	padding-top: 15px;
}

.popular1 h4 {
	padding-top: 45px !important;
}

.popular1 .p-btn {
}

.pricing-table h4 span {
	display: block;
	font-size: 30px;
	color: #1f1f1f;
	font-weight: 400;
	background: #fff;
	border: 5px solid #fff;
	height: 100px;
	width: 100px;
	margin: 15px auto -65px;
	position: relative;
	top: 10px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	padding-top: 20px;
}

.pricing-table h4 span em {
	font-style: normal;
	color: #6a6a6a !important;
	font-size: 12px;
	display: block;
}

.pricing-table ul {
	margin: 20px 0 45px;
	padding: 0;
	list-style: none;
}

.pricing-table li {
	color: #6a6a6a;
	font-size: 14px;
	position: relative;
	font-family: lato;
}

.popular1 ul {
	margin-bottom: 80px !important;
}

.icons-wrap ul {
	padding: 0px;
	margin: 0px 0px 50px;
	display: table;
	width: 100%;
}

.icons-wrap ul li {
	float: left;
	width: 25%;
	list-style: none;
	position: relative;
	border: 1px solid #f0f0f0;
	padding: 30px 15px;
	padding-left: 65px;
	margin: -1px;
	background: #FFF;
}

.icons-wrap ul li span {
	font-size: 40px;
	position: absolute;
	left: 15px;
	top: 20px;
	color: #1f1f1f;
}

.icons-wrap ul li em {
	font-size: 13px;
	text-transform: uppercase;
	font-style: normal;
	color: #9e9e9e;
}

.author_v1 {
	border: 1px solid #f0f0f0;
	display: table;
	width: 100%;
}

.author_v1 .col-md-5 {
	padding: 30px;
}

.author_v1 .bsm-social {
	display: table;
	margin: 20px auto;
	float: none;
	padding: 0;
}

.author_v1 .bsm-social ul {
	padding: 0;
}

.author_v1 .bsm-social ul {
	margin: 0px 0 0;
}

.author_v1 .bsm-social li {
	float: left;
	list-style: none;
}

.author_v1 .bsm-social li a {
	color: #9E9E9E;
	font-size: 16px;
	margin-left: 7px;
	margin-right: 7px;
}

.author_v1 .col-md-7 {
	padding: 30px;
	border-left: 1px solid #f0f0f0;
}

.author_v1 h4 {
	text-transform: uppercase;
	margin-bottom: 23px;
}

.home-services.shortcode-content, 
.home-services2.shortcode-content, 
.home-features.shortcode-content,
.lookbook-wrap.shortcode-content,
.home-lookbook.shortcode-content {
	padding-bottom: 0;
}

.author_v1 p {
	margin-bottom: 0px;
}

.shortcode-content h3.typo {
	border-bottom: none;
	display: table;
	margin-bottom: 30px;
	padding-bottom: 0px;
	padding-right: 0px;
}

.no-bg {
	background: transparent;
}

.cart-table {
	width: 100%;
}

.cart-table tbody tr {
	background: #fff;
	border: none;
}

.cart-table thead th span {
	font-size: 14px;
	text-transform: uppercase;
	color: #050505;
	margin: 0px 0px 20px;
	display: table;
	width: 100%;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0.1em;
	font-size: 13px;
}

.cart-table thead th:nth-child(2) span {
	margin: 0px 20px 20px;
	text-align: left;
}

.cart-table thead th:nth-child(5) span {
	text-align: right;
	margin-right: 0 !important;
	margin-left: 0;
}

.cart-table tbody tr td img {
	width: 100%;
}

.cart-table tbody tr td:nth-child(1) {
	width: 190px;
}

.cart-table tbody tr td:nth-child(2) {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #525252;
	letter-spacing: 0.1em;
	padding: 0;
	padding-left: 20px;
	width: 35%;
}

.cart-table tbody tr td:nth-child(3) {
	width: 19%;
}

.cart-table tbody tr td:nth-child(4) {
	text-align: center;
	width: 20%;
}

.cart-table tbody tr td:nth-child(5) {
	text-align: center;
	width: 4%;
}

.close-cart {
	width: 10px;
	height: 10px;
	background: url(../images/cross.png) no-repeat center;
	display: table;
	margin: 0 auto;
	cursor: pointer;
}

.close-cart:hover {
	background: url(../images/cross-hr.png) no-repeat center;
}

.cart-table tbody tr td:nth-child(3) form {
	margin-bottom: 1px;
}

.cart-table tbody tr td:nth-child(3) input[type=text] {
	float: left;
	width: 20px;
	padding: 3px 0px 0px;
	text-align: center;
	background: transparent;
	height: 35px;
	border: none;
	font-size: 13px;
	margin: 0 auto;
	font-weight: 600;
	color: #6b6b6b;
}

.cart-table tbody tr td:nth-child(3) form div {
	overflow: hidden;
	display: table;
	margin: 0 auto;
}

.cart-table tbody tr td:nth-child(3) .button {
	margin: 12px 0 0 5px;
	text-indent: -9999px;
	cursor: pointer;
	width: 5px;
	height: 8px;
	float: left;
	text-align: center;
	background: url(../images/buttons.png) no-repeat center top;
	font-size: 0px;
}

.cart-table tbody tr td:nth-child(3) .dec {
	background: url(../images/buttons.png) no-repeat center bottom;
	position: relative;
	right: 10px;
	top: 8px;
}

.spacer {
	height: 20px;
	background:#fff !important;
}

.spacer td {
	opacity:0;
}

.checkout-content {
	padding: 90px 0;
}

input[type=checkbox].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left: 23px;
	height: 13px;
	display: inline-block;
	line-height: 13px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 13px;
	vertical-align: middle;
	cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -13px;
}

label.css-label {
	background-image: url(../images/css-cbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=radio].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.univ-gallery img {
	transition:.3s;
}

.univ-gallery img:hover {
	opacity:0.7;
	transform:scale(1.03);
	transition:.3s;
}

input[type=radio].css-checkbox + label.css-rlabel {
	padding-left: 23px;
	height: 13px;
	display: inline-block;
	line-height: 14px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
	font-weight: 400;
	text-transform: uppercase;
}

input[type=radio].css-checkbox:checked + label.css-rlabel {
	background-position: 0 -13px;
}

label.css-rlabel {
	background-image: url(../images/css-radio.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-top: 7px;
}

.video iframe,
.video object,  
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.icon-facebook:hover {color:#3b5a9a !important;}
.icon-twitter:hover {color:#29a9e1 !important;}
.icon-dribbble:hover {color:#eb4c89 !important;}
.icon-linkedin:hover {color:#117bb8 !important;}
.icon-googleplus:hover {color:#df4b38 !important;}
.icon-vimeo:hover {color:#1eb8eb !important;}

/* JimH Additional Styling Options */
.margbot0 {margin-bottom:0;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot65 {margin-bottom:65px;}
.margbot70 {margin-bottom:70px;}
.margtop0 {margin-top:0;}
.margtop5 {margin-top:5px !important;}
.margtop10 {margin-top:10px;}
.margtop20 {margin-top:20px;}
.margtop25 {margin-top:25px;}
.margtop30 {margin-top:30px;}
.margtop40 {margin-top:40px;}
.margtop50 {margin-top:50px;}
.margtop60 {margin-top:60px;}
.margtop65 {margin-top:65px;}
.margtop70 {margin-top:70px;}

.pad0 {padding:0;}
.padbot0 {padding-bottom:0;}
.padbot10 {padding-bottom:10px;}
.padbot15 {padding-bottom:15px;}
.padbot20 {padding-bottom:20px;}
.padbot30 {padding-bottom:30px;}
.padbot40 {padding-bottom:40px;}
.padbot45 {padding-bottom:45px;}
.padbot50 {padding-bottom:50px;}
.padbot60 {padding-bottom:60px;}
.padbot70 {padding-bottom:70px;}
.padbot80 {padding-bottom:80px;}
.padtop0 {padding-top:0;}
.padtop5 {padding-top:5px;}
.padtop10 {padding-top:10px;}
.padtop20 {padding-top:20px;}
.padtop30 {padding-top:30px;}
.padtop40 {padding-top:40px;}
.padtop50 {padding-top:50px;}
.padtop60 {padding-top:60px;}
.padtop70 {padding-top:70px;}
.padtop80 {padding-top:90px;}
.padtop100 {padding-top:100px;}
.responsive80 {max-width: 80%;}
.zeroht {height:0;
    overflow:visible;}

/* --- Alignment Stuff JimH --- */
.alignright {
	text-align:right !important;
}
.alignleft {
	text-align:left;
	padding: 0px 5px 0px 5px;
}
.aligncenter {
	align:center;
	text-align:center;
}

.imgalignright {
	float:right;
	margin:5px;
}

.imgalignleft {
	float:left;
	margin:5px;
}

.black_block {
    width: 100%;
    display: block;
    background-color: #000000 !important;
}
.rounded {
    border-radius: 10px;
}
.buttcake:hover {
    background-color: #000000;
}
.buttcake {
    background-color: #ff0000;
    padding: 10px 0px 5px 0px;
    border: 1px solid #2e4968;
}
.buttcake:active {
    background-color: #2e4968;
}
.shadow {
    -webkit-box-shadow: 5px 5px 7px 0px rgba(195,197,198,0.5);
    -moz-box-shadow: 5px 5px 7px 0px rgba(195,197,198,0.5);
    box-shadow: 5px 5px 7px 0px rgba(195,197,198,0.5);
}
.carter {
    font-family: 'Racing Sans One', cursive;
	color:#ffffff;
	font-size: 1.5em;
	margin:0;
		padding:10px;
}
.carter1 {
    font-family: 'Racing Sans One', cursive;
	color:#ffffff;
	font-size: 0.8em;
	font-weight: 400;
}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

/* JimH Slider Stuff 
.vision_slider {
    height: 295px;
}
.flexslider {
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.flexslider {
    margin: 0;
    padding: 0;
}
*/

/* RESPONSIVE CSS */
@media all and (min-width: 768px) and (max-width: 900px){

.universal_video_player.blackControllers .thumbsHolder_ThumbOFF img {
	float:none !important;
}

.universal_video_player.blackControllers .thumbsHolder_ThumbOFF .reg {
    position: relative ;
    top: 10px !important;
    padding-left: 0px !important;
    display: table;
    margin-bottom: 10px !important;
}

}

@media all and (min-width: 1170px) and (max-width: 2700px){

.mv-inner-thumb .video {
	padding-top:15px;
	padding-bottom: 59.5%;
}


}

@media all and (min-width: 1050px) and (max-width: 1200px){
	.container {
		width:100%;
		max-width:95%;
	}

#nav_menu {
    width: 100%;
    margin-top: -70px !important;
}

.twitterfeed {
background-size:150% auto;
}

}

@media all and (min-width: 768px) and (max-width: 959px){

.video-intro .col-md-8 {
	width:100%;
}

.video-intro .col-md-4 {
display:none;
}

}


@media all and (min-width: 768px) and (max-width: 1080px){

.portfolio-items .item {
	width:32%;
}

.portfolio-feed-4col .item {
    width: 32.5%;
}

.home-about3 p {
	font-size:11px;
}

.home-about3 p.lite-medium {
	font-size:12px;
}

.home-about3 .col-md-6:nth-child(1) {
    padding: 67px 45px 72px 15px;
}

.fr-content p, .fl-content p {
    font-size: 13px;
}

.portfolio-feed .item {
    width: 32%;
}

#index-video .item-inner2 {
    background: none repeat scroll 0% 0% #212121;
    height: 280px;
}

.home-about h3, .home-features h3, .home-blog h3, .home-quotes h3, .home-vtabs h3, .home-experience h3, .home-skills h3, .home-appinfo h3, .home-shop h3, .home-lookbook h3, .hf-menu h3, .team h3, .client2 h3, .about-process h3, .faq-content h3, .shortcode-forms h3, .shortcode-tabs h3, .contact-content2 h3, .blog-single-comments h3, .blog-single-form h3, #portfolio-feed h3, .news-feed2 h3, #blog-content2 h3, .home-feature2 h3, .checkout-content h3 ,
.portfolio-feed h3 {

    font-size: 17px !important;
}

.univ-info .col-md-7, 
.univ-info .col-md-5 {
	width:50%;
}

.univ-nav ul li a {
    padding: 20px 50px 0px 70px;
    font-size: 11px;
}

.univ-nav li a:before {
    right: 3px;
}

.univ-info .col-md-7 .col-md-7, 
.univ-info .col-md-7 .col-md-5 {
	width:100%;
}

.univ-info img {
	float:none;
	width:100%;
	margin-bottom:30px;
}

.univ-info h4 {
    font-size: 23px;
    color: #003164;
    line-height: 33px;
}



.intro2 ul li i {
    width: 117px;
    height: 117px;
    border-radius: 50%;
    border: 1px solid #FFF;
    line-height: 111px;
    text-align: center;
    font-size: 48px;
    color: #FFF;
    display: table;
    margin: 0px auto;
}

.intro2 h3 {
    font-size: 20px;
    line-height: 37px;
}

#couple-about ul li h5 {
    font-size: 21px;
    padding: 3px 24px;
}

.intro2 {
background-size:200% auto;
padding: 240px 0px 300px;
}

.audio-wrap, .intro5, {
background-size:150% auto;
}


.intro, .twitterfeed {
background-size:150% auto;
}

.intro h3 {
    font-size: 66px;
    line-height: 82px;
    text-align: center;
}

.i7-info h4 {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 10px;
    padding: 20px 0px;
    line-height: 24px;
}

.quotes-content p {
    font-size: 12px !important;
    padding: 25px 25px !important;
    line-height: 22px !important;
}

.portfolio-feed-filter li {
    list-style: outside none none;
    float: left;
    margin-left: 24px;
}

.slider-item {
    width: 65px;
    float: left;
    margin-right: 4px;
}

.pika-single.is-bound {
    position: absolute;
    border: 1px solid #E5E5E5;
    left: 0px !important;
    right: 0px;
    width: 88.5%;
    margin: 0px auto;
    top: 42px;
}

.pika-lendar {
	float: left;
	width: 100% !important;
	margin: 0px !important;
}

#nav_menu #menu-button:hover:after {
    background: none repeat scroll 0% 0% #215ebf; /*  #fff;*/
}

#nav_menu #menu-button:hover:before {
    border-top: 2px solid #215ebf; /*  #fff;*/
    border-bottom: 2px solid #215ebf; /*  #fff;*/
}

.lite-head #nav_menu #menu-button:hover:after {
    background: #999;
}

.lite-head #nav_menu #menu-button:hover:before {
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
}

#nav_menu .submenu-button {
    width: 100% !important;
}

#nav_menu .submenu-button:after {
left:auto !important;
right:24px;
}

#nav_menu .submenu-button:before {
left:auto !important;
right:20px;
}

#nav_menu > ul > li:hover > a {
	color:#fff !important;
}

.mag-wrap .col-md-6 {
	width:66.66666%;
}

.mag-wrap .col-md-3 {
	width:33.33333%;
}

.mv-best h4 {
    font-size: 13px;
}

.mag-cat-ribbon-round {
    position: absolute;
    bottom: 0px;
    right: -5px;
}

.mag-featured h4, .newsfeed .item h4 {
    line-height: 21px;
    font-size: 12px;

}

.item2-inner {
    margin-left: 105px !important;
}

.item2-inner h4 {
    margin: 0px 0px 2px !important;
}

.newsfeed .item {
    border-bottom: 1px solid #f0f0f0;
}

#nav_menu > ul > li > a:hover {
	color:#fff !important;
}

.nf-head h3 {
    font-size: 23px;
}

.newsfeed-filter li {
    margin-left: 23px;
	font-size:11px;
}

.item-inner2 .mf-thumb-small {
    width: 86px;
    float: left;
}

.newsfeed .item {
    width: 32%;
	
}

.skills ul li {
    list-style: outside none none;
    font-size: 10px;
}

.interest ul {
    padding: 0px;
    height: 185px;
    position: relative;
    width: 401px;
    margin: -20px 0 0px;
    transform: scale(0.7);
    float: left;
    margin-left: -50px;
}

.menu-open {
    display: none;
}

#nav_menu ul {
    right: -15px;
}

.ts-info {
    padding: 13px 17px 10px;
}

.ts-info p {
    font-size: 10px;
}

.newsletter input {
    width: 100%;
	text-align:center;
}

.newsletter button {
    width: 100%;
	border-top: 1px solid #2b2b2b;

}

.portfolio-items .item {
    float: left;
    width: 24.5%;
}

.home-projects .width2 {
    width: 49.5%;
}

.project-filter li {
	margin-left: 14px;
	font-size: 10px;
}

.home-stats {
    background-size: 150% auto ;
}

.resp-vtabs .resp-tab-content {
    border: medium none;
    margin: 86px 0px -45px;
}

.index-mag #nav_menu {
	margin-top: 18px;
}

.index-mag #nav_menu #menu-button {
    position: relative;
    top: -5px;
    font-size: 14px !important;
    color: #FFF;
	padding-bottom: 8px;
}

.index-mag #nav_menu #menu-button:after {
	background:#fff;
}

.index-mag #nav_menu #menu-button:before {
    border-top: 2px solid #215ebf; /*  #fff;*/
    border-bottom: 2px solid #215ebf; /*  #fff;*/
}

.index-mag nav ul {
    margin: 0px -30px;
    position: absolute !important;
    z-index: 9999999;
    margin-top: 52px !important;
    display: table;
}

.vticker li {
    list-style: outside none none;
    font-size: 12px;
    color: #6B6B6B;
    font-family: Arvo;
    padding: 19px 0px;
}

.index-mag .head-social a {
    color: #9E9E9E;
    font-size: 16px;
    margin-right: 8px;
}

.no-ipad {	
	display:none;
}

h4 {
	line-height:24px;
}

#nav_menu {
	width: 100%;
	margin-top: -40px;
	position: relative;
	margin-right: 15px;
}

#nav_menu #menu-button {
	position: relative;
	top: -21px;
}

.container {
	width:100%;
padding-left:25px !important;
padding-right:25px !important;
}

header .row .row {
	margin:0;
}

.home-clients li {
    float: left;
    list-style: outside none none;
    margin-right: 0;
    width: 20%;
    padding: 0 10px;
}

}



@media only screen and (max-width: 767px) {

.universal_video_player.blackControllers .thumbsHolderWrapper {
	display:none !important;
}

.universal_video_player.blackControllers .lbg_player {
    z-index: -1;
    position: absolute;
    width: 100% !important;
    float: left;
}

.universal_video_player.blackControllers .lbg_player,
.universal_video_playerBorder  {
height: 242px !important;
}

.universal_video_player  {
height: 247px !important;
}

.universal_video_player.blackControllers .videoBuffer {
    width: 100% !important;
}

.slider-vertical {
	display:none !important;
}


.mv-inner-thumb {
    position: relative;
    overflow: hidden;
}

.home-about3 .ol-md-6 {
	padding:0x;
}

.home-about3 .row .row {
    padding: 0 15px;
    margin: 0 -10px;
}

.project-filter li {
    margin-left: 15px;
font-size: 9px;
}

.portfolio-items .item {
	width:100% !important;
}

.project-filter li {
    margin-left: 15px;
    font-size: 9px;
}

.portfolio-feed-filter li {
    list-style: outside none none;
    float: left;
    margin-left: 16px;
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
}

.portfolio-feed-filter {
    padding: 0px;
    display: table;
    float: none;
    margin: 0px auto !important;
}

.project-filter {
    display: table;
    float: none;
    margin: 27px auto 0px;
}

#nav_menu .submenu-button {
    width: 100% !important;
}

#nav_menu .submenu-button:after {
left:auto !important;
right:24px;
}

#nav_menu .submenu-button:before {
left:auto !important;
right:20px;
}

#nav_menu #menu-button:hover:after {
    background: none repeat scroll 0% 0% #215ebf; /*  #fff;*/
}

#nav_menu #menu-button:hover:before {
    border-top: 2px solid #215ebf; /*  #fff;*/
    border-bottom: 2px solid #215ebf; /*  #fff;*/
}

#nav_menu > ul > li:hover > a {
	color:#fff !important;
}

.mw-shadow img, .mag-featured img, .mv-best img, .mf-thumb img {
	width:100%;
}

.mv-subscribe img {
    width: auto;
}

.project-item-thumb img {
	width:100%;
}

.home-me h3 {
    font-size: 48px;
}

header .col-md-10 {
    position: relative;
    top: -74px;
}

.lb-info img {
	width:100%;
}

body {
	padding-top: 70px;
}

.logo h1 a {
	color: #FFF;
	font-size: 20px;
}


header .col-md-10 {
    position: relative;
    top: -74px;
}

#nav_menu #menu-button {
	display: block;
	padding: 20px;
	color: #000;
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
	width: 150px;
	float: right;
	margin-top: -61px;
	margin-right: 18px;
}

.container {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.home-features i {
	margin: 0 auto;
}

.home-features h4, .home-features p {
	text-align: center;
}

.portfolio-items .item {
	float: left;
	width: 100%;
	padding: 1px;
}

.home-projects .width2 {
	width: 100%;
	padding: 0px;
	margin-left: 0px !important;
}

.portfolio-items .item img {
	width: 100%;
}

.blog-content img {
	width: 100%;
}

.blog-content p {
	margin-bottom: 30px;
}

.home-blog {
	padding: 90px 0px 60px;
}

.home-stats {
	padding: 150px 0px 120px;
	background: #060706 url(../images/content/parallax/1.jpg) no-repeat center fixed;
	background-size: auto 100%;
}

.home-stats h4 {
	margin-bottom: 30px;
}

.home-clients li {
	padding: 0 15px;
	margin-right: 0;
	width: 50%;
	margin-bottom: 30px;
}

.home-clients li img {
	max-width: 100%;
}

footer .container {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

footer .col-md-3 {
	margin-bottom: 50px;
}

footer {
	/* background: #0f0f0f; 
	background: #000000; */
	padding: 90px 0 30px;
}

.home-welcome h4 {
	font-size: 21px;
	line-height: 39px;
}

.ts-info {
	width: 95%;
}

.btn-small {
	padding: 0px 23px;
}

.home-appinfo img {
	margin-top: 30px;
}

#home-shop .shop-product {
	margin-bottom: 30px;
}

#home-shop1 .shop-product {
	margin-bottom: 30px;
}

.home-shop-nav, .home-shop-nav1 {
	padding: 0px;
	display: table;
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

.home-shop-nav li, .home-shop-nav1 li {
	float: left;
	margin-left: 0px;
	margin-right: 15px;
	font-size: 10px;
}

.home-clients li {
	width: 50%;
	margin-bottom: 30px;
	display: inline-block;
	height: 34px;
}

.home-clients-dark {
	padding: 60px 0px 15px;
	border: medium none;
}

.lb-info {
	margin: 1px;
}

.hidden-menu-active {
	transition: .4s;
	opacity: 1 !important;
	visibility: visible !important;
}

.menu-open {
	display: none;
}

#nav_menu ul {
	opacity: 1 !important;
	visibility: visible !important;
}

#home-resume .logo a {
	color: #1F1F1F;
	font-size: 17px;
}

#home-resume .logo h1 {
	font-size: 5px;
}

#home-resume nav .resume-nav li {
	float: left;
	list-style: outside none none;
	font-size: 11px;
	text-transform: uppercase;
	color: #6E6E6E;
	padding: 0px;
	margin-left: 7px;
	line-height: 7px;
	margin-right: 7px;
	margin-top: 12px;
}

.he-content p {
	margin: 0 0 20px;
}

.home-skills .col-md-5 ,
.home-skills .col-md-4 ,
.home-skills .col-md-3 {
	margin-bottom: 40px;
}

.interest ul {
	padding: 0px;
	height: 185px;
	position: relative;
	width: 401px;
	margin: -45px auto 0px;
	transform: scale(0.7);
	margin-left: -65px;
}

.footer-bottom p {
	text-align: center;
	float: none !important;
}

.head-weather {
	display: none;
	float: right;
}

#index-blog header h1 {
	line-height: 70px;
}

#index-blog {
	padding: 0;
}

#index-blog header {
	background: none repeat scroll 0% 0% #FFF;
	height: 70px;
	position: relative;
	overflow: hidden;
}

#index-blog nav .col-md-3, .news-ticker .col-md-3 {
	padding: 0;
	padding-left: 15px;
}

#index-blog header {
	background: none repeat scroll 0% 0% #FFF;
	height: 70px;
	position: relative;
	overflow: hidden;
	z-index: -1;
}

#index-blog #nav_menu #menu-button {
	display: block;
	padding: 20px;
	color: #000;
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
	float: right;
	margin-right: -33px;
}

#nav_menu {
	width: 100%;
	position: relative;
	z-index: 99999;
}

.nt-info {
	display: none;
}

.head-social a {
	color: #9E9E9E;
	font-size: 16px;
	margin-right: 27px;
}

.news-ticker {
	overflow: hidden;
}

.mw-shadow h5, .mw-shadow h3 {
	font-size: 15px;
	color: #FFF;
	text-shadow: 0px 1px rgba(0, 0, 0, 0.75);
	line-height: 24px;
	margin: 0px;
	position: absolute;
	bottom: 38px;
	left: 15px;
}

.mag-featured .col-md-4 {
	margin-bottom: 30px;
}

.mag-featured {
	padding: 90px 0px 20px;
	border-bottom: 1px solid #F0F0F0;
}

.mv-subscribe {
	overflow: hidden;
}

.mv-subscribe img {
	width: 140%;
	max-width: none !important;
}

.newsfeed-filter li {
	list-style: outside none none;
	float: none;
	margin-left: auto;
	text-transform: uppercase;
	font-size: 12px;
	position: relative;
	margin-right: auto;
	display: table;
}

.newsfeed-filter {
	padding: 0px;
	display: table;
	float: none;
	margin: 0px auto !important;
}

.newsfeed-filter li a {
	color: #9E9E9E;
	padding: 16px 0px 8px;
	display: table;
	position: relative;
}

.newsfeed .item {
	width: 90%;
	float: none;
	padding: 0px 15px;
	margin-bottom: 30px;
	display: block;
}

.hf-contact {
	margin-top: 0px;
}

.deals-head {
	background: none repeat scroll 0% 0% #EB8812;
	padding: 60px 30px;
	display: table;
	width: 100%;
	position: relative;
	right: 0%;
	margin-top: 0px;
	z-index: 111;
}

.hf-deals ul li a {
	color: #1F1F1F;
	line-height: 22px;
	padding-right: 25px;
	font-size: 13px;
}

.menu-type h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #EB8812;
	margin-bottom: 40px;
}

.menu-type h5 {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 5px;
	line-height: 22px;
}

.hf-menu-card {
	height: auto;
	margin-bottom: 20px;
}

.pika-single.is-bound {
    position: absolute;
    border: 1px solid #E5E5E5;
    left: 0px !important;
    right: 0px;
    width: 94%;
    margin: 0px auto;
    top: 42px;
}

.pika-lendar {
	float: left;
	width: 100% !important;
	margin: 0px !important;
}

.slick-prev {
	position: absolute;
	right: 135px !important;
}

.slick-next {
	position: absolute;
	right: -135px !important;
}

#slider4 {
	width: 100%;
	position: relative;
	left: 0%;
}

.home-about2 .col-md-9 img {
	float: none;
	width: 170px;
}

.home-about2 .col-md-9 .ha-inner {
	margin-left: 0;
	padding: 30px 0;
}

.ha-inner h4 {
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 24px;
	line-height: 24px;
}

.home-about2 {
	height: auto;
	margin-top: -30px;
}

.home-about2 .col-md-9 {
	padding: 85px 30px 0;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
}

.home-about2 .col-md-3 {
	padding: 30px 30px 95px;
	border-right: 1px solid transparent;
}

.cta-wrap {
	height: auto;
	background-color: #FFF;
	border: 10px solid #1F1F1F;
	padding: 57px 45px;
}

.cta-wrap a {
	float: none !important;
}

#slider6 .slick-prev {
	position: absolute;
	left: -133px;
}

#slider6 .slick-next {
	position: absolute;
	left: 133px;
}

.lb-inner {
	padding-left: 40px;
	position: relative;
	padding-top: 32px;
	padding-bottom: 40px;
	margin-top: -10px;
	margin-bottom: 50px;
}

#lookbook-slider .owl-controls {
	width: 32px;
	position: relative;
	top: 185px;
	right: -40px;
}

.lb-inner:before {
	position: absolute;
	top: 0px;
	left: 20px;
}

.instagram-slider .is-inner {
	padding: 0px;
	width: 100%;
	float: none;
}

.is-follow {
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	width: 100%;
	float: none;
	position: relative;
	display: inline-block;
}

.is-follow {
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	padding: 62px 0px 82px 0px;
	vertical-align: bottom;
	position: relative !important;
	top: 0;
	bottom: 0px;
	right: 0;
	height: 165px;
	margin: auto 0px;
}

.insta-slider img {
	margin-bottom: 30px;
	width: 100%;
}

.intro {
	background-size: auto 200%;
	padding: 200px 0px 220px;
}

.intro h3 {
	position: relative;
	z-index: 55;
	margin: 0px 0px 93px;
	font-size: 64px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	line-height: 72px;
	text-align: center;
}

.tabwrapv2 #tabs li {
	width: 100%;
	color: #FFF;
	margin: 0px;
}

.tabwrapv2 #tabs li a {
	padding-left: 50px;
}

.tabwrapv2 #tabs li a i {
	font-size: 30px;
	position: absolute;
	left: 0px;
	top: 42px;
}

#audio-wrap li h4 {
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	margin: 15px 30px;
	padding-right: 20px;
	line-height: 17px;
}

.audio-wrap, .twitterfeed {
	background-size: auto 200%;
}

.uv-events {
	padding-top: 30px;
}

.twitterfeed p {
	font-size: 26px;
	padding: 30px 0%;
}

.home-dark, #index-wedding {
	padding: 0;
}

.intro5 {
	background-size: auto 100%;
	height: auto;
	padding: 200px 0;
}

.intro5 h3 {
	text-align: center;
	font-size: 54px;
}

#index-wedding #nav_menu #menu-button {
	font-size: 0;
}

#index-wedding #nav_menu #menu-button:after {
	background: #fff;
}

#index-wedding #nav_menu #menu-button:before {
	border-top: 2px solid #215ebf; /*  #fff;*/
	border-bottom: 2px solid #215ebf; /*  #fff;*/
}

.couple-about a {
	position: relative;
	z-index: 8888;
}

.ca-wrap:before {
	content: "";
	border: 1px solid #F0F0F0;
	position: absolute;
	width: 92%;
	height: 93.5%;
	top: 5%;
	right: 4%;
	z-index: 777;
}

.couple-about {
	padding: 75px 53px 45px 55px;
}

#couple-about ul li {
	list-style: outside none none;
	float: none;
	width: 100%;
	padding: 0px 15px;
	margin-bottom: 30px;
}

.home-gallery2 ul li {
	float: none;
	width: 100%;
}

.home-gallery2 ul li img {
	width: 100%;
}

.intro2 {
	background-size: auto 200%;
	padding: 240px 0px 450px;
	overflow: hidden;
	position: relative;
}

.intro2 ul li {
	float: left;
	width: 50%;
	list-style: outside none none;
}

.intro2 ul li i {
	width: 135px;
	height: 135px;
	border-radius: 50%;
	border: 1px solid #FFF;
	line-height: 135px;
	text-align: center;
	font-size: 48px;
	color: #FFF;
	display: table;
	margin: 0px auto;
}

#index11 {
	padding: 0;
}

.about-process .col-md-4 {
	margin-bottom: 35px;
}

#index-university header {
	height: 70px !important;
	padding: 0px 0px !important;
}

.intro3 {
	padding-top: 0px;
	position: relative;
}

.intro3 h3 {
	background-color: rgba(0, 49, 100, 0.9);
	padding: 18px 30px 20px;
	font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.75);
	display: table-cell;
	position: absolute;
	z-index: 555;
	top: 0px;
	left: 0px;
	bottom: 0px;
	margin: auto;
	height: 54px;
}

.ui-info {
	padding: 60px 15px 0px 15px;
}

.ui-info img {
	width: 100%;
}

.univ-info h4 {
	font-size: 26px;
	line-height: 36px;
	position: relative;
	top: -14px;
	margin-bottom: 26px;
	margin-top: 35px;
}

.univ-nav {
	background: none repeat scroll 0% 0% #00244A;
	padding: 50px 20px;
	margin-top: 30px;
}

.univ-nav ul li a {
	height: 53px;
	border-radius: 15px;
	background: none repeat scroll 0% 0% #003164;
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	display: table;
	width: 100%;
	position: relative;
	transition: all 0.4s ease 0s;
	padding: 18px 36px 0px 70px;
}

.univ-nav li a:before {
	font-family: icomoon;
	font-size: 44px;
	color: #FFF;
	position: absolute;
	top: -5px;
	right: 0px;
}

.intro4 h3 {
	text-align: center;
	font-size: 63px;
}

.video-intro {
	padding: 30px 15px 0px;
}

header .row .row {
	margin: 0;
}

.portfolio-feed-4col .item {
	width: 90%;
}

.portfolio-feed .item-inner2 {
	width: 100%;
}

.home-gallery {
	padding: 20px 0px 90px;
}

.home-gallery h3 {
	line-height: 24px;
}

.portfolio-feed .item {
	width: 90%;
	padding: 0;
	margin-bottom: 30px;
}

.home-about3 .col-md-6:nth-child(1) {
	padding: 90px 70px 90px 70px;
}

.home-about3 {
	padding: 0 !important;
}

.features-left ul li i ,
.features-right ul li i {
	float: none;
	margin: 0 auto 30px;
}

.ec-info {
	width: 280px;
	height: 280px;
}

.ec-info h4 {
	margin: 80px 0px 0px;
}

#page-header {
	margin-top: 20px;
}

.team {
	padding: 90px 0px 40px;
}

.team .col-md-3 {
	margin-bottom: 50px;
}

.blog2 {
	background: none repeat scroll 0% 0% #FCFCFC;
	margin-bottom: 30px;
	padding: 0px 0 1px;
}

.blog-slider .excerpt {
	margin-left: 80px;
}

.c-info li h4 {
	line-height: 24px;
}

.contact-content2 .col-md-6 {
	display: table;
	width: 100%;
}

.accordionf h3 {
	background-color: #F5F5F5;
	cursor: pointer;
	margin: 15px 0px 0px;
	line-height: 24px;
	padding: 23px 55px 23px 30px;
	font-size: 13px;
}

.accordionf {
	margin: -15px 0px 50px;
}

.sc-btns li {
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	list-style: outside none none;
}

.portfolio-feed-mason .item {
	width: 90%;
	margin-bottom: 30px;
	padding: 0px 30px;
}

.portfolio-feed-2col .item, .portfolio-feed-3col .item, .portfolio-feed-4col .item, .portfolio-feed-5col .item {
	width: 90%;
	margin-bottom: 30px;
	padding: 0px 30px;
}

.page-nav .col-md-4 {
	width: 33.3333%;
	float: left;
}

.pf-nav {
	padding: 10px 0 0;
	display: table;
	float: none;
	margin-right: -10px;
	width: 100%;
}

#portfolio-feed h3 {
	margin-bottom: 30px;
	font-size: 22px;
}

.pf-nav li {
	list-style: outside none none;
	float: left;
	margin-left: 10px;
	font-size: 12px;
	text-transform: uppercase;
	margin-right: 10px;
}

.portfolio-single .col-md-8 {
	margin-bottom: 30px;
}

.shop-content .space80 {
	margin: 0;
}

.sc-product li {
	list-style: outside none none;
	float: left;
	padding: 0px 15px;
	width: 100%;
}

#sort {
	border: 1px solid #E3E3E3;
	width: 143px;
}

#category {
	border: 1px solid #E3E3E3;
	width: 144px;
}

.sort-select {
	display: table;
	float: right;
	margin: -20px 0 30px;
}

.ss-info {
	margin-top: 40px;
}

.ss-info .col-md-6 {
	margin-bottom: 30px;
}

.ss-meta select {
	width: 50%;
}

.ss-meta .buy-btn {
	width: 100%;
	text-align: center;
}

.add-wishlist {
	width: 100%;
	float: left;
	text-align: center;
}

.ss-details {
	padding-bottom: 30px;
}

.bsm-social {
	float: none;
}

}

@media all and (max-width: 1050px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1050px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1050px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1050px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1050px) {

#nav_menu {
	width: 100%;
}

#nav_menu ul,
#nav_menu ul ul,
#nav_menu ul ul ul {
	width: 100%;
	display: none;
	top: 0 !important;
}

#nav_menu li:hover ul,
#nav_menu ul li:hover ul,
#nav_menu ul ul li:hover ul {
	top: 0 !important;
}

#nav_menu.align-center > ul,
  #nav_menu.align-right ul ul {
	text-align: left;
}

#nav_menu ul li,
  #nav_menu ul ul li,
  #nav_menu ul li:hover > ul > li {
	width: 100%;
	border-top: 1px solid rgba(120, 120, 120, 0.15);
}

#nav_menu ul li a,
  #nav_menu ul ul li a {
	width: 100%;
}

#nav_menu > ul > li,
  #nav_menu.align-center > ul > li,
  #nav_menu.align-right > ul > li {
	float: none;
	display: block;
}

#nav_menu ul ul li a {
	padding: 20px 20px 20px 30px;
	font-size: 12px;
	color: #efefef; /* #6d6d6d; */
	background: none;
}

#nav_menu ul ul li:hover > a,
  #nav_menu ul ul li a:hover {
	color: #a49260; /* fff; */
}

#nav_menu ul ul ul li a {
	padding-left: 40px;
}

#nav_menu ul ul,
  #nav_menu ul ul ul {
	position: relative;
	left: 0;
	right: auto;
	width: 100%;
	margin: 0;
}

#nav_menu > ul > li.has-sub > a::after,
  #nav_menu ul ul li.has-sub > a::after {
	display: none;
}

#menu-line {
	display: none;
}

#nav_menu #menu-button {
	display: block;
	padding: 20px;
	color: #000000;
	cursor: pointer;
	font-size: 12px;
	text-transform: uppercase;
}

#nav_menu #menu-button::after {
	content: '';
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 15px;
	height: 2px;
	background: #a49260; /* #333; */
}

#nav_menu #menu-button::before {
	content: '';
	position: absolute;
	top: 25px;
	right: 20px;
	display: block;
	width: 15px;
	height: 7px;
	border-top: 2px solid #a49260; /* #333; */
	border-bottom: 2px solid #a49260; /* #333; */
}

#nav_menu .submenu-button {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
	display: block;
	border-left: 1px solid rgba(120, 120, 120, 0.15);
	height: 52px;
	width: 52px;
	cursor: pointer;
}

#nav_menu .submenu-button::after {
	content: '';
	position: absolute;
	top: 20px;
	left: 24px;
	display: block;
	width: 1px;
	height: 9px;
	background: #efefef; /* #333; */
	z-index: 99;
}

#nav_menu .submenu-button::before {
	content: '';
	position: absolute;
	left: 20px;
	top: 24px;
	display: block;
	width: 9px;
	height: 1px;
	background: #efefef; /* #333; */
	z-index: 99;
}

#nav_menu .submenu-button.submenu-opened:after {
	display: none;
	/* overflow-y:scroll; JimH */
}

#nav_menu ul {
	width: 100%;
	display: none;
	background: #000;
}

#nav_menu > ul > li > a {
	padding: 18px 30px;
	color: #efefef /* #6d6d6d */ !important;
	height: 52px;
}

.open {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	top: 5px !important;
	/* overflow-y:scroll;  JimH */
}

#nav_menu ul ul li a {
	border-bottom: none;
}

#nav_menu ul ul {
	min-width: 100%;
	padding: 0;
}

}

@media all and (min-width: 100px) and (max-width: 479px){

#home-resume header {
	height:90px !important;
}

#home-resume .logo h1 {
line-height: 55px !important;
}

#home-resume nav .resume-nav {
margin-top: 61px !important;
}

#home-resume nav .resume-nav li {
    float: left;
    list-style: outside none none;
    font-size: 11px;
    text-transform: uppercase;
    color: #6E6E6E;
    padding: 0px;
    margin-left: 5px;
    line-height: 7px;
    margin-right: 5px;
    margin-top: 12px;
}

#home-resume .logo h1 {
    font-size: 5px;
    text-align: center;
}


}

@media all and (min-width: 480px) and (max-width: 767px){


.portfolio-feed-filter li {
    list-style: outside none none;
    float: left;
    margin-left: 16px;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
}


#lookbook-slider .owl-controls {
	top: 153px;
}


#home-resume nav .resume-nav {
    position: relative;
    top: 61px;
}

.interest ul {
    width: 401px;
    margin: -45px auto 32px 0px !important;
    transform: scale(1,1) !important;
}

.container {
	width:100%;
	max-width:450px;
	margin:0 auto;
}

#home-resume header .col-md-2 {
	width:20%;
	float:left;
}

#home-resume header .col-md-10 {
	width:80%;
	float:left;
}

.product-slider .slick-slide {
	opacity:0;
}

.product-slider .slick-center {
	opacity:1 !important;
}

}

/* JimH Scrollable Styling */

/*-------------------- 15-BLOCK-TYPE-1 ------------*/

/*-------------------- 15-BLOCK-TYPE-2 ------------*/
.s-about-section {
  position: relative;
  margin: 20px;
}

@media screen and (max-width: 768px) {
  .s-about-section {
    margin: 0;
    }}
/* JimH Scrollable Styling End */
	
/* JimH Smallheid */
h3 .smallheid {
 	margin-top: 5px;
  	margin-bottom: 5px;
	font-size: 18px !important;
	}

/* =========================================================
   TABLET / IPAD HEADER FIX
   ========================================================= */

@media (min-width: 992px) and (max-width: 1180px) {

    /* Give the logo a little more room */
    header .col-md-3 {
        width: 34%;
        float: left;
    }

    /* Give the navigation the remainder */
    header .col-md-9 {
        width: 66%;
        float: left;
    }

    /* Make sure the logo scales inside its column */
    header .col-md-3 img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
    }

    /* Prevent clipping by the logo column */
    header .col-md-3 {
        overflow: visible;
    }

}

/* =========================================================
   TABLET NAVIGATION TOGGLE
   768px - 1180px only
   ========================================================= */


/* Hidden normally */
.tablet-nav-toggle {
    display: none;
}


/* =========================================================
   CUSTOM TABLET NAVIGATION
   IPAD / TABLET PORTRAIT + LANDSCAPE
   ========================================================= */

.tablet-nav-toggle {
    display: none;
}


@media (min-width: 768px) and (max-width: 1180px) {

    header .col-md-9 {
        position: relative;
        overflow: visible !important;
    }


    /* Hamburger */

    .tablet-nav-toggle {
        display: block !important;

        position: absolute;
        top: 50%;
        right: 15px;

        width: 46px;
        height: 42px;

        padding: 9px 10px;

        transform: translateY(-50%);

        border: 0;
        background: transparent;

        cursor: pointer;

        z-index: 1001;
    }


    .tablet-nav-toggle span {
        display: block;

        width: 26px;
        height: 3px;

        margin: 4px auto;

        /* your chosen hamburger colour */
        background: #a39260;

        border-radius: 2px;
    }


    /* Menu hidden until hamburger clicked */

    #nav_menu {
        display: none;

        position: absolute !important;

        top: calc(50% + 27px) !important;
        right: 15px !important;
        left: auto !important;

        width: 180px;

        margin: 0 !important;

        float: none !important;
        transform: none !important;

        background: #0e2035;

        box-shadow: 0 6px 16px rgba(0,0,0,.22);

        z-index: 1000;
    }


    #nav_menu.tablet-nav-open {
        display: block;
    }


    #nav_menu ul {
        display: block;

        margin: 0;
        padding: 8px 0;

        list-style: none;
    }


    #nav_menu ul li {
        display: block;
        float: none;

        width: 100%;

        margin: 0;
        padding: 0;
    }


    #nav_menu ul li a {
        display: block;

        padding: 11px 18px;

        color: #ffffff;

        text-align: left;
        white-space: nowrap;
    }

}

/* =========================================================
   IPAD / TABLET PORTRAIT
   USE EXISTING MOBILE MENU
   ========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    /*
     * Do not show our additional tablet hamburger.
     */
    .tablet-nav-toggle {
        display: none !important;
    }


    /*
     * The existing mobile hamburger appears to live inside
     * #nav_menu, so make sure that container itself isn't
     * being hidden at this width.
     *
     * Existing mobile-menu CSS/JS can then control what
     * happens inside it.
     */
    #nav_menu {
        display: block !important;
    }

}

/* =========================================================
   IPAD / TABLET PORTRAIT
   LOGO + ORIGINAL MOBILE MENU
   ========================================================= */

@media
    (min-width: 768px)
    and (max-width: 991px)
    and (orientation: portrait) {

    /* Logo gets most of the header width */
    header .col-md-3.logo {
        width: 75% !important;
        float: left !important;

        overflow: visible !important;
    }


    /* Navigation only needs enough room for hamburger */
    header .col-md-9 {
        width: 25% !important;
        float: left !important;

        position: relative;
        overflow: visible !important;
    }


    /* Keep existing mobile menu available */
    #nav_menu {
        display: block !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    #nav_menu ul li a {
        background: #0e2035 !important;
        color: #ffffff !important;
    }

}

/* ==========================================
   FLOATING BACK-TO-TOP BUTTON
   No image, icon font or JavaScript required
   ========================================== */

html {
    scroll-behavior: smooth;
}

.pc-backtop {
    position: fixed;
    z-index: 900;
    right: 18px;
    bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(21, 44, 78, 0.14);
    border-radius: 50%;
    background: #f2a51a;
    color: #152c4e;
    text-decoration: none;
    opacity: 0.94;
    box-shadow:
        0 5px 14px rgba(21, 44, 78, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
    cursor: pointer;
    touch-action: manipulation;
    transition:
        background-color 0.18s ease,
        box-shadow 0.18s ease,
        opacity 0.18s ease,
        transform 0.15s ease;
}

/* CSS-drawn upward arrow */
.pc-backtop__icon {
    display: block;
    width: 17px;
    height: 19px;
    background: #152c4e;
    -webkit-clip-path: polygon(
        50% 0,
        100% 43%,
        66% 43%,
        66% 100%,
        34% 100%,
        34% 43%,
        0 43%
    );
    clip-path: polygon(
        50% 0,
        100% 43%,
        66% 43%,
        66% 100%,
        34% 100%,
        34% 43%,
        0 43%
    );
}

.pc-backtop:hover,
.pc-backtop:focus {
    border-color: rgba(21, 44, 78, 0.22);
    background: #ffb52e;
    color: #152c4e;
    text-decoration: none;
    opacity: 1;
    box-shadow:
        0 7px 17px rgba(21, 44, 78, 0.23),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
}

.pc-backtop:focus {
    outline: 3px solid rgba(58, 134, 198, 0.55);
    outline-offset: 3px;
}

.pc-backtop:active {
    background: #e99a0b;
    box-shadow: 0 2px 7px rgba(21, 44, 78, 0.18);
    transform: translateY(0) scale(0.95);
}


/* MOBILE */
@media (max-width: 767px) {

    .pc-backtop {
        right: 11px;
        bottom: 11px;
        width: 40px;
        height: 40px;
        opacity: 0.9;

        /* Accommodate the iPhone safe area when present */
        right: calc(11px + env(safe-area-inset-right));
        bottom: calc(11px + env(safe-area-inset-bottom));
    }

    .pc-backtop__icon {
        width: 14px;
        height: 16px;
    }

}


/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    .pc-backtop {
        transition: none;
    }

    .pc-backtop:hover,
    .pc-backtop:focus,
    .pc-backtop:active {
        transform: none;
    }

}

/* =========================================================
   PROMOSCENTRAL HTML SITEMAP
   Bootstrap 3 compatible
   ========================================================= */

.pc-sitemap {
    padding: 55px 0 70px;

    background: #f7f9fb;
    color: #26384a;
}


/* Intro */

.pc-sitemap__intro {
    max-width: 760px;

    margin: 0 0 40px;
}


.pc-sitemap__intro h1 {
    margin: 0 0 12px;

    color: #0e2035;

    font-size: 36px;
    font-weight: 700;

    line-height: 1.15;
}


.pc-sitemap__intro p {
    margin: 0;

    color: #526474;

    font-size: 17px;
    line-height: 1.55;
}


/* Each sitemap section */

.pc-sitemap__row {
    margin-bottom: 42px;

    padding-top: 6px;
}


.pc-sitemap__row + .pc-sitemap__row {
    border-top: 1px solid #dfe6ec;

    padding-top: 34px;
}


/* Section headings */

.pc-sitemap__heading {
    margin: 0 0 22px;

    color: #0e2035;

    font-size: 24px;
    font-weight: 700;

    line-height: 1.2;
}


.pc-sitemap__heading::after {
    content: "";

    display: block;

    width: 42px;
    height: 3px;

    margin-top: 10px;

    background: #f5a623;
}


/* Small topic headings */

.pc-sitemap__subheading {
    margin: 0 0 12px;

    color: #275f91;

    font-size: 17px;
    font-weight: 700;
}


/* Links */

.pc-sitemap__links {
    margin: 0;
    padding: 0;

    list-style: none;
}


.pc-sitemap__links li {
    position: relative;

    margin: 0;
    padding: 0 0 11px 18px;

    line-height: 1.4;
}


.pc-sitemap__links li::before {
    content: "\203A";

    position: absolute;

    top: -1px;
    left: 0;

    color: #f5a623;

    font-size: 20px;
    font-weight: 700;

    line-height: 1;
}


.pc-sitemap__links a {
    color: #286fae;

    font-size: 15px;
    font-weight: 500;

    text-decoration: none;
}


.pc-sitemap__links a:hover,
.pc-sitemap__links a:focus {
    color: #0e2035;

    text-decoration: underline;
}


/* More compact tag/topic links */

.pc-sitemap__links--compact li {
    padding-bottom: 7px;
}


.pc-sitemap__links--compact a {
    font-size: 14px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .pc-sitemap {
        padding: 38px 0 48px;
    }


    .pc-sitemap__intro {
        margin-bottom: 30px;
    }


    .pc-sitemap__intro h1 {
        font-size: 30px;
    }


    .pc-sitemap__intro p {
        font-size: 16px;
    }


    .pc-sitemap__row {
        margin-bottom: 30px;
    }


    .pc-sitemap__row + .pc-sitemap__row {
        padding-top: 28px;
    }


    .pc-sitemap__heading {
        font-size: 22px;
    }


    .pc-sitemap__subheading {
        margin-top: 18px;
    }

}

/* =========================================================
   SOURCE: embla1.css (preserved in full)
   ========================================================= */

/* =========================================================
   EMBLA CAROUSEL - TEST STYLESHEET
   ========================================================= */


/* ---------------------------------------------------------
   MAIN CAROUSEL WRAPPER
   --------------------------------------------------------- */

.embla {
    position: relative;
    width: 100%;
}


/* ---------------------------------------------------------
   VIEWPORT
   This is the visible window of the carousel.
   --------------------------------------------------------- */

.embla__viewport {
    overflow: hidden;
}


/* ---------------------------------------------------------
   SLIDE CONTAINER
   Embla moves this element horizontally.
   --------------------------------------------------------- */

.embla__container {
    display: flex;
    touch-action: pan-y pinch-zoom;
}


/* ---------------------------------------------------------
   INDIVIDUAL SLIDES
   Each slide occupies 100% of the carousel width.
   --------------------------------------------------------- */

.embla__slide {
    flex: 0 0 100%;
    min-width: 0;
    position: relative;
}


/* =========================================================
   HERO SLIDE / IMAGE
   ========================================================= */

.hero-slide {
    position: relative;
    width: 100%;
    min-height: 500px;
    overflow: hidden;
}


.embla__image {
    display: block;
    width: 100%;
    height: 500px;

    object-fit: cover;
    object-position: center;
}


/* =========================================================
   DARK LEFT-HAND GRADIENT

   This helps white/orange text remain readable over
   photographs.

   If your background image already contains its own dark
   gradient, you can remove this rule.
   ========================================================= */

.embla__slide::after {
    content: "";
    position: absolute;
    inset: 0;

    z-index: 1;

    background: linear-gradient(
        90deg,
        rgba(8, 30, 52, 0.96) 0%,
        rgba(8, 30, 52, 0.85) 25%,
        rgba(8, 30, 52, 0.38) 52%,
        rgba(8, 30, 52, 0) 72%
    );

    pointer-events: none;
}


/* =========================================================
   CONTENT OVERLAY
   ========================================================= */

.embla__overlay {
    position: absolute;

    z-index: 2;

    left: 5%;
    top: 50%;

    transform: translateY(-50%);

    width: 43%;
    max-width: 650px;

    color: #ffffff;
}


/* =========================================================
   HEADING
   ========================================================= */

.embla__overlay h2 {
    margin: 0 0 20px 0;

    color: #ffffff;

    font-size: clamp(40px, 4.2vw, 68px);
    font-weight: 700;
    line-height: 1.05;

    letter-spacing: -1px;
}



/* =========================================================
   PARAGRAPH
   ========================================================= */

.embla__overlay p {
    margin: 0 0 25px 0;

    max-width: 500px;

    color: #ffffff;

    font-size: 20px;
    line-height: 1.45;
}


/* =========================================================
   CTA BUTTON
   ========================================================= */

.embla__button {
    display: inline-flex;

    align-items: center;
    gap: 14px;

    padding: 14px 22px;

    background: #f5a623;
    color: #102a43;

    border-radius: 8px;

    font-size: 17px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}


.embla__button:hover,
.embla__button:focus {
    background: #ffb53b;
    color: #102a43;

    text-decoration: none;

    transform: translateY(-2px);
}


/* Arrow inside CTA */

.embla__button-arrow {
    display: inline-block;

    font-size: 28px;
    font-weight: 400;
    line-height: 0.7;
}


/* =========================================================
   PROMOSCENTRAL LOGO
   ========================================================= */

.embla__logo {
    display: block;

    width: 220px;
    max-width: 55%;

    height: auto;

    margin-top: 30px;
}


/* =========================================================
   INITIAL ANIMATION STATE

   These four elements start hidden and slightly lower.
   The JavaScript adds "is-selected" to the active slide.
   ========================================================= */

.embla__overlay h2,
.embla__overlay p,
.embla__overlay .embla__button,
.embla__overlay .embla__logo {
    opacity: 0;

    transform: translateY(20px);
}


/* =========================================================
   STAGGERED APPEARANCE ANIMATION
   ========================================================= */


/* 1. Heading */

.embla__slide.is-selected .embla__overlay h2 {
    animation: emblaTextIn 0.65s ease forwards;

    animation-delay: 0.20s;
}


/* 2. Paragraph */

.embla__slide.is-selected .embla__overlay p {
    animation: emblaTextIn 0.65s ease forwards;

    animation-delay: 0.50s;
}


/* 3. Button */

.embla__slide.is-selected .embla__overlay .embla__button {
    animation: emblaTextIn 0.65s ease forwards;

    animation-delay: 0.80s;
}


/* 4. PromosCentral logo */

.embla__slide.is-selected .embla__overlay .embla__logo {
    animation: emblaTextIn 0.75s ease forwards;

    animation-delay: 1.15s;
}


/* =========================================================
   ANIMATION KEYFRAMES
   ========================================================= */

@keyframes emblaTextIn {

    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================================
   PREVIOUS / NEXT ARROWS
   ========================================================= */
/* LIGHT BG REPLACEMENT BELOW
.embla__prev,
.embla__next {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 5;

    width: 46px;
    height: 46px;

    border: 0;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.88);
    color: #0e2035;

    font-size: 24px;
    line-height: 1;

    cursor: pointer;
}


.embla__prev {
    left: 20px;
}


.embla__next {
    right: 20px;
}


.embla__prev:hover,
.embla__next:hover,
.embla__prev:focus,
.embla__next:focus {
    background: #ffffff;
    color: #0e2035;
}
*/
.embla__prev,
.embla__next {
    position: absolute;

    top: 50%;
    transform: translateY(-50%);

    z-index: 5;

    width: 46px;
    height: 46px;

    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;

    background: rgba(14, 32, 53, 0.62);
    color: #ffffff;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.18);

    font-size: 24px;
    line-height: 1;

    cursor: pointer;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}


.embla__prev:hover,
.embla__next:hover,
.embla__prev:focus,
.embla__next:focus {
    background: rgba(14, 32, 53, 0.82);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .hero-slide,
    .embla__image {
        height: 460px;
        min-height: 460px;
    }


    .embla__overlay {
        left: 7%;

        width: 55%;
    }


    .embla__overlay h2 {
        font-size: 46px;
    }


    .embla__overlay p {
        font-size: 18px;
    }


    .embla__logo {
        width: 190px;

        margin-top: 25px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .hero-slide,
    .embla__image {
        height: 520px;
        min-height: 520px;
    }


    /*
     * Change this if the important part of your image
     * sits further left or right.
     */

    .embla__image {
        object-position: 65% center;
    }


    /*
     * Stronger gradient on smaller screens.
     */

    .embla__slide::after {
        background: linear-gradient(
            90deg,
            rgba(8, 30, 52, 0.95) 0%,
            rgba(8, 30, 52, 0.78) 55%,
            rgba(8, 30, 52, 0.25) 100%
        );
    }


    .embla__overlay {
        left: 9%;
        top: 50%;

        width: 76%;
        max-width: none;
    }


    .embla__overlay h2 {
        margin-bottom: 16px;

        font-size: 38px;
        line-height: 1.08;

        letter-spacing: -0.5px;
    }


    .hero-heading-accent {
        margin-bottom: 5px;
    }


    .embla__overlay p {
        margin-bottom: 20px;

        font-size: 17px;
        line-height: 1.4;
    }


    .embla__button {
        padding: 12px 18px;

        font-size: 15px;
    }


    .embla__logo {
        width: 170px;
        max-width: 60%;

        margin-top: 25px;
    }


    .embla__prev {
        left: 8px;
    }


    .embla__next {
        right: 8px;
    }
    
    .embla__controls {
        bottom: 5px;

        gap: 14px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .hero-slide,
    .embla__image {
        height: 500px;
        min-height: 500px;
    }


    .embla__overlay {
        left: 10%;

        width: 80%;
    }


    .embla__overlay h2 {
        font-size: 32px;
    }


    .embla__overlay p {
        font-size: 16px;
    }


    .embla__logo {
        width: 150px;
    }

}


/* =========================================================
   ACCESSIBILITY - REDUCED MOTION

   If the visitor has enabled "Reduce Motion" in their
   operating system or browser:

   - no staggered animation
   - no delayed appearance
   - content appears immediately
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .embla__overlay h2,
    .embla__overlay p,
    .embla__overlay .embla__button,
    .embla__overlay .embla__logo {
        animation: none !important;
        transition: none !important;

        opacity: 1 !important;

        transform: none !important;
    }

}

/* =========================================================
   CENTRALISED FULL-WIDTH HERO SLIDE

   Full-width background with constrained central content.
   ========================================================= */


.central-hero-slide {
    position: relative;

    width: 100%;
    min-height: 360px;

    overflow: hidden;

    background: #0e2035;
}


/*
 * Prevent the normal photographic hero gradient
 * from being applied to this slide type.
 */

.central-hero-slide::after {
    display: none;
}


/* =========================================================
   CENTRALISED INNER AREA

   Change 1050px if you want the central content
   wider or narrower.
   ========================================================= */

.central-hero-slide__inner {
    position: relative;

    display: flex;
    align-items: stretch;

    width: calc(100% - 40px);
    max-width: 1120px;

    min-height: 360px;

    margin: 0 auto;
}


/* =========================================================
   LEFT TEXT AREA
   ========================================================= */

.central-hero-slide__content {
    position: relative;

    z-index: 3;

    display: flex;
    flex-direction: column;
    justify-content: center;

    flex: 0 0 43%;

    padding: 35px 30px 35px 10px;

    box-sizing: border-box;

    color: #ffffff;
}


.central-hero-slide__content h2 {
    margin: 0 0 28px 0;

    color: #ffffff;

    font-size: 36px;
    font-weight: 700;

    line-height: 1.15;

    letter-spacing: -0.5px;
}


/*
 * Put each part of the heading on its own line.
 */

.central-hero-slide__content h2 span {
    display: block;
}


.central-hero-slide__accent {
    margin-top: 4px;
    /* color: #3a86e8; */
    color: #3b82f6;
}

.central-hero-slide__accentalt {
    margin-top: 4px;

    /* color: #3a86e8; */
    color: #F5A623;
}


.central-hero-slide__content p {
    max-width: 390px;

    margin: 0 0 28px 0;

    color: #ffffff;

    font-size: 16px;
    line-height: 1.4;
}

.central-hero-slide__content .embla__button {
    align-self: flex-start;
}

/* =========================================================
   PROMOSCENTRAL LOGO
   ========================================================= */

.central-hero-slide__logo {
    display: block;
    align-self: flex-start;

    width: 220px;
    max-width: 65%;
    height: auto;

    margin-top: 27px;
    margin-left: 0;
    margin-right: auto;
}


/* =========================================================
   RIGHT-HAND IMAGE
   ========================================================= */

.central-hero-slide__visual {
    position: relative;

    flex: 1 1 auto;

    min-width: 0;

    overflow: hidden;
}


.central-hero-slide__visual picture {
    display: block;

    width: 100%;
    height: 100%;
}


.central-hero-slide__image {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 360px;

    object-fit: cover;
    object-position: center;
}


/* =========================================================
   OPTIONAL FADE BETWEEN TEXT AREA AND IMAGE

   Gives a softer transition like your current homepage.
   ========================================================= */

/* .central-hero-slide__visual::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    width: 120px;

    background: linear-gradient(
        90deg,
        rgba(14, 32, 53, 1) 0%,
        rgba(14, 32, 53, 0.94) 18%,
        rgba(14, 32, 53, 0.76) 42%,
        rgba(14, 32, 53, 0.40) 72%,
        rgba(14, 32, 53, 0) 100%
    );

    pointer-events: none;
} */
.central-hero-slide__visual::before {
    content: "";
    position: absolute;

    z-index: 2;

    top: 0;
    bottom: 0;
    left: 0;

    width: 180px;

    background: linear-gradient(
        90deg,
        rgba(238, 245, 251, 1) 0%,
        rgba(238, 245, 251, 0.96) 18%,
        rgba(238, 245, 251, 0.78) 42%,
        rgba(238, 245, 251, 0.42) 70%,
        rgba(238, 245, 251, 0) 100%
    );

    pointer-events: none;
}


/* =========================================================
   APPEARANCE ANIMATION

   Reuses your existing is-selected mechanism.
   ========================================================= */

.embla.embla--ready .central-hero-slide__content h2,
.embla.embla--ready .central-hero-slide__content p,
.embla.embla--ready .central-hero-slide__content .embla__button,
.embla.embla--ready .central-hero-slide__content .central-hero-slide__logo {
    opacity: 0;
    transform: translateY(20px);
}


/* Heading */

.embla__slide.is-selected
.central-hero-slide__content h2 {

    animation: emblaTextIn 0.65s ease forwards;

    animation-delay: 0.20s;
}


/* Paragraph */

.embla__slide.is-selected
.central-hero-slide__content p {

    animation: emblaTextIn 0.65s ease forwards;

    animation-delay: 0.50s;
}


/* Button */

.embla__slide.is-selected
.central-hero-slide__content .embla__button {

    animation: emblaTextIn 0.65s ease forwards;

    animation-delay: 0.80s;
}


/* Logo */

.embla__slide.is-selected
.central-hero-slide__content .central-hero-slide__logo {

    animation: emblaTextIn 0.70s ease forwards;

    animation-delay: 1.10s;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .central-hero-slide,
    .central-hero-slide__inner {

        min-height: 350px;
    }


    .central-hero-slide__inner {

        width: calc(100% - 30px);
    }


    .central-hero-slide__content {

        flex-basis: 46%;

        padding-left: 20px;
    }


    .central-hero-slide__content h2 {

        font-size: 32px;
    }


    .central-hero-slide__content p {

        font-size: 15px;
    }


    .central-hero-slide__image {

        min-height: 350px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .central-hero-slide {

        min-height: 500px;
    }


    .central-hero-slide__inner {

        display: block;

        width: 100%;
        max-width: none;

        min-height: 500px;
    }


    /*
     * Image fills the slide.
     */

    .central-hero-slide__visual {

        position: absolute;

        inset: 0;

        width: 100%;
        height: 100%;
    }


    .central-hero-slide__image {

        width: 100%;
        height: 100%;

        min-height: 500px;

        object-fit: cover;
    }


    /*
     * Mobile overlay so text remains readable.
     */
/*
.central-hero-slide__visual::before {
    background: linear-gradient(
        90deg,
        rgba(14, 32, 53, 0.97) 0%,
        rgba(14, 32, 53, 0.70) 55%,
        rgba(14, 32, 53, 0.10) 100%
    );
    width: 100%;
}
    */
    /* LIGHT HERO BG */
    

    .central-hero-slide__visual::before {
        width: 100%;

        background: linear-gradient(
            90deg,
            rgba(238, 245, 251, 0.98) 0%,
            rgba(238, 245, 251, 0.92) 40%,
            rgba(238, 245, 251, 0.68) 65%,
            rgba(238, 245, 251, 0.18) 88%,
            rgba(238, 245, 251, 0) 100%
        );
    }

    .central-hero-slide__content {

        position: relative;

        z-index: 4;

        width: 78%;

        padding:
            55px
            0
            55px
            9%;
    }


    .central-hero-slide__content h2 {

        margin-bottom: 20px;

        font-size: 32px;
    }


    .central-hero-slide__content p {

        max-width: 400px;

        font-size: 16px;
    }


    .central-hero-slide__logo {
        display: block;
        align-self: flex-start;
        margin-left: 0 !important;
        margin-right: auto;
        width: 170px;
        height: auto;       
        /*
            width: 170px;
            margin-top: 25px;
        */
    }

}



/* =========================================================
   PAGINATION DOTS
   ========================================================= */
/*
.embla__dots {
    position: absolute;

    z-index: 10;

    left: 50%;
    bottom: 14px;

    transform: translateX(-50%);

    display: flex;
    align-items: center;

    gap: 8px;
}


.embla__dot {
    width: 10px;
    height: 10px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.50);

    cursor: pointer;
}


.embla__dot.is-selected {

    background: #ffffff;
}


.embla__dot:hover,
.embla__dot:focus {

    background: #ffffff;
}

*/

/* =========================================================
   PAGINATION DOTS - LIGHT + DARK SLIDE SAFE
   ========================================================= */

.embla__dot {
    width: 10px;
    height: 10px;

    padding: 0;

    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 50%;

    background: rgba(14, 32, 53, 0.48);

    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.18);

    cursor: pointer;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}


.embla__dot.is-selected {
    background: #f5a623;

    transform: scale(1.15);
}


.embla__dot:hover,
.embla__dot:focus {
    background: #f5a623;
}

/* =========================================================
   AUTOPLAY PAUSE / PLAY BUTTON
   ========================================================= */

.embla__autoplay-toggle {
    position: absolute;

    z-index: 10;

    left: calc(50% + 72px);
    bottom: 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: rgba(14,32,53,0.78);
    color: #ffffff;

    cursor: pointer;
}
/* SVG ring */

.embla__autoplay-progress {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    transform: rotate(-90deg);

    pointer-events: none;
}


/* Background ring */

.embla__autoplay-progress-track {
    fill: none;

    stroke: rgba(255,255,255,0.28);
    stroke-width: 2;
}


/* Countdown ring */

.embla__autoplay-progress-value {
    fill: none;

    stroke: #ffffff;
    stroke-width: 2;

    stroke-linecap: round;

    stroke-dasharray: 100;
    stroke-dashoffset: 0;
}


/* Pause / Play symbol */

.embla__autoplay-icon {
    position: relative;

    z-index: 2;

    display: block;

    font-size: 13px;
    line-height: 1;

    pointer-events: none;
}


.embla__autoplay-toggle:hover,
.embla__autoplay-toggle:focus {
    background: #0e2035;
}

.embla__autoplay-toggle:hover,
.embla__autoplay-toggle:focus {
    background: #0e2035;
    color: #ffffff;
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .central-hero-slide__content h2,
    .central-hero-slide__content p,
    .central-hero-slide__content .embla__button,
    .central-hero-slide__content .central-hero-slide__logo {

        animation: none !important;
        transition: none !important;

        opacity: 1 !important;
        transform: none !important;
    }

}

/* =========================================================
   LIGHT HERO SLIDE ONLY
   Add class: hero-slide--light
   ========================================================= */

.hero-slide.hero-slide--light {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #f4f8fc;
}


/* Full-width hero area */
.hero-slide--light .hero-slide__inner {
    position: relative;
    width: 100%;
    min-height: 440px;
    background: linear-gradient(
        90deg,
        #f7fbff 0%,
        #edf4fb 36%,
        #dcebf7 52%,
        #c3ddef 62%,
        #ffffff 100%
    );
}


/* Constrain main hero content centrally */
.hero-slide--light .hero-slide__inner {
    display: flex;
    align-items: stretch;
    justify-content: center;
}


/* Left text panel */
.hero-slide--light .hero-slide__content {
    position: relative;
    z-index: 3;

    width: 50%;
    max-width: 560px;

    padding: 56px 36px 52px 36px;
    margin-right: auto;
    margin-left: calc((100% - 1120px) / 2);

    color: #17314d;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}


/* Fallback so content doesn't break on narrower desktop widths */
@media (max-width: 1180px) {
    .hero-slide--light .hero-slide__content {
        margin-left: 30px;
        max-width: 500px;
    }
}


/* Heading */
.hero-slide--light .hero-slide__content h2 {
    margin: 0 0 22px 0;
    font-size: 58px;
    line-height: 1.03;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #17314d;
}

.hero-slide--light .hero-slide__content h2 span {
    display: block;
    color: #3c84d7;
}


/* Paragraph */
.hero-slide--light .hero-slide__content p {
    margin: 0 0 28px 0;
    max-width: 470px;

    font-size: 20px;
    line-height: 1.45;
    font-weight: 400;

    color: #294560;
}


/* CTA button */
.hero-slide--light .embla__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 14px 24px;
    margin: 0;

    background: #f5ab1d;
    color: #0e2035;

    border: 0;
    border-radius: 8px;

    font-size: 22px;
    font-weight: 700;
    text-decoration: none;

    box-shadow: 0 4px 14px rgba(14, 32, 53, 0.12);
    transition: background 0.2s ease, transform 0.2s ease;
}

.hero-slide--light .embla__button:hover,
.hero-slide--light .embla__button:focus {
    background: #efb53c;
    color: #0e2035;
    text-decoration: none;
    transform: translateY(-1px);
}


/* Brand logo under CTA */
.hero-slide--light .hero-slide__brand-logo {
    display: block;
    margin-top: 26px;
    max-width: 260px;
    width: auto;
    height: auto;
}


/* Right image panel */
.hero-slide--light .hero-slide__media {
    position: relative;
    z-index: 1;

    width: 50%;
    min-height: 440px;
    overflow: hidden;

    display: flex;
    align-items: stretch;
    justify-content: flex-end;
}


/* Image */
.hero-slide--light .hero-slide__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 440px;
    object-fit: cover;
    object-position: center center;
}


/* Softer fade between left and right */
.hero-slide--light .hero-slide__media::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 36%;
    z-index: 2;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(237, 244, 251, 1) 0%,
        rgba(237, 244, 251, 0.94) 12%,
        rgba(237, 244, 251, 0.70) 42%,
        rgba(237, 244, 251, 0.25) 72%,
        rgba(237, 244, 251, 0) 100%
    );
}


/* Optional subtle overall image softening */
.hero-slide--light .hero-slide__media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0.02) 0%,
        rgba(255, 255, 255, 0.02) 100%
    );
}


/* =========================================================
   DESKTOP / LARGE TABLET
   ========================================================= */

@media (min-width: 992px) and (max-width: 1180px) {

    .hero-slide--light .hero-slide__inner {
        min-height: 400px;
    }

    .hero-slide--light .hero-slide__content {
        width: 48%;
        padding: 44px 28px 42px 28px;
    }

    .hero-slide--light .hero-slide__content h2 {
        font-size: 48px;
    }

    .hero-slide--light .hero-slide__content p {
        font-size: 18px;
    }

    .hero-slide--light .hero-slide__media,
    .hero-slide--light .hero-slide__image {
        min-height: 400px;
    }
}


/* =========================================================
   TABLET PORTRAIT
   ========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .hero-slide--light .hero-slide__inner {
        min-height: 360px;
    }

    .hero-slide--light .hero-slide__content {
        width: 50%;
        max-width: none;
        margin-left: 70px;
        padding: 34px 22px 34px 0;
    }

    .hero-slide--light .hero-slide__content h2 {
        font-size: 40px;
    }

    .hero-slide--light .hero-slide__content p {
        font-size: 17px;
        margin-bottom: 22px;
        max-width: 340px;
    }

    .hero-slide--light .embla__button {
        font-size: 19px;
        padding: 12px 20px;
    }

    .hero-slide--light .hero-slide__brand-logo {
        margin-top: 20px;
        max-width: 220px;
    }

    .hero-slide--light .hero-slide__media,
    .hero-slide--light .hero-slide__image {
        min-height: 360px;
    }

    .hero-slide--light .hero-slide__media::before {
        width: 28%;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .hero-slide.hero-slide--light {
        background: #f5f9fd;
    }

    .hero-slide--light .hero-slide__inner {
        display: block;
        min-height: auto;
        background: linear-gradient(
            180deg,
            #f8fbfe 0%,
            #edf5fb 100%
        );
    }

    .hero-slide--light .hero-slide__content {
        position: relative;
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 26px 22px 18px 22px;

        color: #17314d;
    }

    .hero-slide--light .hero-slide__content h2 {
        font-size: 38px;
        line-height: 1.05;
        margin: 0 0 16px 0;
    }

    .hero-slide--light .hero-slide__content p {
        font-size: 17px;
        line-height: 1.45;
        margin: 0 0 18px 0;
        max-width: none;
    }

    .hero-slide--light .embla__button {
        font-size: 18px;
        padding: 12px 18px;
    }

    .hero-slide--light .hero-slide__brand-logo {
        margin-top: 16px;
        max-width: 210px;
    }

    .hero-slide--light .hero-slide__media {
        width: 100%;
        min-height: auto;
    }

    .hero-slide--light .hero-slide__image {
        width: 100%;
        height: auto;
        min-height: 0;
        object-fit: cover;
    }

    .hero-slide--light .hero-slide__media::before,
    .hero-slide--light .hero-slide__media::after {
        display: none;
    }
}

/* =========================================================
   LIGHT VERSION OF CENTRAL HERO SLIDE
   ========================================================= */

.central-hero-slide--light {
    background:
        linear-gradient(
            105deg,
            #f8fbfe 0%,
            #eef5fb 48%,
            #dceaf6 100%
        );
}


/* LEFT CONTENT */
.central-hero-slide--light .central-hero-slide__content {
    color: #17314d;
}


/* HEADING */
.central-hero-slide--light .central-hero-slide__content h2 {
    color: #17314d;
}


/* Optional accent line within heading */
.central-hero-slide--light .central-hero-slide__content h2 span {
    color: #3a86c6;
}


/* BODY COPY */
.central-hero-slide--light .central-hero-slide__content p {
    color: #294560;
}


/* CTA */
.central-hero-slide--light .embla__button {
    background: #f3ad2b;
    color: #0e2035;

    border: 1px solid rgba(14, 32, 53, 0.15);

    box-shadow:
        0 3px 10px rgba(14, 32, 53, 0.12);
}


.central-hero-slide--light .embla__button:hover,
.central-hero-slide--light .embla__button:focus {
    background: #ffc14f;
    color: #0e2035;
}


/* IMAGE SIDE */
.central-hero-slide--light .central-hero-slide__image-wrap {
    position: relative;
}


/* SOFT FADE FROM LIGHT CONTENT AREA INTO IMAGE */
.central-hero-slide--light .central-hero-slide__image-wrap::before {
    content: "";

    position: absolute;
    z-index: 2;

    top: 0;
    bottom: 0;
    left: 0;

    width: 34%;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(238, 245, 251, 1) 0%,
            rgba(238, 245, 251, 0.9) 18%,
            rgba(238, 245, 251, 0.55) 50%,
            rgba(238, 245, 251, 0) 100%
        );
}

/* =========================================================
   EMBLA PRODUCT SLIDE
   Centrally constrained to 1120px

   HEIGHTS MATCH CENTRAL HERO:
   Desktop: 360px
   Tablet:  350px
   Mobile:  500px
   ========================================================= */


/* =========================================================
   FULL-WIDTH PRODUCT SLIDE BACKGROUND
   ========================================================= */

.product-slide {
    position: relative;

    width: 100%;
    min-height: 360px;

    overflow: hidden;

    /*
     * Default background.
     *
     * These colours can be overridden individually
     * on each slide using CSS variables in the HTML.
     */

    --product-bg-start: #702318;
    --product-bg-mid: #c48632;
    --product-bg-end: #ef6539;
    
    background: linear-gradient(
        105deg,
        var(--product-bg-start) 0%,
        var(--product-bg-mid) 55%,
        var(--product-bg-end) 100%
    );    
}



/* Product Slide Background Colour Classes */
/* Orange / warm */
.product-slide.product-slide--orange {
    --product-bg-start: #702318;
    --product-bg-mid: #c48632;
    --product-bg-end: #ef6539;
}


/* Blue */
.product-slide.product-slide--blue {
    --product-bg-start: #12344f;
    --product-bg-mid: #39799a;
    --product-bg-end: #6eb4c7;
}


/* Green */
.product-slide.product-slide--green {
    --product-bg-start: #183f34;
    --product-bg-mid: #4f8a68;
    --product-bg-end: #91c59e;
}

/* Pink */

.product-slide.product-slide--pink {
    --product-bg-start: #6f234b;
    --product-bg-mid: #b54f7e;
    --product-bg-end: #ef8fb2;
}


/* Purple */

.product-slide.product-slide--purple {
    --product-bg-start: #39235f;
    --product-bg-mid: #7250a1;
    --product-bg-end: #b391d3;
}


/* Teal */

.product-slide.product-slide--teal {
    --product-bg-start: #123f45;
    --product-bg-mid: #347f82;
    --product-bg-end: #79c2bd;
}


/* Deep red */

.product-slide.product-slide--red {
    --product-bg-start: #5d1c24;
    --product-bg-mid: #a64047;
    --product-bg-end: #e27874;
}


/* Golden yellow */

.product-slide.product-slide--gold {
    --product-bg-start: #6d4a16;
    --product-bg-mid: #b9832d;
    --product-bg-end: #edc15d;
}


/* Aqua / cyan */

.product-slide.product-slide--aqua {
    --product-bg-start: #15506a;
    --product-bg-mid: #398eaa;
    --product-bg-end: #82d0dc;
}

/* Other Coffee */
.product-slide.product-slide--coffee {
    --product-bg-start: #683021;
    --product-bg-mid: #ad6031;
    --product-bg-end: #dfa04a;
}

/* Steel */

.product-slide.product-slide--steel {
    --product-bg-start: #18344d;
    --product-bg-mid: #3b637b;
    --product-bg-end: #7897a8;
}

/* Slate / steel */

.product-slide.product-slide--slate {
    --product-bg-start: #263746;
    --product-bg-mid: #52697c;
    --product-bg-end: #92a5b5;
}


/* Berry */

.product-slide.product-slide--berry {
    --product-bg-start: #4a1f3e;
    --product-bg-mid: #81436d;
    --product-bg-end: #c57ba3;
}


/* Lime / fresh green */

.product-slide.product-slide--lime {
    --product-bg-start: #3e561e;
    --product-bg-mid: #7d9f3a;
    --product-bg-end: #bddb72;
}


/* Navy */

.product-slide.product-slide--navy {
    --product-bg-start: #0e2035;
    --product-bg-mid: #254b6b;
    --product-bg-end: #5f8ba9;
}

/* Navy */

.product-slide.product-slide--cyan {
    --product-bg-start: #001489;
    --product-bg-mid: #005EB8;
    --product-bg-end: #00AEEF;
}

/* =========================================================
   PROMOSCENTRAL PRODUCT ALT SLIDE PALETTE
   ========================================================= */


/* 1. LANYARDS
   Neutral steel blue - lets multi-coloured lanyards dominate.
*/

.product-slide.product-slide--lanyards {
    --product-bg-start: #0e2035;
    --product-bg-mid: #2d4e65;
    --product-bg-end: #6c899b;
}


/* 2. NECK TUBES
   Muted petrol / teal - energetic without becoming garish.
*/

.product-slide.product-slide--necktubes {
    --product-bg-start: #0e2035;
    --product-bg-mid: #285b63;
    --product-bg-end: #67a0a0;
}


/* 3. MUGS
   Warm copper - particularly effective behind white ceramics.
*/

.product-slide.product-slide--mugs {
    --product-bg-start: #0e2035;
    --product-bg-mid: #72503d;
    --product-bg-end: #c48658;
}


/* 4. RUBBER KEYRINGS
   Muted violet - colourful enough for RubberBrand,
   but darker and more sophisticated than a bright purple.
*/

.product-slide.product-slide--rubber {
    --product-bg-start: #0e2035;
    --product-bg-mid: #55436d;
    --product-bg-end: #8d77a3;
}


/* 5. MOUSEMATS
   Smoky indigo / slate - deliberately restrained because
   the printed mat designs contain plenty of colour already.
*/

.product-slide.product-slide--mousemats {
    --product-bg-start: #0e2035;
    --product-bg-mid: #3f466c;
    --product-bg-end: #777fa8;
}


/* 6. COUNTERMATS
   Muted bronze / olive - warmer than the mousemat slide
   but still neutral enough for full-colour printed artwork.
*/

.product-slide.product-slide--countermats {
    --product-bg-start: #0e2035;
    --product-bg-mid: #555b45;
    --product-bg-end: #9a9a68;
}


/* 7. BRANDOW
   Deep berry into dusty rose.
   Strongest individual personality of the seven.
*/

.product-slide.product-slide--brandow {
    --product-bg-start: #0e2035;
    --product-bg-mid: #68425e;
    --product-bg-end: #b37080;
}

/*
 * Prevent any ::after gradient intended for photographic
 * hero slides from appearing on a product slide.
 */

.product-slide::after {
    display: none;
}


/* =========================================================
   CENTRAL CONTENT AREA
   ========================================================= */

/*
 * Background remains full browser width.
 *
 * Actual text + product artwork are constrained
 * to a maximum width of 1120px.
 */

.product-slide__inner {
    position: relative;

    display: flex;
    align-items: center;

    width: calc(100% - 40px);
    max-width: 1120px;

    min-height: 360px;

    margin: 0 auto;

    box-sizing: border-box;
}


/* =========================================================
   TEXT AREA
   ========================================================= */

.product-slide__content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;    

    flex: 0 0 38%;

    max-width: 420px;

    padding-right: 30px;

    box-sizing: border-box;

    color: #ffffff;
}


/* =========================================================
   PRODUCT HEADING
   ========================================================= */

.product-slide__content h2 {
    margin: 0 0 15px 0;

    color: #ffffff;

    font-size: clamp(40px, 3.5vw, 58px);
    font-weight: 700;

    line-height: 1.04;

    letter-spacing: -1px;
}


/* =========================================================
   PRODUCT DESCRIPTION
   ========================================================= */

.product-slide__content p {
    margin: 0 0 24px 0;

    max-width: 390px;

    color: #ffffff;

    font-size: 19px;
    line-height: 1.45;
}


/* =========================================================
   PRODUCT SLIDE CTA BUTTON
   ========================================================= */

.product-slide .embla__button {
    display: inline-flex;

    align-items: center;
    align-self: flex-start;

    gap: 14px;

    width: auto;

    padding: 14px 22px;

    /* background: #ffffff;
    color: #102a43; 

    border: 0;
    border-radius: 8px; */
    background: #0e2035;
    color: #ffffff;

    border: 1px solid rgba(255,255,255,0.65);

    box-shadow: 0 3px 10px rgba(0,0,0,0.18);

    font-size: 17px;
    font-weight: 700;

    line-height: 1;

    text-decoration: none;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}


.product-slide .embla__button:hover,
.product-slide .embla__button:focus {
   /* background: #f2f2f2;
    color: #102a43; */

    background: #173a5f;
    color: #ffffff;

    text-decoration: none;

    transform: translateY(-2px);
}


/* Arrow inside CTA */

.product-slide .embla__button-arrow {
    display: inline-block;

    font-size: 28px;
    font-weight: 400;

    line-height: 0.7;
}


/* =========================================================
   PRODUCT IMAGE AREA
   ========================================================= */

.product-slide__picture {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 1 1 auto;

    min-width: 0;

    z-index: 2;
}


.product-slide__picture picture {
    display: block;

    width: 100%;
}


/*
 * Desktop image should normally be a transparent PNG/WebP
 * containing the complete row of products.
 */

.product-slide__image {
    display: block;

    width: 100%;
    max-width: 100%;

    height: auto;

    margin: 0 auto;

    object-fit: contain;
}

/* =========================================================
   TABLET / IPAD
   Portrait + landscape
   ========================================================= */

@media (min-width: 768px) and (max-width: 1180px) {


    /* -----------------------------------------------------
       RESERVE SPACE FOR LEFT / RIGHT ARROWS
       ----------------------------------------------------- */

    .central-hero-slide__inner,
    .product-slide__inner {
        width: calc(100% - 120px);
        max-width: 1040px;

        margin-left: auto;
        margin-right: auto;
    }


    /* Keep arrows close to screen edges */

    .embla__prev {
        left: 10px;
    }

    .embla__next {
        right: 10px;
    }


    /* -----------------------------------------------------
       GENERAL SLIDE HEIGHT
       ----------------------------------------------------- */

    .central-hero-slide,
    .product-slide {
        min-height: 320px;
    }


    .central-hero-slide__inner,
    .product-slide__inner {
        min-height: 320px;
    }


    /* =====================================================
       HERO SLIDE
       ===================================================== */

    .central-hero-slide__content {
        flex-basis: 44%;

        padding:
            24px
            18px
            24px
            0;
    }


    .central-hero-slide__content h2 {
        margin-bottom: 14px;

        font-size: 30px;
        line-height: 1.1;
    }


    .central-hero-slide__content p {
        margin-bottom: 16px;

        font-size: 15px;
        line-height: 1.35;
    }


    .central-hero-slide__content .embla__button {
        padding: 11px 16px;

        font-size: 15px;
    }


    .central-hero-slide__logo {
        width: 165px;

        margin-top: 14px;
    }


    .central-hero-slide__image {
        min-height: 320px;
        height: 320px;
    }


    /* =====================================================
       PRODUCT SLIDE
       ===================================================== */

    .product-slide__content {
        flex-basis: 40%;

        padding-right: 18px;
    }


    .product-slide__content h2 {
        margin-bottom: 10px;

        font-size: 34px;
        line-height: 1.05;
    }


    .product-slide__content p {
        margin-bottom: 16px;

        font-size: 16px;
        line-height: 1.35;
    }


    .product-slide .embla__button {
        padding: 11px 16px;

        font-size: 15px;
    }


    .product-slide__image {
        max-height: 275px;
    }

}
/* =========================================================
   TABLET / IPAD LANDSCAPE
   ========================================================= */

@media
    (min-width: 768px)
    and (max-width: 1180px)
    and (orientation: landscape) {

    .central-hero-slide,
    .product-slide {
        min-height: 300px;
    }


    .central-hero-slide__inner,
    .product-slide__inner {
        min-height: 300px;
    }


    .central-hero-slide__image {
        min-height: 300px;
        height: 300px;
    }


    .product-slide__image {
        max-height: 255px;
    }

}

/* =========================================================
   IPAD / TABLET PORTRAIT
   Extra clearance for carousel arrows
   ========================================================= */

@media
    (min-width: 768px)
    and (max-width: 991px)
    and (orientation: portrait) {


    /* Give arrows a larger protected gutter */

    .central-hero-slide__inner,
    .product-slide__inner {
        width: calc(100% - 160px);
        max-width: none;
    }


    /* Slightly reduce arrow size */

    .embla__prev,
    .embla__next {
        width: 42px;
        height: 42px;

        font-size: 26px;
    }


    .embla__prev {
        left: 8px;
    }

    .embla__next {
        right: 8px;
    }


    /* -----------------------------------------------------
       HERO - slightly tighter for portrait
       ----------------------------------------------------- */

    .central-hero-slide__content {
        flex-basis: 46%;

        padding-right: 14px;
    }


    .central-hero-slide__content h2 {
        font-size: 28px;
    }


    .central-hero-slide__content p {
        font-size: 15px;
    }


    /* -----------------------------------------------------
       PRODUCT SLIDE
       ----------------------------------------------------- */

    .product-slide__content {
        flex-basis: 42%;

        padding-right: 14px;
    }


    .product-slide__content h2 {
        font-size: 31px;
    }


    .product-slide__content p {
        font-size: 15px;
    }

}

/* =========================================================
   PROGRESSIVE ENHANCEMENT / SAFARI SAFEGUARD
   ========================================================= */

/*
 * Important content is VISIBLE by default.
 *
 * It is hidden for animation only after JavaScript has
 * successfully initialised Embla and added:
 *
 *     .embla--ready
 *
 * If JavaScript fails, important text/buttons remain visible.
 */


/* Text initial animation state */

.embla.embla--ready .product-slide__content h2,
.embla.embla--ready .product-slide__content p, 
.embla.embla--ready .product-slide__content .embla__button,
.embla.embla--ready .product-slide__content .product-slide__brand-logo {

    opacity: 0;

    transform: translateY(20px);
}


/* Product image initial animation state */

.embla.embla--ready
.product-slide__image {

    opacity: 0;

    transform: scale(0.97);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}


/* =========================================================
   SELECTED SLIDE ANIMATIONS
   ========================================================= */


/* 1. Product heading */

.embla.embla--ready
.embla__slide.is-selected
.product-slide__content h2 {

    animation: emblaTextIn 0.65s ease forwards;

    animation-delay: 0.20s;
}


/* 2. Product description */

.embla.embla--ready
.embla__slide.is-selected
.product-slide__content p {

    animation: emblaTextIn 0.65s ease forwards;

    animation-delay: 0.50s;
}


/* 3. CTA button */

.embla.embla--ready
.embla__slide.is-selected
.product-slide__content .embla__button {

    animation: emblaTextIn 0.65s ease forwards;

    animation-delay: 1.10s;
}

/* 4. Product artwork */

.embla.embla--ready
.embla__slide.is-selected
.product-slide__image {

    opacity: 1;

    transform: scale(1);
}


.embla.embla--ready
.embla__slide.is-selected
.product-slide__content
.product-slide__brand-logo {

    animation: emblaTextIn 0.70s ease forwards;
    animation-delay: 0.80s;
}

/* =========================================================
   TEXT APPEARANCE ANIMATION
   ========================================================= */

@keyframes emblaTextIn {

    from {
        opacity: 0;

        transform: translateY(20px);
    }

    to {
        opacity: 1;

        transform: translateY(0);
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .product-slide {
        min-height: 350px;
    }


    .product-slide__inner {
        width: calc(100% - 30px);
        max-width: 1120px;

        min-height: 350px;
    }


    .product-slide__content {
        flex-basis: 40%;

        max-width: none;

        padding-right: 25px;
    }


    .product-slide__content h2 {
        font-size: 42px;
    }


    .product-slide__content p {
        font-size: 18px;
    }

}

@media (min-width: 768px) and (max-width: 1180px) {

    .product-slide__brand-link {
        margin-top: 14px;
    }

    .product-slide__brand-logo {
        width: 145px;
        max-width: 80%;
    }

}
/* =========================================================
   MOBILE
   ========================================================= */

/* =========================================================
   MOBILE PRODUCT SLIDE
   Ordered layout:
   Heading
   Text
   Product
   CTA
   ========================================================= */

@media (max-width: 767px) {

    .product-slide {
        min-height: 500px;
    }


    /* -----------------------------------------------------
       MAIN MOBILE LAYOUT

       display:grid gives us control over the order while
       retaining the existing HTML structure.
       ----------------------------------------------------- */

    .product-slide__inner {
        position: relative;

        display: grid;

        grid-template-columns: 1fr;

        /*
         * Heading
         * Description
         * Product image
         * CTA
         */
        grid-template-rows:
            auto
            auto
            minmax(0, 1fr)
            auto
            auto;

        width: 100%;
        max-width: none;

        min-height: 500px;

        margin: 0;

        padding:
            32px
            28px
            58px
            28px;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       IMPORTANT

       On desktop .product-slide__content is the left-hand
       column containing heading, text and button.

       On mobile, display:contents lets those three elements
       participate directly in the grid above.

       This allows us to put the product image between
       the text and CTA without changing your HTML.
       ----------------------------------------------------- */

    .product-slide__content {
        display: contents;
    }


    /* =====================================================
       1. HEADING
       ===================================================== */

    .product-slide__content h2 {
        grid-row: 1;

        margin:
            0
            0
            8px
            0;

        width: 100%;
        max-width: none;

        color: #ffffff;

        font-size: 30px;
        line-height: 1.05;

        letter-spacing: -0.5px;

        text-align: left;
    }


    /* =====================================================
       2. DESCRIPTION
       ===================================================== */

    .product-slide__content p {
        grid-row: 2;

        width: 100%;
        max-width: 420px;

        margin:
            0
            0
            12px
            0;

        color: #ffffff;

        font-size: 16px;
        line-height: 1.35;

        text-align: left;
    }


    /* =====================================================
       3. PRODUCT IMAGE
       ===================================================== */

    .product-slide__picture {
        position: relative;

        grid-row: 3;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        height: 100%;
        min-height: 0;

        margin: 0;

        padding: 2px 0 8px 0;

        z-index: 2;
    }


    .product-slide__picture picture {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        height: 100%;
    }


    /*
     * The <picture> element will already have swapped
     * the desktop montage for your dedicated mobile image.
     */

    .product-slide__image {
        position: static;

        display: block;

        width: auto;
        height: 100%;

        max-width: 95%;
        max-height: 290px;

        margin: 0 auto;

        object-fit: contain;
        object-position: center;
    }


    /* =====================================================
       4. CTA
       ===================================================== */

    .product-slide__content .embla__button {
        grid-row: 5;

        justify-self: start !important;
        align-self: start;

        width: auto;

        margin: 4px 0 0 0;
        /* margin-top:18px; */

        padding: 12px 17px;

        font-size: 15px;
    }
    /* =====================================================
       5. BRAND LOGO
       ===================================================== */
    .product-slide__brand-link {
        grid-row: 4;

        justify-self: start;

        margin-top: 8px;
        margin-bottom: 12px;
    }

    .product-slide__brand-logo {
        width: 135px;
        max-width: 55vw;
    }

    .embla__autoplay-toggle {
        width: 34px;
        height: 34px;

        left: calc(50% + 70px);
        bottom: 5px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .product-slide {
        min-height: 500px;
    }


    .product-slide__inner {
        min-height: 500px;

        padding:
            28px
            20px
            55px
            20px;
    }


    .product-slide__content h2 {
        margin-bottom: 7px;

        font-size: 27px;
        line-height: 1.06;
    }


    .product-slide__content p {
        margin-bottom: 8px;

        max-width: 100%;

        font-size: 15px;
        line-height: 1.3;
    }


    .product-slide__picture {
        padding:
            2px
            0
            8px
            0;
    }


    .product-slide__image {
        max-width: 92%;
        max-height: 275px;
    }

    .product-slide__content .embla__button {
        margin-top: 18px;

        /*padding: 11px 15px;*/

        font-size: 14px;
    }
    
     /* Slightly tighter gap after CTA */

    .product-slide__brand-link {
        grid-row: 4;

        justify-self: start;

        margin-top: 6px;
        margin-bottom: 10px;
    }


    /* Smaller site logo on narrow phones */

    .product-slide__brand-logo {
        width: 115px;
        max-width: 45vw;

        height: auto;
    }

}


/* =========================================================
   ACCESSIBILITY - REDUCED MOTION
   ========================================================= */

/*
 * If the visitor has selected Reduce Motion:
 *
 * - animations are disabled
 * - content becomes immediately visible
 */

@media (prefers-reduced-motion: reduce) {

    .embla.embla--ready
    .product-slide__content h2,

    .embla.embla--ready
    .product-slide__content p,

    .embla.embla--ready
    .product-slide__content .embla__button,

    .embla.embla--ready
    .product-slide__image,
    
    .embla.embla--ready
    .product-slide__brand-logo {

        animation: none !important;

        transition: none !important;

        opacity: 1 !important;

        transform: none !important;
    }

}


/* =========================================================
   CLIENT LOGO EMBLA CAROUSEL
   ========================================================= */


/* Main carousel */

.clients-embla {
    position: relative;

    width: 100%;

    max-width: 1120px;

    margin: 0 auto;
}


/* Visible window */

.clients-embla__viewport {
    overflow: hidden;
}


/* Sliding track */

.clients-embla__container {
    display: flex;

    align-items: center;

    touch-action: pan-y pinch-zoom;
}

.clients-section h2 {
    text-align: center;
    text-transform: uppercase;

    margin: 0 0 25px 0;

    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
}

/* =========================================================
   INDIVIDUAL LOGO SLIDES

   DESKTOP:
   20% = 5 logos visible
   ========================================================= */

.clients-embla__slide {
    flex: 0 0 20%;
    min-width: 0;

    box-sizing: border-box;

    padding: 8px 5px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================================
   LOGO IMAGES
   ========================================================= */


.clients-embla__slide img {
    display: block;

    width: 100%;
    max-width: 210px;

    height: auto;

    margin: 0 auto;

    object-fit: contain;
}


/* =========================================================
   TABLET

   33.333% = 3 logos visible
   ========================================================= */

@media (max-width: 991px) {

    .clients-embla__slide {
        flex-basis: 33.333333%;
        padding: 10px 6px;
    }

    .clients-embla__slide img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }

}


/* =========================================================
   MOBILE

   100% = 1 logo visible
   ========================================================= */

@media (max-width: 767px) {

    .clients-embla {
        width: 100%;
    }

    .clients-embla__slide {
        flex-basis: 100%;
        padding: 8px 10px;
    }

    .clients-embla__slide img {
        width: 100%;
        max-width: 260px;
        height: auto;
    }

}

/* =========================================================
   SMALL MOBILE

   100% = 1 logo visible
   ========================================================= */
@media (max-width: 480px) {

    .clients-embla__slide {
        padding: 8px 8px;
    }

    .clients-embla__slide img {
        max-width: 240px;
    }

}

/* =========================================================
   TABLET / IPAD PORTRAIT
   PRODUCT SLIDE - GUARANTEED ARROW CLEARANCE
   ========================================================= */

@media
    (min-width: 768px)
    and (max-width: 1180px)
    and (orientation: portrait) {

    /*
     * Keep the full available width, but create actual
     * protected space inside it for the navigation arrows.
     */

    .embla .product-slide .product-slide__inner {
        width: 100% !important;
        max-width: none !important;

        min-height: 320px;

        margin: 0;

        padding:
            24px
            72px
            42px
            72px;

        box-sizing: border-box;
    }


    /* -----------------------------------------------------
       TEXT COLUMN
       ----------------------------------------------------- */

    .embla .product-slide .product-slide__content {
        flex: 0 0 43%;
        max-width: none;

        padding: 0 16px 0 0;

        box-sizing: border-box;
    }


    .embla .product-slide .product-slide__content h2 {
        margin: 0 0 10px;

        font-size: 29px;
        line-height: 1.05;
    }


    .embla .product-slide .product-slide__content p {
        max-width: 100%;

        margin: 0 0 14px;

        font-size: 15px;
        line-height: 1.35;

        text-align: left;
    }


    /* -----------------------------------------------------
       CTA
       ----------------------------------------------------- */

    .embla .product-slide .embla__button {
        padding: 10px 14px;

        font-size: 14px;
    }


    /* -----------------------------------------------------
       PRODUCT IMAGE
       ----------------------------------------------------- */

    .embla .product-slide .product-slide__picture {
        flex: 1 1 auto;

        min-width: 0;
        height: 100%;
    }


    .embla .product-slide .product-slide__image {
        width: 100%;
        max-width: 100%;
        max-height: 260px;

        object-fit: contain;
    }


    /* -----------------------------------------------------
       ARROWS

       They occupy approximately the first/last 50px,
       while the content begins 72px from the edge.
       ----------------------------------------------------- */

    .embla > .embla__prev,
    .embla > .embla__next {
        width: 42px;
        height: 42px;

        font-size: 25px;
    }


    .embla > .embla__prev {
        left: 8px !important;
    }


    .embla > .embla__next {
        right: 8px !important;
    }

}

/* =========================================================
   PRODUCT SLIDE - ASSOCIATED WEBSITE LOGO
   ========================================================= */

/* Website logo link */

.product-slide__brand-link {
    display: block;
    align-self: flex-start;

    margin-top: 12px;

    line-height: 0;
}
/* CTA below website logo */

.product-slide__content .embla__button {
    margin-top: 18px;
}


/* Website logo */

.product-slide__brand-logo {
    display: block;

    width: 175px;
    max-width: 75%;

    height: auto;

    margin: 0;

    object-fit: contain;
}

/* =========================================================
   PHONE LANDSCAPE
   Short, wide screens such as iPhone landscape
   ========================================================= */

@media
    (orientation: landscape)
    and (max-height: 500px)
    and (max-width: 1024px) {


    /* -----------------------------------------------------
       GENERAL SLIDER HEIGHT
       ----------------------------------------------------- */

    .central-hero-slide,
    .product-slide,
    .central-hero-slide__inner,
    .product-slide__inner {
        min-height: 300px;
    }


    /* -----------------------------------------------------
       PRODUCT SLIDE
       Restore a compact two-column layout in landscape.
       ----------------------------------------------------- */

    .product-slide__inner {
        display: flex;

        width: calc(100% - 100px);
        max-width: none;

        min-height: 300px;

        margin: 0 auto;
        padding: 18px 0 32px;

        align-items: center;
        box-sizing: border-box;
    }


    /*
     * Undo the mobile display:contents layout if Safari
     * has retained/recalculated it during rotation.
     */

    .product-slide__content {
        display: flex;

        flex: 0 0 42%;
        flex-direction: column;
        justify-content: center;

        max-width: none;

        padding: 0 18px 0 0;

        box-sizing: border-box;
    }


    .product-slide__content h2 {
        margin: 0 0 7px;

        font-size: 27px;
        line-height: 1.05;

        text-align: left;
    }


    .product-slide__content p {
        width: auto;
        max-width: 100%;

        margin: 0 0 8px;

        font-size: 14px;
        line-height: 1.3;

        text-align: left;
    }


    /* Associated website logo */

    .product-slide__brand-link {
        display: block;

        align-self: flex-start;

        margin: 5px 0 0;

        line-height: 0;
    }


    .product-slide__brand-logo {
        width: 115px;
        max-width: 80%;

        height: auto;
    }


    /* CTA */

    .product-slide__content .embla__button {
        display: inline-flex;

        align-items: center;
        align-self: flex-start;

        width: auto;

        margin-top: 10px;

        padding: 9px 13px;

        font-size: 13px;
        line-height: 1;
    }


    .product-slide .embla__button-arrow {
        font-size: 22px;
    }


    /* Product artwork */

    .product-slide__picture {
        position: relative;

        display: flex;

        flex: 1 1 auto;

        align-items: center;
        justify-content: center;

        width: auto;
        height: 260px;
        min-width: 0;

        margin: 0;
        padding: 0;
    }


    .product-slide__picture picture {
        display: flex;

        align-items: center;
        justify-content: center;

        width: 100%;
        height: 100%;
    }


    .product-slide__image {
        position: static;

        display: block;

        width: 100%;
        height: auto;

        max-width: 100%;
        max-height: 250px;

        margin: 0 auto;

        object-fit: contain;
    }


    /* -----------------------------------------------------
       CENTRALISED HERO SLIDE
       ----------------------------------------------------- */

    .central-hero-slide__inner {
        display: flex;

        width: calc(100% - 100px);
        max-width: none;

        min-height: 300px;

        margin: 0 auto;

        align-items: stretch;
    }


    .central-hero-slide__content {
        position: relative;

        display: flex;

        flex: 0 0 45%;
        flex-direction: column;
        justify-content: center;

        width: auto;

        padding: 20px 18px 30px 0;
    }


    .central-hero-slide__content h2 {
        margin-bottom: 10px;

        font-size: 27px;
        line-height: 1.08;
    }


    .central-hero-slide__content p {
        margin-bottom: 10px;

        font-size: 14px;
        line-height: 1.3;
    }


    .central-hero-slide__content .embla__button {
        padding: 9px 13px;

        font-size: 13px;
    }


    .central-hero-slide__logo {
        width: 135px;

        margin-top: 10px;
    }


    .central-hero-slide__visual {
        position: relative;

        flex: 1 1 auto;

        width: auto;
        height: auto;

        inset: auto;
    }


    .central-hero-slide__image {
        width: 100%;
        height: 300px;

        min-height: 300px;

        object-fit: cover;
    }


    /*
     * Restore the desktop/tablet-style fade rather than
     * the full-width mobile overlay.
     */

    .central-hero-slide__visual::before {
        width: 90px;

        background: linear-gradient(
            90deg,
            rgba(14, 32, 53, 1) 0%,
            rgba(14, 32, 53, 0.85) 35%,
            rgba(14, 32, 53, 0) 100%
        );
    }


    /* -----------------------------------------------------
       CAROUSEL CONTROLS
       ----------------------------------------------------- */

    .embla > .embla__prev,
    .embla > .embla__next {
        width: 38px;
        height: 38px;

        font-size: 22px;
    }


    .embla > .embla__prev {
        left: 7px;
    }


    .embla > .embla__next {
        right: 7px;
    }


    .embla__dots {
        bottom: 8px;
    }


    .embla__autoplay-toggle {
        bottom: 1px;

        width: 30px;
        height: 30px;
    }

}

/* =========================================================
   EMBLA PAGINATION + AUTOPLAY CONTROL GROUP
   ========================================================= */

.embla__controls {
    position: absolute;

    z-index: 10;

    left: 50%;
    bottom: 7px;

    transform: translateX(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 16px;
}


/* Pagination dots now sit naturally within the control group */

.embla__controls .embla__dots {
    position: static;

    left: auto;
    bottom: auto;

    transform: none;

    display: flex;
    align-items: center;

    gap: 8px;
}


/* Pause / Play control now sits after the dots */

.embla__controls .embla__autoplay-toggle {
    position: relative;

    left: auto;
    bottom: auto;

    flex: 0 0 auto;

    margin: 0;
}

/* *********************
Alternative Hero Colours
************************/
/* Orange first line */

.hero-heading-accent {
    display: block;

    color: #f5a623;

    margin-bottom: 8px;
}


/* Remaining heading line(s) */

.hero-heading-accent + span {
    display: block;
}

.central-hero-slide__heading-line {
    display: block;
}

.central-hero-slide__heading-line--one {
    color: #17314d !important;
}

.central-hero-slide__heading-line--two {
    color: #3a86c6 !important;
}

.central-hero-slide__heading-line--three {
    color: #f3ad2b !important;
}

.central-hero-slide__heading-test {
    display: block;
}


/* Main statement */
.central-hero-slide__heading-test--one {
    color: #17314d !important;
}


/* Secondary emphasis */
.central-hero-slide__heading-test--two {
    color: #4f6f8f !important;
}


/* Warm accent, but deliberately muted */
.central-hero-slide__heading-test--three {
    color: #b67a22 !important;
}

/* =========================================================
   SOURCE: rb-test-optimised.css (preserved in full)
   ========================================================= */

/* ==========================================
   RUBBERBRAND OVERVIEW: HERO
   Compatible with Bootstrap 3.3.0
   ========================================== */

.rb-brand-hero {
    padding: 70px 0 28px;
    color: #17212a;
    background: #f8f8f5;
}

.rb-brand-hero__row {
    display: flex;
    align-items: center;
}

.rb-brand-hero__content {
    padding-top: 15px;
    padding-bottom: 15px;
}

.rb-brand-hero__eyebrow {
    margin: 0 0 18px;
    color: #0e2035;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.rb-brand-hero__logo-link {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 24px;
}

.rb-brand-hero__logo {
    display: block;
    width: 340px;
    max-width: 100%;
    height: auto;
}

.rb-brand-hero__heading {
    max-width: 520px;
    margin: 0 0 18px;
    color: #17212a;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.8px;
    text-transform: none;
}

.rb-brand-hero__heading span {
    display: block;
}

.rb-brand-hero__intro {
    max-width: 490px;
    margin: 0 0 26px;
    color: #53606a;
    font-size: 17px;
    line-height: 1.7;
    text-align: left;
}

.rb-brand-hero__actions {
    margin-bottom: 32px;
}

.rb-brand-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 11px 12px 11px 22px;
    border: 2px solid #f2a51a;
    border-radius: 7px;
    background: #f2a51a;
    color: #152c4e;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    box-shadow:
        0 4px 10px rgba(21, 44, 78, 0.18),
        0 1px 2px rgba(21, 44, 78, 0.12);
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

/* Circular arrow */
.rb-brand-hero__button span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-left: 15px;
    border-radius: 50%;
    background: #152c4e;
    color: #ffffff;
    font-size: 19px;
    line-height: 1;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

/* Hover and keyboard focus */
.rb-brand-hero__button:hover,
.rb-brand-hero__button:focus {
    border-color: #ffb52e;
    background: #ffb52e;
    color: #152c4e;
    text-decoration: none;
    box-shadow:
        0 7px 16px rgba(21, 44, 78, 0.24),
        0 2px 4px rgba(21, 44, 78, 0.14);
    transform: translateY(-2px);
}

.rb-brand-hero__button:hover span,
.rb-brand-hero__button:focus span {
    background: #0e2035;
}

/* Physical pressed-button effect */
.rb-brand-hero__button:active {
    background: #df9210;
    border-color: #df9210;
    box-shadow:
        0 2px 5px rgba(21, 44, 78, 0.2);
    transform: translateY(1px);
}

.rb-brand-hero__button:active span {
    transform: translateX(2px);
}

/* Clear keyboard focus */
.rb-brand-hero__button:focus {
    outline: 3px solid rgba(58, 134, 198, 0.45);
    outline-offset: 3px;
}

/* REASSURANCE POINTS */

.rb-brand-hero__reassurance {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -10px;
}

.rb-brand-hero__reassurance-item {
    display: flex;
    align-items: center;
    width: 33.333%;
    padding: 0 10px;
    color: #36434c;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.rb-brand-hero__reassurance-item .glyphicon {
    flex: 0 0 auto;
    margin-right: 9px;
    /* color: #f0a124; */
    color: #b86f00;
    font-size: 19px;
}

/* HERO IMAGE */

.rb-brand-hero__visual {
    text-align: center;
}

.rb-brand-hero__image-link {
    display: block;
    max-width: 650px;
    margin: 0 auto;
}

.rb-brand-hero__image {
    display: block;
    width: 100%;
    max-width: 650px;
    height: auto;
    margin: 0 auto;
}

/* OPTIONAL CATEGORY LINKS */

.rb-brand-hero__categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 42px;
    padding-top: 19px;
    border-top: 1px solid #e4e7e3;
    font-size: 14px;
    line-height: 1.6;
}

.rb-brand-hero__categories-label {
    margin: 0 19px 8px 0;
    color: #53606a;
    font-weight: 600;
}

.rb-brand-hero__categories a {
    margin: 0 20px 8px 0;
    /* color: #185438; */
    color: #b86f00;
    text-decoration: none;
}

.rb-brand-hero__categories a:hover,
.rb-brand-hero__categories a:focus {
    color: #123f2a;
    text-decoration: underline;
}

/* ==========================================
   OPTIONAL PRODUCT CATEGORY CARDS
   ========================================== */

.rb-brand-products {
    padding: 65px 0 55px;
    background: #ffffff;
}

.rb-brand-products__intro {
    max-width: 680px;
    margin: 0 auto 32px;
    text-align: center;
}

.rb-brand-products__heading {
    margin: 0 0 10px;
    color: #17212a;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
}

.rb-brand-products__description {
    margin: 0;
    color: #53606a;
    font-size: 16px;
    line-height: 1.65;
}

.rb-brand-products__column {
    margin-bottom: 25px;
}

.rb-brand-products__card {
    display: block;
    height: 100%;
    overflow: hidden;
    border: 1px solid #e7e9e6;
    border-radius: 6px;
    background: #ffffff;
    color: #17212a;
    text-decoration: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.rb-brand-products__card:hover,
.rb-brand-products__card:focus {
    border-color: #c9d8ce;
    color: #17212a;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(21, 44, 78, 0.08);
}

.rb-brand-products__card:hover {
    transform: translateY(-2px);
}

.rb-brand-products__image-wrap {
    display: block;
    overflow: hidden;
    background: #f5f6f3;
}

.rb-brand-products__image {
    display: block;
    width: 100%;
    height: auto;
}

.rb-brand-products__card-content {
    display: block;
    padding: 17px 16px 18px;
}

.rb-brand-products__card-title {
    display: block;
    margin-bottom: 7px;
    color: #17212a;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.rb-brand-products__card-copy {
    display: block;
    /* min-height: 62px;*/
    margin-bottom: 12px;
    color: #53606a;
    font-size: 13px;
    line-height: 1.6;
}

.rb-brand-products__card-link {
    display: block;
    /* color: #f2a51a;*/
    color: #b86f00;
    font-size: 13px;
    font-weight: 600;
}

.rb-brand-products__card-link span {
    margin-left: 5px;
}

/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 991px) {

    .rb-brand-hero {
        padding-top: 55px;
    }

    .rb-brand-hero__logo {
        width: 280px;
    }

    .rb-brand-hero__heading {
        font-size: 34px;
    }

    .rb-brand-hero__intro {
        font-size: 16px;
    }

    .rb-brand-hero__reassurance-item {
        font-size: 11px;
    }

    .rb-brand-hero__reassurance-item .glyphicon {
        margin-right: 6px;
        font-size: 17px;
    }

    .rb-brand-products__card-copy {
        min-height: 42px;
    }

}

/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {

    .rb-brand-hero {
        padding: 38px 0 22px;
    }

    .rb-brand-hero__row {
        display: block;
    }

    .rb-brand-hero__content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .rb-brand-hero__eyebrow {
        margin-bottom: 14px;
        font-size: 11px;
        letter-spacing: 1.1px;
    }

    .rb-brand-hero__logo-link {
        margin-bottom: 19px;
    }

    .rb-brand-hero__logo {
        width: 265px;
    }

    .rb-brand-hero__heading {
        max-width: 440px;
        margin-bottom: 14px;
        font-size: 34px;
        line-height: 1.14;
    }

    .rb-brand-hero__intro {
        max-width: 470px;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.6;
    }

    .rb-brand-hero__actions {
        margin-bottom: 24px;
    }

    .rb-brand-hero__button {
        width: 100%;
        max-width: 360px;
        min-height: 52px;
    }

    .rb-brand-hero__reassurance {
        margin-right: -6px;
        margin-left: -6px;
    }

    .rb-brand-hero__reassurance-item {
        padding-right: 6px;
        padding-left: 6px;
        font-size: 11px;
    }

    .rb-brand-hero__reassurance-item .glyphicon {
        margin-right: 6px;
        font-size: 16px;
    }

    .rb-brand-hero__visual {
        margin-top: 25px;
    }

    .rb-brand-hero__image-link {
        max-width: 470px;
    }

    .rb-brand-hero__categories {
        margin-top: 24px;
        padding-top: 17px;
        font-size: 13px;
    }

    .rb-brand-hero__categories-label {
        width: 100%;
        margin-bottom: 7px;
    }

    .rb-brand-hero__categories a {
        margin-right: 16px;
    }

    .rb-brand-products {
        padding: 45px 0 28px;
    }

    .rb-brand-products__intro {
        margin-bottom: 25px;
        text-align: left;
    }

    .rb-brand-products__heading {
        font-size: 26px;
    }

    .rb-brand-products__description {
        font-size: 15px;
    }

    .rb-brand-products__column {
        max-width: 440px;
        margin-right: auto;
        margin-bottom: 18px;
        margin-left: auto;
        float: none;
    }

    .rb-brand-products__card-copy {
        min-height: 0;
    }

}

/* ==========================================
   SMALLER MOBILE DEVICES
   ========================================== */

@media (max-width: 399px) {

    .rb-brand-hero__logo {
        width: 235px;
    }

    .rb-brand-hero__heading {
        font-size: 30px;
    }

    .rb-brand-hero__reassurance-item {
        width: 100%;
        margin-bottom: 11px;
        font-size: 13px;
    }

    .rb-brand-hero__reassurance-item br {
        display: none;
    }

    .rb-brand-hero__reassurance-item .glyphicon {
        width: 20px;
        margin-right: 8px;
    }

}
/* Equal-height product cards on desktop */
@media (min-width: 992px) {

    .rb-brand-products__row {
        display: flex;
        flex-wrap: wrap;
    }

    .rb-brand-products__column {
        display: flex;
        float: none;
    }

    .rb-brand-products__card {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .rb-brand-products__card-content {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
    }

    .rb-brand-products__card-link {
        margin-top: auto;
    }

}

/* ==========================================
   REDUCED MOTION
   ========================================== */

@media (prefers-reduced-motion: reduce) {

    .rb-brand-hero__button,
    .rb-brand-products__card {
        transition: none;
    }

    .rb-brand-hero__button:hover,
    .rb-brand-products__card:hover {
        transform: none;
    }

}

/* =========================================================
   BRAND PRODUCT CARDS - TABLET PORTRAIT / BOOTSTRAP SM
   Keep cards equal height in each row
   ========================================================= */

@media (min-width: 768px) and (max-width: 991px) {

    .rb-brand-products__row {
        display: flex;
        flex-wrap: wrap;
    }

    .rb-brand-products__column {
        display: flex;
        float: none;
    }

    .rb-brand-products__card {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }

    .rb-brand-products__card-content {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    .rb-brand-products__card-link {
        margin-top: auto;
    }

}

/* =========================================================
   PROMOSCENTRAL: SPECIALIST WEBSITES SECTION
   Bootstrap 3.3.0 compatible.

   All custom selectors use the pc-sites namespace to avoid
   collisions with existing Embla, hero and product-slide CSS.
   ========================================================= */

.pc-sites,
.pc-sites *,
.pc-directory,
.pc-directory * {
    box-sizing: border-box;
}

.pc-sites {
    padding: 72px 0 58px;
    overflow: hidden;
    color: #152c4e;
    background: #f8f8f5;
}

/* SECTION INTRODUCTION */

.pc-sites__header {
    max-width: 820px;
    margin: 0 auto 38px;
    text-align: center;
}

.pc-sites__eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 13px;
    color: #152c4e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
}

.pc-sites__eyebrow::before,
.pc-sites__eyebrow::after {
    width: 29px;
    height: 2px;
    margin: 0 13px;
    background: #f2a51a;
    content: "";
}

.pc-sites__heading {
    margin: 0 0 13px;
    color: #152c4e;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -0.6px;
    line-height: 1.18;
    text-transform: none;
}

.pc-sites__intro {
    max-width: 720px;
    margin: 0 auto;
    color: #53606a;
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
}

/* Responsive section introduction. Tile and reassurance layouts
   are handled by their own scoped media queries below. */
@media (max-width: 991px) {

    .pc-sites {
        padding: 58px 0 46px;
    }

    .pc-sites__heading {
        font-size: 34px;
    }

}

@media (max-width: 767px) {

    .pc-sites {
        padding: 43px 0 35px;
    }

    .pc-sites__header {
        margin-bottom: 28px;
        text-align: left;
    }

    .pc-sites__eyebrow {
        justify-content: flex-start;
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .pc-sites__eyebrow::before {
        display: none;
    }

    .pc-sites__eyebrow::after {
        width: 24px;
        margin-right: 0;
        margin-left: 10px;
    }

    .pc-sites__heading {
        font-size: 29px;
        line-height: 1.2;
    }

    .pc-sites__intro {
        font-size: 15px;
        line-height: 1.6;
        text-align: left;
    }

}

@media (max-width: 479px) {

    .pc-sites__heading {
        font-size: 27px;
    }

}

/* REASSURANCE STRIP */

.pc-sites__trust {
    display: flex;
    align-items: stretch;
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid #e2e5e7;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(21, 44, 78, 0.06);
}

.pc-sites__trust-lead,
.pc-sites__trust-item {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 21px 22px;
}

.pc-sites__trust-lead {
    position: relative;
    flex: 1.2 1 0;
    font-size: 17px;
    line-height: 1.35;
}

.pc-sites__trust-lead::after {
    position: absolute;
    right: 0;
    width: 1px;
    height: 52%;
    background: #e2e5e7;
    content: "";
}

.pc-sites__trust-item {
    flex: 1 1 0;
}

.pc-sites__trust-icon {
    display: inline-flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-right: 11px;
    border: 1px solid #214369;
    border-radius: 50%;
    color: #d78400;
    font-size: 13px;
    font-weight: 700;
}

.pc-sites__trust-item strong,
.pc-sites__trust-item small {
    display: block;
}

.pc-sites__trust-item strong {
    color: #152c4e;
    font-size: 13px;
    line-height: 1.35;
}

.pc-sites__trust-item small {
    margin-top: 3px;
    color: #68747d;
    font-size: 11px;
    line-height: 1.4;
}

/* =========================================================
   PROMOSCENTRAL: 2-3-3-3 WEBSITE TILE SYSTEM
   Bootstrap 3.3.0 compatible; no JavaScript required.

   This file contains all CSS required for the 11 website
   tiles only:
     - 2 primary tiles
     - 3 secondary tiles
     - 3 + 3 tertiary tiles

   It intentionally does not style the section heading,
   introductory copy or reassurance strip.

   All rules are scoped beneath .pc-sites--ranked to avoid
   clashes with Bootstrap, Embla and other site components.
   ========================================================= */

.pc-sites--ranked,
.pc-sites--ranked * {
    box-sizing: border-box;
}

/* ---------------------------------------------------------
   GRID
   --------------------------------------------------------- */

.pc-sites--ranked .pc-sites__rank-primary-row,
.pc-sites--ranked .pc-sites__rank-secondary-row,
.pc-sites--ranked .pc-sites__rank-tertiary-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

/* Prevent Bootstrap 3 row clearfix pseudo-elements becoming
   unwanted flex items. */
.pc-sites--ranked .pc-sites__rank-primary-row::before,
.pc-sites--ranked .pc-sites__rank-primary-row::after,
.pc-sites--ranked .pc-sites__rank-secondary-row::before,
.pc-sites--ranked .pc-sites__rank-secondary-row::after,
.pc-sites--ranked .pc-sites__rank-tertiary-row::before,
.pc-sites--ranked .pc-sites__rank-tertiary-row::after {
    display: none;
}

.pc-sites--ranked .pc-sites__rank-primary-column,
.pc-sites--ranked .pc-sites__rank-secondary-column,
.pc-sites--ranked .pc-sites__rank-tertiary-column {
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    float: none;
}

.pc-sites--ranked .pc-sites__rank-primary-column {
    width: 50%;
}

.pc-sites--ranked .pc-sites__rank-secondary-column,
.pc-sites--ranked .pc-sites__rank-tertiary-column {
    width: 33.333333%;
}

.pc-sites--ranked .pc-sites__rank-tertiary-row--last {
    margin-top: 0;
}

/* ---------------------------------------------------------
   SHARED CARD STYLING
   --------------------------------------------------------- */

.pc-sites--ranked .pc-sites__card,
.pc-sites--ranked .pc-sites__compact-card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(21, 44, 78, 0.10);
    color: #152c4e;
    text-decoration: none;
    isolation: isolate;
}

.pc-sites--ranked .pc-sites__card {
    display: flex;
    border-radius: 13px;
    box-shadow: 0 7px 22px rgba(21, 44, 78, 0.07);
}

.pc-sites--ranked .pc-sites__compact-card {
    display: flex;
    align-items: stretch;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 4px 13px rgba(21, 44, 78, 0.06);
}

/* Prevent Bootstrap link styling without animating the tile */
.pc-sites--ranked .pc-sites__card:hover,
.pc-sites--ranked .pc-sites__card:focus,
.pc-sites--ranked .pc-sites__compact-card:hover,
.pc-sites--ranked .pc-sites__compact-card:focus {
    color: #152c4e;
    text-decoration: none;
}

.pc-sites--ranked .pc-sites__card:focus,
.pc-sites--ranked .pc-sites__compact-card:focus {
    outline: 3px solid rgba(58, 134, 198, 0.48);
    outline-offset: 3px;
}

/* Card background colours */

.pc-sites--ranked .pc-sites__card--blue {
   /* background: #e9f3fa;*/
    background: #e7edff;
}

.pc-sites--ranked .pc-sites__card--sand {
    /* background: #fff0df;*/
    background: #fff0e3; /* Apricot */
}

.pc-sites--ranked .pc-sites__card--rose {
    /* background: #faeeee;*/
    background: #f3e7df; /* Clay Neutral */
}

.pc-sites--ranked .pc-sites__card--lilac {
    /* background: #f2edf9;*/
    background: #eee9f8; /* Digital Lilac */
}

.pc-sites--ranked .pc-sites__card--mint {
    /* background: #eaf5f2;*/
    background: #e8f1e4; /* Meadow Green Tint */
}

.pc-sites--ranked .pc-sites__card--stone {
    /* background: #f4efe7;*/
    background: #f2ebe2;
}

.pc-sites--ranked .pc-sites__card--teal {
    /* background: #f4efe7;*/
    background: #E4F1EF;
}

/* Shared content elements */

.pc-sites--ranked .pc-sites__card-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.pc-sites--ranked .pc-sites__logo,
.pc-sites--ranked .pc-sites__compact-logo {
    display: block;
    width: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
}

.pc-sites--ranked .pc-sites__rule {
    display: block;
    flex: 0 0 auto;
    width: 36px;
    height: 3px;
    margin: 15px 0 13px;
    background: #f2a51a;
}

.pc-sites--ranked .pc-sites__description {
    display: block;
    color: #36434c;
}

.pc-sites--ranked .pc-sites__product-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    overflow: hidden;
}

.pc-sites--ranked .pc-sites__product {
    display: block;
    max-width: 100%;
    object-fit: contain;
    transform-origin: center bottom;
    transition: transform 0.25s ease;
}

.pc-sites--ranked .pc-sites__card:hover .pc-sites__product,
.pc-sites--ranked .pc-sites__card:focus .pc-sites__product {
    transform: scale(1.025);
}

/* ---------------------------------------------------------
   PRIMARY: TWO EQUAL FEATURE CARDS
   Uses the earlier flexible side-by-side treatment. Square
   product artwork will naturally fill the available stage.
   --------------------------------------------------------- */

.pc-sites--ranked .pc-sites__card--rank-primary {
    min-height: 355px;
}

.pc-sites--ranked
.pc-sites__card--rank-primary
.pc-sites__card-copy {
    flex: 0 0 41%;
    min-height: 0;
    padding: 35px 7px 31px 31px;
}

.pc-sites--ranked
.pc-sites__card--rank-primary
.pc-sites__logo {
    height: 58px;
    max-height: 58px;
}

.pc-sites--ranked
.pc-sites__card--rank-primary
.pc-sites__description {
    max-width: 245px;
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.55;
}

.pc-sites--ranked
.pc-sites__card--rank-primary
.pc-sites__product-wrap {
    flex: 1 1 auto;
    align-items: flex-end;
    justify-content: center;
    padding: 10px 4px 0 0;
}

.pc-sites--ranked
.pc-sites__card--rank-primary
.pc-sites__product {
    width: 100%;
    height: auto;
    max-height: 325px;
    object-position: center bottom;
}

/* Primary CTA retains its useful visible wording. */

.pc-sites--ranked
.pc-sites__card--rank-primary
.pc-sites__link-text,
.pc-directory__cta {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    max-width: 100%;
    margin-top: auto;
    color: #152c4e;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}

.pc-sites--ranked
.pc-sites__card--rank-primary
.pc-sites__arrow,
.pc-directory__arrow {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    overflow: hidden;
    border: 1px solid rgba(21, 44, 78, 0.10);
    border-radius: 50%;
    background: #f2a51a;
    color: transparent;
    font-size: 0;
    box-shadow: 0 3px 8px rgba(21, 44, 78, 0.12);
    transition:
        background-color 0.20s ease,
        box-shadow 0.20s ease,
        transform 0.12s ease;
}

.pc-sites--ranked
.pc-sites__card--rank-primary
.pc-sites__arrow::before,
.pc-directory__arrow::before {
    position: absolute;
    top: 13px;
    left: 8px;
    width: 12px;
    height: 2px;
    border-radius: 2px;
    background: #152c4e;
    content: "";
}

.pc-sites--ranked
.pc-sites__card--rank-primary
.pc-sites__arrow::after,
.pc-directory__arrow::after {
    position: absolute;
    top: 10px;
    right: 8px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #152c4e;
    border-right: 2px solid #152c4e;
    content: "";
    transform: rotate(45deg);
}

.pc-sites--ranked
.pc-sites__card--rank-primary:hover
.pc-sites__arrow,
.pc-sites--ranked
.pc-sites__card--rank-primary:focus
.pc-sites__arrow,
.pc-directory__card:hover .pc-directory__arrow,
.pc-directory__card:focus .pc-directory__arrow {
    background: #ffb52e;
    box-shadow: 0 5px 12px rgba(21, 44, 78, 0.18);
}

.pc-sites--ranked
.pc-sites__card--rank-primary:active
.pc-sites__arrow,
.pc-directory__card:active .pc-directory__arrow {
    background: #e99a0b;
    box-shadow: 0 2px 5px rgba(21, 44, 78, 0.16);
    transform: scale(0.96);
}

/* ---------------------------------------------------------
   SECONDARY: THREE INTEGRATED LANDSCAPE CARDS
   Recommended artwork: transparent 3:2 montage, 750 x 500px.
   --------------------------------------------------------- */

.pc-sites--ranked .pc-sites__card--rank-secondary {
    position: relative;
    display: block;
    min-height: 285px;
    overflow: hidden;
}

.pc-sites--ranked
.pc-sites__card--rank-secondary
.pc-sites__card-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-height: 285px;
    padding: 26px 24px 24px;
}

.pc-sites--ranked
.pc-sites__card--rank-secondary
.pc-sites__logo {
    width: 82%;
    max-width: 275px;
    height: 54px;
    max-height: 54px;
}

.pc-sites--ranked
.pc-sites__card--rank-secondary
.pc-sites__rule {
    display: none;
}

.pc-sites--ranked
.pc-sites__card--rank-secondary
.pc-sites__description {
    position: relative;
    z-index: 2;
    width: 49%;
    max-width: 165px;
    min-height: 0;
    margin: 16px 0 18px;
    font-size: 14px;
    line-height: 1.45;
}

.pc-sites--ranked
.pc-sites__card--rank-secondary
.pc-sites__product-wrap {
    position: absolute;
    z-index: 1;
    right: -1%;
    bottom: -1%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 67%;
    height: 72%;
    min-height: 0;
    padding: 0;
    pointer-events: none;
}

.pc-sites--ranked
.pc-sites__card--rank-secondary
.pc-sites__product {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-position: right bottom;
}

/* Hide the wording visually. The parent card's aria-label
   continues to provide its accessible link description. */

.pc-sites--ranked
.pc-sites__card--rank-secondary
.pc-sites__link-text {
    position: relative;
    z-index: 3;
    display: inline-flex;
    margin-top: auto;
    font-size: 0;
}

.pc-sites--ranked
.pc-sites__card--rank-secondary
.pc-sites__arrow {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    margin-left: 0;
    overflow: hidden;
    border: 1px solid rgba(21, 44, 78, 0.12);
    border-radius: 50%;
    background: #f2a51a;
    color: transparent;
    font-size: 0;
    box-shadow:
        0 5px 13px rgba(21, 44, 78, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transition:
        background-color 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease,
        transform 0.12s ease;
}

.pc-sites--ranked
.pc-sites__card--rank-secondary
.pc-sites__arrow::before {
    position: absolute;
    top: 23px;
    left: 15px;
    width: 19px;
    height: 2px;
    border-radius: 2px;
    background: #152c4e;
    content: "";
}

.pc-sites--ranked
.pc-sites__card--rank-secondary
.pc-sites__arrow::after {
    position: absolute;
    top: 19px;
    right: 15px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #152c4e;
    border-right: 2px solid #152c4e;
    content: "";
    transform: rotate(45deg);
}

.pc-sites--ranked
.pc-sites__card--rank-secondary:hover
.pc-sites__arrow,
.pc-sites--ranked
.pc-sites__card--rank-secondary:focus
.pc-sites__arrow {
    border-color: rgba(21, 44, 78, 0.20);
    background: #ffb52e;
    box-shadow:
        0 7px 17px rgba(21, 44, 78, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.40);
}

.pc-sites--ranked
.pc-sites__card--rank-secondary:active
.pc-sites__arrow {
    background: #e99a0b;
    box-shadow:
        0 2px 6px rgba(21, 44, 78, 0.18),
        inset 0 1px 2px rgba(21, 44, 78, 0.08);
    transform: scale(0.96);
}

/* ---------------------------------------------------------
   TERTIARY: THREE + THREE ENLARGED COMPACT CARDS
   --------------------------------------------------------- */

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-card {
    min-height: 165px;
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-media {
    position: relative;
    display: flex;
    flex: 0 0 40%;
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
}

.pc-sites--ranked .pc-sites__compact-media--blue {
    background: #E7EDFF; /* #e9f3fa;*/
}

.pc-sites--ranked .pc-sites__compact-media--sand {
    background: #fff0e3; /* #fff0df;*/
}

.pc-sites--ranked .pc-sites__compact-media--mint {
    background: #e8f1e4; /* #eaf5f2; */
}

.pc-sites--ranked .pc-sites__compact-media--rose {
    background: #f3e7df; /* #faeeee; */
}

.pc-sites--ranked .pc-sites__compact-media--lilac {
    background: #eee9f8; /* #f2edf9; */
}

.pc-sites--ranked .pc-sites__compact-media--teal {
    background: #E4F1EF;
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-media img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 5px 0;
    object-fit: contain;
    object-position: center bottom;
    transition: transform 0.25s ease;
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-card:hover
.pc-sites__compact-media img,
.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-card:focus
.pc-sites__compact-media img {
    transform: scale(1.025);
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 20px 58px 20px 16px;
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-logo {
    height: 38px;
    max-height: 38px;
    margin-bottom: 11px;
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-description {
    display: block;
    color: #53606a;
    font-size: 13px;
    line-height: 1.45;
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-arrow {
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 13px;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border: 1px solid rgba(21, 44, 78, 0.12);
    border-radius: 50%;
    background: #f2a51a;
    color: transparent;
    font-size: 0;
    line-height: 1;
    box-shadow:
        0 4px 10px rgba(21, 44, 78, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
    transform: translateY(-50%);
    transition:
        background-color 0.20s ease,
        border-color 0.20s ease,
        box-shadow 0.20s ease,
        transform 0.12s ease;
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-arrow::before {
    position: absolute;
    top: 18px;
    left: 12px;
    width: 15px;
    height: 2px;
    border-radius: 2px;
    background: #152c4e;
    content: "";
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-arrow::after {
    position: absolute;
    top: 15px;
    right: 12px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #152c4e;
    border-right: 2px solid #152c4e;
    content: "";
    transform: rotate(45deg);
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-card:hover
.pc-sites__compact-arrow,
.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-card:focus
.pc-sites__compact-arrow {
    border-color: rgba(21, 44, 78, 0.20);
    background: #ffb52e;
    box-shadow:
        0 6px 15px rgba(21, 44, 78, 0.19),
        inset 0 1px 0 rgba(255, 255, 255, 0.40);
}

.pc-sites--ranked
.pc-sites__rank-tertiary-column
.pc-sites__compact-card:active
.pc-sites__compact-arrow {
    background: #e99a0b;
    box-shadow:
        0 2px 6px rgba(21, 44, 78, 0.18),
        inset 0 1px 2px rgba(21, 44, 78, 0.08);
    transform: translateY(-50%) scale(0.96);
}

/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 991px) {

    .pc-sites--ranked .pc-sites__card--rank-primary {
        min-height: 335px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary
    .pc-sites__card-copy {
        flex-basis: 48%;
        padding: 29px 8px 26px 25px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary
    .pc-sites__logo {
        height: 50px;
        max-height: 50px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__card-copy {
        padding-right: 20px;
        padding-left: 20px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__logo {
        width: 90%;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__description {
        width: 52%;
        font-size: 13px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-media {
        flex-basis: 38%;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-copy {
        padding-right: 52px;
        padding-left: 13px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-arrow {
        right: 10px;
        width: 38px;
        height: 38px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-arrow::before {
        top: 17px;
        left: 11px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-arrow::after {
        top: 14px;
        right: 11px;
    }

}

/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767px) {

    .pc-sites--ranked .pc-sites__rank-primary-column,
    .pc-sites--ranked .pc-sites__rank-secondary-column,
    .pc-sites--ranked .pc-sites__rank-tertiary-column {
        display: block;
        width: 100%;
        float: left;
    }

    /* Primary cards remain side by side internally. */

    .pc-sites--ranked .pc-sites__card--rank-primary {
        display: flex;
        min-height: 275px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary
    .pc-sites__card-copy {
        flex: 0 0 52%;
        min-height: 0;
        padding: 25px 5px 24px 22px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary
    .pc-sites__logo {
        height: 43px;
        max-height: 43px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary
    .pc-sites__description {
        min-height: 0;
        font-size: 13px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary
    .pc-sites__product-wrap {
        flex: 1 1 auto;
        min-height: 0;
        padding: 8px 0 0;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary
    .pc-sites__product {
        max-height: 255px;
    }

    /* Integrated secondary cards remain landscape internally. */

    .pc-sites--ranked .pc-sites__card--rank-secondary,
    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__card-copy {
        min-height: 275px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__card-copy {
        padding: 24px 22px 22px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__logo {
        width: 78%;
        max-width: 285px;
        height: 50px;
        max-height: 50px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__description {
        width: 46%;
        max-width: 175px;
        font-size: 13px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__product-wrap {
        width: 65%;
        height: 70%;
    }

    /* Tertiary cards */

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-card {
        min-height: 155px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-media {
        flex-basis: 36%;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-copy {
        padding: 18px 62px 18px 17px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-logo {
        height: 36px;
        max-height: 36px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-description {
        display: block;
        font-size: 13px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-arrow {
        right: 15px;
        width: 42px;
        height: 42px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-arrow::before {
        top: 19px;
        left: 13px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-arrow::after {
        top: 16px;
        right: 13px;
    }

}

/* ---------------------------------------------------------
   SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width: 479px) {

    /* Stack only the primary card content and product artwork. */

    .pc-sites--ranked .pc-sites__card--rank-primary {
        display: block;
        min-height: 0;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary
    .pc-sites__card-copy {
        width: 100%;
        min-height: 205px;
        padding: 24px 22px 17px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary
    .pc-sites__product-wrap {
        width: 100%;
        min-height: 175px;
        padding: 0 8px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary
    .pc-sites__product {
        max-height: 190px;
    }

    .pc-sites--ranked .pc-sites__card--rank-secondary,
    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__card-copy {
        min-height: 265px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__logo {
        width: 82%;
        height: 46px;
        max-height: 46px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__description {
        width: 49%;
        max-width: 150px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__product-wrap {
        right: -3%;
        width: 66%;
        height: 66%;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__arrow {
        width: 46px;
        height: 46px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__arrow::before {
        top: 21px;
        left: 14px;
        width: 17px;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-secondary
    .pc-sites__arrow::after {
        top: 17px;
        right: 14px;
        width: 9px;
        height: 9px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-card {
        min-height: 150px;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-media {
        flex-basis: 38%;
    }

}

/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .pc-sites--ranked .pc-sites__card,
    .pc-sites--ranked .pc-sites__compact-card,
    .pc-sites--ranked .pc-sites__product,
    .pc-sites--ranked .pc-sites__arrow,
    .pc-sites--ranked .pc-sites__compact-media img,
    .pc-sites--ranked .pc-sites__compact-arrow {
        transition: none;
    }

    .pc-sites--ranked .pc-sites__card:hover,
    .pc-sites--ranked .pc-sites__card:focus,
    .pc-sites--ranked .pc-sites__compact-card:hover,
    .pc-sites--ranked .pc-sites__compact-card:focus,
    .pc-sites--ranked .pc-sites__card:hover .pc-sites__product,
    .pc-sites--ranked .pc-sites__card:focus .pc-sites__product,
    .pc-sites--ranked
    .pc-sites__compact-card:hover
    .pc-sites__compact-media img,
    .pc-sites--ranked
    .pc-sites__compact-card:focus
    .pc-sites__compact-media img {
        transform: none;
    }

    .pc-sites--ranked
    .pc-sites__card--rank-primary:active
    .pc-sites__arrow,
    .pc-sites--ranked
    .pc-sites__card--rank-secondary:active
    .pc-sites__arrow {
        transform: none;
    }

    .pc-sites--ranked
    .pc-sites__rank-tertiary-column
    .pc-sites__compact-card:active
    .pc-sites__compact-arrow {
        transform: translateY(-50%);
    }

}

/* =========================================================
   PROMOSCENTRAL REASSURANCE ROW
   Tablet and mobile overrides
   ========================================================= */

/* TABLET: heading across the top, three equal columns below */
@media (min-width: 768px) and (max-width: 991px) {

    .pc-sites--ranked .pc-sites__trust {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        overflow: hidden;
    }

    .pc-sites--ranked .pc-sites__trust-lead {
        display: flex;
        grid-column: 1 / -1;
        align-items: center;
        width: auto;
        min-width: 0;
        padding: 18px 22px;
        border-bottom: 1px solid #e1e5e8;
        background: #f6f8fa;
        font-size: 17px;
        line-height: 1.35;
    }

    /* Remove the desktop vertical divider */
    .pc-sites--ranked .pc-sites__trust-lead::after {
        display: none;
        content: none;
    }

    .pc-sites--ranked .pc-sites__trust-item {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: center;
        column-gap: 12px;
        width: auto;
        min-width: 0;
        padding: 18px 16px;
        border-top: 0;
        border-left: 1px solid #edf0f1;
    }

    /* First reassurance item does not need a left divider */
    .pc-sites--ranked .pc-sites__trust-item:nth-child(2) {
        border-left: 0;
    }

    .pc-sites--ranked .pc-sites__trust-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin: 0;
        flex: none;
    }

    .pc-sites--ranked .pc-sites__trust-item > span:last-child {
        min-width: 0;
    }

    .pc-sites--ranked .pc-sites__trust-item strong {
        display: block;
        font-size: 13px;
        line-height: 1.3;
    }

    .pc-sites--ranked .pc-sites__trust-item small {
        display: block;
        margin-top: 3px;
        font-size: 11px;
        line-height: 1.4;
        overflow-wrap: break-word;
    }
}


/* MOBILE: one clear stacked reassurance list */
@media (max-width: 767px) {

    .pc-sites--ranked .pc-sites__trust {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
        margin-top: 20px;
        overflow: hidden;
        border-radius: 10px;
    }

    .pc-sites--ranked .pc-sites__trust-lead {
        display: block;
        width: auto;
        min-width: 0;
        padding: 18px;
        border-bottom: 1px solid #e1e5e8;
        background: #f6f8fa;
        font-size: 17px;
        line-height: 1.35;
    }

    .pc-sites--ranked .pc-sites__trust-lead::after {
        display: none;
        content: none;
    }

    .pc-sites--ranked .pc-sites__trust-item {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: center;
        column-gap: 13px;
        width: auto;
        min-width: 0;
        padding: 16px 18px;
        border-top: 1px solid #edf0f1;
        border-left: 0;
    }

    /* The lead already supplies the divider */
    .pc-sites--ranked .pc-sites__trust-item:nth-child(2) {
        border-top: 0;
    }

    .pc-sites--ranked .pc-sites__trust-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        margin: 0;
        flex: none;
        font-size: 11px;
        line-height: 1;
    }

    .pc-sites--ranked .pc-sites__trust-item > span:last-child {
        min-width: 0;
    }

    .pc-sites--ranked .pc-sites__trust-item strong {
        display: block;
        font-size: 14px;
        line-height: 1.3;
    }

    .pc-sites--ranked .pc-sites__trust-item small {
        display: block;
        margin-top: 3px;
        font-size: 12px;
        line-height: 1.45;
        overflow-wrap: break-word;
    }
}


/* SMALL PHONES */
@media (max-width: 399px) {

    .pc-sites--ranked .pc-sites__trust-lead {
        padding: 16px 15px;
        font-size: 16px;
    }

    .pc-sites--ranked .pc-sites__trust-item {
        grid-template-columns: 38px minmax(0, 1fr);
        column-gap: 11px;
        padding: 15px;
    }

    .pc-sites--ranked .pc-sites__trust-icon {
        width: 38px;
        height: 38px;
    }

}

/* =========================================================
   PROMOSCENTRAL FULL WEBSITES DIRECTORY
   Bootstrap 3.3 compatible; deliberately separate from
   the homepage .pc-sites and Embla class names.
   ========================================================= */

.pc-directory {
    padding: 66px 0 72px;
    color: #152c4e;
    background: #f7f7f4;
}

.pc-directory__header {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: block;
    float: none;
    width: auto;
    height: auto;
    min-height: 0;
    max-width: 800px;
    margin: 0 auto 38px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent;
    text-align: center;
    box-shadow: none;
    transform: none;
}

.pc-directory__eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 13px;
    color: #152c4e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4;
    text-transform: uppercase;
}

.pc-directory__eyebrow::before,
.pc-directory__eyebrow::after {
    width: 28px;
    height: 3px;
    margin: 0 13px;
    background: #f5a400;
    content: "";
}

.pc-directory__heading {
    margin: 0 0 15px;
    color: #152c4e;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -0.7px;
    line-height: 1.15;
    text-transform: none;
}

.pc-directory__lead {
    margin: 0 0 10px;
    color: #253b59;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.55;
}

.pc-directory__intro {
    margin: 0 auto 8px;
    color: #536174;
    font-size: 15px;
    line-height: 1.65;
}

.pc-directory__grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin: -12px;
}

.pc-directory__item {
    display: flex;
    width: 33.333333%;
    margin: 0;
    padding: 12px;
}

.pc-directory__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: 500px;
    overflow: hidden;
    border: 1px solid rgba(21, 44, 78, 0.11);
    border-radius: 14px;
    color: #152c4e;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(21, 44, 78, 0.07);
}

.pc-directory__card:hover,
.pc-directory__card:focus,
.pc-directory__card:active {
    color: #152c4e;
    text-decoration: none;
}

.pc-directory__card:focus {
    outline: 3px solid #5aa7d6;
    outline-offset: 3px;
}

/* Restrained individual backgrounds: every card has equal weight. */
.pc-directory__card--blue   { background: #eaf4fb; }
.pc-directory__card--rose   { background: #f8eeee; }
.pc-directory__card--mint   { background: #eaf7f2; }
.pc-directory__card--lilac  { background: #f3eefb; }
.pc-directory__card--sand   { background: #fff2df; }
.pc-directory__card--powder { background: #edf5fa; }
.pc-directory__card--peach  { background: #fff0e2; }
.pc-directory__card--teal   { background: #eaf5f3; }
.pc-directory__card--blush  { background: #faeeee; }
.pc-directory__card--violet { background: #f4effa; }
.pc-directory__card--ice    { background: #edf5f8; }

.pc-directory__logo-wrap {
    display: flex;
    align-items: center;
    min-height: 100px;
    padding: 24px 25px 13px;
}

.pc-directory__logo {
    display: block;
    width: 100%;
    max-width: 290px;
    height: 68px;
    object-fit: contain;
    object-position: left center;
    /* transition: transform 180ms ease; */
}

.pc-directory__visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    margin: 0 18px;
    overflow: hidden;
}

.pc-directory__visual::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: rgba(21, 44, 78, 0.1);
    content: "";
}

.pc-directory__product {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    /* transition: transform 220ms ease; */
}

.pc-directory__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 21px 25px 25px;
}

.pc-directory__description {
    display: block;
    color: #34465f;
    font-size: 14px;
    line-height: 1.58;
}

.pc-directory__cta {
    padding-top: 22px;
}

/* The card itself remains stationary; only its contents respond. 
.pc-directory__card:hover .pc-directory__logo,
.pc-directory__card:focus .pc-directory__logo {
    transform: translateX(2px);
}

.pc-directory__card:hover .pc-directory__product,
.pc-directory__card:focus .pc-directory__product {
    transform: scale(1.025);
} */

/* TABLET: two equal columns */
@media (min-width: 768px) and (max-width: 991px) {

    .pc-directory {
        padding: 52px 0 60px;
    }

    .pc-directory__heading {
        font-size: 36px;
    }

    .pc-directory__grid {
        margin: -10px;
    }

    .pc-directory__item {
        width: 50%;
        padding: 10px;
    }

    .pc-directory__card {
        min-height: 490px;
    }

    .pc-directory__logo {
        max-width: 280px;
    }

}

/* MOBILE: one card per row */
@media (max-width: 767px) {

    .pc-directory {
        padding: 39px 0 46px;
    }

    .pc-directory__header {
        margin-bottom: 26px;
        text-align: left;
    }

    .pc-directory__eyebrow {
        justify-content: flex-start;
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .pc-directory__eyebrow::before {
        display: none;
    }

    .pc-directory__eyebrow::after {
        margin-right: 0;
        margin-left: 11px;
    }

    .pc-directory__heading {
        margin-bottom: 13px;
        font-size: 32px;
        line-height: 1.16;
    }

    .pc-directory__lead {
        font-size: 16px;
    }

    .pc-directory__intro {
        font-size: 14px;
        line-height: 1.55;
    }

    .pc-directory__grid {
        display: block;
        margin: 0;
    }

    .pc-directory__item {
        display: block;
        width: 100%;
        padding: 0;
    }

    .pc-directory__item + .pc-directory__item {
        margin-top: 18px;
    }

    .pc-directory__card {
        min-height: 0;
        border-radius: 12px;
    }

    .pc-directory__logo-wrap {
        min-height: 86px;
        padding: 20px 20px 10px;
    }

    .pc-directory__logo {
        max-width: 275px;
        height: 60px;
    }

    .pc-directory__visual {
        height: 210px;
        margin: 0 14px;
    }

    .pc-directory__body {
        padding: 19px 20px 21px;
    }

    .pc-directory__description {
        font-size: 14px;
    }

    .pc-directory__cta {
        padding-top: 18px;
    }

}

@media (max-width: 399px) {

    .pc-directory__heading {
        font-size: 29px;
    }

    .pc-directory__visual {
        height: 190px;
    }

    .pc-directory__cta {
        font-size: 13px;
    }

}

@media (prefers-reduced-motion: reduce) {

    .pc-directory__arrow {
        transition: none;
    }

    .pc-directory__card:hover .pc-directory__arrow,
    .pc-directory__card:focus .pc-directory__arrow,
    .pc-directory__card:active .pc-directory__arrow {
        transform: none;
    }

}

.pc-directory__grid {
    position: relative;
    clear: both;
}

/* Pale image blend for the light hero on phone landscape */
@media (orientation: landscape)
       and (max-height: 500px)
       and (max-width: 1024px) {

    .central-hero-slide--light
    .central-hero-slide__visual::before {
        width: 90px;
        background: linear-gradient(
            90deg,
            rgb(238, 245, 251) 0%,
            rgba(238, 245, 251, 0.96) 18%,
            rgba(238, 245, 251, 0.78) 42%,
            rgba(238, 245, 251, 0.42) 70%,
            rgba(238, 245, 251, 0) 100%
        );
    }
}

/* Definitive desktop positioning for hero arrows */
@media (min-width: 1025px) {

    .embla .embla__prev {
        position: absolute !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        left: 20px !important;
        margin: 0 !important;
        transform: translateY(-50%) !important;
    }

    .embla .embla__next {
        position: absolute !important;
        top: 50% !important;
        right: 20px !important;
        bottom: auto !important;
        left: auto !important;
        margin: 0 !important;
        transform: translateY(-50%) !important;
    }
}

/* =========================================================
   DATABASE-GENERATED PRIVACY POLICY
   ========================================================= */

.pc-policy-content {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 45px 30px 65px;
    color: #455563;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.7;
}

/* HEADINGS */

.pc-policy-content h1,
.pc-policy-content h2,
.pc-policy-content h3 {
    font-family: inherit;
    text-align: left !important;
    text-transform: none !important;
}

.pc-policy-content h1 {
    margin: 0 0 25px;
    color: #152c4e;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.pc-policy-content h1::after {
    display: block;
    width: 48px;
    height: 3px;
    margin-top: 14px;
    background: #f2a51a;
    content: "";
}

.pc-policy-content h2 {
    margin: 42px 0 18px;
    padding-bottom: 11px;
    border-bottom: 1px solid #dfe6eb;
    color: #152c4e;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.3;
}

.pc-policy-content h3 {
    margin: 27px 0 11px;
    color: #214369;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}

/* PARAGRAPHS */

.pc-policy-content p {
    max-width: none;
    margin: 0 0 17px;
    color: #455563;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.75;
    text-align: left;
}

/* LISTS */

.pc-policy-content ul,
.pc-policy-content ol {
    margin: 5px 0 22px;
    padding-left: 25px;
}

.pc-policy-content li {
    margin-bottom: 8px;
    color: #455563;
    font-size: 15px;
    line-height: 1.65;
}

.pc-policy-content li::marker {
    color: #d78400;
}

/* LINKS */

.pc-policy-content a {
    color: #286fae;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pc-policy-content a:hover,
.pc-policy-content a:focus {
    color: #152c4e;
    text-decoration-thickness: 2px;
}

/* TABLES */

.pc-policy-content table {
    display: block;
    width: 100%;
    margin: 24px 0 32px;
    overflow-x: auto;
    border: 1px solid #dce4ea;
    border-collapse: collapse;
    border-radius: 7px;
    background: #ffffff;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.55;
    -webkit-overflow-scrolling: touch;
}

.pc-policy-content tbody {
    display: table;
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.pc-policy-content tr {
    background: #ffffff;
}

.pc-policy-content tr:nth-child(even) {
    background: #f5f8fa;
}

.pc-policy-content th,
.pc-policy-content td {
    padding: 13px 15px;
    border-right: 1px solid #dfe6eb;
    border-bottom: 1px solid #dfe6eb;
    color: #455563;
    text-align: left;
    vertical-align: top;
}

.pc-policy-content th {
    background: #152c4e;
    color: #ffffff;
    font-weight: 700;
}

.pc-policy-content th:last-child,
.pc-policy-content td:last-child {
    border-right: 0;
}

.pc-policy-content tr:last-child th,
.pc-policy-content tr:last-child td {
    border-bottom: 0;
}

/* TABLET AND MOBILE */

@media (max-width: 767px) {

    .pc-policy-content {
        padding: 32px 20px 45px;
        font-size: 14px;
    }

    .pc-policy-content h1 {
        font-size: 31px;
    }

    .pc-policy-content h2 {
        margin-top: 34px;
        font-size: 22px;
    }

    .pc-policy-content h3 {
        font-size: 17px;
    }

    .pc-policy-content p,
    .pc-policy-content li {
        font-size: 14px;
        line-height: 1.7;
    }

    .pc-policy-content table {
        font-size: 12px;
    }

    .pc-policy-content th,
    .pc-policy-content td {
        padding: 11px 12px;
    }
}