@import url('https://fonts.googleapis.com/css2?family=Inter&family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* Global Styles */
	
*, *:after, *:before { margin: 0; padding: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body { height: 100%; }
body { font-family: "Inter", sans-serif; font-size: 14px; color: #363636; font-weight: normal; line-height: normal; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; background: #ffffff url(../images/loading.gif) center center no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow-x: hidden; }
::selection { background: #f37936; /* Safari */ color: #fff; }
	
::-moz-selection {
 background:#f37936; /* Firefox */
 color:#fff;
}
img { width: auto\9; /*height:auto;*/
max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
a, a:focus, a:hover { color: #363636; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
a:hover { color: #f37936; outline: none; text-decoration: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
:focus { border: none; outline: none; }
fieldset, a img { border: none; }
ol, ul { list-style-position: inside; /*list-style-type:none;*/
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
/* ClearFix */
.clear { clear: both; height: 0px; overflow: hidden; }
.container:after { content: " "; display: block; clear: both; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
	
/* wrapper */
	
#wrapper { position: relative; height: auto !important; min-height: 100%; height: 100%; width: 100%; display: block; margin: 0 auto; overflow: hidden; background: #ffffff; }
body, #wrapper, .footer-wrapper { opacity: 0; }
.container { position: relative; }
.sr .fooReveal, .sr .boxReveal { visibility: hidden; }
/* Header Styles */

#pageHeaderWrapper { position: relative; width: 100%; display: block; z-index: 999999; margin: 0px auto; }
#pageHeader { position: relative; width: 100%; display: block; margin: 0px auto; z-index: 11111111; padding: 0px 0px 0px; border-bottom: 1px solid #ffffff; border-bottom: 1px solid rgba(255,255,255,0.2); -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.sticky-wrapper { }
.fixedHeader { -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.is-sticky .fixedHeader { background: #ffffff; border-bottom: none !important; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1); -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.header-container { position: relative; display: block; width: 1140px; z-index: 2; margin: 0px auto; }
/* Nav */

.navbar-top { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 9999; }
.navbar-custom { padding: 0px 0px; border: none; border-radius: 0px; margin-bottom: 0px; background-color: transparent; border-bottom: 1px solid #ffffff; border-bottom: 1px solid rgba(255,255,255,0.2); }
.is-sticky .navbar-custom { background: #ffffff; border-bottom: none !important; box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.1); }
.navbar-custom .navbar-brand { position: relative; padding: 0px 15px; width: 202px; height: 35px; margin: 25px 0px 25px; }
.navbar-custom .navbar-brand img { /*position:relative;
	display:block;
	width:100%;
	height:auto;*/
position: absolute; z-index: 1; top: 50%; left: 50%; max-width: 100%; max-height: 100%; margin: 0px auto; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.navbar-custom .navbar-brand img.show-img { display: inline-block; }
.navbar-custom .navbar-brand img.rollover-img { display: none; }
.is-sticky .navbar-custom .navbar-brand img.show-img { display: none; }
.is-sticky .navbar-custom .navbar-brand img.rollover-img { display: inline-block; }
.navbar-custom .navbar-brand.active, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:hover { }
.navbar-custom .nav { font-weight: 500 !important; position: relative; font-size: 14px; padding: 0; margin: 0 auto; display: block; list-style: none; font-style: normal;  }
.navbar-custom .navbar-collapse { border: none; padding: 0px 0px; margin: 0px auto 0px; }
.navbar-custom .navbar-toggle { /*background-color:#f77c33;
    border-color:#f77c33;*/
font-size: 35px; color: #ffffff; border: none; padding: 0px 10px; border-radius: 0px; /*background:none;
	border:none;*/
}
.is-sticky .navbar-custom .navbar-toggle { color: #000000; }
.navbar-custom .navbar-toggle:focus, .navbar-custom .navbar-toggle:hover { /*background-color:#ed742c;
	border-color:#ed742c;*/
background: none; border: none; }
.navbar-custom .nav>li>a { position: relative; display: block; color: #ffffff; line-height: 35px; padding: 25px 10px 25px; background: none !important; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.is-sticky .navbar-custom .nav>li>a { color: #231f20; }
.navbar-custom .nav>li:hover>a, .navbar-custom .nav>li>a:focus, .navbar-custom .nav>li>a:hover, .navbar-custom .navbar-nav>.active>a, .navbar-custom .navbar-nav>.active>a:focus, .navbar-custom .navbar-nav>.active>a:hover { color: #f37936 !important; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; }
.navbar-custom .nav li>ul { position: absolute; font-size: 14px; left: 0%; top: 100%; opacity: 0; width: 100%; min-width: 200px; text-align: left; visibility: hidden; background: #ffffff; text-transform: none; list-style-type: none; margin: 30px 0px 0px 0px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.1); transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; }
.navbar-custom .nav li:hover>ul { opacity: 1; top: 100%; margin-top: 0px; padding: 0px 0px; visibility: visible; transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; }
.navbar-custom .nav ul a, .navbar-custom .nav ul ul a { display: block; color: #000000; padding: 10px 15px; border-top: 1px solid #f1f1f1; }
.navbar-custom .nav ul li:first-child a { }
.navbar-custom .nav ul li:last-child a { border-bottom: none; }
.navbar-custom .nav ul li:hover>a, .navbar-custom .nav ul li.active>a, .navbar-custom .nav ul ul li:hover>a, .navbar-custom .nav ul ul li.active>a { color: #f37936; background: #f1f1f1; -o-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
 @media (min-width:768px) {
.navbar-custom { padding: 0px 0; -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; }
.navbar-nav>li { margin: 0px 1px; }
.navbar-nav>li { position: relative; display: block; float: left; margin: 0px 30px 0px 0px; }
.navbar-nav>li:first-child { }
.navbar-nav>li:last-child { margin-right: 0px; }
.navbar-custom .nav ul>li:hover>ul { top: auto; margin: -38px 0px 0px; }
.navbar-custom .nav ul ul { left: 100%; top: auto; margin: 0px; padding: 0px; }
.navbar-custom .nav ul>li:hover>ul, .navbar-custom .nav ul ul>li:hover>ul { opacity: 1; top: auto; margin-top: 0px; padding: 0px 0px; visibility: visible; }
.navbar-custom .nav ul>li:hover>ul { margin-top: -41px; }
.navbar-custom .navbar-brand { position: relative; display: block; padding: 0px 15px; margin: 25px 0px 25px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
/*.navbar-custom.affix {
		background:#ffffff;
		border-bottom:none !important;
		box-shadow:0px 0px 6px 3px rgba(0,0,0,0.1);
	}*/
}
/* Banner Styles */

.bannerWrapper { position: relative; display: block; width: 100%; z-index: 2; float: left; height: 100%; margin: 0px auto; }
.banner { position: relative; display: block; z-index: 0; width: 100%; margin: 0px auto; }
.homeBannerSlider { position: relative; display: block; width: 100%; margin: 0px auto; }
.banner-slide { position: relative; display: block; width: 100%; padding: 0px; margin: 0px auto; }
.banner-slide figure { position: relative; display: block; width: 100%; z-index: 1; padding: 0px; margin: 0px auto; }
.banner_caption { position: absolute; z-index: 7; top: 50%; left: 0%; width: 100%; color: #ffffff; display: block; margin: 0px auto; padding-top: 90px; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; user-select: none; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.banner_caption .captionWrapper { position: relative; display: block; margin: 0px auto; }
.banner_caption .captionContainer { position: relative; color: #ffffff; width: 50%; font-size: 15px; margin: 0px auto; display: inline-block; vertical-align: middle; }
.banner_caption .captionContainer .bannerHeading1 { font-weight: 800 !important; font-size: 70px; color: #ffffff; line-height: 75px; font-weight: normal; padding-bottom: 10px; letter-spacing: -1px; text-transform: none; }
.banner_caption .captionContainer p { }
.homeBannerSlider .slick-prev, .homeBannerSlider .slick-next { }
.homeBannerSlider .slick-prev { left: 0px; }
.homeBannerSlider .slick-next { right: 0px; }
.homeBannerSlider .slick-slide img { display: block; width: 100%; }
.homeBannerSlider .slick-dots { bottom: 20px; width: 100%; margin: 0px auto; text-align: center; }
.slick-dots li, .slick-dots li button { width: 10px; height: 10px; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { line-height: 10px; border: none; opacity: 1; width: 10px; height: 10px; overflow: hidden; border-radius: 50%; background: #ffffff; }
.slick-dots li:hover button:before, .slick-dots li.slick-active button:before { opacity: 1; background: #f37936; }
/* Container Style */
	
.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt100 { padding-top: 100px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb100 { padding-bottom: 100px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt100 { margin-top: 100px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb100 { margin-bottom: 100px !important; }
.mg5 { margin: 5px !important; }
.p15 { padding: 15px !important; }
.ml15 { margin-left: 15px !important; }
.mr15 { margin-right: 15px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }
/* Intro Section */
	
.intro-container { position: relative; display: block; margin: 0px auto; padding: 100px 0px; }
.intro-content { position: relative; display: block; color: #363636; font-size: 18px; margin: 0px auto; text-align: center; }
.intro-content h2 { font-weight: 800 !important; font-size: 50px; color: #464646; line-height: 60px; /*margin-bottom:50px;*/
text-transform: none; padding-bottom: 50px;/*background:url(../images/shape1.png) center bottom no-repeat;*/
}
.intro-content h2 span { position: relative; display: block; color: #f37936; }
.intro-content p { line-height: 30px; text-align: center; }
/* logo Guidelines Section */
	
.logoGuidelines-container { position: relative; display: block; margin: 0px auto; padding: 30px 0px; }
.logoGuidelines-content { position: relative; display: block; font-size: 16px; margin: 0px auto; }
.logoGuidelines-content p { line-height: 26px; }
.logoGuidelines { position: relative; display: block; width: 100%; float: left; font-size: 13px; padding: 0px 0px; margin: 0px 0px 0px; }
.logoGuidelines>li { position: relative; display: block; float: left; width: 31.6666%; padding: 0px 0px; list-style-type: none; margin: 0px 2.5% 20px 0px; }
.logoGuidelines>li:nth-child(3n+3) { margin-right: 0px; }
.logoGuidelines>li:nth-child(3n+4) { clear: both; }
.logoGuidelines>li figure { position: relative; display: block; width: 100%; height: 240px; overflow: hidden; padding: 15px 15px; text-align: center; background: #ffffff; margin: 0px auto 30px; border: 1px solid #eaeaea; }
.logoGuidelines>li figure:before { position: relative; height: 100%; content: ''; display: inline-block; vertical-align: middle; }
.logoGuidelines>li figure img { position: relative; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.logoGuidelines>li h5 { font-weight: 600 !important; text-transform: uppercase; color: #f37936; }
.groupBtn-container { position: relative; display: block; text-align: center; margin: 0px auto 0px; }
.groupBtn-container .link-btn { margin: 15px 15px; vertical-align: top; display: inline-block; }
.groupBtn-container .btn2 a { background: #00b1a9; }
.groupBtn-container .btn2 a:hover { background: #000000; }
/* Color Variations */

.colorVariations { position: relative; display: block; width: 100%; float: left; font-size: 13px; padding: 0px 0px; margin: 0px 0px 0px; }
.colorVariations>li { position: relative; display: block; float: left; width: 31.6666%; padding: 0px 0px; list-style-type: none; margin: 0px 2.5% 30px 0px; }
.colorVariations>li:nth-child(3n+3) { margin-right: 0px; }
.colorVariations>li:nth-child(3n+4) { clear: both; }
.colorVariations>li figure { position: relative; display: block; width: 100%; height: 240px; overflow: hidden; padding: 15px 15px; text-align: center; background: #ffffff; margin: 0px auto 30px; border: 1px solid #eaeaea; }
.colorVariations>li.dark-bg figure { background: #231f20; border: 1px solid #231f20; }
.colorVariations>li figure:before { position: relative; height: 100%; content: ''; display: inline-block; vertical-align: middle; }
.colorVariations>li figure img { position: relative; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.colorVariations>li h5 { font-weight: 600 !important; text-transform: uppercase; color: #f37936; }
/* Guideline */

.logo-guideline { position: relative; display: block; margin: 0px auto; text-align: center; padding: 30px 0px 50px; }
.logo-guideline img { position: relative; vertical-align: top; display: inline-block; }
/* Logo Size Container */

.logo-size-container { position: relative; display: block; margin: 0px auto; padding: 0px 0px 0px; }
.logo-size-container h6 { font-weight: 500 !important; text-transform: uppercase; font-size: 16px; }
.logoSize-box { position: relative; display: block; float: left; width: 100%; margin-bottom: 30px; }
.logoSize-col1, .logoSize-col2, .logoSize-col3 { position: relative; display: block; float: left; margin: 15px 0px; }
.logoSize-col2 { margin-left: 120px; }
.logoSize-col3 { float: right; }
.logoSize-col1 img, .logoSize-col2 img, .logoSize-col3 img { position: relative; display: inline-block; vertical-align: middle; }
/* Gray Box */
	
.box1-container { position: relative; display: block; font-size: 13px; padding: 30px 30px; background: #f3f3f3; margin: 30px auto 60px; border: 1px solid #eaeaea; }
.boxCol1 { position: relative; width: 50%; float: left; padding: 15px 30px; }
.boxCol1 h6 { font-weight: 600 !important; text-transform: uppercase; color: #f37936; }
.boxCol2 { position: relative; width: 50%; float: right; padding: 15px 30px; }
.boxCol2 h6 { font-weight: 600 !important; text-transform: uppercase; }
/* Incorrect Use */

.incorrectUse { position: relative; display: block; width: 100%; float: left; font-size: 13px; padding: 0px 0px; margin: 0px 0px 0px; }
.incorrectUse>li { position: relative; display: block; float: left; width: 23.125%; padding: 0px 0px; list-style-type: none; margin: 0px 2.5% 30px 0px; }
.incorrectUse>li:nth-child(4n+4) { margin-right: 0px; }
.incorrectUse>li:nth-child(4n+5) { clear: both; }
.incorrectUse>li figure { position: relative; display: block; width: 100%; height: 175px; overflow: hidden; padding: 15px 15px; text-align: center; background: #ffffff; margin: 0px auto 30px; border: 1px solid #eaeaea; }
.incorrectUse>li.pattern-bg figure { background: #ffffff url(../images/pattern-bg1.png) center center repeat; }
.incorrectUse>li figure:before { position: relative; height: 100%; content: ''; display: inline-block; vertical-align: middle; }
.incorrectUse>li figure img { position: relative; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.incorrectUse>li h6 { font-weight: 500 !important; font-size: 14px; }
/* Colors Section */
	
.colors-container { position: relative; display: block; margin: 0px auto; padding: 30px 0px; }
.colors-content { position: relative; display: block; font-size: 16px; margin: 0px auto; }
.colors-content p { line-height: 26px; }
/* Primary Color Palette */
	
.colorPalette { position: relative; display: block; width: 100%; float: left; font-size: 14px; padding: 0px 0px; margin: 10px 0px 30px; }
.colorPalette>li { position: relative; display: block; float: left; width: 48.75%; color: #ffffff; line-height: 24px; background: #f37936; list-style-type: none; margin: 0px 2.5% 20px 0px; padding: 125px 20px 20px 20px; }
.colorPalette>li:nth-child(2n+2) { margin-right: 0px; }
.colorPalette>li:nth-child(2n+3) { clear: both; }
/* Secondary Color Palette */
	
.secondaryColorPalette { position: relative; display: block; width: 100%; float: left; font-size: 14px; padding: 0px 0px; margin: 10px 0px 30px; }
.secondaryColorPalette>li { position: relative; display: block; float: left; width: 31.6666%; color: #ffffff; line-height: 24px; background: #e05d2c; list-style-type: none; margin: 0px 2.5% 30px 0px; padding: 65px 20px 20px 20px; }
.secondaryColorPalette>li:nth-child(3n+3) { margin-right: 0px; }
.secondaryColorPalette>li:nth-child(3n+4) { clear: both; }
/* Typography Section */
	
.typography-container { position: relative; display: block; margin: 0px auto; padding: 30px 0px; }
.typography-content { position: relative; display: block; font-size: 16px; margin: 0px auto; }
.typography-content p { line-height: 26px; }
/* Typography Listings */
	
.typographyListings { position: relative; display: block; font-size: 0px; padding: 0px 0px; text-align: center; margin: 0px -1.5% 0px; }
.typographyListings>li { position: relative; font-size: 14px; width: 30.6666%; padding: 0px 0px; vertical-align: top; display: inline-block; list-style-type: none; margin: 0px 1.25% 30px; }
.typographyListings>li:nth-child(3n+4) { clear: both; }
.typographyListings>li figure { position: relative; display: block; width: 100%; height: 240px; overflow: hidden; padding: 15px 15px; text-align: center; background: #ffffff; margin: 0px auto 0px; border: 1px solid #eaeaea; }
.typographyListings>li figure:before { position: relative; height: 100%; content: ''; display: inline-block; vertical-align: middle; }
.typographyListings>li figure img { position: relative; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
/* Typography Box */
	
.typography-box1 { position: relative; display: block; padding: 30px 30px; text-align: center; margin: 0px auto 0px; }
.typography-box1 h5 { font-weight: 600 !important; color: #f37936; font-size: 22px; text-transform: uppercase; }
.typography-box1 p { text-align: center; }
/* Secondary Typography Listings */
	
.secTypoListings { position: relative; display: block; float: left; width: 100%; font-size: 0px; padding: 0px 0px; text-align: center; margin: 0px auto 0px; }
.secTypoListings>li { position: relative; font-size: 16px; display: block; float: left; width: 48.75%; padding: 0px 0px; vertical-align: top; display: inline-block; list-style-type: none; margin: 0px 2.5% 30px 0px; }
.secTypoListings>li:nth-child(2n+2) { margin-right: 0px; }
.secTypoListings>li:nth-child(2n+3) { clear: both; }
.secTypoListings>li figure { position: relative; display: block; width: 100%; height: 240px; overflow: hidden; padding: 15px 15px; text-align: center; background: #43474c; margin: 0px auto 30px; }
.secTypoListings>li figure:before { position: relative; height: 100%; content: ''; display: inline-block; vertical-align: middle; }
.secTypoListings>li figure img { position: relative; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
/* Font Usage Listings */
	
.fontUsage { position: relative; display: block; float: left; width: 100%; font-size: 0px; padding: 0px 0px; margin: 30px auto 0px; }
.fontUsage>li { position: relative; font-size: 13px; display: block; float: left; width: 31.6666%; padding: 0px 0px; list-style-type: none; margin: 0px 2.5% 30px 0px; }
.fontUsage>li:nth-child(3n+3) { margin-right: 0px; }
.fontUsage>li:nth-child(3n+4) { clear: both; }
.fontUsage>li figure { position: relative; display: block; width: 100%; overflow: hidden; text-align: center; margin: 0px auto 30px; }
.fontUsage>li figure img { position: relative; max-width: 100%; max-height: 100%; vertical-align: top; display: inline-block; }
.heading11 { font-weight: 600 !important; position: relative; display: block; color: #f37936; font-size: 18px; line-height: 24px; }
.toprow { position: relative; display: block; margin-bottom: 15px; }
.heading12 { font-weight: 400 !important; position: relative; display: block; color: #67686b; font-size: 13px; margin-bottom: 15px; text-transform: uppercase; }
.heading13 { font-weight: 700 !important; position: relative; display: block; color: #363636; font-size: 25px; line-height: 35px; margin-bottom: 10px; }
/* Elements Section */
	
.elements-container { position: relative; display: block; margin: 0px auto; padding: 30px 0px; }
.elements-content { position: relative; display: block; font-size: 16px; margin: 0px auto; }
.elements-content p { line-height: 26px; }
/* Illustrations Listings */
	
.illustrationsListings { position: relative; display: block; float: left; width: 100%; font-size: 0px; padding: 0px 0px; margin: 0px auto 0px; }
.illustrationsListings>li { position: relative; display: block; width: 48.75%; float: left; font-size: 16px; padding: 0px 0px; list-style-type: none; margin: 0px 2.5% 30px 0px; }
.illustrationsListings>li:nth-child(2n+2) { margin-right: 0px; }
.illustrationsListings>li:nth-child(2n+3) { clear: both; }
.illustrationsListings>li figure { position: relative; display: block; width: 100%; height: 240px; overflow: hidden; padding: 15px 15px; text-align: center; background: #ffffff; margin: 0px auto 0px; }
.illustrationsListings>li figure:before { position: relative; height: 100%; content: ''; display: inline-block; vertical-align: middle; }
.illustrationsListings>li figure img { position: relative; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
/* Vector Graphic Listings */
	
.vectorListings { position: relative; display: block; float: left; width: 100%; font-size: 0px; padding: 0px 0px; margin: 0px auto 0px; }
.vectorListings>li { position: relative; display: block; width: 48.75%; float: left; font-size: 16px; padding: 0px 0px; list-style-type: none; margin: 0px 2.5% 30px 0px; }
.vectorListings>li:nth-child(2n+2) { margin-right: 0px; }
.vectorListings>li:nth-child(2n+3) { clear: both; }
.vectorListings>li figure { position: relative; display: block; width: 100%; height: 240px; overflow: hidden; padding: 15px 15px; text-align: center; background: #ffffff; margin: 0px auto 0px; }
.vectorListings>li figure:before { position: relative; height: 100%; content: ''; display: inline-block; vertical-align: middle; }
.vectorListings>li figure img { position: relative; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
/* Photography Listings */
	
.photographyListings { position: relative; display: block; float: left; width: 100%; font-size: 0px; padding: 0px 0px; margin: 0px auto 0px; }
.photographyListings>li { position: relative; display: block; width: 31.6666%; float: left; font-size: 16px; padding: 0px 0px; list-style-type: none; margin: 0px 2.5% 30px 0px; }
.photographyListings>li:nth-child(3n+3) { margin-right: 0px; }
.photographyListings>li:nth-child(3n+4) { clear: both; }
.photographyListings>li figure { position: relative; display: block; width: 100%; height: 240px; overflow: hidden; text-align: center; background: #ffffff; margin: 0px auto 0px; }
.photographyListings>li figure:before { position: relative; height: 100%; content: ''; display: inline-block; vertical-align: middle; }
.photographyListings>li figure img { position: relative; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
/* Brand Assets Section */
	
.brand-assets-container { position: relative; display: block; margin: 0px auto; padding: 30px 0px; }
.brand-assets-content { position: relative; display: block; font-size: 16px; margin: 0px auto; }
.brand-assets-content p { line-height: 26px; }
/* Brand Assets Listings */
	
.brandAssetsListings { position: relative; display: block; float: left; width: 100%; font-size: 0px; padding: 0px 0px; margin: 0px auto 0px; }
.brandAssetsListings>li { position: relative; display: block; width: 48.75%; float: left; font-size: 16px; padding: 0px 0px; list-style-type: none; margin: 0px 2.5% 40px 0px; }
.brandAssetsListings li.full-width { width: 100%; margin: 0px auto 40px; }
.brandAssetsListings>li:nth-child(2n+2) { margin-right: 0px; }
.brandAssetsListings>li:nth-child(2n+3) { clear: both; }
.brandAssetsListings>li figure { position: relative; display: block; width: 100%; height: 390px; overflow: hidden; text-align: center; background: #f0f3f6; margin: 0px auto 20px; }
.brandAssetsListings>li figure:before { position: relative; height: 100%; content: ''; display: inline-block; vertical-align: middle; }
.brandAssetsListings>li figure img { position: relative; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.brandAssetsListings>li h3 { padding-bottom: 20px; }
.brandAssetsListings>li .link-btn { float: left; margin-right: 15px; }
.brandAssetsListings>li .text11 { float: left; font-size: 13px; line-height: 24px; margin: 8px 0px 8px 15px; text-transform: uppercase; }
/* Bottom Box */
	
.box2-container { position: relative; display: block; color: #ffffff; font-size: 25px; margin: 0px auto; line-height: 35px; padding: 50px 0px; text-align: center; background: #f37936; }
.box2-container p { line-height: 35px; text-align: center; }
.box2-container b, .box2-container strong { font-weight: 600 !important; font-weight: normal; }
/* Link Button */

.link-btn { font-weight: 600 !important; position: relative; display: block; font-size: 13px; margin: 0px auto; font-weight: normal; text-transform: uppercase; }
.link-btn a { position: relative; text-align: center; color: #ffffff; overflow: hidden; line-height: 20px; padding: 10px 40px; vertical-align: top; background: #f37936; border-radius: 40px; display: inline-block; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.link-btn a:hover { color: #ffffff; background: #000000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.inlineBtn { display: inline-block; margin: 0px 5px 10px; }
.inlineBtn:first-child { margin-left: 0px; }
.inlineBtn:last-child { margin-right: 0px; }
.link-btn.smallBtn a { padding: 8px 15px; }
.link-btn.midBtn a { padding: 12px 25px; }
.link-btn.blockBtn a { display: block; }
.photoContainer { position: relative; display: block; width: 100%; margin: 5px 0px 30px; }
.photoContainer img { position: relative; display: block; width: 100%; }
/* Slick Slider */

.slick-slider { margin-bottom: 0px; }
.slick-slide img { display: inline-block; }
.slick-prev, .slick-next { background: none; width: 40px; height: 40px; font-size: 0px; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; -ms-transition: all 0s ease-out; transition: all 0s ease-out; }
.slick-prev:before, .slick-next:before { display: none; }
.slider-nav { margin-left: 0px; margin-right: 0px; }
.slick-prev { left: 0px; padding: 0px 0px 0px 40px; background: url(../images/back.png) 0px 0px no-repeat; }
.slick-next { right: 0px; padding: 0px 40px 0px 0px; background: url(../images/forward.png) 0px 0px no-repeat; }
.slick-prev:hover, .slick-prev:focus { background: url(../images/back.png) 0px 0px no-repeat; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; -ms-transition: all 0s ease-out; transition: all 0s ease-out; }
.slick-next:hover, .slick-next:focus { background: url(../images/forward.png) 0px 0px no-repeat; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -o-transition: all 0s ease-out; -ms-transition: all 0s ease-out; transition: all 0s ease-out; }
/* Content Style */
	
.pageTitle { font-weight: 800 !important; position: relative; font-size: 50px; color: #464646; line-height: normal; font-weight: normal; margin: 0px 0px 0px; text-transform: none; padding: 0px 0px 15px; }
.NoUppercase { text-transform: none !important; }
h2, h3, h4, h5, h6 { font-weight: 800 !important; position: relative; font-size: 35px; color: #464646; font-weight: normal; margin: 0px 0px 0px; line-height: normal; text-transform: none; padding: 0px 0px 10px; }
h3 { font-size: 30px; }
h4 { font-size: 25px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }
p { line-height: 24px; margin: 0 0 20px; text-align: justify; }
ul.ul-listing, ol.ol-listing { margin: 0px 0px 15px; display: block; padding: 0px; width: 100%; text-align: left; list-style-position: inside; }
ul.ul-listing { padding-left: 0px; }
ul.ul-listing li { list-style: none; line-height: 24px; padding: 2px 0px 2px 20px; background: url(../images/bullet.png) 0px 4px no-repeat; }
ul.ul-listing li li { padding: 2px 0px 2px 40px; background: url(../images/bullet.png) 20px 4px no-repeat; }
ul.ul-listing ul { margin: 8px 0px; }
ol.ol-listing { padding: 0px 0px 0px 15px; list-style-position: outside; }
ol.ol-listing li { line-height: 24px; list-style-type: decimal; padding: 2px 0px 2px 0px; }
.imgLeft { position: relative; float: left; width: auto; max-width: 100%; clear: left !important; margin: 5px 30px 30px 0px; }
.imgRight { position: relative; float: right; width: auto; max-width: 100%; clear: right !important; margin: 5px 0px 30px 30px; }
/* Footer Styles */
	
.footer-wrapper { position: relative; width: 100%; z-index: 3; display: block; overflow: hidden; }
.footer-top { position: relative; display: block; color: #a1a1a1; font-size: 12px; overflow: hidden; line-height: 24px; background: #151515; padding: 20px 0px 15px; }
.footer { position: relative; overflow: hidden; display: block; margin: 0px auto; }
.footer a { color: #a1a1a1; }
.footer a:hover { color: #f37936; }
.footer img { vertical-align: middle; }
/* Social Nav */
	
.social-nav { position: relative; display: block; float: left; font-size: 0px; margin: 0px auto; }
.social-nav li { position: relative; color: #ffffff; font-size: 12px; display: inline-block; margin: 0px 20px 0px 0px; }
.social-nav li strong, .social-nav li b { font-weight: 600 !important; font-weight: normal; font-size: 13px; }
.social-nav li a { position: relative; color: #a1a1a1; display: block; padding: 0px 0px; }
.social-nav li a:hover, .social-nav li.selected a { color: #f37936; }
.copyright { position: relative; display: block; float: right; }
/* Scroll To Top */
	
#toTop { text-decoration: none; position: fixed; display: none; bottom: 35px; right: 5px; width: 50px; height: 50px; border: none; z-index: 5001; text-indent: 100%; background: url(../images/ui.totop.png) 0px 0px no-repeat; overflow: hidden; }
#toTopHover { background: url(../images/ui.totop.png) 0px -50px no-repeat; width: 50px; height: 50px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
#toTop:active, #toTop:focus { outline: none; }
	
/* =Media Queries
-------------------------------------------------------------- */
	
@media (max-width:1199px) {
.header-container { width: 940px; }
.banner_caption .captionContainer .bannerHeading1 { font-size: 60px; line-height: 65px; }
.logoSize-col2 { margin-left: 35px; }
.imgLeft, .imgRight { max-width: 50%; }
}

/* Portrait tablets and medium desktops */
@media (max-width:991px) {
.header-container { width: 720px; }
.navbar-custom { background-color: #000000; border-bottom: 1px solid #000000; }
.navbar-custom .navbar-toggle { margin: 13px 15px 13px 0px; }
.navbar-collapse { padding: 0px; }
.navbar-nav>li { margin: 1px auto; }
.navbar-header { float: none; }
.navbar-left, .navbar-right { float: none !important; }
.navbar-toggle { display: block; }
.navbar-collapse { border-top: 1px solid transparent; padding-top: 1px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin-top: 7.5px; }
.navbar-nav>li { float: none; }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
.navbar-custom .nav>li>a { padding: 5px 10px 5px; border-top: 1px dotted #252525; }
.is-sticky .navbar-custom .nav>li>a { border-top: 1px dotted #a1a1a1; }
.collapse.in { display: block !important; }
.bannerWrapper { margin-top: 85px; }
.banner_caption { padding-top: 0px; }
.banner_caption .captionContainer .bannerHeading1 { font-size: 50px; line-height: 55px; }
/*.logoGuidelines>li { width:100%; margin:0px auto 30px; }*/
.incorrectUse>li { width: 48%; margin: 0px 4% 30px 0px; }
.incorrectUse>li:nth-child(4n+4) { margin-right: 4%; }
.incorrectUse>li:nth-child(4n+5) { clear: none; }
.incorrectUse>li:nth-child(2n+2) { margin-right: 0px; }
.incorrectUse>li:nth-child(2n+3) { clear: both; }
.secondaryColorPalette>li { width: 48%; margin: 0px 4% 30px 0px; }
.secondaryColorPalette>li:nth-child(3n+3) { margin-right: 4%; }
.secondaryColorPalette>li:nth-child(3n+4) { clear: none; }
.secondaryColorPalette>li:nth-child(2n+2) { margin-right: 0px; }
.secondaryColorPalette>li:nth-child(2n+3) { clear: both; }
.typographyListings { margin: 0px -2% 0px; }
.typographyListings>li { width: 46%; margin: 0px 2% 30px; }
.typographyListings>li:nth-child(3n+4) { clear: none; }
.typographyListings>li:nth-child(2n+3) { clear: both; }
.fontUsage>li { width: 100%; margin: 0px auto 30px; }
.logoSize-col1 { width: 100%; }
.logoSize-col2 { margin-left: 0px; }
.boxCol1, .boxCol2 { width: 100%; }
.social-nav, .copyright { float: none; text-align: center; }
.social-nav li { margin: 0px 10px; }
}
 @media (max-width:800px) {
}

/* Landscape phones and portrait tablets */
@media (max-width:767px) {
.header-container { width: 100%; padding: 0px 15px; }
.banner-slide figure, .toprow { height: auto !important; }
.banner_caption .captionContainer .bannerHeading1 { font-size: 30px; line-height: 35px; }
.logoGuidelines>li, .incorrectUse>li, .colorVariations>li, .colorPalette>li, .secondaryColorPalette>li, .typographyListings>li, .secTypoListings>li, .illustrationsListings>li, .vectorListings>li, .photographyListings>li, .brandAssetsListings>li { width: 100%; margin: 0px auto 30px; }
.photographyListings>li figure { height: auto; }
}
 @media (min-width:768px) {
}
 @media (max-width:650px) {
h2, .pageTitle, .intro-content h2 { font-size: 35px; line-height: 45px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
}
 @media (max-width:560px) {
.intro-container { padding: 50px 0px; }
.boxCol1, .boxCol2 { padding: 0px; }
}
 @media (max-width:480px) {
.banner_caption .captionContainer .bannerHeading1 { font-size: 18px; line-height: 28px; }
}
 @media (max-width:360px) {
}
 @-ms-viewport {
width:auto !important;
}