/*!
// Contents
// ------------------------------------------------

1 Padre specific 
2 Glogal Styles 
3 Mixins 
4 Typography 
5 Colours 
6 Sections 
7 Buttons 
8 Navigation 
9 Icons 
10 Forms 
11 Tabbed Content 
12 Pagination 
13 Widgets 
14 Sliders 
15 Image Galleries 
16 Blog 
17 Maps 
18 Twitter 
19 Footers 
20 Spacing 

 ----------*/

/*!---------- 1. PADRE SPECIFIC ----------*/

@heading-font: "Montserrat"; 

.top-link{ .transition-property-delay(all,.4s,.2s); opacity: 0; max-width: 0; overflow: hidden; .translateX(-50px); margin-right: 0 !important; }
.top-link i{ position: relative; bottom: 0; .transition(0.2s); }
.top-link a:hover i{ bottom: 4px; }
nav.scrolled .top-link{ max-width: none; opacity: 1; .translateX(0); margin-right: 32px !important; }

.ribbon{ background: @color-primary; display: inline-block; padding: 0 12px 0 24px; text-align: center; .heading-colors(@white); position: relative; height: 24px; }
.ribbon:after { content: ''; position: absolute; display: block; bottom: 0; border: 12px solid @color-primary; z-index: -1; right: -24px; border-left-width: 24px; border-right-color: transparent; -webkit-box-shadow: rgba(000,000,000,0.4) -0px 0px 0px; -moz-box-shadow: rgba(000,000,000,0.4) -0px 0px 0px; box-shadow: rgba(000,000,000,0.4) -0px 0px 0px; }

.image-row > div{ height: 515px; overflow: hidden; }
.image-row > div:first-child{ border-right: 8px solid @color-body; }

.contact-details{ .transition(0.4s); opacity: 1; }
.contact-details.hide-details{ opacity: 0; visibility: hidden; }

.toggle-map.active{ color: @white !important; background: @color-primary; }

@media all and(max-width: 767px){
	.image-row > div{ margin-bottom: 15px; border-right: 15px solid @color-body; border-left: 15px solid @color-body; }
}

.media-embed{ max-width: 316px; margin: 0 auto; height: 380px; border: none; border-radius: 0; }

footer .image-small{ margin-right: 8px; position: relative; top: 6px; }

.height-70{ height: 70vh; min-height: 700px; }

nav.image-bg .menu-padre > li a{ color: @white; opacity: .8; }
nav.image-bg.fixed:before{ opacity: 0; }
nav.image-bg.fixed .menu-padre > li a{ color: @copy; opacity: 1; }
nav.image-bg.fixed .menu-padre > li ul li a{ color: @white; }
nav.image-bg .menu-padre .divider{ background: @white; }
nav.image-bg.fixed .divider{ background: @copy; }
nav.image-bg .module.widget-handle{ z-index: 10; }
nav.image-bg .module.widget-handle i{ color: @white; }

nav.parallax .background-image-holder{ top: 0 !important; }

.map-holder div[class*='col-']{ z-index: 10; }


