@import url("font-awesome.min.css");		/* Font Awesome Icons */
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800");
/*

Font-color = #a7773b
hover = #ed1c24;
*/
@font-face {
	font-family: 'supermarket';
	src: url('../fonts/supermarket.eot');
	src: url('../fonts/supermarket.eot?#iefix') format('embedded-opentype'), url('../fonts/supermarket.woff2') format('woff2'), url('../fonts/supermarket.woff') format('woff'), url('../fonts/supermarket.ttf') format('truetype'), url('../fonts/supermarket.svg#supermarket') format('svg');
	font-weight: 100;
	font-style: normal;
	unicode-range: U+0E00–U+0E7F;
}

@font-face {
    font-family: 'rsuregular';
    src: url('../fonts/rsu_regular.eot');
    src: url('../fonts/rsu_regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rsu_regular.woff2') format('woff2'),
         url('../fonts/rsu_regular.woff') format('woff'),
         url('../fonts/rsu_regular.ttf') format('truetype'),
         url('../fonts/rsu_regular.svg#rsuregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: 'rsuregular';
	font-size: 19.5px
}


a{ color:#a7773b; text-decoration:none }
a:hover {color: #ed1c24 }
.img-responsive { width:100% }
input.fielderror { border: 1px solid #F00 }
input.fielderror:focus { border: 1px solid #F00 }
textarea.fielderror { border: 1px solid #F00 }
textarea.fielderror:focus { border: 1px solid #F00 }
.error-text { color: #F00 }
.error-text i { margin-right: 5px }
.text-header {
	font-weight: bold;
	font-size: 1.4em;
	color: #a7773b
}
.bg-white { background-color: #FFF }
.btn-red {
	background-color: #ed1c24;
	color: #FFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	font-size: 1.1em;
	font-weight: 400;
	padding: 5px 20px 0px
}
.btn-red:hover {
	background-color: #ddd;
	color: #ed1c24
}
.padding-true .row {
	margin-left: -15px;
	margin-right: -15px
}
.padding-true .row > div {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
#warpper {
	width: 100%;
	background-color: #FFF;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
	z-index: 2
}
#mobile-menu {
	width: 250px;
	height: 100%;
	overflow: auto;
	background-color: #333;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	-moz-box-shadow: inset -20px 0px 19px rgba(20,20,20,0.6);
	-webkit-box-shadow: inset -20px 0px 19px rgba(20,20,20,0.6);
	box-shadow: inset -20px 0px 19px rgba(20,20,20,0.6);
	display:none
}

#mobile-menu #main-menu { margin:0; padding:0 }
#mobile-menu #main-menu > li { border-bottom:1px solid #404040; width:100%; line-height:50px }
#mobile-menu #main-menu > li:hover{ background-color:#444;-moz-box-shadow: inset -20px 0px 19px rgba(20,20,20,0.6);
	-webkit-box-shadow: inset -20px 0px 19px rgba(20,20,20,0.6);
	box-shadow: inset -20px 0px 19px rgba(20,20,20,0.6); }
#mobile-menu #main-menu > li.active > a,#mobile-menu #main-menu > li:hover > a { border:none }
#warpper.active { margin-left: 250px }
#cover-film {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.3);
	cursor: pointer;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none
}
.img-responsive { margin: 0 auto }
a:hover { text-decoration: none }
/* Top Menu */
#top-menu { background:rgba(0,0,0,0.2); z-index:2; position:relative }
.black-bg { background:rgba(0,0,0,1) !important }
#mobile-button {
	margin-bottom: -10px;
	padding-left: 5px;
	z-index: 9
}
#mobile-button > a > i {
	color: #ed1c24;
	font-size: 1.8em
}
#menu-top {
	padding: 5px 0px
}
#menu-main {
	height: 115px
}
input.input-search {
	background-color: #333 ;
	border: none;
	padding: 0px 5px;
	box-sizing:border-box;
	height: 30px;
	color:#FFF
}
/*.th input.input-search {
	
	padding: 0px 5px;
	height: 30px;
	
}*/
#main-menu{ list-style:none }
#main-menu > li { display:inline-block }
#menu-right { float:right }
#logo-left { float:left }
#main-menu > li  { line-height:100px; padding:0px 30px}
#main-menu > li  > a { color:#FFF; padding:1px 5px 1px;text-transform: uppercase; font-size:1.1em }
#main-menu > li:hover  > a,#main-menu > li.active  > a { color:#F00; border-top:2px solid #F00;border-bottom:2px solid #F00}
/* Button */
.button { border: none; }
.button-search {
	background: #666;
	color: #FFF;
	height:30px
}
.button-search > i { font-size: 14px }
.button:hover { opacity: 0.5 }
/* animate */
.animate {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
/* Lanquage Switch */
.lang {
	list-style: none;
	margin: 5px 15px 0px 0px;
	padding: 0;
	font-size: 0.9em
}
.lang > li { display: inline }
.lang > li > a {
	color: #FFF;
	padding: 0px 3px 0px;
}
/*.th .lang > li > a {
	padding: 0px 3px 0px;
}*/
.lang > li > a:hover,
.lang > li.active > a {
	text-decoration: none;
	color: #F00;
	border-top:1px solid #F00;
	border-bottom:1px solid #F00
}

/* Slider */

.bannercontainer {
		width:100%;
		position: relative;
		padding:0;
		top:-155px;
		z-index:1
}


/* INDEX */
h1.header-title { margin:50px auto; letter-spacing:3px; font-weight:bold; border-top:2px solid #a7773b;border-bottom:2px solid #a7773b; display:table; padding:10px 0px; color:#a7773b; text-align:center; font-size:3.05em; text-transform:uppercase }
#index-detail { margin:-160px auto 50px }
.items-list { position:relative;  text-align:center; margin-bottom:20px  }
.items-list > h3 { margin:20px auto 10px; line-height:22px }
.items-list > h3 > a { font-size:1em; margin:5px auto; text-align:center }
.short-detail{ color:#666; font-size:0.9em }
/*.en .items-list > h3 { margin:20px auto 10px; line-height:19px }
.en .items-list > h3 > a { font-size:0.7em; margin:5px auto; text-align:center }
.en .short-detail{ color:#666; font-size:0.9em }*/
.read-more { border-top:2px solid #a7773b;border-bottom:2px solid #a7773b; padding:0px 3px 1px; font-size:0.95em}
.read-more:hover { border-color:#F00 }
.date-box { position:absolute; top:10px; left:25px; width:50px }
.date-month{ background-color:#FFF; font-size:2em }
.date-year{ background-color:#F00; color:#FFF; font-size:0.9em }

#parallax-bar {
	background: url(../../images/demo/bar-latest3.jpg) 50% 0 fixed;
	background-size:100% auto;
	text-align: center;
	margin: 0px;
	height:360px;
	box-sizing:border-box
}

.breadcrumbs { position: relative; top:-155px; left:0; width:100%; margin:0px 0px -140px}
#breadcrumbs-parallax-bar {
	background: url(../../images/demo/news_bar.jpg) 50% 0 fixed;
	background-size:100%;
	text-align: center;
	margin: 0px;
	height:380px
}
#breadcrumbs-parallax-bar.product-bar { background: url(../../images/demo/product_bar.jpg) 50% fixed}
#breadcrumbs-parallax-bar.recipe-bar { background: url(../../images/demo/recipe_bar.jpg) 50% 0 fixed }
#breadcrumbs-parallax-bar.news-bar { background: url(../../images/demo/news_bar.jpg) 50% 0 fixed }
#breadcrumbs-parallax-bar h1 { text-transform:uppercase }
#breadcrumbs-parallax-bar h1.header-title {letter-spacing:1px;padding:5px 0px 0px }
/*.th #breadcrumbs-parallax-bar h1.header-title  { padding:0px 0px 8px }*/
.breadcrumbs-nav { margin:10px auto }
.breadcrumbs-nav > ul { list-style:none; margin:0; padding:0 }
.breadcrumbs-nav > ul > li { display:inline-block; margin-right:10px }
.breadcrumbs-nav > ul > li > a { color:#333 }
.breadcrumbs-nav > ul > li:last-child { color:#a7773b; text-decoration:underline }

#parallax-bar  > div { padding:85px 0px }
#breadcrumbs-parallax-bar  > div { padding:170px 0px 40px }
.index-product-list { padding:50px 0px; background-color:#101010 }

.product-list { text-align: center; padding:20px }
.product-list:hover { background-color:#333333 }
.product-list > h3{ margin-top:20px }
.recipe-list { }

.product-list-area { border-bottom:1px solid #ccc }
.product-list-area .product-list { border:2px solid transparent }
.product-list-area .product-list:hover{ background:none; border:2px solid #a7773b }
.no-items { font-size:1.5em; color:#ed1c24; text-align:center; padding:60px 0px 200px }
.recipe-search > h4 { color:#a7773b; font-weight:bold; text-transform:uppercase; margin-top:40px }
.recipe-search select { width:100%; padding:7px; border-color:#a7773b }

.overlay {
	background: url(../../images/pattern.png);
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top:0;
	left:0
}

/* Recipe List */
#recipe_search,#product_search{
	background: transparent;
   line-height: 1;
   border: 1px solid #a7773b;
   border-radius: 0;
   height: 40px;
   -webkit-appearance: none;
   background:url(../../images/recipe_arrow.jpg) no-repeat right top;
   box-sizing:border-box;
   padding-right:40px
}
.recipe-list-area { border-bottom:1px solid #ccc; padding-bottom:30px }
.recipe-icon-box { margin-bottom:5px }
/*.th .recipe-icon-box { margin-bottom:5px }*/
.recipe-list { text-align:center }
.recipe-img { position:relative }
.recipe-img > img { border-bottom:2px solid #a7773b }
.recipe-flim { position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); width:100%; height:100%; visibility:hidden; opacity:0; text-align: left; padding:30px }
.recipe-img:hover > .recipe-flim { visibility:visible; opacity:1 }
.recipe-icon { float:left; width:32px; margin-right:15px; height:32px }
.recipe-detail { float: left ; margin-top:-5px}
.recipe-icon-title { color:#FFF }
.recipe-icon-detail { color:#a7773b }
.recipe-detail-area { border-bottom:1px solid #ccc }

/* Recipe Detail */
#recipe-vdo { display: none }
.recipe-header {
	width: 100%;
	height: auto;
	margin-bottom:20px;
}
.recipe-title-header {
	color: #a7773b;
	font-weight: bold;
	font-size: 1.3em;
	margin: 12px 0px 0px 0px
}
.recipe-relate-item { position:relative; margin-bottom:30px }
.recipe-relate-item > div { padding-left:0; padding-right:10px }
#recipe-for-product .recipe-relate-item img { border-bottom: none }
.recipe-relate-item img { border-bottom:2px solid #a7773b }
.recipe-relate-item  .read-more { position:absolute; bottom:0px; left:50%; top:auto; top:auto }
.recipe-relate-list > h4,.product-for-recipe > h4 { color:#a7773b; font-weight:bold; margin:10px 0px 20px -15px; font-size:1.7em; padding:0; text-transform:uppercase }
.recipe-relate-info a { font-size:1.1em; color:#333}
.recipe-relate-info a:hover { color:#a7773b }
.product-recipe-info > h4 { margin-top:30% }
.product-recipe-info .p4r-detail { color:#666; padding-right:10px }
.product-for-recipe img { margin-left:-20px }
.recipe4product { text-align:left }
.recipe-header { position:relative }
.recipe-header > h3 { font-weight:bold; color:#a7773b; text-transform:uppercase }
.recipe-nav { position:absolute; right:10px; width:80px; top:10px }
.recipe-description .recipe-title { text-transform:uppercase }

/* Royal Slider */
#recipe-detail .royalSlider,
#recipe-detail .rsOverflow {
	height: 450px;
	width: 100% !important
}
.recipe-description p { color:#333 !important }
.recipe-detail-area { border-top:2px solid #a7773b; margin:20px auto; padding:20px 0  }
#recipe-vdo,#slider-recipe{ border-bottom:2px solid #a7773b }
#recipe-vdo > iframe { height: 450px; margin-bottom:-5px }
.recipe-info { border-bottom:2px solid #a7773b; padding-bottom:20px }
.recipe-title { color:#a7773b; font-size:1.6em; font-weight:bold }
.rsContent {
	color: #FFF;
	font-size: 24px;
	line-height: 32px;
	float: left;
}
.bx-wrapper { margin-left:0px !important }


.bContainer { position: relative; }
.rsABlock {
	position: relative;
	display: block;
	left: auto;
	top: auto;
}
.blockHeadline {
	font-size: 42px;
	line-height: 50px;
}
.blockSubHeadline {
	font-size: 32px;
	line-height: 40px
}
.txtCent {
	text-align: center;
	width: 100%;
}
.rsContent { background-color: #FFF }
 @media screen and (min-width: 0px) and (max-width: 960px) {
.rsContent {
	font-size: 22px;
	line-height: 28px;
}
.blockHeadline {
	font-size: 32px;
	line-height: 32px;
}
.blockSubHeadline {
	font-size: 26px;
	line-height: 32px
}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
.royalSlider,
 /*.rsOverflow { height: 330px !important; }*/
.rsContent {
	font-size: 18px;
	line-height: 26px;
}
.blockHeadline {
	font-size: 24px;
	line-height: 32px;
}
.blockSubHeadline {
	font-size: 22px;
	line-height: 32px
}
}

.gsc-orderby,.gsc-search-box  { display:none !important }

.width-20 { width:20% }
.width-10 { width:10% }
.width-25 { width:25% }

/* content detail */
.content-detail { border-bottom:1px solid #ccc }
.product-content-area .content-detail { border-bottom: none}
.content-detail > h3 { color:#a7773b }
.content-detail-text  { margin-top:20px }
.content-detail-text > p  { color:#666 !important }
.back-button { font-size:0.9em; margin:30px auto; position:relative; padding-left:20px }
.back-button i { font-size:2.2em; position:absolute; left:0; top:-5px }
.latest-news h3 { margin:0px; color:#a7773b; font-weight:bold; margin-bottom:20px }
.content-left-menu { list-style:none; padding:0; margin:0 }
.content-left-menu > li { border-top:2px solid #999;border-bottom:2px solid #999; margin-top:-2px; position:relative }
.content-left-menu > li > a { display:block; padding:10px 0px 10px 20px; color:#999; font-size:1.1em }
.content-left-menu > li:hover,.content-left-menu > li.active{ border-color:#a7773b; z-index:2 }
.content-left-menu > li:hover > a,.content-left-menu > li.active > a { color:#a7773b }
.product-size { width:60%; border-top:1px solid #666; margin-top:20px }
.product-size > ul { list-style:none; margin:0; padding:0 }
.product-size > ul  > li { padding:10px 15px; border-bottom:1px solid #666 }
.highlight { color:#a7773b; font-weight:bold; font-size:1.1em }
.product-content-area { border-bottom:1px solid #666; padding-bottom:40px }
.news-list-area { border-bottom:1px solid #ccc; padding-bottom:20px }


/*Sitemap */
.sitemap-area { border-bottom:1px solid #ccc; padding-bottom:20px }
.sub-menu { list-style:none; margin-left:15px; padding:0 }
.sitemap-item { margin-bottom:10px }
.sitemap-item a { font-size:1.3em }
.sub-menu > li > a { color:#333 }
.sub-menu > li > a:hover { color:#a7773b }


/* Bxslider */
#product-bxslider{ background:none }

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0 0 0 0;
	border: 0;
	left: 0;
	padding: 0;
	background: none;
}

#slider-play-prev { position:absolute ; left:15px ; top:40% ; font-size:3em }
#slider-play-next { position:absolute ; right:15px ; top:40% ; font-size:3em }

#slider-prev { position:absolute ; left:15px ; top:0 ; font-size:2em }
#slider-next { position:absolute ; right:15px ; top:0 ; font-size:2em }

/* Contact */
#contact-detail input ,#contact-detail textarea{ border-radius:0 }
.btn-submit { border:none; border-top:2px solid #a7773b;border-bottom:2px solid #a7773b; color:#a7773b; background:none; padding-left:20px; padding-right:20px; margin-left:15px; margin-top:10px }
#contact-list { border-bottom:1px solid #999; padding-bottom:30px }

.btn-submit:hover { color:#ed1c24; border-color:#ed1c24  }

/* Footer */
.footer-menu { margin:30px auto }
.footer-menu > ul { list-style:none; margin:0; padding:0; text-align:center }
.footer-menu > ul > li { display:inline-block }
.footer-menu > ul > li > a { padding:10px; color:#333; text-transform:uppercase }
.footer-menu > ul > li > a:hover,.footer-menu > ul > li.active > a { color:#a7773b }
.brand-list { text-align:center }
.contact-info { text-align:center }
.contact-info h4 { margin:20px auto; color:#a7773b ;text-transform:uppercase }
.contact-info > .company_name { margin:10px auto }
.copyright { border-top:1px solid #ccc ; padding-top:15px; padding-bottom:15px; margin-top:15px }


/* pagelist
--------------------------------------------------------------*/
#pagelist {
	text-align: center;
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
	padding-bottom: 30px
}
#pagelist>ul {
	list-style: none;
	margin: 0;
	padding: 0
}
#pagelist>ul > li {
	display: inline-block;
	margin-right: 10px
}
#pagelist>ul > li:last-child { margin-right: 0px }
#pagelist>ul > li >a {
	display: block;
	width:25px;
	color: #666;/*line-height: 25px;*/
	/*width: 25px;
	height: 25px;
	text-align: center;
	color: #FFF*/
}
#pagelist>ul > li >a:hover,
#pagelist>ul > li.active >a { color: #a7773b; border-top:2px solid #a7773b; border-bottom:2px solid #a7773b /*background-color: #db0624*/ }
#pagelist>ul > li.prev >a,
#pagelist>ul > li.next >a {
	color: #999;
	display: block;
	font-size: 1.5em;
	width: auto;
	height: auto;
	padding: 0px 10px;
}
#pagelist>ul > li.prev >a:hover,
#pagelist>ul > li.next >a:hover {
	color: #a7773b;
	background: none;
	border:none;
}

/* wysiwyg */

.wysiwyg table,
.wysiwyg tr,
.wysiwyg td,
.wysiwyg th,
.wysiwyg div,
.wysiwyg li,
.wysiwyg a,
.wysiwyg ul,
.wysiwyg li {
	font-size: 1em;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*color: #939598;*/
	color: #F4F4F4;
	/*background-color: #ffffff*/;
}
.wysiwyg p {
	font-size: 1em;
	/*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
	color: #F4F4F4;
	padding: 0px;
	margin: 0px;
}
.wysiwyg img { border: 0px; }
.wysiwyg a:link,
.wysiwyg a:visited,
.wysiwyg a:active {
	font-size: 8.5pt;
	color: #ed1c24;
	text-decoration: none;
}
.wysiwyg a:hover {
	font-size: 8.5pt;
	color: #ed1c24;
	text-decoration: underline;
}
.wysiwyg a:link img,
.wysiwyg a:visited img,
.wysiwyg a:active img,
.wysiwyg a:hover img { text-decoration: none; }
.wysiwyg p {
	font-size: 1em;
	line-height: 170%;
}
.wysiwyg p span {
	font-size: 1em;
	line-height: 170%;
}
.wysiwyg p u {
	text-decoration: underline;
	font-size: 1em;
	line-height: 170%;
}
.wysiwyg p strong {
	font-size: 1em;
	line-height: 170%;
}
.wysiwyg p b {
	font-size: 1em;
	line-height: 170%;
}
.wysiwyg p strong {
	font-size: 1em;
	line-height: 170%;
}
.wysiwyg p a:link,
.wysiwyg p a:active,
.wysiwyg p a:visited,
.wysiwyg p a:hover { font-size: 1em; }
.wysiwyg table tr td { font-size: 1em; }
.wysiwyg ul li {
	/*font-size: 1.1em;*/
	line-height: 150%;
	padding: 3px
}

/* Backtotop */
.hidetop { bottom: -100px !important; }
.showtop { bottom: 20px !important; }
#backToTop {
	position: fixed;
	right: 10px;
	z-index: 1000;
	bottom: -500px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#backToTop i {
	font-size: 2.5em;
	color: #ed1b24
}

/* margin
 -------------------------------------------------------------*/
/* Margin Top */
.mt-5 { margin-top: 5px }
.mt-10 { margin-top: 10px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
/* Margin Right */
.mr-5 { margin-right: 5px }
.mr-10 { margin-right: 10px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
/* Margin Left */
.ml-5 { margin-left: 5px }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
/* Margin Bottom */
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
/* Padding
 -------------------------------------------------------------*/
 
/* Padding Top */
.pt-5 { Padding-top: 5px }
.pt-10 { Padding-top: 10px }
.pt-20 { Padding-top: 20px }
.pt-30 { Padding-top: 30px }
.pt-40 { Padding-top: 40px }
.pt-50 { Padding-top: 50px }
.pt-60 { Padding-top: 60px }
.pt-70 { Padding-top: 70px }
.pt-80 { Padding-top: 80px }
.pt-90 { Padding-top: 90px }
.pt-100 { Padding-top: 100px }
/* Padding Right */
.pr-5 { Padding-right: 5px }
.pr-10 { Padding-right: 10px }
.pr-20 { Padding-right: 20px }
.pr-30 { Padding-right: 30px }
.pr-40 { Padding-right: 40px }
.pr-50 { Padding-right: 50px }
.pr-60 { Padding-right: 60px }
.pr-70 { Padding-right: 70px }
.pr-80 { Padding-right: 80px }
.pr-90 { Padding-right: 90px }
.pr-100 { Padding-right: 100px }
/* Padding Left */
.pl-5 { Padding-left: 5px }
.pl-10 { Padding-left: 10px }
.pl-15 { Padding-left: 15px }
.pl-20 { Padding-left: 20px }
.pl-30 { Padding-left: 30px }
.pl-40 { Padding-left: 40px }
.pl-50 { Padding-left: 50px }
.pl-60 { Padding-left: 60px }
.pl-70 { Padding-left: 70px }
.pl-80 { Padding-left: 80px }
.pl-90 { Padding-left: 90px }
.pl-100 { Padding-left: 100px }
/* Padding Bottom */
.pb-5 { Padding-bottom: 5px }
.pb-10 { Padding-bottom: 10px }
.pb-20 { Padding-bottom: 20px }
.pb-30 { Padding-bottom: 30px }
.pb-40 { Padding-bottom: 40px }
.pb-50 { Padding-bottom: 50px }
.pb-60 { Padding-bottom: 60px }
.pb-70 { Padding-bottom: 70px }
.pb-80 { Padding-bottom: 80px }
.pb-90 { Padding-bottom: 90px }
.pb-100 { Padding-bottom: 100px }