/* COMMON */

input, select, textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline:0;
	background-color:transparent !important;
}

div.mode.mobile {
	display:block;
}
div.mode.tablet,
div.mode.desktop {
	display:none;
}

div.mob-hr {
	width:100%;
	display:block;
	border-bottom:1px solid #efefef;
}

html, body {
	margin:0;
	padding:0;
	font-family:  'Cormorant Garamond', serif;
	xfont-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	color:#000000;
	webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
	
a,
a:hover,
a:active,
a:focus	{
	color:#000;
	text-decoration:none;
	cursor:pointer;
}

.fb {
	text-transform:uppercase;
	font-weight: 700;
}

.muted {
	color:#333;	
}

.italic {
	font-style:italic;
}

h1 {
	text-align:center;
	font-size:26px;
	line-height:26px;
	text-transform:uppercase;
	padding:20px 25px 10px 25px;
	margin:0;
	font-weight: 300;
}

/* SLICK */

.slick-slide img {
	width: 100%;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}				
.slick-active {
	opacity: .5;
}
.slick-current {
	opacity: 1;
}
.vertical-dots
{    
    list-style: none;
    display: block;
    position: absolute;
	left:-20px;
    top: 40%;
    margin-top: -10px;
}
.vertical-dots li
{
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.vertical-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.vertical-dots li button:hover,
.vertical-dots li button:focus
{
    outline: none;
}
.vertical-dots li button:hover:before,
.vertical-dots li button:focus:before
{
    opacity: 1;
}
.vertical-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.vertical-dots li.slick-active button:before
{
    opacity: .95;
    color: black;
}		

/* NAVIGATION */

#desktop-nav-bar {
	display:none !important;
}

#mobile-nav-bar {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	height:45px;
	background-color:#fff;
	z-index:100;
}

#mobile-nav-bar .mobile-left-arrow {
	display:none;
}

#nav {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position:fixed;
	top:45px;
	left:0;
	bottom:0;
	background-color:#fff;	
	height:100vh;
	overflow:auto;
	width:270px;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
	-webkit-transform: translate(-270px);
    -moz-transform: translate(-270px);
    -o-transform: translate(-270px);
    -ms-transform: translate(-270px);
    transform: translate(-270px);
	font-size:14px;
	text-transform:uppercase;
	z-index:100;
}

header.mobile-menu-on #nav {
	-webkit-transform: translate(0px);
    -moz-transform: translate(0px);
    -o-transform: translate(0px);
    -ms-transform: translate(0px);
    transform: translate(0px);
}

#nav ul {
	list-style-type:none;
	margin:0 0 0 20px;
	padding:0 0 45px 0;
}

#nav ul li {
	padding-top:5px;
	padding-bottom:5px;
	font-weight:700;
}

#nav li.cms-nav {
	text-transform:none;
}

#nav li.cms-nav ul {
	list-style-type: none;
	font-size:14px;
	padding:14px 0 0 0;
}

#nav li.cms-nav ul li {
	padding-top:4px;
	padding-bottom:4px;
}

#nav ul li.active {
	font-weight:700;
	border-bottom:1px solid #333;
}
	
#cms-nav-collapse {
	display:none;
}

#mobile-menu-trigger {
    background-repeat: no-repeat;
    background-image: url(../images/menu.svg);
    -webkit-background-size: 32px;
    -moz-background-size: 32px;
    -o-background-size: 32px;
    background-size: 32px;
    width: 32px;
    height: 32px;
	margin:0 auto 0 auto;
	cursor:pointer;
}

#mobile-search-trigger {
	display:block;
	font-size:14px;
	margin:0 10px 0 0;
	-webkit-transition: 0.15s linear;
    -moz-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
	cursor:pointer;
}

header.mobile-menu-on #mobile-search-trigger {
	margin-left:-45px;
}