/*!---------- 2. GLOBAL STYLES ----------*/
body, html {
	overflow-x: hidden;
}
body{ background: @color-body; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 24px; font-family: "Inconsolata","Helvetica Neue",Helvetica,Arial,sans-serif; color:@copy; }
body.boxed-layout{ background: @white; }
body.boxed-layout .main-container, body.boxed-layout .nav-container{ background: @color-body; }
body.boxed-layout, .boxed-layout .nav-container, .boxed-layout .main-container, .boxed-layout nav{ max-width: 1366px; margin: 0 auto; left: 0; right: 0; }
ul{ list-style: none; }
ul.bullets{ list-style: inside; }
.main-container{ clear: both; }
hr{ border: none; border-top: 1px solid @darkgrey; margin: 0 0 24px 0; width: 100%; }
.image-bg hr{ border-color: @white; opacity: .6; }
.image-bg.bg-light hr{ border-color: @darkgrey; opacity: 1; }
img{ max-width: 100%; height: auto; }
.image-small{ max-height: 85px; }
.bg-dark hr{ border-color: #555; }
.inline-block{ display: inline-block; }
.list-inline{ margin-left: 0; }
.list-inline>li{ padding: 0 8px; }
.list-inline>li:last-child{ padding-right: 0; }
.list-inline>li:first-child{ padding-left: 0; }
.bg-primary .list-inline i{ color: @white; }
.center{ margin: 0 auto; }
.overflow-hidden{ overflow: hidden; }
.display-block{ display: block; }
@media all and (max-width: 767px){
	.display-block-xs{ display: block; }
}
.right{ right: 0; }
.relative{ position: relative; z-index: 2; }
.clearboth{ clear: both; }
.spread-children *{ display: inline-block; margin-left: 12px; margin-right: 12px; }
.spread-children-large *{ display: inline-block; margin-left: 24px; margin-right: 24px; }
.container{ position: relative; }

@media all and (max-width: 1100px){
	.col-md-push-1{ left: 0; }
}

@media all and (max-width: 768px){
	.pull-left-sm{ float: left !important; }
	.overflow-hidden-xs{ overflow: hidden; }
}

@media all and (max-width: 767px){
	.spread-children *{ margin-left: 6px; margin-right: 6px; }
}

/*!---------- 3. MIXINS ----------*/

.transition(@time){
	transition: all @time ease;
	-webkit-transition: all @time ease;
	-moz-transition: all @time ease;
}

.transition-property(@property,@time){
	transition: @property @time ease;
	-webkit-transition: @property @time ease;
	-moz-transition: @property @time ease;
}

.transition-property-delay(@property,@time,@delay){
	transition-property: @property;
	transition-duration: @time;
	transition-delay: @delay;
	transition-timing-function: ease;
	-webkit-transition-property: @property;
	-webkit-transition-duration: @time;
	-webkit-transition-delay: @delay;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: @property;
	-moz-transition-duration: @time;
	-moz-transition-delay: @delay;
	-moz-transition-timing-function: ease;
}

.translateX(@amount){
	transform: translate3d(@amount,0,0);
	-webkit-transform: translate3d(@amount,0,0);
	-moz-transform: translate3d(@amount,0,0);
}

.translateY(@amount){
	transform: translate3d(0,@amount,0);
	-webkit-transform: translate3d(0,@amount,0);
	-moz-transform: translate3d(0,@amount,0);
}

.v-align-children{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex; 
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: row;
	-webkit-flex-direction: row;
}

.scale(@amount){
	transform: scale(@amount);
	-webkit-transform: scale(@amount);
}

.v-align-children-column{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex; 
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
}

.disable-select{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media all and (max-width: 990px){
	.v-align-children{ display: block !important; }
}

.v-align-transform{
	position: relative;
	transform: translate3d(0,-50%,0);
	-webkit-transform: translate3d(0,-50%,0);
	top: 50%;
	z-index: 2;
}

.align-bottom{ position: absolute; bottom: 0; margin: 0 auto; left: 0; right: 0; z-index: 2; }
.align-top{ position: absolute; top: 0; margin: 0 auto; left: 0; right: 0; z-index: 2; }

.overlay-params(@opacity,@color){
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: @color;
	opacity: @opacity;
	z-index: 2;
}

.heading-colors(@color){
	h1,h2,h3,h4,h5,h6{ color: @color; }
}

.text-colors(@color){
	p,span,li{ color: @color; }
}

/*!---------- 4. TYPOGRAPHY ----------*/

@media all and (max-width: 767px){
	.text-center-xs{ text-align: center !important; }
}

.bold{ font-weight: 600 !important; }
.thin{ font-weight: 100 !important; }

@media all and (max-width: 767px){
	.thin{ font-weight: 300 !important; }
}

h1,h2,h3,h4,h5,h6,p,ul,ol,pre,table,blockquote,input,select,textarea{ margin-bottom: 24px; margin-top: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ font-family: @heading-font,"Helvetica Neue",Helvetica,Arial,sans-serif;  }
h1,h2,h3,h4,h5,h6{ font-weight: 300; color: @bg-dark; }

h1, .h1{ font-size: 56px; line-height: 64px; }
h1.large{ font-size: 72px; line-height: 80px; font-weight: 100; }

@media all and (max-width: 990px){
	h1.large{ font-size: 56px; line-height: 64px; }
}

h2{ font-size: 40px; line-height: 48px; }
h2.alt-font{ font-size: 40px; line-height: 40px; }
h3{ font-size: 32px; line-height: 40px; }
h4{ font-size: 24px; line-height: 32px; }
h5{ font-size: 16px; line-height: 24px; }
h6,.h6{ font-size: 13px; line-height: 24px; }

@media all and (max-width: 767px){
	h1, h1.large, .h1{ font-size: 32px; line-height: 40px; }
	h2{ font-size: 32px; line-height: 40px; }
	h3{ font-size: 24px; line-height: 32px; }
	h4{ font-size: 18px; line-height: 26px; }
	h5{ font-size: 16px; line-height: 24px; }
	h6,.h6{ font-size: 12px; line-height: 24px; }
}

.uppercase{ font-weight: 400; text-transform: uppercase; }
h1.uppercase{ letter-spacing: 17px; margin-right: -17px; }
h2.uppercase{ letter-spacing: 10px; margin-right: -10px; }
h3.uppercase{ letter-spacing: 6px; margin-right: -6px; }
h4.uppercase{ letter-spacing: 3px; margin-right: -3px; }
h5.uppercase{ letter-spacing: 2px; margin-right: -2px; }
h6.uppercase,.h6-u{ letter-spacing: 3px; margin-right: -3px; }
.bold-h6{ .h6; .uppercase; .h6-u; }

p,span{ font-weight: normal; }
p.lead{ font-size: 16px; font-weight: 400; line-height: 28px; }
.alt-font{ text-transform: uppercase; font-family: 'Pathway Gothic One', 'Georgia', 'Helvetica', sans-serif; font-size: 24px; line-height: 32px; color: @lightblack; }
.sub{ font-size: 14px; }

@media all and (max-width: 767px){
	p.lead{ font-size: 16px; line-height: 24px; }
	p{ font-size: 16px; }
}

a,a:visited,a:focus,a:active,a:hover{ text-decoration: none; outline: none; }
a{ font-weight: 600; color: @color-primary; .transition(0.3s); cursor: poitner; }
.image-bg a{ color: @white; }
.image-bg a:hover{ color: @white; opacity: .9; }
.bg-light a{ color: @color-primary; }
.bg-light a:hover{ color: @color-primary; opacity: 1; }
a:hover{ color: darken(@color-primary,10%); text-decoration: none; }

.label{ text-transform: uppercase; .bold-h6; letter-spacing: 1px; background: @color-primary; border-radius: 0; padding: 6px 12px; font-size: 10px; vertical-align: middle; }

blockquote{ overflow: hidden; font-family: "Merriweather","Georgia",Times New Roman,Times,serif; font-size: 20px; line-height: 40px; font-style: italic; background: #f5f5f5; padding: 32px; color: #777; font-weight: 300; }
.bg-secondary blockquote{ background: @white; border-color: @color-primary; }
blockquote .author{ font-size: 12px; display: block; float: right; margin-top: 16px; }

@media all and (max-width: 767px){
	br{ display: none; }
	blockquote{ font-size: 16px; line-height: 32px; }
}

.text-left{ text-align: left !important; }

@media all and (max-width: 767px){
	.text-left-xs{ text-align: left !important; }
}

.bg-primary a {
	color: #fff;
}

/*!---------- 5. COLOURS ----------*/

.bg-primary{ background: @color-primary !important; }
.bg-secondary{ background: @bg-secondary; }
.bg-dark{ background: @bg-dark; }
.color-body{ color: @lightgrey; }
.color-primary{ color: @color-primary !important; }
.color-red{ color: @red !important; }
.bg-white{ background: @white; }


/*!---------- 6. SECTIONS ----------*/

section,footer{ padding: 96px 0; position: relative; overflow: hidden; }
footer{ padding: 72px 0; }
.fullscreen{ height: 100vh; }

.bg-dark,nav.bg-dark,footer.bg-dark,.bg-primary{ .heading-colors(@white); .text-colors(#fefefe); }

@media all and (max-width: 767px){
	section{ padding: 48px 0; }
}

.overlay:before{ .overlay-params(.3,@bg-dark); }
.overlay-heavy:before{ opacity: .6; }
.bg-light.overlay:before{ .overlay-params(.1,@white); }

.image-bg{ .heading-colors(@white); .text-colors(@white); }
.image-bg .container{ position: relative; z-index: 3; }
.container.image-bg .row{ position: relative; z-index: 3; }

.background-image-holder{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: @bg-dark; background-size: cover !important; background-position: 50% 50% !important; .transition(0.3s); opacity: 0; }
.background-image-holder img{ display: none; }
.background-multiply .background-image-holder{ background-color: @color-primary !important; background-blend-mode: multiply; }
.background-image-holder.fadeIn{ opacity: 1; }
.parallax > .background-image-holder, .parallax .slides li > .background-image-holder{ height: 100vh; top: -50vh; transition: all 0s ease !important; transition: opacity 0.3s ease !important; -webkit-transform-style: preserve-3d; }
.parallax:first-child .slides li > .background-image-holder, .parallax:first-child .background-image-holder{ top: 0; }
.main-container > a:first-child + .parallax .background-image-holder{ top: 0; } 

@media all and (max-width: 767px){
	.parallax > .background-image-holder, .parallax .slides li > .background-image-holder{ top: 0 !important; }
}

/*!---------- 7. BUTTONS ----------*/

.btn, .more-link{ border-radius: 4px; font-family: @heading-font,"Helvetica Neue",Helvetica,Arial,sans-serif; border: 2px solid @color-primary; padding: 0 26px; height: 40px; min-width: 150px; line-height: 36px; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; color: @color-primary; text-align: center; .transition(0.3s); margin-right: 8px; margin-bottom: 24px; }
.btn:last-child, .btn:last-of-type{ margin-right: 0; }
.btn:hover, .more-link:hover{ background: @color-primary; color: @white; }
.btn-icon{ width: 40px; height: 40px; font-size: 20px; min-width: 0; padding: 0; line-height: 38px; }
.btn-lg{ height: 50px; line-height: 46px; min-width: 200px; }
.btn-icon.btn-lg{ width: 50px; height: 50px; line-height: 49px; font-size: 24px; min-width: 0; }
.btn-icon.btn-sm{ width: 30px; height: 30px; line-height: 29px; font-size: 13px; min-width: 0; padding: 0 0 0 1px!important; }
.btn-sm{ height: 30px; font-size: 11px; line-height: 27px; min-width: 0; }
.btn-filled{ background: @color-primary; color: @white; }
.btn-white,.image-bg .btn, .image-bg .btn:visited{ color: @white; border-color: @white; }
.btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover{ background: @white; color: @lightblack; }
.image-bg .btn.btn-filled, .image-bg .btn-filled:visited{ border-color: @color-primary; }
.image-bg .btn-filled:hover{ border-color: @white; }
.btn-rounded{ border-radius: 25px; }
body.btn-rounded .btn{ border-radius: 25px !important; }
.bg-light .btn{ border-color: @lightblack; color: @lightblack; }
.bg-light .btn:visited, .bg-light .btn:visited:hover{ color: @lightblack; }
.btn:visited{ color: @color-primary; }
.btn-white:visited,.btn:visited:hover{ color: @white; }
.btn-white:visited:hover{ color: @lightblack; }
.btn-filled:visited{ color: @white; }
.btn.bg-dark{ color: @white; border-color: @bg-dark; }
.btn.bg-dark:hover{ background: lighten(@bg-dark,10%); }

/*!---------- 8. NAVIGATION ----------*/

.nav-container{ -webkit-backface-visibility: hidden; max-width: 100%; }
nav{ -webkit-backface-visibility: hidden; max-width: 100%; }
nav ul{ margin-bottom: 0; }

.module{ display: inline-block; padding: 0 32px; }
.module-group{ display: inline-block; }
.module.left,.module-group.left{ float: left; }
.module.right,.module-group.right{ float: right; }

nav .btn, .nav-bar .btn{ margin: 0; height: auto; }
.nav-utility{ height: 45px; line-height: 43px; border-bottom: 1px solid @darkgrey; overflow: hidden; }
.nav-utility i{ position: relative; top: 1px; }
.nav-bar{ height: @nav-height; max-height: @nav-height; line-height: @nav-line-height; }
.nav-bar .module,.nav-bar .module-group{ height: @nav-height; }
.nav-bar a{ display: inline-block; height: @nav-height; }
.logo-light{ display: none; }
nav.bg-dark .logo-light{ display: inline; }
nav.bg-dark .logo-dark{ display: none; }

@media all and (max-width: 767px){
	.logo{ max-height: 125px !important; }
}

.has-dropdown{ padding-right: 14px; }
.has-dropdown:after{ position: absolute; top: 1px; font-size: 8px; right: 0; font-size: 11px; content: "\e64b"; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; }

.menu-padre{ width: 100%; height: @nav-height; font-family: @heading-font,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.menu-padre.inline-block{ width: auto; }
.menu-padre li a{ font-size: 11px; text-transform: uppercase; font-weight: normal; letter-spacing: 3px; color: @bg-dark; opacity: 1; .transition(0.3s); }
.menu-padre li a:hover{ opacity: 1 !important; }
.menu-padre > li{ margin-right: 32px; float: left; position: relative; }
.menu-padre > li:not(.top-link){ .transition(0.3s); opacity: 1; }
.menu-padre > li:last-child{ margin-right: 0; }
.menu-padre > li:last-child > ul{ right: 0; }
.menu-padre > li:last-child > ul ul{ left: auto; right: 100%; }
.menu-padre .divider{ height: 20px; position: relative; top: 18px; width: 1px; background: @copy; opacity: .3; }

.menu-padre > li ul{ width: 200px; padding: 8px 0; background: @color-primary; position: absolute; z-index: 99; opacity: 0; .transition(0.3s); .translateX(10px); visibility: hidden; margin-top: -2px; }
.menu-padre > li > ul > li{ position: relative; line-height: 24px; width: 100%; vertical-align: top; text-align: left; }
.menu-padre > li > ul > li i{ display: inline-block; margin-right: 2px; }
.menu-padre > li > ul > .has-dropdown:after{ color: @white; top: 5px; right: 24px; content: "\e649"; }
.menu-padre > li > ul li a{ color: @white; height: auto; padding: 6px 24px; }

.menu-padre > li > ul > li > ul{ left: 100%; top: 0; }

.menu-padre > li:hover > ul{ opacity: 1; .translateX(0px); visibility: visible; }
.menu-padre > li > ul > li:hover > ul, .has-dropdown:hover .mega-menu ul{ opacity: 1; .translateY(0px); visibility: visible; }

.make-right{ right: 0; }

.module.widget-handle{ border-left: 1px solid @darkgrey; padding: 0 24px; cursor: pointer; position: relative; .disable-select; margin: 0;  }
@media all and (max-width: 1100px){ .module.widget-handle{ padding: 0 16px; } }
.module.widget-handle i{ font-size: 20px; line-height: @nav-line-height; opacity: 0.5; .transition(0.3s); }
.module.widget-handle:hover i, .module.active i{ opacity: 1; }
.widget-handle .function{  cursor: default; width: 200px; background: @bg-dark; position: absolute; z-index: 99; opacity: 0; .transition(0.3s); .translateY(10px); visibility: hidden; margin-top: -2px; right: 0; }
.module.widget-handle:hover .function{ opacity: 1; .translateY(0px); visibility: visible; }
.module.widget-handle .title{ font-family: @heading-font,"Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; font-weight: 600; display: none; opacity: .5; .transition(0.3s);  }
.module.widget-handle .title:hover{ opacity: 1; }

.widget-handle .cart{ position: relative; }
.widget-handle .cart .label{ width: 17px; height: 17px; font-size: 10px; line-height: 17px; padding: 0; text-align: center; position: absolute; background: @color-primary; top: 10px; right: -10px; border-radius: 50%;	 }

.widget-handle .search-form{ padding: 8px; display: inline-block; width: 100%; line-height: 50px; }
.widget-handle .search-form input{ margin: 0; }

nav .widget{ margin: 0; padding: 24px; }
nav .widget .title{ display: none !important; }
nav .widget, nav .widget a:not(.btn){ color: @white; }
nav .widget hr{ border-color: #777; margin-bottom: 16px; }
nav .widget hr:first-of-type{ display: none; }
.cart-widget-handle .function{ width: auto; background: @white; }
.cart-widget-handle .function span{ color: @lightblack !important; }
nav .cart-overview{ min-width: 300px; margin-bottom: 16px; }
nav .cart-overview a{ height: auto; }

.language .menu-padre > li ul{ max-width: 150px; }

.nav-bar.nav-open{ max-height: 10000px !important; }
.nav-open .mobile-toggle{ border-bottom: 1px solid @darkgrey; }

@media all and (max-width: 1120px){
	.menu-padre > li{ margin-right: 24px; }
}

.nav-bar .container, .nav-bar .container .row, .nav-bar .container .row div { height: 100%; }

@media all and (max-width: 767px){

	nav.fixed{ position: absolute !important; opacity: 1 !important; visibility: visible !important; }
	nav.outOfSight{ .translateY(0px) !important; .transition(0.3s); }
	
	.nav-bar, .nav-bar .module-group, .nav-bar .module{ height: auto; max-height: 0; overflow: hidden; }
	.nav-bar .module{ padding: 0 16px; }
	.nav-bar .module-group{ width: 100%; padding: 16px 0; }
	.nav-bar .module-group .module{ display: block; float: none; width: 100%; }
	.nav-utility{ height: auto; }
	
	.menu-padre{ height: auto;  }
	.menu-padre.inline-block{ width: 100%; }
	.menu-padre a{ height: auto; line-height: 24px; padding: 4px 0; }
	.menu-padre li{ line-height: 24px; float: none; display: block; width: 100%; max-width: 100%; }
	.menu-padre > li ul{ position: relative; width: 100%; opacity: 1; visibility: visible; .translateY(0px); left: 0; }
	.menu-padre > li > ul{ position: relative; opacity: 1; visibility: visible; display: none; .translateY(0px); }
	.menu-padre > li > ul > .has-dropdown:after{ content: "\e64b"; }
	.menu-padre > li > ul > li > ul{ left: 0; display: none; padding: 0; }
	.menu-padre > li > ul li a, .mega-menu .title{ padding: 4px 16px; }
	.has-dropdown .has-dropdown li{ padding-left: 18px; }
	.has-dropdown{ padding-right: 0; }
	.mega-menu{ margin-left: 0 !important; }
	.mega-menu li{ width: 100% !important; }
	.toggle-sub > ul,.toggle-sub .mega-menu ul{ display: block !important; }
	
	.module.widget-handle{ border-left: none; border-top: none; line-height: 40px; min-height: 40px; }
	.module.widget-handle .menu-padre{ line-height: 40px; }
	.module.widget-handle .menu-padre li{ line-height: 40px; }
	.module.widget-handle i{ line-height: 40px; }
	.module.widget-handle .title{ display: inline-block; position: relative; bottom: 3px; margin-left: 8px; }
	.widget-handle .function{ width: 100%; position: relative; opacity: 1; .translateY(0px); visibility: visible; margin-top: 0; display: none; box-shadow: none !important; }
	.toggle-widget-handle .function{ display: block !important; }
	
	.widget-handle .cart .label{ width: 22px; height: 22px; font-size: 12px; line-height: 22px; top: 18px; }
	
	.mobile-toggle{ border-left: 1px solid @darkgrey !important; border-bottom: none !important; }
	.mobile-toggle i{ line-height: 53px !important; }
	.mobile-toggle.absolute-xs{ position: absolute; top: 0; }
	
	nav.bg-dark .module.widget-handle{ border-top: 1px solid #444; }
	nav.bg-dark .mobile-toggle{ border-left: 1px solid #444 !important; }
	nav.bg-dark .nav-open .mobile-toggle{ border-bottom: 1px solid #444; }
	
	footer .text-right,
	footer .text-left {
		text-align: center;
	}
	footer .inline-block {
		display: block;
	}
	footer .image-small {
		display: inline;
	}
	
}

nav.outOfSight{ .translateY(-200px); .transition(0.3s); }
nav.scrolled{ .translateY(0px); }
nav.fixed,nav.absolute{ top: 0; width: 100%; z-index: 999; left:0; right: 0; }
nav.absolute .list-inline li a{ color: @white; }
nav.absolute{ position: absolute; }
nav.fixed{ position: fixed; visibility: hidden; opacity: 0;  }
nav.fixed .nav-utility{ display: none; }
nav.fixed.scrolled{ visibility: visible; opacity: 1; }
nav.fixed > div:not(.nav-bar){ display: none; }
nav.fixed .nav-bar{ background: @color-body; }

nav.transparent{ background: none; }
nav.transparent .menu-padre > li > a, nav.transparent .module.widget-handle i, nav.transparent .nav-utility{ color: @white; }
nav.transparent .nav-utility, nav.transparent .nav-bar{ border-bottom: 1px solid rgba(255,255,255,0.2); }
nav.transparent .module.widget-handle{ border-left: 1px solid rgba(255,255,255,0.2) !important; }
nav.transparent .menu-padre > li > a, nav.transparent .module.widget-handle i{ opacity: 1; }
nav.transparent .has-dropdown:after{ color: @white; }
nav.transparent .logo-dark{ display: none; }
nav.transparent .logo-light{ display: inline; }

@media all and (max-width: 990px){
	nav.transparent .nav-open{ background: @white; }
	nav.transparent .nav-open .menu-padre > li > a, nav.transparent .nav-open .module.widget-handle i, nav.transparent  .nav-open .nav-utility{ color: @bg-dark; }
	nav.transparent .nav-open .logo-dark{ display: inline; }
	nav.transparent .nav-open .logo-light{ display: none; }
	nav.transparent .nav-open .has-dropdown:after{ color: @bg-dark; }
	.menu-padre > li:last-child > ul ul{ right: 0; }
}

nav.transparent.fixed{ background: @white; }
nav.transparent.fixed .logo-light{ display: none; }
nav.transparent.fixed .logo-dark{ display: inline; }
nav.transparent.fixed .menu-padre > li > a, nav.transparent.fixed .module.widget-handle i{ color: @bg-dark; }
nav.transparent.fixed .menu-padre > .has-dropdown:after{ color: @white; color: @bg-dark; }
nav.transparent.fixed .module.widget-handle{ border-left: 1px solid @darkgrey; }
nav.transparent.fixed .menu-padre > li > a, nav.transparent.fixed .module.widget-handle i{ opacity: .5; }

nav.bg-dark .menu-padre > li > a, nav.bg-dark .module.widget-handle i, nav.bg-dark .nav-utility{ color: @white; opacity: .7; }
nav.bg-dark .module.widget-handle{ border-left: 1px solid rgba(255,255,255,0.2); }
nav.bg-dark .nav-utility, nav.bg-dark .nav-bar{ border-bottom: 1px solid rgba(255,255,255,0.2); }

/*!---------- 9. ICONS ----------*/

.icon{ font-size: 64px; display: inline-block; color: @bg-dark ; }
.image-bg.bg-light .icon{ color: @bg-dark; }
.image-bg .icon, .bg-dark .icon{ color: @white; }
.icon-lg{ font-size: 80px; }
.icon-sm{ font-size: 32px; }

@media all and (max-width: 767px){
	.icon{ font-size: 48px; }
	.icon-lg{ font-size: 64px; }
	.icon-sm{ font-size: 18px; }
}

.embelish-icons{ position: absolute; top: 50%; .translateY(-50%); .scale(10); left: 50%; opacity: 0.05; z-index: -1; }

/*!---------- 10. FORMS ----------*/

input[type="text"], input[type="email"],textarea,select,input[type="password"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.bg-secondary input[type="text"], .bg-secondary input[type="email"]{ background: @white; }
.input-lh{ line-height: 50px; }
.field-error{ outline: 1px red !important; }

.input-with-label span{ font-family: @heading-font,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 11px; text-transform: uppercase; color: @bg-dark; letter-spacing: 1px; font-weight: 700; display: block; cursor: default; }

input[type="text"],input[type="password"], input[type="email"]{ background: none; border: none; border-bottom: 2px solid @darkgrey; width: 100%; height: 50px; font-weight: 400; margin-bottom: 24px; border-radius: 0; }
.image-bg input[type="text"], .image-bg textarea{ color: #555; }
.image-bg.bg-light input.transparent{ border-color: @bg-dark; }
input.transparent{ background: none; border: 1px solid rgba(255,255,255,.5); color: @white !important	; }
input[type="text"]:focus,input[type="password"]:focus, textarea:focus, input[type="email"]:focus{ outline: none; border-bottom: 2px solid @color-primary; }
textarea{ width: 100%; border: none; background: none; margin-bottom: 24px; border-radius: 0; padding: 0; border-bottom: 2px solid @darkgrey; height: 120px; }
::-webkit-input-placeholder { font-size: 18px; letter-spacing: 1px; color: #777; }
:-moz-placeholder { font-size: 13px; color: #777; }
::-moz-placeholder {  font-size: 13px; color: #777; }
:-ms-input-placeholder { font-size: 13px; color: #777; }
input.transparent::-webkit-input-placeholder { color: @white; }
input.transparent::-moz-input-placeholder { color: @white; }
input.transparent:-moz-input-placeholder { color: @white; }
input.transparent:-ms-input-placeholder { color: @white; }

input[type="submit"]{ height: 50px; line-height: 48px; color: @color-primary; font-size: 18px; font-weight: bold; border-radius: 0 !important; background: none; text-align: left; outline: none; border: none; border-bottom: 2px solid @color-primary; cursor: pointer; }
.bg-primary input[type="submit"]{ background: @white; color: @color-primary; }
input[type="submit"]:focus{ outline: none; }
input[type="submit"].hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; .transition(0.3s); }
input[type="submit"].hollow:hover{ background: @color-primary; color: @white; }

.select-option{ position: relative; cursor: pointer; height: 50px; overflow: hidden; margin-bottom: 24px; }
.select-option i{ position: absolute; font-size: 18px; right: 20px; top: 14px; z-index: 2; pointer-events: none; .transition(0.3s); cursor: pointer; }
.select-option:focus i{ color: @white; }
.select-option select{ margin-bottom: 0; }
select{ height: 50px; background: #f5f5f5; width: 100%; border-radius: 0; border: none; outline: none; padding-left: 20px; position: relative; font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #777; .transition(0.3s); cursor: pointer; }
select:focus{ background: #eee; }
select:active, select:focus, select:hover{ outline: none; border: none; }

form.thirds input{ width: 33%; }
form.halves input{ width: 49.5%; }

/*!---------- 11. TABBED CONTENT ----------*/

.tabs{ overflow: hidden; }
.tabs li{ display: inline-block; cursor: pointer; }
.tabs.thirds li{ width: 32.3333333%; }
.tabs.thirds .tab-title{ width: 100%; }

.tabbed-content .content{ overflow: hidden; position: relative; }
.tabbed-content .content > li{ opacity: 0; visibility: hidden; .transition(0.3s); overflow: hidden; display: none; }
.tabbed-content .content .active{ opacity: 1; visibility: visible; display: block; visibility: visible; }
.tab-content{ overflow: hidden; }

.text-tabs .tabs{ overflow: visible; }
.text-tabs.no-border .tabs{ border-bottom: none; }
.text-tabs .tab-title{ .disable-select; .transition(0.3s); margin: 0 24px 0 0; opacity: 0.5; position: relative; }
.text-tabs .tab-title span{ .bold-h6; }
.text-tabs .tab-title:after{ content: ''; position: absolute; width: 100%; height: 1px; background: @color-primary; opacity: 0; .transition(0.3s); bottom: 0; left: 0; }
.text-tabs .active .tab-title{ opacity: 1; color: @color-primary; }
.bg-primary .text-tabs .tab-title:after{ background: lighten(@color-primary,30%); }
.text-tabs .active .tab-title:after{ opacity: 1; }
.text-tabs .tab-title:hover{ opacity: 1; }

@media all and (max-width: 767px){
	.text-tabs .tabs{ padding-bottom: 0; }
	.text-tabs .tabs li{ width: 49%; margin-bottom: 15px; }
	.text-tabs .tab-title:after{ display: none; }
}


/*!---------- 12. PAGINATION ----------*/

.pagination{ margin: 0; }
.pagination li a{ width: 32px; height: 32px; padding: 0; text-align: center; padding-top: 2px; margin: 0; color: @bg-dark; font-weight: 400; }
.pagination li a:hover, .pagination li.active a, .pagination li.active:hover a{ background: @color-primary; color: @white; border-color: @color-primary; }


/*!---------- 13. WIDGETS ----------*/

.widget{ margin-bottom: 48px; }

.link-list{ line-height: 32px; }
.link-list a:after{ content: "\e628"; font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 11px; display: inline-block; margin-left: 8px; }

.widget ul:last-child, .widget p:last-child{ margin-bottom: 0; }
.widget .title{ .bold-h6; margin-bottom: 12px; }
.widget hr{ margin-bottom: 12px; }

.recent-posts{ line-height: 24px; }
.recent-posts li{ margin-bottom: 8px; .transition(0.3s); } 
.recent-posts .date{ display: block;letter-spacing: 0; opacity: .8; }
.recent-posts li:hover .date{ opacity: 1; }

.tags{ overflow: hidden; }
.tags li{ float: left; margin: 0 4px 4px 0; }
.tags .btn-sm{ padding: 0 8px; margin: 0; }

.widget .gallery{ overflow: hidden; }
.widget .gallery li{ width: 33.33333%; float: left; padding: 0 4px 4px 0; }

.widget .instafeed li{ width: 33.3333%; display: inline-block; padding: 0 4px 4px 0; }
.widget .instafeed li:nth-of-type(n+7){ display: none; }

/*!---------- 15. IMAGE GALLERIES ----------*/

.instafeed.grid-gallery{ overflow: hidden; min-height: 570px; }
.instafeed.grid-gallery li{ width: 25%; display: inline-block; float: left; padding: 4px; .transition(0.3s); opacity: 1; }
.instafeed.grid-gallery li:nth-of-type(n+9){ display: none; }
.instafeed.grid-gallery li:hover{ opacity: .9; }
.instafeed.grid-gallery.gapless li{ padding: 0; width: 16.66667%; }
.instafeed.grid-gallery.gapless li img{ width: 100%; }


@media all and (max-width: 768px){
	.instafeed.grid-gallery li{ width: 50%; }
}

/*!---------- 16. BLOG ----------*/

.post-title .label{ margin-right: 16px; }
.post-title h4{ position: relative; top: 2px; margin-bottom: 16px; }
.post-meta, .post-meta .tags{ overflow: hidden; display: inline-block; margin-bottom: 12px; }
.post-meta>li{ float: left; margin-right: 24px; }
.post-meta i{ font-size: 16px; margin-right: 8px; position: relative; top: 2px; }
.post-snippet iframe{ width: 100%; margin-bottom: 12px; }
.post-snippet .embed-video-container{ margin-bottom: 24px; }
.post-snippet .embed-video-container iframe{ margin: 0; }
.post-snippet .inner{ background: @white; padding: 24px; }

.comments-list, .comments-list ul{ width: 100%; overflow: hidden; }
.comments-list li{ overflow: hidden; margin-bottom: 40px; }
.comments-list p:last-of-type{ margin: 0; }
.comments-list .avatar, .comments-list .comment{ display: inline-block; float: left; }
.comments-list .avatar{ width: 10%; }
.comments-list .avatar img{ width: 75px; }
.comments-list .comment{ width: 90%; padding-left: 5%; }
.comments-list .author{ display: inline-block; margin-right: 16px; margin-bottom: 16px; }
.comments-list .comment .btn{ position: relative; margin: 0; }
.comments-list ul{ padding-left: 10%; padding-top: 40px; }
.comments-list ul li:last-of-type{ margin-bottom: 0; }
.comments input[type="submit"]{ max-width: 25%; float: right; }

@media all and (max-width: 767px){
	.post-title .label{  margin-bottom: 8px; display: inline-block; }
	.post-title h4{ top: 0; display: block; }
	.comments input[type="submit"]{ max-width: 100%; float: none; }
}


/*!---------- 17. MAPS ----------*/

.map-holder{ overflow: hidden; position: relative; }
.map-holder iframe{ border: none; position: absolute; width: 100%; height: 180%; top: -40%; left: 0; z-index: 1; }
.map-holder:before{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }
.map-holder.interact:before{ width: 0; }
.map-holder.inline{ height: 400px; overflow: hidden; }
.map-canvas{ width: 100%; height: 100%; position: absolute; top: 0; }

/*!---------- 19. FOOTERS ----------*/

footer.bg-dark a{ color: @white; }

.footer-1 .logo{ max-height: 30px; }
.footer-1 .sub{ opacity: .5; }

.social-list{ margin: 0; }
.image-bg .social-list a{ color: @white; }

.bg-dark .social-list a, .image-bg .social-list a{ color: @white; opacity: .5; }
.bg-dark .social-list a:hover{ opacity: 1; }
.image-bg .social-list a{ opacity: 1; }
.bg-light .social-list a{ color: @lightblack; }

.back-to-top{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.back-to-top:hover{ opacity: 1; }
.bg-dark .back-to-top{ border-color: @white; }
.bg-dark .back-to-top:active, .bg-dark .back-to-top:focus{ color: @white; }
.bg-dark .back-to-top:hover{ background: none; }

/*!---------- 20. SPACING ----------*/

.mr0{ margin-right: 0; }
.mb0{ margin-bottom: 0 !important; }
.mb8{ margin-bottom: 8px; }
.mb16{ margin-bottom: 16px; }
.mb24{ margin-bottom: 24px; }
.mb30{ margin-bottom: 30px; }
.mb32{ margin-bottom: 32px; }
.mb40{ margin-bottom: 40px; }
.mb48{ margin-bottom: 48px; }
.mb56{ margin-bottom: 56px; }
.mb64{ margin-bottom: 64px; }
.mb72{ margin-bottom: 72px; }
.mb80{ margin-bottom: 80px; }
.mb88{ margin-bottom: 88px; }
.mb96{ margin-bottom: 96px; }
.mb104{ margin-bottom: 104px; }
.mb112{ margin-bottom: 112px; }
.mb120{ margin-bottom: 120px; }
.mb160{ margin-bottom: 160px; }

.mt0{ margin-top: 0 !important; }
.mt8{ margin-top: 8px; }
.mt16{ margin-top: 16px; }
.mt24{ margin-top: 24px; }
.mt32{ margin-top: 32px; }
.mt40{ margin-top: 40px; }
.mt48{ margin-top: 48px; }
.mt56{ margin-top: 56px; }
.mt64{ margin-top: 64px; }
.mt72{ margin-top: 72px; }
.mt80{ margin-top: 80px; }
.mt88{ margin-top: 88px; }
.mt96{ margin-top: 96px; }
.mt104{ margin-top: 104px; }
.mt112{ margin-top: 112px; }
.mt120{ margin-top: 120px; }

.mr24 {
	margin-right: 24px;
}

.p32{ padding: 0 32px; }
.p24{ padding: 24px; }
.p0{ padding: 0; }
.pt0{ padding-top: 0; }
.pt8{ padding-top: 8px; }
.pt16{ padding-top: 16px; }
.pt24{ padding-top: 24px; }
.pt32{ padding-top: 32px; }
.pt40{ padding-top: 40px; }
.pt48{ padding-top: 48px; }
.pt64{ padding-top: 64px; }
.pt72{ padding-top: 72px; }
.pt80{ padding-top: 80px; }
.pt88{ padding-top: 88px; }
.pt96{ padding-top: 96px; }
.pt104{ padding-top: 104px; }
.pt112{ padding-top: 112px; }
.pt120{ padding-top: 120px; }
.pt160{ padding-top: 160px; }
.pt180{ padding-top: 180px; }
.pt240{ padding-top: 240px; }
.pl30 {
	padding-left: 45px;
}

.pb0{ padding-bottom: 0; }
.pb8{ padding-bottom: 8px; }
.pb16{ padding-bottom: 16px; }
.pb24{ padding-bottom: 24px; }
.pb32{ padding-bottom: 32px; }
.pb40{ padding-bottom: 40px; }
.pb48{ padding-bottom: 48px; }
.pb56{ padding-bottom: 56px; }
.pb64{ padding-bottom: 64px; }
.pb72{ padding-bottom: 72px; }
.pb80{ padding-bottom: 80px; }
.pb88{ padding-bottom: 88px; }
.pb96{ padding-bottom: 96px; }
.pb104{ padding-bottom: 104px; }
.pb112{ padding-bottom: 112px; }
.pb120{ padding-bottom: 120px; }
.pb160{ padding-bottom: 160px; }
.pb180{ padding-bottom: 180px; }
.pb240{ padding-bottom: 240px; }

@media all and (max-width: 990px){
	.mb-s-0{ margin-bottom: 0; }
	.mb-s-8{ margin-bottom: 8px; }
	.mb-s-16{ margin-bottom: 16px; }
	.mb-s-24{ margin-bottom: 24px; }
	.mb-s-32{ margin-bottom: 32px; }
	.mb-s-40{ margin-bottom: 40px; }
	.mb-s-48{ margin-bottom: 48px; }
	.mb-s-64{ margin-bottom: 64px; }
	.mb-s-72{ margin-bottom: 72px; }
	.mb-s-80{ margin-bottom: 80px; }
	.mb-s-88{ margin-bottom: 88px; }
	.mb-s-96{ margin-bottom: 96px; }
	.mb-s-104{ margin-bottom: 104px; }
	.mb-s-112{ margin-bottom: 112px; }
	.mb-s-120{ margin-bottom: 120px; }
}

@media all and (max-width: 990px){
	.mb-sm-0{ margin-bottom: 0; }
	.mb-sm-8{ margin-bottom: 8px; }
	.mb-sm-16{ margin-bottom: 16px; }
	.mb-sm-24{ margin-bottom: 24px; }
	.mb-sm-32{ margin-bottom: 32px; }
	.mb-sm-40{ margin-bottom: 40px; }
	.mb-sm-48{ margin-bottom: 48px; }
	.mb-sm-64{ margin-bottom: 64px; }
	.mb-sm-72{ margin-bottom: 72px; }
	.mb-sm-80{ margin-bottom: 80px; }
	.mb-sm-88{ margin-bottom: 88px; }
	.mb-sm-96{ margin-bottom: 96px; }
	.mb-sm-104{ margin-bottom: 104px; }
	.mb-sm-112{ margin-bottom: 112px; }
	.mb-sm-120{ margin-bottom: 120px; }
	
	.mt-sm-0{ margin-top: 0 !important; }
	.mt-sm-8{ margin-top: 8px; }
	.mt-sm-16{ margin-top: 16px; }
	.mt-sm-24{ margin-top: 24px; }
	.mt-sm-32{ margin-top: 32px; }
	.mt-sm-40{ margin-top: 40px; }
	.mt-sm-48{ margin-top: 48px; }
	.mt-sm-56{ margin-top: 56px; }
	.mt-sm-64{ margin-top: 64px; }
	.mt-sm-72{ margin-top: 72px; }
	.mt-sm-80{ margin-top: 80px; }
	.mt-sm-88{ margin-top: 88px; }
	.mt-sm-96{ margin-top: 96px; }
	.mt-sm-104{ margin-top: 104px; }
	.mt-sm-112{ margin-top: 112px; }
	.mt-sm-120{ margin-top: 120px; }
	
	.p0-sm{ padding: 0; }
	.pt-sm-0{ padding-top: 0; }
	.pt-sm-8{ padding-top: 8px; }
	.pt-sm-16{ padding-top: 16px; }
	.pt-sm-24{ padding-top: 24px; }
	.pt-sm-32{ padding-top: 32px; }
	.pt-sm-40{ padding-top: 40px; }
	.pt-sm-48{ padding-top: 48px; }
	.pt-sm-64{ padding-top: 64px; }
	.pt-sm-72{ padding-top: 72px; }
	.pt-sm-80{ padding-top: 80px; }
	.pt-sm-88{ padding-top: 88px; }
	.pt-sm-96{ padding-top: 96px; }
	.pt-sm-104{ padding-top: 104px; }
	.pt-sm-112{ padding-top: 112px; }
	.pt-sm-120{ padding-top: 120px; }
	.pt-sm-160{ padding-top: 160px; }
	
	.pb-sm-0{ padding-bottom: 0; }
	.pb-sm-8{ padding-bottom: 8px; }
	.pb-sm-16{ padding-bottom: 16px; }
	.pb-sm-24{ padding-bottom: 24px; }
	.pb-sm-32{ padding-bottom: 32px; }
	.pb-sm-40{ padding-bottom: 40px; }
	.pb-sm-48{ padding-bottom: 48px; }
	.pb-sm-64{ padding-bottom: 64px; }
	.pb-sm-72{ padding-bottom: 72px; }
	.pb-sm-80{ padding-bottom: 80px; }
	.pb-sm-88{ padding-bottom: 88px; }
	.pb-sm-96{ padding-bottom: 96px; }
	.pb-sm-104{ padding-bottom: 104px; }
	.pb-sm-112{ padding-bottom: 112px; }
	.pb-sm-120{ padding-bottom: 120px; }
}

@media all and (max-width: 767px){
	.mb-xs-0{ margin-bottom: 0; }
	.mb-xs-8{ margin-bottom: 8px; }
	.mb-xs-16{ margin-bottom: 16px; }
	.mb-xs-24{ margin-bottom: 24px; }
	.mb-xs-32{ margin-bottom: 32px; }
	.mb-xs-40{ margin-bottom: 40px; }
	.mb-xs-48{ margin-bottom: 48px; }
	.mb-xs-64{ margin-bottom: 64px; }
	.mb-xs-72{ margin-bottom: 72px; }
	.mb-xs-80{ margin-bottom: 80px; }
	.mb-xs-88{ margin-bottom: 88px; }
	.mb-xs-96{ margin-bottom: 96px; }
	.mb-xs-104{ margin-bottom: 104px; }
	.mb-xs-112{ margin-bottom: 112px; }
	.mb-xs-120{ margin-bottom: 120px; }
	
	.mt-xs-0{ margin-top: 0 !important; }
	.mt-xs-8{ margin-top: 8px; }
	.mt-xs-16{ margin-top: 16px; }
	.mt-xs-24{ margin-top: 24px; }
	.mt-xs-32{ margin-top: 32px; }
	.mt-xs-40{ margin-top: 40px; }
	.mt-xs-48{ margin-top: 48px; }
	.mt-xs-56{ margin-top: 56px; }
	.mt-xs-64{ margin-top: 64px; }
	.mt-xs-72{ margin-top: 72px; }
	.mt-xs-80{ margin-top: 80px; }
	.mt-xs-88{ margin-top: 88px; }
	.mt-xs-96{ margin-top: 96px; }
	.mt-xs-104{ margin-top: 104px; }
	.mt-xs-112{ margin-top: 112px; }
	.mt-xs-120{ margin-top: 120px; }
	
	.p0-xs{ padding: 0; }
	.pt-xs-0{ padding-top: 0; }
	.pt-xs-8{ padding-top: 8px; }
	.pt-xs-16{ padding-top: 16px; }
	.pt-xs-24{ padding-top: 24px; }
	.pt-xs-32{ padding-top: 32px; }
	.pt-xs-40{ padding-top: 40px; }
	.pt-xs-48{ padding-top: 48px; }
	.pt-xs-64{ padding-top: 64px; }
	.pt-xs-72{ padding-top: 72px; }
	.pt-xs-80{ padding-top: 80px; }
	.pt-xs-88{ padding-top: 88px; }
	.pt-xs-96{ padding-top: 96px; }
	.pt-xs-104{ padding-top: 104px; }
	.pt-xs-112{ padding-top: 112px; }
	.pt-xs-120{ padding-top: 120px; }
	.pt-xs-160{ padding-top: 160px; }
	
	.pb-xs-0{ padding-bottom: 0; }
	.pb-xs-8{ padding-bottom: 8px; }
	.pb-xs-16{ padding-bottom: 16px; }
	.pb-xs-24{ padding-bottom: 24px; }
	.pb-xs-32{ padding-bottom: 32px; }
	.pb-xs-40{ padding-bottom: 40px; }
	.pb-xs-48{ padding-bottom: 48px; }
	.pb-xs-64{ padding-bottom: 64px; }
	.pb-xs-72{ padding-bottom: 72px; }
	.pb-xs-80{ padding-bottom: 80px; }
	.pb-xs-88{ padding-bottom: 88px; }
	.pb-xs-96{ padding-bottom: 96px; }
	.pb-xs-104{ padding-bottom: 104px; }
	.pb-xs-112{ padding-bottom: 112px; }
	.pb-xs-120{ padding-bottom: 120px; }
}