@charset "utf-8";

/*
	Theme Name: Inc. 
*/

/* #1 - Imports
------------------------------------------------*/
@import "css/bootstrap.css";
@import url('css/aos.css');
@import url('fonts/css/all.css');
@import url('fonts/theme.css');
@import url('owl/owl.carousel.min.css');
@import url('owl/owl.theme.default.css');
@import url('https://use.typekit.net/hjy8mtc.css');



/* Body
-----------------------------------------------*/
body {
	font-family: "le-monde-livre-std",serif; 
	background: #FFF;
	color: #242B2B;
	font-size: 20px;
	line-height: 130%;
}

html,body{margin:0;padding:0}

html {
  scroll-behavior: smooth;
}

.container {width: 1130px;}

.container-intro {width: 600px; margin: 0 auto;}

.container-full {width: 100%; margin: 0 auto; padding: 0;}

.bg-red {background: #FE3B00; border-top: 2px solid #FE3B00; margin-top:  -7px;}
.bg-purple {background: #542E3B;}
.bg-brands {background: #FFF; background-image: url('images/bg_brands.png'); background-repeat: no-repeat; background-size: cover;}
.bg-hwdi {background-image: url('images/bg_howwedoit.png'); background-repeat: no-repeat; background-size: cover;}

@media (max-width: 768px) {
	body {padding-top: 70px;}
	.container {max-width: 700px; width: 100%;}
}

@media (max-width: 765px) {
	body {padding-top: 70px;}
	.container {max-width: 600px; width: 100%; }
	.bg-brands {background-image: url('images/bg_brands_mobile.jpg'); background-repeat: repeat-y; background-size: auto;}
}

/* Adjustments
----------------------------------------------*/
.text-white, .white {color: #FFF;}
.text-red, .red {color: #FE3B00;}
.text-orange, .orange {color: #F04E23;}

#homepage-video{
	width:100%;
	height:100%;
	background:#FFF;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

.video-wrapper{
	position:relative;
	padding:56.25% 0 0;
}

video {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/* Footer
----------------------------------------------*/
footer {
	background: #000;
	padding: 35px 30px;
	font-family: "ibm-plex-mono",sans-serif;
	font-size: 10px;
	line-height: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

footer .copyright {color: #777; padding-top: 10px;}

footer a, footer a:hover {color: #FFF; text-decoration: none;}

footer .socials {font-size: 10px; color: #FFF; padding: 0 3px;}

@media (max-width: 765px) {
	footer {padding: 20px 10px;}
}


/* Header & Navigation
----------------------------------------------*/
header {padding: 20px 50px}
.nav-page-title {font-size: 30px; font-family: "Grot12 Condensed Black"; font-weight: 800!important; }

.btn-download, .btn-download:hover {
	color: #FFF!important;
	height: 25px;
	padding: 4px 13px 3px 13px;
	background: #FE3B00;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 13px;
	font-family: "ibm-plex-mono",sans-serif;
	font-weight: 100;
	border-radius: 0;
}
.socials {font-size: 13px; color: #000; padding: 0 3px;}

.navbar-light .navbar-text {color: rgba(0, 0, 0, 1)!important;}

.navbar {margin: 0; font-family: "ibm-plex-mono",sans-serif; line-height: 13px; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; border-top: 1px solid #000;}
.navbar-light .navbar-nav .nav-link {color: #000;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {color: #444; text-decoration: underline;}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {color: #FE3B00;}

.navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 13px;
    padding-left: 13px;
}


@media (max-width: 768px) {
	.navbar-brand {padding-top: 0; padding-bottom: 9px;}
	.navbar {padding: 13px 15px 14px 15px!important; margin: 0; font-family: "tablet-gothic",sans-serif; font-size: 16px; font-weight: 600; line-height: 150%; letter-spacing: 0; text-transform: none!important; border-top: 0!important;}
	.nav-page-title {font-size: 21px; text-align: left; letter-spacing: normal; line-height: 100%; color: #000!important; padding-top: 4px;}
	.navbar-text {padding-top: 11px;}
	.navbar-light .navbar-text {color: #000;}
	.navbar {text-align: left; text-transform: none;}
	.navbar-light .navbar-toggler {color: #000; border: 0; outline: none!important;}
	.navbar-collapse {padding-top: 30px; padding-bottom: 30px; }
}


/* Animated Navbar, Mobile
----------------------------------------------------------*/
.animated-icon3 {
	width: 15px;
	height: 10px;
	position: relative;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.animated-icon3 span {
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	border-radius: 0px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	background: #000;
}

.animated-icon3 span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
	top: 5px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
	top: 10px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
	left: 0px;
}

.animated-icon3.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 10px;
	left: 0px;
}

/* Headings
----------------------------------------------------------*/
h1 {font-family: "Grot12 Condensed Bold";  font-size: 45px; line-height: 100%; margin: 0 0 30px 0; padding: 0;}

h2.section-title {
	text-align: left;
	font-family: "Grot12 Condensed Bold";
	font-size: 45px;
	line-height: 25px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	margin-bottom: 24px;
}

@media (max-width: 765px) {
	h1 {font-size: 32px; line-height: 35px; margin: 0 0 15px 0;}
	h2.section-title {font-size: 32px; line-height: 35px; margin-bottom: 15px;}
}

/* Adjustments
----------------------------------------------------------*/
.fs-sm, .fs-sm p {font-size: 16px; line-height: 26px;}
.fs-md, .fs-md p {font-size: 16px; line-height: 28px;}
.fs-lg, .fs-lg p {font-size: 18px;}
.fs-xl, .fs-xl p {font-size: 20px; line-height: 40px;}
.body-full {padding-top: 50px; padding-bottom: 50px;}
.body-full-nopad {border-top: 1px solid #000;}
.page-heading {padding-top: 0; padding-bottom: 10px;}

.tablet-md {font-family: "tablet-gothic",sans-serif; font-size: 16px; line-height: 40px; font-weight: 400;}
.phone-md {font-family: "tablet-gothic",sans-serif; font-size: 14px; line-height: 30px; font-weight: 400;}

@media (max-width: 765px) {
	.body-full {padding-top: 25px; padding-bottom: 25px; border-top: 0px solid #000;}
}

/* Home - Format
-----------------------------------------------*/
.percent-blocks h4 {font-family: "tablet-gothic",sans-serif; color: #FFF; font-size: 16px; line-height: 40px; font-weight: 600;}
.percent-blocks-title {height: 55px;}
.percent-blocks-title h4 {font-family: "tablet-gothic",sans-serif; color: #FFF; font-size: 16px; line-height: 25px; font-weight: 600; }

.percent-blocks h3 {font-family: "Grot12 Condensed Bold"; color: #000; font-size: 80px; line-height: 75%;}
.percent-blocks {padding-bottom: 50px;}

@media (max-width: 765px) {
	.percent-blocks {padding-bottom: 10px;}
	.percent-blocks h3 {font-size: 60px; line-height: 75%;}
	.percent-blocks h4 {font-size: 16px; line-height: 25px; height: 40px; vertical-align: bottom;}
	
}

@media (max-width: 768px) {
	
	.percent-blocks h3 {font-size: 60px;}
}

/* Back to Top
-----------------------------------------------*/
.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	right:5%;
	bottom:5%;
	z-index: 100000;
}

.scroll {
	position:absolute;
	right:1px;
	bottom:1px;
	background:#000;
	border-radius: 50%;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
	width: 30px;
	height: 30px;
	color: #FFF;
}

.scroll .fas {
	font-size:20px;
	margin-top:4px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}


/* Home
----------------------------------------------*/
.brand-blocks {background: #FFF; width: 100%; height: 100%; min-height: 350px; padding: 50px 27px;}

/* Specs
----------------------------------------------*/
.block-specs h4 {color: #242B2B; font-family: "tablet-gothic",sans-serif; font-style: normal; font-size: 16px; line-height: 40px; font-weight: 400;}
.block-specs h3 {color: #FE3B00; font-family: "Grot12 Condensed Bold"; font-size: 78px; line-height: 100%;}

.block-tabs-content {padding: 30px 0;}

.block-tabs-content ul {margin: 0; padding: 15px 0; color: #542E3B; font-weight: bold; list-style: none;}
.block-tabs-content li {background-color: #FFF; background-image: url('images/icon-bullet.png'); background-position: 0 8px; background-repeat: no-repeat; padding:  0 0 0 12px;}
.block-tabs-content li span {color: #242B2B; font-weight: normal;}

.block-tabs-content h3 {font-family: "Grot12 Condensed Bold"; font-size: 32px; line-height: 100%; margin-top: 20px; margin-bottom: 15px;}
.block-tabs-content h3.standard {font-family: "le-monde-livre-std",serif; font-size: 24px; line-height: 25px; font-weight: bold; margin-top: 30px; margin-bottom: 15px;}
.block-tabs-content h3.terms {font-family: "tablet-gothic",sans-serif; font-size: 20px; font-weight: 600; line-height: 100%; margin-top: 20px; margin-bottom: 15px;}
.block-tabs-content a {color: #242B2B;}

.block-tabs-content .table-specs {font-family: "tablet-gothic",sans-serif; font-size: 15px; font-weight: 400; line-height: 120%; border-color: #ededed; color: #242B2B;}
.block-tabs-content .table-specs th, .block-tabs-content .td-specs {height: 80px; background: #542E3B; font-weight: 600; color: #FFF; padding: 10px 20px; border: 1px solid #ededed; vertical-align: middle;}
.block-tabs-content .table-specs td {border: 1px solid #ededed; padding: 20px;}

.block-tabs-content .table-specs strong {font-weight: 700;}

.nav-tabs {border-bottom: 0;}

.nav-tabs .nav-link {
	border-width: 0 0 1px 0;
	border-color: #ededed;
	border-style: solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	font-family: "tablet-gothic",sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #000;	
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #242B2B;
    background-color: #fff;
	border-width: 0 0 5px 0;
	border-color: #000;
	border-style: solid;
}

@media (max-width: 768px) {
	.block-specs h4 {font-size: 16px; line-height: 28px; font-weight: 400; font-style: normal;}
	.block-specs h3 {font-size: 60px; line-height: 100%;}
	.block-tabs-content h3 {font-size: 30px;}
	.block-tabs-content .table-specs {font-size: 14px;}
	.block-tabs-content .table-specs th, .block-tabs-content .td-specs {height: 80px; padding: 10px 15px; font-size: 13px;}
	.block-tabs-content .table-specs td {padding: 15px;}
}

@media (max-width: 767px) {
	.block-specs h4 {font-size: 13px; line-height: 30px; font-weight: 400; font-style: normal;}
	.block-specs h3 {font-size: 56px; line-height: 100%;}
	.block-tabs-content {padding: 20px 0;}
	.block-tabs-content h3 {font-size: 21px;}
	.block-tabs-content .table-specs {font-size: 14px;}
	.block-tabs-content .table-specs th, .block-tabs-content .td-specs {height: 80px; padding: 10px 15px; font-size: 13px;}
	.block-tabs-content .table-specs td {padding: 15px;}
}


/* Editorial
----------------------------------------------*/
.row.vertical-divider {
  overflow: hidden;
}
.row.vertical-divider > div.col-section {
  padding-top: 0px;
  padding-bottom: 0px;
  border-width: 0 1px;
  border-style: solid;
  border-color: #e5e5e5;
}

div.col-section.left {border-left: 0!important;}
div.col-section.right {border-right: 0!important;}

.border-block {margin: -20px auto 0 auto; border-style: solid; border-color: #e5e5e5; border-width: 0 1px 1px 1px;}

.calendar-block {padding: 0px 25px;}

.calendar-title-image {height: 90px; padding: 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px;} 

.calendar-block h2.section-title {font-size: 30px; line-height: 25px; margin-bottom: 15px;}
.calendar-block h4 {font-size: 10px; line-height: 13px;	font-family: "ibm-plex-mono",sans-serif; letter-spacing: 2px; color: #FE3B00; text-transform: uppercase;}
.calendar-block h3 {font-family: "le-monde-livre-std",serif; font-size: 20px; line-height: 25px; font-weight: bold; margin-top: 0px; margin-bottom: 0px;}

@media (max-width: 768px) {
	.border-block {border-width: 0;}
	.calendar-block {padding: 0 15px;}
}

@media (max-width: 765px) {
	.calendar-title-image {height: auto;}
}

/* Editorial
----------------------------------------------*/
.carousel-tabs-content h3 {font-family: "Grot12 Condensed Bold"; font-size: 30px; line-height: 100%; margin-top: 20px; margin-bottom: 15px;}

@media (max-width: 765px) {
	.carousel-indicators {bottom: -60px;}
	
	.carousel-indicators li {
		width: 15px;
		height: 14px;
		margin-right: 3px;
		margin-left: 3px;
		text-indent: -999px;
		cursor: pointer;
		background-color: #000;
		background-clip: padding-box;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		opacity: .15;
		transition: opacity 0.6s ease;
		border-radius: 50%;
	}
}

/* Events
----------------------------------------------*/
.eventlist-block h3 {font-family: "Grot12 Condensed Bold"; font-size: 30px; line-height: 100%; margin-top: 20px; margin-bottom: 15px;}

.stats-container {width: 100%; max-width: 1000px; margin: 0 auto;}
.stats-number {font-family: "Grot12 Condensed Bold"; font-size: 80px; line-height: 75%; margin-bottom: 15px;}
.stats-label {font-family: "tablet-gothic",sans-serif; font-size: 16px; line-height: 100%; font-weight: 600;}
.stats-description p {margin: 0; padding: 0;}

/* Contact
----------------------------------------------*/
.contact-listing a {color: #000;}
.contact-listing h3 {font-family: "Grot12 Condensed Bold"; font-size: 30px; line-height: 100%; margin-top: 20px; margin-bottom: 10px;}
.listing-title {height: 30px;}
.listing-title-tablet {height: 60px;}
h4.contact-micro {font-family: "ibm-plex-mono",sans-serif; color: #FE3B00; margin: 25px 0 0 0; padding-bottom: 15px; border-bottom: 5px solid #000; font-size: 10px; line-height: 13px; text-transform: uppercase; letter-spacing: 2px;}

@media (max-width: 765px) {
	.contact-listing h3 {font-size: 21px; margin-top: 15px;}
}