#mobile-header-basket {	
    line-height: 26px;
    margin-left: 14px;
    background-position: center center;
    background-image: url(../images/basket.svg);
    -webkit-background-size: 24px auto;
    -moz-background-size: 24px auto;
    -o-background-size: 24px auto;
    background-size: 24px auto;
    font-size: 9px;
    letter-spacing: 0.2px;
    color: #000;
	height: 24px;
    width: 24px;
    text-align: center;
    font-weight: 700;
}

#mobile-header-basket svg {
	position:absolute;
	top:0px;
	right:0px;
}

#mobile-search-container {
	display:none;
	background-color:#fff;
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
}

.mobile-left-arrow {
	position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 48px;
    padding: 0;
    background-position: 13px 18px;
    background-repeat: no-repeat;
    background-image: url(../images/arrow-left.svg);
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    -o-background-size: 26px 26px;
    background-size: 26px 26px;
    border: 0;
    text-align: center;
}

#mobile-search-form {
	margin:0;
	padding:0;
	border-bottom: 1px solid #000;
    cursor: pointer;	
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

header.mobile-search-on #mobile-search-form {
	position:absolute;
	top:13px;
	left:55px;
	right:20px;
	padding:7px;
	border-bottom: 1px solid #000;
    text-align: left;
    cursor: pointer;	
}	

header.mobile-search-on #mobile-nav-bar .mobile-left-arrow {
	display:block;
}

header.mobile-search-on #mobile-menu-trigger,
header.mobile-search-on #mobile-header-basket,
header.mobile-search-on #mobile-search-trigger div.fb {
	display:none !important;
}

#mobile-search-input,
#mobile-search-input:focus {
	display:none;
	border:none;
	outline:none;
	width:100%;
	cursor:pointer;
}

header.mobile-search-on #mobile-search-input {
	display:block;
}

/* MAIN */

main {
	margin-top:45px;
}

.fs-image {
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
	width:100%;
	height:calc(100vh - 45px);
}

.fs-video {
	position:relative;
	width:100%;
	height:calc(100vh - 45px);
	overflow: hidden;
}

.fs-video video {
	position:relative;
	object-fit: cover;
	width:100%;
	height:100%;
}

/* CATEGORY */

.category-description {
	font-size:18px;
	line-height:25px;
	letter-spacing:0.2px;
	padding:0 25px 20px 25px;
	text-align:center;
}

ul.category-tabs {
	list-style-type:none;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
}

ul.category-tabs li {
	display:inline-block;
	margin:0;
	padding:0 10px 20px 10px;
	text-align:center;
}

ul.category-tabs a,
ul.category-tabs a:active,
ul.category-tabs a:visited,
ul.category-tabs a:hover {
	text-decoration:none;
	font-size:20px;
	font-weight:300;
	letter-spacing:1px;
}

ul.category-tabs a:hover,
ul.category-tabs a.active {
	border-bottom:3px solid #ccc;
}

.category {
	margin-left:-4px;
}

.category .item {
	padding-left:4px;
	margin-bottom:40px;
}

.category .title {
	display:block;
	font-size:14px;
	font-stretch:100%;
	line-height:16px;
	margin:5px 5px 2px 5px;
	letter-spacing:0.2px;
	text-overflow:ellipsis;
	overflow-x:hidden;
	overflow-y:hidden;
	height:16px;
	white-space:nowrap;
}

.category .price {
	display:block;
	font-size:13px;
	font-stretch:100%;
	line-height:12px;
	letter-spacing:0.2px;
	text-transform:uppercase;
	margin:0 5px 0px 5px;
}

.category .price .price-was {
	text-decoration:line-through;
}

.category .price .price-now {
	color:#f61111;
}

/* CMS */

.cms-page {
	margin-top:45px;
}

.cms-no-container,
.cms-container {
	margin:0 auto 80px auto;
}

.cms-container-homepage {
	margin:80px auto 80px auto;
}

.cms-no-container h1,
.cms-container h1,
.cms-container-homepage h1 {
	font-size:14px;
	letter-spacing:0.2px;
}

.cms {
	font-size:18px;
	letter-spacing:0.2px;
	line-height:25px;
	text-align:justify;
	margin:0 20px 0 20px;
}

blockquote {
	margin:0;
	padding:0;
}

blockquote cite {
	text-transform:uppercase;
	font-weight: 700;
	color:#333;
}

blockquote cite::before {
	content: "\2014\00A0";
}

/* PRODUCT */

.product-slide {
	min-width:100vw;
	min-height:100vh;
	position:relative;
}

.item-slider-container {
	position:relative;
	height:75vh;
}

.item-slider {
	width:100%;
	height:100%;
}

.item-image {
    background-position: center; 
    background-repeat: no-repeat;
    background-size: cover;
	background-image:url('../images/1x1.png');
	width:100%;
	height:75vh;
}

.item-image-wide {
	background-position: center; 
    background-repeat: no-repeat;
	background-image:url('../images/1x1.png');
	background-size: contain;
	width:100%;
	height:75vh;
}

.product {
	position:relative;
	width:100%;
	height:25vh;
	background-color:#fff;
}

.product-inner {
	position:relative;
	width:calc(100% - 30px);
	height:calc(100% - 30px);
	padding:15px;
}

.product .drag {
	background-color:#fff;
	height:2px;
	width:44px;
	margin:-22px auto 0 auto;
}

.product .title h1 {
	color:#810101;
	text-align:left;
	font-weight:700;
	display:block;
	font-size:14px;
	font-stretch:100%;
	line-height:24px;
	padding:0;
	margin:27px 5px 2px 5px;
	letter-spacing:0.2px;
	text-overflow:ellipsis;
	overflow-x:hidden;
	overflow-y:hidden;
	height:24px;
	white-space:nowrap;
	text-transform:uppercase;
}

.product .title h2 {
	display:none;
}

.product .price {
	display:block;
	font-size:14px;
	font-stretch:100%;
	line-height:14px;
	height:14px;
	letter-spacing:0.2px;
	text-transform:uppercase;
	margin:0 5px 0px 5px;
}

.product .price .price-was {
	text-decoration:line-through;
}

.product .price .price-now {
	color:#f61111;
}

.product .product-description span.add-btn,
.product .product-description span.process-btn {
	display:none;
}

.product span.add-btn,
.product span.process-btn {
	position:absolute;
	bottom:20px;
	left:20px;
	font-size:14px;
	right:15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center !important;
	align-items: center !important;
	justify-content: center;
	font-weight:700;
	height:40px;
	width:125px;
	border:1px solid #000;
	background-color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
}

.product span.process-btn {
	background-color:#000;
	color:#fff;
}

.product-description {
	display:block;
	text-align:justify;
	position:relative;
	min-height:100vh;
	background-color:#ffffff;
	padding:20px;
	margin-top:-20px;
	font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 21px;
	font-stretch:100%;
}

.product-description h2 {
	font-weight:700;
	display:block;
	font-size:14px;
	font-stretch:100%;
	line-height:16px;
	padding:0;
	margin:0;
	letter-spacing:0.2px;
	text-transform:uppercase;
}
	
.product-description .pandp {
	color:#aaa;
}

.product-description .additional {
	border-top:1px solid #efefef;
	margin-top:30px;
	padding-top:20px;
}
	
#msg-add-to-cart-mobile {
	position:absolute;
	top:75vh;
	left:0;
	background-color:#000;
	color:#fff;
	height:48px;
	margin-top:-48px;
	z-index:999;
	width:100%;
	font-size:12px;
	font-stretch:100%;
	letter-spacing:0.2px;
	line-height:12px;
	overflow-x:hidden;
	overflow-y:hidden;
}

.product-return {
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:50px;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url('../images/arrow-left-grey.svg');
	-webkit-background-size: 26px 26px;
	-moz-background-size: 26px 26px;
	-o-background-size: 26px 26px;
	background-size: 26px 26px;
}

#mobile-product-basket {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#828282 !important;
	position:absolute;
	top:11px;
	right:17px;
	width:50px;
	height:50px;
	background-position:center center;
	background-repeat:no-repeat;
    line-height: 26px;
    background-position: center center;
    background-image: url(../images/basket-grey.svg);
    -webkit-background-size: 24px auto;
    -moz-background-size: 24px auto;
    -o-background-size: 24px auto;
    background-size: 24px auto;
    font-size: 9px;
    letter-spacing: 0.2px;
    color: #000;
	height: 24px;
    width: 24px;
    text-align: center;
    font-weight: 700;
}

#mobile-product-basket svg {
	position:absolute;
	top:0px;
	right:0px;
}

/* CHECKOUT */

.checkout-page {
	margin-top:45px;
}

.checkout-container {
	margin:0px auto 80px auto;
}

.checkout-container h1 {
	font-size:14px;
	letter-spacing:0.2px;
}

.checkout {
	font-size:14px;
	letter-spacing:0.2px;
	line-height:21px;
	text-align:justify;
	margin:0 20px 0 20px;
}

.checkout-mini {
	font-size:11px;
	line-height:19px;
	letter-spacing:0.2px;
	padding:0 16px 0 16px;
	margin:0;
}

.checkout .price {
	font-weight:700;
}

.checkout .price .price-was {
	text-decoration:line-through;
}

.checkout .price .price-now {
	color:#f61111;
}

.checkout .del {
	font-size:26px;
	font-weight:300;
}

.checkout .summary {
	margin:10px 0 0 0;
	padding:15px;
	background-color:#eee;	
}

.checkout .note {
	margin:20px 0 0 0;
}

.checkout span.checkout-btn {
	font-size:14px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center !important;
	align-items: center !important;
	justify-content: center;
	font-weight:700;
	height:40px;
	width:100%;
	border:1px solid #000;
	background-color:#000;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	margin:20px 0 0 0;
}

.checkout #addonform {
	margin-top:26px;
	padding-top:26px;
	border-top:1px solid #cccccc;	
	text-align:justify;
	font-size:12px;
	line-height:16px;
	font-stretch:100%;
	letter-spacing:0.2px;
}

.checkout #addonform .addondescription {
	margin-left:10px;
}

.checkout #addonform .addondescription h3 {
	text-align:left;
	font-weight:700;
	display:block;
	font-size:14px;
	font-stretch:100%;
	line-height:24px;
	padding:0;
	margin:0 0 2px 0;
	letter-spacing:0.2px;
	height:24px;
	white-space:nowrap;
	text-transform:uppercase;
}

.checkout #addonform span.add-btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center !important;
	align-items: center !important;
	justify-content: center;
	font-size:14px;
	font-weight:700;
	height:40px;
	border:1px solid #000;
	background-color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
}

/* FORMS */

.login-inner-container,
.register-inner-container,
.update-inner-container,
.contact-us-inner-container {
	padding:30px 0 30px 0;
}

.wants-inner-container-right {
	padding:0 0 30px 0;
}

.wants-inner-container-left {
	padding:30px 0 0 0;
}


.input label,
.login-inner-container label,
.register-inner-container label,
.update-inner-container label,
.wants-inner-container-left label,
.wants-inner-container-right label,
.contact-us-inner-container label,
.cms-no-container-inner-container label {
	font-weight:700;
	display:block;
}

.input input[type="text"],
.input input[type="password"],
.input select,
textarea.input,
.login-inner-container input[type="text"],
.login-inner-container input[type="password"],
.register-inner-container input[type="text"],
.register-inner-container input[type="password"],
.register-inner-container select,
.update-inner-container input[type="text"],
.update-inner-container input[type="password"],
.update-inner-container select,
.wants-inner-container-left input[type="text"],
.wants-inner-container-left input[type="password"],
.wants-inner-container-left select,
.wants-inner-container-right input[type="text"],
.wants-inner-container-right input[type="password"],
.wants-inner-container-right select,
.contact-us-inner-container input[type="text"],
.contact-us-inner-container textarea,
.cms-no-container-inner-container input[type="text"] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center !important;
	align-items: center !important;
	width:100%;
	border:1px solid #000;
	padding:10px;
	margin:10px 0 10px 0;
	height:35px;
}

.contact-us-inner-container textarea {
	height:80px;
}

.input input.error,
.input select.error,
.login-inner-container input.error,
.register-inner-container input.error,
.register-inner-container select.error,
.update-inner-container input.error,
.update-inner-container select.error,
.wants-inner-container-left input.error,
.wants-inner-container-left select.error,
.wants-inner-container-right input.error,
.wants-inner-container-right select.error,
.contact-us-inner-container input.error,
.contact-us-inner-container textarea.error,
.cms-no-container-inner-container input.error {
	border:1px solid #f00;
}

.login-inner-container .btn,
.contact-us-inner-container .btn,
.register-inner-container .btn,
.update-inner-container .btn,
.wants-inner-container-left .btn,
.wants-inner-container-right .btn,
.cms-no-container-inner-container .btn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center !important;
	align-items: center !important;
	justify-content: center;	
	font-weight:700;
	height:40px;
	width:175px;
	border:1px solid #000;
	background-color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	margin-top:30px;
}

.login-inner-container .btn:hover,
.login-inner-container .btn:focus,
.login-inner-container .btn:active,
.register-inner-container .btn:hover,
.register-inner-container .btn:focus,
.register-inner-container .btn:active,
.update-inner-container .btn:hover,
.update-inner-container .btn:focus,
.update-inner-container .btn:active,
.wants-inner-container-left .btn:hover,
.wants-inner-container-left .btn:focus,
.wants-inner-container-left .btn:active,
.wants-inner-container-right .btn:hover,
.wants-inner-container-right .btn:focus,
.wants-inner-container-right .btn:active,
.contact-us-inner-container .btn:hover, 
.contact-us-inner-container .btn:focus, 
.contact-us-inner-container .btn:active,
.cms-no-container-inner-container .btn:hover,  
.cms-no-container-inner-container .btn:focus,  
.cms-no-container-inner-container .btn:active {
	background-color:#000;
	color:#fff;
}

/* FOOTER */

footer {
	position:relative;
	border-top:1px solid #efefef;
	background-color:#fff;
}

.footer-row-1 {	
	background-color:#fff;
	font-weight: 700;
	text-align:center;
	font-size:26px;
	margin:120px 0 120px 0;
}

.footer-row-2 {
	background-color:#fff;
	font-size:12px;
	font-stretch:100%;
	letter-spacing:1px;
}

.footer-row-2 ul {
	list-style-type:none;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
}

.footer-row-2 ul li {
	text-transform:uppercase;
	display:inline-block;
	margin:0;
	padding:0 15px 15px 15px;
}

.footer-row-3 {	
	background-color:#fff;
	margin:80px auto 0 auto;
	padding:80px 0 0 0;
	border-top:1px solid #efefef;
	text-align:center;	
	font-size:11px;
	font-stretch:100%;
	letter-spacing:0.2px;
	text-transform:uppercase;
}

.footer-row-3 ul {
	list-style-type:none;
	margin:0;
	padding:11px 0 0 0;
	text-align:center;
}

.footer-row-3 ul li {
	margin:0;
	padding:0px 0px 11px 0px;
}

.footer-row-4 {
	background-color:#fff;
	border-top:1px solid #efefef;
	font-size:11px;
	font-stretch:100%;
	letter-spacing:0.2px;
	margin:80px 0 45px 0;
	padding-top:40px;
	text-align:center;
}

/* BOOTSTRAP */

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}